@libs-ui/components-inputs-add 0.2.312-1 → 0.2.312-2

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.
Files changed (3) hide show
  1. package/esm2022/add.component.mjs +3 -3
  2. package/fesm2022/libs-ui-components-inputs-add.mjs +3 -3
  3. package/package.json +8 -8
package/esm2022/add.component.mjs CHANGED
@@ -216,10 +216,10 @@ export class LibsUiComponentsInputsAddComponent {
216
216
  this.checkIsValid(false, item);
217
217
  }, 250));
218
218
  }
219
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsAddComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
220
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsInputsAddComponent, isStandalone: true, selector: "libs_ui-components-inputs-add", inputs: { fieldNameBind: { classPropertyName: "fieldNameBind", publicName: "fieldNameBind", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, addItemButtonConfig: { classPropertyName: "addItemButtonConfig", publicName: "addItemButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, formInputSpacing: { classPropertyName: "formInputSpacing", publicName: "formInputSpacing", isSignal: true, isRequired: false, transformFunction: null }, configItemAddToItems: { classPropertyName: "configItemAddToItems", publicName: "configItemAddToItems", isSignal: true, isRequired: false, transformFunction: null }, rightTemplateItems: { classPropertyName: "rightTemplateItems", publicName: "rightTemplateItems", isSignal: true, isRequired: false, transformFunction: null }, leftTemplateItems: { classPropertyName: "leftTemplateItems", publicName: "leftTemplateItems", isSignal: true, isRequired: false, transformFunction: null }, templateLeftOutlet: { classPropertyName: "templateLeftOutlet", publicName: "templateLeftOutlet", isSignal: true, isRequired: false, transformFunction: null }, templateRightOutlet: { classPropertyName: "templateRightOutlet", publicName: "templateRightOutlet", isSignal: true, isRequired: false, transformFunction: null }, ignoreWidthInput100: { classPropertyName: "ignoreWidthInput100", publicName: "ignoreWidthInput100", isSignal: true, isRequired: false, transformFunction: null }, classIncludeInput: { classPropertyName: "classIncludeInput", publicName: "classIncludeInput", isSignal: true, isRequired: false, transformFunction: null }, classContainerInput: { classPropertyName: "classContainerInput", publicName: "classContainerInput", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null }, ignoreValidEmptyField: { classPropertyName: "ignoreValidEmptyField", publicName: "ignoreValidEmptyField", isSignal: true, isRequired: false, transformFunction: null }, emitEmptyInDataTypeNumber: { classPropertyName: "emitEmptyInDataTypeNumber", publicName: "emitEmptyInDataTypeNumber", isSignal: true, isRequired: false, transformFunction: null }, tagInput: { classPropertyName: "tagInput", publicName: "tagInput", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, typeInput: { classPropertyName: "typeInput", publicName: "typeInput", isSignal: true, isRequired: false, transformFunction: null }, fixedFloat: { classPropertyName: "fixedFloat", publicName: "fixedFloat", isSignal: true, isRequired: false, transformFunction: null }, acceptNegativeValue: { classPropertyName: "acceptNegativeValue", publicName: "acceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, valueUpDownNumber: { classPropertyName: "valueUpDownNumber", publicName: "valueUpDownNumber", isSignal: true, isRequired: false, transformFunction: null }, resetAutoCompletePassword: { classPropertyName: "resetAutoCompletePassword", publicName: "resetAutoCompletePassword", isSignal: true, isRequired: false, transformFunction: null }, noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, backgroundNone: { classPropertyName: "backgroundNone", publicName: "backgroundNone", isSignal: true, isRequired: false, transformFunction: null }, useColorModeExist: { classPropertyName: "useColorModeExist", publicName: "useColorModeExist", isSignal: true, isRequired: false, transformFunction: null }, keepPlaceholderOnly: { classPropertyName: "keepPlaceholderOnly", publicName: "keepPlaceholderOnly", isSignal: true, isRequired: false, transformFunction: null }, classContainerBottomInput: { classPropertyName: "classContainerBottomInput", publicName: "classContainerBottomInput", isSignal: true, isRequired: false, transformFunction: null }, autoRemoveEmoji: { classPropertyName: "autoRemoveEmoji", publicName: "autoRemoveEmoji", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowError: { classPropertyName: "ignoreShowError", publicName: "ignoreShowError", isSignal: true, isRequired: false, transformFunction: null }, borderError: { classPropertyName: "borderError", publicName: "borderError", isSignal: true, isRequired: false, transformFunction: null }, unitsLeft: { classPropertyName: "unitsLeft", publicName: "unitsLeft", isSignal: true, isRequired: false, transformFunction: null }, configUnitLeft: { classPropertyName: "configUnitLeft", publicName: "configUnitLeft", isSignal: true, isRequired: false, transformFunction: null }, keySelectedUnitLeft: { classPropertyName: "keySelectedUnitLeft", publicName: "keySelectedUnitLeft", isSignal: true, isRequired: false, transformFunction: null }, unitsRight: { classPropertyName: "unitsRight", publicName: "unitsRight", isSignal: true, isRequired: false, transformFunction: null }, configUnitRight: { classPropertyName: "configUnitRight", publicName: "configUnitRight", isSignal: true, isRequired: false, transformFunction: null }, keySelectedUnitRight: { classPropertyName: "keySelectedUnitRight", publicName: "keySelectedUnitRight", isSignal: true, isRequired: false, transformFunction: null }, maxValueNumber: { classPropertyName: "maxValueNumber", publicName: "maxValueNumber", isSignal: true, isRequired: false, transformFunction: null }, minValueNumber: { classPropertyName: "minValueNumber", publicName: "minValueNumber", isSignal: true, isRequired: false, transformFunction: null }, isBaselineStyle: { classPropertyName: "isBaselineStyle", publicName: "isBaselineStyle", isSignal: true, isRequired: false, transformFunction: null }, valuePatternShowError: { classPropertyName: "valuePatternShowError", publicName: "valuePatternShowError", isSignal: true, isRequired: false, transformFunction: null }, validPattern: { classPropertyName: "validPattern", publicName: "validPattern", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validMinLength: { classPropertyName: "validMinLength", publicName: "validMinLength", isSignal: true, isRequired: false, transformFunction: null }, validMinValue: { classPropertyName: "validMinValue", publicName: "validMinValue", isSignal: true, isRequired: false, transformFunction: null }, validMaxValue: { classPropertyName: "validMaxValue", publicName: "validMaxValue", isSignal: true, isRequired: false, transformFunction: null }, validMaxLength: { classPropertyName: "validMaxLength", publicName: "validMaxLength", isSignal: true, isRequired: false, transformFunction: null }, validDuplicate: { classPropertyName: "validDuplicate", publicName: "validDuplicate", isSignal: true, isRequired: false, transformFunction: null }, functionValid: { classPropertyName: "functionValid", publicName: "functionValid", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, positionMessageErrorStartInput: { classPropertyName: "positionMessageErrorStartInput", publicName: "positionMessageErrorStartInput", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, templateLeftBottomInput: { classPropertyName: "templateLeftBottomInput", publicName: "templateLeftBottomInput", isSignal: true, isRequired: false, transformFunction: null }, templateRightBottomInput: { classPropertyName: "templateRightBottomInput", publicName: "templateRightBottomInput", isSignal: true, isRequired: false, transformFunction: null }, onlyAcceptNegativeValue: { classPropertyName: "onlyAcceptNegativeValue", publicName: "onlyAcceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, autoAddZeroLessThan10InTypeInt: { classPropertyName: "autoAddZeroLessThan10InTypeInt", publicName: "autoAddZeroLessThan10InTypeInt", isSignal: true, isRequired: false, transformFunction: null }, maxLengthNumberCount: { classPropertyName: "maxLengthNumberCount", publicName: "maxLengthNumberCount", isSignal: true, isRequired: false, transformFunction: null }, classMessageErrorInclude: { classPropertyName: "classMessageErrorInclude", publicName: "classMessageErrorInclude", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, ignoreUnitRightClassReadOnly: { classPropertyName: "ignoreUnitRightClassReadOnly", publicName: "ignoreUnitRightClassReadOnly", isSignal: true, isRequired: false, transformFunction: null }, paddingRightCustomSpecific: { classPropertyName: "paddingRightCustomSpecific", publicName: "paddingRightCustomSpecific", isSignal: true, isRequired: false, transformFunction: null }, focusTimeOut: { classPropertyName: "focusTimeOut", publicName: "focusTimeOut", isSignal: true, isRequired: false, transformFunction: null }, ignoreAddItem: { classPropertyName: "ignoreAddItem", publicName: "ignoreAddItem", isSignal: true, isRequired: false, transformFunction: null }, ignoreRemove: { classPropertyName: "ignoreRemove", publicName: "ignoreRemove", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, minItems: { classPropertyName: "minItems", publicName: "minItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", outFunctionsControl: "outFunctionsControl", outRemove: "outRemove", outAddItem: "outAddItem", outClickButtonLabel: "outClickButtonLabel", outSwitchEventLabel: "outSwitchEventLabel", outLabelRightClick: "outLabelRightClick", outLabelLeftClick: "outLabelLeftClick", outValueChange: "outValueChange" }, ngImport: i0, template: "@if (fieldNameBind() && items(); as items) {\n @if (labelConfig(); as labelConfig) {\n <libs_ui-components-label\n [labelLeft]=\"labelConfig.labelLeft\"\n [classInclude]=\"labelConfig.classInclude\"\n [labelLeftClass]=\"labelConfig.labelLeftClass\"\n [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n [labelLeftBehindToggleButton]=\"labelConfig.labelLeftBehindToggleButton\"\n [popover]=\"labelConfig.popover\"\n [required]=\"labelConfig.required\"\n [buttonsLeft]=\"labelConfig.buttonsLeft\"\n [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n [buttonsRight]=\"labelConfig.buttonsRight\"\n [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n [labelRight]=\"labelConfig.labelRight\"\n [labelRightClass]=\"labelConfig.labelRightClass\"\n [labelRightRequired]=\"labelConfig.labelRightRequired\"\n [hasToggle]=\"labelConfig.hasToggle\"\n [toggleSize]=\"labelConfig.toggleSize || 'default'\"\n [toggleActive]=\"labelConfig.toggleActive\"\n [toggleDisable]=\"labelConfig.toggleDisable\"\n [description]=\"labelConfig.description\"\n [descriptionClass]=\"labelConfig.descriptionClass\"\n [buttonsDescription]=\"labelConfig.buttonsDescription\"\n [disableButtonsDescription]=\"labelConfig.disableButtonsDescription\"\n [buttonsDescriptionContainerClass]=\"labelConfig.buttonsDescriptionContainerClass\"\n [onlyShowCount]=\"labelConfig.onlyShowCount\"\n [zIndexPopover]=\"labelConfig.zIndexPopover || 10\"\n [timerDestroyPopover]=\"labelConfig.timerDestroyPopover || 0\"\n [count]=\"labelConfig.count\"\n [limitLength]=\"labelConfig.limitLength\"\n (outClickButton)=\"handlerClickButtonLabel($event)\"\n (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n (outLabelLeftClick)=\"handlerEventLabelLeftLabel($event)\"\n (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n }\n @for (item of items; track item.uniqKey; let first = $first; let index = $index) {\n <div\n class=\"flex\"\n [style.marginTop.px]=\"!first ? formInputSpacing() : 0\">\n @if (leftTemplateItems(); as leftTemplateItems) {\n <div class=\"flex {{ leftTemplateItems.classInclude }}\">\n @for (rightItem of leftTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('template') {\n @if (item.templateLeftOutlet || templateLeftOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateLeftOutlet || templateLeftOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n <libs_ui-components-inputs-valid\n [item]=\"item\"\n [fieldNameBind]=\"fieldNameBind()\"\n [placeholder]=\"item.placeholder ?? placeholder()\"\n [emitEmptyInDataTypeNumber]=\"emitEmptyInDataTypeNumber()\"\n [tagInput]=\"tagInput()\"\n [dataType]=\"dataType()\"\n [fixedFloat]=\"fixedFloat()\"\n [readonly]=\"readonly() || item.readonly\"\n [disable]=\"disable() || item.disable\"\n [classContainerInput]=\"classContainerInput()\"\n [classIncludeInput]=\"classIncludeInput()\"\n [acceptNegativeValue]=\"acceptNegativeValue()\"\n [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n [ignoreWidthInput100]=\"ignoreWidthInput100()\"\n [showCount]=\"showCount()\"\n [resetAutoCompletePassword]=\"resetAutoCompletePassword()\"\n [noBorder]=\"noBorder()\"\n [backgroundNone]=\"backgroundNone()\"\n [useColorModeExist]=\"useColorModeExist()\"\n [keepPlaceholderOnly]=\"keepPlaceholderOnly()\"\n [classContainerBottomInput]=\"classContainerBottomInput()\"\n [autoRemoveEmoji]=\"autoRemoveEmoji()\"\n [defaultHeight]=\"defaultHeight()\"\n [ignoreShowError]=\"ignoreShowError()\"\n [borderError]=\"borderError()\"\n [unitsLeft]=\"item.unitsLeft || unitsLeft()\"\n [configUnitLeft]=\"item.configUnitLeft || configUnitLeft()\"\n [keySelectedUnitLeft]=\"item.keySelectedUnitLeft || keySelectedUnitLeft()\"\n [unitsRight]=\"item.unitsRight || unitsRight()\"\n [configUnitRight]=\"item.configUnitRight || configUnitRight()\"\n [keySelectedUnitRight]=\"item.keySelectedUnitRight || keySelectedUnitRight()\"\n [maxValueNumber]=\"item.maxValueNumber || maxValueNumber()\"\n [minValueNumber]=\"item.minValueNumber || minValueNumber()\"\n [isBaselineStyle]=\"isBaselineStyle()\"\n [valuePatternShowError]=\"valuePatternShowError()\"\n [validPattern]=\"validPattern()\"\n [validRequired]=\"validRequired()\"\n [validMinLength]=\"validMinLength()\"\n [validMinValue]=\"validMinValue()\"\n [validMaxValue]=\"validMaxValue()\"\n [validMaxLength]=\"validMaxLength()\"\n [functionValid]=\"functionValid()\"\n [maxLength]=\"item.maxLength || maxLength()\"\n [positionMessageErrorStartInput]=\"positionMessageErrorStartInput()\"\n [classInclude]=\"classInclude()\"\n [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n [autoAddZeroLessThan10InTypeInt]=\"autoAddZeroLessThan10InTypeInt()\"\n [maxLengthNumberCount]=\"maxLengthNumberCount()\"\n [classMessageErrorInclude]=\"classMessageErrorInclude()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n [ignoreUnitRightClassReadOnly]=\"ignoreUnitRightClassReadOnly()\"\n [paddingRightCustomSpecific]=\"paddingRightCustomSpecific()\"\n [focusTimeOut]=\"focusTimeOut()\"\n (outValueChange)=\"handlerValueChange($event, item)\"\n (outFunctionsControl)=\"handlerFunctionsControl($event, item)\" />\n\n @if (rightTemplateItems(); as rightTemplateItems) {\n <div\n class=\"flex items-center {{ rightTemplateItems.classInclude }}\"\n [style.height.px]=\"defaultHeight() || 32\">\n @for (rightItem of rightTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('remove') {\n @if (!ignoreRemove() && !item.ignoreRemove && items.length > minItems()) {\n <libs_ui-components-buttons-button\n [type]=\"'button-link-third'\"\n [iconOnlyType]=\"true\"\n [classIconLeft]=\"'libs-ui-icon-remove mr-[0px]'\"\n classInclude=\"libs-ui-icon-hover-danger !p-[2px] ml-[16px] {{ rightItem.classInclude }}\"\n (outClick)=\"handlerRemove($event, item, index)\" />\n }\n }\n\n @case ('template') {\n @if (item.templateRightOutlet || templateRightOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateRightOutlet || templateRightOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n </div>\n }\n}\n\n@if (!ignoreAddItem() && (!maxItems() || items().length < maxItems())) {\n <libs_ui-components-buttons-button\n [type]=\"addItemButtonConfig()?.type || 'button-link-primary'\"\n [label]=\"addItemButtonConfig()?.label || 'i18n_add_new'\"\n [classLabel]=\"addItemButtonConfig()?.classLabel || 'libs-uifont-head-5m'\"\n [classIconLeft]=\"addItemButtonConfig()?.classIconLeft || 'libs-ui-icon-add text-[10px] mr-[8px]'\"\n [classInclude]=\"addItemButtonConfig()?.classInclude || '!pb-0 !pl-0 !py-[2px] mt-[8px]'\"\n [disable]=\"disable() || false\"\n (outClick)=\"handlerAddItem($event)\" />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsInputsValidComponent, selector: "libs_ui-components-inputs-valid", inputs: ["item", "labelConfig", "emitEmptyInDataTypeNumber", "ignoreBlockInputMaxValue", "fieldNameBind", "showCount", "typeComponentSelectItem", "valueComponentSelectItem", "disableComponentSelectItem", "tagInput", "dataType", "typeInput", "modeInput", "resetAutoCompletePassword", "textAreaEnterNotNewLine", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "ignoreWidthInput100", "classIncludeInput", "classContainerInput", "readonly", "disable", "noBorder", "backgroundNone", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "classContainerBottomInput", "autoRemoveEmoji", "defaultHeight", "maxHeightTextArea", "minHeightTextArea", "ignoreShowError", "borderError", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "zIndexPopoverContent", "unitsLeft", "configUnitLeft", "keySelectedUnitLeft", "unitsRight", "configUnitRight", "keySelectedUnitRight", "maxValueNumber", "minValueNumber", "ignoreContentLeft", "ignoreContentRight", "isBaselineStyle", "valuePatternShowError", "validPattern", "validRequired", "validMinLength", "validMinValue", "validMaxValue", "validMaxLength", "functionValid", "maxLength", "positionMessageErrorStartInput", "classInclude", "resize", "templateLeftBottomInput", "templateRightBottomInput", "onlyAcceptNegativeValue", "autoAddZeroLessThan10InTypeInt", "maxLengthNumberCount", "classMessageErrorInclude", "ignoreStopPropagationEvent", "ignoreUnitRightClassReadOnly", "paddingRightCustomSpecific", "focusTimeOut", "debounceTimeValidate"], outputs: ["itemChange", "outValueChange", "outSelect", "outIconLeft", "outIconRight", "outClickButtonLabel", "outSwitchEventLabel", "outLabelRightClick", "outEnterInputEvent", "outHeightAreaChange", "outFunctionsControl", "outFocusAndBlur", "outChangeValueByButtonUpDown"] }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
219
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsAddComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
220
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsInputsAddComponent, isStandalone: true, selector: "libs_ui-components-inputs-add", inputs: { fieldNameBind: { classPropertyName: "fieldNameBind", publicName: "fieldNameBind", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, addItemButtonConfig: { classPropertyName: "addItemButtonConfig", publicName: "addItemButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, formInputSpacing: { classPropertyName: "formInputSpacing", publicName: "formInputSpacing", isSignal: true, isRequired: false, transformFunction: null }, configItemAddToItems: { classPropertyName: "configItemAddToItems", publicName: "configItemAddToItems", isSignal: true, isRequired: false, transformFunction: null }, rightTemplateItems: { classPropertyName: "rightTemplateItems", publicName: "rightTemplateItems", isSignal: true, isRequired: false, transformFunction: null }, leftTemplateItems: { classPropertyName: "leftTemplateItems", publicName: "leftTemplateItems", isSignal: true, isRequired: false, transformFunction: null }, templateLeftOutlet: { classPropertyName: "templateLeftOutlet", publicName: "templateLeftOutlet", isSignal: true, isRequired: false, transformFunction: null }, templateRightOutlet: { classPropertyName: "templateRightOutlet", publicName: "templateRightOutlet", isSignal: true, isRequired: false, transformFunction: null }, ignoreWidthInput100: { classPropertyName: "ignoreWidthInput100", publicName: "ignoreWidthInput100", isSignal: true, isRequired: false, transformFunction: null }, classIncludeInput: { classPropertyName: "classIncludeInput", publicName: "classIncludeInput", isSignal: true, isRequired: false, transformFunction: null }, classContainerInput: { classPropertyName: "classContainerInput", publicName: "classContainerInput", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null }, ignoreValidEmptyField: { classPropertyName: "ignoreValidEmptyField", publicName: "ignoreValidEmptyField", isSignal: true, isRequired: false, transformFunction: null }, emitEmptyInDataTypeNumber: { classPropertyName: "emitEmptyInDataTypeNumber", publicName: "emitEmptyInDataTypeNumber", isSignal: true, isRequired: false, transformFunction: null }, tagInput: { classPropertyName: "tagInput", publicName: "tagInput", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, typeInput: { classPropertyName: "typeInput", publicName: "typeInput", isSignal: true, isRequired: false, transformFunction: null }, fixedFloat: { classPropertyName: "fixedFloat", publicName: "fixedFloat", isSignal: true, isRequired: false, transformFunction: null }, acceptNegativeValue: { classPropertyName: "acceptNegativeValue", publicName: "acceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, valueUpDownNumber: { classPropertyName: "valueUpDownNumber", publicName: "valueUpDownNumber", isSignal: true, isRequired: false, transformFunction: null }, resetAutoCompletePassword: { classPropertyName: "resetAutoCompletePassword", publicName: "resetAutoCompletePassword", isSignal: true, isRequired: false, transformFunction: null }, noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, backgroundNone: { classPropertyName: "backgroundNone", publicName: "backgroundNone", isSignal: true, isRequired: false, transformFunction: null }, useColorModeExist: { classPropertyName: "useColorModeExist", publicName: "useColorModeExist", isSignal: true, isRequired: false, transformFunction: null }, keepPlaceholderOnly: { classPropertyName: "keepPlaceholderOnly", publicName: "keepPlaceholderOnly", isSignal: true, isRequired: false, transformFunction: null }, classContainerBottomInput: { classPropertyName: "classContainerBottomInput", publicName: "classContainerBottomInput", isSignal: true, isRequired: false, transformFunction: null }, autoRemoveEmoji: { classPropertyName: "autoRemoveEmoji", publicName: "autoRemoveEmoji", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowError: { classPropertyName: "ignoreShowError", publicName: "ignoreShowError", isSignal: true, isRequired: false, transformFunction: null }, borderError: { classPropertyName: "borderError", publicName: "borderError", isSignal: true, isRequired: false, transformFunction: null }, unitsLeft: { classPropertyName: "unitsLeft", publicName: "unitsLeft", isSignal: true, isRequired: false, transformFunction: null }, configUnitLeft: { classPropertyName: "configUnitLeft", publicName: "configUnitLeft", isSignal: true, isRequired: false, transformFunction: null }, keySelectedUnitLeft: { classPropertyName: "keySelectedUnitLeft", publicName: "keySelectedUnitLeft", isSignal: true, isRequired: false, transformFunction: null }, unitsRight: { classPropertyName: "unitsRight", publicName: "unitsRight", isSignal: true, isRequired: false, transformFunction: null }, configUnitRight: { classPropertyName: "configUnitRight", publicName: "configUnitRight", isSignal: true, isRequired: false, transformFunction: null }, keySelectedUnitRight: { classPropertyName: "keySelectedUnitRight", publicName: "keySelectedUnitRight", isSignal: true, isRequired: false, transformFunction: null }, maxValueNumber: { classPropertyName: "maxValueNumber", publicName: "maxValueNumber", isSignal: true, isRequired: false, transformFunction: null }, minValueNumber: { classPropertyName: "minValueNumber", publicName: "minValueNumber", isSignal: true, isRequired: false, transformFunction: null }, isBaselineStyle: { classPropertyName: "isBaselineStyle", publicName: "isBaselineStyle", isSignal: true, isRequired: false, transformFunction: null }, valuePatternShowError: { classPropertyName: "valuePatternShowError", publicName: "valuePatternShowError", isSignal: true, isRequired: false, transformFunction: null }, validPattern: { classPropertyName: "validPattern", publicName: "validPattern", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validMinLength: { classPropertyName: "validMinLength", publicName: "validMinLength", isSignal: true, isRequired: false, transformFunction: null }, validMinValue: { classPropertyName: "validMinValue", publicName: "validMinValue", isSignal: true, isRequired: false, transformFunction: null }, validMaxValue: { classPropertyName: "validMaxValue", publicName: "validMaxValue", isSignal: true, isRequired: false, transformFunction: null }, validMaxLength: { classPropertyName: "validMaxLength", publicName: "validMaxLength", isSignal: true, isRequired: false, transformFunction: null }, validDuplicate: { classPropertyName: "validDuplicate", publicName: "validDuplicate", isSignal: true, isRequired: false, transformFunction: null }, functionValid: { classPropertyName: "functionValid", publicName: "functionValid", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, positionMessageErrorStartInput: { classPropertyName: "positionMessageErrorStartInput", publicName: "positionMessageErrorStartInput", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, templateLeftBottomInput: { classPropertyName: "templateLeftBottomInput", publicName: "templateLeftBottomInput", isSignal: true, isRequired: false, transformFunction: null }, templateRightBottomInput: { classPropertyName: "templateRightBottomInput", publicName: "templateRightBottomInput", isSignal: true, isRequired: false, transformFunction: null }, onlyAcceptNegativeValue: { classPropertyName: "onlyAcceptNegativeValue", publicName: "onlyAcceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, autoAddZeroLessThan10InTypeInt: { classPropertyName: "autoAddZeroLessThan10InTypeInt", publicName: "autoAddZeroLessThan10InTypeInt", isSignal: true, isRequired: false, transformFunction: null }, maxLengthNumberCount: { classPropertyName: "maxLengthNumberCount", publicName: "maxLengthNumberCount", isSignal: true, isRequired: false, transformFunction: null }, classMessageErrorInclude: { classPropertyName: "classMessageErrorInclude", publicName: "classMessageErrorInclude", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, ignoreUnitRightClassReadOnly: { classPropertyName: "ignoreUnitRightClassReadOnly", publicName: "ignoreUnitRightClassReadOnly", isSignal: true, isRequired: false, transformFunction: null }, paddingRightCustomSpecific: { classPropertyName: "paddingRightCustomSpecific", publicName: "paddingRightCustomSpecific", isSignal: true, isRequired: false, transformFunction: null }, focusTimeOut: { classPropertyName: "focusTimeOut", publicName: "focusTimeOut", isSignal: true, isRequired: false, transformFunction: null }, ignoreAddItem: { classPropertyName: "ignoreAddItem", publicName: "ignoreAddItem", isSignal: true, isRequired: false, transformFunction: null }, ignoreRemove: { classPropertyName: "ignoreRemove", publicName: "ignoreRemove", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, minItems: { classPropertyName: "minItems", publicName: "minItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", outFunctionsControl: "outFunctionsControl", outRemove: "outRemove", outAddItem: "outAddItem", outClickButtonLabel: "outClickButtonLabel", outSwitchEventLabel: "outSwitchEventLabel", outLabelRightClick: "outLabelRightClick", outLabelLeftClick: "outLabelLeftClick", outValueChange: "outValueChange" }, ngImport: i0, template: "@if (fieldNameBind() && items(); as items) {\n @if (labelConfig(); as labelConfig) {\n <libs_ui-components-label\n [labelLeft]=\"labelConfig.labelLeft\"\n [classInclude]=\"labelConfig.classInclude\"\n [labelLeftClass]=\"labelConfig.labelLeftClass\"\n [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n [labelLeftBehindToggleButton]=\"labelConfig.labelLeftBehindToggleButton\"\n [popover]=\"labelConfig.popover\"\n [required]=\"labelConfig.required\"\n [buttonsLeft]=\"labelConfig.buttonsLeft\"\n [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n [buttonsRight]=\"labelConfig.buttonsRight\"\n [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n [labelRight]=\"labelConfig.labelRight\"\n [labelRightClass]=\"labelConfig.labelRightClass\"\n [labelRightRequired]=\"labelConfig.labelRightRequired\"\n [hasToggle]=\"labelConfig.hasToggle\"\n [toggleSize]=\"labelConfig.toggleSize || 'default'\"\n [toggleActive]=\"labelConfig.toggleActive\"\n [toggleDisable]=\"labelConfig.toggleDisable\"\n [description]=\"labelConfig.description\"\n [descriptionClass]=\"labelConfig.descriptionClass\"\n [buttonsDescription]=\"labelConfig.buttonsDescription\"\n [disableButtonsDescription]=\"labelConfig.disableButtonsDescription\"\n [buttonsDescriptionContainerClass]=\"labelConfig.buttonsDescriptionContainerClass\"\n [onlyShowCount]=\"labelConfig.onlyShowCount\"\n [zIndexPopover]=\"labelConfig.zIndexPopover || 10\"\n [timerDestroyPopover]=\"labelConfig.timerDestroyPopover || 0\"\n [count]=\"labelConfig.count\"\n [limitLength]=\"labelConfig.limitLength\"\n (outClickButton)=\"handlerClickButtonLabel($event)\"\n (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n (outLabelLeftClick)=\"handlerEventLabelLeftLabel($event)\"\n (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n }\n @for (item of items; track item.uniqKey; let first = $first; let index = $index) {\n <div\n class=\"flex\"\n [style.marginTop.px]=\"!first ? formInputSpacing() : 0\">\n @if (leftTemplateItems(); as leftTemplateItems) {\n <div class=\"flex {{ leftTemplateItems.classInclude }}\">\n @for (rightItem of leftTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('template') {\n @if (item.templateLeftOutlet || templateLeftOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateLeftOutlet || templateLeftOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n <libs_ui-components-inputs-valid\n [item]=\"item\"\n [fieldNameBind]=\"fieldNameBind()\"\n [placeholder]=\"item.placeholder ?? placeholder()\"\n [emitEmptyInDataTypeNumber]=\"emitEmptyInDataTypeNumber()\"\n [tagInput]=\"tagInput()\"\n [dataType]=\"dataType()\"\n [fixedFloat]=\"fixedFloat()\"\n [readonly]=\"readonly() || item.readonly\"\n [disable]=\"disable() || item.disable\"\n [classContainerInput]=\"classContainerInput()\"\n [classIncludeInput]=\"classIncludeInput()\"\n [acceptNegativeValue]=\"acceptNegativeValue()\"\n [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n [ignoreWidthInput100]=\"ignoreWidthInput100()\"\n [showCount]=\"showCount()\"\n [resetAutoCompletePassword]=\"resetAutoCompletePassword()\"\n [noBorder]=\"noBorder()\"\n [backgroundNone]=\"backgroundNone()\"\n [useColorModeExist]=\"useColorModeExist()\"\n [keepPlaceholderOnly]=\"keepPlaceholderOnly()\"\n [classContainerBottomInput]=\"classContainerBottomInput()\"\n [autoRemoveEmoji]=\"autoRemoveEmoji()\"\n [defaultHeight]=\"defaultHeight()\"\n [ignoreShowError]=\"ignoreShowError()\"\n [borderError]=\"borderError()\"\n [unitsLeft]=\"item.unitsLeft || unitsLeft()\"\n [configUnitLeft]=\"item.configUnitLeft || configUnitLeft()\"\n [keySelectedUnitLeft]=\"item.keySelectedUnitLeft || keySelectedUnitLeft()\"\n [unitsRight]=\"item.unitsRight || unitsRight()\"\n [configUnitRight]=\"item.configUnitRight || configUnitRight()\"\n [keySelectedUnitRight]=\"item.keySelectedUnitRight || keySelectedUnitRight()\"\n [maxValueNumber]=\"item.maxValueNumber || maxValueNumber()\"\n [minValueNumber]=\"item.minValueNumber || minValueNumber()\"\n [isBaselineStyle]=\"isBaselineStyle()\"\n [valuePatternShowError]=\"valuePatternShowError()\"\n [validPattern]=\"validPattern()\"\n [validRequired]=\"validRequired()\"\n [validMinLength]=\"validMinLength()\"\n [validMinValue]=\"validMinValue()\"\n [validMaxValue]=\"validMaxValue()\"\n [validMaxLength]=\"validMaxLength()\"\n [functionValid]=\"functionValid()\"\n [maxLength]=\"item.maxLength || maxLength()\"\n [positionMessageErrorStartInput]=\"positionMessageErrorStartInput()\"\n [classInclude]=\"classInclude()\"\n [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n [autoAddZeroLessThan10InTypeInt]=\"autoAddZeroLessThan10InTypeInt()\"\n [maxLengthNumberCount]=\"maxLengthNumberCount()\"\n [classMessageErrorInclude]=\"classMessageErrorInclude()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n [ignoreUnitRightClassReadOnly]=\"ignoreUnitRightClassReadOnly()\"\n [paddingRightCustomSpecific]=\"paddingRightCustomSpecific()\"\n [focusTimeOut]=\"focusTimeOut()\"\n (outValueChange)=\"handlerValueChange($event, item)\"\n (outFunctionsControl)=\"handlerFunctionsControl($event, item)\" />\n\n @if (rightTemplateItems(); as rightTemplateItems) {\n <div\n class=\"flex items-center {{ rightTemplateItems.classInclude }}\"\n [style.height.px]=\"defaultHeight() || 32\">\n @for (rightItem of rightTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('remove') {\n @if (!ignoreRemove() && !item.ignoreRemove && items.length > minItems()) {\n <libs_ui-components-buttons-button\n [type]=\"'button-link-third'\"\n [iconOnlyType]=\"true\"\n [classIconLeft]=\"'libs-ui-icon-remove mr-[0px]'\"\n classInclude=\"libs-ui-icon-hover-danger !p-[2px] ml-[16px] {{ rightItem.classInclude }}\"\n (outClick)=\"handlerRemove($event, item, index)\" />\n }\n }\n\n @case ('template') {\n @if (item.templateRightOutlet || templateRightOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateRightOutlet || templateRightOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n </div>\n }\n}\n\n@if (!ignoreAddItem() && (!maxItems() || items().length < maxItems())) {\n <libs_ui-components-buttons-button\n [type]=\"addItemButtonConfig()?.type || 'button-link-primary'\"\n [label]=\"addItemButtonConfig()?.label || 'i18n_add_new'\"\n [classLabel]=\"addItemButtonConfig()?.classLabel || 'libs-uifont-head-5m'\"\n [classIconLeft]=\"addItemButtonConfig()?.classIconLeft || 'libs-ui-icon-add text-[10px] mr-[8px]'\"\n [classInclude]=\"addItemButtonConfig()?.classInclude || '!pb-0 !pl-0 !py-[2px] mt-[8px]'\"\n [disable]=\"disable() || false\"\n (outClick)=\"handlerAddItem($event)\" />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsInputsValidComponent, selector: "libs_ui-components-inputs-valid", inputs: ["item", "labelConfig", "emitEmptyInDataTypeNumber", "ignoreBlockInputMaxValue", "fieldNameBind", "showCount", "typeComponentSelectItem", "valueComponentSelectItem", "disableComponentSelectItem", "tagInput", "dataType", "typeInput", "modeInput", "resetAutoCompletePassword", "textAreaEnterNotNewLine", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "ignoreWidthInput100", "classIncludeInput", "classContainerInput", "readonly", "disable", "noBorder", "backgroundNone", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "classContainerBottomInput", "autoRemoveEmoji", "defaultHeight", "maxHeightTextArea", "minHeightTextArea", "ignoreShowError", "borderError", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "zIndexPopoverContent", "unitsLeft", "configUnitLeft", "keySelectedUnitLeft", "unitsRight", "configUnitRight", "keySelectedUnitRight", "maxValueNumber", "minValueNumber", "ignoreContentLeft", "ignoreContentRight", "isBaselineStyle", "valuePatternShowError", "validPattern", "validRequired", "validMinLength", "validMinValue", "validMaxValue", "validMaxLength", "functionValid", "maxLength", "positionMessageErrorStartInput", "classInclude", "resize", "templateLeftBottomInput", "templateRightBottomInput", "onlyAcceptNegativeValue", "autoAddZeroLessThan10InTypeInt", "maxLengthNumberCount", "classMessageErrorInclude", "ignoreStopPropagationEvent", "ignoreUnitRightClassReadOnly", "paddingRightCustomSpecific", "focusTimeOut", "debounceTimeValidate"], outputs: ["itemChange", "outValueChange", "outSelect", "outIconLeft", "outIconRight", "outClickButtonLabel", "outSwitchEventLabel", "outLabelRightClick", "outEnterInputEvent", "outHeightAreaChange", "outFunctionsControl", "outFocusAndBlur", "outChangeValueByButtonUpDown"] }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
221
221
  }
222
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsAddComponent, decorators: [{
222
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsAddComponent, decorators: [{
223
223
  type: Component,
224
224
  args: [{ selector: 'libs_ui-components-inputs-add', standalone: true, imports: [TranslateModule, NgTemplateOutlet, LibsUiComponentsButtonsButtonComponent, LibsUiComponentsInputsValidComponent, LibsUiComponentsLabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (fieldNameBind() && items(); as items) {\n @if (labelConfig(); as labelConfig) {\n <libs_ui-components-label\n [labelLeft]=\"labelConfig.labelLeft\"\n [classInclude]=\"labelConfig.classInclude\"\n [labelLeftClass]=\"labelConfig.labelLeftClass\"\n [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n [labelLeftBehindToggleButton]=\"labelConfig.labelLeftBehindToggleButton\"\n [popover]=\"labelConfig.popover\"\n [required]=\"labelConfig.required\"\n [buttonsLeft]=\"labelConfig.buttonsLeft\"\n [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n [buttonsRight]=\"labelConfig.buttonsRight\"\n [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n [labelRight]=\"labelConfig.labelRight\"\n [labelRightClass]=\"labelConfig.labelRightClass\"\n [labelRightRequired]=\"labelConfig.labelRightRequired\"\n [hasToggle]=\"labelConfig.hasToggle\"\n [toggleSize]=\"labelConfig.toggleSize || 'default'\"\n [toggleActive]=\"labelConfig.toggleActive\"\n [toggleDisable]=\"labelConfig.toggleDisable\"\n [description]=\"labelConfig.description\"\n [descriptionClass]=\"labelConfig.descriptionClass\"\n [buttonsDescription]=\"labelConfig.buttonsDescription\"\n [disableButtonsDescription]=\"labelConfig.disableButtonsDescription\"\n [buttonsDescriptionContainerClass]=\"labelConfig.buttonsDescriptionContainerClass\"\n [onlyShowCount]=\"labelConfig.onlyShowCount\"\n [zIndexPopover]=\"labelConfig.zIndexPopover || 10\"\n [timerDestroyPopover]=\"labelConfig.timerDestroyPopover || 0\"\n [count]=\"labelConfig.count\"\n [limitLength]=\"labelConfig.limitLength\"\n (outClickButton)=\"handlerClickButtonLabel($event)\"\n (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n (outLabelLeftClick)=\"handlerEventLabelLeftLabel($event)\"\n (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n }\n @for (item of items; track item.uniqKey; let first = $first; let index = $index) {\n <div\n class=\"flex\"\n [style.marginTop.px]=\"!first ? formInputSpacing() : 0\">\n @if (leftTemplateItems(); as leftTemplateItems) {\n <div class=\"flex {{ leftTemplateItems.classInclude }}\">\n @for (rightItem of leftTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('template') {\n @if (item.templateLeftOutlet || templateLeftOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateLeftOutlet || templateLeftOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n <libs_ui-components-inputs-valid\n [item]=\"item\"\n [fieldNameBind]=\"fieldNameBind()\"\n [placeholder]=\"item.placeholder ?? placeholder()\"\n [emitEmptyInDataTypeNumber]=\"emitEmptyInDataTypeNumber()\"\n [tagInput]=\"tagInput()\"\n [dataType]=\"dataType()\"\n [fixedFloat]=\"fixedFloat()\"\n [readonly]=\"readonly() || item.readonly\"\n [disable]=\"disable() || item.disable\"\n [classContainerInput]=\"classContainerInput()\"\n [classIncludeInput]=\"classIncludeInput()\"\n [acceptNegativeValue]=\"acceptNegativeValue()\"\n [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n [ignoreWidthInput100]=\"ignoreWidthInput100()\"\n [showCount]=\"showCount()\"\n [resetAutoCompletePassword]=\"resetAutoCompletePassword()\"\n [noBorder]=\"noBorder()\"\n [backgroundNone]=\"backgroundNone()\"\n [useColorModeExist]=\"useColorModeExist()\"\n [keepPlaceholderOnly]=\"keepPlaceholderOnly()\"\n [classContainerBottomInput]=\"classContainerBottomInput()\"\n [autoRemoveEmoji]=\"autoRemoveEmoji()\"\n [defaultHeight]=\"defaultHeight()\"\n [ignoreShowError]=\"ignoreShowError()\"\n [borderError]=\"borderError()\"\n [unitsLeft]=\"item.unitsLeft || unitsLeft()\"\n [configUnitLeft]=\"item.configUnitLeft || configUnitLeft()\"\n [keySelectedUnitLeft]=\"item.keySelectedUnitLeft || keySelectedUnitLeft()\"\n [unitsRight]=\"item.unitsRight || unitsRight()\"\n [configUnitRight]=\"item.configUnitRight || configUnitRight()\"\n [keySelectedUnitRight]=\"item.keySelectedUnitRight || keySelectedUnitRight()\"\n [maxValueNumber]=\"item.maxValueNumber || maxValueNumber()\"\n [minValueNumber]=\"item.minValueNumber || minValueNumber()\"\n [isBaselineStyle]=\"isBaselineStyle()\"\n [valuePatternShowError]=\"valuePatternShowError()\"\n [validPattern]=\"validPattern()\"\n [validRequired]=\"validRequired()\"\n [validMinLength]=\"validMinLength()\"\n [validMinValue]=\"validMinValue()\"\n [validMaxValue]=\"validMaxValue()\"\n [validMaxLength]=\"validMaxLength()\"\n [functionValid]=\"functionValid()\"\n [maxLength]=\"item.maxLength || maxLength()\"\n [positionMessageErrorStartInput]=\"positionMessageErrorStartInput()\"\n [classInclude]=\"classInclude()\"\n [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n [autoAddZeroLessThan10InTypeInt]=\"autoAddZeroLessThan10InTypeInt()\"\n [maxLengthNumberCount]=\"maxLengthNumberCount()\"\n [classMessageErrorInclude]=\"classMessageErrorInclude()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n [ignoreUnitRightClassReadOnly]=\"ignoreUnitRightClassReadOnly()\"\n [paddingRightCustomSpecific]=\"paddingRightCustomSpecific()\"\n [focusTimeOut]=\"focusTimeOut()\"\n (outValueChange)=\"handlerValueChange($event, item)\"\n (outFunctionsControl)=\"handlerFunctionsControl($event, item)\" />\n\n @if (rightTemplateItems(); as rightTemplateItems) {\n <div\n class=\"flex items-center {{ rightTemplateItems.classInclude }}\"\n [style.height.px]=\"defaultHeight() || 32\">\n @for (rightItem of rightTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('remove') {\n @if (!ignoreRemove() && !item.ignoreRemove && items.length > minItems()) {\n <libs_ui-components-buttons-button\n [type]=\"'button-link-third'\"\n [iconOnlyType]=\"true\"\n [classIconLeft]=\"'libs-ui-icon-remove mr-[0px]'\"\n classInclude=\"libs-ui-icon-hover-danger !p-[2px] ml-[16px] {{ rightItem.classInclude }}\"\n (outClick)=\"handlerRemove($event, item, index)\" />\n }\n }\n\n @case ('template') {\n @if (item.templateRightOutlet || templateRightOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateRightOutlet || templateRightOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n </div>\n }\n}\n\n@if (!ignoreAddItem() && (!maxItems() || items().length < maxItems())) {\n <libs_ui-components-buttons-button\n [type]=\"addItemButtonConfig()?.type || 'button-link-primary'\"\n [label]=\"addItemButtonConfig()?.label || 'i18n_add_new'\"\n [classLabel]=\"addItemButtonConfig()?.classLabel || 'libs-uifont-head-5m'\"\n [classIconLeft]=\"addItemButtonConfig()?.classIconLeft || 'libs-ui-icon-add text-[10px] mr-[8px]'\"\n [classInclude]=\"addItemButtonConfig()?.classInclude || '!pb-0 !pl-0 !py-[2px] mt-[8px]'\"\n [disable]=\"disable() || false\"\n (outClick)=\"handlerAddItem($event)\" />\n}\n" }]
225
225
  }] });
package/fesm2022/libs-ui-components-inputs-add.mjs CHANGED
@@ -247,10 +247,10 @@ class LibsUiComponentsInputsAddComponent {
247
247
  this.checkIsValid(false, item);
248
248
  }, 250));
249
249
  }
250
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsAddComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
251
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsInputsAddComponent, isStandalone: true, selector: "libs_ui-components-inputs-add", inputs: { fieldNameBind: { classPropertyName: "fieldNameBind", publicName: "fieldNameBind", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, addItemButtonConfig: { classPropertyName: "addItemButtonConfig", publicName: "addItemButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, formInputSpacing: { classPropertyName: "formInputSpacing", publicName: "formInputSpacing", isSignal: true, isRequired: false, transformFunction: null }, configItemAddToItems: { classPropertyName: "configItemAddToItems", publicName: "configItemAddToItems", isSignal: true, isRequired: false, transformFunction: null }, rightTemplateItems: { classPropertyName: "rightTemplateItems", publicName: "rightTemplateItems", isSignal: true, isRequired: false, transformFunction: null }, leftTemplateItems: { classPropertyName: "leftTemplateItems", publicName: "leftTemplateItems", isSignal: true, isRequired: false, transformFunction: null }, templateLeftOutlet: { classPropertyName: "templateLeftOutlet", publicName: "templateLeftOutlet", isSignal: true, isRequired: false, transformFunction: null }, templateRightOutlet: { classPropertyName: "templateRightOutlet", publicName: "templateRightOutlet", isSignal: true, isRequired: false, transformFunction: null }, ignoreWidthInput100: { classPropertyName: "ignoreWidthInput100", publicName: "ignoreWidthInput100", isSignal: true, isRequired: false, transformFunction: null }, classIncludeInput: { classPropertyName: "classIncludeInput", publicName: "classIncludeInput", isSignal: true, isRequired: false, transformFunction: null }, classContainerInput: { classPropertyName: "classContainerInput", publicName: "classContainerInput", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null }, ignoreValidEmptyField: { classPropertyName: "ignoreValidEmptyField", publicName: "ignoreValidEmptyField", isSignal: true, isRequired: false, transformFunction: null }, emitEmptyInDataTypeNumber: { classPropertyName: "emitEmptyInDataTypeNumber", publicName: "emitEmptyInDataTypeNumber", isSignal: true, isRequired: false, transformFunction: null }, tagInput: { classPropertyName: "tagInput", publicName: "tagInput", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, typeInput: { classPropertyName: "typeInput", publicName: "typeInput", isSignal: true, isRequired: false, transformFunction: null }, fixedFloat: { classPropertyName: "fixedFloat", publicName: "fixedFloat", isSignal: true, isRequired: false, transformFunction: null }, acceptNegativeValue: { classPropertyName: "acceptNegativeValue", publicName: "acceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, valueUpDownNumber: { classPropertyName: "valueUpDownNumber", publicName: "valueUpDownNumber", isSignal: true, isRequired: false, transformFunction: null }, resetAutoCompletePassword: { classPropertyName: "resetAutoCompletePassword", publicName: "resetAutoCompletePassword", isSignal: true, isRequired: false, transformFunction: null }, noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, backgroundNone: { classPropertyName: "backgroundNone", publicName: "backgroundNone", isSignal: true, isRequired: false, transformFunction: null }, useColorModeExist: { classPropertyName: "useColorModeExist", publicName: "useColorModeExist", isSignal: true, isRequired: false, transformFunction: null }, keepPlaceholderOnly: { classPropertyName: "keepPlaceholderOnly", publicName: "keepPlaceholderOnly", isSignal: true, isRequired: false, transformFunction: null }, classContainerBottomInput: { classPropertyName: "classContainerBottomInput", publicName: "classContainerBottomInput", isSignal: true, isRequired: false, transformFunction: null }, autoRemoveEmoji: { classPropertyName: "autoRemoveEmoji", publicName: "autoRemoveEmoji", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowError: { classPropertyName: "ignoreShowError", publicName: "ignoreShowError", isSignal: true, isRequired: false, transformFunction: null }, borderError: { classPropertyName: "borderError", publicName: "borderError", isSignal: true, isRequired: false, transformFunction: null }, unitsLeft: { classPropertyName: "unitsLeft", publicName: "unitsLeft", isSignal: true, isRequired: false, transformFunction: null }, configUnitLeft: { classPropertyName: "configUnitLeft", publicName: "configUnitLeft", isSignal: true, isRequired: false, transformFunction: null }, keySelectedUnitLeft: { classPropertyName: "keySelectedUnitLeft", publicName: "keySelectedUnitLeft", isSignal: true, isRequired: false, transformFunction: null }, unitsRight: { classPropertyName: "unitsRight", publicName: "unitsRight", isSignal: true, isRequired: false, transformFunction: null }, configUnitRight: { classPropertyName: "configUnitRight", publicName: "configUnitRight", isSignal: true, isRequired: false, transformFunction: null }, keySelectedUnitRight: { classPropertyName: "keySelectedUnitRight", publicName: "keySelectedUnitRight", isSignal: true, isRequired: false, transformFunction: null }, maxValueNumber: { classPropertyName: "maxValueNumber", publicName: "maxValueNumber", isSignal: true, isRequired: false, transformFunction: null }, minValueNumber: { classPropertyName: "minValueNumber", publicName: "minValueNumber", isSignal: true, isRequired: false, transformFunction: null }, isBaselineStyle: { classPropertyName: "isBaselineStyle", publicName: "isBaselineStyle", isSignal: true, isRequired: false, transformFunction: null }, valuePatternShowError: { classPropertyName: "valuePatternShowError", publicName: "valuePatternShowError", isSignal: true, isRequired: false, transformFunction: null }, validPattern: { classPropertyName: "validPattern", publicName: "validPattern", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validMinLength: { classPropertyName: "validMinLength", publicName: "validMinLength", isSignal: true, isRequired: false, transformFunction: null }, validMinValue: { classPropertyName: "validMinValue", publicName: "validMinValue", isSignal: true, isRequired: false, transformFunction: null }, validMaxValue: { classPropertyName: "validMaxValue", publicName: "validMaxValue", isSignal: true, isRequired: false, transformFunction: null }, validMaxLength: { classPropertyName: "validMaxLength", publicName: "validMaxLength", isSignal: true, isRequired: false, transformFunction: null }, validDuplicate: { classPropertyName: "validDuplicate", publicName: "validDuplicate", isSignal: true, isRequired: false, transformFunction: null }, functionValid: { classPropertyName: "functionValid", publicName: "functionValid", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, positionMessageErrorStartInput: { classPropertyName: "positionMessageErrorStartInput", publicName: "positionMessageErrorStartInput", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, templateLeftBottomInput: { classPropertyName: "templateLeftBottomInput", publicName: "templateLeftBottomInput", isSignal: true, isRequired: false, transformFunction: null }, templateRightBottomInput: { classPropertyName: "templateRightBottomInput", publicName: "templateRightBottomInput", isSignal: true, isRequired: false, transformFunction: null }, onlyAcceptNegativeValue: { classPropertyName: "onlyAcceptNegativeValue", publicName: "onlyAcceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, autoAddZeroLessThan10InTypeInt: { classPropertyName: "autoAddZeroLessThan10InTypeInt", publicName: "autoAddZeroLessThan10InTypeInt", isSignal: true, isRequired: false, transformFunction: null }, maxLengthNumberCount: { classPropertyName: "maxLengthNumberCount", publicName: "maxLengthNumberCount", isSignal: true, isRequired: false, transformFunction: null }, classMessageErrorInclude: { classPropertyName: "classMessageErrorInclude", publicName: "classMessageErrorInclude", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, ignoreUnitRightClassReadOnly: { classPropertyName: "ignoreUnitRightClassReadOnly", publicName: "ignoreUnitRightClassReadOnly", isSignal: true, isRequired: false, transformFunction: null }, paddingRightCustomSpecific: { classPropertyName: "paddingRightCustomSpecific", publicName: "paddingRightCustomSpecific", isSignal: true, isRequired: false, transformFunction: null }, focusTimeOut: { classPropertyName: "focusTimeOut", publicName: "focusTimeOut", isSignal: true, isRequired: false, transformFunction: null }, ignoreAddItem: { classPropertyName: "ignoreAddItem", publicName: "ignoreAddItem", isSignal: true, isRequired: false, transformFunction: null }, ignoreRemove: { classPropertyName: "ignoreRemove", publicName: "ignoreRemove", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, minItems: { classPropertyName: "minItems", publicName: "minItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", outFunctionsControl: "outFunctionsControl", outRemove: "outRemove", outAddItem: "outAddItem", outClickButtonLabel: "outClickButtonLabel", outSwitchEventLabel: "outSwitchEventLabel", outLabelRightClick: "outLabelRightClick", outLabelLeftClick: "outLabelLeftClick", outValueChange: "outValueChange" }, ngImport: i0, template: "@if (fieldNameBind() && items(); as items) {\n @if (labelConfig(); as labelConfig) {\n <libs_ui-components-label\n [labelLeft]=\"labelConfig.labelLeft\"\n [classInclude]=\"labelConfig.classInclude\"\n [labelLeftClass]=\"labelConfig.labelLeftClass\"\n [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n [labelLeftBehindToggleButton]=\"labelConfig.labelLeftBehindToggleButton\"\n [popover]=\"labelConfig.popover\"\n [required]=\"labelConfig.required\"\n [buttonsLeft]=\"labelConfig.buttonsLeft\"\n [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n [buttonsRight]=\"labelConfig.buttonsRight\"\n [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n [labelRight]=\"labelConfig.labelRight\"\n [labelRightClass]=\"labelConfig.labelRightClass\"\n [labelRightRequired]=\"labelConfig.labelRightRequired\"\n [hasToggle]=\"labelConfig.hasToggle\"\n [toggleSize]=\"labelConfig.toggleSize || 'default'\"\n [toggleActive]=\"labelConfig.toggleActive\"\n [toggleDisable]=\"labelConfig.toggleDisable\"\n [description]=\"labelConfig.description\"\n [descriptionClass]=\"labelConfig.descriptionClass\"\n [buttonsDescription]=\"labelConfig.buttonsDescription\"\n [disableButtonsDescription]=\"labelConfig.disableButtonsDescription\"\n [buttonsDescriptionContainerClass]=\"labelConfig.buttonsDescriptionContainerClass\"\n [onlyShowCount]=\"labelConfig.onlyShowCount\"\n [zIndexPopover]=\"labelConfig.zIndexPopover || 10\"\n [timerDestroyPopover]=\"labelConfig.timerDestroyPopover || 0\"\n [count]=\"labelConfig.count\"\n [limitLength]=\"labelConfig.limitLength\"\n (outClickButton)=\"handlerClickButtonLabel($event)\"\n (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n (outLabelLeftClick)=\"handlerEventLabelLeftLabel($event)\"\n (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n }\n @for (item of items; track item.uniqKey; let first = $first; let index = $index) {\n <div\n class=\"flex\"\n [style.marginTop.px]=\"!first ? formInputSpacing() : 0\">\n @if (leftTemplateItems(); as leftTemplateItems) {\n <div class=\"flex {{ leftTemplateItems.classInclude }}\">\n @for (rightItem of leftTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('template') {\n @if (item.templateLeftOutlet || templateLeftOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateLeftOutlet || templateLeftOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n <libs_ui-components-inputs-valid\n [item]=\"item\"\n [fieldNameBind]=\"fieldNameBind()\"\n [placeholder]=\"item.placeholder ?? placeholder()\"\n [emitEmptyInDataTypeNumber]=\"emitEmptyInDataTypeNumber()\"\n [tagInput]=\"tagInput()\"\n [dataType]=\"dataType()\"\n [fixedFloat]=\"fixedFloat()\"\n [readonly]=\"readonly() || item.readonly\"\n [disable]=\"disable() || item.disable\"\n [classContainerInput]=\"classContainerInput()\"\n [classIncludeInput]=\"classIncludeInput()\"\n [acceptNegativeValue]=\"acceptNegativeValue()\"\n [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n [ignoreWidthInput100]=\"ignoreWidthInput100()\"\n [showCount]=\"showCount()\"\n [resetAutoCompletePassword]=\"resetAutoCompletePassword()\"\n [noBorder]=\"noBorder()\"\n [backgroundNone]=\"backgroundNone()\"\n [useColorModeExist]=\"useColorModeExist()\"\n [keepPlaceholderOnly]=\"keepPlaceholderOnly()\"\n [classContainerBottomInput]=\"classContainerBottomInput()\"\n [autoRemoveEmoji]=\"autoRemoveEmoji()\"\n [defaultHeight]=\"defaultHeight()\"\n [ignoreShowError]=\"ignoreShowError()\"\n [borderError]=\"borderError()\"\n [unitsLeft]=\"item.unitsLeft || unitsLeft()\"\n [configUnitLeft]=\"item.configUnitLeft || configUnitLeft()\"\n [keySelectedUnitLeft]=\"item.keySelectedUnitLeft || keySelectedUnitLeft()\"\n [unitsRight]=\"item.unitsRight || unitsRight()\"\n [configUnitRight]=\"item.configUnitRight || configUnitRight()\"\n [keySelectedUnitRight]=\"item.keySelectedUnitRight || keySelectedUnitRight()\"\n [maxValueNumber]=\"item.maxValueNumber || maxValueNumber()\"\n [minValueNumber]=\"item.minValueNumber || minValueNumber()\"\n [isBaselineStyle]=\"isBaselineStyle()\"\n [valuePatternShowError]=\"valuePatternShowError()\"\n [validPattern]=\"validPattern()\"\n [validRequired]=\"validRequired()\"\n [validMinLength]=\"validMinLength()\"\n [validMinValue]=\"validMinValue()\"\n [validMaxValue]=\"validMaxValue()\"\n [validMaxLength]=\"validMaxLength()\"\n [functionValid]=\"functionValid()\"\n [maxLength]=\"item.maxLength || maxLength()\"\n [positionMessageErrorStartInput]=\"positionMessageErrorStartInput()\"\n [classInclude]=\"classInclude()\"\n [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n [autoAddZeroLessThan10InTypeInt]=\"autoAddZeroLessThan10InTypeInt()\"\n [maxLengthNumberCount]=\"maxLengthNumberCount()\"\n [classMessageErrorInclude]=\"classMessageErrorInclude()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n [ignoreUnitRightClassReadOnly]=\"ignoreUnitRightClassReadOnly()\"\n [paddingRightCustomSpecific]=\"paddingRightCustomSpecific()\"\n [focusTimeOut]=\"focusTimeOut()\"\n (outValueChange)=\"handlerValueChange($event, item)\"\n (outFunctionsControl)=\"handlerFunctionsControl($event, item)\" />\n\n @if (rightTemplateItems(); as rightTemplateItems) {\n <div\n class=\"flex items-center {{ rightTemplateItems.classInclude }}\"\n [style.height.px]=\"defaultHeight() || 32\">\n @for (rightItem of rightTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('remove') {\n @if (!ignoreRemove() && !item.ignoreRemove && items.length > minItems()) {\n <libs_ui-components-buttons-button\n [type]=\"'button-link-third'\"\n [iconOnlyType]=\"true\"\n [classIconLeft]=\"'libs-ui-icon-remove mr-[0px]'\"\n classInclude=\"libs-ui-icon-hover-danger !p-[2px] ml-[16px] {{ rightItem.classInclude }}\"\n (outClick)=\"handlerRemove($event, item, index)\" />\n }\n }\n\n @case ('template') {\n @if (item.templateRightOutlet || templateRightOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateRightOutlet || templateRightOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n </div>\n }\n}\n\n@if (!ignoreAddItem() && (!maxItems() || items().length < maxItems())) {\n <libs_ui-components-buttons-button\n [type]=\"addItemButtonConfig()?.type || 'button-link-primary'\"\n [label]=\"addItemButtonConfig()?.label || 'i18n_add_new'\"\n [classLabel]=\"addItemButtonConfig()?.classLabel || 'libs-uifont-head-5m'\"\n [classIconLeft]=\"addItemButtonConfig()?.classIconLeft || 'libs-ui-icon-add text-[10px] mr-[8px]'\"\n [classInclude]=\"addItemButtonConfig()?.classInclude || '!pb-0 !pl-0 !py-[2px] mt-[8px]'\"\n [disable]=\"disable() || false\"\n (outClick)=\"handlerAddItem($event)\" />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsInputsValidComponent, selector: "libs_ui-components-inputs-valid", inputs: ["item", "labelConfig", "emitEmptyInDataTypeNumber", "ignoreBlockInputMaxValue", "fieldNameBind", "showCount", "typeComponentSelectItem", "valueComponentSelectItem", "disableComponentSelectItem", "tagInput", "dataType", "typeInput", "modeInput", "resetAutoCompletePassword", "textAreaEnterNotNewLine", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "ignoreWidthInput100", "classIncludeInput", "classContainerInput", "readonly", "disable", "noBorder", "backgroundNone", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "classContainerBottomInput", "autoRemoveEmoji", "defaultHeight", "maxHeightTextArea", "minHeightTextArea", "ignoreShowError", "borderError", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "zIndexPopoverContent", "unitsLeft", "configUnitLeft", "keySelectedUnitLeft", "unitsRight", "configUnitRight", "keySelectedUnitRight", "maxValueNumber", "minValueNumber", "ignoreContentLeft", "ignoreContentRight", "isBaselineStyle", "valuePatternShowError", "validPattern", "validRequired", "validMinLength", "validMinValue", "validMaxValue", "validMaxLength", "functionValid", "maxLength", "positionMessageErrorStartInput", "classInclude", "resize", "templateLeftBottomInput", "templateRightBottomInput", "onlyAcceptNegativeValue", "autoAddZeroLessThan10InTypeInt", "maxLengthNumberCount", "classMessageErrorInclude", "ignoreStopPropagationEvent", "ignoreUnitRightClassReadOnly", "paddingRightCustomSpecific", "focusTimeOut", "debounceTimeValidate"], outputs: ["itemChange", "outValueChange", "outSelect", "outIconLeft", "outIconRight", "outClickButtonLabel", "outSwitchEventLabel", "outLabelRightClick", "outEnterInputEvent", "outHeightAreaChange", "outFunctionsControl", "outFocusAndBlur", "outChangeValueByButtonUpDown"] }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
250
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsAddComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
251
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsInputsAddComponent, isStandalone: true, selector: "libs_ui-components-inputs-add", inputs: { fieldNameBind: { classPropertyName: "fieldNameBind", publicName: "fieldNameBind", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, addItemButtonConfig: { classPropertyName: "addItemButtonConfig", publicName: "addItemButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, formInputSpacing: { classPropertyName: "formInputSpacing", publicName: "formInputSpacing", isSignal: true, isRequired: false, transformFunction: null }, configItemAddToItems: { classPropertyName: "configItemAddToItems", publicName: "configItemAddToItems", isSignal: true, isRequired: false, transformFunction: null }, rightTemplateItems: { classPropertyName: "rightTemplateItems", publicName: "rightTemplateItems", isSignal: true, isRequired: false, transformFunction: null }, leftTemplateItems: { classPropertyName: "leftTemplateItems", publicName: "leftTemplateItems", isSignal: true, isRequired: false, transformFunction: null }, templateLeftOutlet: { classPropertyName: "templateLeftOutlet", publicName: "templateLeftOutlet", isSignal: true, isRequired: false, transformFunction: null }, templateRightOutlet: { classPropertyName: "templateRightOutlet", publicName: "templateRightOutlet", isSignal: true, isRequired: false, transformFunction: null }, ignoreWidthInput100: { classPropertyName: "ignoreWidthInput100", publicName: "ignoreWidthInput100", isSignal: true, isRequired: false, transformFunction: null }, classIncludeInput: { classPropertyName: "classIncludeInput", publicName: "classIncludeInput", isSignal: true, isRequired: false, transformFunction: null }, classContainerInput: { classPropertyName: "classContainerInput", publicName: "classContainerInput", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null }, ignoreValidEmptyField: { classPropertyName: "ignoreValidEmptyField", publicName: "ignoreValidEmptyField", isSignal: true, isRequired: false, transformFunction: null }, emitEmptyInDataTypeNumber: { classPropertyName: "emitEmptyInDataTypeNumber", publicName: "emitEmptyInDataTypeNumber", isSignal: true, isRequired: false, transformFunction: null }, tagInput: { classPropertyName: "tagInput", publicName: "tagInput", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, typeInput: { classPropertyName: "typeInput", publicName: "typeInput", isSignal: true, isRequired: false, transformFunction: null }, fixedFloat: { classPropertyName: "fixedFloat", publicName: "fixedFloat", isSignal: true, isRequired: false, transformFunction: null }, acceptNegativeValue: { classPropertyName: "acceptNegativeValue", publicName: "acceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, valueUpDownNumber: { classPropertyName: "valueUpDownNumber", publicName: "valueUpDownNumber", isSignal: true, isRequired: false, transformFunction: null }, resetAutoCompletePassword: { classPropertyName: "resetAutoCompletePassword", publicName: "resetAutoCompletePassword", isSignal: true, isRequired: false, transformFunction: null }, noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, backgroundNone: { classPropertyName: "backgroundNone", publicName: "backgroundNone", isSignal: true, isRequired: false, transformFunction: null }, useColorModeExist: { classPropertyName: "useColorModeExist", publicName: "useColorModeExist", isSignal: true, isRequired: false, transformFunction: null }, keepPlaceholderOnly: { classPropertyName: "keepPlaceholderOnly", publicName: "keepPlaceholderOnly", isSignal: true, isRequired: false, transformFunction: null }, classContainerBottomInput: { classPropertyName: "classContainerBottomInput", publicName: "classContainerBottomInput", isSignal: true, isRequired: false, transformFunction: null }, autoRemoveEmoji: { classPropertyName: "autoRemoveEmoji", publicName: "autoRemoveEmoji", isSignal: true, isRequired: false, transformFunction: null }, defaultHeight: { classPropertyName: "defaultHeight", publicName: "defaultHeight", isSignal: true, isRequired: false, transformFunction: null }, ignoreShowError: { classPropertyName: "ignoreShowError", publicName: "ignoreShowError", isSignal: true, isRequired: false, transformFunction: null }, borderError: { classPropertyName: "borderError", publicName: "borderError", isSignal: true, isRequired: false, transformFunction: null }, unitsLeft: { classPropertyName: "unitsLeft", publicName: "unitsLeft", isSignal: true, isRequired: false, transformFunction: null }, configUnitLeft: { classPropertyName: "configUnitLeft", publicName: "configUnitLeft", isSignal: true, isRequired: false, transformFunction: null }, keySelectedUnitLeft: { classPropertyName: "keySelectedUnitLeft", publicName: "keySelectedUnitLeft", isSignal: true, isRequired: false, transformFunction: null }, unitsRight: { classPropertyName: "unitsRight", publicName: "unitsRight", isSignal: true, isRequired: false, transformFunction: null }, configUnitRight: { classPropertyName: "configUnitRight", publicName: "configUnitRight", isSignal: true, isRequired: false, transformFunction: null }, keySelectedUnitRight: { classPropertyName: "keySelectedUnitRight", publicName: "keySelectedUnitRight", isSignal: true, isRequired: false, transformFunction: null }, maxValueNumber: { classPropertyName: "maxValueNumber", publicName: "maxValueNumber", isSignal: true, isRequired: false, transformFunction: null }, minValueNumber: { classPropertyName: "minValueNumber", publicName: "minValueNumber", isSignal: true, isRequired: false, transformFunction: null }, isBaselineStyle: { classPropertyName: "isBaselineStyle", publicName: "isBaselineStyle", isSignal: true, isRequired: false, transformFunction: null }, valuePatternShowError: { classPropertyName: "valuePatternShowError", publicName: "valuePatternShowError", isSignal: true, isRequired: false, transformFunction: null }, validPattern: { classPropertyName: "validPattern", publicName: "validPattern", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validMinLength: { classPropertyName: "validMinLength", publicName: "validMinLength", isSignal: true, isRequired: false, transformFunction: null }, validMinValue: { classPropertyName: "validMinValue", publicName: "validMinValue", isSignal: true, isRequired: false, transformFunction: null }, validMaxValue: { classPropertyName: "validMaxValue", publicName: "validMaxValue", isSignal: true, isRequired: false, transformFunction: null }, validMaxLength: { classPropertyName: "validMaxLength", publicName: "validMaxLength", isSignal: true, isRequired: false, transformFunction: null }, validDuplicate: { classPropertyName: "validDuplicate", publicName: "validDuplicate", isSignal: true, isRequired: false, transformFunction: null }, functionValid: { classPropertyName: "functionValid", publicName: "functionValid", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, positionMessageErrorStartInput: { classPropertyName: "positionMessageErrorStartInput", publicName: "positionMessageErrorStartInput", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, templateLeftBottomInput: { classPropertyName: "templateLeftBottomInput", publicName: "templateLeftBottomInput", isSignal: true, isRequired: false, transformFunction: null }, templateRightBottomInput: { classPropertyName: "templateRightBottomInput", publicName: "templateRightBottomInput", isSignal: true, isRequired: false, transformFunction: null }, onlyAcceptNegativeValue: { classPropertyName: "onlyAcceptNegativeValue", publicName: "onlyAcceptNegativeValue", isSignal: true, isRequired: false, transformFunction: null }, autoAddZeroLessThan10InTypeInt: { classPropertyName: "autoAddZeroLessThan10InTypeInt", publicName: "autoAddZeroLessThan10InTypeInt", isSignal: true, isRequired: false, transformFunction: null }, maxLengthNumberCount: { classPropertyName: "maxLengthNumberCount", publicName: "maxLengthNumberCount", isSignal: true, isRequired: false, transformFunction: null }, classMessageErrorInclude: { classPropertyName: "classMessageErrorInclude", publicName: "classMessageErrorInclude", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, ignoreUnitRightClassReadOnly: { classPropertyName: "ignoreUnitRightClassReadOnly", publicName: "ignoreUnitRightClassReadOnly", isSignal: true, isRequired: false, transformFunction: null }, paddingRightCustomSpecific: { classPropertyName: "paddingRightCustomSpecific", publicName: "paddingRightCustomSpecific", isSignal: true, isRequired: false, transformFunction: null }, focusTimeOut: { classPropertyName: "focusTimeOut", publicName: "focusTimeOut", isSignal: true, isRequired: false, transformFunction: null }, ignoreAddItem: { classPropertyName: "ignoreAddItem", publicName: "ignoreAddItem", isSignal: true, isRequired: false, transformFunction: null }, ignoreRemove: { classPropertyName: "ignoreRemove", publicName: "ignoreRemove", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, minItems: { classPropertyName: "minItems", publicName: "minItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", outFunctionsControl: "outFunctionsControl", outRemove: "outRemove", outAddItem: "outAddItem", outClickButtonLabel: "outClickButtonLabel", outSwitchEventLabel: "outSwitchEventLabel", outLabelRightClick: "outLabelRightClick", outLabelLeftClick: "outLabelLeftClick", outValueChange: "outValueChange" }, ngImport: i0, template: "@if (fieldNameBind() && items(); as items) {\n @if (labelConfig(); as labelConfig) {\n <libs_ui-components-label\n [labelLeft]=\"labelConfig.labelLeft\"\n [classInclude]=\"labelConfig.classInclude\"\n [labelLeftClass]=\"labelConfig.labelLeftClass\"\n [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n [labelLeftBehindToggleButton]=\"labelConfig.labelLeftBehindToggleButton\"\n [popover]=\"labelConfig.popover\"\n [required]=\"labelConfig.required\"\n [buttonsLeft]=\"labelConfig.buttonsLeft\"\n [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n [buttonsRight]=\"labelConfig.buttonsRight\"\n [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n [labelRight]=\"labelConfig.labelRight\"\n [labelRightClass]=\"labelConfig.labelRightClass\"\n [labelRightRequired]=\"labelConfig.labelRightRequired\"\n [hasToggle]=\"labelConfig.hasToggle\"\n [toggleSize]=\"labelConfig.toggleSize || 'default'\"\n [toggleActive]=\"labelConfig.toggleActive\"\n [toggleDisable]=\"labelConfig.toggleDisable\"\n [description]=\"labelConfig.description\"\n [descriptionClass]=\"labelConfig.descriptionClass\"\n [buttonsDescription]=\"labelConfig.buttonsDescription\"\n [disableButtonsDescription]=\"labelConfig.disableButtonsDescription\"\n [buttonsDescriptionContainerClass]=\"labelConfig.buttonsDescriptionContainerClass\"\n [onlyShowCount]=\"labelConfig.onlyShowCount\"\n [zIndexPopover]=\"labelConfig.zIndexPopover || 10\"\n [timerDestroyPopover]=\"labelConfig.timerDestroyPopover || 0\"\n [count]=\"labelConfig.count\"\n [limitLength]=\"labelConfig.limitLength\"\n (outClickButton)=\"handlerClickButtonLabel($event)\"\n (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n (outLabelLeftClick)=\"handlerEventLabelLeftLabel($event)\"\n (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n }\n @for (item of items; track item.uniqKey; let first = $first; let index = $index) {\n <div\n class=\"flex\"\n [style.marginTop.px]=\"!first ? formInputSpacing() : 0\">\n @if (leftTemplateItems(); as leftTemplateItems) {\n <div class=\"flex {{ leftTemplateItems.classInclude }}\">\n @for (rightItem of leftTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('template') {\n @if (item.templateLeftOutlet || templateLeftOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateLeftOutlet || templateLeftOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n <libs_ui-components-inputs-valid\n [item]=\"item\"\n [fieldNameBind]=\"fieldNameBind()\"\n [placeholder]=\"item.placeholder ?? placeholder()\"\n [emitEmptyInDataTypeNumber]=\"emitEmptyInDataTypeNumber()\"\n [tagInput]=\"tagInput()\"\n [dataType]=\"dataType()\"\n [fixedFloat]=\"fixedFloat()\"\n [readonly]=\"readonly() || item.readonly\"\n [disable]=\"disable() || item.disable\"\n [classContainerInput]=\"classContainerInput()\"\n [classIncludeInput]=\"classIncludeInput()\"\n [acceptNegativeValue]=\"acceptNegativeValue()\"\n [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n [ignoreWidthInput100]=\"ignoreWidthInput100()\"\n [showCount]=\"showCount()\"\n [resetAutoCompletePassword]=\"resetAutoCompletePassword()\"\n [noBorder]=\"noBorder()\"\n [backgroundNone]=\"backgroundNone()\"\n [useColorModeExist]=\"useColorModeExist()\"\n [keepPlaceholderOnly]=\"keepPlaceholderOnly()\"\n [classContainerBottomInput]=\"classContainerBottomInput()\"\n [autoRemoveEmoji]=\"autoRemoveEmoji()\"\n [defaultHeight]=\"defaultHeight()\"\n [ignoreShowError]=\"ignoreShowError()\"\n [borderError]=\"borderError()\"\n [unitsLeft]=\"item.unitsLeft || unitsLeft()\"\n [configUnitLeft]=\"item.configUnitLeft || configUnitLeft()\"\n [keySelectedUnitLeft]=\"item.keySelectedUnitLeft || keySelectedUnitLeft()\"\n [unitsRight]=\"item.unitsRight || unitsRight()\"\n [configUnitRight]=\"item.configUnitRight || configUnitRight()\"\n [keySelectedUnitRight]=\"item.keySelectedUnitRight || keySelectedUnitRight()\"\n [maxValueNumber]=\"item.maxValueNumber || maxValueNumber()\"\n [minValueNumber]=\"item.minValueNumber || minValueNumber()\"\n [isBaselineStyle]=\"isBaselineStyle()\"\n [valuePatternShowError]=\"valuePatternShowError()\"\n [validPattern]=\"validPattern()\"\n [validRequired]=\"validRequired()\"\n [validMinLength]=\"validMinLength()\"\n [validMinValue]=\"validMinValue()\"\n [validMaxValue]=\"validMaxValue()\"\n [validMaxLength]=\"validMaxLength()\"\n [functionValid]=\"functionValid()\"\n [maxLength]=\"item.maxLength || maxLength()\"\n [positionMessageErrorStartInput]=\"positionMessageErrorStartInput()\"\n [classInclude]=\"classInclude()\"\n [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n [autoAddZeroLessThan10InTypeInt]=\"autoAddZeroLessThan10InTypeInt()\"\n [maxLengthNumberCount]=\"maxLengthNumberCount()\"\n [classMessageErrorInclude]=\"classMessageErrorInclude()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n [ignoreUnitRightClassReadOnly]=\"ignoreUnitRightClassReadOnly()\"\n [paddingRightCustomSpecific]=\"paddingRightCustomSpecific()\"\n [focusTimeOut]=\"focusTimeOut()\"\n (outValueChange)=\"handlerValueChange($event, item)\"\n (outFunctionsControl)=\"handlerFunctionsControl($event, item)\" />\n\n @if (rightTemplateItems(); as rightTemplateItems) {\n <div\n class=\"flex items-center {{ rightTemplateItems.classInclude }}\"\n [style.height.px]=\"defaultHeight() || 32\">\n @for (rightItem of rightTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('remove') {\n @if (!ignoreRemove() && !item.ignoreRemove && items.length > minItems()) {\n <libs_ui-components-buttons-button\n [type]=\"'button-link-third'\"\n [iconOnlyType]=\"true\"\n [classIconLeft]=\"'libs-ui-icon-remove mr-[0px]'\"\n classInclude=\"libs-ui-icon-hover-danger !p-[2px] ml-[16px] {{ rightItem.classInclude }}\"\n (outClick)=\"handlerRemove($event, item, index)\" />\n }\n }\n\n @case ('template') {\n @if (item.templateRightOutlet || templateRightOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateRightOutlet || templateRightOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n </div>\n }\n}\n\n@if (!ignoreAddItem() && (!maxItems() || items().length < maxItems())) {\n <libs_ui-components-buttons-button\n [type]=\"addItemButtonConfig()?.type || 'button-link-primary'\"\n [label]=\"addItemButtonConfig()?.label || 'i18n_add_new'\"\n [classLabel]=\"addItemButtonConfig()?.classLabel || 'libs-uifont-head-5m'\"\n [classIconLeft]=\"addItemButtonConfig()?.classIconLeft || 'libs-ui-icon-add text-[10px] mr-[8px]'\"\n [classInclude]=\"addItemButtonConfig()?.classInclude || '!pb-0 !pl-0 !py-[2px] mt-[8px]'\"\n [disable]=\"disable() || false\"\n (outClick)=\"handlerAddItem($event)\" />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsInputsValidComponent, selector: "libs_ui-components-inputs-valid", inputs: ["item", "labelConfig", "emitEmptyInDataTypeNumber", "ignoreBlockInputMaxValue", "fieldNameBind", "showCount", "typeComponentSelectItem", "valueComponentSelectItem", "disableComponentSelectItem", "tagInput", "dataType", "typeInput", "modeInput", "resetAutoCompletePassword", "textAreaEnterNotNewLine", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "ignoreWidthInput100", "classIncludeInput", "classContainerInput", "readonly", "disable", "noBorder", "backgroundNone", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "classContainerBottomInput", "autoRemoveEmoji", "defaultHeight", "maxHeightTextArea", "minHeightTextArea", "ignoreShowError", "borderError", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "zIndexPopoverContent", "unitsLeft", "configUnitLeft", "keySelectedUnitLeft", "unitsRight", "configUnitRight", "keySelectedUnitRight", "maxValueNumber", "minValueNumber", "ignoreContentLeft", "ignoreContentRight", "isBaselineStyle", "valuePatternShowError", "validPattern", "validRequired", "validMinLength", "validMinValue", "validMaxValue", "validMaxLength", "functionValid", "maxLength", "positionMessageErrorStartInput", "classInclude", "resize", "templateLeftBottomInput", "templateRightBottomInput", "onlyAcceptNegativeValue", "autoAddZeroLessThan10InTypeInt", "maxLengthNumberCount", "classMessageErrorInclude", "ignoreStopPropagationEvent", "ignoreUnitRightClassReadOnly", "paddingRightCustomSpecific", "focusTimeOut", "debounceTimeValidate"], outputs: ["itemChange", "outValueChange", "outSelect", "outIconLeft", "outIconRight", "outClickButtonLabel", "outSwitchEventLabel", "outLabelRightClick", "outEnterInputEvent", "outHeightAreaChange", "outFunctionsControl", "outFocusAndBlur", "outChangeValueByButtonUpDown"] }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
252
252
  }
253
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsAddComponent, decorators: [{
253
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsInputsAddComponent, decorators: [{
254
254
  type: Component,
255
255
  args: [{ selector: 'libs_ui-components-inputs-add', standalone: true, imports: [TranslateModule, NgTemplateOutlet, LibsUiComponentsButtonsButtonComponent, LibsUiComponentsInputsValidComponent, LibsUiComponentsLabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (fieldNameBind() && items(); as items) {\n @if (labelConfig(); as labelConfig) {\n <libs_ui-components-label\n [labelLeft]=\"labelConfig.labelLeft\"\n [classInclude]=\"labelConfig.classInclude\"\n [labelLeftClass]=\"labelConfig.labelLeftClass\"\n [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n [labelLeftBehindToggleButton]=\"labelConfig.labelLeftBehindToggleButton\"\n [popover]=\"labelConfig.popover\"\n [required]=\"labelConfig.required\"\n [buttonsLeft]=\"labelConfig.buttonsLeft\"\n [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n [buttonsRight]=\"labelConfig.buttonsRight\"\n [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n [labelRight]=\"labelConfig.labelRight\"\n [labelRightClass]=\"labelConfig.labelRightClass\"\n [labelRightRequired]=\"labelConfig.labelRightRequired\"\n [hasToggle]=\"labelConfig.hasToggle\"\n [toggleSize]=\"labelConfig.toggleSize || 'default'\"\n [toggleActive]=\"labelConfig.toggleActive\"\n [toggleDisable]=\"labelConfig.toggleDisable\"\n [description]=\"labelConfig.description\"\n [descriptionClass]=\"labelConfig.descriptionClass\"\n [buttonsDescription]=\"labelConfig.buttonsDescription\"\n [disableButtonsDescription]=\"labelConfig.disableButtonsDescription\"\n [buttonsDescriptionContainerClass]=\"labelConfig.buttonsDescriptionContainerClass\"\n [onlyShowCount]=\"labelConfig.onlyShowCount\"\n [zIndexPopover]=\"labelConfig.zIndexPopover || 10\"\n [timerDestroyPopover]=\"labelConfig.timerDestroyPopover || 0\"\n [count]=\"labelConfig.count\"\n [limitLength]=\"labelConfig.limitLength\"\n (outClickButton)=\"handlerClickButtonLabel($event)\"\n (outSwitchEvent)=\"handlerSwitchLabel($event)\"\n (outLabelLeftClick)=\"handlerEventLabelLeftLabel($event)\"\n (outLabelRightClick)=\"handlerEventLabelRightLabel()\" />\n }\n @for (item of items; track item.uniqKey; let first = $first; let index = $index) {\n <div\n class=\"flex\"\n [style.marginTop.px]=\"!first ? formInputSpacing() : 0\">\n @if (leftTemplateItems(); as leftTemplateItems) {\n <div class=\"flex {{ leftTemplateItems.classInclude }}\">\n @for (rightItem of leftTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('template') {\n @if (item.templateLeftOutlet || templateLeftOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateLeftOutlet || templateLeftOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n <libs_ui-components-inputs-valid\n [item]=\"item\"\n [fieldNameBind]=\"fieldNameBind()\"\n [placeholder]=\"item.placeholder ?? placeholder()\"\n [emitEmptyInDataTypeNumber]=\"emitEmptyInDataTypeNumber()\"\n [tagInput]=\"tagInput()\"\n [dataType]=\"dataType()\"\n [fixedFloat]=\"fixedFloat()\"\n [readonly]=\"readonly() || item.readonly\"\n [disable]=\"disable() || item.disable\"\n [classContainerInput]=\"classContainerInput()\"\n [classIncludeInput]=\"classIncludeInput()\"\n [acceptNegativeValue]=\"acceptNegativeValue()\"\n [valueUpDownNumber]=\"valueUpDownNumber() || 1\"\n [ignoreWidthInput100]=\"ignoreWidthInput100()\"\n [showCount]=\"showCount()\"\n [resetAutoCompletePassword]=\"resetAutoCompletePassword()\"\n [noBorder]=\"noBorder()\"\n [backgroundNone]=\"backgroundNone()\"\n [useColorModeExist]=\"useColorModeExist()\"\n [keepPlaceholderOnly]=\"keepPlaceholderOnly()\"\n [classContainerBottomInput]=\"classContainerBottomInput()\"\n [autoRemoveEmoji]=\"autoRemoveEmoji()\"\n [defaultHeight]=\"defaultHeight()\"\n [ignoreShowError]=\"ignoreShowError()\"\n [borderError]=\"borderError()\"\n [unitsLeft]=\"item.unitsLeft || unitsLeft()\"\n [configUnitLeft]=\"item.configUnitLeft || configUnitLeft()\"\n [keySelectedUnitLeft]=\"item.keySelectedUnitLeft || keySelectedUnitLeft()\"\n [unitsRight]=\"item.unitsRight || unitsRight()\"\n [configUnitRight]=\"item.configUnitRight || configUnitRight()\"\n [keySelectedUnitRight]=\"item.keySelectedUnitRight || keySelectedUnitRight()\"\n [maxValueNumber]=\"item.maxValueNumber || maxValueNumber()\"\n [minValueNumber]=\"item.minValueNumber || minValueNumber()\"\n [isBaselineStyle]=\"isBaselineStyle()\"\n [valuePatternShowError]=\"valuePatternShowError()\"\n [validPattern]=\"validPattern()\"\n [validRequired]=\"validRequired()\"\n [validMinLength]=\"validMinLength()\"\n [validMinValue]=\"validMinValue()\"\n [validMaxValue]=\"validMaxValue()\"\n [validMaxLength]=\"validMaxLength()\"\n [functionValid]=\"functionValid()\"\n [maxLength]=\"item.maxLength || maxLength()\"\n [positionMessageErrorStartInput]=\"positionMessageErrorStartInput()\"\n [classInclude]=\"classInclude()\"\n [onlyAcceptNegativeValue]=\"onlyAcceptNegativeValue()\"\n [autoAddZeroLessThan10InTypeInt]=\"autoAddZeroLessThan10InTypeInt()\"\n [maxLengthNumberCount]=\"maxLengthNumberCount()\"\n [classMessageErrorInclude]=\"classMessageErrorInclude()\"\n [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n [ignoreUnitRightClassReadOnly]=\"ignoreUnitRightClassReadOnly()\"\n [paddingRightCustomSpecific]=\"paddingRightCustomSpecific()\"\n [focusTimeOut]=\"focusTimeOut()\"\n (outValueChange)=\"handlerValueChange($event, item)\"\n (outFunctionsControl)=\"handlerFunctionsControl($event, item)\" />\n\n @if (rightTemplateItems(); as rightTemplateItems) {\n <div\n class=\"flex items-center {{ rightTemplateItems.classInclude }}\"\n [style.height.px]=\"defaultHeight() || 32\">\n @for (rightItem of rightTemplateItems.items; track $index) {\n @switch (rightItem.type) {\n @case ('remove') {\n @if (!ignoreRemove() && !item.ignoreRemove && items.length > minItems()) {\n <libs_ui-components-buttons-button\n [type]=\"'button-link-third'\"\n [iconOnlyType]=\"true\"\n [classIconLeft]=\"'libs-ui-icon-remove mr-[0px]'\"\n classInclude=\"libs-ui-icon-hover-danger !p-[2px] ml-[16px] {{ rightItem.classInclude }}\"\n (outClick)=\"handlerRemove($event, item, index)\" />\n }\n }\n\n @case ('template') {\n @if (item.templateRightOutlet || templateRightOutlet()) {\n <ng-container *ngTemplateOutlet=\"item.templateRightOutlet || templateRightOutlet() || null; context: { item: item, index: index }\" />\n }\n }\n }\n }\n </div>\n }\n </div>\n }\n}\n\n@if (!ignoreAddItem() && (!maxItems() || items().length < maxItems())) {\n <libs_ui-components-buttons-button\n [type]=\"addItemButtonConfig()?.type || 'button-link-primary'\"\n [label]=\"addItemButtonConfig()?.label || 'i18n_add_new'\"\n [classLabel]=\"addItemButtonConfig()?.classLabel || 'libs-uifont-head-5m'\"\n [classIconLeft]=\"addItemButtonConfig()?.classIconLeft || 'libs-ui-icon-add text-[10px] mr-[8px]'\"\n [classInclude]=\"addItemButtonConfig()?.classInclude || '!pb-0 !pl-0 !py-[2px] mt-[8px]'\"\n [disable]=\"disable() || false\"\n (outClick)=\"handlerAddItem($event)\" />\n}\n" }]
256
256
  }] });
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@libs-ui/components-inputs-add",
3
- "version": "0.2.312-1",
3
+ "version": "0.2.312-2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
7
- "@libs-ui/components-buttons-button": "0.2.312-1",
8
- "@libs-ui/components-inputs-valid": "0.2.312-1",
9
- "@libs-ui/components-label": "0.2.312-1",
10
- "@libs-ui/components-switch": "0.2.312-1",
11
- "@libs-ui/interfaces-types": "0.2.312-1",
12
- "@libs-ui/utils": "0.2.312-1",
7
+ "@libs-ui/components-buttons-button": "0.2.312-2",
8
+ "@libs-ui/components-inputs-valid": "0.2.312-2",
9
+ "@libs-ui/components-label": "0.2.312-2",
10
+ "@libs-ui/components-switch": "0.2.312-2",
11
+ "@libs-ui/interfaces-types": "0.2.312-2",
12
+ "@libs-ui/utils": "0.2.312-2",
13
13
  "@ngx-translate/core": "^15.0.0",
14
- "@libs-ui/components-inputs-input": "0.2.312-1"
14
+ "@libs-ui/components-inputs-input": "0.2.312-2"
15
15
  },
16
16
  "sideEffects": false,
17
17
  "module": "fesm2022/libs-ui-components-inputs-add.mjs",