@cute-widgets/base 20.0.1

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

@@ -0,0 +1,259 @@
+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 { 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
+ *
+ * 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
+ */
+// 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; }
+    constructor() {
+        super();
+        this._collapsed = signal(true, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
+        /** 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 */
+        this.beforeCollapse = new EventEmitter();
+        /** Event emitting after expand element */
+        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();
+                }
+            }
+            else if (event.phaseName == "done") {
+                if (toState.startsWith('expanded')) {
+                    this.afterExpand.emit();
+                }
+                else if (toState.startsWith('collapsed')) {
+                    this.afterCollapse.emit();
+                }
+            }
+        }
+    }
+    generateId() {
+        return `cute-collapse-${nextUniqueId++}`;
+    }
+    /** Gets the expanded state string. */
+    getState() {
+        return this.collapsed ? 'collapsed' : 'expanded';
+    }
+    /** Part of `Expandable` interface */
+    toggle() {
+        this.collapsed = !this.collapsed;
+    }
+    /** Part of `Expandable` interface */
+    open() {
+        if (this.collapsed) {
+            this.collapsed = false;
+        }
+    }
+    /** Part of `Expandable` interface */
+    close() {
+        if (!this.collapsed) {
+            this.collapsed = true;
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._bodyAnimation$.complete();
+    }
+    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 }); }
+}
+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: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], horizontal: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disableAnimation: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], beforeExpand: [{
+                type: Output
+            }], beforeCollapse: [{
+                type: Output
+            }], afterExpand: [{
+                type: Output
+            }], afterCollapse: [{
+                type: Output
+            }] } });
+
+/**
+ * @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
+ */
+class CuteCollapseTrigger {
+    constructor() {
+        this._collapseControl = null;
+    }
+    /** Reference to the `cute-collapse` component to toggle its visibility */
+    get collapseControl() { return this._collapseControl; }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cuteCollapseTriggerFor]',
+                    exportAs: 'cuteCollapseTrigger',
+                    host: {
+                        'class': 'cute-collapse-trigger',
+                        '[class.collapsed]': 'collapseControl?.collapsed',
+                        '[attr.aria-expanded]': 'collapseControl ? collapseControl.expanded : null',
+                        '[attr.aria-controls]': 'collapseControl?.id || null',
+                        '(click)': 'collapseControl?.toggle()',
+                    },
+                    standalone: true,
+                }]
+        }], propDecorators: { collapseControl: [{
+                type: Input,
+                args: ["cuteCollapseTriggerFor"]
+            }] } });
+
+/**
+ * @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
+ */
+const TYPES = [
+    CuteCollapse,
+    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,
+            CuteCollapseTrigger], exports: [CuteCollapse,
+            CuteCollapseTrigger] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteCollapseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ...TYPES],
+                    exports: TYPES,
+                    declarations: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CUTE_COLLAPSE_ANIMATION_TIMING, CuteCollapse, CuteCollapseModule, CuteCollapseTrigger, cuteCollapseAnimations };
+//# sourceMappingURL=cute-widgets-base-collapse.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,53 @@
+import { MediaMatcher } from '@angular/cdk/layout';
+import { InjectionToken, inject, ANIMATION_MODULE_TYPE } from '@angular/core';
+
+/** Injection token used to configure the animations in CuteWidgets. */
+const CUTE_WIDGETS_ANIMATIONS = new InjectionToken('CUTE_WIDGETS_ANIMATIONS');
+/**
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0
+ * @docs-private
+ */
+class AnimationCurves {
+    static { this.STANDARD_CURVE = 'cubic-bezier(0.4,0.0,0.2,1)'; }
+    static { this.DECELERATION_CURVE = 'cubic-bezier(0.0,0.0,0.2,1)'; }
+    static { this.ACCELERATION_CURVE = 'cubic-bezier(0.4,0.0,1,1)'; }
+    static { this.SHARP_CURVE = 'cubic-bezier(0.4,0.0,0.6,1)'; }
+}
+/**
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0
+ * @docs-private
+ */
+class AnimationDurations {
+    static { this.COMPLEX = '375ms'; }
+    static { this.ENTERING = '225ms'; }
+    static { this.EXITING = '195ms'; }
+}
+let reducedMotion = null;
+/**
+ * Gets the configured animations state.
+ * @docs-private
+ */
+function _getAnimationsState() {
+    if (inject(CUTE_WIDGETS_ANIMATIONS, { optional: true })?.animationsDisabled ||
+        inject(ANIMATION_MODULE_TYPE, { optional: true }) === 'NoopAnimations') {
+        return 'di-disabled';
+    }
+    reducedMotion ??= inject(MediaMatcher).matchMedia('(prefers-reduced-motion)').matches;
+    return reducedMotion ? 'reduced-motion' : 'enabled';
+}
+/**
+ * Returns whether animations have been disabled by DI. Must be called in a DI context.
+ * @docs-private
+ */
+function _animationsDisabled() {
+    return _getAnimationsState() !== 'enabled';
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AnimationCurves, AnimationDurations, CUTE_WIDGETS_ANIMATIONS, _animationsDisabled, _getAnimationsState };
+//# sourceMappingURL=cute-widgets-base-core-animation.mjs.map

