@libs-ui/components-inputs-valid 0.2.5

package/valid.component.d.ts

@@ -0,0 +1,130 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IToggleEvent } from '@libs-ui/components-buttons-toggle';
+import { IFocusAndBlurEvent, IInputFunctionControlEvent } from '@libs-ui/components-inputs-input';
+import { ILabel } from '@libs-ui/components-label';
+import { IBoundingClientRect, IEvent } from '@libs-ui/interfaces-types';
+import { IInputValidFunctionControlEvent } from './interfaces/function-control-event.interface';
+import { IInputValidUnitConfig, IValid, IValidLength, IValidPattern, IValidRequired, TYPE_FUNCTION_INPUT_VALID } from './interfaces/valid.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsInputsValidComponent implements OnInit, OnDestroy {
+    private cdr;
+    protected singleError: import("@angular/core").WritableSignal<IValid>;
+    protected rectLeft: import("@angular/core").WritableSignal<IBoundingClientRect | undefined>;
+    private timer;
+    private timerValueChange;
+    private functionControlInput;
+    readonly item: import("@angular/core").ModelSignal<Record<string, any>>;
+    readonly labelConfig: import("@angular/core").InputSignal<ILabel | undefined>;
+    readonly emitEmptyInDataTypeNumber: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly ignoreBlockInputMaxValue: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly fieldNameBind: import("@angular/core").InputSignal<string>;
+    readonly showCount: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly typeComponentSelectItem: import("@angular/core").InputSignal<"radio" | "checkbox" | undefined>;
+    readonly valueComponentSelectItem: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disableComponentSelectItem: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly tagInput: import("@angular/core").InputSignal<"input" | "textarea" | undefined>;
+    readonly dataType: import("@angular/core").InputSignal<"string" | "bigint" | "int" | "float" | undefined>;
+    readonly resetAutoCompletePassword: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly textAreaEnterNotNewLine: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly hiddenContent: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly fixedFloat: import("@angular/core").InputSignal<number | undefined>;
+    readonly acceptNegativeValue: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly valueUpDownNumber: import("@angular/core").InputSignal<number | undefined>;
+    readonly ignoreWidthInput100: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly classIncludeInput: import("@angular/core").InputSignal<string | undefined>;
+    readonly classContainerInput: import("@angular/core").InputSignal<string | undefined>;
+    readonly readonly: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly disable: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly noBorder: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly backgroundNone: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly useColorModeExist: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+    readonly keepPlaceholderOnly: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly classContainerBottomInput: import("@angular/core").InputSignal<string | undefined>;
+    readonly autoRemoveEmoji: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly defaultHeight: import("@angular/core").InputSignal<number | undefined>;
+    readonly maxHeightTextArea: import("@angular/core").InputSignal<number | undefined>;
+    readonly minHeightTextArea: import("@angular/core").InputSignal<number | undefined>;
+    readonly ignoreShowError: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly borderError: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly iconLeftClass: import("@angular/core").InputSignal<string | undefined>;
+    readonly popoverContentIconLeft: import("@angular/core").InputSignal<string | undefined>;
+    readonly iconRightClass: import("@angular/core").InputSignal<string | undefined>;
+    readonly popoverContentIconRight: import("@angular/core").InputSignal<string | undefined>;
+    readonly zIndexPopoverContent: import("@angular/core").InputSignal<number | undefined>;
+    readonly unitsLeft: import("@angular/core").InputSignal<any[] | undefined>;
+    readonly configUnitLeft: import("@angular/core").InputSignal<IInputValidUnitConfig>;
+    readonly keySelectedUnitLeft: import("@angular/core").InputSignal<any>;
+    readonly unitsRight: import("@angular/core").InputSignal<any[] | undefined>;
+    readonly configUnitRight: import("@angular/core").InputSignal<IInputValidUnitConfig>;
+    readonly keySelectedUnitRight: import("@angular/core").InputSignal<any>;
+    readonly maxValueNumber: import("@angular/core").InputSignal<number | undefined>;
+    readonly minValueNumber: import("@angular/core").InputSignal<number | undefined>;
+    readonly ignoreContentLeft: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly ignoreContentRight: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly isBaselineStyle: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly valuePatternShowError: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly validPattern: import("@angular/core").InputSignal<IValidPattern[] | undefined>;
+    readonly validRequired: import("@angular/core").InputSignal<IValidRequired | undefined>;
+    readonly validMinLength: import("@angular/core").InputSignal<IValidLength | undefined>;
+    readonly validMinValue: import("@angular/core").InputSignal<IValid | undefined>;
+    readonly validMaxValue: import("@angular/core").InputSignal<IValid | undefined>;
+    readonly validMaxLength: import("@angular/core").InputSignal<IValid | undefined>;
+    readonly functionValid: import("@angular/core").InputSignal<TYPE_FUNCTION_INPUT_VALID | undefined>;
+    readonly maxLength: import("@angular/core").InputSignal<number | undefined>;
+    readonly positionMessageErrorStartInput: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly classInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly resize: import("@angular/core").InputSignal<"auto" | "none" | undefined>;
+    readonly templateLeftBottomInput: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly templateRightBottomInput: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly onlyAcceptNegativeValue: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly autoAddZeroLessThan10InTypeInt: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly maxLengthNumberCount: import("@angular/core").InputSignal<number | undefined>;
+    readonly classMessageErrorInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly ignoreStopPropagationEvent: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly ignoreUnitRightClassReadOnly: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly paddingRightCustomSpecific: import("@angular/core").InputSignal<number | undefined>;
+    readonly focusTimeOut: import("@angular/core").InputSignal<number | undefined>;
+    readonly outValueChange: import("@angular/core").OutputEmitterRef<any>;
+    readonly outSelect: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outIconLeft: import("@angular/core").OutputEmitterRef<string>;
+    readonly outIconRight: import("@angular/core").OutputEmitterRef<string>;
+    readonly outClickButtonLabel: import("@angular/core").OutputEmitterRef<IButton>;
+    readonly outToggleEventLabel: import("@angular/core").OutputEmitterRef<IToggleEvent>;
+    readonly outLabelRightClick: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outEnterInputEvent: import("@angular/core").OutputEmitterRef<IEvent>;
+    readonly outHeightAreaChange: import("@angular/core").OutputEmitterRef<{
+        isChange: boolean;
+    }>;
+    readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<IInputValidFunctionControlEvent>;
+    readonly outFocusAndBlur: import("@angular/core").OutputEmitterRef<IFocusAndBlurEvent>;
+    readonly outChangeValueByButtonUpDown: import("@angular/core").OutputEmitterRef<void>;
+    readonly elementLeftRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    private currentStateIsValid;
+    private getElementValue;
+    private detectChanges;
+    protected handlerSelect(value: boolean): void;
+    protected handlerValueChange(value: string | number): void;
+    protected handlerEventIconLeft(eventName: string): void;
+    protected handlerEventIconRight(eventName: string): void;
+    protected handlerClickButtonLabel(button: IButton): void;
+    protected handlerSwitchToggleLabel(toggleEvent: IToggleEvent): void;
+    protected handlerEventLabelRightLabel(): void;
+    protected handlerEnterInput(e: IEvent): void;
+    protected handlerHeightAreaChange(event: {
+        isChange: boolean;
+    }): void;
+    private validate;
+    private checkIsValid;
+    private setMessageError;
+    protected handlerControlFunctionInput(event: IInputFunctionControlEvent): void;
+    protected handlerFocusAndBlur(event: IFocusAndBlurEvent): void;
+    private getRectLeft;
+    protected handlerChangeValueByButtonUpDown(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsValidComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsInputsValidComponent, "libs_ui-components-inputs-valid", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "labelConfig": { "alias": "labelConfig"; "required": false; "isSignal": true; }; "emitEmptyInDataTypeNumber": { "alias": "emitEmptyInDataTypeNumber"; "required": false; "isSignal": true; }; "ignoreBlockInputMaxValue": { "alias": "ignoreBlockInputMaxValue"; "required": false; "isSignal": true; }; "fieldNameBind": { "alias": "fieldNameBind"; "required": true; "isSignal": true; }; "showCount": { "alias": "showCount"; "required": false; "isSignal": true; }; "typeComponentSelectItem": { "alias": "typeComponentSelectItem"; "required": false; "isSignal": true; }; "valueComponentSelectItem": { "alias": "valueComponentSelectItem"; "required": false; "isSignal": true; }; "disableComponentSelectItem": { "alias": "disableComponentSelectItem"; "required": false; "isSignal": true; }; "tagInput": { "alias": "tagInput"; "required": false; "isSignal": true; }; "dataType": { "alias": "dataType"; "required": false; "isSignal": true; }; "resetAutoCompletePassword": { "alias": "resetAutoCompletePassword"; "required": false; "isSignal": true; }; "textAreaEnterNotNewLine": { "alias": "textAreaEnterNotNewLine"; "required": false; "isSignal": true; }; "hiddenContent": { "alias": "hiddenContent"; "required": false; "isSignal": true; }; "fixedFloat": { "alias": "fixedFloat"; "required": false; "isSignal": true; }; "acceptNegativeValue": { "alias": "acceptNegativeValue"; "required": false; "isSignal": true; }; "valueUpDownNumber": { "alias": "valueUpDownNumber"; "required": false; "isSignal": true; }; "ignoreWidthInput100": { "alias": "ignoreWidthInput100"; "required": false; "isSignal": true; }; "classIncludeInput": { "alias": "classIncludeInput"; "required": false; "isSignal": true; }; "classContainerInput": { "alias": "classContainerInput"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "noBorder": { "alias": "noBorder"; "required": false; "isSignal": true; }; "backgroundNone": { "alias": "backgroundNone"; "required": false; "isSignal": true; }; "useColorModeExist": { "alias": "useColorModeExist"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "keepPlaceholderOnly": { "alias": "keepPlaceholderOnly"; "required": false; "isSignal": true; }; "classContainerBottomInput": { "alias": "classContainerBottomInput"; "required": false; "isSignal": true; }; "autoRemoveEmoji": { "alias": "autoRemoveEmoji"; "required": false; "isSignal": true; }; "defaultHeight": { "alias": "defaultHeight"; "required": false; "isSignal": true; }; "maxHeightTextArea": { "alias": "maxHeightTextArea"; "required": false; "isSignal": true; }; "minHeightTextArea": { "alias": "minHeightTextArea"; "required": false; "isSignal": true; }; "ignoreShowError": { "alias": "ignoreShowError"; "required": false; "isSignal": true; }; "borderError": { "alias": "borderError"; "required": false; "isSignal": true; }; "iconLeftClass": { "alias": "iconLeftClass"; "required": false; "isSignal": true; }; "popoverContentIconLeft": { "alias": "popoverContentIconLeft"; "required": false; "isSignal": true; }; "iconRightClass": { "alias": "iconRightClass"; "required": false; "isSignal": true; }; "popoverContentIconRight": { "alias": "popoverContentIconRight"; "required": false; "isSignal": true; }; "zIndexPopoverContent": { "alias": "zIndexPopoverContent"; "required": false; "isSignal": true; }; "unitsLeft": { "alias": "unitsLeft"; "required": false; "isSignal": true; }; "configUnitLeft": { "alias": "configUnitLeft"; "required": false; "isSignal": true; }; "keySelectedUnitLeft": { "alias": "keySelectedUnitLeft"; "required": false; "isSignal": true; }; "unitsRight": { "alias": "unitsRight"; "required": false; "isSignal": true; }; "configUnitRight": { "alias": "configUnitRight"; "required": false; "isSignal": true; }; "keySelectedUnitRight": { "alias": "keySelectedUnitRight"; "required": false; "isSignal": true; }; "maxValueNumber": { "alias": "maxValueNumber"; "required": false; "isSignal": true; }; "minValueNumber": { "alias": "minValueNumber"; "required": false; "isSignal": true; }; "ignoreContentLeft": { "alias": "ignoreContentLeft"; "required": false; "isSignal": true; }; "ignoreContentRight": { "alias": "ignoreContentRight"; "required": false; "isSignal": true; }; "isBaselineStyle": { "alias": "isBaselineStyle"; "required": false; "isSignal": true; }; "valuePatternShowError": { "alias": "valuePatternShowError"; "required": false; "isSignal": true; }; "validPattern": { "alias": "validPattern"; "required": false; "isSignal": true; }; "validRequired": { "alias": "validRequired"; "required": false; "isSignal": true; }; "validMinLength": { "alias": "validMinLength"; "required": false; "isSignal": true; }; "validMinValue": { "alias": "validMinValue"; "required": false; "isSignal": true; }; "validMaxValue": { "alias": "validMaxValue"; "required": false; "isSignal": true; }; "validMaxLength": { "alias": "validMaxLength"; "required": false; "isSignal": true; }; "functionValid": { "alias": "functionValid"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "positionMessageErrorStartInput": { "alias": "positionMessageErrorStartInput"; "required": false; "isSignal": true; }; "classInclude": { "alias": "classInclude"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "templateLeftBottomInput": { "alias": "templateLeftBottomInput"; "required": false; "isSignal": true; }; "templateRightBottomInput": { "alias": "templateRightBottomInput"; "required": false; "isSignal": true; }; "onlyAcceptNegativeValue": { "alias": "onlyAcceptNegativeValue"; "required": false; "isSignal": true; }; "autoAddZeroLessThan10InTypeInt": { "alias": "autoAddZeroLessThan10InTypeInt"; "required": false; "isSignal": true; }; "maxLengthNumberCount": { "alias": "maxLengthNumberCount"; "required": false; "isSignal": true; }; "classMessageErrorInclude": { "alias": "classMessageErrorInclude"; "required": false; "isSignal": true; }; "ignoreStopPropagationEvent": { "alias": "ignoreStopPropagationEvent"; "required": false; "isSignal": true; }; "ignoreUnitRightClassReadOnly": { "alias": "ignoreUnitRightClassReadOnly"; "required": false; "isSignal": true; }; "paddingRightCustomSpecific": { "alias": "paddingRightCustomSpecific"; "required": false; "isSignal": true; }; "focusTimeOut": { "alias": "focusTimeOut"; "required": false; "isSignal": true; }; }, { "item": "itemChange"; "outValueChange": "outValueChange"; "outSelect": "outSelect"; "outIconLeft": "outIconLeft"; "outIconRight": "outIconRight"; "outClickButtonLabel": "outClickButtonLabel"; "outToggleEventLabel": "outToggleEventLabel"; "outLabelRightClick": "outLabelRightClick"; "outEnterInputEvent": "outEnterInputEvent"; "outHeightAreaChange": "outHeightAreaChange"; "outFunctionsControl": "outFunctionsControl"; "outFocusAndBlur": "outFocusAndBlur"; "outChangeValueByButtonUpDown": "outChangeValueByButtonUpDown"; }, never, [".libs-ui-input-valid-left-content-custom", ".libs-ui-input-valid-right-content-custom"], true, never>;
+}