@everymatrix/general-input 1.44.0 → 1.45.2

package/dist/types/components/toggle-checkbox-input/toggle-checkbox-input.d.ts

@@ -1,72 +1,67 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent, RegCfgContentField } from '../../utils/types';
 export declare class ToggleCheckboxInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: string;
-  /**
-   * Options of the input.
-   */
-  options: RegCfgContentField[];
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Object of validation rules for the input.
-   */
-  validation: ValidationSchema;
-  /**
-   * Currently selected language.
-   */
-  language: string;
-  /**
-   * State passed down from the parent element. Will trigger the input to send it's value through an event.
-   */
-  emitValue: boolean;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  /**
-   * Emit event on click
-   */
-  emitOnClick: boolean;
-  errorMessage: string;
-  isValid: boolean;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  showFields: boolean;
-  private stylingContainer;
-  private checkboxReference;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: string;
-  sendValidityState: EventEmitter<InputStateEvent>;
-  validityStateHandler(inputStateEvent: InputStateEvent): void;
-  sendInputValue: EventEmitter<InputValueEvent>;
-  valueHandler(inputValueEvent: InputValueEvent): void;
-  handleClickOutside(event: MouseEvent): void;
-  componentDidRender(): void;
-  handleClick(): void;
-  setValidity(): boolean;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  handleLabelClick: (event: MouseEvent) => void;
-  renderLabel(): any;
-  renderTooltip(): any;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: string;
+    /**
+     * Options of the input.
+     */
+    options: RegCfgContentField[];
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * State passed down from the parent element. Will trigger the input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    showFields: boolean;
+    private stylingContainer;
+    private checkboxReference;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: string;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    handleClickOutside(event: MouseEvent): void;
+    componentDidRender(): void;
+    handleClick(): void;
+    setValidity(): boolean;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderLabel(): any;
+    renderTooltip(): any;
+    render(): any;
 }

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { InputStateEvent, InputValueEvent, Option, RegCfgContentField, ValidationSchema } from "./utils/types";
+export { InputStateEvent, InputValueEvent, Option, RegCfgContentField, ValidationSchema } from "./utils/types";
 export namespace Components {
     interface CheckboxGroupInput {
         /**
@@ -300,10 +301,6 @@ export namespace Components {
           * Client custom styling via inline style
          */
         "clientStyling": string;
-        /**
-          * Client Styling Url
-         */
-        "clientStylingUrl": string;
         /**
           * Default value for the input.
          */
@@ -542,10 +539,6 @@ export namespace Components {
           * Name of input to be shown to the user.
          */
         "displayName": string;
-        /**
-          * Emit event on click
-         */
-        "emitOnClick": boolean;
         /**
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
@@ -572,26 +565,118 @@ export namespace Components {
         "validation": ValidationSchema;
     }
 }
+export interface CheckboxGroupInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCheckboxGroupInputElement;
+}
+export interface CheckboxInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCheckboxInputElement;
+}
+export interface DateInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDateInputElement;
+}
+export interface EmailInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEmailInputElement;
+}
+export interface NumberInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNumberInputElement;
+}
+export interface PasswordInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPasswordInputElement;
+}
+export interface RadioInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLRadioInputElement;
+}
+export interface SelectInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSelectInputElement;
+}
+export interface TelInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTelInputElement;
+}
+export interface TextInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTextInputElement;
+}
+export interface ToggleCheckboxInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLToggleCheckboxInputElement;
+}
 declare global {
+    interface HTMLCheckboxGroupInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLCheckboxGroupInputElement extends Components.CheckboxGroupInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCheckboxGroupInputElementEventMap>(type: K, listener: (this: HTMLCheckboxGroupInputElement, ev: CheckboxGroupInputCustomEvent<HTMLCheckboxGroupInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCheckboxGroupInputElementEventMap>(type: K, listener: (this: HTMLCheckboxGroupInputElement, ev: CheckboxGroupInputCustomEvent<HTMLCheckboxGroupInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCheckboxGroupInputElement: {
         prototype: HTMLCheckboxGroupInputElement;
         new (): HTMLCheckboxGroupInputElement;
     };
+    interface HTMLCheckboxInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLCheckboxInputElement extends Components.CheckboxInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCheckboxInputElementEventMap>(type: K, listener: (this: HTMLCheckboxInputElement, ev: CheckboxInputCustomEvent<HTMLCheckboxInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCheckboxInputElementEventMap>(type: K, listener: (this: HTMLCheckboxInputElement, ev: CheckboxInputCustomEvent<HTMLCheckboxInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLCheckboxInputElement: {
         prototype: HTMLCheckboxInputElement;
         new (): HTMLCheckboxInputElement;
     };
+    interface HTMLDateInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLDateInputElement extends Components.DateInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDateInputElementEventMap>(type: K, listener: (this: HTMLDateInputElement, ev: DateInputCustomEvent<HTMLDateInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDateInputElementEventMap>(type: K, listener: (this: HTMLDateInputElement, ev: DateInputCustomEvent<HTMLDateInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLDateInputElement: {
         prototype: HTMLDateInputElement;
         new (): HTMLDateInputElement;
     };
+    interface HTMLEmailInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLEmailInputElement extends Components.EmailInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEmailInputElementEventMap>(type: K, listener: (this: HTMLEmailInputElement, ev: EmailInputCustomEvent<HTMLEmailInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEmailInputElementEventMap>(type: K, listener: (this: HTMLEmailInputElement, ev: EmailInputCustomEvent<HTMLEmailInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLEmailInputElement: {
         prototype: HTMLEmailInputElement;
@@ -603,43 +688,128 @@ declare global {
         prototype: HTMLGeneralInputElement;
         new (): HTMLGeneralInputElement;
     };
+    interface HTMLNumberInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLNumberInputElement extends Components.NumberInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNumberInputElementEventMap>(type: K, listener: (this: HTMLNumberInputElement, ev: NumberInputCustomEvent<HTMLNumberInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNumberInputElementEventMap>(type: K, listener: (this: HTMLNumberInputElement, ev: NumberInputCustomEvent<HTMLNumberInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLNumberInputElement: {
         prototype: HTMLNumberInputElement;
         new (): HTMLNumberInputElement;
     };
+    interface HTMLPasswordInputElementEventMap {
+        "sendOriginalValidityState": InputStateEvent;
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLPasswordInputElement extends Components.PasswordInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPasswordInputElementEventMap>(type: K, listener: (this: HTMLPasswordInputElement, ev: PasswordInputCustomEvent<HTMLPasswordInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPasswordInputElementEventMap>(type: K, listener: (this: HTMLPasswordInputElement, ev: PasswordInputCustomEvent<HTMLPasswordInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLPasswordInputElement: {
         prototype: HTMLPasswordInputElement;
         new (): HTMLPasswordInputElement;
     };
+    interface HTMLRadioInputElementEventMap {
+        "sendInputValue": InputValueEvent;
+        "sendValidityState": InputStateEvent;
+    }
     interface HTMLRadioInputElement extends Components.RadioInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLRadioInputElementEventMap>(type: K, listener: (this: HTMLRadioInputElement, ev: RadioInputCustomEvent<HTMLRadioInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLRadioInputElementEventMap>(type: K, listener: (this: HTMLRadioInputElement, ev: RadioInputCustomEvent<HTMLRadioInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLRadioInputElement: {
         prototype: HTMLRadioInputElement;
         new (): HTMLRadioInputElement;
     };
+    interface HTMLSelectInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLSelectInputElement extends Components.SelectInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSelectInputElementEventMap>(type: K, listener: (this: HTMLSelectInputElement, ev: SelectInputCustomEvent<HTMLSelectInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSelectInputElementEventMap>(type: K, listener: (this: HTMLSelectInputElement, ev: SelectInputCustomEvent<HTMLSelectInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSelectInputElement: {
         prototype: HTMLSelectInputElement;
         new (): HTMLSelectInputElement;
     };
+    interface HTMLTelInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLTelInputElement extends Components.TelInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTelInputElementEventMap>(type: K, listener: (this: HTMLTelInputElement, ev: TelInputCustomEvent<HTMLTelInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTelInputElementEventMap>(type: K, listener: (this: HTMLTelInputElement, ev: TelInputCustomEvent<HTMLTelInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLTelInputElement: {
         prototype: HTMLTelInputElement;
         new (): HTMLTelInputElement;
     };
+    interface HTMLTextInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLTextInputElement extends Components.TextInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTextInputElementEventMap>(type: K, listener: (this: HTMLTextInputElement, ev: TextInputCustomEvent<HTMLTextInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTextInputElementEventMap>(type: K, listener: (this: HTMLTextInputElement, ev: TextInputCustomEvent<HTMLTextInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLTextInputElement: {
         prototype: HTMLTextInputElement;
         new (): HTMLTextInputElement;
     };
+    interface HTMLToggleCheckboxInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
     interface HTMLToggleCheckboxInputElement extends Components.ToggleCheckboxInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLToggleCheckboxInputElementEventMap>(type: K, listener: (this: HTMLToggleCheckboxInputElement, ev: ToggleCheckboxInputCustomEvent<HTMLToggleCheckboxInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLToggleCheckboxInputElementEventMap>(type: K, listener: (this: HTMLToggleCheckboxInputElement, ev: ToggleCheckboxInputCustomEvent<HTMLToggleCheckboxInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLToggleCheckboxInputElement: {
         prototype: HTMLToggleCheckboxInputElement;
@@ -690,8 +860,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: CheckboxGroupInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: CheckboxGroupInputCustomEvent<InputStateEvent>) => void;
         /**
           * Options of the input.
          */
@@ -734,8 +904,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: CheckboxInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: CheckboxInputCustomEvent<InputStateEvent>) => void;
         /**
           * Tooltip text.
          */
@@ -778,8 +948,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: DateInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: DateInputCustomEvent<InputStateEvent>) => void;
         /**
           * Placeholder text to be shown.
          */
@@ -826,8 +996,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: EmailInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: EmailInputCustomEvent<InputStateEvent>) => void;
         /**
           * Placeholder text to be shown.
          */
