@cute-widgets/base 20.0.4 → 21.0.0

package/fesm2022/cute-widgets-base-collapse.mjs

@@ -1,51 +1,12 @@
 import * as i0 from '@angular/core';
-import { signal, EventEmitter, booleanAttribute, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive, NgModule } from '@angular/core';
-import { CuteBaseControl } from '@cute-widgets/base/abstract';
-import { trigger, state, transition, style, animate } from '@angular/animations';
-import { Subject } from 'rxjs';
-import { distinctUntilChanged } from 'rxjs/operators';
+import { inject, NgZone, EventEmitter, booleanAttribute, Output, Input, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/cdk/accordion';
+import { CdkAccordionItem } from '@angular/cdk/accordion';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { CuteLayoutControl } from '@cute-widgets/base/abstract';
+import { _animationsDisabled } from '@cute-widgets/base/core';
 import { CommonModule } from '@angular/common';
 
-/**
- * @license Apache-2.0
- *
- * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
- *
- * You may not use this file except in compliance with the License
- * that can be found at http://www.apache.org/licenses/LICENSE-2.0
- */
-/** Time and timing curve for **collapse** animations. */
-const CUTE_COLLAPSE_ANIMATION_TIMING = '225ms cubic-bezier(0.4,0.0,0.2,1)';
-/**
- * Animations used by the CuteWidgets` collapse element.
- */
-const cuteCollapseAnimations = {
-    /** Animation that rotates the indicator arrow. */
-    /*
-    indicatorRotate: trigger('indicatorRotate', [
-      state('collapsed, void', style({transform: 'rotate(0deg)'})),
-      state('expanded', style({transform: 'rotate(180deg)'})),
-      transition(
-        'expanded <=> collapsed, void => collapsed',
-        animate(EXPANSION_PANEL_ANIMATION_TIMING),
-      ),
-    ]),
-    */
-    /** Animation that expands and collapses the panel content. */
-    bodyExpansion: trigger('bodyExpansion', [
-        state('collapsed, void', style({ height: '0px', visibility: 'hidden' })),
-        state('collapsed-hor, void', style({ width: '0px', visibility: 'hidden' })),
-        // Clear the `visibility` while open, otherwise the content will be visible when placed in
-        // a parent that's `visibility: hidden`, because `visibility` doesn't apply to descendants
-        // that have a `visibility` of their own (see #27436).
-        state('expanded', style({ height: '*', visibility: '' })),
-        state('expanded-hor', style({ width: '*', visibility: '' })),
-        transition(
-        //'expanded <=> collapsed, expanded-hor <=> collapsed-hor, :enter',
-        '* => *, :enter, :leave', animate(CUTE_COLLAPSE_ANIMATION_TIMING))
-    ]),
-};
-
 /**
  * @license Apache-2.0
  *
@@ -56,33 +17,21 @@ const cuteCollapseAnimations = {
  */
 // Increasing integer for generating unique ids for checkbox components.
 let nextUniqueId = 0;
-/**
- * This collapse component is used to show and hide content.
- * Buttons or anchors are used as triggers that are mapped to specific elements you toggle.
- */
-class CuteCollapse extends CuteBaseControl {
-    /** Sets the element's current state to _collapsed_ or _expanded_ value. */
-    get collapsed() { return this._collapsed(); }
-    set collapsed(value) {
-        if (value !== this._collapsed()) {
-            if (this.disableAnimation) {
-                (value ? this.beforeCollapse : this.beforeExpand).emit();
-            }
-            this._collapsed.set(value);
-            if (this.disableAnimation) {
-                (value ? this.afterCollapse : this.afterExpand).emit();
-            }
-        }
-    }
-    /** Weather the current state is _collapsed_ or _expanded_. Part of `Expandable` interface. */
-    get expanded() { return !this.collapsed; }
+class CuteCollapseBase extends CuteLayoutControl {
+    /** Whether the `CuteCollapse` is expanded. */
+    get expanded() { return this._accordionItem.expanded; }
+    set expanded(value) { this._accordionItem.expanded = value; }
+    /** Whether the animation while collapsing/expanding should be disabled */
+    get disableAnimation() { return this._disableAnimation ?? this._animationsDisabled; }
+    set disableAnimation(value) { this._disableAnimation = value; }
     constructor() {
         super();
-        this._collapsed = signal(true, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
+        this._ngZone = inject(NgZone);
+        this._accordionItem = inject(CdkAccordionItem);
+        this._animationsDisabled = _animationsDisabled();
+        this._cleanupTransitionHandlers = [];
         /** Expanding/Collapsing directionality, _horizontal_ or _vertical_. Default is _vertical_. */
         this.horizontal = false;
-        /** Whether the animation while collapsing/expanding should be disabled */
-        this.disableAnimation = false;
         /** Event emitting before expand element */
         this.beforeExpand = new EventEmitter();
         /** Event emitting before collapse element */
@@ -91,81 +40,104 @@ class CuteCollapse extends CuteBaseControl {
         this.afterExpand = new EventEmitter();
         /** Event emitting after collapse element */
         this.afterCollapse = new EventEmitter();
-        /** Stream of body animation events. */
-        this._bodyAnimation$ = new Subject();
-        // We need a Subject with distinctUntilChanged, because the `done` event
-        // fires twice on some browsers. See https://github.com/angular/angular/issues/24084
-        this._bodyAnimation$
-            .pipe(distinctUntilChanged((x, y) => {
-            return x.phaseName === y.phaseName && x.fromState === y.fromState && x.toState === y.toState;
-        }))
-            .subscribe((event) => {
-            this.onAnimationEvent(event);
-        });
-    }
-    onAnimationEvent(event) {
-        if (event.fromState !== 'void') {
-            const toState = event.toState;
-            if (event.phaseName == "start") {
-                if (toState.startsWith('expanded')) {
-                    this.beforeExpand.emit();
-                }
-                else if (toState.startsWith('collapsed')) {
-                    this.beforeCollapse.emit();
-                }
+        this._transitionStartListener = (event) => {
+            if (event.target === this._nativeElement &&
+                (event.propertyName === 'grid-template-rows' || event.propertyName === 'grid-template-columns')) {
+                this._ngZone.run(() => {
+                    if (this._accordionItem.expanded) {
+                        this.beforeExpand.emit();
+                    }
+                    else {
+                        this.beforeCollapse.emit();
+                    }
+                });
             }
-            else if (event.phaseName == "done") {
-                if (toState.startsWith('expanded')) {
-                    this.afterExpand.emit();
-                }
-                else if (toState.startsWith('collapsed')) {
-                    this.afterCollapse.emit();
-                }
+        };
+        this._transitionEndListener = (event) => {
+            if (event.target === this._nativeElement &&
+                (event.propertyName === 'grid-template-rows' || event.propertyName === 'grid-template-columns')) {
+                this._ngZone.run(() => {
+                    if (this._accordionItem.expanded) {
+                        this.afterExpand.emit();
+                    }
+                    else {
+                        this.afterCollapse.emit();
+                    }
+                });
             }
+        };
+    }
+    setDisabledState(newState, emitEvent) {
+        if (super.setDisabledState(newState, emitEvent)) {
+            this._accordionItem.disabled = coerceBooleanProperty(newState);
+            return true;
         }
+        return false;
     }
     generateId() {
         return `cute-collapse-${nextUniqueId++}`;
     }
     /** Gets the expanded state string. */
     getState() {
-        return this.collapsed ? 'collapsed' : 'expanded';
+        return this._accordionItem.expanded ? 'expanded' : 'collapsed';
     }
-    /** Part of `Expandable` interface */
+    /**
+     * @inheritDoc
+     * Part of `Expandable` interface.
+     */
     toggle() {
-        this.collapsed = !this.collapsed;
+        this._accordionItem.toggle();
     }
-    /** Part of `Expandable` interface */
+    /**
+     * @inheritDoc
+     * Part of `Expandable` interface.
+     */
     open() {
-        if (this.collapsed) {
-            this.collapsed = false;
-        }
+        this._accordionItem.open();
     }
-    /** Part of `Expandable` interface */
+    /**
+     * @inheritDoc
+     * Part of `Expandable` interface.
+     */
     close() {
-        if (!this.collapsed) {
-            this.collapsed = true;
-        }
+        this._accordionItem.close();
+    }
+    _setupAnimationEvents() {
+        // This method is defined separately, because we need to
+        // disable this logic in some internal components.
+        this._ngZone.runOutsideAngular(() => {
+            if (this.disableAnimation) {
+                this._accordionItem.opened.subscribe(() => this._ngZone.run(() => this.beforeExpand.emit()));
+                this._accordionItem.closed.subscribe(() => this._ngZone.run(() => this.beforeCollapse.emit()));
+                this._accordionItem.opened.subscribe(() => this._ngZone.run(() => this.afterExpand.emit()));
+                this._accordionItem.closed.subscribe(() => this._ngZone.run(() => this.afterCollapse.emit()));
+            }
+            else {
+                setTimeout(() => {
+                    const element = this._nativeElement;
+                    this._cleanupTransitionHandlers.push(this._renderer.listen(element, 'transitionend', this._transitionEndListener), this._renderer.listen(element, 'transitionstart', this._transitionStartListener));
+                    element.classList.add('cute-collapse-animations-enabled');
+                }, 200);
+            }
+        });
+    }
+    ngAfterContentInit() {
+        super.ngAfterContentInit();
+        this._setupAnimationEvents();
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._bodyAnimation$.complete();
+        this._cleanupTransitionHandlers.forEach(cleanup => cleanup());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: CuteCollapse, isStandalone: true, selector: "cute-collapse", inputs: { collapsed: ["collapsed", "collapsed", booleanAttribute], horizontal: ["horizontal", "horizontal", booleanAttribute], disableAnimation: ["disableAnimation", "disableAnimation", booleanAttribute] }, outputs: { beforeExpand: "beforeExpand", beforeCollapse: "beforeCollapse", afterExpand: "afterExpand", afterCollapse: "afterCollapse" }, host: { listeners: { "@bodyExpansion.start": "_bodyAnimation$.next($event)", "@bodyExpansion.done": "_bodyAnimation$.next($event)" }, properties: { "id": "id || null", "@bodyExpansion": "getState()+(horizontal?\"-hor\":\"\")", "@.disabled": "disableAnimation" }, classAttribute: "cute-collapse" }, exportAs: ["cuteCollapse"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-collapse{display:block}.ng-animating{overflow:hidden}\n"], animations: [cuteCollapseAnimations.bodyExpansion], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapseBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteCollapseBase, isStandalone: true, inputs: { expanded: ["expanded", "expanded", booleanAttribute], horizontal: ["horizontal", "horizontal", booleanAttribute], disableAnimation: ["disableAnimation", "disableAnimation", booleanAttribute] }, outputs: { beforeExpand: "beforeExpand", beforeCollapse: "beforeCollapse", afterExpand: "afterExpand", afterCollapse: "afterCollapse" }, usesInheritance: true, hostDirectives: [{ directive: i1.CdkAccordionItem, outputs: ["expandedChange", "expandedChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapse, decorators: [{
-            type: Component,
-            args: [{ selector: 'cute-collapse', template: '<ng-content></ng-content>', exportAs: 'cuteCollapse', host: {
-                        'class': 'cute-collapse', // collapse',
-                        //'[class.show]': '!collapsed',
-                        '[id]': 'id || null',
-                        '[@bodyExpansion]': 'getState()+(horizontal?"-hor":"")',
-                        '[@.disabled]': 'disableAnimation',
-                        '(@bodyExpansion.start)': '_bodyAnimation$.next($event)',
-                        '(@bodyExpansion.done)': '_bodyAnimation$.next($event)',
-                    }, animations: [cuteCollapseAnimations.bodyExpansion], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".cute-collapse{display:block}.ng-animating{overflow:hidden}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { collapsed: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapseBase, decorators: [{
+            type: Directive,
+            args: [{
+                    hostDirectives: [{ directive: CdkAccordionItem, outputs: ["expandedChange"] }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { expanded: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }], horizontal: [{
@@ -183,6 +155,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }], afterCollapse: [{
                 type: Output
             }] } });
+/**
+ * This collapse component is used to show and hide content.
+ * Buttons or anchors are used as triggers that are mapped to specific elements you toggle.
+ */
+class CuteCollapse extends CuteCollapseBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapse, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteCollapse, isStandalone: true, selector: "cute-collapse", host: { properties: { "class": "\"cute-collapse-\"+(horizontal ? \"horizontal\" : \"vertical\")+\" \"+getState()", "id": "id || null" }, classAttribute: "cute-collapse" }, exportAs: ["cuteCollapse"], usesInheritance: true, ngImport: i0, template: "<div class=\"cute-collapse-content\" #content>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cute-collapse{display:grid;width:100%;overflow:hidden}.cute-collapse .cute-collapse-content{min-height:0;overflow:hidden;transition:display .1s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete;display:none}.cute-collapse.expanded .cute-collapse-content{display:block}.cute-collapse.collapsed .cute-collapse-content{display:none}.cute-collapse.cute-collapse-vertical{grid-template-rows:0fr}.cute-collapse.cute-collapse-vertical.expanded{grid-template-rows:1fr}.cute-collapse.cute-collapse-vertical.collapsed{grid-template-rows:0fr}.cute-collapse.cute-collapse-vertical.cute-collapse-animations-enabled{transition:grid-template-rows .2s}.cute-collapse.cute-collapse-horizontal{grid-template-columns:0fr}.cute-collapse.cute-collapse-horizontal.expanded{grid-template-columns:1fr}.cute-collapse.cute-collapse-horizontal.collapsed{grid-template-columns:0fr}.cute-collapse.cute-collapse-horizontal.cute-collapse-animations-enabled{transition:grid-template-columns .2s}.cute-collapse.cute-collapse-horizontal.cute-collapse-animations-enabled .cute-collapse-content{transition-duration:.2s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapse, decorators: [{
+            type: Component,
+            args: [{ selector: 'cute-collapse', exportAs: 'cuteCollapse', host: {
+                        'class': 'cute-collapse',
+                        '[class]': '"cute-collapse-"+(horizontal ? "horizontal" : "vertical")+" "+getState()',
+                        '[id]': 'id || null',
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cute-collapse-content\" #content>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cute-collapse{display:grid;width:100%;overflow:hidden}.cute-collapse .cute-collapse-content{min-height:0;overflow:hidden;transition:display .1s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete;display:none}.cute-collapse.expanded .cute-collapse-content{display:block}.cute-collapse.collapsed .cute-collapse-content{display:none}.cute-collapse.cute-collapse-vertical{grid-template-rows:0fr}.cute-collapse.cute-collapse-vertical.expanded{grid-template-rows:1fr}.cute-collapse.cute-collapse-vertical.collapsed{grid-template-rows:0fr}.cute-collapse.cute-collapse-vertical.cute-collapse-animations-enabled{transition:grid-template-rows .2s}.cute-collapse.cute-collapse-horizontal{grid-template-columns:0fr}.cute-collapse.cute-collapse-horizontal.expanded{grid-template-columns:1fr}.cute-collapse.cute-collapse-horizontal.collapsed{grid-template-columns:0fr}.cute-collapse.cute-collapse-horizontal.cute-collapse-animations-enabled{transition:grid-template-columns .2s}.cute-collapse.cute-collapse-horizontal.cute-collapse-animations-enabled .cute-collapse-content{transition-duration:.2s}\n"] }]
+        }] });
 
 /**
  * @license Apache-2.0
@@ -201,17 +189,17 @@ class CuteCollapseTrigger {
     set collapseControl(collapse) {
         this._collapseControl = collapse;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteCollapseTrigger, isStandalone: true, selector: "[cuteCollapseTriggerFor]", inputs: { collapseControl: ["cuteCollapseTriggerFor", "collapseControl"] }, host: { listeners: { "click": "collapseControl?.toggle()" }, properties: { "class.collapsed": "collapseControl?.collapsed", "attr.aria-expanded": "collapseControl ? collapseControl.expanded : null", "attr.aria-controls": "collapseControl?.id || null" }, classAttribute: "cute-collapse-trigger" }, exportAs: ["cuteCollapseTrigger"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapseTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteCollapseTrigger, isStandalone: true, selector: "[cuteCollapseTriggerFor]", inputs: { collapseControl: ["cuteCollapseTriggerFor", "collapseControl"] }, host: { listeners: { "click": "collapseControl?.toggle()" }, properties: { "class.collapsed": "!collapseControl?.expanded", "attr.aria-expanded": "collapseControl ? collapseControl.expanded : null", "attr.aria-controls": "collapseControl?.id || null" }, classAttribute: "cute-collapse-trigger" }, exportAs: ["cuteCollapseTrigger"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapseTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteCollapseTriggerFor]',
                     exportAs: 'cuteCollapseTrigger',
                     host: {
                         'class': 'cute-collapse-trigger',
-                        '[class.collapsed]': 'collapseControl?.collapsed',
+                        '[class.collapsed]': '!collapseControl?.expanded',
                         '[attr.aria-expanded]': 'collapseControl ? collapseControl.expanded : null',
                         '[attr.aria-controls]': 'collapseControl?.id || null',
                         '(click)': 'collapseControl?.toggle()',
@@ -236,13 +224,13 @@ const TYPES = [
     CuteCollapseTrigger,
 ];
 class CuteCollapseModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseModule, imports: [CommonModule, CuteCollapse,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapseModule, imports: [CommonModule, CuteCollapse,
             CuteCollapseTrigger], exports: [CuteCollapse,
             CuteCollapseTrigger] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapseModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteCollapseModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ...TYPES],
@@ -255,5 +243,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CUTE_COLLAPSE_ANIMATION_TIMING, CuteCollapse, CuteCollapseModule, CuteCollapseTrigger, cuteCollapseAnimations };
+export { CuteCollapse, CuteCollapseBase, CuteCollapseModule, CuteCollapseTrigger };
 //# sourceMappingURL=cute-widgets-base-collapse.mjs.map

package/fesm2022/cute-widgets-base-collapse.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cute-widgets-base-collapse.mjs","sources":["../../../../projects/cute-widgets/base/collapse/src/collapse-animations.ts","../../../../projects/cute-widgets/base/collapse/src/collapse.component.ts","../../../../projects/cute-widgets/base/collapse/src/collapse-trigger.directive.ts","../../../../projects/cute-widgets/base/collapse/src/collapse.module.ts","../../../../projects/cute-widgets/base/collapse/cute-widgets-base-collapse.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {\r\n  animate,\r\n  AnimationTriggerMetadata,\r\n  state,\r\n  style,\r\n  transition,\r\n  trigger,\r\n} from '@angular/animations';\r\n\r\n/** Time and timing curve for **collapse** animations. */\r\nexport const CUTE_COLLAPSE_ANIMATION_TIMING = '225ms cubic-bezier(0.4,0.0,0.2,1)';\r\n\r\n/**\r\n * Animations used by the CuteWidgets` collapse element.\r\n */\r\nexport const cuteCollapseAnimations: {\r\n  //readonly indicatorRotate: AnimationTriggerMetadata;\r\n  readonly bodyExpansion: AnimationTriggerMetadata;\r\n} = {\r\n  /** Animation that rotates the indicator arrow. */\r\n  /*\r\n  indicatorRotate: trigger('indicatorRotate', [\r\n    state('collapsed, void', style({transform: 'rotate(0deg)'})),\r\n    state('expanded', style({transform: 'rotate(180deg)'})),\r\n    transition(\r\n      'expanded <=> collapsed, void => collapsed',\r\n      animate(EXPANSION_PANEL_ANIMATION_TIMING),\r\n    ),\r\n  ]),\r\n  */\r\n  /** Animation that expands and collapses the panel content. */\r\n  bodyExpansion: trigger('bodyExpansion', [\r\n    state('collapsed, void', style({height: '0px', visibility: 'hidden'})),\r\n    state('collapsed-hor, void', style({width: '0px', visibility: 'hidden'})),\r\n    // Clear the `visibility` while open, otherwise the content will be visible when placed in\r\n    // a parent that's `visibility: hidden`, because `visibility` doesn't apply to descendants\r\n    // that have a `visibility` of their own (see #27436).\r\n    state('expanded', style({height: '*', visibility: ''})),\r\n    state('expanded-hor', style({width: '*', visibility: ''})),\r\n    transition(\r\n      //'expanded <=> collapsed, expanded-hor <=> collapsed-hor, :enter',\r\n      '* => *, :enter, :leave',\r\n      animate(CUTE_COLLAPSE_ANIMATION_TIMING),\r\n    )\r\n  ]),\r\n};\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  EventEmitter,\r\n  Input, OnDestroy,\r\n  Output, signal,\r\n  ViewEncapsulation\r\n} from \"@angular/core\";\r\nimport {CuteBaseControl, Expandable} from \"@cute-widgets/base/abstract\";\r\nimport {cuteCollapseAnimations} from \"./collapse-animations\";\r\nimport {Subject} from \"rxjs\";\r\nimport {distinctUntilChanged} from \"rxjs/operators\";\r\nimport {AnimationEvent} from \"@angular/animations\";\r\n\r\n// Increasing integer for generating unique ids for checkbox components.\r\nlet nextUniqueId = 0;\r\n\r\n/** Animation states */\r\nexport type CuteCollapseState = 'expanded' | 'collapsed';\r\n\r\n/**\r\n * This collapse component is used to show and hide content.\r\n * Buttons or anchors are used as triggers that are mapped to specific elements you toggle.\r\n */\r\n@Component({\r\n  selector: 'cute-collapse',\r\n  template: '<ng-content></ng-content>',\r\n  styles: `\r\n    .cute-collapse {display: block;}\r\n    .ng-animating {overflow: hidden;}\r\n  `,\r\n  exportAs: 'cuteCollapse',\r\n  host: {\r\n    'class': 'cute-collapse', // collapse',\r\n    //'[class.show]': '!collapsed',\r\n    '[id]': 'id || null',\r\n    '[@bodyExpansion]': 'getState()+(horizontal?\"-hor\":\"\")',\r\n    '[@.disabled]': 'disableAnimation',\r\n    '(@bodyExpansion.start)': '_bodyAnimation$.next($event)',\r\n    '(@bodyExpansion.done)': '_bodyAnimation$.next($event)',\r\n  },\r\n  animations: [cuteCollapseAnimations.bodyExpansion],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true\r\n})\r\nexport class CuteCollapse extends CuteBaseControl implements Expandable, OnDestroy {\r\n\r\n  /** Sets the element's current state to _collapsed_ or _expanded_ value. */\r\n  @Input({transform: booleanAttribute})\r\n  get collapsed(): boolean { return this._collapsed(); }\r\n  set collapsed(value: boolean) {\r\n    if (value !== this._collapsed()) {\r\n      if (this.disableAnimation) {\r\n        (value ? this.beforeCollapse : this.beforeExpand).emit();\r\n      }\r\n      this._collapsed.set(value);\r\n      if (this.disableAnimation) {\r\n        (value ? this.afterCollapse : this.afterExpand).emit();\r\n      }\r\n    }\r\n  }\r\n  private _collapsed = signal<boolean>(true);\r\n\r\n  /** Expanding/Collapsing directionality, _horizontal_ or _vertical_. Default is _vertical_. */\r\n  @Input({transform: booleanAttribute})\r\n  horizontal: boolean = false;\r\n\r\n  /** Whether the animation while collapsing/expanding should be disabled */\r\n  @Input({transform: booleanAttribute})\r\n  disableAnimation: boolean = false;\r\n\r\n  /** Event emitting before expand element */\r\n  @Output() readonly beforeExpand = new EventEmitter<void>();\r\n  /** Event emitting before collapse element */\r\n  @Output() readonly beforeCollapse = new EventEmitter<void>();\r\n\r\n  /** Event emitting after expand element */\r\n  @Output() readonly afterExpand = new EventEmitter<void>();\r\n  /** Event emitting after collapse element */\r\n  @Output() readonly afterCollapse = new EventEmitter<void>();\r\n\r\n  /** Weather the current state is _collapsed_ or _expanded_. Part of `Expandable` interface. */\r\n  public get expanded(): boolean { return !this.collapsed; }\r\n\r\n  /** Stream of body animation events. */\r\n  protected readonly _bodyAnimation$ = new Subject<AnimationEvent>();\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    // We need a Subject with distinctUntilChanged, because the `done` event\r\n    // fires twice on some browsers. See https://github.com/angular/angular/issues/24084\r\n    this._bodyAnimation$\r\n      .pipe(\r\n        distinctUntilChanged((x, y) => {\r\n          return x.phaseName === y.phaseName && x.fromState === y.fromState && x.toState === y.toState;\r\n        }),\r\n      )\r\n      .subscribe((event: AnimationEvent) => {\r\n        this.onAnimationEvent(event);\r\n      });\r\n  }\r\n\r\n  protected onAnimationEvent(event: AnimationEvent) {\r\n    if (event.fromState !== 'void') {\r\n      const toState = event.toState;\r\n      if (event.phaseName == \"start\") {\r\n        if (toState.startsWith('expanded')) {\r\n          this.beforeExpand.emit();\r\n        } else if (toState.startsWith('collapsed')) {\r\n          this.beforeCollapse.emit();\r\n        }\r\n      } else if (event.phaseName == \"done\") {\r\n        if (toState.startsWith('expanded')) {\r\n          this.afterExpand.emit();\r\n        } else if (toState.startsWith('collapsed')) {\r\n          this.afterCollapse.emit();\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  protected override generateId(): string {\r\n    return `cute-collapse-${nextUniqueId++}`;\r\n  }\r\n\r\n  /** Gets the expanded state string. */\r\n  getState(): CuteCollapseState {\r\n    return this.collapsed ? 'collapsed' : 'expanded';\r\n  }\r\n\r\n  /** Part of `Expandable` interface */\r\n  toggle(): void {\r\n    this.collapsed = !this.collapsed;\r\n  }\r\n\r\n  /** Part of `Expandable` interface */\r\n  open(): void {\r\n    if (this.collapsed) {\r\n      this.collapsed = false;\r\n    }\r\n  }\r\n\r\n  /** Part of `Expandable` interface */\r\n  close(): void {\r\n    if (!this.collapsed) {\r\n      this.collapsed = true;\r\n    }\r\n  }\r\n\r\n  override ngOnDestroy() {\r\n    super.ngOnDestroy();\r\n    this._bodyAnimation$.complete();\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive, Input} from \"@angular/core\";\r\nimport {CuteCollapse} from \"./collapse.component\";\r\n\r\n@Directive({\r\n  selector: '[cuteCollapseTriggerFor]',\r\n  exportAs: 'cuteCollapseTrigger',\r\n  host: {\r\n    'class': 'cute-collapse-trigger',\r\n    '[class.collapsed]': 'collapseControl?.collapsed',\r\n    '[attr.aria-expanded]': 'collapseControl ? collapseControl.expanded : null',\r\n    '[attr.aria-controls]':  'collapseControl?.id || null',\r\n    '(click)': 'collapseControl?.toggle()',\r\n  },\r\n  standalone: true,\r\n})\r\nexport class CuteCollapseTrigger {\r\n\r\n  /** Reference to the `cute-collapse` component to toggle its visibility */\r\n  @Input(\"cuteCollapseTriggerFor\")\r\n  get collapseControl(): CuteCollapse | null {return this._collapseControl;}\r\n  set collapseControl(collapse: CuteCollapse | null) {\r\n    this._collapseControl = collapse;\r\n  }\r\n  private _collapseControl: CuteCollapse | null = null;\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {NgModule, Type} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {CuteCollapse} from \"./collapse.component\";\r\nimport {CuteCollapseTrigger} from \"./collapse-trigger.directive\";\r\n\r\nconst TYPES: (any | Type<any>)[] = [\r\n  CuteCollapse,\r\n  CuteCollapseTrigger,\r\n];\r\n\r\n@NgModule({\r\n  imports: [CommonModule, ...TYPES],\r\n  exports: TYPES,\r\n  declarations: [],\r\n})\r\nexport class CuteCollapseModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cute-widgets-base-collapse.mjs","sources":["../../../../projects/cute-widgets/base/collapse/src/collapse.component.ts","../../../../projects/cute-widgets/base/collapse/src/collapse.component.html","../../../../projects/cute-widgets/base/collapse/src/collapse-trigger.directive.ts","../../../../projects/cute-widgets/base/collapse/src/collapse.module.ts","../../../../projects/cute-widgets/base/collapse/cute-widgets-base-collapse.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {\r\n  AfterContentInit,\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component, Directive,\r\n  EventEmitter, inject,\r\n  Input, NgZone,\r\n  Output,\r\n  ViewEncapsulation\r\n} from \"@angular/core\";\r\nimport {CdkAccordionItem} from '@angular/cdk/accordion';\r\nimport {BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';\r\nimport {CuteLayoutControl, Expandable} from \"@cute-widgets/base/abstract\";\r\nimport {_animationsDisabled} from '@cute-widgets/base/core';\r\n\r\n// Increasing integer for generating unique ids for checkbox components.\r\nlet nextUniqueId = 0;\r\n\r\n/** Animation states */\r\nexport type CuteCollapseState = 'expanded' | 'collapsed';\r\n\r\n@Directive({\r\n  hostDirectives: [{directive: CdkAccordionItem, outputs: [\"expandedChange\"]}],\r\n})\r\nexport abstract class CuteCollapseBase extends CuteLayoutControl implements Expandable, AfterContentInit {\r\n  protected _ngZone = inject(NgZone);\r\n  protected _accordionItem = inject(CdkAccordionItem);\r\n  protected _animationsDisabled = _animationsDisabled();\r\n  private _cleanupTransitionHandlers: (() => void)[] = [];\r\n\r\n  /** Whether the `CuteCollapse` is expanded. */\r\n  @Input({transform: booleanAttribute})\r\n  get expanded(): boolean {return this._accordionItem.expanded;}\r\n  set expanded(value: boolean) {this._accordionItem.expanded = value;}\r\n\r\n  /** Expanding/Collapsing directionality, _horizontal_ or _vertical_. Default is _vertical_. */\r\n  @Input({transform: booleanAttribute})\r\n  horizontal: boolean = false;\r\n\r\n  /** Whether the animation while collapsing/expanding should be disabled */\r\n  @Input({transform: booleanAttribute})\r\n  get disableAnimation(): boolean {return this._disableAnimation ?? this._animationsDisabled;}\r\n  set disableAnimation(value: boolean) { this._disableAnimation = value; }\r\n  private _disableAnimation: boolean | undefined;\r\n\r\n  /** Event emitting before expand element */\r\n  @Output() readonly beforeExpand = new EventEmitter<void>();\r\n  /** Event emitting before collapse element */\r\n  @Output() readonly beforeCollapse = new EventEmitter<void>();\r\n\r\n  /** Event emitting after expand element */\r\n  @Output() readonly afterExpand = new EventEmitter<void>();\r\n  /** Event emitting after collapse element */\r\n  @Output() readonly afterCollapse = new EventEmitter<void>();\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  protected override setDisabledState(newState: BooleanInput, emitEvent?: boolean): boolean {\r\n    if (super.setDisabledState(newState, emitEvent)) {\r\n      this._accordionItem.disabled = coerceBooleanProperty(newState);\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  protected override generateId(): string {\r\n    return `cute-collapse-${nextUniqueId++}`;\r\n  }\r\n\r\n  /** Gets the expanded state string. */\r\n  getState(): CuteCollapseState {\r\n    return this._accordionItem.expanded ? 'expanded' : 'collapsed';\r\n  }\r\n\r\n  /**\r\n   * @inheritDoc\r\n   * Part of `Expandable` interface.\r\n   */\r\n  toggle(): void {\r\n    this._accordionItem.toggle();\r\n  }\r\n\r\n  /**\r\n   * @inheritDoc\r\n   * Part of `Expandable` interface.\r\n   */\r\n  open(): void {\r\n    this._accordionItem.open();\r\n  }\r\n\r\n  /**\r\n   * @inheritDoc\r\n   * Part of `Expandable` interface.\r\n   */\r\n  close(): void {\r\n    this._accordionItem.close();\r\n  }\r\n\r\n  private _transitionStartListener = (event: TransitionEvent) => {\r\n    if (event.target === this._nativeElement &&\r\n      (event.propertyName === 'grid-template-rows' || event.propertyName === 'grid-template-columns')\r\n    ) {\r\n      this._ngZone.run(() => {\r\n        if (this._accordionItem.expanded) {\r\n          this.beforeExpand.emit();\r\n        } else {\r\n          this.beforeCollapse.emit();\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  private _transitionEndListener = (event: TransitionEvent) => {\r\n    if (event.target === this._nativeElement &&\r\n      (event.propertyName === 'grid-template-rows' || event.propertyName === 'grid-template-columns')\r\n    ) {\r\n      this._ngZone.run(() => {\r\n        if (this._accordionItem.expanded) {\r\n          this.afterExpand.emit();\r\n        } else {\r\n          this.afterCollapse.emit();\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  protected _setupAnimationEvents() {\r\n    // This method is defined separately, because we need to\r\n    // disable this logic in some internal components.\r\n    this._ngZone.runOutsideAngular(() => {\r\n      if (this.disableAnimation) {\r\n        this._accordionItem.opened.subscribe(() => this._ngZone.run(() => this.beforeExpand.emit()));\r\n        this._accordionItem.closed.subscribe(() => this._ngZone.run(() => this.beforeCollapse.emit()));\r\n        this._accordionItem.opened.subscribe(() => this._ngZone.run(() => this.afterExpand.emit()));\r\n        this._accordionItem.closed.subscribe(() => this._ngZone.run(() => this.afterCollapse.emit()));\r\n      } else {\r\n        setTimeout(() => {\r\n          const element = this._nativeElement;\r\n          this._cleanupTransitionHandlers.push(\r\n            this._renderer.listen(element, 'transitionend', this._transitionEndListener),\r\n            this._renderer.listen(element, 'transitionstart', this._transitionStartListener),\r\n          );\r\n          element.classList.add('cute-collapse-animations-enabled');\r\n        }, 200);\r\n      }\r\n    });\r\n  }\r\n\r\n  override ngAfterContentInit() {\r\n    super.ngAfterContentInit();\r\n    this._setupAnimationEvents();\r\n  }\r\n\r\n  override ngOnDestroy() {\r\n    super.ngOnDestroy();\r\n    this._cleanupTransitionHandlers.forEach(cleanup => cleanup());\r\n  }\r\n\r\n}\r\n\r\n/**\r\n * This collapse component is used to show and hide content.\r\n * Buttons or anchors are used as triggers that are mapped to specific elements you toggle.\r\n */\r\n@Component({\r\n  selector: 'cute-collapse',\r\n  templateUrl: './collapse.component.html',\r\n  styleUrl: './collapse.component.scss',\r\n  exportAs: 'cuteCollapse',\r\n  host: {\r\n    'class': 'cute-collapse',\r\n    '[class]': '\"cute-collapse-\"+(horizontal ? \"horizontal\" : \"vertical\")+\" \"+getState()',\r\n    '[id]': 'id || null',\r\n  },\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CuteCollapse extends CuteCollapseBase {}\r\n","<div class=\"cute-collapse-content\" #content>\r\n  <ng-content></ng-content>\r\n</div>\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive, Input} from \"@angular/core\";\r\nimport {Expandable} from '@cute-widgets/base/abstract';\r\n\r\n@Directive({\r\n  selector: '[cuteCollapseTriggerFor]',\r\n  exportAs: 'cuteCollapseTrigger',\r\n  host: {\r\n    'class': 'cute-collapse-trigger',\r\n    '[class.collapsed]': '!collapseControl?.expanded',\r\n    '[attr.aria-expanded]': 'collapseControl ? collapseControl.expanded : null',\r\n    '[attr.aria-controls]':  'collapseControl?.id || null',\r\n    '(click)': 'collapseControl?.toggle()',\r\n  },\r\n  standalone: true,\r\n})\r\nexport class CuteCollapseTrigger {\r\n\r\n  /** Reference to the `cute-collapse` component to toggle its visibility */\r\n  @Input(\"cuteCollapseTriggerFor\")\r\n  get collapseControl(): Expandable | null {return this._collapseControl;}\r\n  set collapseControl(collapse: Expandable | null) {\r\n    this._collapseControl = collapse;\r\n  }\r\n  private _collapseControl: Expandable | null = null;\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {NgModule, Type} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {CuteCollapse} from \"./collapse.component\";\r\nimport {CuteCollapseTrigger} from \"./collapse-trigger.directive\";\r\n\r\nconst TYPES: (any | Type<any>)[] = [\r\n  CuteCollapse,\r\n  CuteCollapseTrigger,\r\n];\r\n\r\n@NgModule({\r\n  imports: [CommonModule, ...TYPES],\r\n  exports: TYPES,\r\n  declarations: [],\r\n})\r\nexport class CuteCollapseModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/cute-widgets-base-core-datetime.mjs

@@ -505,10 +505,10 @@ class NativeDateAdapter extends DateAdapter {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NativeDateAdapter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NativeDateAdapter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NativeDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NativeDateAdapter, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 /** Checks whether a number is within a certain range. */
@@ -532,22 +532,22 @@ const CUTE_NATIVE_DATE_FORMATS = {
 };
 
 class NativeDateModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: NativeDateModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NativeDateModule, providers: [{ provide: DateAdapter, useClass: NativeDateAdapter }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NativeDateModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NativeDateModule, providers: [{ provide: DateAdapter, useClass: NativeDateAdapter }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NativeDateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NativeDateModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [{ provide: DateAdapter, useClass: NativeDateAdapter }],
                 }]
         }] });
 class CuteNativeDateModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CuteNativeDateModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNativeDateModule, providers: [provideNativeDateAdapter()] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNativeDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteNativeDateModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNativeDateModule, providers: [provideNativeDateAdapter()] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNativeDateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNativeDateModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [provideNativeDateAdapter()],