import type { DefineComponent } from "vue";

type MonacoDiffEditorProps = {
  /** Provides access to the Monaco Editor instance. */
  editor?: T | undefined;
  /** Provides access to the Monaco Editor API. */
  monaco?: Monaco | undefined;

  /** Dispatched when the editor cancels initialization. */
  oncanceled?: (e: CustomEvent<CustomEvent>) => void;
  /** Dispatched when the editor finishes initialization and becomes ready. */
  onready?: (e: CustomEvent<CustomEvent>) => void;
};

type MonacoDiffInputProps = {
  /** Defines the original value of the diff. */
  original?: string;
  /** Defines the programming language for syntax highlighting of the original value.
Falls back to the language property if not set. */
  originalLanguage?:
    | "css"
    | "go"
    | "html"
    | "javascript"
    | "json"
    | "markdown"
    | "plaintext"
    | "python"
    | "shell"
    | "sql"
    | "typescript"
    | "yaml"
    | string;
  /** Defines whether to render the diff in side-by-side mode (if enough width is available). */
  "side-by-side"?: boolean;
  /** Defines the programming language for syntax highlighting and validation. */
  language?:
    | "css"
    | "go"
    | "html"
    | "javascript"
    | "json"
    | "markdown"
    | "plaintext"
    | "python"
    | "shell"
    | "sql"
    | "typescript"
    | "yaml"
    | string;
  /** Determines whether the editor supports code folding. */
  folding?: boolean;
  /** Determines whether to insert spaces instead of tabs when pressing the tab key. */
  "insert-spaces"?: boolean;
  /** Controls the display of line numbers in the editor. */
  "line-numbers"?: LineNumbersType;
  /** Determines whether to show the minimap (code overview) on the right side of the editor. */
  minimap?: boolean;
  /** JSON schema for validation when the language equals 'json'.
https://json-schema.org/ */
  schema?: JSONSchema | undefined;
  /** Determines the number of spaces to use for indentation. */
  "tab-size"?: number;
  /** Controls how the editor wraps text. */
  "word-wrap"?: WordWrapOptions;
  /** Prevents the user from changing the control value.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
  readonly?: boolean;
  /** Prevents the user from interacting with the control.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled */
  disabled?: boolean;
  /** Requires a value before the parent form can submit.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required */
  required?: boolean;
  /** Defines the pattern that text values must match.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern */
  pattern?: string;
  /** Defines the minimum numeric value.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min */
  min?: number | null;
  /** Defines the maximum numeric value.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max */
  max?: number | null;
  /** Defines the value granularity for numeric inputs.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step */
  step?: number | null;
  /** Defines the minimum text length.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
  minlength?: number;
  /** Defines the maximum text length.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
  maxlength?: number;
  /** The name submitted with the control value as part of the form data.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name */
  name?: string;
  /** Disables constraint validation for this control.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
  novalidate?: boolean;
  /** The current form control value.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/value */
  value?: T | undefined;
  /** The initial value used when the parent form resets. */
  defaultValue?: string;
  /** The form associated with the control.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
  form?: HTMLFormElement | null;
  /** Indicates whether the control participates in constraint validation.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate */
  willValidate?: boolean;
  /** The control validity state.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/validity */
  validity?: ValidityState;
  /** The validation message shown when the control is invalid.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/validationMessage */
  validationMessage?: string;
  /** The current value serialized as a string. */
  valueAsString?: string;
  /** The current value parsed as a number. */
  valueAsNumber?: number;
  /** The control type. */
  type?: string;
  /** Labels associated with the control.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels */
  labels?: NodeList;
  /** Text content from labels associated with the control. */
  composedLabel?: string;
  /** Dispatched when syntax validation state changes. */
  "onsyntax-validation-changed"?: (e: CustomEvent<CustomEvent>) => void;
  /** Dispatched when the editor cancels initialization. */
  oncanceled?: (e: CustomEvent<never>) => void;
  /** Dispatched when the editor finishes initialization and becomes ready. */
  onready?: (e: CustomEvent<never>) => void;
  /** Dispatched when the element's value changes as a result of a user action. */
  oninput?: (e: CustomEvent<never>) => void;
  /** Dispatched when the user modifies and commits the element's value. */
  onchange?: (e: CustomEvent<never>) => void;
  /** Dispatched when the control state is reset to its initial value. */
  onreset?: (e: CustomEvent<never>) => void;
  /** Dispatched when the control is invalid. */
  oninvalid?: (e: CustomEvent<never>) => void;
};

