@koobiq/components 17.4.0 → 17.6.0

package/fesm2022/koobiq-components-datepicker.mjs

@@ -676,7 +676,7 @@ class KbqDatepickerContent {
         this.changeDetectorRef.markForCheck();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqDatepickerContent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqDatepickerContent, selector: "kbq-datepicker__content", host: { listeners: { "@transformPanel.done": "animationDone.next()" }, properties: { "@transformPanel": "animationState" }, classAttribute: "kbq-datepicker__content" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: KbqCalendar, descendants: true }], exportAs: ["kbqDatepickerContent"], ngImport: i0, template: "<kbq-calendar\n    [dateClass]=\"datepicker.dateClass\"\n    [dateFilter]=\"datepicker.dateFilter\"\n    [id]=\"datepicker.id\"\n    [maxDate]=\"datepicker.maxDate\"\n    [minDate]=\"datepicker.minDate\"\n    [ngClass]=\"datepicker.panelClass\"\n    [selected]=\"datepicker.selected\"\n    [startAt]=\"datepicker.startAt\"\n    (monthSelected)=\"datepicker.selectMonth($event)\"\n    (selectedChange)=\"datepicker.select($event)\"\n    (userSelection)=\"datepicker.close()\"\n    (yearSelected)=\"datepicker.selectYear($event)\"\n    [@fadeInCalendar]=\"'enter'\"\n/>\n", styles: [".kbq-datepicker__content{display:block;border-radius:var(--kbq-datepicker-size-container-border-radius, 8px)}.kbq-datepicker__content .kbq-calendar{width:calc(280px + var(--kbq-datepicker-size-grid-padding-horizontal, 12px) * 2);height:270px;padding-top:var(--kbq-datepicker-size-container-padding-vertical, 12px);padding-bottom:var(--kbq-datepicker-size-container-padding-vertical, 12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KbqCalendar, selector: "kbq-calendar", inputs: ["startAt", "selected", "minDate", "maxDate", "dateFilter", "dateClass"], outputs: ["selectedChange", "yearSelected", "monthSelected", "userSelection"], exportAs: ["kbqCalendar"] }], animations: [
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqDatepickerContent, selector: "kbq-datepicker__content", host: { listeners: { "@transformPanel.done": "animationDone.next()" }, properties: { "@transformPanel": "animationState" }, classAttribute: "kbq-datepicker__content" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: KbqCalendar, descendants: true }], exportAs: ["kbqDatepickerContent"], ngImport: i0, template: "<kbq-calendar\n    [dateClass]=\"datepicker.dateClass\"\n    [dateFilter]=\"datepicker.dateFilter\"\n    [id]=\"datepicker.id\"\n    [maxDate]=\"datepicker.maxDate\"\n    [minDate]=\"datepicker.minDate\"\n    [ngClass]=\"datepicker.panelClass\"\n    [selected]=\"datepicker.selected\"\n    [startAt]=\"datepicker.startAt\"\n    (monthSelected)=\"datepicker.selectMonth($event)\"\n    (selectedChange)=\"datepicker.select($event)\"\n    (userSelection)=\"datepicker.close()\"\n    (yearSelected)=\"datepicker.selectYear($event)\"\n    [@fadeInCalendar]=\"'enter'\"\n/>\n", styles: [".kbq-datepicker__content{display:block;border-radius:var(--kbq-datepicker-size-container-border-radius, 8px)}.kbq-datepicker__content .kbq-calendar{width:calc(280px + var(--kbq-datepicker-size-grid-padding-horizontal, 12px) * 2);height:270px;padding-top:var(--kbq-datepicker-size-container-padding-vertical, 12px);padding-bottom:var(--kbq-datepicker-size-container-padding-vertical, 12px)}.kbq-datepicker__content{background:var(--kbq-datepicker-container-background, );box-shadow:var(--kbq-datepicker-container-box-shadow, )}.kbq-calendar__table-header{color:var(--kbq-datepicker-header-text, )}.kbq-calendar__table-header-divider:after{background:var(--kbq-datepicker-header-divider, )}.kbq-calendar__body-cell-content{background:var(--kbq-datepicker-grid-cell-default-background, );color:var(--kbq-datepicker-grid-cell-default-text, )}.kbq-calendar__body-cell-content.kbq-calendar__body-today{background:var(--kbq-datepicker-grid-cell-today-background, );color:var(--kbq-datepicker-grid-cell-today-text, )}.kbq-calendar__body-cell-content:hover:not(.kbq-disabled){background:var(--kbq-datepicker-grid-cell-states-hover-background, )}.kbq-calendar__body-cell-content:active:not(.kbq-disabled){background:var(--kbq-datepicker-grid-cell-states-active-background, )}.kbq-calendar__body-cell-content.kbq-selected:not(.kbq-disabled){background:var(--kbq-datepicker-grid-cell-states-selected-background, );color:var(--kbq-datepicker-grid-cell-states-selected-text, )}.kbq-calendar__body-cell-content.kbq-selected:not(.kbq-disabled):hover{background:var(--kbq-datepicker-grid-cell-states-selected-hover-background, )}.kbq-calendar__body-cell-content.kbq-disabled{color:var(--kbq-states-foreground-disabled, );background:var(--kbq-datepicker-grid-cell-states-disabled-background, )}.kbq-calendar,.kbq-calendar__table-header th{font-size:var(--kbq-datepicker-font-text-font-size, 14px);font-weight:var(--kbq-datepicker-font-text-font-weight, normal);line-height:var(--kbq-datepicker-font-text-line-height, 20px);font-family:var(--kbq-datepicker-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-datepicker-font-text-text-transform, );font-feature-settings:var(--kbq-datepicker-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-datepicker-font-text-letter-spacing, -.006em)}\n", ".kbq-datepicker__content{--kbq-datepicker-size-container-padding-vertical: 12px;--kbq-datepicker-size-container-border-radius: 8px;--kbq-datepicker-size-header-padding-horizontal: 4px;--kbq-datepicker-size-header-margin-bottom: 2px;--kbq-datepicker-size-grid-padding-horizontal: 12px;--kbq-datepicker-size-grid-content-gap-vertical: 2px;--kbq-datepicker-size-grid-divider-height: 1px;--kbq-datepicker-size-grid-cell-padding-horizontal: 8px;--kbq-datepicker-size-grid-cell-padding-vertical: 8px;--kbq-datepicker-size-grid-cell-border-radius: 8px;--kbq-datepicker-font-text-font-size: 14px;--kbq-datepicker-font-text-line-height: 20px;--kbq-datepicker-font-text-letter-spacing: -.006em;--kbq-datepicker-font-text-font-weight: normal;--kbq-datepicker-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-datepicker-font-text-text-transform: null;--kbq-datepicker-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-foreground-disabled: hsla(229, 15%, 15%, 32%);--kbq-datepicker-container-background: hsla(229, 15%, 100%, 100%);--kbq-datepicker-container-box-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%);--kbq-datepicker-header-text: hsla(229, 15%, 60%, 100%);--kbq-datepicker-header-divider: hsla(229, 15%, 6%, 12%);--kbq-datepicker-grid-cell-default-background: transparent;--kbq-datepicker-grid-cell-default-text: hsla(229, 15%, 15%, 100%);--kbq-datepicker-grid-cell-today-background: transparent;--kbq-datepicker-grid-cell-today-text: hsla(216, 100%, 50%, 100%);--kbq-datepicker-grid-cell-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-datepicker-grid-cell-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-datepicker-grid-cell-states-selected-background: hsla(229, 15%, 25%, 100%);--kbq-datepicker-grid-cell-states-selected-text: hsla(0, 0%, 100%, 100%);--kbq-datepicker-grid-cell-states-selected-hover-background: hsla(229, 15%, 15%, 100%);--kbq-datepicker-grid-cell-states-disabled-background: transparent;--kbq-datepicker-grid-cell-states-disabled-text: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-foreground-disabled: hsla(229, 15%, 40%, 100%);--kbq-datepicker-container-background: hsla(229, 15%, 15%, 100%);--kbq-datepicker-container-box-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%);--kbq-datepicker-header-text: hsla(229, 15%, 45%, 100%);--kbq-datepicker-header-divider: hsla(229, 15%, 22%, 100%);--kbq-datepicker-grid-cell-default-background: transparent;--kbq-datepicker-grid-cell-default-text: hsla(229, 15%, 80%, 100%);--kbq-datepicker-grid-cell-today-background: transparent;--kbq-datepicker-grid-cell-today-text: hsla(216, 100%, 65%, 100%);--kbq-datepicker-grid-cell-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-datepicker-grid-cell-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-datepicker-grid-cell-states-selected-background: hsla(229, 15%, 90%, 100%);--kbq-datepicker-grid-cell-states-selected-text: hsla(229, 15%, 15%, 100%);--kbq-datepicker-grid-cell-states-selected-hover-background: hsla(229, 15%, 55%, 100%);--kbq-datepicker-grid-cell-states-disabled-background: transparent;--kbq-datepicker-grid-cell-states-disabled-text: hsla(229, 15%, 40%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KbqCalendar, selector: "kbq-calendar", inputs: ["startAt", "selected", "minDate", "maxDate", "dateFilter", "dateClass"], outputs: ["selectedChange", "yearSelected", "monthSelected", "userSelection"], exportAs: ["kbqCalendar"] }], animations: [
             kbqDatepickerAnimations.transformPanel,
             kbqDatepickerAnimations.fadeInCalendar
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -690,7 +690,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                     }, animations: [
                         kbqDatepickerAnimations.transformPanel,
                         kbqDatepickerAnimations.fadeInCalendar
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<kbq-calendar\n    [dateClass]=\"datepicker.dateClass\"\n    [dateFilter]=\"datepicker.dateFilter\"\n    [id]=\"datepicker.id\"\n    [maxDate]=\"datepicker.maxDate\"\n    [minDate]=\"datepicker.minDate\"\n    [ngClass]=\"datepicker.panelClass\"\n    [selected]=\"datepicker.selected\"\n    [startAt]=\"datepicker.startAt\"\n    (monthSelected)=\"datepicker.selectMonth($event)\"\n    (selectedChange)=\"datepicker.select($event)\"\n    (userSelection)=\"datepicker.close()\"\n    (yearSelected)=\"datepicker.selectYear($event)\"\n    [@fadeInCalendar]=\"'enter'\"\n/>\n", styles: [".kbq-datepicker__content{display:block;border-radius:var(--kbq-datepicker-size-container-border-radius, 8px)}.kbq-datepicker__content .kbq-calendar{width:calc(280px + var(--kbq-datepicker-size-grid-padding-horizontal, 12px) * 2);height:270px;padding-top:var(--kbq-datepicker-size-container-padding-vertical, 12px);padding-bottom:var(--kbq-datepicker-size-container-padding-vertical, 12px)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<kbq-calendar\n    [dateClass]=\"datepicker.dateClass\"\n    [dateFilter]=\"datepicker.dateFilter\"\n    [id]=\"datepicker.id\"\n    [maxDate]=\"datepicker.maxDate\"\n    [minDate]=\"datepicker.minDate\"\n    [ngClass]=\"datepicker.panelClass\"\n    [selected]=\"datepicker.selected\"\n    [startAt]=\"datepicker.startAt\"\n    (monthSelected)=\"datepicker.selectMonth($event)\"\n    (selectedChange)=\"datepicker.select($event)\"\n    (userSelection)=\"datepicker.close()\"\n    (yearSelected)=\"datepicker.selectYear($event)\"\n    [@fadeInCalendar]=\"'enter'\"\n/>\n", styles: [".kbq-datepicker__content{display:block;border-radius:var(--kbq-datepicker-size-container-border-radius, 8px)}.kbq-datepicker__content .kbq-calendar{width:calc(280px + var(--kbq-datepicker-size-grid-padding-horizontal, 12px) * 2);height:270px;padding-top:var(--kbq-datepicker-size-container-padding-vertical, 12px);padding-bottom:var(--kbq-datepicker-size-container-padding-vertical, 12px)}.kbq-datepicker__content{background:var(--kbq-datepicker-container-background, );box-shadow:var(--kbq-datepicker-container-box-shadow, )}.kbq-calendar__table-header{color:var(--kbq-datepicker-header-text, )}.kbq-calendar__table-header-divider:after{background:var(--kbq-datepicker-header-divider, )}.kbq-calendar__body-cell-content{background:var(--kbq-datepicker-grid-cell-default-background, );color:var(--kbq-datepicker-grid-cell-default-text, )}.kbq-calendar__body-cell-content.kbq-calendar__body-today{background:var(--kbq-datepicker-grid-cell-today-background, );color:var(--kbq-datepicker-grid-cell-today-text, )}.kbq-calendar__body-cell-content:hover:not(.kbq-disabled){background:var(--kbq-datepicker-grid-cell-states-hover-background, )}.kbq-calendar__body-cell-content:active:not(.kbq-disabled){background:var(--kbq-datepicker-grid-cell-states-active-background, )}.kbq-calendar__body-cell-content.kbq-selected:not(.kbq-disabled){background:var(--kbq-datepicker-grid-cell-states-selected-background, );color:var(--kbq-datepicker-grid-cell-states-selected-text, )}.kbq-calendar__body-cell-content.kbq-selected:not(.kbq-disabled):hover{background:var(--kbq-datepicker-grid-cell-states-selected-hover-background, )}.kbq-calendar__body-cell-content.kbq-disabled{color:var(--kbq-states-foreground-disabled, );background:var(--kbq-datepicker-grid-cell-states-disabled-background, )}.kbq-calendar,.kbq-calendar__table-header th{font-size:var(--kbq-datepicker-font-text-font-size, 14px);font-weight:var(--kbq-datepicker-font-text-font-weight, normal);line-height:var(--kbq-datepicker-font-text-line-height, 20px);font-family:var(--kbq-datepicker-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-datepicker-font-text-text-transform, );font-feature-settings:var(--kbq-datepicker-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-datepicker-font-text-letter-spacing, -.006em)}\n", ".kbq-datepicker__content{--kbq-datepicker-size-container-padding-vertical: 12px;--kbq-datepicker-size-container-border-radius: 8px;--kbq-datepicker-size-header-padding-horizontal: 4px;--kbq-datepicker-size-header-margin-bottom: 2px;--kbq-datepicker-size-grid-padding-horizontal: 12px;--kbq-datepicker-size-grid-content-gap-vertical: 2px;--kbq-datepicker-size-grid-divider-height: 1px;--kbq-datepicker-size-grid-cell-padding-horizontal: 8px;--kbq-datepicker-size-grid-cell-padding-vertical: 8px;--kbq-datepicker-size-grid-cell-border-radius: 8px;--kbq-datepicker-font-text-font-size: 14px;--kbq-datepicker-font-text-line-height: 20px;--kbq-datepicker-font-text-letter-spacing: -.006em;--kbq-datepicker-font-text-font-weight: normal;--kbq-datepicker-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-datepicker-font-text-text-transform: null;--kbq-datepicker-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-foreground-disabled: hsla(229, 15%, 15%, 32%);--kbq-datepicker-container-background: hsla(229, 15%, 100%, 100%);--kbq-datepicker-container-box-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%);--kbq-datepicker-header-text: hsla(229, 15%, 60%, 100%);--kbq-datepicker-header-divider: hsla(229, 15%, 6%, 12%);--kbq-datepicker-grid-cell-default-background: transparent;--kbq-datepicker-grid-cell-default-text: hsla(229, 15%, 15%, 100%);--kbq-datepicker-grid-cell-today-background: transparent;--kbq-datepicker-grid-cell-today-text: hsla(216, 100%, 50%, 100%);--kbq-datepicker-grid-cell-states-hover-background: hsla(229, 15%, 50%, 8%);--kbq-datepicker-grid-cell-states-active-background: hsla(229, 15%, 50%, 16%);--kbq-datepicker-grid-cell-states-selected-background: hsla(229, 15%, 25%, 100%);--kbq-datepicker-grid-cell-states-selected-text: hsla(0, 0%, 100%, 100%);--kbq-datepicker-grid-cell-states-selected-hover-background: hsla(229, 15%, 15%, 100%);--kbq-datepicker-grid-cell-states-disabled-background: transparent;--kbq-datepicker-grid-cell-states-disabled-text: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-foreground-disabled: hsla(229, 15%, 40%, 100%);--kbq-datepicker-container-background: hsla(229, 15%, 15%, 100%);--kbq-datepicker-container-box-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%);--kbq-datepicker-header-text: hsla(229, 15%, 45%, 100%);--kbq-datepicker-header-divider: hsla(229, 15%, 22%, 100%);--kbq-datepicker-grid-cell-default-background: transparent;--kbq-datepicker-grid-cell-default-text: hsla(229, 15%, 80%, 100%);--kbq-datepicker-grid-cell-today-background: transparent;--kbq-datepicker-grid-cell-today-text: hsla(216, 100%, 65%, 100%);--kbq-datepicker-grid-cell-states-hover-background: hsla(229, 15%, 50%, 16%);--kbq-datepicker-grid-cell-states-active-background: hsla(229, 100%, 85%, 15%);--kbq-datepicker-grid-cell-states-selected-background: hsla(229, 15%, 90%, 100%);--kbq-datepicker-grid-cell-states-selected-text: hsla(229, 15%, 15%, 100%);--kbq-datepicker-grid-cell-states-selected-hover-background: hsla(229, 15%, 55%, 100%);--kbq-datepicker-grid-cell-states-disabled-background: transparent;--kbq-datepicker-grid-cell-states-disabled-text: hsla(229, 15%, 40%, 100%)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { calendar: [{
                 type: ViewChild,
                 args: [KbqCalendar]