@everymatrix/general-input-hsl 0.0.1

package/dist/types/components.d.ts

@@ -0,0 +1,1599 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+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 {
+        /**
+          * 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;
+    }
+    interface CheckboxInput {
+        /**
+          * 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;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface DateInput {
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled": boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": string;
+        /**
+          * Date format for date picker.
+         */
+        "dateFormat": string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue": string;
+        /**
+          * 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.
+         */
+        "emitValue": boolean;
+        /**
+          * Currently selected language.
+         */
+        "language": string;
+        /**
+          * Name of the input.
+         */
+        "name": string;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface EmailInput {
+        /**
+          * 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;
+        /**
+          * Flag for duplicate inputs, it sets up the input for certain validation rules.
+         */
+        "isDuplicateInput": boolean;
+        /**
+          * Currently selected language.
+         */
+        "language": string;
+        /**
+          * Name of the input.
+         */
+        "name": string;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface GeneralInputHsl {
+        /**
+          * Special behaviour an input should have. Can be fetching for data.
+         */
+        "action": string;
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled": boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": any;
+        /**
+          * Date format for date picker.
+         */
+        "dateFormat": string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue": any;
+        /**
+          * 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.
+         */
+        "emitValue": boolean;
+        /**
+          * Boolean that triggers certain validation rules, for duplicated inputs.
+         */
+        "hidePasswordComplexity": boolean;
+        /**
+          * Boolean that triggers certain validation rules, for duplicated inputs.
+         */
+        "isDuplicateInput": boolean;
+        /**
+          * Currently selected language.
+         */
+        "language": string;
+        /**
+          * Name of the input.
+         */
+        "name": string;
+        /**
+          * For input elements that have multiple options or choises.
+         */
+        "options": any;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Translations via URL
+         */
+        "translationUrl": string;
+        /**
+          * destination
+         */
+        "twofaDestination": string;
+        /**
+          * resend interval
+         */
+        "twofaResendIntervalSeconds": number;
+        /**
+          * Type the general-input should take. Can take the default HTML input values.
+         */
+        "type": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface NumberInput {
+        /**
+          * 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;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface PasswordInput {
+        /**
+          * 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;
+        /**
+          * Flag for duplicate inputs, it sets up the input for certain validation rules.
+         */
+        "hidePasswordComplexity": boolean;
+        /**
+          * Flag for duplicate inputs, it sets up the input for certain validation rules.
+         */
+        "isDuplicateInput": boolean;
+        /**
+          * Currently selected language.
+         */
+        "language": string;
+        /**
+          * Name of the input.
+         */
+        "name": string;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface RadioInput {
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": 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.
+         */
+        "optionsGroup": Option[];
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface SelectInput {
+        /**
+          * Special behaviour an input should have. Can be fetching for data.
+         */
+        "action": string;
+        /**
+          * 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": Option[];
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface TelInput {
+        /**
+          * Special behaviour an input should have. Can be fetching for data.
+         */
+        "action": string;
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled": boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue": string | any;
+        /**
+          * 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;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * Boolean that defines if the widget show labels or placeholders.
+         */
+        "showLabels": boolean;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
+    interface TextInput {
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled": boolean;
+        /**
+          * State passed down from the parent element. Will trigger the input to check for validity.
+         */
+        "checkValidity": 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;
+        /**
+          * Boolean that triggers certain validation rules, for duplicated inputs.
+         */
+        "isDuplicateInput": boolean;
+        /**
+          * Currently selected language.
+         */
+        "language": string;
+        /**
+          * Name of the input.
+         */
+        "name": string;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "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;
+    }
+    interface TwofaInput {
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": string;
+        /**
+          * destination where the code is sent, only for display purposes here
+         */
+        "destination": 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;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * code resend interval in seconds
+         */
+        "resendIntervalSeconds": number;
+        /**
+          * 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;
+}
+export interface TwofaInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTwofaInputElement;
+}
+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;
+        new (): HTMLEmailInputElement;
+    };
+    interface HTMLGeneralInputHslElement extends Components.GeneralInputHsl, HTMLStencilElement {
+    }
+    var HTMLGeneralInputHslElement: {
+        prototype: HTMLGeneralInputHslElement;
+        new (): HTMLGeneralInputHslElement;
+    };
+    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 HTMLTwofaInputElementEventMap {
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+        "resendCode": void;
+    }
+    interface HTMLTwofaInputElement extends Components.TwofaInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTwofaInputElementEventMap>(type: K, listener: (this: HTMLTwofaInputElement, ev: TwofaInputCustomEvent<HTMLTwofaInputElementEventMap[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 HTMLTwofaInputElementEventMap>(type: K, listener: (this: HTMLTwofaInputElement, ev: TwofaInputCustomEvent<HTMLTwofaInputElementEventMap[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 HTMLTwofaInputElement: {
+        prototype: HTMLTwofaInputElement;
+        new (): HTMLTwofaInputElement;
+    };
+    interface HTMLElementTagNameMap {
+        "checkbox-group-input": HTMLCheckboxGroupInputElement;
+        "checkbox-input": HTMLCheckboxInputElement;
+        "date-input": HTMLDateInputElement;
+        "email-input": HTMLEmailInputElement;
+        "general-input-hsl": HTMLGeneralInputHslElement;
+        "number-input": HTMLNumberInputElement;
+        "password-input": HTMLPasswordInputElement;
+        "radio-input": HTMLRadioInputElement;
+        "select-input": HTMLSelectInputElement;
+        "tel-input": HTMLTelInputElement;
+        "text-input": HTMLTextInputElement;
+        "toggle-checkbox-input": HTMLToggleCheckboxInputElement;
+        "twofa-input": HTMLTwofaInputElement;
+    }
+}
+declare namespace LocalJSX {
+    interface CheckboxGroupInput {
+        /**
+          * 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: CheckboxGroupInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: CheckboxGroupInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Options of the input.
+         */
+        "options"?: RegCfgContentField[];
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface CheckboxInput {
+        /**
+          * 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: CheckboxInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: CheckboxInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface DateInput {
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled"?: boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: string;
+        /**
+          * Date format for date picker.
+         */
+        "dateFormat"?: string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue"?: string;
+        /**
+          * 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.
+         */
+        "emitValue"?: boolean;
+        /**
+          * Currently selected language.
+         */
+        "language"?: string;
+        /**
+          * Name of the input.
+         */
+        "name"?: string;
+        "onSendInputValue"?: (event: DateInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: DateInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface EmailInput {
+        /**
+          * 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;
+        /**
+          * Flag for duplicate inputs, it sets up the input for certain validation rules.
+         */
+        "isDuplicateInput"?: boolean;
+        /**
+          * Currently selected language.
+         */
+        "language"?: string;
+        /**
+          * Name of the input.
+         */
+        "name"?: string;
+        "onSendInputValue"?: (event: EmailInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: EmailInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface GeneralInputHsl {
+        /**
+          * Special behaviour an input should have. Can be fetching for data.
+         */
+        "action"?: string;
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled"?: boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: any;
+        /**
+          * Date format for date picker.
+         */
+        "dateFormat"?: string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue"?: any;
+        /**
+          * 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.
+         */
+        "emitValue"?: boolean;
+        /**
+          * Boolean that triggers certain validation rules, for duplicated inputs.
+         */
+        "hidePasswordComplexity"?: boolean;
+        /**
+          * Boolean that triggers certain validation rules, for duplicated inputs.
+         */
+        "isDuplicateInput"?: boolean;
+        /**
+          * Currently selected language.
+         */
+        "language"?: string;
+        /**
+          * Name of the input.
+         */
+        "name"?: string;
+        /**
+          * For input elements that have multiple options or choises.
+         */
+        "options"?: any;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Translations via URL
+         */
+        "translationUrl"?: string;
+        /**
+          * destination
+         */
+        "twofaDestination"?: string;
+        /**
+          * resend interval
+         */
+        "twofaResendIntervalSeconds"?: number;
+        /**
+          * Type the general-input should take. Can take the default HTML input values.
+         */
+        "type"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface NumberInput {
+        /**
+          * 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: NumberInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: NumberInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface PasswordInput {
+        /**
+          * 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;
+        /**
+          * Flag for duplicate inputs, it sets up the input for certain validation rules.
+         */
+        "hidePasswordComplexity"?: boolean;
+        /**
+          * Flag for duplicate inputs, it sets up the input for certain validation rules.
+         */
+        "isDuplicateInput"?: boolean;
+        /**
+          * Currently selected language.
+         */
+        "language"?: string;
+        /**
+          * Name of the input.
+         */
+        "name"?: string;
+        "onSendInputValue"?: (event: PasswordInputCustomEvent<InputValueEvent>) => void;
+        "onSendOriginalValidityState"?: (event: PasswordInputCustomEvent<InputStateEvent>) => void;
+        "onSendValidityState"?: (event: PasswordInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface RadioInput {
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: 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: RadioInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: RadioInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Options of the input.
+         */
+        "optionsGroup"?: Option[];
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface SelectInput {
+        /**
+          * Special behaviour an input should have. Can be fetching for data.
+         */
+        "action"?: string;
+        /**
+          * 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: SelectInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: SelectInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Options of the input.
+         */
+        "options"?: Option[];
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface TelInput {
+        /**
+          * Special behaviour an input should have. Can be fetching for data.
+         */
+        "action"?: string;
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled"?: boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue"?: string | any;
+        /**
+          * 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: TelInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: TelInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * Boolean that defines if the widget show labels or placeholders.
+         */
+        "showLabels"?: boolean;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface TextInput {
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled"?: boolean;
+        /**
+          * State passed down from the parent element. Will trigger the input to check for validity.
+         */
+        "checkValidity"?: 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;
+        /**
+          * Boolean that triggers certain validation rules, for duplicated inputs.
+         */
+        "isDuplicateInput"?: boolean;
+        /**
+          * Currently selected language.
+         */
+        "language"?: string;
+        /**
+          * Name of the input.
+         */
+        "name"?: string;
+        "onSendInputValue"?: (event: TextInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: TextInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "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 TwofaInput {
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: string;
+        /**
+          * destination where the code is sent, only for display purposes here
+         */
+        "destination"?: 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;
+        "onResendCode"?: (event: TwofaInputCustomEvent<void>) => void;
+        "onSendInputValue"?: (event: TwofaInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: TwofaInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * code resend interval in seconds
+         */
+        "resendIntervalSeconds"?: number;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
+    interface IntrinsicElements {
+        "checkbox-group-input": CheckboxGroupInput;
+        "checkbox-input": CheckboxInput;
+        "date-input": DateInput;
+        "email-input": EmailInput;
+        "general-input-hsl": GeneralInputHsl;
+        "number-input": NumberInput;
+        "password-input": PasswordInput;
+        "radio-input": RadioInput;
+        "select-input": SelectInput;
+        "tel-input": TelInput;
+        "text-input": TextInput;
+        "toggle-checkbox-input": ToggleCheckboxInput;
+        "twofa-input": TwofaInput;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "checkbox-group-input": LocalJSX.CheckboxGroupInput & JSXBase.HTMLAttributes<HTMLCheckboxGroupInputElement>;
+            "checkbox-input": LocalJSX.CheckboxInput & JSXBase.HTMLAttributes<HTMLCheckboxInputElement>;
+            "date-input": LocalJSX.DateInput & JSXBase.HTMLAttributes<HTMLDateInputElement>;
+            "email-input": LocalJSX.EmailInput & JSXBase.HTMLAttributes<HTMLEmailInputElement>;
+            "general-input-hsl": LocalJSX.GeneralInputHsl & JSXBase.HTMLAttributes<HTMLGeneralInputHslElement>;
+            "number-input": LocalJSX.NumberInput & JSXBase.HTMLAttributes<HTMLNumberInputElement>;
+            "password-input": LocalJSX.PasswordInput & JSXBase.HTMLAttributes<HTMLPasswordInputElement>;
+            "radio-input": LocalJSX.RadioInput & JSXBase.HTMLAttributes<HTMLRadioInputElement>;
+            "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>;
+            "twofa-input": LocalJSX.TwofaInput & JSXBase.HTMLAttributes<HTMLTwofaInputElement>;
+        }
+    }
+}