@@ -940,8 +1110,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: NumberInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: NumberInputCustomEvent<InputStateEvent>) => void;
         /**
           * Placeholder text to be shown.
          */
@@ -964,10 +1134,6 @@ declare namespace LocalJSX {
           * Client custom styling via inline style
          */
         "clientStyling"?: string;
-        /**
-          * Client Styling Url
-         */
-        "clientStylingUrl"?: string;
         /**
           * Default value for the input.
          */
@@ -992,9 +1158,9 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendOriginalValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: PasswordInputCustomEvent<InputValueEvent>) => void;
+        "onSendOriginalValidityState"?: (event: PasswordInputCustomEvent<InputStateEvent>) => void;
+        "onSendValidityState"?: (event: PasswordInputCustomEvent<InputStateEvent>) => void;
         /**
           * Placeholder text to be shown.
          */
@@ -1029,8 +1195,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: RadioInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: RadioInputCustomEvent<InputStateEvent>) => void;
         /**
           * Options of the input.
          */
@@ -1077,8 +1243,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: SelectInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: SelectInputCustomEvent<InputStateEvent>) => void;
         /**
           * Options of the input.
          */
@@ -1129,8 +1295,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: TelInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: TelInputCustomEvent<InputStateEvent>) => void;
         /**
           * Placeholder text to be shown.
          */
@@ -1185,8 +1351,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: TextInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: TextInputCustomEvent<InputStateEvent>) => void;
         /**
           * Placeholder text to be shown.
          */
@@ -1217,10 +1383,6 @@ declare namespace LocalJSX {
           * Name of input to be shown to the user.
          */
         "displayName"?: string;
-        /**
-          * Emit event on click
-         */
-        "emitOnClick"?: boolean;
         /**
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
@@ -1233,8 +1395,8 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
-        "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
+        "onSendInputValue"?: (event: ToggleCheckboxInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: ToggleCheckboxInputCustomEvent<InputStateEvent>) => void;
         /**
           * Options of the input.
          */