@stemy/ngx-utils 19.9.44 → 19.9.45

package/fesm2022/stemy-ngx-utils.mjs

@@ -9109,13 +9109,13 @@ class DatePickerComponent extends CalendarInputs {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: DatePickerComponent, isStandalone: false, selector: "date-picker", providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: DatePickerComponent, multi: true }
-        ], viewQueries: [{ propertyName: "pickerDropdown", first: true, predicate: ["pickerDropdown"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let id = testId();\r\n<div class=\"date-picker\"\r\n     drop-down\r\n     [closeInside]=\"false\"\r\n     [autoPlacement]=\"autoPlacement\"\r\n     [ngClass]=\"{disabled: disabled()}\"\r\n     #pickerDropdown=\"dropdown\">\r\n    <input class=\"date-picker-input\"\r\n           [attr.data-testid]=\"id\"\r\n           [type]=\"strict() ? 'date' : 'text'\"\r\n           [value]=\"inputValue()\"\r\n           (focus)=\"onFocus()\"\r\n           (blur)=\"onBlur($event)\"/>\r\n    <div class=\"date-picker-buttons\">\r\n        @if (value()) {\r\n            <btn [attr.data-testid]=\"id + '-clear'\"\r\n                 type=\"transparent\"\r\n                 icon=\"close\" (click)=\"clear()\"></btn>\r\n        }\r\n        <btn [attr.data-testid]=\"id + '-open-picker'\"\r\n             type=\"transparent\"\r\n             icon=\"calendar-days\" dropdownToggle></btn>\r\n    </div>\r\n    <div *dropdownContent>\r\n        <calendar [testId]=\"id + '-picker'\"\r\n                  [min]=\"min()\"\r\n                  [max]=\"max()\"\r\n                  [disabledDates]=\"disabledDates()\"\r\n                  [disabledDays]=\"disabledDays()\"\r\n                  [disabled]=\"disabled()\"\r\n                  [strict]=\"strict()\"\r\n                  [value]=\"value()\"\r\n                  (valueChange)=\"onPickerChange($event)\"></calendar>\r\n    </div>\r\n</div>\r\n", styles: [".date-picker{--date-picker-border-size: var(--border-size, 1px);--date-picker-border-radius: var(--border-radius, 5px);--date-picker-bg-color: var(--bg-color, #ffffff);--date-picker-border-color: var(--border-color, #ced4da);--date-picker-highlight-color: var(--highlight-color, var(--primary-color, #888888));--date-picker-highlight-text-color: var(--highlight-text-color, #ffffff);--date-picker-text-color: var(--text-color, #151515);--date-picker-text-size: var(--text-size, 16px);--date-picker-padding-vertical: 6px;--date-picker-padding-horizontal: 12px;--date-picker-padding: var(--date-picker-padding-vertical) var(--date-picker-padding-horizontal);--date-picker-btn-padding: 12px;--date-picker-btn-gap: calc(var(--date-picker-btn-padding) / 2);--date-picker-btn-color: white;--date-picker-btn-valid-color: rgba(200, 255, 200, .7);--date-picker-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--date-picker-text-size);padding:var(--date-picker-padding);background:var(--date-picker-bg-color);color:var(--date-picker-text-color);border:var(--date-picker-border-size) solid var(--date-picker-border-color);border-radius:var(--date-picker-border-radius)}.date-picker *{box-sizing:border-box}.date-picker .date-picker-input{background:var(--date-picker-bg-color);font-size:var(--date-picker-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.date-picker .date-picker-input::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-clear-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-inner-spin-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-buttons{display:flex;justify-content:flex-end;position:absolute;aspect-ratio:2/1;top:0;bottom:0;right:0}.date-picker.disabled{opacity:.75}.date-picker.disabled .chips-button{padding-right:var(--date-picker-btn-padding)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }, { kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }, { kind: "component", type: CalendarComponent, selector: "calendar" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "pickerDropdown", first: true, predicate: ["pickerDropdown"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let id = testId();\r\n<div class=\"date-picker\"\r\n     drop-down\r\n     [closeInside]=\"false\"\r\n     [autoPlacement]=\"autoPlacement\"\r\n     [ngClass]=\"{disabled: disabled()}\"\r\n     #pickerDropdown=\"dropdown\">\r\n    <input class=\"date-picker-input\"\r\n           [attr.data-testid]=\"id\"\r\n           [type]=\"strict() ? 'date' : 'text'\"\r\n           [value]=\"inputValue()\"\r\n           (focus)=\"onFocus()\"\r\n           (blur)=\"onBlur($event)\"/>\r\n    <div class=\"date-picker-buttons\">\r\n        @if (value()) {\r\n            <btn [attr.data-testid]=\"id + '-clear'\"\r\n                 type=\"transparent\"\r\n                 icon=\"close\" (click)=\"clear()\"></btn>\r\n        }\r\n        <btn [attr.data-testid]=\"id + '-open-picker'\"\r\n             type=\"transparent\"\r\n             icon=\"calendar-days\" dropdownToggle></btn>\r\n    </div>\r\n    <div *dropdownContent>\r\n        <calendar [testId]=\"id + '-picker'\"\r\n                  [min]=\"min()\"\r\n                  [max]=\"max()\"\r\n                  [disabledDates]=\"disabledDates()\"\r\n                  [disabledDays]=\"disabledDays()\"\r\n                  [disabled]=\"disabled()\"\r\n                  [strict]=\"strict()\"\r\n                  [value]=\"value()\"\r\n                  (valueChange)=\"onPickerChange($event)\"></calendar>\r\n    </div>\r\n</div>\r\n", styles: [".date-picker{--date-picker-border-size: var(--border-size, 1px);--date-picker-border-radius: var(--border-radius, 5px);--date-picker-bg-color: var(--bg-color, #ffffff);--date-picker-border-color: var(--border-color, #ced4da);--date-picker-highlight-color: var(--highlight-color, var(--primary-color, #888888));--date-picker-highlight-text-color: var(--highlight-text-color, #ffffff);--date-picker-text-color: var(--text-color, #151515);--date-picker-text-size: var(--text-size, 16px);--date-picker-padding-vertical: 6px;--date-picker-padding-horizontal: 12px;--date-picker-padding: var(--date-picker-padding-vertical) var(--date-picker-padding-horizontal);--date-picker-btn-padding: 12px;--date-picker-btn-gap: calc(var(--date-picker-btn-padding) / 2);--date-picker-btn-color: white;--date-picker-btn-valid-color: rgba(200, 255, 200, .7);--date-picker-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--date-picker-text-size);padding:var(--date-picker-padding);background:var(--date-picker-bg-color);color:var(--date-picker-text-color);border:var(--date-picker-border-size) solid var(--date-picker-border-color);border-radius:var(--date-picker-border-radius)}.date-picker *{box-sizing:border-box}.date-picker .date-picker-input{background:var(--date-picker-bg-color);font-size:var(--date-picker-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.date-picker .date-picker-input::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-clear-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-inner-spin-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-buttons{display:flex;justify-content:flex-end;position:absolute;aspect-ratio:2/1;top:0;bottom:0;right:0;overflow:hidden}.date-picker .date-picker-buttons>btn{max-width:50%}.date-picker.disabled{opacity:.75}.date-picker.disabled .chips-button{padding-right:var(--date-picker-btn-padding)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }, { kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }, { kind: "component", type: CalendarComponent, selector: "calendar" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "date-picker", providers: [
                         { provide: NG_VALUE_ACCESSOR, useExisting: DatePickerComponent, multi: true }
-                    ], template: "@let id = testId();\r\n<div class=\"date-picker\"\r\n     drop-down\r\n     [closeInside]=\"false\"\r\n     [autoPlacement]=\"autoPlacement\"\r\n     [ngClass]=\"{disabled: disabled()}\"\r\n     #pickerDropdown=\"dropdown\">\r\n    <input class=\"date-picker-input\"\r\n           [attr.data-testid]=\"id\"\r\n           [type]=\"strict() ? 'date' : 'text'\"\r\n           [value]=\"inputValue()\"\r\n           (focus)=\"onFocus()\"\r\n           (blur)=\"onBlur($event)\"/>\r\n    <div class=\"date-picker-buttons\">\r\n        @if (value()) {\r\n            <btn [attr.data-testid]=\"id + '-clear'\"\r\n                 type=\"transparent\"\r\n                 icon=\"close\" (click)=\"clear()\"></btn>\r\n        }\r\n        <btn [attr.data-testid]=\"id + '-open-picker'\"\r\n             type=\"transparent\"\r\n             icon=\"calendar-days\" dropdownToggle></btn>\r\n    </div>\r\n    <div *dropdownContent>\r\n        <calendar [testId]=\"id + '-picker'\"\r\n                  [min]=\"min()\"\r\n                  [max]=\"max()\"\r\n                  [disabledDates]=\"disabledDates()\"\r\n                  [disabledDays]=\"disabledDays()\"\r\n                  [disabled]=\"disabled()\"\r\n                  [strict]=\"strict()\"\r\n                  [value]=\"value()\"\r\n                  (valueChange)=\"onPickerChange($event)\"></calendar>\r\n    </div>\r\n</div>\r\n", styles: [".date-picker{--date-picker-border-size: var(--border-size, 1px);--date-picker-border-radius: var(--border-radius, 5px);--date-picker-bg-color: var(--bg-color, #ffffff);--date-picker-border-color: var(--border-color, #ced4da);--date-picker-highlight-color: var(--highlight-color, var(--primary-color, #888888));--date-picker-highlight-text-color: var(--highlight-text-color, #ffffff);--date-picker-text-color: var(--text-color, #151515);--date-picker-text-size: var(--text-size, 16px);--date-picker-padding-vertical: 6px;--date-picker-padding-horizontal: 12px;--date-picker-padding: var(--date-picker-padding-vertical) var(--date-picker-padding-horizontal);--date-picker-btn-padding: 12px;--date-picker-btn-gap: calc(var(--date-picker-btn-padding) / 2);--date-picker-btn-color: white;--date-picker-btn-valid-color: rgba(200, 255, 200, .7);--date-picker-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--date-picker-text-size);padding:var(--date-picker-padding);background:var(--date-picker-bg-color);color:var(--date-picker-text-color);border:var(--date-picker-border-size) solid var(--date-picker-border-color);border-radius:var(--date-picker-border-radius)}.date-picker *{box-sizing:border-box}.date-picker .date-picker-input{background:var(--date-picker-bg-color);font-size:var(--date-picker-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.date-picker .date-picker-input::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-clear-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-inner-spin-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-buttons{display:flex;justify-content:flex-end;position:absolute;aspect-ratio:2/1;top:0;bottom:0;right:0}.date-picker.disabled{opacity:.75}.date-picker.disabled .chips-button{padding-right:var(--date-picker-btn-padding)}\n"] }]
+                    ], template: "@let id = testId();\r\n<div class=\"date-picker\"\r\n     drop-down\r\n     [closeInside]=\"false\"\r\n     [autoPlacement]=\"autoPlacement\"\r\n     [ngClass]=\"{disabled: disabled()}\"\r\n     #pickerDropdown=\"dropdown\">\r\n    <input class=\"date-picker-input\"\r\n           [attr.data-testid]=\"id\"\r\n           [type]=\"strict() ? 'date' : 'text'\"\r\n           [value]=\"inputValue()\"\r\n           (focus)=\"onFocus()\"\r\n           (blur)=\"onBlur($event)\"/>\r\n    <div class=\"date-picker-buttons\">\r\n        @if (value()) {\r\n            <btn [attr.data-testid]=\"id + '-clear'\"\r\n                 type=\"transparent\"\r\n                 icon=\"close\" (click)=\"clear()\"></btn>\r\n        }\r\n        <btn [attr.data-testid]=\"id + '-open-picker'\"\r\n             type=\"transparent\"\r\n             icon=\"calendar-days\" dropdownToggle></btn>\r\n    </div>\r\n    <div *dropdownContent>\r\n        <calendar [testId]=\"id + '-picker'\"\r\n                  [min]=\"min()\"\r\n                  [max]=\"max()\"\r\n                  [disabledDates]=\"disabledDates()\"\r\n                  [disabledDays]=\"disabledDays()\"\r\n                  [disabled]=\"disabled()\"\r\n                  [strict]=\"strict()\"\r\n                  [value]=\"value()\"\r\n                  (valueChange)=\"onPickerChange($event)\"></calendar>\r\n    </div>\r\n</div>\r\n", styles: [".date-picker{--date-picker-border-size: var(--border-size, 1px);--date-picker-border-radius: var(--border-radius, 5px);--date-picker-bg-color: var(--bg-color, #ffffff);--date-picker-border-color: var(--border-color, #ced4da);--date-picker-highlight-color: var(--highlight-color, var(--primary-color, #888888));--date-picker-highlight-text-color: var(--highlight-text-color, #ffffff);--date-picker-text-color: var(--text-color, #151515);--date-picker-text-size: var(--text-size, 16px);--date-picker-padding-vertical: 6px;--date-picker-padding-horizontal: 12px;--date-picker-padding: var(--date-picker-padding-vertical) var(--date-picker-padding-horizontal);--date-picker-btn-padding: 12px;--date-picker-btn-gap: calc(var(--date-picker-btn-padding) / 2);--date-picker-btn-color: white;--date-picker-btn-valid-color: rgba(200, 255, 200, .7);--date-picker-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--date-picker-text-size);padding:var(--date-picker-padding);background:var(--date-picker-bg-color);color:var(--date-picker-text-color);border:var(--date-picker-border-size) solid var(--date-picker-border-color);border-radius:var(--date-picker-border-radius)}.date-picker *{box-sizing:border-box}.date-picker .date-picker-input{background:var(--date-picker-bg-color);font-size:var(--date-picker-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.date-picker .date-picker-input::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-clear-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-inner-spin-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-buttons{display:flex;justify-content:flex-end;position:absolute;aspect-ratio:2/1;top:0;bottom:0;right:0;overflow:hidden}.date-picker .date-picker-buttons>btn{max-width:50%}.date-picker.disabled{opacity:.75}.date-picker.disabled .chips-button{padding-right:var(--date-picker-btn-padding)}\n"] }]
         }] });
 
 class DropListComponent {