globals.d.ts

/* eslint-disable @typescript-eslint/no-explicit-any */

// Tell Typescript that SASS imports are okay as they're handled by bundler
declare module '*.scss' {
  export const styles: string;
  export default styles;
}

declare module '*.css' {
  export const styles: string;
  export default styles;
}

declare module '*.svg' {
  export const content: string;
  export default content;
}

declare module 'lit-code' {
  import type { LitElement } from 'lit';

  export declare global {
    HTMLElementTagNameMap['lit-code'] = LitCode;
  }
  export class LitCode extends LitElement {
    elContainer: HTMLElement;
    elTextarea: HTMLTextAreaElement;
    linenumbers: boolean;
    noshadow: boolean;
    mycolors: boolean;
    code: string;
    language: string;
    grammar: string;

    _getElement<T extends HTMLElement = HTMLElement>(id: string): T;
    getCode(): string;
    setCode(code: string): void;
  }
}

declare module 'mocha' {
  declare global {
    type EachFunc = (this: Context, params: Record<string, any>, done: Done) => void;
    type EachAsyncFunc = (this: Context, params: Record<string, any>) => PromiseLike<any>;

    namespace Mocha {
      // eslint-disable-next-line @typescript-eslint/no-unused-vars
      interface TestFunction {
        each(
          strings: TemplateStringsArray,
          ...placeholders: any[]
        ): {
          (fn: EachFunc): Test;
          (fn: EachAsyncFunc): Test;
          (title: string, fn?: EachFunc): Test;
          (title: string, fn?: EachAsyncFunc): Test;
        };
      }
    }

    // eslint-disable-next-line no-var
    declare var it: Mocha.TestFunction;
  }
}