package/fesm2022/cute-widgets-base-core-animation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cute-widgets-base-core-animation.mjs","sources":["../../../../projects/cute-widgets/base/core/animation/src/animation.ts","../../../../projects/cute-widgets/base/core/animation/cute-widgets-base-core-animation.ts"],"sourcesContent":["import {MediaMatcher} from '@angular/cdk/layout';\r\nimport {ANIMATION_MODULE_TYPE, inject, InjectionToken} from '@angular/core';\r\n\r\n/** Object used to configure the animation in Angular Material. */\r\nexport interface AnimationsConfig {\r\n  /** Whether all animations should be disabled. */\r\n  animationsDisabled?: boolean;\r\n}\r\n\r\n/** Injection token used to configure the animations in CuteWidgets. */\r\nexport const CUTE_WIDGETS_ANIMATIONS = new InjectionToken<AnimationsConfig>('CUTE_WIDGETS_ANIMATIONS');\r\n\r\n/**\r\n * @deprecated No longer used, will be removed.\r\n * @breaking-change 21.0.0\r\n * @docs-private\r\n */\r\nexport class AnimationCurves {\r\n  static STANDARD_CURVE = 'cubic-bezier(0.4,0.0,0.2,1)';\r\n  static DECELERATION_CURVE = 'cubic-bezier(0.0,0.0,0.2,1)';\r\n  static ACCELERATION_CURVE = 'cubic-bezier(0.4,0.0,1,1)';\r\n  static SHARP_CURVE = 'cubic-bezier(0.4,0.0,0.6,1)';\r\n}\r\n\r\n/**\r\n * @deprecated No longer used, will be removed.\r\n * @breaking-change 21.0.0\r\n * @docs-private\r\n */\r\nexport class AnimationDurations {\r\n  static COMPLEX = '375ms';\r\n  static ENTERING = '225ms';\r\n  static EXITING = '195ms';\r\n}\r\n\r\nlet reducedMotion: boolean | null = null;\r\n\r\n/**\r\n * Gets the configured animations state.\r\n * @docs-private\r\n */\r\nexport function _getAnimationsState(): 'enabled' | 'di-disabled' | 'reduced-motion' {\r\n  if (\r\n    inject(CUTE_WIDGETS_ANIMATIONS, {optional: true})?.animationsDisabled ||\r\n    inject(ANIMATION_MODULE_TYPE, {optional: true}) === 'NoopAnimations'\r\n  ) {\r\n    return 'di-disabled';\r\n  }\r\n\r\n  reducedMotion ??= inject(MediaMatcher).matchMedia('(prefers-reduced-motion)').matches;\r\n  return reducedMotion ? 'reduced-motion' : 'enabled';\r\n}\r\n\r\n/**\r\n * Returns whether animations have been disabled by DI. Must be called in a DI context.\r\n * @docs-private\r\n */\r\nexport function _animationsDisabled(): boolean {\r\n  return _getAnimationsState() !== 'enabled';\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AASA;MACa,uBAAuB,GAAG,IAAI,cAAc,CAAmB,yBAAyB;AAErG;;;;AAIG;MACU,eAAe,CAAA;aACnB,IAAA,CAAA,cAAc,GAAG,6BAA6B,CAAC;aAC/C,IAAA,CAAA,kBAAkB,GAAG,6BAA6B,CAAC;aACnD,IAAA,CAAA,kBAAkB,GAAG,2BAA2B,CAAC;aACjD,IAAA,CAAA,WAAW,GAAG,6BAA6B,CAAC;;AAGrD;;;;AAIG;MACU,kBAAkB,CAAA;aACtB,IAAA,CAAA,OAAO,GAAG,OAAO,CAAC;aAClB,IAAA,CAAA,QAAQ,GAAG,OAAO,CAAC;aACnB,IAAA,CAAA,OAAO,GAAG,OAAO,CAAC;;AAG3B,IAAI,aAAa,GAAmB,IAAI;AAExC;;;AAGG;SACa,mBAAmB,GAAA;IACjC,IACE,MAAM,CAAC,uBAAuB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,EAAE,kBAAkB;AACrE,QAAA,MAAM,CAAC,qBAAqB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,KAAK,gBAAgB,EACpE;AACA,QAAA,OAAO,aAAa;IACtB;AAEA,IAAA,aAAa,KAAK,MAAM,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC,OAAO;IACrF,OAAO,aAAa,GAAG,gBAAgB,GAAG,SAAS;AACrD;AAEA;;;AAGG;SACa,mBAAmB,GAAA;AACjC,IAAA,OAAO,mBAAmB,EAAE,KAAK,SAAS;AAC5C;;AC3DA;;AAEG;;;;"}