@cute-widgets/base 20.0.5 → 21.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/fesm2022/cute-widgets-base-abstract.mjs +15 -15
- package/fesm2022/cute-widgets-base-abstract.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-alert.mjs +10 -10
- package/fesm2022/cute-widgets-base-alert.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-autocomplete.mjs +14 -14
- package/fesm2022/cute-widgets-base-autocomplete.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-badge.mjs +46 -14
- package/fesm2022/cute-widgets-base-badge.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-bottom-sheet.mjs +11 -11
- package/fesm2022/cute-widgets-base-bottom-sheet.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-button-toggle.mjs +29 -12
- package/fesm2022/cute-widgets-base-button-toggle.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-button.mjs +20 -20
- package/fesm2022/cute-widgets-base-button.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-card.mjs +40 -40
- package/fesm2022/cute-widgets-base-card.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-checkbox.mjs +28 -28
- package/fesm2022/cute-widgets-base-checkbox.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-chips.mjs +49 -49
- package/fesm2022/cute-widgets-base-chips.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-collapse.mjs +14 -14
- package/fesm2022/cute-widgets-base-collapse.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-datetime.mjs +11 -11
- package/fesm2022/cute-widgets-base-core-datetime.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-directives.mjs +21 -21
- package/fesm2022/cute-widgets-base-core-directives.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-error.mjs +6 -6
- package/fesm2022/cute-widgets-base-core-error.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-line.mjs +7 -7
- package/fesm2022/cute-widgets-base-core-line.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-nav.mjs +30 -28
- package/fesm2022/cute-widgets-base-core-nav.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-observers.mjs +16 -16
- package/fesm2022/cute-widgets-base-core-observers.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-option.mjs +10 -10
- package/fesm2022/cute-widgets-base-core-option.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-pipes.mjs +6 -6
- package/fesm2022/cute-widgets-base-core-pipes.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-ripple.mjs +3 -3
- package/fesm2022/cute-widgets-base-core-ripple.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-theming.mjs +6 -6
- package/fesm2022/cute-widgets-base-core-theming.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-utils.mjs +3 -3
- package/fesm2022/cute-widgets-base-core-utils.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core.mjs +36 -36
- package/fesm2022/cute-widgets-base-core.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-datepicker.mjs +100 -99
- package/fesm2022/cute-widgets-base-datepicker.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-dialog.mjs +31 -31
- package/fesm2022/cute-widgets-base-dialog.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-divider.mjs +7 -7
- package/fesm2022/cute-widgets-base-divider.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-expansion.mjs +27 -27
- package/fesm2022/cute-widgets-base-expansion.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-form-field.mjs +28 -28
- package/fesm2022/cute-widgets-base-form-field.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-grid-list.mjs +22 -22
- package/fesm2022/cute-widgets-base-grid-list.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-icon.mjs +10 -10
- package/fesm2022/cute-widgets-base-icon.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-input.mjs +7 -7
- package/fesm2022/cute-widgets-base-input.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-layout-container.mjs +10 -10
- package/fesm2022/cute-widgets-base-layout-container.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-layout-stack.mjs +13 -13
- package/fesm2022/cute-widgets-base-layout-stack.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-layout.mjs +23 -23
- package/fesm2022/cute-widgets-base-layout.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-list.mjs +56 -56
- package/fesm2022/cute-widgets-base-list.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-menu.mjs +579 -364
- package/fesm2022/cute-widgets-base-menu.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-navbar.mjs +27 -27
- package/fesm2022/cute-widgets-base-navbar.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-paginator.mjs +11 -11
- package/fesm2022/cute-widgets-base-paginator.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-progress.mjs +10 -10
- package/fesm2022/cute-widgets-base-progress.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-radio.mjs +11 -11
- package/fesm2022/cute-widgets-base-radio.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-select.mjs +11 -11
- package/fesm2022/cute-widgets-base-select.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-sidenav.mjs +26 -26
- package/fesm2022/cute-widgets-base-sidenav.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-slider.mjs +10 -10
- package/fesm2022/cute-widgets-base-slider.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-snack-bar.mjs +28 -28
- package/fesm2022/cute-widgets-base-snack-bar.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-sort.mjs +13 -13
- package/fesm2022/cute-widgets-base-sort.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-spinner.mjs +8 -8
- package/fesm2022/cute-widgets-base-spinner.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-stepper.mjs +40 -40
- package/fesm2022/cute-widgets-base-stepper.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-table.mjs +58 -66
- package/fesm2022/cute-widgets-base-table.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-tabs.mjs +16 -16
- package/fesm2022/cute-widgets-base-tabs.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-timepicker.mjs +34 -63
- package/fesm2022/cute-widgets-base-timepicker.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-toolbar.mjs +13 -13
- package/fesm2022/cute-widgets-base-toolbar.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-tooltip.mjs +10 -10
- package/fesm2022/cute-widgets-base-tooltip.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-tree.mjs +25 -25
- package/fesm2022/cute-widgets-base-tree.mjs.map +1 -1
- package/fesm2022/cute-widgets-base.mjs +4 -4
- package/package.json +118 -118
- package/{abstract/index.d.ts → types/cute-widgets-base-abstract.d.ts} +1 -1
- package/{autocomplete/index.d.ts → types/cute-widgets-base-autocomplete.d.ts} +2 -2
- package/{badge/index.d.ts → types/cute-widgets-base-badge.d.ts} +6 -5
- package/{bottom-sheet/index.d.ts → types/cute-widgets-base-bottom-sheet.d.ts} +1 -1
- package/{button-toggle/index.d.ts → types/cute-widgets-base-button-toggle.d.ts} +7 -1
- package/{button/index.d.ts → types/cute-widgets-base-button.d.ts} +1 -1
- package/{checkbox/index.d.ts → types/cute-widgets-base-checkbox.d.ts} +1 -1
- package/{chips/index.d.ts → types/cute-widgets-base-chips.d.ts} +1 -1
- package/{core/nav/index.d.ts → types/cute-widgets-base-core-nav.d.ts} +2 -1
- package/{core/observers/index.d.ts → types/cute-widgets-base-core-observers.d.ts} +1 -1
- package/{core/option/index.d.ts → types/cute-widgets-base-core-option.d.ts} +1 -1
- package/{datepicker/index.d.ts → types/cute-widgets-base-datepicker.d.ts} +2 -2
- package/{expansion/index.d.ts → types/cute-widgets-base-expansion.d.ts} +4 -14
- package/{form-field/index.d.ts → types/cute-widgets-base-form-field.d.ts} +1 -1
- package/{icon/index.d.ts → types/cute-widgets-base-icon.d.ts} +1 -1
- package/{input/index.d.ts → types/cute-widgets-base-input.d.ts} +1 -1
- package/{menu/index.d.ts → types/cute-widgets-base-menu.d.ts} +202 -121
- package/{progress/index.d.ts → types/cute-widgets-base-progress.d.ts} +1 -1
- package/{radio/index.d.ts → types/cute-widgets-base-radio.d.ts} +2 -2
- package/{sidenav/index.d.ts → types/cute-widgets-base-sidenav.d.ts} +1 -1
- package/{snack-bar/index.d.ts → types/cute-widgets-base-snack-bar.d.ts} +1 -1
- package/{sort/index.d.ts → types/cute-widgets-base-sort.d.ts} +1 -1
- package/{table/index.d.ts → types/cute-widgets-base-table.d.ts} +1 -1
- package/{tree/index.d.ts → types/cute-widgets-base-tree.d.ts} +2 -2
- /package/{alert/index.d.ts → types/cute-widgets-base-alert.d.ts} +0 -0
- /package/{card/index.d.ts → types/cute-widgets-base-card.d.ts} +0 -0
- /package/{collapse/index.d.ts → types/cute-widgets-base-collapse.d.ts} +0 -0
- /package/{core/animation/index.d.ts → types/cute-widgets-base-core-animation.d.ts} +0 -0
- /package/{core/datetime/index.d.ts → types/cute-widgets-base-core-datetime.d.ts} +0 -0
- /package/{core/directives/index.d.ts → types/cute-widgets-base-core-directives.d.ts} +0 -0
- /package/{core/error/index.d.ts → types/cute-widgets-base-core-error.d.ts} +0 -0
- /package/{core/interfaces/index.d.ts → types/cute-widgets-base-core-interfaces.d.ts} +0 -0
- /package/{core/layout/index.d.ts → types/cute-widgets-base-core-layout.d.ts} +0 -0
- /package/{core/line/index.d.ts → types/cute-widgets-base-core-line.d.ts} +0 -0
- /package/{core/pipes/index.d.ts → types/cute-widgets-base-core-pipes.d.ts} +0 -0
- /package/{core/ripple/index.d.ts → types/cute-widgets-base-core-ripple.d.ts} +0 -0
- /package/{core/testing/index.d.ts → types/cute-widgets-base-core-testing.d.ts} +0 -0
- /package/{core/theming/index.d.ts → types/cute-widgets-base-core-theming.d.ts} +0 -0
- /package/{core/types/index.d.ts → types/cute-widgets-base-core-types.d.ts} +0 -0
- /package/{core/utils/index.d.ts → types/cute-widgets-base-core-utils.d.ts} +0 -0
- /package/{core/index.d.ts → types/cute-widgets-base-core.d.ts} +0 -0
- /package/{dialog/index.d.ts → types/cute-widgets-base-dialog.d.ts} +0 -0
- /package/{divider/index.d.ts → types/cute-widgets-base-divider.d.ts} +0 -0
- /package/{grid-list/index.d.ts → types/cute-widgets-base-grid-list.d.ts} +0 -0
- /package/{layout/container/index.d.ts → types/cute-widgets-base-layout-container.d.ts} +0 -0
- /package/{layout/stack/index.d.ts → types/cute-widgets-base-layout-stack.d.ts} +0 -0
- /package/{layout/index.d.ts → types/cute-widgets-base-layout.d.ts} +0 -0
- /package/{list/index.d.ts → types/cute-widgets-base-list.d.ts} +0 -0
- /package/{navbar/index.d.ts → types/cute-widgets-base-navbar.d.ts} +0 -0
- /package/{paginator/index.d.ts → types/cute-widgets-base-paginator.d.ts} +0 -0
- /package/{select/index.d.ts → types/cute-widgets-base-select.d.ts} +0 -0
- /package/{slider/index.d.ts → types/cute-widgets-base-slider.d.ts} +0 -0
- /package/{spinner/index.d.ts → types/cute-widgets-base-spinner.d.ts} +0 -0
- /package/{stepper/index.d.ts → types/cute-widgets-base-stepper.d.ts} +0 -0
- /package/{tabs/index.d.ts → types/cute-widgets-base-tabs.d.ts} +0 -0
- /package/{timepicker/index.d.ts → types/cute-widgets-base-timepicker.d.ts} +0 -0
- /package/{toolbar/index.d.ts → types/cute-widgets-base-toolbar.d.ts} +0 -0
- /package/{tooltip/index.d.ts → types/cute-widgets-base-tooltip.d.ts} +0 -0
- /package/{index.d.ts → types/cute-widgets-base.d.ts} +0 -0
|
@@ -105,10 +105,10 @@ class CuteDatepickerIntl {
|
|
|
105
105
|
formatYearRangeLabel(start, end) {
|
|
106
106
|
return `${start} to ${end}`;
|
|
107
107
|
}
|
|
108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
109
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
108
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
109
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerIntl, providedIn: 'root' }); }
|
|
110
110
|
}
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerIntl, decorators: [{
|
|
112
112
|
type: Injectable,
|
|
113
113
|
args: [{ providedIn: 'root' }]
|
|
114
114
|
}] });
|
|
@@ -567,14 +567,14 @@ class CuteCalendarBody {
|
|
|
567
567
|
}
|
|
568
568
|
return null;
|
|
569
569
|
}
|
|
570
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
571
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuteCalendarBody, isStandalone: true, selector: "[cute-calendar-body]", inputs: { label: "label", rows: "rows", todayValue: "todayValue", startValue: "startValue", endValue: "endValue", labelMinRequiredCells: "labelMinRequiredCells", numCols: "numCols", activeCell: "activeCell", isRange: "isRange", cellAspectRatio: "cellAspectRatio", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", previewStart: "previewStart", previewEnd: "previewEnd", startDateAccessibleName: "startDateAccessibleName", endDateAccessibleName: "endDateAccessibleName" }, outputs: { selectedValueChange: "selectedValueChange", previewChange: "previewChange", activeDateChange: "activeDateChange", dragStarted: "dragStarted", dragEnded: "dragEnded" }, host: { classAttribute: "cute-calendar-body" }, exportAs: ["cuteCalendarBody"], usesOnChanges: true, ngImport: i0, template: "<!--\r\n If there's not enough space in the first row, create a separate label row. We mark this row as\r\n aria-hidden because we don't want it to be read out as one of the weeks in the month.\r\n-->\r\n@if (_firstRowOffset < labelMinRequiredCells) {\r\n <tr aria-hidden=\"true\">\r\n <td class=\"cute-calendar-body-label\"\r\n [attr.colspan]=\"numCols\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\">\r\n {{label}}\r\n </td>\r\n </tr>\r\n}\r\n\r\n<!-- Create the first row separately so we can include a special spacer cell. -->\r\n@for (row of rows; track _trackRow(row); let rowIndex = $index) {\r\n <tr role=\"row\">\r\n <!--\r\n This cell is purely decorative, but we can't put `aria-hidden` or `role=\"presentation\"` on it,\r\n because it throws off the week days for the rest of the row on NVDA. The aspect ratio of the\r\n table cells is maintained by setting the top and bottom padding as a percentage of the width\r\n (a variant of the trick described here: https://www.w3schools.com/howto/howto_css_aspect_ratio.asp).\r\n -->\r\n @if (rowIndex === 0 && _firstRowOffset) {\r\n <td\r\n class=\"cute-calendar-body-label\"\r\n [attr.colspan]=\"_firstRowOffset\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\">\r\n {{_firstRowOffset >= labelMinRequiredCells ? label : ''}}\r\n </td>\r\n }\r\n <!--\r\n Each gridcell in the calendar contains a button, which signals to assistive technology that the\r\n cell is interactable, as well as the selection state via `aria-pressed`. See #23476 for\r\n background.\r\n -->\r\n @for (item of row; track item.id; let colIndex = $index) {\r\n <td\r\n role=\"gridcell\"\r\n class=\"cute-calendar-body-cell-container\"\r\n [style.width]=\"_cellWidth\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\"\r\n [attr.data-cute-row]=\"rowIndex\"\r\n [attr.data-cute-col]=\"colIndex\"\r\n >\r\n <button\r\n type=\"button\"\r\n class=\"cute-calendar-body-cell\"\r\n [ngClass]=\"item.cssClasses\"\r\n [tabindex]=\"_isActiveCell(rowIndex, colIndex) ? 0 : -1\"\r\n [class.cute-calendar-body-disabled]=\"!item.enabled\"\r\n [class.cute-calendar-body-active]=\"_isActiveCell(rowIndex, colIndex)\"\r\n [class.cute-calendar-body-range-start]=\"_isRangeStart(item.compareValue)\"\r\n [class.cute-calendar-body-range-end]=\"_isRangeEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-range]=\"_isInRange(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-bridge-start]=\"_isComparisonBridgeStart(item.compareValue, rowIndex, colIndex)\"\r\n [class.cute-calendar-body-comparison-bridge-end]=\"_isComparisonBridgeEnd(item.compareValue, rowIndex, colIndex)\"\r\n [class.cute-calendar-body-comparison-start]=\"_isComparisonStart(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-end]=\"_isComparisonEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-comparison-range]=\"_isInComparisonRange(item.compareValue)\"\r\n [class.cute-calendar-body-preview-start]=\"_isPreviewStart(item.compareValue)\"\r\n [class.cute-calendar-body-preview-end]=\"_isPreviewEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-preview]=\"_isInPreview(item.compareValue)\"\r\n [attr.aria-label]=\"item.ariaLabel\"\r\n [attr.aria-disabled]=\"!item.enabled ? 'true' : null\"\r\n [attr.aria-pressed]=\"_isSelected(item.compareValue)\"\r\n [attr.aria-current]=\"todayValue === item.compareValue ? 'date' : null\"\r\n [attr.aria-describedby]=\"_getDescribedby(item.compareValue)\"\r\n (click)=\"_cellClicked(item, $event)\"\r\n (focus)=\"_emitActiveDateChange(item, $event)\">\r\n <span class=\"cute-calendar-body-cell-content cute-focus-indicator\"\r\n [class.cute-calendar-body-selected]=\"_isSelected(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-identical]=\"_isComparisonIdentical(item.compareValue)\"\r\n [class.cute-calendar-body-today]=\"todayValue === item.compareValue\">\r\n {{item.displayValue}}\r\n </span>\r\n <span class=\"cute-calendar-body-cell-preview\" aria-hidden=\"true\"></span>\r\n </button>\r\n </td>\r\n }\r\n </tr>\r\n}\r\n\r\n<label [id]=\"_startDateLabelId\" class=\"cute-calendar-body-hidden-label\">\r\n {{startDateAccessibleName}}\r\n</label>\r\n<label [id]=\"_endDateLabelId\" class=\"cute-calendar-body-hidden-label\">\r\n {{endDateAccessibleName}}\r\n</label>\r\n", styles: [".cute-calendar-body{--cute-calendar-date-today-outline-color: var(--bs-primary);--cute-calendar-date-selected-state-background-color: var(--bs-primary-bg-subtle);--cute-calendar-date-selected-state-text-color: var(--bs-body-color);--cute-calendar-date-selected-state-border-color: var(--bs-primary-border-subtle);--cute-calendar-date-selected-disabled-state-background-color: var(--bs-secondary-bg-subtle);--cute-calendar-date-today-selected-state-outline-color: var(--bs-danger);--cute-calendar-date-focus-state-background-color: var(--bs-secondary-bg);--cute-calendar-date-preview-state-outline-color: var(--bs-primary-border-subtle);--cute-calendar-date-disabled-state-text-color: var(--bs-secondary);--cute-calendar-date-in-range-state-background-color: var(--bs-primary-bg-subtle);--cute-calendar-date-in-comparison-range-state-background-color: rgba(var(--bs-primary-rgb), .09);--cute-calendar-date-in-overlap-range-state-background-color: rgba(var(--bs-primary-rgb), .15);min-width:224px}.cute-calendar-body-today:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){border-color:var(--cute-calendar-date-today-outline-color)}.cute-calendar-body-label{height:0;line-height:0;text-align:start;padding-left:4.7142857143%;padding-right:4.7142857143%}.cute-calendar-body-hidden-label{display:none}.cute-calendar-body-cell-container{position:relative;height:0;line-height:0}.cute-calendar-body-cell{--cute-calendar-body-cell-hover-color: rgba(var(--bs-secondary-rgb), .1);-webkit-user-select:none;user-select:none;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%;background:none;text-align:center;outline:none;font-family:inherit;margin:0}.cute-calendar-body-cell::-moz-focus-inner{border:0}.cute-calendar-body-cell:before,.cute-calendar-body-cell:after,.cute-calendar-body-cell-preview{content:\"\";position:absolute;top:5%;left:0;z-index:0;box-sizing:border-box;display:block;height:90%;width:100%}.cute-calendar-body-range-start:not(.cute-calendar-body-in-comparison-range):before,.cute-calendar-body-range-start:after,.cute-calendar-body-comparison-start:not(.cute-calendar-body-comparison-bridge-start):before,.cute-calendar-body-comparison-start:after,.cute-calendar-body-preview-start .cute-calendar-body-cell-preview{left:5%;width:95%;border-top-left-radius:999px;border-bottom-left-radius:999px}[dir=rtl] .cute-calendar-body-range-start:not(.cute-calendar-body-in-comparison-range):before,[dir=rtl] .cute-calendar-body-range-start:after,[dir=rtl] .cute-calendar-body-comparison-start:not(.cute-calendar-body-comparison-bridge-start):before,[dir=rtl] .cute-calendar-body-comparison-start:after,[dir=rtl] .cute-calendar-body-preview-start .cute-calendar-body-cell-preview{left:0;border-radius:0 999px 999px 0}.cute-calendar-body-range-end:not(.cute-calendar-body-in-comparison-range):before,.cute-calendar-body-range-end:after,.cute-calendar-body-comparison-end:not(.cute-calendar-body-comparison-bridge-end):before,.cute-calendar-body-comparison-end:after,.cute-calendar-body-preview-end .cute-calendar-body-cell-preview{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}[dir=rtl] .cute-calendar-body-range-end:not(.cute-calendar-body-in-comparison-range):before,[dir=rtl] .cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-end:not(.cute-calendar-body-comparison-bridge-end):before,[dir=rtl] .cute-calendar-body-comparison-end:after,[dir=rtl] .cute-calendar-body-preview-end .cute-calendar-body-cell-preview{left:5%;border-radius:999px 0 0 999px}[dir=rtl] .cute-calendar-body-comparison-bridge-start.cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-bridge-end.cute-calendar-body-range-start:after{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}.cute-calendar-body-comparison-start.cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-start.cute-calendar-body-range-end:after,.cute-calendar-body-comparison-end.cute-calendar-body-range-start:after,[dir=rtl] .cute-calendar-body-comparison-end.cute-calendar-body-range-start:after{width:90%}.cute-calendar-body-in-preview{color:var(--cute-calendar-date-preview-state-outline-color)}.cute-calendar-body-in-preview .cute-calendar-body-cell-preview{border-top:dashed 1px;border-bottom:dashed 1px}.cute-calendar-body-preview-start .cute-calendar-body-cell-preview{border-left:dashed 1px}[dir=rtl] .cute-calendar-body-preview-start .cute-calendar-body-cell-preview{border-left:0;border-right:dashed 1px}.cute-calendar-body-preview-end .cute-calendar-body-cell-preview{border-right:dashed 1px}[dir=rtl] .cute-calendar-body-preview-end .cute-calendar-body-cell-preview{border-right:0;border-left:dashed 1px}.cute-calendar-body-disabled{cursor:default!important}.cute-calendar-body-disabled>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){color:var(--cute-calendar-date-disabled-state-text-color);border-color:transparent}.cute-calendar-body-disabled>.cute-calendar-body-today:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){border-color:var(--cute-calendar-date-today-disabled-state-outline-color)}@media (forced-colors: active){.cute-calendar-body-disabled{opacity:.5}}.cute-calendar-body-cell-content{top:5%;left:5%;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;line-height:1;border-width:var(--bs-border-width);border-style:solid;border-radius:999px;border-color:transparent;color:var(--bs-body-color)}.cute-calendar-body-cell-content:hover{border-color:var(--cute-calendar-body-cell-hover-color)}.cute-calendar-body-cell-content.cute-focus-indicator{position:absolute}@media (forced-colors: active){.cute-calendar-body-cell-content{border:none}}.cdk-keyboard-focused .cute-calendar-body-active>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical),.cdk-program-focused .cute-calendar-body-active>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){background-color:var(--cute-calendar-date-focus-state-background-color)}@media (hover: hover){.cute-calendar-body-cell:not(.cute-calendar-body-disabled):hover>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){background-color:var(--cute-calendar-body-cell-hover-color)}}.cute-calendar-body-selected{background-color:var(--cute-calendar-date-selected-state-background-color);border-color:var(--cute-calendar-date-selected-state-border-color);color:var(--cute-calendar-date-selected-state-text-color)}.cute-calendar-body-disabled>.cute-calendar-body-selected{background-color:var(--cute-calendar-date-selected-disabled-state-background-color)}.cute-calendar-body-selected.cute-calendar-body-today{box-shadow:inset 0 0 0 1px var(var(--cute-calendar-date-today-selected-state-outline-color))}.cute-calendar-body-in-range:before{background:var(--cute-calendar-date-in-range-state-background-color)}.cute-calendar-body-comparison-identical,.cute-calendar-body-in-comparison-range:before{background:var(--cute-calendar-date-in-comparison-range-state-background-color)}.cute-calendar-body-comparison-bridge-start:before,[dir=rtl] .cute-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,var(--cute-calendar-date-in-range-state-background-color),var(--cute-calendar-date-in-comparison-range-state-background-color))}.cute-calendar-body-comparison-bridge-end:before,[dir=rtl] .cute-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,var(--cute-calendar-date-in-range-state-background-color),var(--cute-calendar-date-in-comparison-range-state-background-color))}.cute-calendar-body-in-range>.cute-calendar-body-comparison-identical,.cute-calendar-body-in-comparison-range.cute-calendar-body-in-range:after{background:var(--cute-calendar-date-in-overlap-range-state-background-color)}.cute-calendar-body-comparison-identical.cute-calendar-body-selected,.cute-calendar-body-in-comparison-range>.cute-calendar-body-selected{background:var(--cute-calendar-date-in-overlap-range-selected-state-background-color)}@media (forced-colors: active){.cute-datepicker-popup:not(:empty),.cute-calendar-body-cell:not(.cute-calendar-body-in-range) .cute-calendar-body-selected{outline:solid 1px}.cute-calendar-body-today{outline:dotted 1px}.cute-calendar-body-cell:before,.cute-calendar-body-cell:after,.cute-calendar-body-selected{background:none}.cute-calendar-body-in-range:before,.cute-calendar-body-comparison-bridge-start:before,.cute-calendar-body-comparison-bridge-end:before{border-top:solid 1px;border-bottom:solid 1px}.cute-calendar-body-range-start:before{border-left:solid 1px}[dir=rtl] .cute-calendar-body-range-start:before{border-left:0;border-right:solid 1px}.cute-calendar-body-range-end:before{border-right:solid 1px}[dir=rtl] .cute-calendar-body-range-end:before{border-right:0;border-left:solid 1px}.cute-calendar-body-in-comparison-range:before{border-top:dashed 1px;border-bottom:dashed 1px}.cute-calendar-body-comparison-start:before{border-left:dashed 1px}[dir=rtl] .cute-calendar-body-comparison-start:before{border-left:0;border-right:dashed 1px}.cute-calendar-body-comparison-end:before{border-right:dashed 1px}[dir=rtl] .cute-calendar-body-comparison-end:before{border-right:0;border-left:dashed 1px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
570
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCalendarBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteCalendarBody, isStandalone: true, selector: "[cute-calendar-body]", inputs: { label: "label", rows: "rows", todayValue: "todayValue", startValue: "startValue", endValue: "endValue", labelMinRequiredCells: "labelMinRequiredCells", numCols: "numCols", activeCell: "activeCell", isRange: "isRange", cellAspectRatio: "cellAspectRatio", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", previewStart: "previewStart", previewEnd: "previewEnd", startDateAccessibleName: "startDateAccessibleName", endDateAccessibleName: "endDateAccessibleName" }, outputs: { selectedValueChange: "selectedValueChange", previewChange: "previewChange", activeDateChange: "activeDateChange", dragStarted: "dragStarted", dragEnded: "dragEnded" }, host: { classAttribute: "cute-calendar-body" }, exportAs: ["cuteCalendarBody"], usesOnChanges: true, ngImport: i0, template: "<!--\r\n If there's not enough space in the first row, create a separate label row. We mark this row as\r\n aria-hidden because we don't want it to be read out as one of the weeks in the month.\r\n-->\r\n@if (_firstRowOffset < labelMinRequiredCells) {\r\n <tr aria-hidden=\"true\">\r\n <td class=\"cute-calendar-body-label\"\r\n [attr.colspan]=\"numCols\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\">\r\n {{label}}\r\n </td>\r\n </tr>\r\n}\r\n\r\n<!-- Create the first row separately so we can include a special spacer cell. -->\r\n@for (row of rows; track _trackRow(row); let rowIndex = $index) {\r\n <tr role=\"row\">\r\n <!--\r\n This cell is purely decorative, but we can't put `aria-hidden` or `role=\"presentation\"` on it,\r\n because it throws off the week days for the rest of the row on NVDA. The aspect ratio of the\r\n table cells is maintained by setting the top and bottom padding as a percentage of the width\r\n (a variant of the trick described here: https://www.w3schools.com/howto/howto_css_aspect_ratio.asp).\r\n -->\r\n @if (rowIndex === 0 && _firstRowOffset) {\r\n <td\r\n class=\"cute-calendar-body-label\"\r\n [attr.colspan]=\"_firstRowOffset\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\">\r\n {{_firstRowOffset >= labelMinRequiredCells ? label : ''}}\r\n </td>\r\n }\r\n <!--\r\n Each gridcell in the calendar contains a button, which signals to assistive technology that the\r\n cell is interactable, as well as the selection state via `aria-pressed`. See #23476 for\r\n background.\r\n -->\r\n @for (item of row; track item.id; let colIndex = $index) {\r\n <td\r\n role=\"gridcell\"\r\n class=\"cute-calendar-body-cell-container\"\r\n [style.width]=\"_cellWidth\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\"\r\n [attr.data-cute-row]=\"rowIndex\"\r\n [attr.data-cute-col]=\"colIndex\"\r\n >\r\n <button\r\n type=\"button\"\r\n class=\"cute-calendar-body-cell\"\r\n [ngClass]=\"item.cssClasses\"\r\n [tabindex]=\"_isActiveCell(rowIndex, colIndex) ? 0 : -1\"\r\n [class.cute-calendar-body-disabled]=\"!item.enabled\"\r\n [class.cute-calendar-body-active]=\"_isActiveCell(rowIndex, colIndex)\"\r\n [class.cute-calendar-body-range-start]=\"_isRangeStart(item.compareValue)\"\r\n [class.cute-calendar-body-range-end]=\"_isRangeEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-range]=\"_isInRange(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-bridge-start]=\"_isComparisonBridgeStart(item.compareValue, rowIndex, colIndex)\"\r\n [class.cute-calendar-body-comparison-bridge-end]=\"_isComparisonBridgeEnd(item.compareValue, rowIndex, colIndex)\"\r\n [class.cute-calendar-body-comparison-start]=\"_isComparisonStart(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-end]=\"_isComparisonEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-comparison-range]=\"_isInComparisonRange(item.compareValue)\"\r\n [class.cute-calendar-body-preview-start]=\"_isPreviewStart(item.compareValue)\"\r\n [class.cute-calendar-body-preview-end]=\"_isPreviewEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-preview]=\"_isInPreview(item.compareValue)\"\r\n [attr.aria-label]=\"item.ariaLabel\"\r\n [attr.aria-disabled]=\"!item.enabled ? 'true' : null\"\r\n [attr.aria-pressed]=\"_isSelected(item.compareValue)\"\r\n [attr.aria-current]=\"todayValue === item.compareValue ? 'date' : null\"\r\n [attr.aria-describedby]=\"_getDescribedby(item.compareValue)\"\r\n (click)=\"_cellClicked(item, $event)\"\r\n (focus)=\"_emitActiveDateChange(item, $event)\">\r\n <span class=\"cute-calendar-body-cell-content cute-focus-indicator\"\r\n [class.cute-calendar-body-selected]=\"_isSelected(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-identical]=\"_isComparisonIdentical(item.compareValue)\"\r\n [class.cute-calendar-body-today]=\"todayValue === item.compareValue\">\r\n {{item.displayValue}}\r\n </span>\r\n <span class=\"cute-calendar-body-cell-preview\" aria-hidden=\"true\"></span>\r\n </button>\r\n </td>\r\n }\r\n </tr>\r\n}\r\n\r\n<label [id]=\"_startDateLabelId\" class=\"cute-calendar-body-hidden-label\">\r\n {{startDateAccessibleName}}\r\n</label>\r\n<label [id]=\"_endDateLabelId\" class=\"cute-calendar-body-hidden-label\">\r\n {{endDateAccessibleName}}\r\n</label>\r\n", styles: [".cute-calendar-body{--cute-calendar-date-today-outline-color: var(--bs-primary);--cute-calendar-date-selected-state-background-color: var(--bs-primary-bg-subtle);--cute-calendar-date-selected-state-text-color: var(--bs-body-color);--cute-calendar-date-selected-state-border-color: var(--bs-primary-border-subtle);--cute-calendar-date-selected-disabled-state-background-color: var(--bs-secondary-bg-subtle);--cute-calendar-date-today-selected-state-outline-color: var(--bs-danger);--cute-calendar-date-focus-state-background-color: var(--bs-secondary-bg);--cute-calendar-date-preview-state-outline-color: var(--bs-primary-border-subtle);--cute-calendar-date-disabled-state-text-color: var(--bs-secondary);--cute-calendar-date-in-range-state-background-color: var(--bs-primary-bg-subtle);--cute-calendar-date-in-comparison-range-state-background-color: rgba(var(--bs-primary-rgb), .09);--cute-calendar-date-in-overlap-range-state-background-color: rgba(var(--bs-primary-rgb), .15);min-width:224px}.cute-calendar-body-today:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){border-color:var(--cute-calendar-date-today-outline-color)}.cute-calendar-body-label{height:0;line-height:0;text-align:start;padding-left:4.7142857143%;padding-right:4.7142857143%}.cute-calendar-body-hidden-label{display:none}.cute-calendar-body-cell-container{position:relative;height:0;line-height:0}.cute-calendar-body-cell{--cute-calendar-body-cell-hover-color: rgba(var(--bs-secondary-rgb), .1);-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent}.cute-calendar-body-cell::-moz-focus-inner{border:0}.cute-calendar-body-cell{position:absolute;top:0;left:0;width:100%;height:100%;background:none;text-align:center;outline:none;font-family:inherit;margin:0}.cute-calendar-body-cell:before,.cute-calendar-body-cell:after,.cute-calendar-body-cell-preview{content:\"\";position:absolute;top:5%;left:0;z-index:0;box-sizing:border-box;display:block;height:90%;width:100%}.cute-calendar-body-range-start:not(.cute-calendar-body-in-comparison-range):before,.cute-calendar-body-range-start:after,.cute-calendar-body-comparison-start:not(.cute-calendar-body-comparison-bridge-start):before,.cute-calendar-body-comparison-start:after,.cute-calendar-body-preview-start .cute-calendar-body-cell-preview{left:5%;width:95%;border-top-left-radius:999px;border-bottom-left-radius:999px}[dir=rtl] .cute-calendar-body-range-start:not(.cute-calendar-body-in-comparison-range):before,[dir=rtl] .cute-calendar-body-range-start:after,[dir=rtl] .cute-calendar-body-comparison-start:not(.cute-calendar-body-comparison-bridge-start):before,[dir=rtl] .cute-calendar-body-comparison-start:after,[dir=rtl] .cute-calendar-body-preview-start .cute-calendar-body-cell-preview{left:0;border-radius:0 999px 999px 0}.cute-calendar-body-range-end:not(.cute-calendar-body-in-comparison-range):before,.cute-calendar-body-range-end:after,.cute-calendar-body-comparison-end:not(.cute-calendar-body-comparison-bridge-end):before,.cute-calendar-body-comparison-end:after,.cute-calendar-body-preview-end .cute-calendar-body-cell-preview{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}[dir=rtl] .cute-calendar-body-range-end:not(.cute-calendar-body-in-comparison-range):before,[dir=rtl] .cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-end:not(.cute-calendar-body-comparison-bridge-end):before,[dir=rtl] .cute-calendar-body-comparison-end:after,[dir=rtl] .cute-calendar-body-preview-end .cute-calendar-body-cell-preview{left:5%;border-radius:999px 0 0 999px}[dir=rtl] .cute-calendar-body-comparison-bridge-start.cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-bridge-end.cute-calendar-body-range-start:after{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}.cute-calendar-body-comparison-start.cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-start.cute-calendar-body-range-end:after,.cute-calendar-body-comparison-end.cute-calendar-body-range-start:after,[dir=rtl] .cute-calendar-body-comparison-end.cute-calendar-body-range-start:after{width:90%}.cute-calendar-body-in-preview{color:var(--cute-calendar-date-preview-state-outline-color)}.cute-calendar-body-in-preview .cute-calendar-body-cell-preview{border-top:dashed 1px;border-bottom:dashed 1px}.cute-calendar-body-preview-start .cute-calendar-body-cell-preview{border-left:dashed 1px}[dir=rtl] .cute-calendar-body-preview-start .cute-calendar-body-cell-preview{border-left:0;border-right:dashed 1px}.cute-calendar-body-preview-end .cute-calendar-body-cell-preview{border-right:dashed 1px}[dir=rtl] .cute-calendar-body-preview-end .cute-calendar-body-cell-preview{border-right:0;border-left:dashed 1px}.cute-calendar-body-disabled{cursor:default!important}.cute-calendar-body-disabled>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){color:var(--cute-calendar-date-disabled-state-text-color);border-color:transparent}.cute-calendar-body-disabled>.cute-calendar-body-today:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){border-color:var(--cute-calendar-date-today-disabled-state-outline-color)}@media(forced-colors:active){.cute-calendar-body-disabled{opacity:.5}}.cute-calendar-body-cell-content{top:5%;left:5%;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;line-height:1;border-width:var(--bs-border-width);border-style:solid;border-radius:999px;border-color:transparent;color:var(--bs-body-color)}.cute-calendar-body-cell-content:hover{border-color:var(--cute-calendar-body-cell-hover-color)}.cute-calendar-body-cell-content.cute-focus-indicator{position:absolute}@media(forced-colors:active){.cute-calendar-body-cell-content{border:none}}.cdk-keyboard-focused .cute-calendar-body-active>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical),.cdk-program-focused .cute-calendar-body-active>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){background-color:var(--cute-calendar-date-focus-state-background-color)}@media(hover:hover){.cute-calendar-body-cell:not(.cute-calendar-body-disabled):hover>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){background-color:var(--cute-calendar-body-cell-hover-color)}}.cute-calendar-body-selected{background-color:var(--cute-calendar-date-selected-state-background-color);border-color:var(--cute-calendar-date-selected-state-border-color);color:var(--cute-calendar-date-selected-state-text-color)}.cute-calendar-body-disabled>.cute-calendar-body-selected{background-color:var(--cute-calendar-date-selected-disabled-state-background-color)}.cute-calendar-body-selected.cute-calendar-body-today{box-shadow:inset 0 0 0 1px var(var(--cute-calendar-date-today-selected-state-outline-color))}.cute-calendar-body-in-range:before{background:var(--cute-calendar-date-in-range-state-background-color)}.cute-calendar-body-comparison-identical,.cute-calendar-body-in-comparison-range:before{background:var(--cute-calendar-date-in-comparison-range-state-background-color)}.cute-calendar-body-comparison-bridge-start:before,[dir=rtl] .cute-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,var(--cute-calendar-date-in-range-state-background-color),var(--cute-calendar-date-in-comparison-range-state-background-color))}.cute-calendar-body-comparison-bridge-end:before,[dir=rtl] .cute-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,var(--cute-calendar-date-in-range-state-background-color),var(--cute-calendar-date-in-comparison-range-state-background-color))}.cute-calendar-body-in-range>.cute-calendar-body-comparison-identical,.cute-calendar-body-in-comparison-range.cute-calendar-body-in-range:after{background:var(--cute-calendar-date-in-overlap-range-state-background-color)}.cute-calendar-body-comparison-identical.cute-calendar-body-selected,.cute-calendar-body-in-comparison-range>.cute-calendar-body-selected{background:var(--cute-calendar-date-in-overlap-range-selected-state-background-color)}@media(forced-colors:active){.cute-datepicker-popup:not(:empty),.cute-calendar-body-cell:not(.cute-calendar-body-in-range) .cute-calendar-body-selected{outline:solid 1px}.cute-calendar-body-today{outline:dotted 1px}.cute-calendar-body-cell:before,.cute-calendar-body-cell:after,.cute-calendar-body-selected{background:none}.cute-calendar-body-in-range:before,.cute-calendar-body-comparison-bridge-start:before,.cute-calendar-body-comparison-bridge-end:before{border-top:solid 1px;border-bottom:solid 1px}.cute-calendar-body-range-start:before{border-left:solid 1px}[dir=rtl] .cute-calendar-body-range-start:before{border-left:0;border-right:solid 1px}.cute-calendar-body-range-end:before{border-right:solid 1px}[dir=rtl] .cute-calendar-body-range-end:before{border-right:0;border-left:solid 1px}.cute-calendar-body-in-comparison-range:before{border-top:dashed 1px;border-bottom:dashed 1px}.cute-calendar-body-comparison-start:before{border-left:dashed 1px}[dir=rtl] .cute-calendar-body-comparison-start:before{border-left:0;border-right:dashed 1px}.cute-calendar-body-comparison-end:before{border-right:dashed 1px}[dir=rtl] .cute-calendar-body-comparison-end:before{border-right:0;border-left:dashed 1px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
572
572
|
}
|
|
573
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
573
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCalendarBody, decorators: [{
|
|
574
574
|
type: Component,
|
|
575
575
|
args: [{ selector: '[cute-calendar-body]', host: {
|
|
576
576
|
'class': 'cute-calendar-body',
|
|
577
|
-
}, exportAs: 'cuteCalendarBody', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "<!--\r\n If there's not enough space in the first row, create a separate label row. We mark this row as\r\n aria-hidden because we don't want it to be read out as one of the weeks in the month.\r\n-->\r\n@if (_firstRowOffset < labelMinRequiredCells) {\r\n <tr aria-hidden=\"true\">\r\n <td class=\"cute-calendar-body-label\"\r\n [attr.colspan]=\"numCols\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\">\r\n {{label}}\r\n </td>\r\n </tr>\r\n}\r\n\r\n<!-- Create the first row separately so we can include a special spacer cell. -->\r\n@for (row of rows; track _trackRow(row); let rowIndex = $index) {\r\n <tr role=\"row\">\r\n <!--\r\n This cell is purely decorative, but we can't put `aria-hidden` or `role=\"presentation\"` on it,\r\n because it throws off the week days for the rest of the row on NVDA. The aspect ratio of the\r\n table cells is maintained by setting the top and bottom padding as a percentage of the width\r\n (a variant of the trick described here: https://www.w3schools.com/howto/howto_css_aspect_ratio.asp).\r\n -->\r\n @if (rowIndex === 0 && _firstRowOffset) {\r\n <td\r\n class=\"cute-calendar-body-label\"\r\n [attr.colspan]=\"_firstRowOffset\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\">\r\n {{_firstRowOffset >= labelMinRequiredCells ? label : ''}}\r\n </td>\r\n }\r\n <!--\r\n Each gridcell in the calendar contains a button, which signals to assistive technology that the\r\n cell is interactable, as well as the selection state via `aria-pressed`. See #23476 for\r\n background.\r\n -->\r\n @for (item of row; track item.id; let colIndex = $index) {\r\n <td\r\n role=\"gridcell\"\r\n class=\"cute-calendar-body-cell-container\"\r\n [style.width]=\"_cellWidth\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\"\r\n [attr.data-cute-row]=\"rowIndex\"\r\n [attr.data-cute-col]=\"colIndex\"\r\n >\r\n <button\r\n type=\"button\"\r\n class=\"cute-calendar-body-cell\"\r\n [ngClass]=\"item.cssClasses\"\r\n [tabindex]=\"_isActiveCell(rowIndex, colIndex) ? 0 : -1\"\r\n [class.cute-calendar-body-disabled]=\"!item.enabled\"\r\n [class.cute-calendar-body-active]=\"_isActiveCell(rowIndex, colIndex)\"\r\n [class.cute-calendar-body-range-start]=\"_isRangeStart(item.compareValue)\"\r\n [class.cute-calendar-body-range-end]=\"_isRangeEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-range]=\"_isInRange(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-bridge-start]=\"_isComparisonBridgeStart(item.compareValue, rowIndex, colIndex)\"\r\n [class.cute-calendar-body-comparison-bridge-end]=\"_isComparisonBridgeEnd(item.compareValue, rowIndex, colIndex)\"\r\n [class.cute-calendar-body-comparison-start]=\"_isComparisonStart(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-end]=\"_isComparisonEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-comparison-range]=\"_isInComparisonRange(item.compareValue)\"\r\n [class.cute-calendar-body-preview-start]=\"_isPreviewStart(item.compareValue)\"\r\n [class.cute-calendar-body-preview-end]=\"_isPreviewEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-preview]=\"_isInPreview(item.compareValue)\"\r\n [attr.aria-label]=\"item.ariaLabel\"\r\n [attr.aria-disabled]=\"!item.enabled ? 'true' : null\"\r\n [attr.aria-pressed]=\"_isSelected(item.compareValue)\"\r\n [attr.aria-current]=\"todayValue === item.compareValue ? 'date' : null\"\r\n [attr.aria-describedby]=\"_getDescribedby(item.compareValue)\"\r\n (click)=\"_cellClicked(item, $event)\"\r\n (focus)=\"_emitActiveDateChange(item, $event)\">\r\n <span class=\"cute-calendar-body-cell-content cute-focus-indicator\"\r\n [class.cute-calendar-body-selected]=\"_isSelected(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-identical]=\"_isComparisonIdentical(item.compareValue)\"\r\n [class.cute-calendar-body-today]=\"todayValue === item.compareValue\">\r\n {{item.displayValue}}\r\n </span>\r\n <span class=\"cute-calendar-body-cell-preview\" aria-hidden=\"true\"></span>\r\n </button>\r\n </td>\r\n }\r\n </tr>\r\n}\r\n\r\n<label [id]=\"_startDateLabelId\" class=\"cute-calendar-body-hidden-label\">\r\n {{startDateAccessibleName}}\r\n</label>\r\n<label [id]=\"_endDateLabelId\" class=\"cute-calendar-body-hidden-label\">\r\n {{endDateAccessibleName}}\r\n</label>\r\n", styles: [".cute-calendar-body{--cute-calendar-date-today-outline-color: var(--bs-primary);--cute-calendar-date-selected-state-background-color: var(--bs-primary-bg-subtle);--cute-calendar-date-selected-state-text-color: var(--bs-body-color);--cute-calendar-date-selected-state-border-color: var(--bs-primary-border-subtle);--cute-calendar-date-selected-disabled-state-background-color: var(--bs-secondary-bg-subtle);--cute-calendar-date-today-selected-state-outline-color: var(--bs-danger);--cute-calendar-date-focus-state-background-color: var(--bs-secondary-bg);--cute-calendar-date-preview-state-outline-color: var(--bs-primary-border-subtle);--cute-calendar-date-disabled-state-text-color: var(--bs-secondary);--cute-calendar-date-in-range-state-background-color: var(--bs-primary-bg-subtle);--cute-calendar-date-in-comparison-range-state-background-color: rgba(var(--bs-primary-rgb), .09);--cute-calendar-date-in-overlap-range-state-background-color: rgba(var(--bs-primary-rgb), .15);min-width:224px}.cute-calendar-body-today:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){border-color:var(--cute-calendar-date-today-outline-color)}.cute-calendar-body-label{height:0;line-height:0;text-align:start;padding-left:4.7142857143%;padding-right:4.7142857143%}.cute-calendar-body-hidden-label{display:none}.cute-calendar-body-cell-container{position:relative;height:0;line-height:0}.cute-calendar-body-cell{--cute-calendar-body-cell-hover-color: rgba(var(--bs-secondary-rgb), .1);-webkit-user-select:none;user-select:none;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%;background:none;text-align:center;outline:none;font-family:inherit;margin:0}.cute-calendar-body-cell::-moz-focus-inner{border:0}.cute-calendar-body-cell:before,.cute-calendar-body-cell:after,.cute-calendar-body-cell-preview{content:\"\";position:absolute;top:5%;left:0;z-index:0;box-sizing:border-box;display:block;height:90%;width:100%}.cute-calendar-body-range-start:not(.cute-calendar-body-in-comparison-range):before,.cute-calendar-body-range-start:after,.cute-calendar-body-comparison-start:not(.cute-calendar-body-comparison-bridge-start):before,.cute-calendar-body-comparison-start:after,.cute-calendar-body-preview-start .cute-calendar-body-cell-preview{left:5%;width:95%;border-top-left-radius:999px;border-bottom-left-radius:999px}[dir=rtl] .cute-calendar-body-range-start:not(.cute-calendar-body-in-comparison-range):before,[dir=rtl] .cute-calendar-body-range-start:after,[dir=rtl] .cute-calendar-body-comparison-start:not(.cute-calendar-body-comparison-bridge-start):before,[dir=rtl] .cute-calendar-body-comparison-start:after,[dir=rtl] .cute-calendar-body-preview-start .cute-calendar-body-cell-preview{left:0;border-radius:0 999px 999px 0}.cute-calendar-body-range-end:not(.cute-calendar-body-in-comparison-range):before,.cute-calendar-body-range-end:after,.cute-calendar-body-comparison-end:not(.cute-calendar-body-comparison-bridge-end):before,.cute-calendar-body-comparison-end:after,.cute-calendar-body-preview-end .cute-calendar-body-cell-preview{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}[dir=rtl] .cute-calendar-body-range-end:not(.cute-calendar-body-in-comparison-range):before,[dir=rtl] .cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-end:not(.cute-calendar-body-comparison-bridge-end):before,[dir=rtl] .cute-calendar-body-comparison-end:after,[dir=rtl] .cute-calendar-body-preview-end .cute-calendar-body-cell-preview{left:5%;border-radius:999px 0 0 999px}[dir=rtl] .cute-calendar-body-comparison-bridge-start.cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-bridge-end.cute-calendar-body-range-start:after{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}.cute-calendar-body-comparison-start.cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-start.cute-calendar-body-range-end:after,.cute-calendar-body-comparison-end.cute-calendar-body-range-start:after,[dir=rtl] .cute-calendar-body-comparison-end.cute-calendar-body-range-start:after{width:90%}.cute-calendar-body-in-preview{color:var(--cute-calendar-date-preview-state-outline-color)}.cute-calendar-body-in-preview .cute-calendar-body-cell-preview{border-top:dashed 1px;border-bottom:dashed 1px}.cute-calendar-body-preview-start .cute-calendar-body-cell-preview{border-left:dashed 1px}[dir=rtl] .cute-calendar-body-preview-start .cute-calendar-body-cell-preview{border-left:0;border-right:dashed 1px}.cute-calendar-body-preview-end .cute-calendar-body-cell-preview{border-right:dashed 1px}[dir=rtl] .cute-calendar-body-preview-end .cute-calendar-body-cell-preview{border-right:0;border-left:dashed 1px}.cute-calendar-body-disabled{cursor:default!important}.cute-calendar-body-disabled>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){color:var(--cute-calendar-date-disabled-state-text-color);border-color:transparent}.cute-calendar-body-disabled>.cute-calendar-body-today:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){border-color:var(--cute-calendar-date-today-disabled-state-outline-color)}@media (forced-colors: active){.cute-calendar-body-disabled{opacity:.5}}.cute-calendar-body-cell-content{top:5%;left:5%;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;line-height:1;border-width:var(--bs-border-width);border-style:solid;border-radius:999px;border-color:transparent;color:var(--bs-body-color)}.cute-calendar-body-cell-content:hover{border-color:var(--cute-calendar-body-cell-hover-color)}.cute-calendar-body-cell-content.cute-focus-indicator{position:absolute}@media (forced-colors: active){.cute-calendar-body-cell-content{border:none}}.cdk-keyboard-focused .cute-calendar-body-active>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical),.cdk-program-focused .cute-calendar-body-active>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){background-color:var(--cute-calendar-date-focus-state-background-color)}@media (hover: hover){.cute-calendar-body-cell:not(.cute-calendar-body-disabled):hover>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){background-color:var(--cute-calendar-body-cell-hover-color)}}.cute-calendar-body-selected{background-color:var(--cute-calendar-date-selected-state-background-color);border-color:var(--cute-calendar-date-selected-state-border-color);color:var(--cute-calendar-date-selected-state-text-color)}.cute-calendar-body-disabled>.cute-calendar-body-selected{background-color:var(--cute-calendar-date-selected-disabled-state-background-color)}.cute-calendar-body-selected.cute-calendar-body-today{box-shadow:inset 0 0 0 1px var(var(--cute-calendar-date-today-selected-state-outline-color))}.cute-calendar-body-in-range:before{background:var(--cute-calendar-date-in-range-state-background-color)}.cute-calendar-body-comparison-identical,.cute-calendar-body-in-comparison-range:before{background:var(--cute-calendar-date-in-comparison-range-state-background-color)}.cute-calendar-body-comparison-bridge-start:before,[dir=rtl] .cute-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,var(--cute-calendar-date-in-range-state-background-color),var(--cute-calendar-date-in-comparison-range-state-background-color))}.cute-calendar-body-comparison-bridge-end:before,[dir=rtl] .cute-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,var(--cute-calendar-date-in-range-state-background-color),var(--cute-calendar-date-in-comparison-range-state-background-color))}.cute-calendar-body-in-range>.cute-calendar-body-comparison-identical,.cute-calendar-body-in-comparison-range.cute-calendar-body-in-range:after{background:var(--cute-calendar-date-in-overlap-range-state-background-color)}.cute-calendar-body-comparison-identical.cute-calendar-body-selected,.cute-calendar-body-in-comparison-range>.cute-calendar-body-selected{background:var(--cute-calendar-date-in-overlap-range-selected-state-background-color)}@media (forced-colors: active){.cute-datepicker-popup:not(:empty),.cute-calendar-body-cell:not(.cute-calendar-body-in-range) .cute-calendar-body-selected{outline:solid 1px}.cute-calendar-body-today{outline:dotted 1px}.cute-calendar-body-cell:before,.cute-calendar-body-cell:after,.cute-calendar-body-selected{background:none}.cute-calendar-body-in-range:before,.cute-calendar-body-comparison-bridge-start:before,.cute-calendar-body-comparison-bridge-end:before{border-top:solid 1px;border-bottom:solid 1px}.cute-calendar-body-range-start:before{border-left:solid 1px}[dir=rtl] .cute-calendar-body-range-start:before{border-left:0;border-right:solid 1px}.cute-calendar-body-range-end:before{border-right:solid 1px}[dir=rtl] .cute-calendar-body-range-end:before{border-right:0;border-left:solid 1px}.cute-calendar-body-in-comparison-range:before{border-top:dashed 1px;border-bottom:dashed 1px}.cute-calendar-body-comparison-start:before{border-left:dashed 1px}[dir=rtl] .cute-calendar-body-comparison-start:before{border-left:0;border-right:dashed 1px}.cute-calendar-body-comparison-end:before{border-right:dashed 1px}[dir=rtl] .cute-calendar-body-comparison-end:before{border-right:0;border-left:dashed 1px}}\n"] }]
|
|
577
|
+
}, exportAs: 'cuteCalendarBody', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "<!--\r\n If there's not enough space in the first row, create a separate label row. We mark this row as\r\n aria-hidden because we don't want it to be read out as one of the weeks in the month.\r\n-->\r\n@if (_firstRowOffset < labelMinRequiredCells) {\r\n <tr aria-hidden=\"true\">\r\n <td class=\"cute-calendar-body-label\"\r\n [attr.colspan]=\"numCols\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\">\r\n {{label}}\r\n </td>\r\n </tr>\r\n}\r\n\r\n<!-- Create the first row separately so we can include a special spacer cell. -->\r\n@for (row of rows; track _trackRow(row); let rowIndex = $index) {\r\n <tr role=\"row\">\r\n <!--\r\n This cell is purely decorative, but we can't put `aria-hidden` or `role=\"presentation\"` on it,\r\n because it throws off the week days for the rest of the row on NVDA. The aspect ratio of the\r\n table cells is maintained by setting the top and bottom padding as a percentage of the width\r\n (a variant of the trick described here: https://www.w3schools.com/howto/howto_css_aspect_ratio.asp).\r\n -->\r\n @if (rowIndex === 0 && _firstRowOffset) {\r\n <td\r\n class=\"cute-calendar-body-label\"\r\n [attr.colspan]=\"_firstRowOffset\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\">\r\n {{_firstRowOffset >= labelMinRequiredCells ? label : ''}}\r\n </td>\r\n }\r\n <!--\r\n Each gridcell in the calendar contains a button, which signals to assistive technology that the\r\n cell is interactable, as well as the selection state via `aria-pressed`. See #23476 for\r\n background.\r\n -->\r\n @for (item of row; track item.id; let colIndex = $index) {\r\n <td\r\n role=\"gridcell\"\r\n class=\"cute-calendar-body-cell-container\"\r\n [style.width]=\"_cellWidth\"\r\n [style.padding-top]=\"_cellPadding\"\r\n [style.padding-bottom]=\"_cellPadding\"\r\n [attr.data-cute-row]=\"rowIndex\"\r\n [attr.data-cute-col]=\"colIndex\"\r\n >\r\n <button\r\n type=\"button\"\r\n class=\"cute-calendar-body-cell\"\r\n [ngClass]=\"item.cssClasses\"\r\n [tabindex]=\"_isActiveCell(rowIndex, colIndex) ? 0 : -1\"\r\n [class.cute-calendar-body-disabled]=\"!item.enabled\"\r\n [class.cute-calendar-body-active]=\"_isActiveCell(rowIndex, colIndex)\"\r\n [class.cute-calendar-body-range-start]=\"_isRangeStart(item.compareValue)\"\r\n [class.cute-calendar-body-range-end]=\"_isRangeEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-range]=\"_isInRange(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-bridge-start]=\"_isComparisonBridgeStart(item.compareValue, rowIndex, colIndex)\"\r\n [class.cute-calendar-body-comparison-bridge-end]=\"_isComparisonBridgeEnd(item.compareValue, rowIndex, colIndex)\"\r\n [class.cute-calendar-body-comparison-start]=\"_isComparisonStart(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-end]=\"_isComparisonEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-comparison-range]=\"_isInComparisonRange(item.compareValue)\"\r\n [class.cute-calendar-body-preview-start]=\"_isPreviewStart(item.compareValue)\"\r\n [class.cute-calendar-body-preview-end]=\"_isPreviewEnd(item.compareValue)\"\r\n [class.cute-calendar-body-in-preview]=\"_isInPreview(item.compareValue)\"\r\n [attr.aria-label]=\"item.ariaLabel\"\r\n [attr.aria-disabled]=\"!item.enabled ? 'true' : null\"\r\n [attr.aria-pressed]=\"_isSelected(item.compareValue)\"\r\n [attr.aria-current]=\"todayValue === item.compareValue ? 'date' : null\"\r\n [attr.aria-describedby]=\"_getDescribedby(item.compareValue)\"\r\n (click)=\"_cellClicked(item, $event)\"\r\n (focus)=\"_emitActiveDateChange(item, $event)\">\r\n <span class=\"cute-calendar-body-cell-content cute-focus-indicator\"\r\n [class.cute-calendar-body-selected]=\"_isSelected(item.compareValue)\"\r\n [class.cute-calendar-body-comparison-identical]=\"_isComparisonIdentical(item.compareValue)\"\r\n [class.cute-calendar-body-today]=\"todayValue === item.compareValue\">\r\n {{item.displayValue}}\r\n </span>\r\n <span class=\"cute-calendar-body-cell-preview\" aria-hidden=\"true\"></span>\r\n </button>\r\n </td>\r\n }\r\n </tr>\r\n}\r\n\r\n<label [id]=\"_startDateLabelId\" class=\"cute-calendar-body-hidden-label\">\r\n {{startDateAccessibleName}}\r\n</label>\r\n<label [id]=\"_endDateLabelId\" class=\"cute-calendar-body-hidden-label\">\r\n {{endDateAccessibleName}}\r\n</label>\r\n", styles: [".cute-calendar-body{--cute-calendar-date-today-outline-color: var(--bs-primary);--cute-calendar-date-selected-state-background-color: var(--bs-primary-bg-subtle);--cute-calendar-date-selected-state-text-color: var(--bs-body-color);--cute-calendar-date-selected-state-border-color: var(--bs-primary-border-subtle);--cute-calendar-date-selected-disabled-state-background-color: var(--bs-secondary-bg-subtle);--cute-calendar-date-today-selected-state-outline-color: var(--bs-danger);--cute-calendar-date-focus-state-background-color: var(--bs-secondary-bg);--cute-calendar-date-preview-state-outline-color: var(--bs-primary-border-subtle);--cute-calendar-date-disabled-state-text-color: var(--bs-secondary);--cute-calendar-date-in-range-state-background-color: var(--bs-primary-bg-subtle);--cute-calendar-date-in-comparison-range-state-background-color: rgba(var(--bs-primary-rgb), .09);--cute-calendar-date-in-overlap-range-state-background-color: rgba(var(--bs-primary-rgb), .15);min-width:224px}.cute-calendar-body-today:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){border-color:var(--cute-calendar-date-today-outline-color)}.cute-calendar-body-label{height:0;line-height:0;text-align:start;padding-left:4.7142857143%;padding-right:4.7142857143%}.cute-calendar-body-hidden-label{display:none}.cute-calendar-body-cell-container{position:relative;height:0;line-height:0}.cute-calendar-body-cell{--cute-calendar-body-cell-hover-color: rgba(var(--bs-secondary-rgb), .1);-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent}.cute-calendar-body-cell::-moz-focus-inner{border:0}.cute-calendar-body-cell{position:absolute;top:0;left:0;width:100%;height:100%;background:none;text-align:center;outline:none;font-family:inherit;margin:0}.cute-calendar-body-cell:before,.cute-calendar-body-cell:after,.cute-calendar-body-cell-preview{content:\"\";position:absolute;top:5%;left:0;z-index:0;box-sizing:border-box;display:block;height:90%;width:100%}.cute-calendar-body-range-start:not(.cute-calendar-body-in-comparison-range):before,.cute-calendar-body-range-start:after,.cute-calendar-body-comparison-start:not(.cute-calendar-body-comparison-bridge-start):before,.cute-calendar-body-comparison-start:after,.cute-calendar-body-preview-start .cute-calendar-body-cell-preview{left:5%;width:95%;border-top-left-radius:999px;border-bottom-left-radius:999px}[dir=rtl] .cute-calendar-body-range-start:not(.cute-calendar-body-in-comparison-range):before,[dir=rtl] .cute-calendar-body-range-start:after,[dir=rtl] .cute-calendar-body-comparison-start:not(.cute-calendar-body-comparison-bridge-start):before,[dir=rtl] .cute-calendar-body-comparison-start:after,[dir=rtl] .cute-calendar-body-preview-start .cute-calendar-body-cell-preview{left:0;border-radius:0 999px 999px 0}.cute-calendar-body-range-end:not(.cute-calendar-body-in-comparison-range):before,.cute-calendar-body-range-end:after,.cute-calendar-body-comparison-end:not(.cute-calendar-body-comparison-bridge-end):before,.cute-calendar-body-comparison-end:after,.cute-calendar-body-preview-end .cute-calendar-body-cell-preview{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}[dir=rtl] .cute-calendar-body-range-end:not(.cute-calendar-body-in-comparison-range):before,[dir=rtl] .cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-end:not(.cute-calendar-body-comparison-bridge-end):before,[dir=rtl] .cute-calendar-body-comparison-end:after,[dir=rtl] .cute-calendar-body-preview-end .cute-calendar-body-cell-preview{left:5%;border-radius:999px 0 0 999px}[dir=rtl] .cute-calendar-body-comparison-bridge-start.cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-bridge-end.cute-calendar-body-range-start:after{width:95%;border-top-right-radius:999px;border-bottom-right-radius:999px}.cute-calendar-body-comparison-start.cute-calendar-body-range-end:after,[dir=rtl] .cute-calendar-body-comparison-start.cute-calendar-body-range-end:after,.cute-calendar-body-comparison-end.cute-calendar-body-range-start:after,[dir=rtl] .cute-calendar-body-comparison-end.cute-calendar-body-range-start:after{width:90%}.cute-calendar-body-in-preview{color:var(--cute-calendar-date-preview-state-outline-color)}.cute-calendar-body-in-preview .cute-calendar-body-cell-preview{border-top:dashed 1px;border-bottom:dashed 1px}.cute-calendar-body-preview-start .cute-calendar-body-cell-preview{border-left:dashed 1px}[dir=rtl] .cute-calendar-body-preview-start .cute-calendar-body-cell-preview{border-left:0;border-right:dashed 1px}.cute-calendar-body-preview-end .cute-calendar-body-cell-preview{border-right:dashed 1px}[dir=rtl] .cute-calendar-body-preview-end .cute-calendar-body-cell-preview{border-right:0;border-left:dashed 1px}.cute-calendar-body-disabled{cursor:default!important}.cute-calendar-body-disabled>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){color:var(--cute-calendar-date-disabled-state-text-color);border-color:transparent}.cute-calendar-body-disabled>.cute-calendar-body-today:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){border-color:var(--cute-calendar-date-today-disabled-state-outline-color)}@media(forced-colors:active){.cute-calendar-body-disabled{opacity:.5}}.cute-calendar-body-cell-content{top:5%;left:5%;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;line-height:1;border-width:var(--bs-border-width);border-style:solid;border-radius:999px;border-color:transparent;color:var(--bs-body-color)}.cute-calendar-body-cell-content:hover{border-color:var(--cute-calendar-body-cell-hover-color)}.cute-calendar-body-cell-content.cute-focus-indicator{position:absolute}@media(forced-colors:active){.cute-calendar-body-cell-content{border:none}}.cdk-keyboard-focused .cute-calendar-body-active>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical),.cdk-program-focused .cute-calendar-body-active>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){background-color:var(--cute-calendar-date-focus-state-background-color)}@media(hover:hover){.cute-calendar-body-cell:not(.cute-calendar-body-disabled):hover>.cute-calendar-body-cell-content:not(.cute-calendar-body-selected):not(.cute-calendar-body-comparison-identical){background-color:var(--cute-calendar-body-cell-hover-color)}}.cute-calendar-body-selected{background-color:var(--cute-calendar-date-selected-state-background-color);border-color:var(--cute-calendar-date-selected-state-border-color);color:var(--cute-calendar-date-selected-state-text-color)}.cute-calendar-body-disabled>.cute-calendar-body-selected{background-color:var(--cute-calendar-date-selected-disabled-state-background-color)}.cute-calendar-body-selected.cute-calendar-body-today{box-shadow:inset 0 0 0 1px var(var(--cute-calendar-date-today-selected-state-outline-color))}.cute-calendar-body-in-range:before{background:var(--cute-calendar-date-in-range-state-background-color)}.cute-calendar-body-comparison-identical,.cute-calendar-body-in-comparison-range:before{background:var(--cute-calendar-date-in-comparison-range-state-background-color)}.cute-calendar-body-comparison-bridge-start:before,[dir=rtl] .cute-calendar-body-comparison-bridge-end:before{background:linear-gradient(to right,var(--cute-calendar-date-in-range-state-background-color),var(--cute-calendar-date-in-comparison-range-state-background-color))}.cute-calendar-body-comparison-bridge-end:before,[dir=rtl] .cute-calendar-body-comparison-bridge-start:before{background:linear-gradient(to left,var(--cute-calendar-date-in-range-state-background-color),var(--cute-calendar-date-in-comparison-range-state-background-color))}.cute-calendar-body-in-range>.cute-calendar-body-comparison-identical,.cute-calendar-body-in-comparison-range.cute-calendar-body-in-range:after{background:var(--cute-calendar-date-in-overlap-range-state-background-color)}.cute-calendar-body-comparison-identical.cute-calendar-body-selected,.cute-calendar-body-in-comparison-range>.cute-calendar-body-selected{background:var(--cute-calendar-date-in-overlap-range-selected-state-background-color)}@media(forced-colors:active){.cute-datepicker-popup:not(:empty),.cute-calendar-body-cell:not(.cute-calendar-body-in-range) .cute-calendar-body-selected{outline:solid 1px}.cute-calendar-body-today{outline:dotted 1px}.cute-calendar-body-cell:before,.cute-calendar-body-cell:after,.cute-calendar-body-selected{background:none}.cute-calendar-body-in-range:before,.cute-calendar-body-comparison-bridge-start:before,.cute-calendar-body-comparison-bridge-end:before{border-top:solid 1px;border-bottom:solid 1px}.cute-calendar-body-range-start:before{border-left:solid 1px}[dir=rtl] .cute-calendar-body-range-start:before{border-left:0;border-right:solid 1px}.cute-calendar-body-range-end:before{border-right:solid 1px}[dir=rtl] .cute-calendar-body-range-end:before{border-right:0;border-left:solid 1px}.cute-calendar-body-in-comparison-range:before{border-top:dashed 1px;border-bottom:dashed 1px}.cute-calendar-body-comparison-start:before{border-left:dashed 1px}[dir=rtl] .cute-calendar-body-comparison-start:before{border-left:0;border-right:dashed 1px}.cute-calendar-body-comparison-end:before{border-right:dashed 1px}[dir=rtl] .cute-calendar-body-comparison-end:before{border-right:0;border-left:dashed 1px}}\n"] }]
|
|
578
578
|
}], ctorParameters: () => [], propDecorators: { label: [{
|
|
579
579
|
type: Input
|
|
580
580
|
}], rows: [{
|
|
@@ -718,10 +718,10 @@ class CuteDateSelectionModel {
|
|
|
718
718
|
_isValidDateInstance(date) {
|
|
719
719
|
return this._adapter.isDateInstance(date) && this._adapter.isValid(date);
|
|
720
720
|
}
|
|
721
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
722
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
721
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateSelectionModel, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
722
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateSelectionModel }); }
|
|
723
723
|
}
|
|
724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateSelectionModel, decorators: [{
|
|
725
725
|
type: Injectable
|
|
726
726
|
}], ctorParameters: () => [{ type: undefined }, { type: i1.DateAdapter }] });
|
|
727
727
|
/**
|
|
@@ -756,10 +756,10 @@ class CuteSingleDateSelectionModel extends CuteDateSelectionModel {
|
|
|
756
756
|
clone.updateSelection(this.selection, this);
|
|
757
757
|
return clone;
|
|
758
758
|
}
|
|
759
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
760
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
759
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSingleDateSelectionModel, deps: [{ token: i1.DateAdapter }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
760
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSingleDateSelectionModel }); }
|
|
761
761
|
}
|
|
762
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSingleDateSelectionModel, decorators: [{
|
|
763
763
|
type: Injectable
|
|
764
764
|
}], ctorParameters: () => [{ type: i1.DateAdapter }] });
|
|
765
765
|
/**
|
|
@@ -819,10 +819,10 @@ class CuteRangeDateSelectionModel extends CuteDateSelectionModel {
|
|
|
819
819
|
clone.updateSelection(this.selection, this);
|
|
820
820
|
return clone;
|
|
821
821
|
}
|
|
822
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
823
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
822
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRangeDateSelectionModel, deps: [{ token: i1.DateAdapter }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
823
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRangeDateSelectionModel }); }
|
|
824
824
|
}
|
|
825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
825
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteRangeDateSelectionModel, decorators: [{
|
|
826
826
|
type: Injectable
|
|
827
827
|
}], ctorParameters: () => [{ type: i1.DateAdapter }] });
|
|
828
828
|
/**
|
|
@@ -927,10 +927,10 @@ class DefaultCuteCalendarRangeStrategy {
|
|
|
927
927
|
}
|
|
928
928
|
return new DateRange(start, end);
|
|
929
929
|
}
|
|
930
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
931
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
930
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DefaultCuteCalendarRangeStrategy, deps: [{ token: i1.DateAdapter }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
931
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DefaultCuteCalendarRangeStrategy }); }
|
|
932
932
|
}
|
|
933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DefaultCuteCalendarRangeStrategy, decorators: [{
|
|
934
934
|
type: Injectable
|
|
935
935
|
}], ctorParameters: () => [{ type: i1.DateAdapter }] });
|
|
936
936
|
/** @docs-private */
|
|
@@ -1365,10 +1365,10 @@ class CuteMonthView {
|
|
|
1365
1365
|
_clearPreview() {
|
|
1366
1366
|
this._previewStart = this._previewEnd = null;
|
|
1367
1367
|
}
|
|
1368
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1369
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1368
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteMonthView, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1369
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteMonthView, isStandalone: true, selector: "cute-month-view", inputs: { activeDate: "activeDate", selected: "selected", minDate: "minDate", maxDate: "maxDate", dateFilter: "dateFilter", dateClass: "dateClass", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startDateAccessibleName: "startDateAccessibleName", endDateAccessibleName: "endDateAccessibleName", activeDrag: "activeDrag" }, outputs: { selectedChange: "selectedChange", _userSelection: "_userSelection", dragStarted: "dragStarted", dragEnded: "dragEnded", activeDateChange: "activeDateChange" }, viewQueries: [{ propertyName: "_cuteCalendarBody", first: true, predicate: CuteCalendarBody, descendants: true }], exportAs: ["cuteMonthView"], usesOnChanges: true, ngImport: i0, template: "<table class=\"cute-calendar-table\" role=\"grid\">\r\n <thead class=\"cute-calendar-table-header\">\r\n <tr>\r\n @for (day of _weekdays; track day.id) {\r\n <th scope=\"col\">\r\n <span class=\"cdk-visually-hidden\">{{day.long}}</span>\r\n <span aria-hidden=\"true\">{{day.narrow}}</span>\r\n </th>\r\n }\r\n </tr>\r\n <tr aria-hidden=\"true\"><th class=\"cute-calendar-table-header-divider\" colspan=\"7\"></th></tr>\r\n </thead>\r\n <tbody cute-calendar-body\r\n [label]=\"_monthLabel\"\r\n [rows]=\"_weeks\"\r\n [todayValue]=\"_todayDate!\"\r\n [startValue]=\"_rangeStart!\"\r\n [endValue]=\"_rangeEnd!\"\r\n [comparisonStart]=\"_comparisonRangeStart\"\r\n [comparisonEnd]=\"_comparisonRangeEnd\"\r\n [previewStart]=\"_previewStart\"\r\n [previewEnd]=\"_previewEnd\"\r\n [isRange]=\"_isRange\"\r\n [labelMinRequiredCells]=\"3\"\r\n [activeCell]=\"_dateAdapter.getDate(activeDate) - 1\"\r\n [startDateAccessibleName]=\"startDateAccessibleName\"\r\n [endDateAccessibleName]=\"endDateAccessibleName\"\r\n (selectedValueChange)=\"_dateSelected($event)\"\r\n (activeDateChange)=\"_updateActiveDate($event)\"\r\n (previewChange)=\"_previewChanged($event)\"\r\n (dragStarted)=\"dragStarted.emit($event)\"\r\n (dragEnded)=\"_dragEnded($event)\"\r\n (keyup)=\"_handleCalendarBodyKeyup($event)\"\r\n (keydown)=\"_handleCalendarBodyKeydown($event)\">\r\n </tbody>\r\n</table>\r\n", dependencies: [{ kind: "component", type: CuteCalendarBody, selector: "[cute-calendar-body]", inputs: ["label", "rows", "todayValue", "startValue", "endValue", "labelMinRequiredCells", "numCols", "activeCell", "isRange", "cellAspectRatio", "comparisonStart", "comparisonEnd", "previewStart", "previewEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedValueChange", "previewChange", "activeDateChange", "dragStarted", "dragEnded"], exportAs: ["cuteCalendarBody"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1370
1370
|
}
|
|
1371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1371
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteMonthView, decorators: [{
|
|
1372
1372
|
type: Component,
|
|
1373
1373
|
args: [{ selector: 'cute-month-view', exportAs: 'cuteMonthView', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteCalendarBody], template: "<table class=\"cute-calendar-table\" role=\"grid\">\r\n <thead class=\"cute-calendar-table-header\">\r\n <tr>\r\n @for (day of _weekdays; track day.id) {\r\n <th scope=\"col\">\r\n <span class=\"cdk-visually-hidden\">{{day.long}}</span>\r\n <span aria-hidden=\"true\">{{day.narrow}}</span>\r\n </th>\r\n }\r\n </tr>\r\n <tr aria-hidden=\"true\"><th class=\"cute-calendar-table-header-divider\" colspan=\"7\"></th></tr>\r\n </thead>\r\n <tbody cute-calendar-body\r\n [label]=\"_monthLabel\"\r\n [rows]=\"_weeks\"\r\n [todayValue]=\"_todayDate!\"\r\n [startValue]=\"_rangeStart!\"\r\n [endValue]=\"_rangeEnd!\"\r\n [comparisonStart]=\"_comparisonRangeStart\"\r\n [comparisonEnd]=\"_comparisonRangeEnd\"\r\n [previewStart]=\"_previewStart\"\r\n [previewEnd]=\"_previewEnd\"\r\n [isRange]=\"_isRange\"\r\n [labelMinRequiredCells]=\"3\"\r\n [activeCell]=\"_dateAdapter.getDate(activeDate) - 1\"\r\n [startDateAccessibleName]=\"startDateAccessibleName\"\r\n [endDateAccessibleName]=\"endDateAccessibleName\"\r\n (selectedValueChange)=\"_dateSelected($event)\"\r\n (activeDateChange)=\"_updateActiveDate($event)\"\r\n (previewChange)=\"_previewChanged($event)\"\r\n (dragStarted)=\"dragStarted.emit($event)\"\r\n (dragEnded)=\"_dragEnded($event)\"\r\n (keyup)=\"_handleCalendarBodyKeyup($event)\"\r\n (keydown)=\"_handleCalendarBodyKeydown($event)\">\r\n </tbody>\r\n</table>\r\n" }]
|
|
1374
1374
|
}], ctorParameters: () => [], propDecorators: { activeDate: [{
|
|
@@ -1665,10 +1665,10 @@ class CuteMultiYearView {
|
|
|
1665
1665
|
this._selectedYear = this._dateAdapter.getYear(value);
|
|
1666
1666
|
}
|
|
1667
1667
|
}
|
|
1668
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1669
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1668
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteMultiYearView, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1669
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteMultiYearView, isStandalone: true, selector: "cute-multi-year-view", inputs: { activeDate: "activeDate", selected: "selected", minDate: "minDate", maxDate: "maxDate", dateFilter: "dateFilter", dateClass: "dateClass" }, outputs: { selectedChange: "selectedChange", yearSelected: "yearSelected", activeDateChange: "activeDateChange" }, viewQueries: [{ propertyName: "_cuteCalendarBody", first: true, predicate: CuteCalendarBody, descendants: true }], exportAs: ["cuteMultiYearView"], ngImport: i0, template: "<table class=\"cute-calendar-table\" role=\"grid\">\r\n <thead aria-hidden=\"true\" class=\"cute-calendar-table-header\">\r\n <tr><th class=\"cute-calendar-table-header-divider\" colspan=\"4\"></th></tr>\r\n </thead>\r\n <tbody cute-calendar-body\r\n [rows]=\"_years\"\r\n [todayValue]=\"_todayYear\"\r\n [startValue]=\"_selectedYear!\"\r\n [endValue]=\"_selectedYear!\"\r\n [numCols]=\"4\"\r\n [cellAspectRatio]=\"4 / 7\"\r\n [activeCell]=\"_getActiveCell()\"\r\n (selectedValueChange)=\"_yearSelected($event)\"\r\n (activeDateChange)=\"_updateActiveDate($event)\"\r\n (keyup)=\"_handleCalendarBodyKeyup($event)\"\r\n (keydown)=\"_handleCalendarBodyKeydown($event)\">\r\n </tbody>\r\n</table>\r\n", dependencies: [{ kind: "component", type: CuteCalendarBody, selector: "[cute-calendar-body]", inputs: ["label", "rows", "todayValue", "startValue", "endValue", "labelMinRequiredCells", "numCols", "activeCell", "isRange", "cellAspectRatio", "comparisonStart", "comparisonEnd", "previewStart", "previewEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedValueChange", "previewChange", "activeDateChange", "dragStarted", "dragEnded"], exportAs: ["cuteCalendarBody"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1670
1670
|
}
|
|
1671
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1671
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteMultiYearView, decorators: [{
|
|
1672
1672
|
type: Component,
|
|
1673
1673
|
args: [{ selector: 'cute-multi-year-view', exportAs: 'cuteMultiYearView', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteCalendarBody], template: "<table class=\"cute-calendar-table\" role=\"grid\">\r\n <thead aria-hidden=\"true\" class=\"cute-calendar-table-header\">\r\n <tr><th class=\"cute-calendar-table-header-divider\" colspan=\"4\"></th></tr>\r\n </thead>\r\n <tbody cute-calendar-body\r\n [rows]=\"_years\"\r\n [todayValue]=\"_todayYear\"\r\n [startValue]=\"_selectedYear!\"\r\n [endValue]=\"_selectedYear!\"\r\n [numCols]=\"4\"\r\n [cellAspectRatio]=\"4 / 7\"\r\n [activeCell]=\"_getActiveCell()\"\r\n (selectedValueChange)=\"_yearSelected($event)\"\r\n (activeDateChange)=\"_updateActiveDate($event)\"\r\n (keyup)=\"_handleCalendarBodyKeyup($event)\"\r\n (keydown)=\"_handleCalendarBodyKeydown($event)\">\r\n </tbody>\r\n</table>\r\n" }]
|
|
1674
1674
|
}], ctorParameters: () => [], propDecorators: { activeDate: [{
|
|
@@ -2013,10 +2013,10 @@ class CuteYearView {
|
|
|
2013
2013
|
this._selectedMonth = this._getMonthInCurrentYear(value);
|
|
2014
2014
|
}
|
|
2015
2015
|
}
|
|
2016
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2017
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2016
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteYearView, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2017
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteYearView, isStandalone: true, selector: "cute-year-view", inputs: { activeDate: "activeDate", selected: "selected", minDate: "minDate", maxDate: "maxDate", dateFilter: "dateFilter", dateClass: "dateClass" }, outputs: { selectedChange: "selectedChange", monthSelected: "monthSelected", activeDateChange: "activeDateChange" }, viewQueries: [{ propertyName: "_cuteCalendarBody", first: true, predicate: CuteCalendarBody, descendants: true }], exportAs: ["cuteYearView"], ngImport: i0, template: "<table class=\"cute-calendar-table\" role=\"grid\">\r\n <thead aria-hidden=\"true\" class=\"cute-calendar-table-header\">\r\n <tr><th class=\"cute-calendar-table-header-divider\" colspan=\"4\"></th></tr>\r\n </thead>\r\n <tbody cute-calendar-body\r\n [label]=\"_yearLabel\"\r\n [rows]=\"_months\"\r\n [todayValue]=\"_todayMonth!\"\r\n [startValue]=\"_selectedMonth!\"\r\n [endValue]=\"_selectedMonth!\"\r\n [labelMinRequiredCells]=\"2\"\r\n [numCols]=\"4\"\r\n [cellAspectRatio]=\"4 / 7\"\r\n [activeCell]=\"_dateAdapter.getMonth(activeDate)\"\r\n (selectedValueChange)=\"_monthSelected($event)\"\r\n (activeDateChange)=\"_updateActiveDate($event)\"\r\n (keyup)=\"_handleCalendarBodyKeyup($event)\"\r\n (keydown)=\"_handleCalendarBodyKeydown($event)\">\r\n </tbody>\r\n</table>\r\n", dependencies: [{ kind: "component", type: CuteCalendarBody, selector: "[cute-calendar-body]", inputs: ["label", "rows", "todayValue", "startValue", "endValue", "labelMinRequiredCells", "numCols", "activeCell", "isRange", "cellAspectRatio", "comparisonStart", "comparisonEnd", "previewStart", "previewEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedValueChange", "previewChange", "activeDateChange", "dragStarted", "dragEnded"], exportAs: ["cuteCalendarBody"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2018
2018
|
}
|
|
2019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteYearView, decorators: [{
|
|
2020
2020
|
type: Component,
|
|
2021
2021
|
args: [{ selector: 'cute-year-view', exportAs: 'cuteYearView', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteCalendarBody], template: "<table class=\"cute-calendar-table\" role=\"grid\">\r\n <thead aria-hidden=\"true\" class=\"cute-calendar-table-header\">\r\n <tr><th class=\"cute-calendar-table-header-divider\" colspan=\"4\"></th></tr>\r\n </thead>\r\n <tbody cute-calendar-body\r\n [label]=\"_yearLabel\"\r\n [rows]=\"_months\"\r\n [todayValue]=\"_todayMonth!\"\r\n [startValue]=\"_selectedMonth!\"\r\n [endValue]=\"_selectedMonth!\"\r\n [labelMinRequiredCells]=\"2\"\r\n [numCols]=\"4\"\r\n [cellAspectRatio]=\"4 / 7\"\r\n [activeCell]=\"_dateAdapter.getMonth(activeDate)\"\r\n (selectedValueChange)=\"_monthSelected($event)\"\r\n (activeDateChange)=\"_updateActiveDate($event)\"\r\n (keyup)=\"_handleCalendarBodyKeyup($event)\"\r\n (keydown)=\"_handleCalendarBodyKeydown($event)\">\r\n </tbody>\r\n</table>\r\n" }]
|
|
2022
2022
|
}], ctorParameters: () => [], propDecorators: { activeDate: [{
|
|
@@ -2172,10 +2172,10 @@ class CuteCalendarHeader {
|
|
|
2172
2172
|
const maxYearLabel = this._dateAdapter.getYearName(this._dateAdapter.createDate(maxYearOfPage, 0, 1));
|
|
2173
2173
|
return [minYearLabel, maxYearLabel];
|
|
2174
2174
|
}
|
|
2175
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2176
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2175
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCalendarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2176
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteCalendarHeader, isStandalone: true, selector: "cute-calendar-header", exportAs: ["cuteCalendarHeader"], ngImport: i0, template: "<div class=\"cute-calendar-header\">\r\n <div class=\"cute-calendar-controls\">\r\n <!-- [Firefox Issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1880533]\r\n Relocated label next to related button and made visually hidden via cdk-visually-hidden\r\n to enable label to appear in a11y tree for SR when using Firefox -->\r\n <label [id]=\"_periodButtonLabelId\" class=\"cdk-visually-hidden\" aria-live=\"polite\">{{periodButtonDescription}}</label>\r\n <button cute-button type=\"button\" class=\"cute-calendar-period-button\"\r\n (click)=\"currentPeriodClicked()\" [attr.aria-label]=\"periodButtonLabel\"\r\n [attr.aria-describedby]=\"_periodButtonLabelId\">\r\n <span aria-hidden=\"true\">{{periodButtonText}}</span>\r\n <svg class=\"cute-calendar-arrow\" [class.cute-calendar-invert]=\"calendar.currentView !== 'month'\"\r\n fill=\"currentColor\" viewBox=\"0 0 10 5\" focusable=\"false\" aria-hidden=\"true\">\r\n <polygon points=\"0,0 5,5 10,0\"/>\r\n </svg>\r\n </button>\r\n\r\n <div class=\"cute-calendar-spacer\"></div>\r\n\r\n <ng-content></ng-content>\r\n\r\n <button cuteButton=\"icon-button\" type=\"button\" class=\"cute-calendar-previous-button\"\r\n [disabled]=\"!previousEnabled()\" (click)=\"previousClicked()\"\r\n [cuteTooltip]=\"prevButtonLabel\" [attr.aria-label]=\"prevButtonLabel\" disabledInteractive>\r\n </button>\r\n\r\n <button cuteButton=\"icon-button\" type=\"button\" class=\"cute-calendar-next-button\"\r\n [disabled]=\"!nextEnabled()\" (click)=\"nextClicked()\"\r\n [cuteTooltip]=\"nextButtonLabel\" [attr.aria-label]=\"nextButtonLabel\" disabledInteractive>\r\n </button>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: CuteButton, selector: "button[cuteButton], button[cute-button], a[cuteButton], a[cute-button], ", exportAs: ["cuteButton"] }, { kind: "directive", type: CuteTooltip, selector: "[cuteTooltip]", inputs: ["cuteTooltipPosition", "cuteTooltipPositionAtOrigin", "cuteTooltipDisabled", "cuteTooltipShowDelay", "cuteTooltipHideDelay", "cuteTooltipTouchGestures", "cuteTooltip", "cuteTooltipClass"], exportAs: ["cuteTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2177
2177
|
}
|
|
2178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCalendarHeader, decorators: [{
|
|
2179
2179
|
type: Component,
|
|
2180
2180
|
args: [{ selector: 'cute-calendar-header', exportAs: 'cuteCalendarHeader', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteButton, CuteTooltip], template: "<div class=\"cute-calendar-header\">\r\n <div class=\"cute-calendar-controls\">\r\n <!-- [Firefox Issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1880533]\r\n Relocated label next to related button and made visually hidden via cdk-visually-hidden\r\n to enable label to appear in a11y tree for SR when using Firefox -->\r\n <label [id]=\"_periodButtonLabelId\" class=\"cdk-visually-hidden\" aria-live=\"polite\">{{periodButtonDescription}}</label>\r\n <button cute-button type=\"button\" class=\"cute-calendar-period-button\"\r\n (click)=\"currentPeriodClicked()\" [attr.aria-label]=\"periodButtonLabel\"\r\n [attr.aria-describedby]=\"_periodButtonLabelId\">\r\n <span aria-hidden=\"true\">{{periodButtonText}}</span>\r\n <svg class=\"cute-calendar-arrow\" [class.cute-calendar-invert]=\"calendar.currentView !== 'month'\"\r\n fill=\"currentColor\" viewBox=\"0 0 10 5\" focusable=\"false\" aria-hidden=\"true\">\r\n <polygon points=\"0,0 5,5 10,0\"/>\r\n </svg>\r\n </button>\r\n\r\n <div class=\"cute-calendar-spacer\"></div>\r\n\r\n <ng-content></ng-content>\r\n\r\n <button cuteButton=\"icon-button\" type=\"button\" class=\"cute-calendar-previous-button\"\r\n [disabled]=\"!previousEnabled()\" (click)=\"previousClicked()\"\r\n [cuteTooltip]=\"prevButtonLabel\" [attr.aria-label]=\"prevButtonLabel\" disabledInteractive>\r\n </button>\r\n\r\n <button cuteButton=\"icon-button\" type=\"button\" class=\"cute-calendar-next-button\"\r\n [disabled]=\"!nextEnabled()\" (click)=\"nextClicked()\"\r\n [cuteTooltip]=\"nextButtonLabel\" [attr.aria-label]=\"nextButtonLabel\" disabledInteractive>\r\n </button>\r\n </div>\r\n</div>\r\n" }]
|
|
2181
2181
|
}], ctorParameters: () => [] });
|
|
@@ -2387,14 +2387,14 @@ class CuteCalendar {
|
|
|
2387
2387
|
// only the first component type. See https://github.com/angular/components/issues/22996.
|
|
2388
2388
|
return this.monthView || this.yearView || this.multiYearView;
|
|
2389
2389
|
}
|
|
2390
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2391
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteCalendar, isStandalone: true, selector: "cute-calendar", inputs: { headerComponent: "headerComponent", startAt: "startAt", startView: "startView", selected: "selected", minDate: "minDate", maxDate: "maxDate", dateFilter: "dateFilter", dateClass: "dateClass", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startDateAccessibleName: "startDateAccessibleName", endDateAccessibleName: "endDateAccessibleName" }, outputs: { selectedChange: "selectedChange", yearSelected: "yearSelected", monthSelected: "monthSelected", viewChanged: "viewChanged", _userSelection: "_userSelection", _userDragDrop: "_userDragDrop" }, host: { classAttribute: "cute-calendar" }, providers: [CUTE_SINGLE_DATE_SELECTION_MODEL_PROVIDER], viewQueries: [{ propertyName: "monthView", first: true, predicate: CuteMonthView, descendants: true }, { propertyName: "yearView", first: true, predicate: CuteYearView, descendants: true }, { propertyName: "multiYearView", first: true, predicate: CuteMultiYearView, descendants: true }], exportAs: ["cuteCalendar"], usesOnChanges: true, ngImport: i0, template: "<ng-template [cdkPortalOutlet]=\"_calendarHeaderPortal\"></ng-template>\r\n\r\n<div class=\"cute-calendar-content\" cdkMonitorSubtreeFocus tabindex=\"-1\">\r\n @switch (currentView) {\r\n @case ('month') {\r\n <cute-month-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n [comparisonStart]=\"comparisonStart\"\r\n [comparisonEnd]=\"comparisonEnd\"\r\n [startDateAccessibleName]=\"startDateAccessibleName\"\r\n [endDateAccessibleName]=\"endDateAccessibleName\"\r\n (_userSelection)=\"_dateSelected($event)\"\r\n (dragStarted)=\"_dragStarted($event)\"\r\n (dragEnded)=\"_dragEnded($event)\"\r\n [activeDrag]=\"_activeDrag\"></cute-month-view>\r\n }\r\n\r\n @case ('year') {\r\n <cute-year-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n (monthSelected)=\"_monthSelectedInYearView($event)\"\r\n (selectedChange)=\"_goToDateInView($event, 'month')\"></cute-year-view>\r\n }\r\n\r\n @case ('multi-year') {\r\n <cute-multi-year-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n (yearSelected)=\"_yearSelectedInMultiYearView($event)\"\r\n (selectedChange)=\"_goToDateInView($event, 'year')\"></cute-multi-year-view>\r\n }\r\n }\r\n</div>\r\n", styles: [".cute-calendar{--cute-calendar-text-font: var(--bs-body-font-family);--cute-calendar-text-size: var(--bs-body-font-size);--cute-calendar-header-text-color: var(--bs-body-color);--cute-calendar-header-text-size: var(--bs-body-font-size);--cute-calendar-header-text-weight: calc(var(--bs-body-font-weight) * 1.5);--cute-calendar-period-button-icon-color: currentColor;display:block;font-family:var(--cute-calendar-text-font) sans-serif;font-size:var(--cute-calendar-text-size)}.cute-calendar-header{padding:8px 8px 0}.cute-calendar-content{padding:0 8px 8px;outline:none}.cute-calendar-controls{display:flex;align-items:center;margin:5% calc(4.7142857143% - 16px)}.cute-calendar-spacer{flex:1 1 auto}.cute-calendar-period-button{min-width:0;margin:0 8px;font-size:var(--cute-calendar-period-button-text-size);font-weight:var(--cute-calendar-period-button-text-weight)}.cute-calendar-arrow{display:inline-block;width:10px;height:5px;margin:0 0 0 5px;vertical-align:middle;fill:var(--cute-calendar-period-button-icon-color)}.cute-calendar-arrow.cute-calendar-invert{transform:rotate(180deg)}[dir=rtl] .cute-calendar-arrow{margin:0 5px 0 0}@media(forced-colors:active){.cute-calendar-arrow{fill:CanvasText}}.cute-calendar-previous-button,.cute-calendar-next-button{position:relative}.cute-datepicker-content .cute-calendar-previous-button:not(.cute-button-disabled),.cute-datepicker-content .cute-calendar-next-button:not(.cute-button-disabled){color:var(--cute-calendar-navigation-button-icon-color)}.cute-calendar-previous-button:after,.cute-calendar-next-button:after{inset:0;position:absolute;content:\"\";margin:15.5px;border:0 solid currentColor;border-top-width:2px}[dir=rtl] .cute-calendar-previous-button,[dir=rtl] .cute-calendar-next-button{transform:rotate(180deg)}.cute-calendar-previous-button:after{border-left-width:2px;transform:translate(2px) rotate(-45deg)}.cute-calendar-next-button:after{border-right-width:2px;transform:translate(-2px) rotate(45deg)}.cute-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.cute-calendar-table-header th{text-align:center;padding:0 0 8px;color:var(--cute-calendar-header-text-color);font-size:inherit;font-weight:inherit}.cute-calendar-table-header-divider{position:relative;height:1px}.cute-calendar-table-header-divider:after{content:\"\";position:absolute;top:0;left:-8px;right:-8px;height:1px;background:var(--cute-calendar-header-divider-color)}.cute-calendar-body-cell:focus .cute-focus-indicator:before{content:\"\"}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: CuteMonthView, selector: "cute-month-view", inputs: ["activeDate", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName", "activeDrag"], outputs: ["selectedChange", "_userSelection", "dragStarted", "dragEnded", "activeDateChange"], exportAs: ["cuteMonthView"] }, { kind: "component", type: CuteYearView, selector: "cute-year-view", inputs: ["activeDate", "selected", "minDate", "maxDate", "dateFilter", "dateClass"], outputs: ["selectedChange", "monthSelected", "activeDateChange"], exportAs: ["cuteYearView"] }, { kind: "component", type: CuteMultiYearView, selector: "cute-multi-year-view", inputs: ["activeDate", "selected", "minDate", "maxDate", "dateFilter", "dateClass"], outputs: ["selectedChange", "yearSelected", "activeDateChange"], exportAs: ["cuteMultiYearView"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2392
2392
|
}
|
|
2393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCalendar, decorators: [{
|
|
2394
2394
|
type: Component,
|
|
2395
2395
|
args: [{ selector: 'cute-calendar', host: {
|
|
2396
2396
|
'class': 'cute-calendar',
|
|
2397
|
-
}, exportAs: 'cuteCalendar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [CUTE_SINGLE_DATE_SELECTION_MODEL_PROVIDER], imports: [CdkPortalOutlet, CdkMonitorFocus, CuteMonthView, CuteYearView, CuteMultiYearView], template: "<ng-template [cdkPortalOutlet]=\"_calendarHeaderPortal\"></ng-template>\r\n\r\n<div class=\"cute-calendar-content\" cdkMonitorSubtreeFocus tabindex=\"-1\">\r\n @switch (currentView) {\r\n @case ('month') {\r\n <cute-month-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n [comparisonStart]=\"comparisonStart\"\r\n [comparisonEnd]=\"comparisonEnd\"\r\n [startDateAccessibleName]=\"startDateAccessibleName\"\r\n [endDateAccessibleName]=\"endDateAccessibleName\"\r\n (_userSelection)=\"_dateSelected($event)\"\r\n (dragStarted)=\"_dragStarted($event)\"\r\n (dragEnded)=\"_dragEnded($event)\"\r\n [activeDrag]=\"_activeDrag\"></cute-month-view>\r\n }\r\n\r\n @case ('year') {\r\n <cute-year-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n (monthSelected)=\"_monthSelectedInYearView($event)\"\r\n (selectedChange)=\"_goToDateInView($event, 'month')\"></cute-year-view>\r\n }\r\n\r\n @case ('multi-year') {\r\n <cute-multi-year-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n (yearSelected)=\"_yearSelectedInMultiYearView($event)\"\r\n (selectedChange)=\"_goToDateInView($event, 'year')\"></cute-multi-year-view>\r\n }\r\n }\r\n</div>\r\n", styles: [".cute-calendar{--cute-calendar-text-font: var(--bs-body-font-family);--cute-calendar-text-size: var(--bs-body-font-size);--cute-calendar-header-text-color: var(--bs-body-color);--cute-calendar-header-text-size: var(--bs-body-font-size);--cute-calendar-header-text-weight: calc(var(--bs-body-font-weight) * 1.5);--cute-calendar-period-button-icon-color: currentColor;display:block;font-family:var(--cute-calendar-text-font) sans-serif;font-size:var(--cute-calendar-text-size)}.cute-calendar-header{padding:8px 8px 0}.cute-calendar-content{padding:0 8px 8px;outline:none}.cute-calendar-controls{display:flex;align-items:center;margin:5% calc(4.7142857143% - 16px)}.cute-calendar-spacer{flex:1 1 auto}.cute-calendar-period-button{min-width:0;margin:0 8px;font-size:var(--cute-calendar-period-button-text-size);font-weight:var(--cute-calendar-period-button-text-weight)}.cute-calendar-arrow{display:inline-block;width:10px;height:5px;margin:0 0 0 5px;vertical-align:middle;fill:var(--cute-calendar-period-button-icon-color)}.cute-calendar-arrow.cute-calendar-invert{transform:rotate(180deg)}[dir=rtl] .cute-calendar-arrow{margin:0 5px 0 0}@media
|
|
2397
|
+
}, exportAs: 'cuteCalendar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [CUTE_SINGLE_DATE_SELECTION_MODEL_PROVIDER], imports: [CdkPortalOutlet, CdkMonitorFocus, CuteMonthView, CuteYearView, CuteMultiYearView], template: "<ng-template [cdkPortalOutlet]=\"_calendarHeaderPortal\"></ng-template>\r\n\r\n<div class=\"cute-calendar-content\" cdkMonitorSubtreeFocus tabindex=\"-1\">\r\n @switch (currentView) {\r\n @case ('month') {\r\n <cute-month-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n [comparisonStart]=\"comparisonStart\"\r\n [comparisonEnd]=\"comparisonEnd\"\r\n [startDateAccessibleName]=\"startDateAccessibleName\"\r\n [endDateAccessibleName]=\"endDateAccessibleName\"\r\n (_userSelection)=\"_dateSelected($event)\"\r\n (dragStarted)=\"_dragStarted($event)\"\r\n (dragEnded)=\"_dragEnded($event)\"\r\n [activeDrag]=\"_activeDrag\"></cute-month-view>\r\n }\r\n\r\n @case ('year') {\r\n <cute-year-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n (monthSelected)=\"_monthSelectedInYearView($event)\"\r\n (selectedChange)=\"_goToDateInView($event, 'month')\"></cute-year-view>\r\n }\r\n\r\n @case ('multi-year') {\r\n <cute-multi-year-view\r\n [(activeDate)]=\"activeDate\"\r\n [selected]=\"selected\"\r\n [dateFilter]=\"dateFilter\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [dateClass]=\"dateClass\"\r\n (yearSelected)=\"_yearSelectedInMultiYearView($event)\"\r\n (selectedChange)=\"_goToDateInView($event, 'year')\"></cute-multi-year-view>\r\n }\r\n }\r\n</div>\r\n", styles: [".cute-calendar{--cute-calendar-text-font: var(--bs-body-font-family);--cute-calendar-text-size: var(--bs-body-font-size);--cute-calendar-header-text-color: var(--bs-body-color);--cute-calendar-header-text-size: var(--bs-body-font-size);--cute-calendar-header-text-weight: calc(var(--bs-body-font-weight) * 1.5);--cute-calendar-period-button-icon-color: currentColor;display:block;font-family:var(--cute-calendar-text-font) sans-serif;font-size:var(--cute-calendar-text-size)}.cute-calendar-header{padding:8px 8px 0}.cute-calendar-content{padding:0 8px 8px;outline:none}.cute-calendar-controls{display:flex;align-items:center;margin:5% calc(4.7142857143% - 16px)}.cute-calendar-spacer{flex:1 1 auto}.cute-calendar-period-button{min-width:0;margin:0 8px;font-size:var(--cute-calendar-period-button-text-size);font-weight:var(--cute-calendar-period-button-text-weight)}.cute-calendar-arrow{display:inline-block;width:10px;height:5px;margin:0 0 0 5px;vertical-align:middle;fill:var(--cute-calendar-period-button-icon-color)}.cute-calendar-arrow.cute-calendar-invert{transform:rotate(180deg)}[dir=rtl] .cute-calendar-arrow{margin:0 5px 0 0}@media(forced-colors:active){.cute-calendar-arrow{fill:CanvasText}}.cute-calendar-previous-button,.cute-calendar-next-button{position:relative}.cute-datepicker-content .cute-calendar-previous-button:not(.cute-button-disabled),.cute-datepicker-content .cute-calendar-next-button:not(.cute-button-disabled){color:var(--cute-calendar-navigation-button-icon-color)}.cute-calendar-previous-button:after,.cute-calendar-next-button:after{inset:0;position:absolute;content:\"\";margin:15.5px;border:0 solid currentColor;border-top-width:2px}[dir=rtl] .cute-calendar-previous-button,[dir=rtl] .cute-calendar-next-button{transform:rotate(180deg)}.cute-calendar-previous-button:after{border-left-width:2px;transform:translate(2px) rotate(-45deg)}.cute-calendar-next-button:after{border-right-width:2px;transform:translate(-2px) rotate(45deg)}.cute-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.cute-calendar-table-header th{text-align:center;padding:0 0 8px;color:var(--cute-calendar-header-text-color);font-size:inherit;font-weight:inherit}.cute-calendar-table-header-divider{position:relative;height:1px}.cute-calendar-table-header-divider:after{content:\"\";position:absolute;top:0;left:-8px;right:-8px;height:1px;background:var(--cute-calendar-header-divider-color)}.cute-calendar-body-cell:focus .cute-focus-indicator:before{content:\"\"}\n"] }]
|
|
2398
2398
|
}], ctorParameters: () => [], propDecorators: { headerComponent: [{
|
|
2399
2399
|
type: Input
|
|
2400
2400
|
}], startAt: [{
|
|
@@ -2601,17 +2601,17 @@ class CuteDatepickerContent {
|
|
|
2601
2601
|
this._changeDetectorRef.detectChanges();
|
|
2602
2602
|
}
|
|
2603
2603
|
}
|
|
2604
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2605
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2604
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2605
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteDatepickerContent, isStandalone: true, selector: "cute-datepicker-content", inputs: { color: "color" }, host: { properties: { "class": "color ? \"cute-\" + color : \"\"", "class.cute-datepicker-content-touch": "datepicker.touchUi", "class.cute-datepicker-content-animations-enabled": "!_animationsDisabled" }, classAttribute: "cute-datepicker-content shadow" }, viewQueries: [{ propertyName: "_calendar", first: true, predicate: CuteCalendar, descendants: true }], exportAs: ["cuteDatepickerContent"], ngImport: i0, template: "<div\r\n cdkTrapFocus\r\n role=\"dialog\"\r\n [attr.aria-modal]=\"true\"\r\n [attr.aria-labelledby]=\"_dialogLabelId ?? undefined\"\r\n class=\"cute-datepicker-content-container\"\r\n [class.cute-datepicker-content-container-with-custom-header]=\"datepicker.calendarHeaderComponent\"\r\n [class.cute-datepicker-content-container-with-actions]=\"_actionsPortal\">\r\n <cute-calendar\r\n [id]=\"datepicker.id\"\r\n [class]=\"datepicker.panelClass\"\r\n [startAt]=\"datepicker.startAt\"\r\n [startView]=\"datepicker.startView\"\r\n [minDate]=\"datepicker._getMinDate()\"\r\n [maxDate]=\"datepicker._getMaxDate()\"\r\n [dateFilter]=\"datepicker._getDateFilter()\"\r\n [headerComponent]=\"datepicker.calendarHeaderComponent\"\r\n [selected]=\"_getSelected()\"\r\n [dateClass]=\"datepicker.dateClass\"\r\n [comparisonStart]=\"comparisonStart\"\r\n [comparisonEnd]=\"comparisonEnd\"\r\n [startDateAccessibleName]=\"startDateAccessibleName\"\r\n [endDateAccessibleName]=\"endDateAccessibleName\"\r\n (yearSelected)=\"datepicker._selectYear($event)\"\r\n (monthSelected)=\"datepicker._selectMonth($event)\"\r\n (viewChanged)=\"datepicker._viewChanged($event)\"\r\n (_userSelection)=\"_handleUserSelection($event)\"\r\n (_userDragDrop)=\"_handleUserDragDrop($event)\"></cute-calendar>\r\n\r\n <ng-template [cdkPortalOutlet]=\"_actionsPortal\"></ng-template>\r\n\r\n <!-- Invisible close button for screen reader users. -->\r\n <button\r\n type=\"button\"\r\n cuteButton=\"raised-button\"\r\n [color]=\"color || 'primary'\"\r\n class=\"cute-datepicker-close-button\"\r\n [class.cdk-visually-hidden]=\"!_closeButtonFocused\"\r\n (focus)=\"_closeButtonFocused = true\"\r\n (blur)=\"_closeButtonFocused = false\"\r\n (click)=\"datepicker.close()\">{{ _closeButtonText }}</button>\r\n</div>\r\n", styles: ["@keyframes _cute-datepicker-content-dropdown-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes _cute-datepicker-content-dialog-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes _cute-datepicker-content-exit{0%{opacity:1}to{opacity:0}}.cute-datepicker-content{--cute-calendar-container-background-color: var(--bs-tertiary-bg);--cute-calendar-container-text-color: var(--bs-body-color);--cute-calendar-container-border-radius: var(--bs-border-radius);display:block;background-color:var(--cute-calendar-container-background-color);color:var(--cute-calendar-container-text-color);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--cute-calendar-container-border-radius)}.cute-datepicker-content.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-dropdown-enter .12s cubic-bezier(0,0,.2,1)}.cute-datepicker-content .cute-calendar{width:296px;height:362px;opacity:1;background-color:var(--cute-calendar-container-background-color);color:var(--cute-calendar-container-text-color);border-radius:var(--cute-calendar-container-border-radius)}.cute-datepicker-content .cute-datepicker-content-container-with-custom-header .cute-calendar{height:auto}.cute-datepicker-content .cute-datepicker-close-button{position:absolute;top:100%;left:0;margin-top:8px}.cute-datepicker-content-animating .cute-datepicker-content .cute-datepicker-close-button{display:none}.cute-datepicker-content-container{display:flex;flex-direction:column;justify-content:space-between}.cute-datepicker-content-touch{display:block;max-height:80vh;position:relative;overflow:visible}.cute-datepicker-content-touch.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-dialog-enter .15s cubic-bezier(0,0,.2,1)}.cute-datepicker-content-touch .cute-datepicker-content-container{min-height:312px;max-height:788px;min-width:250px;max-width:750px}.cute-datepicker-content-touch .cute-calendar{width:100%;height:auto}.cute-datepicker-content-exit.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-exit .1s linear}@media all and (orientation:landscape){.cute-datepicker-content-touch .cute-datepicker-content-container{width:64vh;height:80vh}}@media all and (orientation:portrait){.cute-datepicker-content-touch .cute-datepicker-content-container{width:80vw;height:100vw}.cute-datepicker-content-touch .cute-datepicker-content-container-with-actions{height:115vw}}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: CuteCalendar, selector: "cute-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["cuteCalendar"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: CuteButton, selector: "button[cuteButton], button[cute-button], a[cuteButton], a[cute-button], ", exportAs: ["cuteButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2606
2606
|
}
|
|
2607
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2607
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerContent, decorators: [{
|
|
2608
2608
|
type: Component,
|
|
2609
2609
|
args: [{ selector: 'cute-datepicker-content', host: {
|
|
2610
2610
|
'class': 'cute-datepicker-content shadow',
|
|
2611
2611
|
'[class]': 'color ? "cute-" + color : ""',
|
|
2612
2612
|
'[class.cute-datepicker-content-touch]': 'datepicker.touchUi',
|
|
2613
2613
|
'[class.cute-datepicker-content-animations-enabled]': '!_animationsDisabled',
|
|
2614
|
-
}, exportAs: 'cuteDatepickerContent', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkTrapFocus, CuteCalendar, CdkPortalOutlet, CuteButton], template: "<div\r\n cdkTrapFocus\r\n role=\"dialog\"\r\n [attr.aria-modal]=\"true\"\r\n [attr.aria-labelledby]=\"_dialogLabelId ?? undefined\"\r\n class=\"cute-datepicker-content-container\"\r\n [class.cute-datepicker-content-container-with-custom-header]=\"datepicker.calendarHeaderComponent\"\r\n [class.cute-datepicker-content-container-with-actions]=\"_actionsPortal\">\r\n <cute-calendar\r\n [id]=\"datepicker.id\"\r\n [class]=\"datepicker.panelClass\"\r\n [startAt]=\"datepicker.startAt\"\r\n [startView]=\"datepicker.startView\"\r\n [minDate]=\"datepicker._getMinDate()\"\r\n [maxDate]=\"datepicker._getMaxDate()\"\r\n [dateFilter]=\"datepicker._getDateFilter()\"\r\n [headerComponent]=\"datepicker.calendarHeaderComponent\"\r\n [selected]=\"_getSelected()\"\r\n [dateClass]=\"datepicker.dateClass\"\r\n [comparisonStart]=\"comparisonStart\"\r\n [comparisonEnd]=\"comparisonEnd\"\r\n [startDateAccessibleName]=\"startDateAccessibleName\"\r\n [endDateAccessibleName]=\"endDateAccessibleName\"\r\n (yearSelected)=\"datepicker._selectYear($event)\"\r\n (monthSelected)=\"datepicker._selectMonth($event)\"\r\n (viewChanged)=\"datepicker._viewChanged($event)\"\r\n (_userSelection)=\"_handleUserSelection($event)\"\r\n (_userDragDrop)=\"_handleUserDragDrop($event)\"></cute-calendar>\r\n\r\n <ng-template [cdkPortalOutlet]=\"_actionsPortal\"></ng-template>\r\n\r\n <!-- Invisible close button for screen reader users. -->\r\n <button\r\n type=\"button\"\r\n cuteButton=\"raised-button\"\r\n [color]=\"color || 'primary'\"\r\n class=\"cute-datepicker-close-button\"\r\n [class.cdk-visually-hidden]=\"!_closeButtonFocused\"\r\n (focus)=\"_closeButtonFocused = true\"\r\n (blur)=\"_closeButtonFocused = false\"\r\n (click)=\"datepicker.close()\">{{ _closeButtonText }}</button>\r\n</div>\r\n", styles: ["@keyframes _cute-datepicker-content-dropdown-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes _cute-datepicker-content-dialog-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes _cute-datepicker-content-exit{0%{opacity:1}to{opacity:0}}.cute-datepicker-content{--cute-calendar-container-background-color: var(--bs-tertiary-bg);--cute-calendar-container-text-color: var(--bs-body-color);--cute-calendar-container-border-radius: var(--bs-border-radius);display:block;background-color:var(--cute-calendar-container-background-color);color:var(--cute-calendar-container-text-color);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--cute-calendar-container-border-radius)}.cute-datepicker-content.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-dropdown-enter .12s cubic-bezier(0,0,.2,1)}.cute-datepicker-content .cute-calendar{width:296px;height:362px;opacity:1;background-color:var(--cute-calendar-container-background-color);color:var(--cute-calendar-container-text-color);border-radius:var(--cute-calendar-container-border-radius)}.cute-datepicker-content .cute-datepicker-content-container-with-custom-header .cute-calendar{height:auto}.cute-datepicker-content .cute-datepicker-close-button{position:absolute;top:100%;left:0;margin-top:8px}.cute-datepicker-content-animating .cute-datepicker-content .cute-datepicker-close-button{display:none}.cute-datepicker-content-container{display:flex;flex-direction:column;justify-content:space-between}.cute-datepicker-content-touch{display:block;max-height:80vh;position:relative;overflow:visible}.cute-datepicker-content-touch.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-dialog-enter .15s cubic-bezier(0,0,.2,1)}.cute-datepicker-content-touch .cute-datepicker-content-container{min-height:312px;max-height:788px;min-width:250px;max-width:750px}.cute-datepicker-content-touch .cute-calendar{width:100%;height:auto}.cute-datepicker-content-exit.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-exit .1s linear}@media all and (orientation:
|
|
2614
|
+
}, exportAs: 'cuteDatepickerContent', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkTrapFocus, CuteCalendar, CdkPortalOutlet, CuteButton], template: "<div\r\n cdkTrapFocus\r\n role=\"dialog\"\r\n [attr.aria-modal]=\"true\"\r\n [attr.aria-labelledby]=\"_dialogLabelId ?? undefined\"\r\n class=\"cute-datepicker-content-container\"\r\n [class.cute-datepicker-content-container-with-custom-header]=\"datepicker.calendarHeaderComponent\"\r\n [class.cute-datepicker-content-container-with-actions]=\"_actionsPortal\">\r\n <cute-calendar\r\n [id]=\"datepicker.id\"\r\n [class]=\"datepicker.panelClass\"\r\n [startAt]=\"datepicker.startAt\"\r\n [startView]=\"datepicker.startView\"\r\n [minDate]=\"datepicker._getMinDate()\"\r\n [maxDate]=\"datepicker._getMaxDate()\"\r\n [dateFilter]=\"datepicker._getDateFilter()\"\r\n [headerComponent]=\"datepicker.calendarHeaderComponent\"\r\n [selected]=\"_getSelected()\"\r\n [dateClass]=\"datepicker.dateClass\"\r\n [comparisonStart]=\"comparisonStart\"\r\n [comparisonEnd]=\"comparisonEnd\"\r\n [startDateAccessibleName]=\"startDateAccessibleName\"\r\n [endDateAccessibleName]=\"endDateAccessibleName\"\r\n (yearSelected)=\"datepicker._selectYear($event)\"\r\n (monthSelected)=\"datepicker._selectMonth($event)\"\r\n (viewChanged)=\"datepicker._viewChanged($event)\"\r\n (_userSelection)=\"_handleUserSelection($event)\"\r\n (_userDragDrop)=\"_handleUserDragDrop($event)\"></cute-calendar>\r\n\r\n <ng-template [cdkPortalOutlet]=\"_actionsPortal\"></ng-template>\r\n\r\n <!-- Invisible close button for screen reader users. -->\r\n <button\r\n type=\"button\"\r\n cuteButton=\"raised-button\"\r\n [color]=\"color || 'primary'\"\r\n class=\"cute-datepicker-close-button\"\r\n [class.cdk-visually-hidden]=\"!_closeButtonFocused\"\r\n (focus)=\"_closeButtonFocused = true\"\r\n (blur)=\"_closeButtonFocused = false\"\r\n (click)=\"datepicker.close()\">{{ _closeButtonText }}</button>\r\n</div>\r\n", styles: ["@keyframes _cute-datepicker-content-dropdown-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@keyframes _cute-datepicker-content-dialog-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes _cute-datepicker-content-exit{0%{opacity:1}to{opacity:0}}.cute-datepicker-content{--cute-calendar-container-background-color: var(--bs-tertiary-bg);--cute-calendar-container-text-color: var(--bs-body-color);--cute-calendar-container-border-radius: var(--bs-border-radius);display:block;background-color:var(--cute-calendar-container-background-color);color:var(--cute-calendar-container-text-color);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--cute-calendar-container-border-radius)}.cute-datepicker-content.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-dropdown-enter .12s cubic-bezier(0,0,.2,1)}.cute-datepicker-content .cute-calendar{width:296px;height:362px;opacity:1;background-color:var(--cute-calendar-container-background-color);color:var(--cute-calendar-container-text-color);border-radius:var(--cute-calendar-container-border-radius)}.cute-datepicker-content .cute-datepicker-content-container-with-custom-header .cute-calendar{height:auto}.cute-datepicker-content .cute-datepicker-close-button{position:absolute;top:100%;left:0;margin-top:8px}.cute-datepicker-content-animating .cute-datepicker-content .cute-datepicker-close-button{display:none}.cute-datepicker-content-container{display:flex;flex-direction:column;justify-content:space-between}.cute-datepicker-content-touch{display:block;max-height:80vh;position:relative;overflow:visible}.cute-datepicker-content-touch.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-dialog-enter .15s cubic-bezier(0,0,.2,1)}.cute-datepicker-content-touch .cute-datepicker-content-container{min-height:312px;max-height:788px;min-width:250px;max-width:750px}.cute-datepicker-content-touch .cute-calendar{width:100%;height:auto}.cute-datepicker-content-exit.cute-datepicker-content-animations-enabled{animation:_cute-datepicker-content-exit .1s linear}@media all and (orientation:landscape){.cute-datepicker-content-touch .cute-datepicker-content-container{width:64vh;height:80vh}}@media all and (orientation:portrait){.cute-datepicker-content-touch .cute-datepicker-content-container{width:80vw;height:100vw}.cute-datepicker-content-touch .cute-datepicker-content-container-with-actions{height:115vw}}\n"] }]
|
|
2615
2615
|
}], ctorParameters: () => [], propDecorators: { _calendar: [{
|
|
2616
2616
|
type: ViewChild,
|
|
2617
2617
|
args: [CuteCalendar]
|
|
@@ -3015,10 +3015,10 @@ class CuteDatepickerBase {
|
|
|
3015
3015
|
ctrlShiftMetaModifiers.every((modifier) => !hasModifierKey(event, modifier))));
|
|
3016
3016
|
})));
|
|
3017
3017
|
}
|
|
3018
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3019
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
3018
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3019
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteDatepickerBase, isStandalone: true, inputs: { calendarHeaderComponent: "calendarHeaderComponent", startAt: "startAt", startView: "startView", color: "color", touchUi: ["touchUi", "touchUi", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], xPosition: "xPosition", yPosition: "yPosition", restoreFocus: ["restoreFocus", "restoreFocus", booleanAttribute], dateClass: "dateClass", panelClass: "panelClass", opened: ["opened", "opened", booleanAttribute] }, outputs: { yearSelected: "yearSelected", monthSelected: "monthSelected", viewChanged: "viewChanged", openedStream: "opened", closedStream: "closed" }, usesOnChanges: true, ngImport: i0 }); }
|
|
3020
3020
|
}
|
|
3021
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerBase, decorators: [{
|
|
3022
3022
|
type: Directive
|
|
3023
3023
|
}], ctorParameters: () => [], propDecorators: { calendarHeaderComponent: [{
|
|
3024
3024
|
type: Input
|
|
@@ -3078,13 +3078,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
3078
3078
|
// if angular adds support for `exportAs: '$implicit'` on directives.
|
|
3079
3079
|
/** Component responsible for managing the datepicker popup/dialog. */
|
|
3080
3080
|
class CuteDatepicker extends CuteDatepickerBase {
|
|
3081
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3082
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3081
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepicker, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3082
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteDatepicker, isStandalone: true, selector: "cute-datepicker", providers: [
|
|
3083
3083
|
CUTE_SINGLE_DATE_SELECTION_MODEL_PROVIDER,
|
|
3084
3084
|
{ provide: CuteDatepickerBase, useExisting: CuteDatepicker },
|
|
3085
3085
|
], exportAs: ["cuteDatepicker"], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3086
3086
|
}
|
|
3087
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3087
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepicker, decorators: [{
|
|
3088
3088
|
type: Component,
|
|
3089
3089
|
args: [{
|
|
3090
3090
|
selector: 'cute-datepicker',
|
|
@@ -3299,7 +3299,8 @@ class CuteDatepickerInputBase {
|
|
|
3299
3299
|
event.preventDefault();
|
|
3300
3300
|
}
|
|
3301
3301
|
}
|
|
3302
|
-
_onInput(
|
|
3302
|
+
_onInput(event) {
|
|
3303
|
+
const value = event.target.value;
|
|
3303
3304
|
const lastValueWasValid = this._lastValueValid;
|
|
3304
3305
|
let date = this._dateAdapter.parse(value, this._dateFormats.parse.dateInput);
|
|
3305
3306
|
this._lastValueValid = this._isValidValue(date);
|
|
@@ -3379,10 +3380,10 @@ class CuteDatepickerInputBase {
|
|
|
3379
3380
|
const filter = this._getDateFilter();
|
|
3380
3381
|
return !filter || filter(value);
|
|
3381
3382
|
}
|
|
3382
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3383
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
3383
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerInputBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3384
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteDatepickerInputBase, isStandalone: true, inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { dateChange: "dateChange", dateInput: "dateInput" }, usesOnChanges: true, ngImport: i0 }); }
|
|
3384
3385
|
}
|
|
3385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3386
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerInputBase, decorators: [{
|
|
3386
3387
|
type: Directive
|
|
3387
3388
|
}], ctorParameters: () => [], propDecorators: { value: [{
|
|
3388
3389
|
type: Input
|
|
@@ -3548,14 +3549,14 @@ class CuteDatepickerInput extends CuteDatepickerInputBase {
|
|
|
3548
3549
|
_shouldHandleChangeEvent(event) {
|
|
3549
3550
|
return event.source !== this;
|
|
3550
3551
|
}
|
|
3551
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3552
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3552
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3553
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteDatepickerInput, isStandalone: true, selector: "input[cuteDatepicker]", inputs: { cuteDatepicker: "cuteDatepicker", min: "min", max: "max", dateFilter: ["cuteDatepickerFilter", "dateFilter"] }, host: { listeners: { "input": "_onInput($event)", "change": "_onChange()", "blur": "_onBlur()", "keydown": "_onKeydown($event)" }, properties: { "attr.aria-haspopup": "_datepicker ? \"dialog\" : null", "attr.aria-owns": "(_datepicker?.opened && _datepicker?.id) || null", "attr.min": "min ? _dateAdapter.toIso8601(min) : null", "attr.max": "max ? _dateAdapter.toIso8601(max) : null", "attr.data-cute-calendar": "_datepicker ? _datepicker.id : null", "disabled": "disabled" }, classAttribute: "cute-datepicker-input" }, providers: [
|
|
3553
3554
|
CUTE_DATEPICKER_VALUE_ACCESSOR,
|
|
3554
3555
|
CUTE_DATEPICKER_VALIDATORS,
|
|
3555
3556
|
{ provide: CUTE_INPUT_VALUE_ACCESSOR, useExisting: CuteDatepickerInput },
|
|
3556
3557
|
], exportAs: ["cuteDatepickerInput"], usesInheritance: true, ngImport: i0 }); }
|
|
3557
3558
|
}
|
|
3558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3559
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerInput, decorators: [{
|
|
3559
3560
|
type: Directive,
|
|
3560
3561
|
args: [{
|
|
3561
3562
|
selector: 'input[cuteDatepicker]',
|
|
@@ -3567,14 +3568,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
3567
3568
|
host: {
|
|
3568
3569
|
'class': 'cute-datepicker-input',
|
|
3569
3570
|
'[attr.aria-haspopup]': '_datepicker ? "dialog" : null',
|
|
3570
|
-
'[attr.aria-owns]': '(_datepicker?.opened && _datepicker
|
|
3571
|
+
'[attr.aria-owns]': '(_datepicker?.opened && _datepicker?.id) || null',
|
|
3571
3572
|
'[attr.min]': 'min ? _dateAdapter.toIso8601(min) : null',
|
|
3572
3573
|
'[attr.max]': 'max ? _dateAdapter.toIso8601(max) : null',
|
|
3573
3574
|
// Used by the test harness to tie this input to its calendar. We can't depend on
|
|
3574
3575
|
// `aria-owns` for this, because it's only defined while the calendar is open.
|
|
3575
3576
|
'[attr.data-cute-calendar]': '_datepicker ? _datepicker.id : null',
|
|
3576
3577
|
'[disabled]': 'disabled',
|
|
3577
|
-
'(input)': '_onInput($event
|
|
3578
|
+
'(input)': '_onInput($event)',
|
|
3578
3579
|
'(change)': '_onChange()',
|
|
3579
3580
|
'(blur)': '_onBlur()',
|
|
3580
3581
|
'(keydown)': '_onKeydown($event)',
|
|
@@ -3606,10 +3607,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
3606
3607
|
*/
|
|
3607
3608
|
/** Can be used to override the icon of a `cuteDatepickerToggle`. */
|
|
3608
3609
|
class CuteDatepickerToggleIcon {
|
|
3609
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3610
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerToggleIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3611
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteDatepickerToggleIcon, isStandalone: true, selector: "[cuteDatepickerToggleIcon]", ngImport: i0 }); }
|
|
3611
3612
|
}
|
|
3612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerToggleIcon, decorators: [{
|
|
3613
3614
|
type: Directive,
|
|
3614
3615
|
args: [{
|
|
3615
3616
|
selector: '[cuteDatepickerToggleIcon]',
|
|
@@ -3666,10 +3667,10 @@ class CuteDatepickerToggle {
|
|
|
3666
3667
|
this._stateChanges.unsubscribe();
|
|
3667
3668
|
this._stateChanges = merge(this._intl.changes, datepickerStateChanged, inputStateChanged, datepickerToggled).subscribe(() => this._changeDetectorRef.markForCheck());
|
|
3668
3669
|
}
|
|
3669
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3670
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3670
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3671
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteDatepickerToggle, isStandalone: true, selector: "cute-datepicker-toggle", inputs: { datepicker: ["for", "datepicker"], tabIndex: "tabIndex", ariaLabel: ["aria-label", "ariaLabel"], disabled: ["disabled", "disabled", booleanAttribute], disableRipple: "disableRipple" }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null", "class.cute-datepicker-toggle-active": "datepicker && datepicker.opened", "class.cute-primary": "datepicker && datepicker.color === \"primary\"", "class.cute-warning": "datepicker && datepicker.color === \"warning\"", "attr.data-cute-calendar": "datepicker ? datepicker.id : null" }, classAttribute: "cute-datepicker-toggle" }, queries: [{ propertyName: "_customIcon", first: true, predicate: CuteDatepickerToggleIcon, descendants: true }], viewQueries: [{ propertyName: "_button", first: true, predicate: ["button"], descendants: true }], exportAs: ["cuteDatepickerToggle"], usesOnChanges: true, ngImport: i0, template: "<button\r\n #button\r\n cuteButton=\"icon-button\"\r\n type=\"button\"\r\n magnitude=\"smaller\"\r\n [attr.aria-haspopup]=\"datepicker ? 'dialog' : null\"\r\n [attr.aria-label]=\"ariaLabel || _intl.openCalendarLabel\"\r\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"disableRipple\">\r\n\r\n @if (!_customIcon) {\r\n <svg\r\n class=\"cute-datepicker-toggle-default-icon\"\r\n viewBox=\"0 0 24 24\"\r\n width=\"24px\"\r\n height=\"24px\"\r\n fill=\"currentColor\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"/>\r\n </svg>\r\n }\r\n\r\n <ng-content select=\"[cuteDatepickerToggleIcon]\"></ng-content>\r\n</button>\r\n", styles: [".cute-datepicker-toggle{--cute-toggle-icon-color: var(--bs-body-color);--cute-toggle-active-state-icon-color: var(--bs-primary-text-emphasis);pointer-events:auto;color:var(--cute-toggle-icon-color)}.cute-datepicker-toggle-active{color:var(--cute-toggle-active-state-icon-color)}@media(forced-colors:active){.cute-datepicker-toggle-default-icon{color:CanvasText}}\n"], dependencies: [{ kind: "component", type: CuteButton, selector: "button[cuteButton], button[cute-button], a[cuteButton], a[cute-button], ", exportAs: ["cuteButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3671
3672
|
}
|
|
3672
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3673
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerToggle, decorators: [{
|
|
3673
3674
|
type: Component,
|
|
3674
3675
|
args: [{ selector: 'cute-datepicker-toggle', host: {
|
|
3675
3676
|
'class': 'cute-datepicker-toggle',
|
|
@@ -3683,7 +3684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
3683
3684
|
// `stopPropagation` on it without affecting the user's `click` handlers. We need to stop
|
|
3684
3685
|
// it so that the input doesn't get focused automatically by the form field (See #21836).
|
|
3685
3686
|
'(click)': '_open($event)',
|
|
3686
|
-
}, exportAs: 'cuteDatepickerToggle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteButton, /*CuteIconButton*/], template: "<button\r\n #button\r\n cuteButton=\"icon-button\"\r\n type=\"button\"\r\n magnitude=\"smaller\"\r\n [attr.aria-haspopup]=\"datepicker ? 'dialog' : null\"\r\n [attr.aria-label]=\"ariaLabel || _intl.openCalendarLabel\"\r\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"disableRipple\">\r\n\r\n @if (!_customIcon) {\r\n <svg\r\n class=\"cute-datepicker-toggle-default-icon\"\r\n viewBox=\"0 0 24 24\"\r\n width=\"24px\"\r\n height=\"24px\"\r\n fill=\"currentColor\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"/>\r\n </svg>\r\n }\r\n\r\n <ng-content select=\"[cuteDatepickerToggleIcon]\"></ng-content>\r\n</button>\r\n", styles: [".cute-datepicker-toggle{--cute-toggle-icon-color: var(--bs-body-color);--cute-toggle-active-state-icon-color: var(--bs-primary-text-emphasis);pointer-events:auto;color:var(--cute-toggle-icon-color)}.cute-datepicker-toggle-active{color:var(--cute-toggle-active-state-icon-color)}@media
|
|
3687
|
+
}, exportAs: 'cuteDatepickerToggle', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteButton, /*CuteIconButton*/], template: "<button\r\n #button\r\n cuteButton=\"icon-button\"\r\n type=\"button\"\r\n magnitude=\"smaller\"\r\n [attr.aria-haspopup]=\"datepicker ? 'dialog' : null\"\r\n [attr.aria-label]=\"ariaLabel || _intl.openCalendarLabel\"\r\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"disableRipple\">\r\n\r\n @if (!_customIcon) {\r\n <svg\r\n class=\"cute-datepicker-toggle-default-icon\"\r\n viewBox=\"0 0 24 24\"\r\n width=\"24px\"\r\n height=\"24px\"\r\n fill=\"currentColor\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"/>\r\n </svg>\r\n }\r\n\r\n <ng-content select=\"[cuteDatepickerToggleIcon]\"></ng-content>\r\n</button>\r\n", styles: [".cute-datepicker-toggle{--cute-toggle-icon-color: var(--bs-body-color);--cute-toggle-active-state-icon-color: var(--bs-primary-text-emphasis);pointer-events:auto;color:var(--cute-toggle-icon-color)}.cute-datepicker-toggle-active{color:var(--cute-toggle-active-state-icon-color)}@media(forced-colors:active){.cute-datepicker-toggle-default-icon{color:CanvasText}}\n"] }]
|
|
3687
3688
|
}], ctorParameters: () => [], propDecorators: { datepicker: [{
|
|
3688
3689
|
type: Input,
|
|
3689
3690
|
args: ['for']
|
|
@@ -3954,8 +3955,8 @@ class CuteDateRangeInputPartBase extends CuteDatepickerInputBase {
|
|
|
3954
3955
|
this._errorStateTracker.updateErrorState();
|
|
3955
3956
|
}
|
|
3956
3957
|
/** Handles `input` events on the input element. */
|
|
3957
|
-
_onInput(
|
|
3958
|
-
super._onInput(
|
|
3958
|
+
_onInput(event) {
|
|
3959
|
+
super._onInput(event);
|
|
3959
3960
|
this._rangeInput._handleChildValueChange();
|
|
3960
3961
|
}
|
|
3961
3962
|
/** Opens the datepicker associated with the input. */
|
|
@@ -3992,10 +3993,10 @@ class CuteDateRangeInputPartBase extends CuteDatepickerInputBase {
|
|
|
3992
3993
|
_getAccessibleName() {
|
|
3993
3994
|
return _computeAriaAccessibleName(this._elementRef.nativeElement);
|
|
3994
3995
|
}
|
|
3995
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3996
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3996
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateRangeInputPartBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3997
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteDateRangeInputPartBase, isStandalone: true, inputs: { errorStateMatcher: "errorStateMatcher" }, usesInheritance: true, ngImport: i0 }); }
|
|
3997
3998
|
}
|
|
3998
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateRangeInputPartBase, decorators: [{
|
|
3999
4000
|
type: Directive
|
|
4000
4001
|
}], ctorParameters: () => [], propDecorators: { errorStateMatcher: [{
|
|
4001
4002
|
type: Input
|
|
@@ -4056,26 +4057,26 @@ class CuteStartDate extends CuteDateRangeInputPartBase {
|
|
|
4056
4057
|
super._onKeydown(event);
|
|
4057
4058
|
}
|
|
4058
4059
|
}
|
|
4059
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4060
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4060
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteStartDate, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4061
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteStartDate, isStandalone: true, selector: "input[cuteStartDate]", outputs: { dateChange: "dateChange", dateInput: "dateInput" }, host: { attributes: { "type": "text" }, listeners: { "input": "_onInput($event)", "change": "_onChange()", "keydown": "_onKeydown($event)", "blur": "_onBlur()" }, properties: { "disabled": "disabled", "attr.aria-haspopup": "_rangeInput.rangePicker ? \"dialog\" : null", "attr.aria-owns": "(_rangeInput.rangePicker?.opened && _rangeInput.rangePicker.id) || null", "attr.min": "_getMinDate() ? _dateAdapter.toIso8601(_getMinDate()!) : null", "attr.max": "_getMaxDate() ? _dateAdapter.toIso8601(_getMaxDate()!) : null" }, classAttribute: "cute-start-date cute-date-range-input-inner" }, providers: [
|
|
4061
4062
|
{ provide: NG_VALUE_ACCESSOR, useExisting: CuteStartDate, multi: true },
|
|
4062
4063
|
{ provide: NG_VALIDATORS, useExisting: CuteStartDate, multi: true },
|
|
4063
4064
|
], usesInheritance: true, ngImport: i0 }); }
|
|
4064
4065
|
}
|
|
4065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteStartDate, decorators: [{
|
|
4066
4067
|
type: Directive,
|
|
4067
4068
|
args: [{
|
|
4068
4069
|
selector: 'input[cuteStartDate]',
|
|
4069
4070
|
host: {
|
|
4070
4071
|
'class': 'cute-start-date cute-date-range-input-inner',
|
|
4071
4072
|
'[disabled]': 'disabled',
|
|
4072
|
-
'(input)': '_onInput($event
|
|
4073
|
+
'(input)': '_onInput($event)',
|
|
4073
4074
|
'(change)': '_onChange()',
|
|
4074
4075
|
'(keydown)': '_onKeydown($event)',
|
|
4075
4076
|
'[attr.aria-haspopup]': '_rangeInput.rangePicker ? "dialog" : null',
|
|
4076
4077
|
'[attr.aria-owns]': '(_rangeInput.rangePicker?.opened && _rangeInput.rangePicker.id) || null',
|
|
4077
|
-
'[attr.min]': '_getMinDate() ? _dateAdapter.toIso8601(_getMinDate()) : null',
|
|
4078
|
-
'[attr.max]': '_getMaxDate() ? _dateAdapter.toIso8601(_getMaxDate()) : null',
|
|
4078
|
+
'[attr.min]': '_getMinDate() ? _dateAdapter.toIso8601(_getMinDate()!) : null',
|
|
4079
|
+
'[attr.max]': '_getMaxDate() ? _dateAdapter.toIso8601(_getMaxDate()!) : null',
|
|
4079
4080
|
'(blur)': '_onBlur()',
|
|
4080
4081
|
'type': 'text',
|
|
4081
4082
|
},
|
|
@@ -4152,26 +4153,26 @@ class CuteEndDate extends CuteDateRangeInputPartBase {
|
|
|
4152
4153
|
super._onKeydown(event);
|
|
4153
4154
|
}
|
|
4154
4155
|
}
|
|
4155
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4156
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4156
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteEndDate, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4157
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteEndDate, isStandalone: true, selector: "input[cuteEndDate]", outputs: { dateChange: "dateChange", dateInput: "dateInput" }, host: { attributes: { "type": "text" }, listeners: { "input": "_onInput($event)", "change": "_onChange()", "keydown": "_onKeydown($event)", "blur": "_onBlur()" }, properties: { "disabled": "disabled", "attr.aria-haspopup": "_rangeInput.rangePicker ? \"dialog\" : null", "attr.aria-owns": "(_rangeInput.rangePicker?.opened && _rangeInput.rangePicker.id) || null", "attr.min": "_getMinDate() ? _dateAdapter.toIso8601(_getMinDate()!) : null", "attr.max": "_getMaxDate() ? _dateAdapter.toIso8601(_getMaxDate()!) : null" }, classAttribute: "cute-end-date cute-date-range-input-inner" }, providers: [
|
|
4157
4158
|
{ provide: NG_VALUE_ACCESSOR, useExisting: CuteEndDate, multi: true },
|
|
4158
4159
|
{ provide: NG_VALIDATORS, useExisting: CuteEndDate, multi: true },
|
|
4159
4160
|
], usesInheritance: true, ngImport: i0 }); }
|
|
4160
4161
|
}
|
|
4161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteEndDate, decorators: [{
|
|
4162
4163
|
type: Directive,
|
|
4163
4164
|
args: [{
|
|
4164
4165
|
selector: 'input[cuteEndDate]',
|
|
4165
4166
|
host: {
|
|
4166
4167
|
'class': 'cute-end-date cute-date-range-input-inner',
|
|
4167
4168
|
'[disabled]': 'disabled',
|
|
4168
|
-
'(input)': '_onInput($event
|
|
4169
|
+
'(input)': '_onInput($event)',
|
|
4169
4170
|
'(change)': '_onChange()',
|
|
4170
4171
|
'(keydown)': '_onKeydown($event)',
|
|
4171
4172
|
'[attr.aria-haspopup]': '_rangeInput.rangePicker ? "dialog" : null',
|
|
4172
4173
|
'[attr.aria-owns]': '(_rangeInput.rangePicker?.opened && _rangeInput.rangePicker.id) || null',
|
|
4173
|
-
'[attr.min]': '_getMinDate() ? _dateAdapter.toIso8601(_getMinDate()) : null',
|
|
4174
|
-
'[attr.max]': '_getMaxDate() ? _dateAdapter.toIso8601(_getMaxDate()) : null',
|
|
4174
|
+
'[attr.min]': '_getMinDate() ? _dateAdapter.toIso8601(_getMinDate()!) : null',
|
|
4175
|
+
'[attr.max]': '_getMaxDate() ? _dateAdapter.toIso8601(_getMaxDate()!) : null',
|
|
4175
4176
|
'(blur)': '_onBlur()',
|
|
4176
4177
|
'type': 'text',
|
|
4177
4178
|
},
|
|
@@ -4514,13 +4515,13 @@ class CuteDateRangeInput {
|
|
|
4514
4515
|
_isTargetRequired(target) {
|
|
4515
4516
|
return target?.ngControl?.control?.hasValidator(Validators.required);
|
|
4516
4517
|
}
|
|
4517
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4518
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
4518
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateRangeInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4519
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: CuteDateRangeInput, isStandalone: true, selector: "cute-date-range-input", inputs: { rangePicker: "rangePicker", required: ["required", "required", booleanAttribute], dateFilter: "dateFilter", min: "min", max: "max", disabled: ["disabled", "disabled", booleanAttribute], separator: "separator", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd" }, host: { attributes: { "role": "group" }, properties: { "class.cute-date-range-input-hide-placeholders": "_shouldHidePlaceholders()", "class.cute-date-range-input-required": "required", "class.cute-date-range-input-focused": "focused", "class": "\"focus-ring-\"+(getThemeColor()||\"primary\")", "attr.id": "id", "attr.aria-labelledby": "_getAriaLabelledby()", "attr.aria-describedby": "_ariaDescribedBy", "attr.data-cute-calendar": "rangePicker ? rangePicker.id : null" }, classAttribute: "cute-date-range-input form-control" }, providers: [
|
|
4519
4520
|
{ provide: CuteFormFieldControl, useExisting: CuteDateRangeInput },
|
|
4520
4521
|
{ provide: CUTE_DATE_RANGE_INPUT_PARENT, useExisting: CuteDateRangeInput },
|
|
4521
|
-
], queries: [{ propertyName: "_startInput", first: true, predicate: CuteStartDate, descendants: true }, { propertyName: "_endInput", first: true, predicate: CuteEndDate, descendants: true }], exportAs: ["cuteDateRangeInput"], usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"cute-date-range-input-container\"\r\n cdkMonitorSubtreeFocus\r\n (cdkFocusChange)=\"_updateFocus($event)\">\r\n <div class=\"cute-date-range-input-wrapper\">\r\n <ng-content select=\"input[cuteStartDate]\"></ng-content>\r\n <span class=\"cute-date-range-input-mirror\" aria-hidden=\"true\">\r\n {{_getInputMirrorValue('start')}}\r\n </span>\r\n </div>\r\n\r\n <span class=\"cute-date-range-input-separator\"\r\n [class.cute-date-range-input-separator-hidden]=\"_shouldHideSeparator()\">\r\n {{separator}}\r\n </span>\r\n\r\n <div class=\"cute-date-range-input-wrapper cute-date-range-input-end-wrapper\">\r\n <ng-content select=\"input[cuteEndDate]\"></ng-content>\r\n <span class=\"cute-date-range-input-mirror\" aria-hidden=\"true\">\r\n {{_getInputMirrorValue('end')}}\r\n </span>\r\n </div>\r\n</div>\r\n", styles: [".cute-date-range-input{--cute-range-input-disabled-state-text-color: var(--bs-secondary);display:flex;width:100%}.cute-date-range-input-container{display:flex;align-items:center;width:100%}.cute-date-range-input-separator{transition:opacity .4s .1333333333333s cubic-bezier(.25,.8,.25,1);margin:0 4px}._cute-animation-noopable .cute-date-range-input-separator{transition:none}.cute-date-range-input-focused,.cute-date-range-input:focus-within{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-date-range-input-separator-hidden{-webkit-user-select:none;user-select:none;opacity:0;transition:none}.cute-date-range-input-wrapper{position:relative;overflow:hidden;max-width:calc(50% - 4px)}.cute-date-range-input-end-wrapper{flex-grow:1}.cute-date-range-input-inner{position:absolute;top:0;left:0;font:inherit;background:transparent;color:currentColor;border:none;outline:none;padding:0;margin:0;vertical-align:bottom;text-align:inherit;-webkit-appearance:none;width:100%;height:100%}.cute-date-range-input-inner:-moz-ui-invalid{box-shadow:none}.cute-date-range-input-inner::placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner::-moz-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner::-webkit-input-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner:-ms-input-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner[disabled]{color:var(--cute-range-input-disabled-state-text-color)}.cute-form-field-hide-placeholder .cute-date-range-input-inner::placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media
|
|
4522
|
+
], queries: [{ propertyName: "_startInput", first: true, predicate: CuteStartDate, descendants: true }, { propertyName: "_endInput", first: true, predicate: CuteEndDate, descendants: true }], exportAs: ["cuteDateRangeInput"], usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"cute-date-range-input-container\"\r\n cdkMonitorSubtreeFocus\r\n (cdkFocusChange)=\"_updateFocus($event)\">\r\n <div class=\"cute-date-range-input-wrapper\">\r\n <ng-content select=\"input[cuteStartDate]\"></ng-content>\r\n <span class=\"cute-date-range-input-mirror\" aria-hidden=\"true\">\r\n {{_getInputMirrorValue('start')}}\r\n </span>\r\n </div>\r\n\r\n <span class=\"cute-date-range-input-separator\"\r\n [class.cute-date-range-input-separator-hidden]=\"_shouldHideSeparator()\">\r\n {{separator}}\r\n </span>\r\n\r\n <div class=\"cute-date-range-input-wrapper cute-date-range-input-end-wrapper\">\r\n <ng-content select=\"input[cuteEndDate]\"></ng-content>\r\n <span class=\"cute-date-range-input-mirror\" aria-hidden=\"true\">\r\n {{_getInputMirrorValue('end')}}\r\n </span>\r\n </div>\r\n</div>\r\n", styles: [".cute-date-range-input{--cute-range-input-disabled-state-text-color: var(--bs-secondary);display:flex;width:100%}.cute-date-range-input-container{display:flex;align-items:center;width:100%}.cute-date-range-input-separator{transition:opacity .4s .1333333333333s cubic-bezier(.25,.8,.25,1);margin:0 4px}._cute-animation-noopable .cute-date-range-input-separator{transition:none}.cute-date-range-input-focused,.cute-date-range-input:focus-within{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-date-range-input-separator-hidden{-webkit-user-select:none;user-select:none;opacity:0;transition:none}.cute-date-range-input-wrapper{position:relative;overflow:hidden;max-width:calc(50% - 4px)}.cute-date-range-input-end-wrapper{flex-grow:1}.cute-date-range-input-inner{position:absolute;top:0;left:0;font:inherit;background:transparent;color:currentColor;border:none;outline:none;padding:0;margin:0;vertical-align:bottom;text-align:inherit;-webkit-appearance:none;width:100%;height:100%}.cute-date-range-input-inner:-moz-ui-invalid{box-shadow:none}.cute-date-range-input-inner::placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner::-moz-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner::-webkit-input-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner:-ms-input-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner[disabled]{color:var(--cute-range-input-disabled-state-text-color)}.cute-form-field-hide-placeholder .cute-date-range-input-inner::placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media(forced-colors:active){.cute-form-field-hide-placeholder .cute-date-range-input-inner::placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::placeholder{opacity:0}}.cute-form-field-hide-placeholder .cute-date-range-input-inner::-moz-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::-moz-placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media(forced-colors:active){.cute-form-field-hide-placeholder .cute-date-range-input-inner::-moz-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::-moz-placeholder{opacity:0}}.cute-form-field-hide-placeholder .cute-date-range-input-inner::-webkit-input-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::-webkit-input-placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media(forced-colors:active){.cute-form-field-hide-placeholder .cute-date-range-input-inner::-webkit-input-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::-webkit-input-placeholder{opacity:0}}.cute-form-field-hide-placeholder .cute-date-range-input-inner:-ms-input-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner:-ms-input-placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media(forced-colors:active){.cute-form-field-hide-placeholder .cute-date-range-input-inner:-ms-input-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner:-ms-input-placeholder{opacity:0}}._cute-animation-noopable .cute-date-range-input-inner::placeholder{transition:none}._cute-animation-noopable .cute-date-range-input-inner::-moz-placeholder{transition:none}._cute-animation-noopable .cute-date-range-input-inner::-webkit-input-placeholder{transition:none}._cute-animation-noopable .cute-date-range-input-inner:-ms-input-placeholder{transition:none}.cute-date-range-input-mirror{-webkit-user-select:none;user-select:none;visibility:hidden;white-space:nowrap;display:inline-block;min-width:2px}.cute-form-field-type-cute-date-range-input .cute-form-field-infix{width:200px}\n"], dependencies: [{ kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4522
4523
|
}
|
|
4523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4524
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateRangeInput, decorators: [{
|
|
4524
4525
|
type: Component,
|
|
4525
4526
|
args: [{ selector: 'cute-date-range-input', exportAs: 'cuteDateRangeInput', host: {
|
|
4526
4527
|
'class': 'cute-date-range-input form-control',
|
|
@@ -4538,7 +4539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
4538
4539
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
4539
4540
|
{ provide: CuteFormFieldControl, useExisting: CuteDateRangeInput },
|
|
4540
4541
|
{ provide: CUTE_DATE_RANGE_INPUT_PARENT, useExisting: CuteDateRangeInput },
|
|
4541
|
-
], imports: [CdkMonitorFocus], template: "<div\r\n class=\"cute-date-range-input-container\"\r\n cdkMonitorSubtreeFocus\r\n (cdkFocusChange)=\"_updateFocus($event)\">\r\n <div class=\"cute-date-range-input-wrapper\">\r\n <ng-content select=\"input[cuteStartDate]\"></ng-content>\r\n <span class=\"cute-date-range-input-mirror\" aria-hidden=\"true\">\r\n {{_getInputMirrorValue('start')}}\r\n </span>\r\n </div>\r\n\r\n <span class=\"cute-date-range-input-separator\"\r\n [class.cute-date-range-input-separator-hidden]=\"_shouldHideSeparator()\">\r\n {{separator}}\r\n </span>\r\n\r\n <div class=\"cute-date-range-input-wrapper cute-date-range-input-end-wrapper\">\r\n <ng-content select=\"input[cuteEndDate]\"></ng-content>\r\n <span class=\"cute-date-range-input-mirror\" aria-hidden=\"true\">\r\n {{_getInputMirrorValue('end')}}\r\n </span>\r\n </div>\r\n</div>\r\n", styles: [".cute-date-range-input{--cute-range-input-disabled-state-text-color: var(--bs-secondary);display:flex;width:100%}.cute-date-range-input-container{display:flex;align-items:center;width:100%}.cute-date-range-input-separator{transition:opacity .4s .1333333333333s cubic-bezier(.25,.8,.25,1);margin:0 4px}._cute-animation-noopable .cute-date-range-input-separator{transition:none}.cute-date-range-input-focused,.cute-date-range-input:focus-within{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-date-range-input-separator-hidden{-webkit-user-select:none;user-select:none;opacity:0;transition:none}.cute-date-range-input-wrapper{position:relative;overflow:hidden;max-width:calc(50% - 4px)}.cute-date-range-input-end-wrapper{flex-grow:1}.cute-date-range-input-inner{position:absolute;top:0;left:0;font:inherit;background:transparent;color:currentColor;border:none;outline:none;padding:0;margin:0;vertical-align:bottom;text-align:inherit;-webkit-appearance:none;width:100%;height:100%}.cute-date-range-input-inner:-moz-ui-invalid{box-shadow:none}.cute-date-range-input-inner::placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner::-moz-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner::-webkit-input-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner:-ms-input-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner[disabled]{color:var(--cute-range-input-disabled-state-text-color)}.cute-form-field-hide-placeholder .cute-date-range-input-inner::placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media
|
|
4542
|
+
], imports: [CdkMonitorFocus], template: "<div\r\n class=\"cute-date-range-input-container\"\r\n cdkMonitorSubtreeFocus\r\n (cdkFocusChange)=\"_updateFocus($event)\">\r\n <div class=\"cute-date-range-input-wrapper\">\r\n <ng-content select=\"input[cuteStartDate]\"></ng-content>\r\n <span class=\"cute-date-range-input-mirror\" aria-hidden=\"true\">\r\n {{_getInputMirrorValue('start')}}\r\n </span>\r\n </div>\r\n\r\n <span class=\"cute-date-range-input-separator\"\r\n [class.cute-date-range-input-separator-hidden]=\"_shouldHideSeparator()\">\r\n {{separator}}\r\n </span>\r\n\r\n <div class=\"cute-date-range-input-wrapper cute-date-range-input-end-wrapper\">\r\n <ng-content select=\"input[cuteEndDate]\"></ng-content>\r\n <span class=\"cute-date-range-input-mirror\" aria-hidden=\"true\">\r\n {{_getInputMirrorValue('end')}}\r\n </span>\r\n </div>\r\n</div>\r\n", styles: [".cute-date-range-input{--cute-range-input-disabled-state-text-color: var(--bs-secondary);display:flex;width:100%}.cute-date-range-input-container{display:flex;align-items:center;width:100%}.cute-date-range-input-separator{transition:opacity .4s .1333333333333s cubic-bezier(.25,.8,.25,1);margin:0 4px}._cute-animation-noopable .cute-date-range-input-separator{transition:none}.cute-date-range-input-focused,.cute-date-range-input:focus-within{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-date-range-input-separator-hidden{-webkit-user-select:none;user-select:none;opacity:0;transition:none}.cute-date-range-input-wrapper{position:relative;overflow:hidden;max-width:calc(50% - 4px)}.cute-date-range-input-end-wrapper{flex-grow:1}.cute-date-range-input-inner{position:absolute;top:0;left:0;font:inherit;background:transparent;color:currentColor;border:none;outline:none;padding:0;margin:0;vertical-align:bottom;text-align:inherit;-webkit-appearance:none;width:100%;height:100%}.cute-date-range-input-inner:-moz-ui-invalid{box-shadow:none}.cute-date-range-input-inner::placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner::-moz-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner::-webkit-input-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner:-ms-input-placeholder{transition:color .4s .1333333333333s cubic-bezier(.25,.8,.25,1)}.cute-date-range-input-inner[disabled]{color:var(--cute-range-input-disabled-state-text-color)}.cute-form-field-hide-placeholder .cute-date-range-input-inner::placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media(forced-colors:active){.cute-form-field-hide-placeholder .cute-date-range-input-inner::placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::placeholder{opacity:0}}.cute-form-field-hide-placeholder .cute-date-range-input-inner::-moz-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::-moz-placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media(forced-colors:active){.cute-form-field-hide-placeholder .cute-date-range-input-inner::-moz-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::-moz-placeholder{opacity:0}}.cute-form-field-hide-placeholder .cute-date-range-input-inner::-webkit-input-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::-webkit-input-placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media(forced-colors:active){.cute-form-field-hide-placeholder .cute-date-range-input-inner::-webkit-input-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner::-webkit-input-placeholder{opacity:0}}.cute-form-field-hide-placeholder .cute-date-range-input-inner:-ms-input-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner:-ms-input-placeholder{-webkit-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}@media(forced-colors:active){.cute-form-field-hide-placeholder .cute-date-range-input-inner:-ms-input-placeholder,.cute-date-range-input-hide-placeholders .cute-date-range-input-inner:-ms-input-placeholder{opacity:0}}._cute-animation-noopable .cute-date-range-input-inner::placeholder{transition:none}._cute-animation-noopable .cute-date-range-input-inner::-moz-placeholder{transition:none}._cute-animation-noopable .cute-date-range-input-inner::-webkit-input-placeholder{transition:none}._cute-animation-noopable .cute-date-range-input-inner:-ms-input-placeholder{transition:none}.cute-date-range-input-mirror{-webkit-user-select:none;user-select:none;visibility:hidden;white-space:nowrap;display:inline-block;min-width:2px}.cute-form-field-type-cute-date-range-input .cute-form-field-infix{width:200px}\n"] }]
|
|
4542
4543
|
}], ctorParameters: () => [], propDecorators: { rangePicker: [{
|
|
4543
4544
|
type: Input
|
|
4544
4545
|
}], required: [{
|
|
@@ -4593,14 +4594,14 @@ class CuteDateRangePicker extends CuteDatepickerBase {
|
|
|
4593
4594
|
instance.endDateAccessibleName = input._getEndDateAccessibleName();
|
|
4594
4595
|
}
|
|
4595
4596
|
}
|
|
4596
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4597
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4597
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateRangePicker, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
4598
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteDateRangePicker, isStandalone: true, selector: "cute-date-range-picker", providers: [
|
|
4598
4599
|
CUTE_RANGE_DATE_SELECTION_MODEL_PROVIDER,
|
|
4599
4600
|
CUTE_CALENDAR_RANGE_STRATEGY_PROVIDER,
|
|
4600
4601
|
{ provide: CuteDatepickerBase, useExisting: CuteDateRangePicker },
|
|
4601
4602
|
], exportAs: ["cuteDateRangePicker"], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4602
4603
|
}
|
|
4603
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDateRangePicker, decorators: [{
|
|
4604
4605
|
type: Component,
|
|
4605
4606
|
args: [{
|
|
4606
4607
|
selector: 'cute-date-range-picker',
|
|
@@ -4637,10 +4638,10 @@ class CuteDatepickerApply {
|
|
|
4637
4638
|
this._datepicker._applyPendingSelection();
|
|
4638
4639
|
this._datepicker.close();
|
|
4639
4640
|
}
|
|
4640
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4641
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4641
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerApply, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4642
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteDatepickerApply, isStandalone: true, selector: "[cuteDatepickerApply], [cuteDateRangePickerApply]", host: { listeners: { "click": "_applySelection()" } }, ngImport: i0 }); }
|
|
4642
4643
|
}
|
|
4643
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4644
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerApply, decorators: [{
|
|
4644
4645
|
type: Directive,
|
|
4645
4646
|
args: [{
|
|
4646
4647
|
selector: '[cuteDatepickerApply], [cuteDateRangePickerApply]',
|
|
@@ -4653,10 +4654,10 @@ class CuteDatepickerCancel {
|
|
|
4653
4654
|
constructor() {
|
|
4654
4655
|
this._datepicker = inject(CuteDatepickerBase);
|
|
4655
4656
|
}
|
|
4656
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4657
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerCancel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4658
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteDatepickerCancel, isStandalone: true, selector: "[cuteDatepickerCancel], [cuteDateRangePickerCancel]", host: { listeners: { "click": "_datepicker.close()" } }, ngImport: i0 }); }
|
|
4658
4659
|
}
|
|
4659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerCancel, decorators: [{
|
|
4660
4661
|
type: Directive,
|
|
4661
4662
|
args: [{
|
|
4662
4663
|
selector: '[cuteDatepickerCancel], [cuteDateRangePickerCancel]',
|
|
@@ -4684,8 +4685,8 @@ class CuteDatepickerActions {
|
|
|
4684
4685
|
this._portal?.detach();
|
|
4685
4686
|
}
|
|
4686
4687
|
}
|
|
4687
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4688
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4688
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerActions, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4689
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteDatepickerActions, isStandalone: true, selector: "cute-datepicker-actions, cute-date-range-picker-actions", viewQueries: [{ propertyName: "_template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
|
|
4689
4690
|
<ng-template>
|
|
4690
4691
|
<div class="cute-datepicker-actions">
|
|
4691
4692
|
<ng-content></ng-content>
|
|
@@ -4693,7 +4694,7 @@ class CuteDatepickerActions {
|
|
|
4693
4694
|
</ng-template>
|
|
4694
4695
|
`, isInline: true, styles: [".cute-datepicker-actions{display:flex;justify-content:flex-end;align-items:center;padding:8px;gap:4px}.cute-datepicker-actions .cute-button-base+.cute-button-base{margin-left:8px}[dir=rtl] .cute-datepicker-actions .cute-button-base+.cute-button-base{margin-left:0;margin-right:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4695
4696
|
}
|
|
4696
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerActions, decorators: [{
|
|
4697
4698
|
type: Component,
|
|
4698
4699
|
args: [{ selector: 'cute-datepicker-actions, cute-date-range-picker-actions', template: `
|
|
4699
4700
|
<ng-template>
|
|
@@ -4739,8 +4740,8 @@ const TYPES = [
|
|
|
4739
4740
|
CuteDatepickerApply,
|
|
4740
4741
|
];
|
|
4741
4742
|
class CuteDatepickerModule {
|
|
4742
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4743
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4743
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4744
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerModule, imports: [CommonModule,
|
|
4744
4745
|
CuteButtonModule,
|
|
4745
4746
|
OverlayModule,
|
|
4746
4747
|
A11yModule,
|
|
@@ -4779,7 +4780,7 @@ class CuteDatepickerModule {
|
|
|
4779
4780
|
CuteDatepickerActions,
|
|
4780
4781
|
CuteDatepickerCancel,
|
|
4781
4782
|
CuteDatepickerApply] }); }
|
|
4782
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4783
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerModule, providers: [CuteDatepickerIntl], imports: [CommonModule,
|
|
4783
4784
|
CuteButtonModule,
|
|
4784
4785
|
OverlayModule,
|
|
4785
4786
|
A11yModule,
|
|
@@ -4787,7 +4788,7 @@ class CuteDatepickerModule {
|
|
|
4787
4788
|
CuteDatepickerToggle,
|
|
4788
4789
|
CuteCalendarHeader, CdkScrollableModule] }); }
|
|
4789
4790
|
}
|
|
4790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDatepickerModule, decorators: [{
|
|
4791
4792
|
type: NgModule,
|
|
4792
4793
|
args: [{
|
|
4793
4794
|
imports: [
|