@libs-ui/components-inputs-valid 0.2.356-4 → 0.2.356-40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,8 +12,8 @@ export declare class LibsUiComponentsInputsValidComponent implements OnInit, OnD
12
12
  protected singleError: import("@angular/core").WritableSignal<IMessageTranslate>;
13
13
  protected rectLeft: import("@angular/core").WritableSignal<IBoundingClientRect | undefined>;
14
14
  protected calledEffect: import("@angular/core").WritableSignal<boolean>;
15
- private timer;
16
- private timerValueChange;
15
+ private readonly timer;
16
+ private readonly timerValueChange;
17
17
  private functionControlInput;
18
18
  readonly item: import("@angular/core").ModelSignal<Record<string, any>>;
19
19
  readonly labelConfig: import("@angular/core").InputSignal<ILabel | undefined>;
@@ -48,7 +48,14 @@ export declare class LibsUiComponentsInputsValidComponent implements OnInit, OnD
48
48
  readonly defaultHeight: import("@angular/core").InputSignal<number | undefined>;
49
49
  readonly maxHeightTextArea: import("@angular/core").InputSignal<number | undefined>;
50
50
  readonly minHeightTextArea: import("@angular/core").InputSignal<number | undefined>;
51
+ /**
52
+ * @deprecated Không sử dụng input này. Sử dụng {@link ignoreShowMessageError} thay thế
53
+ * nếu vẫn muốn hiển thị border đỏ nhưng không show message lỗi.
54
+ */
51
55
  readonly ignoreShowError: import("@angular/core").InputSignal<boolean | undefined>;
56
+ /** Ẩn message lỗi nhưng vẫn hiển thị border đỏ khi có lỗi */
57
+ readonly ignoreShowMessageError: import("@angular/core").InputSignal<boolean | undefined>;
58
+ /** Luôn hiển thị border đỏ bất kể trạng thái lỗi */
52
59
  readonly borderError: import("@angular/core").InputSignal<boolean | undefined>;
53
60
  readonly iconLeftClass: import("@angular/core").InputSignal<string | undefined>;
54
61
  readonly popoverContentIconLeft: import("@angular/core").InputSignal<string | undefined>;
@@ -65,7 +72,9 @@ export declare class LibsUiComponentsInputsValidComponent implements OnInit, OnD
65
72
  readonly minValueNumber: import("@angular/core").InputSignal<number | undefined>;
66
73
  readonly ignoreContentLeft: import("@angular/core").InputSignal<boolean | undefined>;
67
74
  readonly ignoreContentRight: import("@angular/core").InputSignal<boolean | undefined>;
75
+ /** Căn align-items-baseline — dùng khi cần căn input thẳng hàng với các phần tử khác dù có validate */
68
76
  readonly isBaselineStyle: import("@angular/core").InputSignal<boolean | undefined>;
77
+ /** Mặc định khi test pattern trả về giá trị bằng false sẽ báo lỗi */
69
78
  readonly valuePatternShowError: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
70
79
  readonly validPattern: import("@angular/core").InputSignal<IValidPattern[] | undefined>;
71
80
  readonly validRequired: import("@angular/core").InputSignal<IValidRequired | undefined>;
@@ -75,6 +84,7 @@ export declare class LibsUiComponentsInputsValidComponent implements OnInit, OnD
75
84
  readonly validMaxLength: import("@angular/core").InputSignal<IMessageTranslate | undefined>;
76
85
  readonly functionValid: import("@angular/core").InputSignal<TYPE_FUNCTION_INPUT_VALID | undefined>;
77
86
  readonly maxLength: import("@angular/core").InputSignal<number | undefined>;
87
+ /** Hiển thị message lỗi bắt đầu từ vị trí ô input thay vì từ template trái */
78
88
  readonly positionMessageErrorStartInput: import("@angular/core").InputSignal<boolean | undefined>;
79
89
  readonly classInclude: import("@angular/core").InputSignal<string | undefined>;
80
90
  readonly resize: import("@angular/core").InputSignal<TYPE_INPUT_RESIZE_MODE>;
@@ -86,6 +96,7 @@ export declare class LibsUiComponentsInputsValidComponent implements OnInit, OnD
86
96
  readonly classMessageErrorInclude: import("@angular/core").InputSignal<string | undefined>;
87
97
  readonly ignoreStopPropagationEvent: import("@angular/core").InputSignal<boolean | undefined>;
88
98
  readonly ignoreUnitRightClassReadOnly: import("@angular/core").InputSignal<boolean | undefined>;
99
+ /** Custom padding-right khi count không tự tính được (#52185) */
89
100
  readonly paddingRightCustomSpecific: import("@angular/core").InputSignal<number | undefined>;
90
101
  readonly focusTimeOut: import("@angular/core").InputSignal<number | undefined>;
91
102
  readonly debounceTimeValidate: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
@@ -129,5 +140,5 @@ export declare class LibsUiComponentsInputsValidComponent implements OnInit, OnD
129
140
  protected handlerChangeValueByButtonUpDown(): void;
130
141
  ngOnDestroy(): void;
131
142
  static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsInputsValidComponent, never>;
132
- 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; }; "typeInput": { "alias": "typeInput"; "required": false; "isSignal": true; }; "modeInput": { "alias": "modeInput"; "required": false; "isSignal": true; }; "resetAutoCompletePassword": { "alias": "resetAutoCompletePassword"; "required": false; "isSignal": true; }; "textAreaEnterNotNewLine": { "alias": "textAreaEnterNotNewLine"; "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; }; "debounceTimeValidate": { "alias": "debounceTimeValidate"; "required": false; "isSignal": true; }; }, { "item": "itemChange"; "outValueChange": "outValueChange"; "outSelect": "outSelect"; "outIconLeft": "outIconLeft"; "outIconRight": "outIconRight"; "outClickButtonLabel": "outClickButtonLabel"; "outSwitchEventLabel": "outSwitchEventLabel"; "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>;
143
+ 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; }; "typeInput": { "alias": "typeInput"; "required": false; "isSignal": true; }; "modeInput": { "alias": "modeInput"; "required": false; "isSignal": true; }; "resetAutoCompletePassword": { "alias": "resetAutoCompletePassword"; "required": false; "isSignal": true; }; "textAreaEnterNotNewLine": { "alias": "textAreaEnterNotNewLine"; "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; }; "ignoreShowMessageError": { "alias": "ignoreShowMessageError"; "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; }; "debounceTimeValidate": { "alias": "debounceTimeValidate"; "required": false; "isSignal": true; }; }, { "item": "itemChange"; "outValueChange": "outValueChange"; "outSelect": "outSelect"; "outIconLeft": "outIconLeft"; "outIconRight": "outIconRight"; "outClickButtonLabel": "outClickButtonLabel"; "outSwitchEventLabel": "outSwitchEventLabel"; "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>;
133
144
  }