@everymatrix/general-input 0.0.1 → 1.0.69

package/dist/types/components.d.ts

@@ -5,7 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { InputStateEvent, InputValueEvent, Option, ValidationSchema } from "./utils/types";
+import { InputStateEvent, InputValueEvent, Option, RegCfgContentField, ValidationSchema } from "./utils/types";
+export { InputStateEvent, InputValueEvent, Option, RegCfgContentField, ValidationSchema } from "./utils/types";
 export namespace Components {
     interface CheckboxGroupInput {
         /**
@@ -39,7 +40,7 @@ export namespace Components {
         /**
           * Options of the input.
          */
-        "options": any;
+        "options": RegCfgContentField[];
         /**
           * Tooltip text.
          */
@@ -96,6 +97,10 @@ export namespace Components {
           * Client custom styling via inline style
          */
         "clientStyling": string;
+        /**
+          * Date format for date picker.
+         */
+        "dateFormat": string;
         /**
           * Default value for the input.
          */
@@ -188,6 +193,10 @@ export namespace Components {
           * Client custom styling via inline style
          */
         "clientStyling": any;
+        /**
+          * Date format for date picker.
+         */
+        "dateFormat": string;
         /**
           * Default value for the input.
          */
@@ -196,6 +205,10 @@ 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 child specialised input to send it's value through an event.
          */
@@ -224,6 +237,10 @@ export namespace Components {
           * Tooltip text.
          */
         "tooltip": string;
+        /**
+          * Translations via URL
+         */
+        "translationUrl": string;
         /**
           * Type the general-input should take. Can take the default HTML input values.
          */
@@ -421,7 +438,7 @@ export namespace Components {
         /**
           * Default value for the input.
          */
-        "defaultValue": string;
+        "defaultValue": string | any;
         /**
           * Name of input to be shown to the user.
          */
@@ -505,27 +522,161 @@ export namespace Components {
          */
         "validation": ValidationSchema;
     }
+    interface ToggleCheckboxInput {
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled": boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue": string;
+        /**
+          * Name of input to be shown to the user.
+         */
+        "displayName": string;
+        /**
+          * State passed down from the parent element. Will trigger the input to send it's value through an event.
+         */
+        "emitValue": boolean;
+        /**
+          * Currently selected language.
+         */
+        "language": string;
+        /**
+          * Name of the input.
+         */
+        "name": string;
+        /**
+          * Options of the input.
+         */
+        "options": RegCfgContentField[];
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "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;
@@ -537,42 +688,133 @@ 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;
+        new (): HTMLToggleCheckboxInputElement;
+    };
     interface HTMLElementTagNameMap {
         "checkbox-group-input": HTMLCheckboxGroupInputElement;
         "checkbox-input": HTMLCheckboxInputElement;
@@ -585,6 +827,7 @@ declare global {
         "select-input": HTMLSelectInputElement;
         "tel-input": HTMLTelInputElement;
         "text-input": HTMLTextInputElement;
+        "toggle-checkbox-input": HTMLToggleCheckboxInputElement;
     }
 }
 declare namespace LocalJSX {
@@ -617,12 +860,12 @@ 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.
          */
-        "options"?: any;
+        "options"?: RegCfgContentField[];
         /**
           * Tooltip text.
          */
@@ -661,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.
          */
@@ -681,6 +924,10 @@ declare namespace LocalJSX {
           * Client custom styling via inline style
          */
         "clientStyling"?: string;
+        /**
+          * Date format for date picker.
+         */
+        "dateFormat"?: string;
         /**
           * Default value for the input.
          */
@@ -701,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.
          */
@@ -749,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.
          */
@@ -777,6 +1024,10 @@ declare namespace LocalJSX {
           * Client custom styling via inline style
          */
         "clientStyling"?: any;
+        /**
+          * Date format for date picker.
+         */
+        "dateFormat"?: string;
         /**
           * Default value for the input.
          */
@@ -785,6 +1036,10 @@ 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 child specialised input to send it's value through an event.
          */
@@ -813,6 +1068,10 @@ declare namespace LocalJSX {
           * Tooltip text.
          */
         "tooltip"?: string;
+        /**
+          * Translations via URL
+         */
+        "translationUrl"?: string;
         /**
           * Type the general-input should take. Can take the default HTML input values.
          */
@@ -851,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.
          */
@@ -899,8 +1158,9 @@ declare namespace LocalJSX {
           * Name of the input.
          */
         "name"?: string;
-        "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => 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.
          */
@@ -935,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.
          */
@@ -983,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.
          */
@@ -1018,7 +1278,7 @@ declare namespace LocalJSX {
         /**
           * Default value for the input.
          */
-        "defaultValue"?: string;
+        "defaultValue"?: string | any;
         /**
           * Name of input to be shown to the user.
          */
@@ -1035,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.
          */
@@ -1091,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.
          */
@@ -1106,6 +1366,50 @@ declare namespace LocalJSX {
          */
         "validation"?: ValidationSchema;
     }
+    interface ToggleCheckboxInput {
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled"?: boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue"?: string;
+        /**
+          * Name of input to be shown to the user.
+         */
+        "displayName"?: string;
+        /**
+          * State passed down from the parent element. Will trigger the input to send it's value through an event.
+         */
+        "emitValue"?: boolean;
+        /**
+          * Currently selected language.
+         */
+        "language"?: string;
+        /**
+          * Name of the input.
+         */
+        "name"?: string;
+        "onSendInputValue"?: (event: ToggleCheckboxInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: ToggleCheckboxInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Options of the input.
+         */
+        "options"?: RegCfgContentField[];
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
     interface IntrinsicElements {
         "checkbox-group-input": CheckboxGroupInput;
         "checkbox-input": CheckboxInput;
@@ -1118,6 +1422,7 @@ declare namespace LocalJSX {
         "select-input": SelectInput;
         "tel-input": TelInput;
         "text-input": TextInput;
+        "toggle-checkbox-input": ToggleCheckboxInput;
     }
 }
 export { LocalJSX as JSX };
@@ -1135,6 +1440,7 @@ declare module "@stencil/core" {
             "select-input": LocalJSX.SelectInput & JSXBase.HTMLAttributes<HTMLSelectInputElement>;
             "tel-input": LocalJSX.TelInput & JSXBase.HTMLAttributes<HTMLTelInputElement>;
             "text-input": LocalJSX.TextInput & JSXBase.HTMLAttributes<HTMLTextInputElement>;
+            "toggle-checkbox-input": LocalJSX.ToggleCheckboxInput & JSXBase.HTMLAttributes<HTMLToggleCheckboxInputElement>;
         }
     }
 }