@libs-ui/components-datetime-dropdown 0.2.321-0 → 0.2.323-0

package/esm2022/directive/date-dropdown.directive.mjs

@@ -19,10 +19,10 @@ export class LibsUiComponentsDatetimeDropdownDirective {
             this.resizeObserver()?.disconnect();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeDropdownDirective, isStandalone: true, selector: "[LibsUiComponentsDatetimeDropdownDirective]", outputs: { outChangeWidth: "outChangeWidth" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeDropdownDirective, isStandalone: true, selector: "[LibsUiComponentsDatetimeDropdownDirective]", outputs: { outChangeWidth: "outChangeWidth" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2022/dropdown.component.mjs

@@ -270,10 +270,10 @@ export class LibsUiComponentsDatetimeDropdownComponent {
     handlerChangStageFlagMouse(flagMouse) {
         this.outChangStageFlagMouse.emit(flagMouse);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeDropdownComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown", inputs: { labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, maxYear: { classPropertyName: "maxYear", publicName: "maxYear", isSignal: true, isRequired: false, transformFunction: null }, minYear: { classPropertyName: "minYear", publicName: "minYear", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, reverseYear: { classPropertyName: "reverseYear", publicName: "reverseYear", isSignal: true, isRequired: false, transformFunction: null }, isBorderError: { classPropertyName: "isBorderError", publicName: "isBorderError", isSignal: true, isRequired: false, transformFunction: null }, ignoreWidth100: { classPropertyName: "ignoreWidth100", publicName: "ignoreWidth100", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, disableSecond: { classPropertyName: "disableSecond", publicName: "disableSecond", isSignal: true, isRequired: false, transformFunction: null }, typeFormat: { classPropertyName: "typeFormat", publicName: "typeFormat", isSignal: true, isRequired: false, transformFunction: null }, fromAndToDateLabel: { classPropertyName: "fromAndToDateLabel", publicName: "fromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, selectedDateTime: { classPropertyName: "selectedDateTime", publicName: "selectedDateTime", isSignal: true, isRequired: false, transformFunction: null }, isEmitAfterChanged: { classPropertyName: "isEmitAfterChanged", publicName: "isEmitAfterChanged", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, ignoreFromAndToDateLabel: { classPropertyName: "ignoreFromAndToDateLabel", publicName: "ignoreFromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, hiddenDate: { classPropertyName: "hiddenDate", publicName: "hiddenDate", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, ignoreAllowTimeEqual: { classPropertyName: "ignoreAllowTimeEqual", publicName: "ignoreAllowTimeEqual", isSignal: true, isRequired: false, transformFunction: null }, ignoreValidTimeCompare: { classPropertyName: "ignoreValidTimeCompare", publicName: "ignoreValidTimeCompare", isSignal: true, isRequired: false, transformFunction: null }, isCheckErrorWhenSelectItem: { classPropertyName: "isCheckErrorWhenSelectItem", publicName: "isCheckErrorWhenSelectItem", isSignal: true, isRequired: false, transformFunction: null }, ignoreRequiredValueSecondWhenNotValidRequired: { classPropertyName: "ignoreRequiredValueSecondWhenNotValidRequired", publicName: "ignoreRequiredValueSecondWhenNotValidRequired", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outFunctionsControl: "outFunctionsControl", outSelectedDropdown: "outSelectedDropdown", outChooseMultiDate: "outChooseMultiDate", outChooseSingleDate: "outChooseSingleDate", outChangStageFlagMouse: "outChangStageFlagMouse" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "labelFromRef", first: true, predicate: ["labelFrom"], descendants: true, isSignal: true }, { propertyName: "labelToRef", first: true, predicate: ["labelTo"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [buttonsDescription]=\"labelConfig.buttonsDescription\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable || disable()\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\" />\n}\n<div\n  #parent\n  class=\"flex items-start\"\n  [class.!w-full]=\"widthByElement()\"\n  [class.!column]=\"isResponsive() && isMultiple()\">\n  <div\n    #childFrom\n    class=\"flex items-start\"\n    [class.w-[50%]]=\"widthByElement() && !isResponsive()\"\n    [class.!mb-[8px]]=\"isResponsive() && isMultiple()\"\n    [class.!mr-[8px]]=\"!isResponsive() && isMultiple()\"\n    [class.w-full]=\"(!isMultiple() && !widthByElement()) || isResponsive()\"\n    [style.width.px]=\"!widthByElement() && isMultiple() && !isResponsive() ? widthDropdown() * arrayFormat().length + 8 * arrayFormat().length + widthLabelFrom() : undefined\">\n    @if (isMultiple() && !ignoreFromAndToDateLabel() && fromAndToDateLabel().from) {\n      <div\n        class=\"mr-[8px] flex-shrink-0 h-[32px] flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() || undefined : undefined\">\n        <span\n          #labelFrom\n          LibsUiComponentsDatetimeDropdownDirective\n          [class.!opacity-[0.5]]=\"disable()\"\n          class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelFrom || '' }}\"\n          (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n          @let constHtmlFrom = fromAndToDateLabel().from || ' ';\n          {{ constHtmlFrom | translate }}\n        </span>\n      </div>\n    }\n    <div\n      class=\"flex\"\n      [class.!w-full]=\"widthByElement()\">\n      @if (!changeType()) {\n        <libs_ui-components-datetime-dropdown-item\n          [class.!w-full]=\"widthByElement()\"\n          [disableSecond]=\"disableSecond()\"\n          [typeDate]=\"typeFormat()\"\n          [zIndex]=\"zIndex()\"\n          [maxYear]=\"maxYear()\"\n          [disable]=\"disable()\"\n          [minYear]=\"minYear()\"\n          [readonly]=\"readonly()\"\n          [isMultiple]=\"isMultiple() ? (isResponsive() ? true : false) : true\"\n          [reverseYear]=\"reverseYear()\"\n          [selectedDate]=\"selectedDateTime()?.from() || {}\"\n          [widthDropdown]=\"widthDropdown()\"\n          [widthByElement]=\"widthByElement()\"\n          [getItemYearDisplay]=\"getItemYearDisplay()\"\n          [listMaxItemShow]=\"listMaxItemShow()\"\n          [listKeysDisable]=\"listKeysDisable()?.from()\"\n          [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n          [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n          [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect()\"\n          (outSelectedData)=\"handlerChangeSelectedKey($event, 'from')\"\n          (outFunctionControl)=\"handlerFunctionControl($event, 'from')\"\n          (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n      }\n    </div>\n  </div>\n  @if (isMultiple()) {\n    <div\n      #childTo\n      [class.!w-[50%]]=\"widthByElement()\"\n      [class.!w-full]=\"!widthByElement() || isResponsive()\"\n      class=\"flex items-start\">\n      <div\n        class=\"mr-[8px] h-[32px] flex-shrink-0 flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() : undefined\">\n        @if (!ignoreFromAndToDateLabel()) {\n          <span\n            #labelTo\n            LibsUiComponentsDatetimeDropdownDirective\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelTo || '' }}\"\n            (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n            @let constHtmlTo = fromAndToDateLabel().to || ' ';\n            {{ constHtmlTo | translate }}\n          </span>\n        }\n        @if (ignoreFromAndToDateLabel()) {\n          <span\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r\">\n            -\n          </span>\n        }\n      </div>\n      <div\n        class=\"flex\"\n        [class.!w-full]=\"widthByElement()\">\n        @if (!changeType()) {\n          <libs_ui-components-datetime-dropdown-item\n            [class.w-full]=\"widthByElement()\"\n            [disableSecond]=\"disableSecond()\"\n            [typeDate]=\"typeFormat()\"\n            [zIndex]=\"zIndex()\"\n            [maxYear]=\"maxYear()\"\n            [disable]=\"disable()\"\n            [minYear]=\"minYear()\"\n            [readonly]=\"readonly()\"\n            [isMultiple]=\"isMultiple()\"\n            [reverseYear]=\"reverseYear()\"\n            [selectedDate]=\"selectedDateTime()?.to() || {}\"\n            [widthDropdown]=\"widthDropdown()\"\n            [widthByElement]=\"widthByElement()\"\n            [getItemYearDisplay]=\"getItemYearDisplay()\"\n            [listMaxItemShow]=\"listMaxItemShow()\"\n            [listKeysDisable]=\"listKeysDisable()?.to()\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect\"\n            [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n            (outSelectedData)=\"handlerChangeSelectedKey($event, 'to')\"\n            (outFunctionControl)=\"handlerFunctionControl($event, 'to')\"\n            (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isErrorCompareDate()) {\n  <div class=\"flex items-center mt-[4px]\">\n    <span class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\">\n      @let constHtmlMessage = validRequired()?.messageValidCompareTime || 'i18n_invalid_end_date_selected';\n      {{ constHtmlMessage | translate: validRequired()?.interpolateParamsCompareTime }}\n    </span>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { kind: "directive", type: LibsUiComponentsDatetimeDropdownDirective, selector: "[LibsUiComponentsDatetimeDropdownDirective]", outputs: ["outChangeWidth"] }, { kind: "component", type: LibsUiComponentsDatetimeDropdownItemComponent, selector: "libs_ui-components-datetime-dropdown-item", inputs: ["typeDate", "disableSecond", "selectedDate", "widthDropdown", "widthByElement", "getItemYearDisplay", "listHasButtonUnSelectOption", "readonly", "disable", "zIndex", "isMultiple", "classIncludeTextDisplayWhenNoSelect", "isCheckErrorWhenSelectItem", "maxYear", "minYear", "reverseYear", "listKeysDisable", "ignoreConvertYearSelected", "validRequired", "isEmitSelectedDropDown", "listMaxItemShow"], outputs: ["outSelectedData", "outFunctionControl", "outChangStageFlagMouse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeDropdownComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown", inputs: { labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, maxYear: { classPropertyName: "maxYear", publicName: "maxYear", isSignal: true, isRequired: false, transformFunction: null }, minYear: { classPropertyName: "minYear", publicName: "minYear", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, reverseYear: { classPropertyName: "reverseYear", publicName: "reverseYear", isSignal: true, isRequired: false, transformFunction: null }, isBorderError: { classPropertyName: "isBorderError", publicName: "isBorderError", isSignal: true, isRequired: false, transformFunction: null }, ignoreWidth100: { classPropertyName: "ignoreWidth100", publicName: "ignoreWidth100", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, disableSecond: { classPropertyName: "disableSecond", publicName: "disableSecond", isSignal: true, isRequired: false, transformFunction: null }, typeFormat: { classPropertyName: "typeFormat", publicName: "typeFormat", isSignal: true, isRequired: false, transformFunction: null }, fromAndToDateLabel: { classPropertyName: "fromAndToDateLabel", publicName: "fromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, selectedDateTime: { classPropertyName: "selectedDateTime", publicName: "selectedDateTime", isSignal: true, isRequired: false, transformFunction: null }, isEmitAfterChanged: { classPropertyName: "isEmitAfterChanged", publicName: "isEmitAfterChanged", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, ignoreFromAndToDateLabel: { classPropertyName: "ignoreFromAndToDateLabel", publicName: "ignoreFromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, hiddenDate: { classPropertyName: "hiddenDate", publicName: "hiddenDate", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, ignoreAllowTimeEqual: { classPropertyName: "ignoreAllowTimeEqual", publicName: "ignoreAllowTimeEqual", isSignal: true, isRequired: false, transformFunction: null }, ignoreValidTimeCompare: { classPropertyName: "ignoreValidTimeCompare", publicName: "ignoreValidTimeCompare", isSignal: true, isRequired: false, transformFunction: null }, isCheckErrorWhenSelectItem: { classPropertyName: "isCheckErrorWhenSelectItem", publicName: "isCheckErrorWhenSelectItem", isSignal: true, isRequired: false, transformFunction: null }, ignoreRequiredValueSecondWhenNotValidRequired: { classPropertyName: "ignoreRequiredValueSecondWhenNotValidRequired", publicName: "ignoreRequiredValueSecondWhenNotValidRequired", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outFunctionsControl: "outFunctionsControl", outSelectedDropdown: "outSelectedDropdown", outChooseMultiDate: "outChooseMultiDate", outChooseSingleDate: "outChooseSingleDate", outChangStageFlagMouse: "outChangStageFlagMouse" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "labelFromRef", first: true, predicate: ["labelFrom"], descendants: true, isSignal: true }, { propertyName: "labelToRef", first: true, predicate: ["labelTo"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [buttonsDescription]=\"labelConfig.buttonsDescription\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable || disable()\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\" />\n}\n<div\n  #parent\n  class=\"flex items-start\"\n  [class.!w-full]=\"widthByElement()\"\n  [class.!column]=\"isResponsive() && isMultiple()\">\n  <div\n    #childFrom\n    class=\"flex items-start\"\n    [class.w-[50%]]=\"widthByElement() && !isResponsive()\"\n    [class.!mb-[8px]]=\"isResponsive() && isMultiple()\"\n    [class.!mr-[8px]]=\"!isResponsive() && isMultiple()\"\n    [class.w-full]=\"(!isMultiple() && !widthByElement()) || isResponsive()\"\n    [style.width.px]=\"!widthByElement() && isMultiple() && !isResponsive() ? widthDropdown() * arrayFormat().length + 8 * arrayFormat().length + widthLabelFrom() : undefined\">\n    @if (isMultiple() && !ignoreFromAndToDateLabel() && fromAndToDateLabel().from) {\n      <div\n        class=\"mr-[8px] flex-shrink-0 h-[32px] flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() || undefined : undefined\">\n        <span\n          #labelFrom\n          LibsUiComponentsDatetimeDropdownDirective\n          [class.!opacity-[0.5]]=\"disable()\"\n          class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelFrom || '' }}\"\n          (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n          @let constHtmlFrom = fromAndToDateLabel().from || ' ';\n          {{ constHtmlFrom | translate }}\n        </span>\n      </div>\n    }\n    <div\n      class=\"flex\"\n      [class.!w-full]=\"widthByElement()\">\n      @if (!changeType()) {\n        <libs_ui-components-datetime-dropdown-item\n          [class.!w-full]=\"widthByElement()\"\n          [disableSecond]=\"disableSecond()\"\n          [typeDate]=\"typeFormat()\"\n          [zIndex]=\"zIndex()\"\n          [maxYear]=\"maxYear()\"\n          [disable]=\"disable()\"\n          [minYear]=\"minYear()\"\n          [readonly]=\"readonly()\"\n          [isMultiple]=\"isMultiple() ? (isResponsive() ? true : false) : true\"\n          [reverseYear]=\"reverseYear()\"\n          [selectedDate]=\"selectedDateTime()?.from() || {}\"\n          [widthDropdown]=\"widthDropdown()\"\n          [widthByElement]=\"widthByElement()\"\n          [getItemYearDisplay]=\"getItemYearDisplay()\"\n          [listMaxItemShow]=\"listMaxItemShow()\"\n          [listKeysDisable]=\"listKeysDisable()?.from()\"\n          [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n          [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n          [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect()\"\n          (outSelectedData)=\"handlerChangeSelectedKey($event, 'from')\"\n          (outFunctionControl)=\"handlerFunctionControl($event, 'from')\"\n          (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n      }\n    </div>\n  </div>\n  @if (isMultiple()) {\n    <div\n      #childTo\n      [class.!w-[50%]]=\"widthByElement()\"\n      [class.!w-full]=\"!widthByElement() || isResponsive()\"\n      class=\"flex items-start\">\n      <div\n        class=\"mr-[8px] h-[32px] flex-shrink-0 flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() : undefined\">\n        @if (!ignoreFromAndToDateLabel()) {\n          <span\n            #labelTo\n            LibsUiComponentsDatetimeDropdownDirective\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelTo || '' }}\"\n            (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n            @let constHtmlTo = fromAndToDateLabel().to || ' ';\n            {{ constHtmlTo | translate }}\n          </span>\n        }\n        @if (ignoreFromAndToDateLabel()) {\n          <span\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r\">\n            -\n          </span>\n        }\n      </div>\n      <div\n        class=\"flex\"\n        [class.!w-full]=\"widthByElement()\">\n        @if (!changeType()) {\n          <libs_ui-components-datetime-dropdown-item\n            [class.w-full]=\"widthByElement()\"\n            [disableSecond]=\"disableSecond()\"\n            [typeDate]=\"typeFormat()\"\n            [zIndex]=\"zIndex()\"\n            [maxYear]=\"maxYear()\"\n            [disable]=\"disable()\"\n            [minYear]=\"minYear()\"\n            [readonly]=\"readonly()\"\n            [isMultiple]=\"isMultiple()\"\n            [reverseYear]=\"reverseYear()\"\n            [selectedDate]=\"selectedDateTime()?.to() || {}\"\n            [widthDropdown]=\"widthDropdown()\"\n            [widthByElement]=\"widthByElement()\"\n            [getItemYearDisplay]=\"getItemYearDisplay()\"\n            [listMaxItemShow]=\"listMaxItemShow()\"\n            [listKeysDisable]=\"listKeysDisable()?.to()\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect\"\n            [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n            (outSelectedData)=\"handlerChangeSelectedKey($event, 'to')\"\n            (outFunctionControl)=\"handlerFunctionControl($event, 'to')\"\n            (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isErrorCompareDate()) {\n  <div class=\"flex items-center mt-[4px]\">\n    <span class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\">\n      @let constHtmlMessage = validRequired()?.messageValidCompareTime || 'i18n_invalid_end_date_selected';\n      {{ constHtmlMessage | translate: validRequired()?.interpolateParamsCompareTime }}\n    </span>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { kind: "directive", type: LibsUiComponentsDatetimeDropdownDirective, selector: "[LibsUiComponentsDatetimeDropdownDirective]", outputs: ["outChangeWidth"] }, { kind: "component", type: LibsUiComponentsDatetimeDropdownItemComponent, selector: "libs_ui-components-datetime-dropdown-item", inputs: ["typeDate", "disableSecond", "selectedDate", "widthDropdown", "widthByElement", "getItemYearDisplay", "listHasButtonUnSelectOption", "readonly", "disable", "zIndex", "isMultiple", "classIncludeTextDisplayWhenNoSelect", "isCheckErrorWhenSelectItem", "maxYear", "minYear", "reverseYear", "listKeysDisable", "ignoreConvertYearSelected", "validRequired", "isEmitSelectedDropDown", "listMaxItemShow"], outputs: ["outSelectedData", "outFunctionControl", "outChangStageFlagMouse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-datetime-dropdown', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, LibsUiComponentsLabelComponent, LibsUiComponentsDatetimeDropdownDirective, LibsUiComponentsDatetimeDropdownItemComponent], template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [buttonsDescription]=\"labelConfig.buttonsDescription\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable || disable()\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\" />\n}\n<div\n  #parent\n  class=\"flex items-start\"\n  [class.!w-full]=\"widthByElement()\"\n  [class.!column]=\"isResponsive() && isMultiple()\">\n  <div\n    #childFrom\n    class=\"flex items-start\"\n    [class.w-[50%]]=\"widthByElement() && !isResponsive()\"\n    [class.!mb-[8px]]=\"isResponsive() && isMultiple()\"\n    [class.!mr-[8px]]=\"!isResponsive() && isMultiple()\"\n    [class.w-full]=\"(!isMultiple() && !widthByElement()) || isResponsive()\"\n    [style.width.px]=\"!widthByElement() && isMultiple() && !isResponsive() ? widthDropdown() * arrayFormat().length + 8 * arrayFormat().length + widthLabelFrom() : undefined\">\n    @if (isMultiple() && !ignoreFromAndToDateLabel() && fromAndToDateLabel().from) {\n      <div\n        class=\"mr-[8px] flex-shrink-0 h-[32px] flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() || undefined : undefined\">\n        <span\n          #labelFrom\n          LibsUiComponentsDatetimeDropdownDirective\n          [class.!opacity-[0.5]]=\"disable()\"\n          class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelFrom || '' }}\"\n          (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n          @let constHtmlFrom = fromAndToDateLabel().from || ' ';\n          {{ constHtmlFrom | translate }}\n        </span>\n      </div>\n    }\n    <div\n      class=\"flex\"\n      [class.!w-full]=\"widthByElement()\">\n      @if (!changeType()) {\n        <libs_ui-components-datetime-dropdown-item\n          [class.!w-full]=\"widthByElement()\"\n          [disableSecond]=\"disableSecond()\"\n          [typeDate]=\"typeFormat()\"\n          [zIndex]=\"zIndex()\"\n          [maxYear]=\"maxYear()\"\n          [disable]=\"disable()\"\n          [minYear]=\"minYear()\"\n          [readonly]=\"readonly()\"\n          [isMultiple]=\"isMultiple() ? (isResponsive() ? true : false) : true\"\n          [reverseYear]=\"reverseYear()\"\n          [selectedDate]=\"selectedDateTime()?.from() || {}\"\n          [widthDropdown]=\"widthDropdown()\"\n          [widthByElement]=\"widthByElement()\"\n          [getItemYearDisplay]=\"getItemYearDisplay()\"\n          [listMaxItemShow]=\"listMaxItemShow()\"\n          [listKeysDisable]=\"listKeysDisable()?.from()\"\n          [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n          [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n          [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect()\"\n          (outSelectedData)=\"handlerChangeSelectedKey($event, 'from')\"\n          (outFunctionControl)=\"handlerFunctionControl($event, 'from')\"\n          (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n      }\n    </div>\n  </div>\n  @if (isMultiple()) {\n    <div\n      #childTo\n      [class.!w-[50%]]=\"widthByElement()\"\n      [class.!w-full]=\"!widthByElement() || isResponsive()\"\n      class=\"flex items-start\">\n      <div\n        class=\"mr-[8px] h-[32px] flex-shrink-0 flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() : undefined\">\n        @if (!ignoreFromAndToDateLabel()) {\n          <span\n            #labelTo\n            LibsUiComponentsDatetimeDropdownDirective\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelTo || '' }}\"\n            (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n            @let constHtmlTo = fromAndToDateLabel().to || ' ';\n            {{ constHtmlTo | translate }}\n          </span>\n        }\n        @if (ignoreFromAndToDateLabel()) {\n          <span\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r\">\n            -\n          </span>\n        }\n      </div>\n      <div\n        class=\"flex\"\n        [class.!w-full]=\"widthByElement()\">\n        @if (!changeType()) {\n          <libs_ui-components-datetime-dropdown-item\n            [class.w-full]=\"widthByElement()\"\n            [disableSecond]=\"disableSecond()\"\n            [typeDate]=\"typeFormat()\"\n            [zIndex]=\"zIndex()\"\n            [maxYear]=\"maxYear()\"\n            [disable]=\"disable()\"\n            [minYear]=\"minYear()\"\n            [readonly]=\"readonly()\"\n            [isMultiple]=\"isMultiple()\"\n            [reverseYear]=\"reverseYear()\"\n            [selectedDate]=\"selectedDateTime()?.to() || {}\"\n            [widthDropdown]=\"widthDropdown()\"\n            [widthByElement]=\"widthByElement()\"\n            [getItemYearDisplay]=\"getItemYearDisplay()\"\n            [listMaxItemShow]=\"listMaxItemShow()\"\n            [listKeysDisable]=\"listKeysDisable()?.to()\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect\"\n            [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n            (outSelectedData)=\"handlerChangeSelectedKey($event, 'to')\"\n            (outFunctionControl)=\"handlerFunctionControl($event, 'to')\"\n            (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isErrorCompareDate()) {\n  <div class=\"flex items-center mt-[4px]\">\n    <span class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\">\n      @let constHtmlMessage = validRequired()?.messageValidCompareTime || 'i18n_invalid_end_date_selected';\n      {{ constHtmlMessage | translate: validRequired()?.interpolateParamsCompareTime }}\n    </span>\n  </div>\n}\n" }]
         }], ctorParameters: () => [] });

package/esm2022/item/child/child.component.mjs

@@ -114,10 +114,10 @@ export class LibsUiComponentsDatetimeDropdownItemChildComponent {
         }
         return `${this.widthDropdown()}px`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemChildComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeDropdownItemChildComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown-item-child", inputs: { typeDate: { classPropertyName: "typeDate", publicName: "typeDate", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, listData: { classPropertyName: "listData", publicName: "listData", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, listKeySelected: { classPropertyName: "listKeySelected", publicName: "listKeySelected", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outSelectedKey: "outSelectedKey", outFunctionControl: "outFunctionControl", outChangStageFlagMouse: "outChangStageFlagMouse" }, ngImport: i0, template: "@if (typeDate() && httpRequestDetailItemById()) {\n  <div [style.width]=\"usingWidth()\">\n    <libs_ui-components-dropdown\n      [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n      [readonly]=\"readonly()\"\n      [textDisplayWhenNoSelect]=\"textNoSelectDisplay()\"\n      [disable]=\"disable()\"\n      [showBorderError]=\"showBorderError()\"\n      [listMaxItemShow]=\"listMaxItemShow()\"\n      [listClickExactly]=\"false\"\n      [zIndex]=\"zIndex()\"\n      [labelPopoverConfig]=\"{ zIndex: zIndex() + 1 }\"\n      [listConfig]=\"listConfig()\"\n      [listKeysDisable]=\"listKeysDisable()\"\n      [convertItemSelected]=\"convertItemSelected\"\n      [onlyEmitDataWhenReset]=\"true\"\n      [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect()\"\n      [httpRequestDetailItemById]=\"httpRequestDetailItemById()\"\n      [listKeySelected]=\"listKeySelected()\"\n      (outSelectKey)=\"handlerChangeSelectedItem($event)\"\n      (outFunctionsControl)=\"handlerFunctionControl($event)\"\n      (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n  </div>\n}\n@if (isError()) {\n  <div class=\"flex items-center mt-[4px]\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      class=\"libs-ui-text-error libs-ui-font-h7r\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDropdownComponent, selector: "libs_ui-components-dropdown", inputs: ["useXssFilter", "popoverElementRefCustom", "classInclude", "ignoreStopPropagationEvent", "flagMouse", "flagMouseContent", "popoverCustomConfig", "isNgContent", "zIndex", "convertItemSelected", "getPopoverItemSelected", "httpRequestDetailItemById", "lengthKeys", "textDisplayWhenNoSelect", "textDisplayWhenMultiSelect", "classIncludeTextDisplayWhenNoSelect", "fieldLabel", "fieldGetLabel", "labelPopoverConfig", "labelPopoverFullWidth", "hasContentUnitRight", "listSearchNoDataTemplateRef", "fieldGetImage", "imageSize", "typeShape", "fieldGetIcon", "fieldGetTextAvatar", "fieldGetColorAvatar", "classAvatarInclude", "getLastTextAfterSpace", "linkImageError", "showError", "showBorderError", "disable", "readonly", "labelConfig", "disableLabel", "listSearchConfig", "isSearchOnline", "listHiddenInputSearch", "listSearchPadding", "listKeySearch", "listDividerClassInclude", "listConfig", "listButtonsOther", "listHasButtonUnSelectOption", "listClickExactly", "listBackgroundCustom", "listMaxItemShow", "listKeySelected", "listMultiKeySelected", "listKeysDisable", "listKeysHidden", "validRequired", "validMaxItemSelected", "changeValidUndefinedResetError", "allowSelectItemMultiple", "focusInputSearch", "onlyEmitDataWhenReset", "resetKeyWhenSelectAllKey", "listConfigHasDivider", "classIncludeIcon", "classIncludeContent", "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", "tabKeyActive", "tabsConfig", "ignoreBorderBottom"], outputs: ["flagMouseChange", "flagMouseContentChange", "lengthKeysChange", "showBorderErrorChange", "listKeySelectedChange", "listMultiKeySelectedChange", "tabKeyActiveChange", "outSelectKey", "outSelectMultiKey", "outFunctionsControl", "outValidEvent", "outChangStageFlagMouse", "outDataChange", "outClickButtonOther", "outShowList", "outChangeTabKeyActive"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemChildComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeDropdownItemChildComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown-item-child", inputs: { typeDate: { classPropertyName: "typeDate", publicName: "typeDate", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, listData: { classPropertyName: "listData", publicName: "listData", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, listKeySelected: { classPropertyName: "listKeySelected", publicName: "listKeySelected", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outSelectedKey: "outSelectedKey", outFunctionControl: "outFunctionControl", outChangStageFlagMouse: "outChangStageFlagMouse" }, ngImport: i0, template: "@if (typeDate() && httpRequestDetailItemById()) {\n  <div [style.width]=\"usingWidth()\">\n    <libs_ui-components-dropdown\n      [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n      [readonly]=\"readonly()\"\n      [textDisplayWhenNoSelect]=\"textNoSelectDisplay()\"\n      [disable]=\"disable()\"\n      [showBorderError]=\"showBorderError()\"\n      [listMaxItemShow]=\"listMaxItemShow()\"\n      [listClickExactly]=\"false\"\n      [zIndex]=\"zIndex()\"\n      [labelPopoverConfig]=\"{ zIndex: zIndex() + 1 }\"\n      [listConfig]=\"listConfig()\"\n      [listKeysDisable]=\"listKeysDisable()\"\n      [convertItemSelected]=\"convertItemSelected\"\n      [onlyEmitDataWhenReset]=\"true\"\n      [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect()\"\n      [httpRequestDetailItemById]=\"httpRequestDetailItemById()\"\n      [listKeySelected]=\"listKeySelected()\"\n      (outSelectKey)=\"handlerChangeSelectedItem($event)\"\n      (outFunctionsControl)=\"handlerFunctionControl($event)\"\n      (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n  </div>\n}\n@if (isError()) {\n  <div class=\"flex items-center mt-[4px]\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      class=\"libs-ui-text-error libs-ui-font-h7r\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDropdownComponent, selector: "libs_ui-components-dropdown", inputs: ["useXssFilter", "popoverElementRefCustom", "classInclude", "ignoreStopPropagationEvent", "flagMouse", "flagMouseContent", "popoverCustomConfig", "isNgContent", "zIndex", "convertItemSelected", "getPopoverItemSelected", "httpRequestDetailItemById", "lengthKeys", "textDisplayWhenNoSelect", "textDisplayWhenMultiSelect", "classIncludeTextDisplayWhenNoSelect", "fieldLabel", "fieldGetLabel", "labelPopoverConfig", "labelPopoverFullWidth", "hasContentUnitRight", "listSearchNoDataTemplateRef", "fieldGetImage", "imageSize", "typeShape", "fieldGetIcon", "fieldGetTextAvatar", "fieldGetColorAvatar", "classAvatarInclude", "getLastTextAfterSpace", "linkImageError", "showError", "showBorderError", "disable", "readonly", "labelConfig", "disableLabel", "listSearchConfig", "isSearchOnline", "listHiddenInputSearch", "listSearchPadding", "listKeySearch", "listDividerClassInclude", "listConfig", "listButtonsOther", "listHasButtonUnSelectOption", "listClickExactly", "listBackgroundCustom", "listMaxItemShow", "listKeySelected", "listMultiKeySelected", "listKeysDisable", "listKeysHidden", "validRequired", "validMaxItemSelected", "changeValidUndefinedResetError", "allowSelectItemMultiple", "focusInputSearch", "onlyEmitDataWhenReset", "resetKeyWhenSelectAllKey", "listConfigHasDivider", "classIncludeIcon", "classIncludeContent", "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", "tabKeyActive", "tabsConfig", "ignoreBorderBottom"], outputs: ["flagMouseChange", "flagMouseContentChange", "lengthKeysChange", "showBorderErrorChange", "listKeySelectedChange", "listMultiKeySelectedChange", "tabKeyActiveChange", "outSelectKey", "outSelectMultiKey", "outFunctionsControl", "outValidEvent", "outChangStageFlagMouse", "outDataChange", "outClickButtonOther", "outShowList", "outChangeTabKeyActive"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemChildComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemChildComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-datetime-dropdown-item-child', standalone: true, imports: [TranslateModule, LibsUiComponentsDropdownComponent], template: "@if (typeDate() && httpRequestDetailItemById()) {\n  <div [style.width]=\"usingWidth()\">\n    <libs_ui-components-dropdown\n      [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n      [readonly]=\"readonly()\"\n      [textDisplayWhenNoSelect]=\"textNoSelectDisplay()\"\n      [disable]=\"disable()\"\n      [showBorderError]=\"showBorderError()\"\n      [listMaxItemShow]=\"listMaxItemShow()\"\n      [listClickExactly]=\"false\"\n      [zIndex]=\"zIndex()\"\n      [labelPopoverConfig]=\"{ zIndex: zIndex() + 1 }\"\n      [listConfig]=\"listConfig()\"\n      [listKeysDisable]=\"listKeysDisable()\"\n      [convertItemSelected]=\"convertItemSelected\"\n      [onlyEmitDataWhenReset]=\"true\"\n      [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect()\"\n      [httpRequestDetailItemById]=\"httpRequestDetailItemById()\"\n      [listKeySelected]=\"listKeySelected()\"\n      (outSelectKey)=\"handlerChangeSelectedItem($event)\"\n      (outFunctionsControl)=\"handlerFunctionControl($event)\"\n      (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n  </div>\n}\n@if (isError()) {\n  <div class=\"flex items-center mt-[4px]\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      class=\"libs-ui-text-error libs-ui-font-h7r\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n" }]
         }], ctorParameters: () => [] });

package/esm2022/item/item.component.mjs

@@ -206,10 +206,10 @@ export class LibsUiComponentsDatetimeDropdownItemComponent {
     handlerChangFlagMouse(flagMouse) {
         this.outChangStageFlagMouse.emit(flagMouse);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeDropdownItemComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown-item", inputs: { typeDate: { classPropertyName: "typeDate", publicName: "typeDate", isSignal: true, isRequired: false, transformFunction: null }, disableSecond: { classPropertyName: "disableSecond", publicName: "disableSecond", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, isCheckErrorWhenSelectItem: { classPropertyName: "isCheckErrorWhenSelectItem", publicName: "isCheckErrorWhenSelectItem", isSignal: true, isRequired: false, transformFunction: null }, maxYear: { classPropertyName: "maxYear", publicName: "maxYear", isSignal: true, isRequired: false, transformFunction: null }, minYear: { classPropertyName: "minYear", publicName: "minYear", isSignal: true, isRequired: false, transformFunction: null }, reverseYear: { classPropertyName: "reverseYear", publicName: "reverseYear", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, isEmitSelectedDropDown: { classPropertyName: "isEmitSelectedDropDown", publicName: "isEmitSelectedDropDown", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outSelectedData: "outSelectedData", outFunctionControl: "outFunctionControl", outChangStageFlagMouse: "outChangStageFlagMouse" }, ngImport: i0, template: "<div class=\"\">\n  <div class=\"flex items-start\">\n    @if (typeListDate(); as typeListDate) {\n      @for (item of typeListDate; track item().id; let last = $last; let i = $index; let first = $first) {\n        <div\n          [style.width]=\"widthByElement() | LibsUiComponentsDatetimeDropdownBuildWidthPipe: widthDropdown() : first : isMultiple()\"\n          [class.mr-[8px]]=\"!last && typeListDate.length === 2\"\n          [style.minWidth.px]=\"widthDropdown()\">\n          <libs_ui-components-datetime-dropdown-item-child\n            [readonly]=\"readonly()\"\n            [typeDate]=\"item().id\"\n            [disable]=\"item().disable ?? disable()\"\n            [listKeySelected]=\"item().keySelected\"\n            [widthByElement]=\"widthByElement()\"\n            [first]=\"first\"\n            [widthDropdown]=\"widthDropdown()\"\n            [listKeysDisable]=\"listKeysDisable()?.[item().id]?.()\"\n            [listMaxItemShow]=\"listMaxItemShow()?.[item().id] ?? 6\"\n            [isError]=\"item().isError\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [zIndex]=\"zIndex()\"\n            [showBorderError]=\"item().showBorderError && !item().disable && !disable()\"\n            [listData]=\"item().id | LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe: { minYear: minYear(), maxYear: maxYear(), reverseYear: reverseYear() } : keyMonthResetDay()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect() ?? ''\"\n            (outSelectedKey)=\"handlerSelectedKey($event, item, i)\"\n            (outFunctionControl)=\"handlerFunctionControl($event, item)\"\n            (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n        </div>\n      }\n    }\n  </div>\n\n  @if (isError()) {\n    <div class=\"flex items-center mt-[4px]\">\n      @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n      <span\n        class=\"libs-ui-font-h7r libs-ui-text-error\"\n        [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDatetimeDropdownItemChildComponent, selector: "libs_ui-components-datetime-dropdown-item-child", inputs: ["typeDate", "getItemYearDisplay", "listHasButtonUnSelectOption", "readonly", "disable", "listData", "showBorderError", "listMaxItemShow", "zIndex", "classIncludeTextDisplayWhenNoSelect", "listKeySelected", "widthDropdown", "first", "isError", "widthByElement", "ignoreConvertYearSelected", "listKeysDisable", "validRequired"], outputs: ["outSelectedKey", "outFunctionControl", "outChangStageFlagMouse"] }, { kind: "pipe", type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, name: "LibsUiComponentsDatetimeDropdownBuildWidthPipe" }, { kind: "pipe", type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, name: "LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeDropdownItemComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown-item", inputs: { typeDate: { classPropertyName: "typeDate", publicName: "typeDate", isSignal: true, isRequired: false, transformFunction: null }, disableSecond: { classPropertyName: "disableSecond", publicName: "disableSecond", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, isCheckErrorWhenSelectItem: { classPropertyName: "isCheckErrorWhenSelectItem", publicName: "isCheckErrorWhenSelectItem", isSignal: true, isRequired: false, transformFunction: null }, maxYear: { classPropertyName: "maxYear", publicName: "maxYear", isSignal: true, isRequired: false, transformFunction: null }, minYear: { classPropertyName: "minYear", publicName: "minYear", isSignal: true, isRequired: false, transformFunction: null }, reverseYear: { classPropertyName: "reverseYear", publicName: "reverseYear", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, isEmitSelectedDropDown: { classPropertyName: "isEmitSelectedDropDown", publicName: "isEmitSelectedDropDown", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outSelectedData: "outSelectedData", outFunctionControl: "outFunctionControl", outChangStageFlagMouse: "outChangStageFlagMouse" }, ngImport: i0, template: "<div class=\"\">\n  <div class=\"flex items-start\">\n    @if (typeListDate(); as typeListDate) {\n      @for (item of typeListDate; track item().id; let last = $last; let i = $index; let first = $first) {\n        <div\n          [style.width]=\"widthByElement() | LibsUiComponentsDatetimeDropdownBuildWidthPipe: widthDropdown() : first : isMultiple()\"\n          [class.mr-[8px]]=\"!last && typeListDate.length === 2\"\n          [style.minWidth.px]=\"widthDropdown()\">\n          <libs_ui-components-datetime-dropdown-item-child\n            [readonly]=\"readonly()\"\n            [typeDate]=\"item().id\"\n            [disable]=\"item().disable ?? disable()\"\n            [listKeySelected]=\"item().keySelected\"\n            [widthByElement]=\"widthByElement()\"\n            [first]=\"first\"\n            [widthDropdown]=\"widthDropdown()\"\n            [listKeysDisable]=\"listKeysDisable()?.[item().id]?.()\"\n            [listMaxItemShow]=\"listMaxItemShow()?.[item().id] ?? 6\"\n            [isError]=\"item().isError\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [zIndex]=\"zIndex()\"\n            [showBorderError]=\"item().showBorderError && !item().disable && !disable()\"\n            [listData]=\"item().id | LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe: { minYear: minYear(), maxYear: maxYear(), reverseYear: reverseYear() } : keyMonthResetDay()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect() ?? ''\"\n            (outSelectedKey)=\"handlerSelectedKey($event, item, i)\"\n            (outFunctionControl)=\"handlerFunctionControl($event, item)\"\n            (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n        </div>\n      }\n    }\n  </div>\n\n  @if (isError()) {\n    <div class=\"flex items-center mt-[4px]\">\n      @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n      <span\n        class=\"libs-ui-font-h7r libs-ui-text-error\"\n        [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDatetimeDropdownItemChildComponent, selector: "libs_ui-components-datetime-dropdown-item-child", inputs: ["typeDate", "getItemYearDisplay", "listHasButtonUnSelectOption", "readonly", "disable", "listData", "showBorderError", "listMaxItemShow", "zIndex", "classIncludeTextDisplayWhenNoSelect", "listKeySelected", "widthDropdown", "first", "isError", "widthByElement", "ignoreConvertYearSelected", "listKeysDisable", "validRequired"], outputs: ["outSelectedKey", "outFunctionControl", "outChangStageFlagMouse"] }, { kind: "pipe", type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, name: "LibsUiComponentsDatetimeDropdownBuildWidthPipe" }, { kind: "pipe", type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, name: "LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-datetime-dropdown-item', standalone: true, imports: [TranslateModule, LibsUiComponentsDatetimeDropdownItemChildComponent, LibsUiComponentsDatetimeDropdownBuildWidthPipe, LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe], template: "<div class=\"\">\n  <div class=\"flex items-start\">\n    @if (typeListDate(); as typeListDate) {\n      @for (item of typeListDate; track item().id; let last = $last; let i = $index; let first = $first) {\n        <div\n          [style.width]=\"widthByElement() | LibsUiComponentsDatetimeDropdownBuildWidthPipe: widthDropdown() : first : isMultiple()\"\n          [class.mr-[8px]]=\"!last && typeListDate.length === 2\"\n          [style.minWidth.px]=\"widthDropdown()\">\n          <libs_ui-components-datetime-dropdown-item-child\n            [readonly]=\"readonly()\"\n            [typeDate]=\"item().id\"\n            [disable]=\"item().disable ?? disable()\"\n            [listKeySelected]=\"item().keySelected\"\n            [widthByElement]=\"widthByElement()\"\n            [first]=\"first\"\n            [widthDropdown]=\"widthDropdown()\"\n            [listKeysDisable]=\"listKeysDisable()?.[item().id]?.()\"\n            [listMaxItemShow]=\"listMaxItemShow()?.[item().id] ?? 6\"\n            [isError]=\"item().isError\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [zIndex]=\"zIndex()\"\n            [showBorderError]=\"item().showBorderError && !item().disable && !disable()\"\n            [listData]=\"item().id | LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe: { minYear: minYear(), maxYear: maxYear(), reverseYear: reverseYear() } : keyMonthResetDay()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect() ?? ''\"\n            (outSelectedKey)=\"handlerSelectedKey($event, item, i)\"\n            (outFunctionControl)=\"handlerFunctionControl($event, item)\"\n            (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n        </div>\n      }\n    }\n  </div>\n\n  @if (isError()) {\n    <div class=\"flex items-center mt-[4px]\">\n      @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n      <span\n        class=\"libs-ui-font-h7r libs-ui-text-error\"\n        [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [] });

package/esm2022/pipes/build-list-by-date-type-.pipe.mjs

@@ -6,10 +6,10 @@ export class LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe {
     transform(type, dataYear, keyMonth) {
         return buildListDataByTypeDate(type, dataYear, keyMonth);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, isStandalone: true, name: "LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, isStandalone: true, name: "LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe',

package/esm2022/pipes/build-width.pipe.mjs

@@ -10,10 +10,10 @@ export class LibsUiComponentsDatetimeDropdownBuildWidthPipe {
         }
         return `${widthDropdown}px`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, isStandalone: true, name: "LibsUiComponentsDatetimeDropdownBuildWidthPipe" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, isStandalone: true, name: "LibsUiComponentsDatetimeDropdownBuildWidthPipe" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'LibsUiComponentsDatetimeDropdownBuildWidthPipe',

package/fesm2022/libs-ui-components-datetime-dropdown.mjs

@@ -271,10 +271,10 @@ class LibsUiComponentsDatetimeDropdownDirective {
             this.resizeObserver()?.disconnect();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeDropdownDirective, isStandalone: true, selector: "[LibsUiComponentsDatetimeDropdownDirective]", outputs: { outChangeWidth: "outChangeWidth" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeDropdownDirective, isStandalone: true, selector: "[LibsUiComponentsDatetimeDropdownDirective]", outputs: { outChangeWidth: "outChangeWidth" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -288,10 +288,10 @@ class LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe {
     transform(type, dataYear, keyMonth) {
         return buildListDataByTypeDate(type, dataYear, keyMonth);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, isStandalone: true, name: "LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, isStandalone: true, name: "LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe',
@@ -309,10 +309,10 @@ class LibsUiComponentsDatetimeDropdownBuildWidthPipe {
         }
         return `${widthDropdown}px`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, isStandalone: true, name: "LibsUiComponentsDatetimeDropdownBuildWidthPipe" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, isStandalone: true, name: "LibsUiComponentsDatetimeDropdownBuildWidthPipe" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'LibsUiComponentsDatetimeDropdownBuildWidthPipe',
@@ -430,10 +430,10 @@ class LibsUiComponentsDatetimeDropdownItemChildComponent {
         }
         return `${this.widthDropdown()}px`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemChildComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeDropdownItemChildComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown-item-child", inputs: { typeDate: { classPropertyName: "typeDate", publicName: "typeDate", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, listData: { classPropertyName: "listData", publicName: "listData", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, listKeySelected: { classPropertyName: "listKeySelected", publicName: "listKeySelected", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outSelectedKey: "outSelectedKey", outFunctionControl: "outFunctionControl", outChangStageFlagMouse: "outChangStageFlagMouse" }, ngImport: i0, template: "@if (typeDate() && httpRequestDetailItemById()) {\n  <div [style.width]=\"usingWidth()\">\n    <libs_ui-components-dropdown\n      [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n      [readonly]=\"readonly()\"\n      [textDisplayWhenNoSelect]=\"textNoSelectDisplay()\"\n      [disable]=\"disable()\"\n      [showBorderError]=\"showBorderError()\"\n      [listMaxItemShow]=\"listMaxItemShow()\"\n      [listClickExactly]=\"false\"\n      [zIndex]=\"zIndex()\"\n      [labelPopoverConfig]=\"{ zIndex: zIndex() + 1 }\"\n      [listConfig]=\"listConfig()\"\n      [listKeysDisable]=\"listKeysDisable()\"\n      [convertItemSelected]=\"convertItemSelected\"\n      [onlyEmitDataWhenReset]=\"true\"\n      [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect()\"\n      [httpRequestDetailItemById]=\"httpRequestDetailItemById()\"\n      [listKeySelected]=\"listKeySelected()\"\n      (outSelectKey)=\"handlerChangeSelectedItem($event)\"\n      (outFunctionsControl)=\"handlerFunctionControl($event)\"\n      (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n  </div>\n}\n@if (isError()) {\n  <div class=\"flex items-center mt-[4px]\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      class=\"libs-ui-text-error libs-ui-font-h7r\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDropdownComponent, selector: "libs_ui-components-dropdown", inputs: ["useXssFilter", "popoverElementRefCustom", "classInclude", "ignoreStopPropagationEvent", "flagMouse", "flagMouseContent", "popoverCustomConfig", "isNgContent", "zIndex", "convertItemSelected", "getPopoverItemSelected", "httpRequestDetailItemById", "lengthKeys", "textDisplayWhenNoSelect", "textDisplayWhenMultiSelect", "classIncludeTextDisplayWhenNoSelect", "fieldLabel", "fieldGetLabel", "labelPopoverConfig", "labelPopoverFullWidth", "hasContentUnitRight", "listSearchNoDataTemplateRef", "fieldGetImage", "imageSize", "typeShape", "fieldGetIcon", "fieldGetTextAvatar", "fieldGetColorAvatar", "classAvatarInclude", "getLastTextAfterSpace", "linkImageError", "showError", "showBorderError", "disable", "readonly", "labelConfig", "disableLabel", "listSearchConfig", "isSearchOnline", "listHiddenInputSearch", "listSearchPadding", "listKeySearch", "listDividerClassInclude", "listConfig", "listButtonsOther", "listHasButtonUnSelectOption", "listClickExactly", "listBackgroundCustom", "listMaxItemShow", "listKeySelected", "listMultiKeySelected", "listKeysDisable", "listKeysHidden", "validRequired", "validMaxItemSelected", "changeValidUndefinedResetError", "allowSelectItemMultiple", "focusInputSearch", "onlyEmitDataWhenReset", "resetKeyWhenSelectAllKey", "listConfigHasDivider", "classIncludeIcon", "classIncludeContent", "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", "tabKeyActive", "tabsConfig", "ignoreBorderBottom"], outputs: ["flagMouseChange", "flagMouseContentChange", "lengthKeysChange", "showBorderErrorChange", "listKeySelectedChange", "listMultiKeySelectedChange", "tabKeyActiveChange", "outSelectKey", "outSelectMultiKey", "outFunctionsControl", "outValidEvent", "outChangStageFlagMouse", "outDataChange", "outClickButtonOther", "outShowList", "outChangeTabKeyActive"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemChildComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeDropdownItemChildComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown-item-child", inputs: { typeDate: { classPropertyName: "typeDate", publicName: "typeDate", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, listData: { classPropertyName: "listData", publicName: "listData", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, listKeySelected: { classPropertyName: "listKeySelected", publicName: "listKeySelected", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outSelectedKey: "outSelectedKey", outFunctionControl: "outFunctionControl", outChangStageFlagMouse: "outChangStageFlagMouse" }, ngImport: i0, template: "@if (typeDate() && httpRequestDetailItemById()) {\n  <div [style.width]=\"usingWidth()\">\n    <libs_ui-components-dropdown\n      [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n      [readonly]=\"readonly()\"\n      [textDisplayWhenNoSelect]=\"textNoSelectDisplay()\"\n      [disable]=\"disable()\"\n      [showBorderError]=\"showBorderError()\"\n      [listMaxItemShow]=\"listMaxItemShow()\"\n      [listClickExactly]=\"false\"\n      [zIndex]=\"zIndex()\"\n      [labelPopoverConfig]=\"{ zIndex: zIndex() + 1 }\"\n      [listConfig]=\"listConfig()\"\n      [listKeysDisable]=\"listKeysDisable()\"\n      [convertItemSelected]=\"convertItemSelected\"\n      [onlyEmitDataWhenReset]=\"true\"\n      [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect()\"\n      [httpRequestDetailItemById]=\"httpRequestDetailItemById()\"\n      [listKeySelected]=\"listKeySelected()\"\n      (outSelectKey)=\"handlerChangeSelectedItem($event)\"\n      (outFunctionsControl)=\"handlerFunctionControl($event)\"\n      (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n  </div>\n}\n@if (isError()) {\n  <div class=\"flex items-center mt-[4px]\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      class=\"libs-ui-text-error libs-ui-font-h7r\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDropdownComponent, selector: "libs_ui-components-dropdown", inputs: ["useXssFilter", "popoverElementRefCustom", "classInclude", "ignoreStopPropagationEvent", "flagMouse", "flagMouseContent", "popoverCustomConfig", "isNgContent", "zIndex", "convertItemSelected", "getPopoverItemSelected", "httpRequestDetailItemById", "lengthKeys", "textDisplayWhenNoSelect", "textDisplayWhenMultiSelect", "classIncludeTextDisplayWhenNoSelect", "fieldLabel", "fieldGetLabel", "labelPopoverConfig", "labelPopoverFullWidth", "hasContentUnitRight", "listSearchNoDataTemplateRef", "fieldGetImage", "imageSize", "typeShape", "fieldGetIcon", "fieldGetTextAvatar", "fieldGetColorAvatar", "classAvatarInclude", "getLastTextAfterSpace", "linkImageError", "showError", "showBorderError", "disable", "readonly", "labelConfig", "disableLabel", "listSearchConfig", "isSearchOnline", "listHiddenInputSearch", "listSearchPadding", "listKeySearch", "listDividerClassInclude", "listConfig", "listButtonsOther", "listHasButtonUnSelectOption", "listClickExactly", "listBackgroundCustom", "listMaxItemShow", "listKeySelected", "listMultiKeySelected", "listKeysDisable", "listKeysHidden", "validRequired", "validMaxItemSelected", "changeValidUndefinedResetError", "allowSelectItemMultiple", "focusInputSearch", "onlyEmitDataWhenReset", "resetKeyWhenSelectAllKey", "listConfigHasDivider", "classIncludeIcon", "classIncludeContent", "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", "tabKeyActive", "tabsConfig", "ignoreBorderBottom"], outputs: ["flagMouseChange", "flagMouseContentChange", "lengthKeysChange", "showBorderErrorChange", "listKeySelectedChange", "listMultiKeySelectedChange", "tabKeyActiveChange", "outSelectKey", "outSelectMultiKey", "outFunctionsControl", "outValidEvent", "outChangStageFlagMouse", "outDataChange", "outClickButtonOther", "outShowList", "outChangeTabKeyActive"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemChildComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemChildComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-datetime-dropdown-item-child', standalone: true, imports: [TranslateModule, LibsUiComponentsDropdownComponent], template: "@if (typeDate() && httpRequestDetailItemById()) {\n  <div [style.width]=\"usingWidth()\">\n    <libs_ui-components-dropdown\n      [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n      [readonly]=\"readonly()\"\n      [textDisplayWhenNoSelect]=\"textNoSelectDisplay()\"\n      [disable]=\"disable()\"\n      [showBorderError]=\"showBorderError()\"\n      [listMaxItemShow]=\"listMaxItemShow()\"\n      [listClickExactly]=\"false\"\n      [zIndex]=\"zIndex()\"\n      [labelPopoverConfig]=\"{ zIndex: zIndex() + 1 }\"\n      [listConfig]=\"listConfig()\"\n      [listKeysDisable]=\"listKeysDisable()\"\n      [convertItemSelected]=\"convertItemSelected\"\n      [onlyEmitDataWhenReset]=\"true\"\n      [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect()\"\n      [httpRequestDetailItemById]=\"httpRequestDetailItemById()\"\n      [listKeySelected]=\"listKeySelected()\"\n      (outSelectKey)=\"handlerChangeSelectedItem($event)\"\n      (outFunctionsControl)=\"handlerFunctionControl($event)\"\n      (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n  </div>\n}\n@if (isError()) {\n  <div class=\"flex items-center mt-[4px]\">\n    @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n    <span\n      class=\"libs-ui-text-error libs-ui-font-h7r\"\n      [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n  </div>\n}\n" }]
         }], ctorParameters: () => [] });
@@ -639,10 +639,10 @@ class LibsUiComponentsDatetimeDropdownItemComponent {
     handlerChangFlagMouse(flagMouse) {
         this.outChangStageFlagMouse.emit(flagMouse);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeDropdownItemComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown-item", inputs: { typeDate: { classPropertyName: "typeDate", publicName: "typeDate", isSignal: true, isRequired: false, transformFunction: null }, disableSecond: { classPropertyName: "disableSecond", publicName: "disableSecond", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, isCheckErrorWhenSelectItem: { classPropertyName: "isCheckErrorWhenSelectItem", publicName: "isCheckErrorWhenSelectItem", isSignal: true, isRequired: false, transformFunction: null }, maxYear: { classPropertyName: "maxYear", publicName: "maxYear", isSignal: true, isRequired: false, transformFunction: null }, minYear: { classPropertyName: "minYear", publicName: "minYear", isSignal: true, isRequired: false, transformFunction: null }, reverseYear: { classPropertyName: "reverseYear", publicName: "reverseYear", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, isEmitSelectedDropDown: { classPropertyName: "isEmitSelectedDropDown", publicName: "isEmitSelectedDropDown", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outSelectedData: "outSelectedData", outFunctionControl: "outFunctionControl", outChangStageFlagMouse: "outChangStageFlagMouse" }, ngImport: i0, template: "<div class=\"\">\n  <div class=\"flex items-start\">\n    @if (typeListDate(); as typeListDate) {\n      @for (item of typeListDate; track item().id; let last = $last; let i = $index; let first = $first) {\n        <div\n          [style.width]=\"widthByElement() | LibsUiComponentsDatetimeDropdownBuildWidthPipe: widthDropdown() : first : isMultiple()\"\n          [class.mr-[8px]]=\"!last && typeListDate.length === 2\"\n          [style.minWidth.px]=\"widthDropdown()\">\n          <libs_ui-components-datetime-dropdown-item-child\n            [readonly]=\"readonly()\"\n            [typeDate]=\"item().id\"\n            [disable]=\"item().disable ?? disable()\"\n            [listKeySelected]=\"item().keySelected\"\n            [widthByElement]=\"widthByElement()\"\n            [first]=\"first\"\n            [widthDropdown]=\"widthDropdown()\"\n            [listKeysDisable]=\"listKeysDisable()?.[item().id]?.()\"\n            [listMaxItemShow]=\"listMaxItemShow()?.[item().id] ?? 6\"\n            [isError]=\"item().isError\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [zIndex]=\"zIndex()\"\n            [showBorderError]=\"item().showBorderError && !item().disable && !disable()\"\n            [listData]=\"item().id | LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe: { minYear: minYear(), maxYear: maxYear(), reverseYear: reverseYear() } : keyMonthResetDay()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect() ?? ''\"\n            (outSelectedKey)=\"handlerSelectedKey($event, item, i)\"\n            (outFunctionControl)=\"handlerFunctionControl($event, item)\"\n            (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n        </div>\n      }\n    }\n  </div>\n\n  @if (isError()) {\n    <div class=\"flex items-center mt-[4px]\">\n      @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n      <span\n        class=\"libs-ui-font-h7r libs-ui-text-error\"\n        [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDatetimeDropdownItemChildComponent, selector: "libs_ui-components-datetime-dropdown-item-child", inputs: ["typeDate", "getItemYearDisplay", "listHasButtonUnSelectOption", "readonly", "disable", "listData", "showBorderError", "listMaxItemShow", "zIndex", "classIncludeTextDisplayWhenNoSelect", "listKeySelected", "widthDropdown", "first", "isError", "widthByElement", "ignoreConvertYearSelected", "listKeysDisable", "validRequired"], outputs: ["outSelectedKey", "outFunctionControl", "outChangStageFlagMouse"] }, { kind: "pipe", type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, name: "LibsUiComponentsDatetimeDropdownBuildWidthPipe" }, { kind: "pipe", type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, name: "LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeDropdownItemComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown-item", inputs: { typeDate: { classPropertyName: "typeDate", publicName: "typeDate", isSignal: true, isRequired: false, transformFunction: null }, disableSecond: { classPropertyName: "disableSecond", publicName: "disableSecond", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, isCheckErrorWhenSelectItem: { classPropertyName: "isCheckErrorWhenSelectItem", publicName: "isCheckErrorWhenSelectItem", isSignal: true, isRequired: false, transformFunction: null }, maxYear: { classPropertyName: "maxYear", publicName: "maxYear", isSignal: true, isRequired: false, transformFunction: null }, minYear: { classPropertyName: "minYear", publicName: "minYear", isSignal: true, isRequired: false, transformFunction: null }, reverseYear: { classPropertyName: "reverseYear", publicName: "reverseYear", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, isEmitSelectedDropDown: { classPropertyName: "isEmitSelectedDropDown", publicName: "isEmitSelectedDropDown", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outSelectedData: "outSelectedData", outFunctionControl: "outFunctionControl", outChangStageFlagMouse: "outChangStageFlagMouse" }, ngImport: i0, template: "<div class=\"\">\n  <div class=\"flex items-start\">\n    @if (typeListDate(); as typeListDate) {\n      @for (item of typeListDate; track item().id; let last = $last; let i = $index; let first = $first) {\n        <div\n          [style.width]=\"widthByElement() | LibsUiComponentsDatetimeDropdownBuildWidthPipe: widthDropdown() : first : isMultiple()\"\n          [class.mr-[8px]]=\"!last && typeListDate.length === 2\"\n          [style.minWidth.px]=\"widthDropdown()\">\n          <libs_ui-components-datetime-dropdown-item-child\n            [readonly]=\"readonly()\"\n            [typeDate]=\"item().id\"\n            [disable]=\"item().disable ?? disable()\"\n            [listKeySelected]=\"item().keySelected\"\n            [widthByElement]=\"widthByElement()\"\n            [first]=\"first\"\n            [widthDropdown]=\"widthDropdown()\"\n            [listKeysDisable]=\"listKeysDisable()?.[item().id]?.()\"\n            [listMaxItemShow]=\"listMaxItemShow()?.[item().id] ?? 6\"\n            [isError]=\"item().isError\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [zIndex]=\"zIndex()\"\n            [showBorderError]=\"item().showBorderError && !item().disable && !disable()\"\n            [listData]=\"item().id | LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe: { minYear: minYear(), maxYear: maxYear(), reverseYear: reverseYear() } : keyMonthResetDay()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect() ?? ''\"\n            (outSelectedKey)=\"handlerSelectedKey($event, item, i)\"\n            (outFunctionControl)=\"handlerFunctionControl($event, item)\"\n            (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n        </div>\n      }\n    }\n  </div>\n\n  @if (isError()) {\n    <div class=\"flex items-center mt-[4px]\">\n      @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n      <span\n        class=\"libs-ui-font-h7r libs-ui-text-error\"\n        [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: LibsUiComponentsDatetimeDropdownItemChildComponent, selector: "libs_ui-components-datetime-dropdown-item-child", inputs: ["typeDate", "getItemYearDisplay", "listHasButtonUnSelectOption", "readonly", "disable", "listData", "showBorderError", "listMaxItemShow", "zIndex", "classIncludeTextDisplayWhenNoSelect", "listKeySelected", "widthDropdown", "first", "isError", "widthByElement", "ignoreConvertYearSelected", "listKeysDisable", "validRequired"], outputs: ["outSelectedKey", "outFunctionControl", "outChangStageFlagMouse"] }, { kind: "pipe", type: LibsUiComponentsDatetimeDropdownBuildWidthPipe, name: "LibsUiComponentsDatetimeDropdownBuildWidthPipe" }, { kind: "pipe", type: LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe, name: "LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-datetime-dropdown-item', standalone: true, imports: [TranslateModule, LibsUiComponentsDatetimeDropdownItemChildComponent, LibsUiComponentsDatetimeDropdownBuildWidthPipe, LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe], template: "<div class=\"\">\n  <div class=\"flex items-start\">\n    @if (typeListDate(); as typeListDate) {\n      @for (item of typeListDate; track item().id; let last = $last; let i = $index; let first = $first) {\n        <div\n          [style.width]=\"widthByElement() | LibsUiComponentsDatetimeDropdownBuildWidthPipe: widthDropdown() : first : isMultiple()\"\n          [class.mr-[8px]]=\"!last && typeListDate.length === 2\"\n          [style.minWidth.px]=\"widthDropdown()\">\n          <libs_ui-components-datetime-dropdown-item-child\n            [readonly]=\"readonly()\"\n            [typeDate]=\"item().id\"\n            [disable]=\"item().disable ?? disable()\"\n            [listKeySelected]=\"item().keySelected\"\n            [widthByElement]=\"widthByElement()\"\n            [first]=\"first\"\n            [widthDropdown]=\"widthDropdown()\"\n            [listKeysDisable]=\"listKeysDisable()?.[item().id]?.()\"\n            [listMaxItemShow]=\"listMaxItemShow()?.[item().id] ?? 6\"\n            [isError]=\"item().isError\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [zIndex]=\"zIndex()\"\n            [showBorderError]=\"item().showBorderError && !item().disable && !disable()\"\n            [listData]=\"item().id | LibsUiComponentsDatetimeDropdownBuildListByDateTypePipe: { minYear: minYear(), maxYear: maxYear(), reverseYear: reverseYear() } : keyMonthResetDay()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"classIncludeTextDisplayWhenNoSelect() ?? ''\"\n            (outSelectedKey)=\"handlerSelectedKey($event, item, i)\"\n            (outFunctionControl)=\"handlerFunctionControl($event, item)\"\n            (outChangStageFlagMouse)=\"handlerChangFlagMouse($event)\" />\n        </div>\n      }\n    }\n  </div>\n\n  @if (isError()) {\n    <div class=\"flex items-center mt-[4px]\">\n      @let constHtmlMessage = validRequired()?.message || 'i18n_valid_empty_message';\n      <span\n        class=\"libs-ui-font-h7r libs-ui-text-error\"\n        [innerHtml]=\"constHtmlMessage | translate: validRequired()?.interpolateParams\"></span>\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [] });
@@ -910,10 +910,10 @@ class LibsUiComponentsDatetimeDropdownComponent {
     handlerChangStageFlagMouse(flagMouse) {
         this.outChangStageFlagMouse.emit(flagMouse);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDatetimeDropdownComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown", inputs: { labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, maxYear: { classPropertyName: "maxYear", publicName: "maxYear", isSignal: true, isRequired: false, transformFunction: null }, minYear: { classPropertyName: "minYear", publicName: "minYear", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, reverseYear: { classPropertyName: "reverseYear", publicName: "reverseYear", isSignal: true, isRequired: false, transformFunction: null }, isBorderError: { classPropertyName: "isBorderError", publicName: "isBorderError", isSignal: true, isRequired: false, transformFunction: null }, ignoreWidth100: { classPropertyName: "ignoreWidth100", publicName: "ignoreWidth100", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, disableSecond: { classPropertyName: "disableSecond", publicName: "disableSecond", isSignal: true, isRequired: false, transformFunction: null }, typeFormat: { classPropertyName: "typeFormat", publicName: "typeFormat", isSignal: true, isRequired: false, transformFunction: null }, fromAndToDateLabel: { classPropertyName: "fromAndToDateLabel", publicName: "fromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, selectedDateTime: { classPropertyName: "selectedDateTime", publicName: "selectedDateTime", isSignal: true, isRequired: false, transformFunction: null }, isEmitAfterChanged: { classPropertyName: "isEmitAfterChanged", publicName: "isEmitAfterChanged", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, ignoreFromAndToDateLabel: { classPropertyName: "ignoreFromAndToDateLabel", publicName: "ignoreFromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, hiddenDate: { classPropertyName: "hiddenDate", publicName: "hiddenDate", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, ignoreAllowTimeEqual: { classPropertyName: "ignoreAllowTimeEqual", publicName: "ignoreAllowTimeEqual", isSignal: true, isRequired: false, transformFunction: null }, ignoreValidTimeCompare: { classPropertyName: "ignoreValidTimeCompare", publicName: "ignoreValidTimeCompare", isSignal: true, isRequired: false, transformFunction: null }, isCheckErrorWhenSelectItem: { classPropertyName: "isCheckErrorWhenSelectItem", publicName: "isCheckErrorWhenSelectItem", isSignal: true, isRequired: false, transformFunction: null }, ignoreRequiredValueSecondWhenNotValidRequired: { classPropertyName: "ignoreRequiredValueSecondWhenNotValidRequired", publicName: "ignoreRequiredValueSecondWhenNotValidRequired", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outFunctionsControl: "outFunctionsControl", outSelectedDropdown: "outSelectedDropdown", outChooseMultiDate: "outChooseMultiDate", outChooseSingleDate: "outChooseSingleDate", outChangStageFlagMouse: "outChangStageFlagMouse" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "labelFromRef", first: true, predicate: ["labelFrom"], descendants: true, isSignal: true }, { propertyName: "labelToRef", first: true, predicate: ["labelTo"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [buttonsDescription]=\"labelConfig.buttonsDescription\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable || disable()\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\" />\n}\n<div\n  #parent\n  class=\"flex items-start\"\n  [class.!w-full]=\"widthByElement()\"\n  [class.!column]=\"isResponsive() && isMultiple()\">\n  <div\n    #childFrom\n    class=\"flex items-start\"\n    [class.w-[50%]]=\"widthByElement() && !isResponsive()\"\n    [class.!mb-[8px]]=\"isResponsive() && isMultiple()\"\n    [class.!mr-[8px]]=\"!isResponsive() && isMultiple()\"\n    [class.w-full]=\"(!isMultiple() && !widthByElement()) || isResponsive()\"\n    [style.width.px]=\"!widthByElement() && isMultiple() && !isResponsive() ? widthDropdown() * arrayFormat().length + 8 * arrayFormat().length + widthLabelFrom() : undefined\">\n    @if (isMultiple() && !ignoreFromAndToDateLabel() && fromAndToDateLabel().from) {\n      <div\n        class=\"mr-[8px] flex-shrink-0 h-[32px] flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() || undefined : undefined\">\n        <span\n          #labelFrom\n          LibsUiComponentsDatetimeDropdownDirective\n          [class.!opacity-[0.5]]=\"disable()\"\n          class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelFrom || '' }}\"\n          (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n          @let constHtmlFrom = fromAndToDateLabel().from || ' ';\n          {{ constHtmlFrom | translate }}\n        </span>\n      </div>\n    }\n    <div\n      class=\"flex\"\n      [class.!w-full]=\"widthByElement()\">\n      @if (!changeType()) {\n        <libs_ui-components-datetime-dropdown-item\n          [class.!w-full]=\"widthByElement()\"\n          [disableSecond]=\"disableSecond()\"\n          [typeDate]=\"typeFormat()\"\n          [zIndex]=\"zIndex()\"\n          [maxYear]=\"maxYear()\"\n          [disable]=\"disable()\"\n          [minYear]=\"minYear()\"\n          [readonly]=\"readonly()\"\n          [isMultiple]=\"isMultiple() ? (isResponsive() ? true : false) : true\"\n          [reverseYear]=\"reverseYear()\"\n          [selectedDate]=\"selectedDateTime()?.from() || {}\"\n          [widthDropdown]=\"widthDropdown()\"\n          [widthByElement]=\"widthByElement()\"\n          [getItemYearDisplay]=\"getItemYearDisplay()\"\n          [listMaxItemShow]=\"listMaxItemShow()\"\n          [listKeysDisable]=\"listKeysDisable()?.from()\"\n          [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n          [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n          [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect()\"\n          (outSelectedData)=\"handlerChangeSelectedKey($event, 'from')\"\n          (outFunctionControl)=\"handlerFunctionControl($event, 'from')\"\n          (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n      }\n    </div>\n  </div>\n  @if (isMultiple()) {\n    <div\n      #childTo\n      [class.!w-[50%]]=\"widthByElement()\"\n      [class.!w-full]=\"!widthByElement() || isResponsive()\"\n      class=\"flex items-start\">\n      <div\n        class=\"mr-[8px] h-[32px] flex-shrink-0 flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() : undefined\">\n        @if (!ignoreFromAndToDateLabel()) {\n          <span\n            #labelTo\n            LibsUiComponentsDatetimeDropdownDirective\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelTo || '' }}\"\n            (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n            @let constHtmlTo = fromAndToDateLabel().to || ' ';\n            {{ constHtmlTo | translate }}\n          </span>\n        }\n        @if (ignoreFromAndToDateLabel()) {\n          <span\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r\">\n            -\n          </span>\n        }\n      </div>\n      <div\n        class=\"flex\"\n        [class.!w-full]=\"widthByElement()\">\n        @if (!changeType()) {\n          <libs_ui-components-datetime-dropdown-item\n            [class.w-full]=\"widthByElement()\"\n            [disableSecond]=\"disableSecond()\"\n            [typeDate]=\"typeFormat()\"\n            [zIndex]=\"zIndex()\"\n            [maxYear]=\"maxYear()\"\n            [disable]=\"disable()\"\n            [minYear]=\"minYear()\"\n            [readonly]=\"readonly()\"\n            [isMultiple]=\"isMultiple()\"\n            [reverseYear]=\"reverseYear()\"\n            [selectedDate]=\"selectedDateTime()?.to() || {}\"\n            [widthDropdown]=\"widthDropdown()\"\n            [widthByElement]=\"widthByElement()\"\n            [getItemYearDisplay]=\"getItemYearDisplay()\"\n            [listMaxItemShow]=\"listMaxItemShow()\"\n            [listKeysDisable]=\"listKeysDisable()?.to()\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect\"\n            [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n            (outSelectedData)=\"handlerChangeSelectedKey($event, 'to')\"\n            (outFunctionControl)=\"handlerFunctionControl($event, 'to')\"\n            (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isErrorCompareDate()) {\n  <div class=\"flex items-center mt-[4px]\">\n    <span class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\">\n      @let constHtmlMessage = validRequired()?.messageValidCompareTime || 'i18n_invalid_end_date_selected';\n      {{ constHtmlMessage | translate: validRequired()?.interpolateParamsCompareTime }}\n    </span>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { kind: "directive", type: LibsUiComponentsDatetimeDropdownDirective, selector: "[LibsUiComponentsDatetimeDropdownDirective]", outputs: ["outChangeWidth"] }, { kind: "component", type: LibsUiComponentsDatetimeDropdownItemComponent, selector: "libs_ui-components-datetime-dropdown-item", inputs: ["typeDate", "disableSecond", "selectedDate", "widthDropdown", "widthByElement", "getItemYearDisplay", "listHasButtonUnSelectOption", "readonly", "disable", "zIndex", "isMultiple", "classIncludeTextDisplayWhenNoSelect", "isCheckErrorWhenSelectItem", "maxYear", "minYear", "reverseYear", "listKeysDisable", "ignoreConvertYearSelected", "validRequired", "isEmitSelectedDropDown", "listMaxItemShow"], outputs: ["outSelectedData", "outFunctionControl", "outChangStageFlagMouse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsDatetimeDropdownComponent, isStandalone: true, selector: "libs_ui-components-datetime-dropdown", inputs: { labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, widthDropdown: { classPropertyName: "widthDropdown", publicName: "widthDropdown", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, maxYear: { classPropertyName: "maxYear", publicName: "maxYear", isSignal: true, isRequired: false, transformFunction: null }, minYear: { classPropertyName: "minYear", publicName: "minYear", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, reverseYear: { classPropertyName: "reverseYear", publicName: "reverseYear", isSignal: true, isRequired: false, transformFunction: null }, isBorderError: { classPropertyName: "isBorderError", publicName: "isBorderError", isSignal: true, isRequired: false, transformFunction: null }, ignoreWidth100: { classPropertyName: "ignoreWidth100", publicName: "ignoreWidth100", isSignal: true, isRequired: false, transformFunction: null }, widthByElement: { classPropertyName: "widthByElement", publicName: "widthByElement", isSignal: true, isRequired: false, transformFunction: null }, disableSecond: { classPropertyName: "disableSecond", publicName: "disableSecond", isSignal: true, isRequired: false, transformFunction: null }, typeFormat: { classPropertyName: "typeFormat", publicName: "typeFormat", isSignal: true, isRequired: false, transformFunction: null }, fromAndToDateLabel: { classPropertyName: "fromAndToDateLabel", publicName: "fromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, selectedDateTime: { classPropertyName: "selectedDateTime", publicName: "selectedDateTime", isSignal: true, isRequired: false, transformFunction: null }, isEmitAfterChanged: { classPropertyName: "isEmitAfterChanged", publicName: "isEmitAfterChanged", isSignal: true, isRequired: false, transformFunction: null }, getItemYearDisplay: { classPropertyName: "getItemYearDisplay", publicName: "getItemYearDisplay", isSignal: true, isRequired: false, transformFunction: null }, ignoreFromAndToDateLabel: { classPropertyName: "ignoreFromAndToDateLabel", publicName: "ignoreFromAndToDateLabel", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, hiddenDate: { classPropertyName: "hiddenDate", publicName: "hiddenDate", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, ignoreConvertYearSelected: { classPropertyName: "ignoreConvertYearSelected", publicName: "ignoreConvertYearSelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, ignoreAllowTimeEqual: { classPropertyName: "ignoreAllowTimeEqual", publicName: "ignoreAllowTimeEqual", isSignal: true, isRequired: false, transformFunction: null }, ignoreValidTimeCompare: { classPropertyName: "ignoreValidTimeCompare", publicName: "ignoreValidTimeCompare", isSignal: true, isRequired: false, transformFunction: null }, isCheckErrorWhenSelectItem: { classPropertyName: "isCheckErrorWhenSelectItem", publicName: "isCheckErrorWhenSelectItem", isSignal: true, isRequired: false, transformFunction: null }, ignoreRequiredValueSecondWhenNotValidRequired: { classPropertyName: "ignoreRequiredValueSecondWhenNotValidRequired", publicName: "ignoreRequiredValueSecondWhenNotValidRequired", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outFunctionsControl: "outFunctionsControl", outSelectedDropdown: "outSelectedDropdown", outChooseMultiDate: "outChooseMultiDate", outChooseSingleDate: "outChooseSingleDate", outChangStageFlagMouse: "outChangStageFlagMouse" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "labelFromRef", first: true, predicate: ["labelFrom"], descendants: true, isSignal: true }, { propertyName: "labelToRef", first: true, predicate: ["labelTo"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [buttonsDescription]=\"labelConfig.buttonsDescription\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable || disable()\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\" />\n}\n<div\n  #parent\n  class=\"flex items-start\"\n  [class.!w-full]=\"widthByElement()\"\n  [class.!column]=\"isResponsive() && isMultiple()\">\n  <div\n    #childFrom\n    class=\"flex items-start\"\n    [class.w-[50%]]=\"widthByElement() && !isResponsive()\"\n    [class.!mb-[8px]]=\"isResponsive() && isMultiple()\"\n    [class.!mr-[8px]]=\"!isResponsive() && isMultiple()\"\n    [class.w-full]=\"(!isMultiple() && !widthByElement()) || isResponsive()\"\n    [style.width.px]=\"!widthByElement() && isMultiple() && !isResponsive() ? widthDropdown() * arrayFormat().length + 8 * arrayFormat().length + widthLabelFrom() : undefined\">\n    @if (isMultiple() && !ignoreFromAndToDateLabel() && fromAndToDateLabel().from) {\n      <div\n        class=\"mr-[8px] flex-shrink-0 h-[32px] flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() || undefined : undefined\">\n        <span\n          #labelFrom\n          LibsUiComponentsDatetimeDropdownDirective\n          [class.!opacity-[0.5]]=\"disable()\"\n          class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelFrom || '' }}\"\n          (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n          @let constHtmlFrom = fromAndToDateLabel().from || ' ';\n          {{ constHtmlFrom | translate }}\n        </span>\n      </div>\n    }\n    <div\n      class=\"flex\"\n      [class.!w-full]=\"widthByElement()\">\n      @if (!changeType()) {\n        <libs_ui-components-datetime-dropdown-item\n          [class.!w-full]=\"widthByElement()\"\n          [disableSecond]=\"disableSecond()\"\n          [typeDate]=\"typeFormat()\"\n          [zIndex]=\"zIndex()\"\n          [maxYear]=\"maxYear()\"\n          [disable]=\"disable()\"\n          [minYear]=\"minYear()\"\n          [readonly]=\"readonly()\"\n          [isMultiple]=\"isMultiple() ? (isResponsive() ? true : false) : true\"\n          [reverseYear]=\"reverseYear()\"\n          [selectedDate]=\"selectedDateTime()?.from() || {}\"\n          [widthDropdown]=\"widthDropdown()\"\n          [widthByElement]=\"widthByElement()\"\n          [getItemYearDisplay]=\"getItemYearDisplay()\"\n          [listMaxItemShow]=\"listMaxItemShow()\"\n          [listKeysDisable]=\"listKeysDisable()?.from()\"\n          [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n          [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n          [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect()\"\n          (outSelectedData)=\"handlerChangeSelectedKey($event, 'from')\"\n          (outFunctionControl)=\"handlerFunctionControl($event, 'from')\"\n          (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n      }\n    </div>\n  </div>\n  @if (isMultiple()) {\n    <div\n      #childTo\n      [class.!w-[50%]]=\"widthByElement()\"\n      [class.!w-full]=\"!widthByElement() || isResponsive()\"\n      class=\"flex items-start\">\n      <div\n        class=\"mr-[8px] h-[32px] flex-shrink-0 flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() : undefined\">\n        @if (!ignoreFromAndToDateLabel()) {\n          <span\n            #labelTo\n            LibsUiComponentsDatetimeDropdownDirective\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelTo || '' }}\"\n            (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n            @let constHtmlTo = fromAndToDateLabel().to || ' ';\n            {{ constHtmlTo | translate }}\n          </span>\n        }\n        @if (ignoreFromAndToDateLabel()) {\n          <span\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r\">\n            -\n          </span>\n        }\n      </div>\n      <div\n        class=\"flex\"\n        [class.!w-full]=\"widthByElement()\">\n        @if (!changeType()) {\n          <libs_ui-components-datetime-dropdown-item\n            [class.w-full]=\"widthByElement()\"\n            [disableSecond]=\"disableSecond()\"\n            [typeDate]=\"typeFormat()\"\n            [zIndex]=\"zIndex()\"\n            [maxYear]=\"maxYear()\"\n            [disable]=\"disable()\"\n            [minYear]=\"minYear()\"\n            [readonly]=\"readonly()\"\n            [isMultiple]=\"isMultiple()\"\n            [reverseYear]=\"reverseYear()\"\n            [selectedDate]=\"selectedDateTime()?.to() || {}\"\n            [widthDropdown]=\"widthDropdown()\"\n            [widthByElement]=\"widthByElement()\"\n            [getItemYearDisplay]=\"getItemYearDisplay()\"\n            [listMaxItemShow]=\"listMaxItemShow()\"\n            [listKeysDisable]=\"listKeysDisable()?.to()\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect\"\n            [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n            (outSelectedData)=\"handlerChangeSelectedKey($event, 'to')\"\n            (outFunctionControl)=\"handlerFunctionControl($event, 'to')\"\n            (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isErrorCompareDate()) {\n  <div class=\"flex items-center mt-[4px]\">\n    <span class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\">\n      @let constHtmlMessage = validRequired()?.messageValidCompareTime || 'i18n_invalid_end_date_selected';\n      {{ constHtmlMessage | translate: validRequired()?.interpolateParamsCompareTime }}\n    </span>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { kind: "directive", type: LibsUiComponentsDatetimeDropdownDirective, selector: "[LibsUiComponentsDatetimeDropdownDirective]", outputs: ["outChangeWidth"] }, { kind: "component", type: LibsUiComponentsDatetimeDropdownItemComponent, selector: "libs_ui-components-datetime-dropdown-item", inputs: ["typeDate", "disableSecond", "selectedDate", "widthDropdown", "widthByElement", "getItemYearDisplay", "listHasButtonUnSelectOption", "readonly", "disable", "zIndex", "isMultiple", "classIncludeTextDisplayWhenNoSelect", "isCheckErrorWhenSelectItem", "maxYear", "minYear", "reverseYear", "listKeysDisable", "ignoreConvertYearSelected", "validRequired", "isEmitSelectedDropDown", "listMaxItemShow"], outputs: ["outSelectedData", "outFunctionControl", "outChangStageFlagMouse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDatetimeDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsDatetimeDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'libs_ui-components-datetime-dropdown', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, LibsUiComponentsLabelComponent, LibsUiComponentsDatetimeDropdownDirective, LibsUiComponentsDatetimeDropdownItemComponent], template: "@if (labelConfig(); as labelConfig) {\n  <libs_ui-components-label\n    [classInclude]=\"labelConfig.classInclude\"\n    [labelLeft]=\"labelConfig.labelLeft\"\n    [labelLeftClass]=\"labelConfig.labelLeftClass\"\n    [required]=\"labelConfig.required\"\n    [description]=\"labelConfig.description\"\n    [labelRight]=\"labelConfig.labelRight\"\n    [labelRightClass]=\"labelConfig.labelRightClass\"\n    [onlyShowCount]=\"labelConfig.onlyShowCount\"\n    [buttonsLeft]=\"labelConfig.buttonsLeft\"\n    [buttonsRight]=\"labelConfig.buttonsRight\"\n    [buttonsDescription]=\"labelConfig.buttonsDescription\"\n    [descriptionClass]=\"labelConfig.descriptionClass\"\n    [disableButtonsLeft]=\"labelConfig.disableButtonsLeft\"\n    [disableButtonsRight]=\"labelConfig.disableButtonsRight\"\n    [hasToggle]=\"labelConfig.hasToggle\"\n    [toggleActive]=\"labelConfig.toggleActive\"\n    [toggleDisable]=\"labelConfig.toggleDisable || disable()\"\n    [popover]=\"labelConfig.popover\"\n    [iconPopoverClass]=\"labelConfig.iconPopoverClass\"\n    [limitLength]=\"labelConfig.limitLength\"\n    [count]=\"labelConfig.count\" />\n}\n<div\n  #parent\n  class=\"flex items-start\"\n  [class.!w-full]=\"widthByElement()\"\n  [class.!column]=\"isResponsive() && isMultiple()\">\n  <div\n    #childFrom\n    class=\"flex items-start\"\n    [class.w-[50%]]=\"widthByElement() && !isResponsive()\"\n    [class.!mb-[8px]]=\"isResponsive() && isMultiple()\"\n    [class.!mr-[8px]]=\"!isResponsive() && isMultiple()\"\n    [class.w-full]=\"(!isMultiple() && !widthByElement()) || isResponsive()\"\n    [style.width.px]=\"!widthByElement() && isMultiple() && !isResponsive() ? widthDropdown() * arrayFormat().length + 8 * arrayFormat().length + widthLabelFrom() : undefined\">\n    @if (isMultiple() && !ignoreFromAndToDateLabel() && fromAndToDateLabel().from) {\n      <div\n        class=\"mr-[8px] flex-shrink-0 h-[32px] flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() || undefined : undefined\">\n        <span\n          #labelFrom\n          LibsUiComponentsDatetimeDropdownDirective\n          [class.!opacity-[0.5]]=\"disable()\"\n          class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelFrom || '' }}\"\n          (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n          @let constHtmlFrom = fromAndToDateLabel().from || ' ';\n          {{ constHtmlFrom | translate }}\n        </span>\n      </div>\n    }\n    <div\n      class=\"flex\"\n      [class.!w-full]=\"widthByElement()\">\n      @if (!changeType()) {\n        <libs_ui-components-datetime-dropdown-item\n          [class.!w-full]=\"widthByElement()\"\n          [disableSecond]=\"disableSecond()\"\n          [typeDate]=\"typeFormat()\"\n          [zIndex]=\"zIndex()\"\n          [maxYear]=\"maxYear()\"\n          [disable]=\"disable()\"\n          [minYear]=\"minYear()\"\n          [readonly]=\"readonly()\"\n          [isMultiple]=\"isMultiple() ? (isResponsive() ? true : false) : true\"\n          [reverseYear]=\"reverseYear()\"\n          [selectedDate]=\"selectedDateTime()?.from() || {}\"\n          [widthDropdown]=\"widthDropdown()\"\n          [widthByElement]=\"widthByElement()\"\n          [getItemYearDisplay]=\"getItemYearDisplay()\"\n          [listMaxItemShow]=\"listMaxItemShow()\"\n          [listKeysDisable]=\"listKeysDisable()?.from()\"\n          [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n          [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n          [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect()\"\n          (outSelectedData)=\"handlerChangeSelectedKey($event, 'from')\"\n          (outFunctionControl)=\"handlerFunctionControl($event, 'from')\"\n          (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n      }\n    </div>\n  </div>\n  @if (isMultiple()) {\n    <div\n      #childTo\n      [class.!w-[50%]]=\"widthByElement()\"\n      [class.!w-full]=\"!widthByElement() || isResponsive()\"\n      class=\"flex items-start\">\n      <div\n        class=\"mr-[8px] h-[32px] flex-shrink-0 flex items-center\"\n        [style.width.px]=\"isResponsive() ? widthLabel() : undefined\">\n        @if (!ignoreFromAndToDateLabel()) {\n          <span\n            #labelTo\n            LibsUiComponentsDatetimeDropdownDirective\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r text-nowrap {{ fromAndToDateLabel().classLabelTo || '' }}\"\n            (outChangeWidth)=\"handlerChangeWidthLabel($event)\">\n            @let constHtmlTo = fromAndToDateLabel().to || ' ';\n            {{ constHtmlTo | translate }}\n          </span>\n        }\n        @if (ignoreFromAndToDateLabel()) {\n          <span\n            [class.!opacity-[0.5]]=\"disable()\"\n            class=\"libs-ui-font-h5r\">\n            -\n          </span>\n        }\n      </div>\n      <div\n        class=\"flex\"\n        [class.!w-full]=\"widthByElement()\">\n        @if (!changeType()) {\n          <libs_ui-components-datetime-dropdown-item\n            [class.w-full]=\"widthByElement()\"\n            [disableSecond]=\"disableSecond()\"\n            [typeDate]=\"typeFormat()\"\n            [zIndex]=\"zIndex()\"\n            [maxYear]=\"maxYear()\"\n            [disable]=\"disable()\"\n            [minYear]=\"minYear()\"\n            [readonly]=\"readonly()\"\n            [isMultiple]=\"isMultiple()\"\n            [reverseYear]=\"reverseYear()\"\n            [selectedDate]=\"selectedDateTime()?.to() || {}\"\n            [widthDropdown]=\"widthDropdown()\"\n            [widthByElement]=\"widthByElement()\"\n            [getItemYearDisplay]=\"getItemYearDisplay()\"\n            [listMaxItemShow]=\"listMaxItemShow()\"\n            [listKeysDisable]=\"listKeysDisable()?.to()\"\n            [listHasButtonUnSelectOption]=\"listHasButtonUnSelectOption()\"\n            [classIncludeTextDisplayWhenNoSelect]=\"'libs-ui-font-h5r ' + classIncludeTextDisplayWhenNoSelect\"\n            [isEmitSelectedDropDown]=\"isEmitAfterChanged()\"\n            (outSelectedData)=\"handlerChangeSelectedKey($event, 'to')\"\n            (outFunctionControl)=\"handlerFunctionControl($event, 'to')\"\n            (outChangStageFlagMouse)=\"handlerChangStageFlagMouse($event)\" />\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isErrorCompareDate()) {\n  <div class=\"flex items-center mt-[4px]\">\n    <span class=\"libs-ui-message-error libs-ui-font-h7r libs-ui-text-error\">\n      @let constHtmlMessage = validRequired()?.messageValidCompareTime || 'i18n_invalid_end_date_selected';\n      {{ constHtmlMessage | translate: validRequired()?.interpolateParamsCompareTime }}\n    </span>\n  </div>\n}\n" }]
         }], ctorParameters: () => [] });

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@libs-ui/components-datetime-dropdown",
-  "version": "0.2.321-0",
+  "version": "0.2.323-0",
   "peerDependencies": {
     "@angular/core": ">=18.0.0",
     "@ngx-translate/core": "^15.0.0",
-    "@libs-ui/services-http-request": "0.2.321-0",
-    "@libs-ui/utils": "0.2.321-0",
-    "@libs-ui/components-datetime-picker": "0.2.321-0",
-    "@libs-ui/components-label": "0.2.321-0",
-    "@libs-ui/components-popover": "0.2.321-0",
+    "@libs-ui/services-http-request": "0.2.323-0",
+    "@libs-ui/utils": "0.2.323-0",
+    "@libs-ui/components-datetime-picker": "0.2.323-0",
+    "@libs-ui/components-label": "0.2.323-0",
+    "@libs-ui/components-popover": "0.2.323-0",
     "rxjs": "~7.8.0",
-    "@libs-ui/components-dropdown": "0.2.321-0",
-    "@libs-ui/components-list": "0.2.321-0"
+    "@libs-ui/components-dropdown": "0.2.323-0",
+    "@libs-ui/components-list": "0.2.323-0"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-components-datetime-dropdown.mjs",