@everymatrix/general-input-hsl 0.0.1

package/dist/types/components/twofa-input/twofa-input.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+export declare class TwofaInput {
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Placeholder text to be shown.
+     */
+    placeholder: string;
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * State passed down from the parent element. Will trigger the input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * destination where the code is sent, only for display purposes here
+     */
+    destination: string;
+    /**
+     * code resend interval in seconds
+     */
+    resendIntervalSeconds: number;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    private limitStylingAppends;
+    isValid: boolean;
+    isResendButtonAvailable: boolean;
+    showTooltip: boolean;
+    errorMessage: string;
+    code: string[];
+    resendIntervalSecondsLeft: number;
+    private validationPattern;
+    private stylingContainer;
+    private tooltipReference;
+    private tooltipIconReference;
+    inputRefs: HTMLInputElement[];
+    containerRef: HTMLDivElement;
+    resendInterval: ReturnType<typeof setInterval>;
+    handleStylingChange(newValue: string, oldValue: string): void;
+    validityChanged(): void;
+    emitValueHandler(newValue: boolean): void;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    resendCode: EventEmitter<void>;
+    resendCodeHandler: () => void;
+    handleClickOutside(event: MouseEvent): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    setInputRef: (el: HTMLInputElement, idx: number) => void;
+    setContainerRef: (el: HTMLDivElement) => void;
+    triggerResendInterval: () => void;
+    formatTime: () => string;
+    handleInput: (e: Event, idx: number) => void;
+    handleKeyDown(e: KeyboardEvent, idx: number): void;
+    handlePaste(e: ClipboardEvent): void;
+    setValidity(): void;
+    setPattern(): string;
+    setErrorMessage(): void;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    render(): any;
+}