type MonacoEditorProps = {
  /** Provides access to the Monaco Editor instance. */
  editor?: T | undefined;
  /** Provides access to the Monaco Editor API. */
  monaco?: Monaco | undefined;

  /** Dispatched when the editor cancels initialization. */
  oncanceled?: (e: CustomEvent<CustomEvent>) => void;
  /** Dispatched when the editor finishes initialization and becomes ready. */
  onready?: (e: CustomEvent<CustomEvent>) => void;
};

type MonacoInputProps = {
  /** Defines the programming language for syntax highlighting and validation. */
  language?:
    | "css"
    | "go"
    | "html"
    | "javascript"
    | "json"
    | "markdown"
    | "plaintext"
    | "python"
    | "shell"
    | "sql"
    | "typescript"
    | "yaml"
    | string;
  /** Determines whether the editor supports code folding. */
  folding?: boolean;
  /** Determines whether to insert spaces instead of tabs when pressing the tab key. */
  "insert-spaces"?: boolean;
  /** Controls the display of line numbers in the editor. */
  "line-numbers"?: LineNumbersType;
  /** Determines whether to show the minimap (code overview) on the right side of the editor. */
  minimap?: boolean;
  /** JSON schema for validation when the language equals 'json'.
https://json-schema.org/ */
  schema?: JSONSchema | undefined;
  /** Determines the number of spaces to use for indentation. */
  "tab-size"?: number;
  /** Controls how the editor wraps text. */
  "word-wrap"?: WordWrapOptions;
  /** Prevents the user from changing the control value.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
  readonly?: boolean;
  /** Prevents the user from interacting with the control.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled */
  disabled?: boolean;
  /** Requires a value before the parent form can submit.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required */
  required?: boolean;
  /** Defines the pattern that text values must match.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern */
  pattern?: string;
  /** Defines the minimum numeric value.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min */
  min?: number | null;
  /** Defines the maximum numeric value.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max */
  max?: number | null;
  /** Defines the value granularity for numeric inputs.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step */
  step?: number | null;
  /** Defines the minimum text length.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength */
  minlength?: number;
  /** Defines the maximum text length.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength */
  maxlength?: number;
  /** The name submitted with the control value as part of the form data.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name */
  name?: string;
  /** Disables constraint validation for this control.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate */
  novalidate?: boolean;
  /** The current form control value.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/value */
  value?: T | undefined;
  /** The initial value used when the parent form resets. */
  defaultValue?: string;
  /** The form associated with the control.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */
  form?: HTMLFormElement | null;
  /** Indicates whether the control participates in constraint validation.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate */
  willValidate?: boolean;
  /** The control validity state.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/validity */
  validity?: ValidityState;
  /** The validation message shown when the control is invalid.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/validationMessage */
  validationMessage?: string;
  /** The current value serialized as a string. */
  valueAsString?: string;
  /** The current value parsed as a number. */
  valueAsNumber?: number;
  /** The control type. */
  type?: string;
  /** Labels associated with the control.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels */
  labels?: NodeList;
  /** Text content from labels associated with the control. */
  composedLabel?: string;
  /** Dispatched when syntax validation state changes. */
  "onsyntax-validation-changed"?: (e: CustomEvent<CustomEvent>) => void;
  /** Dispatched when the editor cancels initialization. */
  oncanceled?: (e: CustomEvent<never>) => void;
  /** Dispatched when the editor finishes initialization and becomes ready. */
  onready?: (e: CustomEvent<never>) => void;
  /** Dispatched when the element's value changes as a result of a user action. */
  oninput?: (e: CustomEvent<never>) => void;
  /** Dispatched when the user modifies and commits the element's value. */
  onchange?: (e: CustomEvent<never>) => void;
  /** Dispatched when the control state is reset to its initial value. */
  onreset?: (e: CustomEvent<never>) => void;
  /** Dispatched when the control is invalid. */
  oninvalid?: (e: CustomEvent<never>) => void;
};

type MonacoProblemsProps = {
  /**  */
  problems?: Problem[];

  /** Dispatched when the user selects a problem. */
  "onproblem-selected"?: (e: CustomEvent<CustomEvent>) => void;
  /** Dispatched when the user activates a problem. */
  "onproblem-activated"?: (e: CustomEvent<CustomEvent>) => void;
  /** Dispatched when the user requests a problem's context menu. */
  "onproblem-context-menu"?: (e: CustomEvent<CustomEvent>) => void;
  /** Dispatched when the editor cancels initialization. */
  oncanceled?: (e: CustomEvent<never>) => void;
  /** Dispatched when the editor finishes initialization and becomes ready. */
  onready?: (e: CustomEvent<never>) => void;
};

