@cute-widgets/base 20.0.4 → 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 +18 -6
- package/fesm2022/cute-widgets-base-abstract.mjs +19 -29
- 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 +61 -37
- package/fesm2022/cute-widgets-base-button-toggle.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-button.mjs +176 -112
- 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 -61
- package/fesm2022/cute-widgets-base-chips.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-collapse.mjs +120 -132
- 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-layout.mjs +13 -1
- package/fesm2022/cute-widgets-base-core-layout.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 +7 -7
- 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 +50 -38
- 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 +170 -135
- 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 +581 -388
- package/fesm2022/cute-widgets-base-menu.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-navbar.mjs +101 -61
- package/fesm2022/cute-widgets-base-navbar.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-paginator.mjs +13 -13
- 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 +100 -75
- 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 +121 -121
- package/{abstract/index.d.ts → types/cute-widgets-base-abstract.d.ts} +9 -3
- 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} +15 -5
- package/{button/index.d.ts → types/cute-widgets-base-button.d.ts} +44 -22
- 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/types/cute-widgets-base-collapse.d.ts +98 -0
- package/{core/layout/index.d.ts → types/cute-widgets-base-core-layout.d.ts} +7 -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/{core/index.d.ts → types/cute-widgets-base-core.d.ts} +7 -1
- package/{datepicker/index.d.ts → types/cute-widgets-base-datepicker.d.ts} +2 -2
- package/{dialog/index.d.ts → types/cute-widgets-base-dialog.d.ts} +81 -57
- 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/{navbar/index.d.ts → types/cute-widgets-base-navbar.d.ts} +24 -9
- package/{paginator/index.d.ts → types/cute-widgets-base-paginator.d.ts} +2 -2
- 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/{tabs/index.d.ts → types/cute-widgets-base-tabs.d.ts} +35 -14
- package/{tree/index.d.ts → types/cute-widgets-base-tree.d.ts} +2 -2
- package/collapse/index.d.ts +0 -97
- /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/{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/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/{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/{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/{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
|
@@ -72,15 +72,15 @@ class CuteDrawerContent extends CdkScrollable {
|
|
|
72
72
|
return ((start != null && start.mode !== 'over' && start.opened) ||
|
|
73
73
|
(end != null && end.mode !== 'over' && end.opened));
|
|
74
74
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
75
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDrawerContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteDrawerContent, isStandalone: true, selector: "cute-drawer-content", host: { properties: { "class.cute-drawer-content-hidden": "_shouldBeHidden()", "style.margin-left.px": "_container._contentMargins.left", "style.margin-right.px": "_container._contentMargins.right" }, classAttribute: "cute-drawer-content" }, providers: [
|
|
77
77
|
{
|
|
78
78
|
provide: CdkScrollable,
|
|
79
79
|
useExisting: CuteDrawerContent,
|
|
80
80
|
},
|
|
81
81
|
], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDrawerContent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
args: [{
|
|
86
86
|
selector: 'cute-drawer-content',
|
|
@@ -500,10 +500,10 @@ class CuteDrawer extends CuteLayoutControl {
|
|
|
500
500
|
this._anchor.parentNode.insertBefore(element, this._anchor);
|
|
501
501
|
}
|
|
502
502
|
}
|
|
503
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
504
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
503
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
504
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteDrawer, isStandalone: true, selector: "cute-drawer", inputs: { position: "position", mode: "mode", disableClose: "disableClose", autoFocus: "autoFocus", opened: "opened" }, outputs: { openedChange: "openedChange", _openedStream: "opened", openedStart: "openedStart", _closedStream: "closed", closedStart: "closedStart", onPositionChanged: "positionChanged" }, host: { properties: { "attr.align": "null", "class.cute-drawer-end": "position === \"end\"", "class.cute-drawer-over": "mode === \"over\"", "class.cute-drawer-push": "mode === \"push\"", "class.cute-drawer-side": "mode === \"side\"", "style.visibility": "(!_container && !opened) ? \"hidden\" : null", "attr.tabIndex": "(mode !== \"side\") ? \"-1\" : null" }, classAttribute: "cute-drawer" }, viewQueries: [{ propertyName: "_content", first: true, predicate: ["content"], descendants: true }], exportAs: ["cuteDrawer"], usesInheritance: true, ngImport: i0, template: "<div class=\"cute-drawer-inner-container\" cdkScrollable #content>\r\n <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
505
505
|
}
|
|
506
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDrawer, decorators: [{
|
|
507
507
|
type: Component,
|
|
508
508
|
args: [{ selector: 'cute-drawer', exportAs: 'cuteDrawer', host: {
|
|
509
509
|
'class': 'cute-drawer',
|
|
@@ -866,15 +866,15 @@ class CuteDrawerContainer extends CuteLayoutControl {
|
|
|
866
866
|
}
|
|
867
867
|
return this._backdropOverride;
|
|
868
868
|
}
|
|
869
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
870
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
869
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDrawerContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
870
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteDrawerContainer, isStandalone: true, selector: "cute-drawer-container", inputs: { autosize: "autosize", hasBackdrop: "hasBackdrop" }, outputs: { backdropClick: "backdropClick" }, host: { properties: { "class.cute-drawer-container-explicit-backdrop": "_backdropOverride" }, classAttribute: "cute-drawer-container" }, providers: [
|
|
871
871
|
{
|
|
872
872
|
provide: CUTE_DRAWER_CONTAINER,
|
|
873
873
|
useExisting: CuteDrawerContainer,
|
|
874
874
|
},
|
|
875
|
-
], queries: [{ propertyName: "_content", first: true, predicate: CuteDrawerContent, descendants: true }, { propertyName: "_allDrawers", predicate: CuteDrawer, descendants: true }], viewQueries: [{ propertyName: "_userContent", first: true, predicate: CuteDrawerContent, descendants: true }], exportAs: ["cuteDrawerContainer"], usesInheritance: true, ngImport: i0, template: "@if (hasBackdrop) {\r\n <div class=\"cute-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\r\n [class.cute-drawer-shown]=\"_isShowingBackdrop()\"></div>\r\n}\r\n\r\n<ng-content select=\"cute-drawer\"></ng-content>\r\n\r\n<ng-content select=\"cute-drawer-content\"></ng-content>\r\n\r\n@if (!_content) {\r\n <cute-drawer-content>\r\n <ng-content></ng-content>\r\n </cute-drawer-content>\r\n}\r\n", styles: [".cute-drawer-container{position:relative;z-index:1;color:var(--bs-body-color);background-color:var(--bs-body-bg);box-sizing:border-box;display:block;overflow:hidden}.cute-drawer-container[fullscreen]{inset:0;position:absolute}.cute-drawer-container[fullscreen].cute-drawer-container-has-open{overflow:hidden}.cute-drawer-container.cute-drawer-container-explicit-backdrop .cute-drawer-side{z-index:3}.cute-drawer-container.ng-animate-disabled .cute-drawer-backdrop,.cute-drawer-container.ng-animate-disabled .cute-drawer-content,.ng-animate-disabled .cute-drawer-container .cute-drawer-backdrop,.ng-animate-disabled .cute-drawer-container .cute-drawer-content{transition:none}.cute-drawer-backdrop{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.cute-drawer-backdrop.cute-drawer-shown{visibility:visible;background-color:#0009}.cute-drawer-transition .cute-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media
|
|
875
|
+
], queries: [{ propertyName: "_content", first: true, predicate: CuteDrawerContent, descendants: true }, { propertyName: "_allDrawers", predicate: CuteDrawer, descendants: true }], viewQueries: [{ propertyName: "_userContent", first: true, predicate: CuteDrawerContent, descendants: true }], exportAs: ["cuteDrawerContainer"], usesInheritance: true, ngImport: i0, template: "@if (hasBackdrop) {\r\n <div class=\"cute-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\r\n [class.cute-drawer-shown]=\"_isShowingBackdrop()\"></div>\r\n}\r\n\r\n<ng-content select=\"cute-drawer\"></ng-content>\r\n\r\n<ng-content select=\"cute-drawer-content\"></ng-content>\r\n\r\n@if (!_content) {\r\n <cute-drawer-content>\r\n <ng-content></ng-content>\r\n </cute-drawer-content>\r\n}\r\n", styles: [".cute-drawer-container{position:relative;z-index:1;color:var(--bs-body-color);background-color:var(--bs-body-bg);box-sizing:border-box;display:block;overflow:hidden}.cute-drawer-container[fullscreen]{inset:0;position:absolute}.cute-drawer-container[fullscreen].cute-drawer-container-has-open{overflow:hidden}.cute-drawer-container.cute-drawer-container-explicit-backdrop .cute-drawer-side{z-index:3}.cute-drawer-container.ng-animate-disabled .cute-drawer-backdrop,.cute-drawer-container.ng-animate-disabled .cute-drawer-content,.ng-animate-disabled .cute-drawer-container .cute-drawer-backdrop,.ng-animate-disabled .cute-drawer-container .cute-drawer-content{transition:none}.cute-drawer-backdrop{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.cute-drawer-backdrop.cute-drawer-shown{visibility:visible;background-color:#0009}.cute-drawer-transition .cute-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media(forced-colors:active){.cute-drawer-backdrop{opacity:.5}}.cute-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.cute-drawer-content.cute-drawer-content-hidden{opacity:0}.cute-drawer-transition .cute-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.cute-drawer{position:relative;z-index:4;color:var(--bs-secondary-color);background-color:var(--bs-secondary-bg);box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;border-top-right-radius:var(--bs-border-radius-lg);border-bottom-right-radius:var(--bs-border-radius-lg);border-right:solid var(--bs-border-width) var(--bs-border-color);display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media(forced-colors:active){.cute-drawer,[dir=rtl] .cute-drawer.cute-drawer-end{border-right:solid var(--bs-border-width) currentColor}}@media(forced-colors:active){[dir=rtl] .cute-drawer,.cute-drawer.cute-drawer-end{border-left:solid var(--bs-border-width) currentColor;border-right:none}}.cute-drawer.cute-drawer-side{z-index:2}.cute-drawer.cute-drawer-end{right:0;transform:translate3d(100%,0,0);border-top-left-radius:var(--bs-border-radius-lg);border-bottom-left-radius:var(--bs-border-radius-lg);border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .cute-drawer{border-top-left-radius:var(--bs-border-radius-lg);border-bottom-left-radius:var(--bs-border-radius-lg);border-top-right-radius:0;border-bottom-right-radius:0;transform:translate3d(100%,0,0)}[dir=rtl] .cute-drawer.cute-drawer-end{border-top-right-radius:var(--bs-border-radius-lg);border-bottom-right-radius:var(--bs-border-radius-lg);border-top-left-radius:0;border-bottom-left-radius:0;left:0;right:auto;transform:translate3d(-100%,0,0)}.cute-drawer-transition .cute-drawer{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.cute-drawer:not(.cute-drawer-opened):not(.cute-drawer-animating){visibility:hidden;box-shadow:none}.cute-drawer:not(.cute-drawer-opened):not(.cute-drawer-animating) .cute-drawer-inner-container{display:none}.cute-drawer.cute-drawer-opened.cute-drawer-opened{transform:none}.cute-drawer-side{box-shadow:none;border-right-color:var(--bs-border-color);border-right-width:var(--bs-border-width);border-right-style:solid}.cute-drawer-side.cute-drawer-end,[dir=rtl] .cute-drawer-side{border-left-color:var(--bs-border-color);border-left-width:var(--bs-border-width);border-left-style:solid;border-right:none}[dir=rtl] .cute-drawer-side.cute-drawer-end{border-right-color:var(--bs-border-color);border-right-width:var(--bs-border-width);border-right-style:solid;border-left:none}.cute-drawer-inner-container{width:100%;height:100%;overflow:auto}.cute-sidenav-fixed{position:fixed}\n"], dependencies: [{ kind: "component", type: CuteDrawerContent, selector: "cute-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
876
876
|
}
|
|
877
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
877
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteDrawerContainer, decorators: [{
|
|
878
878
|
type: Component,
|
|
879
879
|
args: [{ selector: 'cute-drawer-container', exportAs: 'cuteDrawerContainer', host: {
|
|
880
880
|
'class': 'cute-drawer-container',
|
|
@@ -884,7 +884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
884
884
|
provide: CUTE_DRAWER_CONTAINER,
|
|
885
885
|
useExisting: CuteDrawerContainer,
|
|
886
886
|
},
|
|
887
|
-
], imports: [CuteDrawerContent], template: "@if (hasBackdrop) {\r\n <div class=\"cute-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\r\n [class.cute-drawer-shown]=\"_isShowingBackdrop()\"></div>\r\n}\r\n\r\n<ng-content select=\"cute-drawer\"></ng-content>\r\n\r\n<ng-content select=\"cute-drawer-content\"></ng-content>\r\n\r\n@if (!_content) {\r\n <cute-drawer-content>\r\n <ng-content></ng-content>\r\n </cute-drawer-content>\r\n}\r\n", styles: [".cute-drawer-container{position:relative;z-index:1;color:var(--bs-body-color);background-color:var(--bs-body-bg);box-sizing:border-box;display:block;overflow:hidden}.cute-drawer-container[fullscreen]{inset:0;position:absolute}.cute-drawer-container[fullscreen].cute-drawer-container-has-open{overflow:hidden}.cute-drawer-container.cute-drawer-container-explicit-backdrop .cute-drawer-side{z-index:3}.cute-drawer-container.ng-animate-disabled .cute-drawer-backdrop,.cute-drawer-container.ng-animate-disabled .cute-drawer-content,.ng-animate-disabled .cute-drawer-container .cute-drawer-backdrop,.ng-animate-disabled .cute-drawer-container .cute-drawer-content{transition:none}.cute-drawer-backdrop{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.cute-drawer-backdrop.cute-drawer-shown{visibility:visible;background-color:#0009}.cute-drawer-transition .cute-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media
|
|
887
|
+
], imports: [CuteDrawerContent], template: "@if (hasBackdrop) {\r\n <div class=\"cute-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\r\n [class.cute-drawer-shown]=\"_isShowingBackdrop()\"></div>\r\n}\r\n\r\n<ng-content select=\"cute-drawer\"></ng-content>\r\n\r\n<ng-content select=\"cute-drawer-content\"></ng-content>\r\n\r\n@if (!_content) {\r\n <cute-drawer-content>\r\n <ng-content></ng-content>\r\n </cute-drawer-content>\r\n}\r\n", styles: [".cute-drawer-container{position:relative;z-index:1;color:var(--bs-body-color);background-color:var(--bs-body-bg);box-sizing:border-box;display:block;overflow:hidden}.cute-drawer-container[fullscreen]{inset:0;position:absolute}.cute-drawer-container[fullscreen].cute-drawer-container-has-open{overflow:hidden}.cute-drawer-container.cute-drawer-container-explicit-backdrop .cute-drawer-side{z-index:3}.cute-drawer-container.ng-animate-disabled .cute-drawer-backdrop,.cute-drawer-container.ng-animate-disabled .cute-drawer-content,.ng-animate-disabled .cute-drawer-container .cute-drawer-backdrop,.ng-animate-disabled .cute-drawer-container .cute-drawer-content{transition:none}.cute-drawer-backdrop{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.cute-drawer-backdrop.cute-drawer-shown{visibility:visible;background-color:#0009}.cute-drawer-transition .cute-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media(forced-colors:active){.cute-drawer-backdrop{opacity:.5}}.cute-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.cute-drawer-content.cute-drawer-content-hidden{opacity:0}.cute-drawer-transition .cute-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.cute-drawer{position:relative;z-index:4;color:var(--bs-secondary-color);background-color:var(--bs-secondary-bg);box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;border-top-right-radius:var(--bs-border-radius-lg);border-bottom-right-radius:var(--bs-border-radius-lg);border-right:solid var(--bs-border-width) var(--bs-border-color);display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media(forced-colors:active){.cute-drawer,[dir=rtl] .cute-drawer.cute-drawer-end{border-right:solid var(--bs-border-width) currentColor}}@media(forced-colors:active){[dir=rtl] .cute-drawer,.cute-drawer.cute-drawer-end{border-left:solid var(--bs-border-width) currentColor;border-right:none}}.cute-drawer.cute-drawer-side{z-index:2}.cute-drawer.cute-drawer-end{right:0;transform:translate3d(100%,0,0);border-top-left-radius:var(--bs-border-radius-lg);border-bottom-left-radius:var(--bs-border-radius-lg);border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .cute-drawer{border-top-left-radius:var(--bs-border-radius-lg);border-bottom-left-radius:var(--bs-border-radius-lg);border-top-right-radius:0;border-bottom-right-radius:0;transform:translate3d(100%,0,0)}[dir=rtl] .cute-drawer.cute-drawer-end{border-top-right-radius:var(--bs-border-radius-lg);border-bottom-right-radius:var(--bs-border-radius-lg);border-top-left-radius:0;border-bottom-left-radius:0;left:0;right:auto;transform:translate3d(-100%,0,0)}.cute-drawer-transition .cute-drawer{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.cute-drawer:not(.cute-drawer-opened):not(.cute-drawer-animating){visibility:hidden;box-shadow:none}.cute-drawer:not(.cute-drawer-opened):not(.cute-drawer-animating) .cute-drawer-inner-container{display:none}.cute-drawer.cute-drawer-opened.cute-drawer-opened{transform:none}.cute-drawer-side{box-shadow:none;border-right-color:var(--bs-border-color);border-right-width:var(--bs-border-width);border-right-style:solid}.cute-drawer-side.cute-drawer-end,[dir=rtl] .cute-drawer-side{border-left-color:var(--bs-border-color);border-left-width:var(--bs-border-width);border-left-style:solid;border-right:none}[dir=rtl] .cute-drawer-side.cute-drawer-end{border-right-color:var(--bs-border-color);border-right-width:var(--bs-border-width);border-right-style:solid;border-left:none}.cute-drawer-inner-container{width:100%;height:100%;overflow:auto}.cute-sidenav-fixed{position:fixed}\n"] }]
|
|
888
888
|
}], ctorParameters: () => [], propDecorators: { _allDrawers: [{
|
|
889
889
|
type: ContentChildren,
|
|
890
890
|
args: [CuteDrawer, {
|
|
@@ -918,15 +918,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
918
918
|
* code licensed under MIT-style License (https://angular.dev/license).
|
|
919
919
|
*/
|
|
920
920
|
class CuteSidenavContent extends CuteDrawerContent {
|
|
921
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
922
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
921
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenavContent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
922
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteSidenavContent, isStandalone: true, selector: "cute-sidenav-content", host: { classAttribute: "cute-drawer-content cute-sidenav-content" }, providers: [
|
|
923
923
|
{
|
|
924
924
|
provide: CdkScrollable,
|
|
925
925
|
useExisting: CuteSidenavContent,
|
|
926
926
|
},
|
|
927
927
|
], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
928
928
|
}
|
|
929
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
929
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenavContent, decorators: [{
|
|
930
930
|
type: Component,
|
|
931
931
|
args: [{
|
|
932
932
|
selector: 'cute-sidenav-content',
|
|
@@ -973,10 +973,10 @@ class CuteSidenav extends CuteDrawer {
|
|
|
973
973
|
set fixedBottomGap(value) {
|
|
974
974
|
this._fixedBottomGap = coerceNumberProperty(value);
|
|
975
975
|
}
|
|
976
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
977
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
976
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenav, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
977
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteSidenav, isStandalone: true, selector: "cute-sidenav", inputs: { fixedInViewport: "fixedInViewport", fixedTopGap: "fixedTopGap", fixedBottomGap: "fixedBottomGap" }, host: { properties: { "attr.tabIndex": "(mode !== \"side\") ? \"-1\" : null", "attr.align": "null", "class.cute-drawer-end": "position === \"end\"", "class.cute-drawer-over": "mode === \"over\"", "class.cute-drawer-push": "mode === \"push\"", "class.cute-drawer-side": "mode === \"side\"", "class.cute-sidenav-fixed": "fixedInViewport", "style.top.px": "fixedInViewport ? fixedTopGap : null", "style.bottom.px": "fixedInViewport ? fixedBottomGap : null" }, classAttribute: "cute-drawer cute-sidenav" }, providers: [{ provide: CuteDrawer, useExisting: CuteSidenav }], exportAs: ["cuteSidenav"], usesInheritance: true, ngImport: i0, template: "<div class=\"cute-drawer-inner-container\" cdkScrollable #content>\r\n <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
978
978
|
}
|
|
979
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenav, decorators: [{
|
|
980
980
|
type: Component,
|
|
981
981
|
args: [{ selector: 'cute-sidenav', exportAs: 'cuteSidenav', host: {
|
|
982
982
|
'class': 'cute-drawer cute-sidenav',
|
|
@@ -1007,8 +1007,8 @@ class CuteSidenavContainer extends CuteDrawerContainer {
|
|
|
1007
1007
|
// We need an initializer here to avoid a TS error.
|
|
1008
1008
|
this._content = undefined;
|
|
1009
1009
|
}
|
|
1010
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1011
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1010
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenavContainer, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1011
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteSidenavContainer, isStandalone: true, selector: "cute-sidenav-container", host: { properties: { "class.cute-drawer-container-explicit-backdrop": "_backdropOverride" }, classAttribute: "cute-drawer-container cute-sidenav-container" }, providers: [
|
|
1012
1012
|
{
|
|
1013
1013
|
provide: CUTE_DRAWER_CONTAINER,
|
|
1014
1014
|
useExisting: CuteSidenavContainer,
|
|
@@ -1017,9 +1017,9 @@ class CuteSidenavContainer extends CuteDrawerContainer {
|
|
|
1017
1017
|
provide: CuteDrawerContainer,
|
|
1018
1018
|
useExisting: CuteSidenavContainer,
|
|
1019
1019
|
},
|
|
1020
|
-
], queries: [{ propertyName: "_content", first: true, predicate: CuteSidenavContent, descendants: true }, { propertyName: "_allDrawers", predicate: CuteSidenav, descendants: true }], exportAs: ["cuteSidenavContainer"], usesInheritance: true, ngImport: i0, template: "@if (hasBackdrop) {\r\n <div class=\"cute-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\r\n [class.cute-drawer-shown]=\"_isShowingBackdrop()\"></div>\r\n}\r\n\r\n<ng-content select=\"cute-sidenav\"></ng-content>\r\n\r\n<ng-content select=\"cute-sidenav-content\"></ng-content>\r\n\r\n@if (!_content) {\r\n <cute-sidenav-content>\r\n <ng-content></ng-content>\r\n </cute-sidenav-content>\r\n}\r\n", styles: [".cute-drawer-container{position:relative;z-index:1;color:var(--bs-body-color);background-color:var(--bs-body-bg);box-sizing:border-box;display:block;overflow:hidden}.cute-drawer-container[fullscreen]{inset:0;position:absolute}.cute-drawer-container[fullscreen].cute-drawer-container-has-open{overflow:hidden}.cute-drawer-container.cute-drawer-container-explicit-backdrop .cute-drawer-side{z-index:3}.cute-drawer-container.ng-animate-disabled .cute-drawer-backdrop,.cute-drawer-container.ng-animate-disabled .cute-drawer-content,.ng-animate-disabled .cute-drawer-container .cute-drawer-backdrop,.ng-animate-disabled .cute-drawer-container .cute-drawer-content{transition:none}.cute-drawer-backdrop{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.cute-drawer-backdrop.cute-drawer-shown{visibility:visible;background-color:#0009}.cute-drawer-transition .cute-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media
|
|
1020
|
+
], queries: [{ propertyName: "_content", first: true, predicate: CuteSidenavContent, descendants: true }, { propertyName: "_allDrawers", predicate: CuteSidenav, descendants: true }], exportAs: ["cuteSidenavContainer"], usesInheritance: true, ngImport: i0, template: "@if (hasBackdrop) {\r\n <div class=\"cute-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\r\n [class.cute-drawer-shown]=\"_isShowingBackdrop()\"></div>\r\n}\r\n\r\n<ng-content select=\"cute-sidenav\"></ng-content>\r\n\r\n<ng-content select=\"cute-sidenav-content\"></ng-content>\r\n\r\n@if (!_content) {\r\n <cute-sidenav-content>\r\n <ng-content></ng-content>\r\n </cute-sidenav-content>\r\n}\r\n", styles: [".cute-drawer-container{position:relative;z-index:1;color:var(--bs-body-color);background-color:var(--bs-body-bg);box-sizing:border-box;display:block;overflow:hidden}.cute-drawer-container[fullscreen]{inset:0;position:absolute}.cute-drawer-container[fullscreen].cute-drawer-container-has-open{overflow:hidden}.cute-drawer-container.cute-drawer-container-explicit-backdrop .cute-drawer-side{z-index:3}.cute-drawer-container.ng-animate-disabled .cute-drawer-backdrop,.cute-drawer-container.ng-animate-disabled .cute-drawer-content,.ng-animate-disabled .cute-drawer-container .cute-drawer-backdrop,.ng-animate-disabled .cute-drawer-container .cute-drawer-content{transition:none}.cute-drawer-backdrop{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.cute-drawer-backdrop.cute-drawer-shown{visibility:visible;background-color:#0009}.cute-drawer-transition .cute-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media(forced-colors:active){.cute-drawer-backdrop{opacity:.5}}.cute-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.cute-drawer-content.cute-drawer-content-hidden{opacity:0}.cute-drawer-transition .cute-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.cute-drawer{position:relative;z-index:4;color:var(--bs-secondary-color);background-color:var(--bs-secondary-bg);box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;border-top-right-radius:var(--bs-border-radius-lg);border-bottom-right-radius:var(--bs-border-radius-lg);border-right:solid var(--bs-border-width) var(--bs-border-color);display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media(forced-colors:active){.cute-drawer,[dir=rtl] .cute-drawer.cute-drawer-end{border-right:solid var(--bs-border-width) currentColor}}@media(forced-colors:active){[dir=rtl] .cute-drawer,.cute-drawer.cute-drawer-end{border-left:solid var(--bs-border-width) currentColor;border-right:none}}.cute-drawer.cute-drawer-side{z-index:2}.cute-drawer.cute-drawer-end{right:0;transform:translate3d(100%,0,0);border-top-left-radius:var(--bs-border-radius-lg);border-bottom-left-radius:var(--bs-border-radius-lg);border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .cute-drawer{border-top-left-radius:var(--bs-border-radius-lg);border-bottom-left-radius:var(--bs-border-radius-lg);border-top-right-radius:0;border-bottom-right-radius:0;transform:translate3d(100%,0,0)}[dir=rtl] .cute-drawer.cute-drawer-end{border-top-right-radius:var(--bs-border-radius-lg);border-bottom-right-radius:var(--bs-border-radius-lg);border-top-left-radius:0;border-bottom-left-radius:0;left:0;right:auto;transform:translate3d(-100%,0,0)}.cute-drawer-transition .cute-drawer{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.cute-drawer:not(.cute-drawer-opened):not(.cute-drawer-animating){visibility:hidden;box-shadow:none}.cute-drawer:not(.cute-drawer-opened):not(.cute-drawer-animating) .cute-drawer-inner-container{display:none}.cute-drawer.cute-drawer-opened.cute-drawer-opened{transform:none}.cute-drawer-side{box-shadow:none;border-right-color:var(--bs-border-color);border-right-width:var(--bs-border-width);border-right-style:solid}.cute-drawer-side.cute-drawer-end,[dir=rtl] .cute-drawer-side{border-left-color:var(--bs-border-color);border-left-width:var(--bs-border-width);border-left-style:solid;border-right:none}[dir=rtl] .cute-drawer-side.cute-drawer-end{border-right-color:var(--bs-border-color);border-right-width:var(--bs-border-width);border-right-style:solid;border-left:none}.cute-drawer-inner-container{width:100%;height:100%;overflow:auto}.cute-sidenav-fixed{position:fixed}\n"], dependencies: [{ kind: "component", type: CuteSidenavContent, selector: "cute-sidenav-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1021
1021
|
}
|
|
1022
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1022
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenavContainer, decorators: [{
|
|
1023
1023
|
type: Component,
|
|
1024
1024
|
args: [{ selector: 'cute-sidenav-container', exportAs: 'cuteSidenavContainer', host: {
|
|
1025
1025
|
'class': 'cute-drawer-container cute-sidenav-container',
|
|
@@ -1035,7 +1035,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
1035
1035
|
},
|
|
1036
1036
|
], imports: [
|
|
1037
1037
|
CuteSidenavContent
|
|
1038
|
-
], template: "@if (hasBackdrop) {\r\n <div class=\"cute-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\r\n [class.cute-drawer-shown]=\"_isShowingBackdrop()\"></div>\r\n}\r\n\r\n<ng-content select=\"cute-sidenav\"></ng-content>\r\n\r\n<ng-content select=\"cute-sidenav-content\"></ng-content>\r\n\r\n@if (!_content) {\r\n <cute-sidenav-content>\r\n <ng-content></ng-content>\r\n </cute-sidenav-content>\r\n}\r\n", styles: [".cute-drawer-container{position:relative;z-index:1;color:var(--bs-body-color);background-color:var(--bs-body-bg);box-sizing:border-box;display:block;overflow:hidden}.cute-drawer-container[fullscreen]{inset:0;position:absolute}.cute-drawer-container[fullscreen].cute-drawer-container-has-open{overflow:hidden}.cute-drawer-container.cute-drawer-container-explicit-backdrop .cute-drawer-side{z-index:3}.cute-drawer-container.ng-animate-disabled .cute-drawer-backdrop,.cute-drawer-container.ng-animate-disabled .cute-drawer-content,.ng-animate-disabled .cute-drawer-container .cute-drawer-backdrop,.ng-animate-disabled .cute-drawer-container .cute-drawer-content{transition:none}.cute-drawer-backdrop{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.cute-drawer-backdrop.cute-drawer-shown{visibility:visible;background-color:#0009}.cute-drawer-transition .cute-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media
|
|
1038
|
+
], template: "@if (hasBackdrop) {\r\n <div class=\"cute-drawer-backdrop\" (click)=\"_onBackdropClicked()\"\r\n [class.cute-drawer-shown]=\"_isShowingBackdrop()\"></div>\r\n}\r\n\r\n<ng-content select=\"cute-sidenav\"></ng-content>\r\n\r\n<ng-content select=\"cute-sidenav-content\"></ng-content>\r\n\r\n@if (!_content) {\r\n <cute-sidenav-content>\r\n <ng-content></ng-content>\r\n </cute-sidenav-content>\r\n}\r\n", styles: [".cute-drawer-container{position:relative;z-index:1;color:var(--bs-body-color);background-color:var(--bs-body-bg);box-sizing:border-box;display:block;overflow:hidden}.cute-drawer-container[fullscreen]{inset:0;position:absolute}.cute-drawer-container[fullscreen].cute-drawer-container-has-open{overflow:hidden}.cute-drawer-container.cute-drawer-container-explicit-backdrop .cute-drawer-side{z-index:3}.cute-drawer-container.ng-animate-disabled .cute-drawer-backdrop,.cute-drawer-container.ng-animate-disabled .cute-drawer-content,.ng-animate-disabled .cute-drawer-container .cute-drawer-backdrop,.ng-animate-disabled .cute-drawer-container .cute-drawer-content{transition:none}.cute-drawer-backdrop{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.cute-drawer-backdrop.cute-drawer-shown{visibility:visible;background-color:#0009}.cute-drawer-transition .cute-drawer-backdrop{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}@media(forced-colors:active){.cute-drawer-backdrop{opacity:.5}}.cute-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.cute-drawer-content.cute-drawer-content-hidden{opacity:0}.cute-drawer-transition .cute-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:transform,margin-left,margin-right}.cute-drawer{position:relative;z-index:4;color:var(--bs-secondary-color);background-color:var(--bs-secondary-bg);box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;border-top-right-radius:var(--bs-border-radius-lg);border-bottom-right-radius:var(--bs-border-radius-lg);border-right:solid var(--bs-border-width) var(--bs-border-color);display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%,0,0)}@media(forced-colors:active){.cute-drawer,[dir=rtl] .cute-drawer.cute-drawer-end{border-right:solid var(--bs-border-width) currentColor}}@media(forced-colors:active){[dir=rtl] .cute-drawer,.cute-drawer.cute-drawer-end{border-left:solid var(--bs-border-width) currentColor;border-right:none}}.cute-drawer.cute-drawer-side{z-index:2}.cute-drawer.cute-drawer-end{right:0;transform:translate3d(100%,0,0);border-top-left-radius:var(--bs-border-radius-lg);border-bottom-left-radius:var(--bs-border-radius-lg);border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .cute-drawer{border-top-left-radius:var(--bs-border-radius-lg);border-bottom-left-radius:var(--bs-border-radius-lg);border-top-right-radius:0;border-bottom-right-radius:0;transform:translate3d(100%,0,0)}[dir=rtl] .cute-drawer.cute-drawer-end{border-top-right-radius:var(--bs-border-radius-lg);border-bottom-right-radius:var(--bs-border-radius-lg);border-top-left-radius:0;border-bottom-left-radius:0;left:0;right:auto;transform:translate3d(-100%,0,0)}.cute-drawer-transition .cute-drawer{transition:transform .4s cubic-bezier(.25,.8,.25,1)}.cute-drawer:not(.cute-drawer-opened):not(.cute-drawer-animating){visibility:hidden;box-shadow:none}.cute-drawer:not(.cute-drawer-opened):not(.cute-drawer-animating) .cute-drawer-inner-container{display:none}.cute-drawer.cute-drawer-opened.cute-drawer-opened{transform:none}.cute-drawer-side{box-shadow:none;border-right-color:var(--bs-border-color);border-right-width:var(--bs-border-width);border-right-style:solid}.cute-drawer-side.cute-drawer-end,[dir=rtl] .cute-drawer-side{border-left-color:var(--bs-border-color);border-left-width:var(--bs-border-width);border-left-style:solid;border-right:none}[dir=rtl] .cute-drawer-side.cute-drawer-end{border-right-color:var(--bs-border-color);border-right-width:var(--bs-border-width);border-right-style:solid;border-left:none}.cute-drawer-inner-container{width:100%;height:100%;overflow:auto}.cute-sidenav-fixed{position:fixed}\n"] }]
|
|
1039
1039
|
}], propDecorators: { _allDrawers: [{
|
|
1040
1040
|
type: ContentChildren,
|
|
1041
1041
|
args: [CuteSidenav, {
|
|
@@ -1065,8 +1065,8 @@ const TYPES = [
|
|
|
1065
1065
|
CuteSidenavContent,
|
|
1066
1066
|
];
|
|
1067
1067
|
class CuteSidenavModule {
|
|
1068
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1069
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1068
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1069
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenavModule, imports: [CommonModule, CdkScrollableModule, CuteDrawer,
|
|
1070
1070
|
CuteDrawerContainer,
|
|
1071
1071
|
CuteDrawerContent,
|
|
1072
1072
|
CuteSidenav,
|
|
@@ -1077,9 +1077,9 @@ class CuteSidenavModule {
|
|
|
1077
1077
|
CuteSidenav,
|
|
1078
1078
|
CuteSidenavContainer,
|
|
1079
1079
|
CuteSidenavContent] }); }
|
|
1080
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1080
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenavModule, imports: [CommonModule, CdkScrollableModule] }); }
|
|
1081
1081
|
}
|
|
1082
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1082
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSidenavModule, decorators: [{
|
|
1083
1083
|
type: NgModule,
|
|
1084
1084
|
args: [{
|
|
1085
1085
|
declarations: [],
|