export type CustomElements = {
  /**
   * A low-level Monaco Editor wrapper that provides direct access to a diff editor instance and API.
   * ---
   *
   *
   * ### **Events:**
   *  - **canceled** - Dispatched when the editor cancels initialization.
   * - **ready** - Dispatched when the editor finishes initialization and becomes ready.
   *
   * ### **CSS Properties:**
   *  - **--background** - undefined _(default: undefined)_
   * - **--min-height** - undefined _(default: undefined)_
   */
  "nve-monaco-diff-editor": DefineComponent<MonacoDiffEditorProps>;

  /**
   * An input control for editing diffs for JSON, YAML and code with syntax highlighting and validation.
   * ---
   *
   *
   * ### **Events:**
   *  - **syntax-validation-changed** - Dispatched when syntax validation state changes.
   * - **canceled** - Dispatched when the editor cancels initialization.
   * - **ready** - Dispatched when the editor finishes initialization and becomes ready.
   * - **input** - Dispatched when the element's value changes as a result of a user action.
   * - **change** - Dispatched when the user modifies and commits the element's value.
   * - **reset** - Dispatched when the control state is reset to its initial value.
   * - **invalid** - Dispatched when the control is invalid.
   *
   * ### **Methods:**
   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
   * - **checkValidity()** - Checks whether the control satisfies its constraints.
   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
   * - **setCustomValidity()** - Sets a custom validation message.
   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
   * - **reset()** - Resets the control value to its initial value.
   *
   * ### **CSS Properties:**
   *  - **--background** - undefined _(default: undefined)_
   * - **--border** - undefined _(default: undefined)_
   * - **--border-radius** - undefined _(default: undefined)_
   * - **--min-height** - undefined _(default: undefined)_
   * - **--padding** - undefined _(default: undefined)_
   */
  "nve-monaco-diff-input": DefineComponent<MonacoDiffInputProps>;

  /**
   * A low-level Monaco Editor wrapper that provides direct access to an editor instance and API.
   * ---
   *
   *
   * ### **Events:**
   *  - **canceled** - Dispatched when the editor cancels initialization.
   * - **ready** - Dispatched when the editor finishes initialization and becomes ready.
   *
   * ### **CSS Properties:**
   *  - **--background** - undefined _(default: undefined)_
   * - **--min-height** - undefined _(default: undefined)_
   */
  "nve-monaco-editor": DefineComponent<MonacoEditorProps>;

  /**
   * An input control for editing JSON, YAML and code with syntax highlighting and validation.
   * ---
   *
   *
   * ### **Events:**
   *  - **syntax-validation-changed** - Dispatched when syntax validation state changes.
   * - **canceled** - Dispatched when the editor cancels initialization.
   * - **ready** - Dispatched when the editor finishes initialization and becomes ready.
   * - **input** - Dispatched when the element's value changes as a result of a user action.
   * - **change** - Dispatched when the user modifies and commits the element's value.
   * - **reset** - Dispatched when the control state is reset to its initial value.
   * - **invalid** - Dispatched when the control is invalid.
   *
   * ### **Methods:**
   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
   * - **checkValidity()** - Checks whether the control satisfies its constraints.
   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
   * - **setCustomValidity()** - Sets a custom validation message.
   * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
   * - **reset()** - Resets the control value to its initial value.
   *
   * ### **CSS Properties:**
   *  - **--background** - undefined _(default: undefined)_
   * - **--border** - undefined _(default: undefined)_
   * - **--border-radius** - undefined _(default: undefined)_
   * - **--min-height** - undefined _(default: undefined)_
   * - **--padding** - undefined _(default: undefined)_
   */
  "nve-monaco-input": DefineComponent<MonacoInputProps>;

  /**
   * A Monaco Editor based tree view for presenting problems (i.e. diagnostics markers).
   * ---
   *
   *
   * ### **Events:**
   *  - **problem-selected** - Dispatched when the user selects a problem.
   * - **problem-activated** - Dispatched when the user activates a problem.
   * - **problem-context-menu** - Dispatched when the user requests a problem's context menu.
   * - **canceled** - Dispatched when the editor cancels initialization.
   * - **ready** - Dispatched when the editor finishes initialization and becomes ready.
   *
   * ### **Slots:**
   *  - **empty** - Slot for displaying a message when empty.
   *
   * ### **CSS Properties:**
   *  - **--background** - undefined _(default: undefined)_
   * - **--min-height** - undefined _(default: undefined)_
   */
  "nve-monaco-problems": DefineComponent<MonacoProblemsProps>;
};

declare module "vue" {
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
  interface GlobalComponents extends CustomElements {}
}

declare global {
  namespace JSX {
    // eslint-disable-next-line @typescript-eslint/no-empty-interface
    interface IntrinsicElements extends CustomElements {}
  }
}