@ngneers/controls 0.0.1-pre1 → 0.0.1-pre3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 NGneers
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/fesm2022/ngneers-controls-accordion.mjs

@@ -0,0 +1,194 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, booleanAttribute, model, ChangeDetectionStrategy, Component, viewChild, contentChild, computed, Directive, inject, signal, afterRenderEffect } from '@angular/core';
+import { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';
+import { accordionControlTemplate } from '@ngneers/controls-themes/templates/accordion';
+import { NgTemplateOutlet } from '@angular/common';
+import { templateTypesFn, NgnTemplate } from '@ngneers/controls/api/ng';
+import { NgnDefer } from '@ngneers/controls/defer';
+import { NgnIcon } from '@ngneers/controls/icon';
+import { generateElementId } from '@ngneers/controls/utils-ng';
+import { accordionPanelControlTemplate } from '@ngneers/controls-themes/templates/accordion-panel';
+
+const ACCORDION_CONTROL = new InjectionToken('AccordionControl');
+
+/**
+ * @category control
+ */
+class NgnAccordion extends NgnBase {
+    theme = this.injectThemeTemplate(accordionControlTemplate, 'root');
+    cache = input(false, { ...(ngDevMode ? { debugName: "cache" } : {}), transform: booleanAttribute });
+    lazy = input(false, { ...(ngDevMode ? { debugName: "lazy" } : {}), transform: booleanAttribute });
+    /**
+     * Whether multiple panels can be expanded at once.
+     */
+    iconExpanded = input(...(ngDevMode ? [undefined, { debugName: "iconExpanded" }] : []));
+    iconCollapsed = input(...(ngDevMode ? [undefined, { debugName: "iconCollapsed" }] : []));
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: booleanAttribute });
+    expandedPanels = model([], ...(ngDevMode ? [{ debugName: "expandedPanels" }] : []));
+    togglePanel(panelId) {
+        if (!this.multiple()) {
+            if (this.expandedPanels().includes(panelId)) {
+                this.expandedPanels.set([]);
+                return;
+            }
+            this.expandedPanels.set([panelId]);
+            return;
+        }
+        if (this.expandedPanels().includes(panelId)) {
+            this.expandedPanels.update(panels => panels.filter(id => id !== panelId));
+        }
+        else {
+            this.expandedPanels.update(panels => [...panels, panelId]);
+        }
+    }
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: NgnAccordion, isStandalone: true, selector: "ngn-accordion", inputs: { cache: { classPropertyName: "cache", publicName: "cache", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, iconExpanded: { classPropertyName: "iconExpanded", publicName: "iconExpanded", isSignal: true, isRequired: false, transformFunction: null }, iconCollapsed: { classPropertyName: "iconCollapsed", publicName: "iconCollapsed", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, expandedPanels: { classPropertyName: "expandedPanels", publicName: "expandedPanels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedPanels: "expandedPanelsChange" }, providers: [
+            provideSelf(NgnAccordion),
+            {
+                provide: ACCORDION_CONTROL,
+                deps: [NgnAccordion],
+                useFactory: (accordion) => ({
+                    expandedPanels: accordion.expandedPanels,
+                    togglePanel: accordion.togglePanel.bind(accordion),
+                    lazy: accordion.lazy,
+                    cache: accordion.cache,
+                    iconExpanded: accordion.iconExpanded,
+                    iconCollapsed: accordion.iconCollapsed,
+                }),
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngn-accordion', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        provideSelf(NgnAccordion),
+                        {
+                            provide: ACCORDION_CONTROL,
+                            deps: [NgnAccordion],
+                            useFactory: (accordion) => ({
+                                expandedPanels: accordion.expandedPanels,
+                                togglePanel: accordion.togglePanel.bind(accordion),
+                                lazy: accordion.lazy,
+                                cache: accordion.cache,
+                                iconExpanded: accordion.iconExpanded,
+                                iconCollapsed: accordion.iconCollapsed,
+                            }),
+                        },
+                    ], template: "<ng-content />\n" }]
+        }], ctorParameters: () => [], propDecorators: { cache: [{ type: i0.Input, args: [{ isSignal: true, alias: "cache", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], iconExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconExpanded", required: false }] }], iconCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconCollapsed", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], expandedPanels: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedPanels", required: false }] }, { type: i0.Output, args: ["expandedPanelsChange"] }] } });
+
+class AccordionTemplates extends NgnBase {
+    _defaultHeaderTemplate = viewChild.required('defaultHeaderTemplate');
+    _userHeaderTemplate = contentChild('header', ...(ngDevMode ? [{ debugName: "_userHeaderTemplate" }] : []));
+    /**
+     * Set a custom template for the header of the accordion panel.
+     * Can also be set using an `<ng-template>` element with `#header` template reference variable.
+     */
+    templateHeader = input(null, ...(ngDevMode ? [{ debugName: "templateHeader" }] : []));
+    headerTemplate = computed(() => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate(), ...(ngDevMode ? [{ debugName: "headerTemplate" }] : []));
+    _userContentTemplate = contentChild('content', ...(ngDevMode ? [{ debugName: "_userContentTemplate" }] : []));
+    /**
+     * The required template for the content of the accordion panel.
+     * Can also be set using an `<ng-template>` element with `#content` template reference variable.
+     */
+    templateContent = input(null, ...(ngDevMode ? [{ debugName: "templateContent" }] : []));
+    contentTemplate = computed(() => this._userContentTemplate() ?? this.templateContent(), ...(ngDevMode ? [{ debugName: "contentTemplate" }] : []));
+    /**
+     * Types for the dialog templates.
+     */
+    templateTypes = templateTypesFn();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AccordionTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: AccordionTemplates, isStandalone: true, inputs: { templateHeader: { classPropertyName: "templateHeader", publicName: "templateHeader", isSignal: true, isRequired: false, transformFunction: null }, templateContent: { classPropertyName: "templateContent", publicName: "templateContent", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userHeaderTemplate", first: true, predicate: ["header"], descendants: true, isSignal: true }, { propertyName: "_userContentTemplate", first: true, predicate: ["content"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultHeaderTemplate", first: true, predicate: ["defaultHeaderTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AccordionTemplates, decorators: [{
+            type: Directive
+        }], propDecorators: { _defaultHeaderTemplate: [{ type: i0.ViewChild, args: ['defaultHeaderTemplate', { isSignal: true }] }], _userHeaderTemplate: [{ type: i0.ContentChild, args: ['header', { isSignal: true }] }], templateHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateHeader", required: false }] }], _userContentTemplate: [{ type: i0.ContentChild, args: ['content', { isSignal: true }] }], templateContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateContent", required: false }] }] } });
+
+/**
+ * @category control
+ */
+class NgnAccordionPanel extends AccordionTemplates {
+    theme = this.injectThemeTemplate(accordionPanelControlTemplate, 'root');
+    _accordionControl = inject(ACCORDION_CONTROL);
+    /**
+     * The unique identifier for the accordion panel.
+     * @default generateElementId()
+     */
+    panelId = input(generateElementId(), ...(ngDevMode ? [{ debugName: "panelId" }] : []));
+    /**
+     * Whether to lazily load the content of the panel when expanded.
+     * @default false
+     */
+    lazy = input(null, { ...(ngDevMode ? { debugName: "lazy" } : {}), transform: booleanAttribute });
+    /**
+     * Whether to cache the content of the panel when {@link lazy} is enabled and the panel is closed.
+     * @default false
+     */
+    cache = input(null, { ...(ngDevMode ? { debugName: "cache" } : {}), transform: booleanAttribute });
+    /**
+     * The header text for the accordion panel.
+     */
+    header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : []));
+    /**
+     * Whether the accordion panel is disabled. Disabling will prevent user interaction,
+     * but not automatically close the panel if it was already expanded, or is expanded programatically.
+     * @default false
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    iconExpanded = this._accordionControl.iconExpanded;
+    iconCollapsed = this._accordionControl.iconCollapsed;
+    _contentViewChild = viewChild.required('content');
+    expanded = computed(() => this._accordionControl.expandedPanels().includes(this.panelId()), ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    headerId = computed(() => `${this.panelId()}-accordionpanel-header`, ...(ngDevMode ? [{ debugName: "headerId" }] : []));
+    contentId = computed(() => `${this.panelId()}-accordionpanel-content`, ...(ngDevMode ? [{ debugName: "contentId" }] : []));
+    afterTransitionExpanded = signal(false, ...(ngDevMode ? [{ debugName: "afterTransitionExpanded" }] : []));
+    lazyInt = computed(() => this.lazy() ?? this._accordionControl.lazy(), ...(ngDevMode ? [{ debugName: "lazyInt" }] : []));
+    cacheInt = computed(() => this.cache() ?? this._accordionControl.cache(), ...(ngDevMode ? [{ debugName: "cacheInt" }] : []));
+    constructor() {
+        super();
+        afterRenderEffect(() => {
+            if (!this.lazyInt() || this.cacheInt()) {
+                return;
+            }
+            if (this.expanded()) {
+                this.afterTransitionExpanded.set(true);
+            }
+            else {
+                requestAnimationFrame(() => {
+                    const allAnimationsDone = Promise.all(this._contentViewChild()
+                        .nativeElement.getAnimations()
+                        .map(x => x.finished));
+                    allAnimationsDone
+                        .then(() => {
+                        this.afterTransitionExpanded.set(false);
+                    })
+                        .catch(() => {
+                        // ignore cancelled animation
+                    });
+                });
+            }
+        });
+    }
+    /**
+     * Toggles the expanded state of the accordion panel.
+     */
+    toggle() {
+        this._accordionControl.togglePanel(this.panelId());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnAccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NgnAccordionPanel, isStandalone: true, selector: "ngn-accordion-panel", inputs: { panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "cache", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideSelf(NgnAccordionPanel)], viewQueries: [{ propertyName: "_contentViewChild", first: true, predicate: ["content"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<header>\r\n  <button\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"{\r\n      header: true,\r\n      'header-disabled': disabled(),\r\n    }\"\r\n    [id]=\"headerId()\"\r\n    [disabled]=\"disabled()\"\r\n    [aria-expanded]=\"expanded()\"\r\n    (click)=\"toggle()\"\r\n    [attr.aria-controls]=\"contentId()\"\r\n  >\r\n    @if (headerTemplate()) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          headerTemplate();\r\n          context: { $implicit: { panelId: panelId(), text: header(), expanded: expanded() } }\r\n        \"\r\n      ></ng-container>\r\n    }\r\n    <ngn-icon\r\n      [defaultIcon]=\"expanded() ? 'chevron_up' : 'chevron_down'\"\r\n      [icon]=\"expanded() ? iconExpanded() : iconCollapsed()\"\r\n    />\r\n  </button>\r\n</header>\r\n\r\n<div\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{\r\n    'content-expander': true,\r\n    'content-expander-collapsed': !expanded(),\r\n  }\"\r\n  #content\r\n>\r\n  <div\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'content'\"\r\n    [id]=\"contentId()\"\r\n    [attr.aria-labelledby]=\"headerId()\"\r\n    [aria-hidden]=\"!expanded()\"\r\n    role=\"region\"\r\n  >\r\n    <ngn-defer\r\n      [lazyContent]=\"contentTemplate()\"\r\n      [open]=\"lazyInt() && !cacheInt() ? afterTransitionExpanded() : expanded()\"\r\n      [hiddenOnClosed]=\"false\"\r\n      [cache]=\"cacheInt()\"\r\n      [lazy]=\"lazyInt()\"\r\n    >\r\n      <ng-content />\r\n    </ngn-defer>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHeaderTemplate let-header [ngnTemplate]=\"templateTypes.header\">\r\n  <span [ptInt]=\"this\" [ptClass]=\"'header-text'\">\r\n    {{ header.text }}\r\n  </span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "component", type: NgnDefer, selector: "ngn-defer", inputs: ["lazyContent", "lazyContentContext", "open", "lazy", "cache", "hiddenOnClosed"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: NgnIcon, selector: "ngn-icon", inputs: ["defaultIcon", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnAccordionPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngn-accordion-panel', imports: [NgTemplateOutlet, NgnPt, NgnDefer, NgnTemplate, NgnIcon], changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideSelf(NgnAccordionPanel)], template: "<header>\r\n  <button\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"{\r\n      header: true,\r\n      'header-disabled': disabled(),\r\n    }\"\r\n    [id]=\"headerId()\"\r\n    [disabled]=\"disabled()\"\r\n    [aria-expanded]=\"expanded()\"\r\n    (click)=\"toggle()\"\r\n    [attr.aria-controls]=\"contentId()\"\r\n  >\r\n    @if (headerTemplate()) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          headerTemplate();\r\n          context: { $implicit: { panelId: panelId(), text: header(), expanded: expanded() } }\r\n        \"\r\n      ></ng-container>\r\n    }\r\n    <ngn-icon\r\n      [defaultIcon]=\"expanded() ? 'chevron_up' : 'chevron_down'\"\r\n      [icon]=\"expanded() ? iconExpanded() : iconCollapsed()\"\r\n    />\r\n  </button>\r\n</header>\r\n\r\n<div\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{\r\n    'content-expander': true,\r\n    'content-expander-collapsed': !expanded(),\r\n  }\"\r\n  #content\r\n>\r\n  <div\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'content'\"\r\n    [id]=\"contentId()\"\r\n    [attr.aria-labelledby]=\"headerId()\"\r\n    [aria-hidden]=\"!expanded()\"\r\n    role=\"region\"\r\n  >\r\n    <ngn-defer\r\n      [lazyContent]=\"contentTemplate()\"\r\n      [open]=\"lazyInt() && !cacheInt() ? afterTransitionExpanded() : expanded()\"\r\n      [hiddenOnClosed]=\"false\"\r\n      [cache]=\"cacheInt()\"\r\n      [lazy]=\"lazyInt()\"\r\n    >\r\n      <ng-content />\r\n    </ngn-defer>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHeaderTemplate let-header [ngnTemplate]=\"templateTypes.header\">\r\n  <span [ptInt]=\"this\" [ptClass]=\"'header-text'\">\r\n    {{ header.text }}\r\n  </span>\r\n</ng-template>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { panelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelId", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], cache: [{ type: i0.Input, args: [{ isSignal: true, alias: "cache", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], _contentViewChild: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgnAccordion, NgnAccordionPanel };
+//# sourceMappingURL=ngneers-controls-accordion.mjs.map

package/fesm2022/ngneers-controls-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneers-controls-accordion.mjs","sources":["../../src/accordion/types.ts","../../src/accordion/accordion.ts","../../src/accordion/accordion.html","../../src/accordion/accordion-templates.ts","../../src/accordion/accordion-panel.ts","../../src/accordion/accordion-panel.html","../../src/accordion/ngneers-controls-accordion.ts"],"sourcesContent":["import { InjectionToken, type Signal } from '@angular/core';\r\n\r\nimport type { IconType } from '@ngneers/controls-custom-types';\r\n\r\nexport type HeaderTemplateType = {\r\n  $implicit: {\r\n    panelId: string;\r\n    text?: string;\r\n    expanded: boolean;\r\n  };\r\n};\r\nexport type AccordionControl = {\r\n  expandedPanels: Signal<string[]>;\r\n  togglePanel: (panelId: string) => void;\r\n  lazy: Signal<boolean>;\r\n  cache: Signal<boolean>;\r\n  iconExpanded: Signal<IconType>;\r\n  iconCollapsed: Signal<IconType>;\r\n};\r\n\r\nexport const ACCORDION_CONTROL = new InjectionToken<AccordionControl>('AccordionControl');\r\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model } from '@angular/core';\r\nimport { NgnBase, provideSelf } from '@ngneers/controls/base';\r\nimport { accordionControlTemplate } from '@ngneers/controls-themes/templates/accordion';\r\n\r\nimport { ACCORDION_CONTROL, type AccordionControl } from './types';\r\n\r\nimport type { IconType } from '@ngneers/controls-custom-types';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  selector: 'ngn-accordion',\r\n  imports: [],\r\n  templateUrl: './accordion.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    provideSelf(NgnAccordion),\r\n    {\r\n      provide: ACCORDION_CONTROL,\r\n      deps: [NgnAccordion],\r\n      useFactory: (accordion: NgnAccordion) =>\r\n        <AccordionControl>{\r\n          expandedPanels: accordion.expandedPanels,\r\n          togglePanel: accordion.togglePanel.bind(accordion),\r\n          lazy: accordion.lazy,\r\n          cache: accordion.cache,\r\n          iconExpanded: accordion.iconExpanded,\r\n          iconCollapsed: accordion.iconCollapsed,\r\n        },\r\n    },\r\n  ],\r\n})\r\nexport class NgnAccordion extends NgnBase<'accordion'> {\r\n  protected readonly theme = this.injectThemeTemplate(accordionControlTemplate, 'root');\r\n  public readonly cache = input(false, { transform: booleanAttribute });\r\n  public readonly lazy = input(false, { transform: booleanAttribute });\r\n\r\n  /**\r\n   * Whether multiple panels can be expanded at once.\r\n   */\r\n  public readonly iconExpanded = input<IconType>();\r\n  public readonly iconCollapsed = input<IconType>();\r\n  public readonly multiple = input(false, { transform: booleanAttribute });\r\n  public readonly expandedPanels = model<string[]>([]);\r\n\r\n  public togglePanel(panelId: string) {\r\n    if (!this.multiple()) {\r\n      if (this.expandedPanels().includes(panelId)) {\r\n        this.expandedPanels.set([]);\r\n        return;\r\n      }\r\n      this.expandedPanels.set([panelId]);\r\n      return;\r\n    }\r\n    if (this.expandedPanels().includes(panelId)) {\r\n      this.expandedPanels.update(panels => panels.filter(id => id !== panelId));\r\n    } else {\r\n      this.expandedPanels.update(panels => [...panels, panelId]);\r\n    }\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","<ng-content />\n","import { computed, contentChild, Directive, input, TemplateRef, viewChild } from '@angular/core';\r\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\r\nimport { NgnBase } from '@ngneers/controls/base';\r\n\r\nimport type { HeaderTemplateType } from './types';\r\n\r\n@Directive()\r\nexport abstract class AccordionTemplates extends NgnBase<'accordionPanel'> {\r\n  private readonly _defaultHeaderTemplate =\r\n    viewChild.required<TemplateRef<HeaderTemplateType>>('defaultHeaderTemplate');\r\n  private readonly _userHeaderTemplate = contentChild<TemplateRef<HeaderTemplateType>>('header');\r\n  /**\r\n   * Set a custom template for the header of the accordion panel.\r\n   * Can also be set using an `<ng-template>` element with `#header` template reference variable.\r\n   */\r\n  public readonly templateHeader = input<TemplateRef<HeaderTemplateType> | null>(null);\r\n  protected readonly headerTemplate = computed(\r\n    () => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate()\r\n  );\r\n\r\n  private readonly _userContentTemplate = contentChild<TemplateRef<unknown>>('content');\r\n  /**\r\n   * The required template for the content of the accordion panel.\r\n   * Can also be set using an `<ng-template>` element with `#content` template reference variable.\r\n   */\r\n  public readonly templateContent = input<TemplateRef<unknown> | null>(null);\r\n  protected readonly contentTemplate = computed(\r\n    () => this._userContentTemplate() ?? this.templateContent()\r\n  );\r\n\r\n  /**\r\n   * Types for the dialog templates.\r\n   */\r\n  public readonly templateTypes = templateTypesFn<{\r\n    header: HeaderTemplateType;\r\n  }>();\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  afterRenderEffect,\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  computed,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  signal,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { NgnTemplate } from '@ngneers/controls/api/ng';\r\nimport { provideSelf, NgnPt } from '@ngneers/controls/base';\r\nimport { NgnDefer } from '@ngneers/controls/defer';\r\nimport { NgnIcon } from '@ngneers/controls/icon';\r\nimport { generateElementId } from '@ngneers/controls/utils-ng';\r\nimport { accordionPanelControlTemplate } from '@ngneers/controls-themes/templates/accordion-panel';\r\n\r\nimport { AccordionTemplates } from './accordion-templates';\r\nimport { ACCORDION_CONTROL } from './types';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  selector: 'ngn-accordion-panel',\r\n  imports: [NgTemplateOutlet, NgnPt, NgnDefer, NgnTemplate, NgnIcon],\r\n  templateUrl: './accordion-panel.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [provideSelf(NgnAccordionPanel)],\r\n})\r\nexport class NgnAccordionPanel extends AccordionTemplates {\r\n  protected readonly theme = this.injectThemeTemplate(accordionPanelControlTemplate, 'root');\r\n\r\n  private readonly _accordionControl = inject(ACCORDION_CONTROL);\r\n\r\n  /**\r\n   * The unique identifier for the accordion panel.\r\n   * @default generateElementId()\r\n   */\r\n  public readonly panelId = input<string>(generateElementId());\r\n  /**\r\n   * Whether to lazily load the content of the panel when expanded.\r\n   * @default false\r\n   */\r\n  public readonly lazy = input(null, { transform: booleanAttribute });\r\n  /**\r\n   * Whether to cache the content of the panel when {@link lazy} is enabled and the panel is closed.\r\n   * @default false\r\n   */\r\n  public readonly cache = input(null, { transform: booleanAttribute });\r\n  /**\r\n   * The header text for the accordion panel.\r\n   */\r\n  public readonly header = input<string>();\r\n  /**\r\n   * Whether the accordion panel is disabled. Disabling will prevent user interaction,\r\n   * but not automatically close the panel if it was already expanded, or is expanded programatically.\r\n   * @default false\r\n   */\r\n  public readonly disabled = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly iconExpanded = this._accordionControl.iconExpanded;\r\n  protected readonly iconCollapsed = this._accordionControl.iconCollapsed;\r\n  protected readonly _contentViewChild = viewChild.required<ElementRef<HTMLElement>>('content');\r\n\r\n  protected readonly expanded = computed(() =>\r\n    this._accordionControl.expandedPanels().includes(this.panelId())\r\n  );\r\n\r\n  protected readonly headerId = computed(() => `${this.panelId()}-accordionpanel-header`);\r\n  protected readonly contentId = computed(() => `${this.panelId()}-accordionpanel-content`);\r\n\r\n  protected readonly afterTransitionExpanded = signal<boolean>(false);\r\n\r\n  protected readonly lazyInt = computed(() => this.lazy() ?? this._accordionControl.lazy());\r\n  protected readonly cacheInt = computed(() => this.cache() ?? this._accordionControl.cache());\r\n\r\n  constructor() {\r\n    super();\r\n    afterRenderEffect(() => {\r\n      if (!this.lazyInt() || this.cacheInt()) {\r\n        return;\r\n      }\r\n      if (this.expanded()) {\r\n        this.afterTransitionExpanded.set(true);\r\n      } else {\r\n        requestAnimationFrame(() => {\r\n          const allAnimationsDone = Promise.all(\r\n            this._contentViewChild()\r\n              .nativeElement.getAnimations()\r\n              .map(x => x.finished)\r\n          );\r\n          allAnimationsDone\r\n            .then(() => {\r\n              this.afterTransitionExpanded.set(false);\r\n            })\r\n            .catch(() => {\r\n              // ignore cancelled animation\r\n            });\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Toggles the expanded state of the accordion panel.\r\n   */\r\n  public toggle() {\r\n    this._accordionControl.togglePanel(this.panelId());\r\n  }\r\n}\r\n","<header>\r\n  <button\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"{\r\n      header: true,\r\n      'header-disabled': disabled(),\r\n    }\"\r\n    [id]=\"headerId()\"\r\n    [disabled]=\"disabled()\"\r\n    [aria-expanded]=\"expanded()\"\r\n    (click)=\"toggle()\"\r\n    [attr.aria-controls]=\"contentId()\"\r\n  >\r\n    @if (headerTemplate()) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          headerTemplate();\r\n          context: { $implicit: { panelId: panelId(), text: header(), expanded: expanded() } }\r\n        \"\r\n      ></ng-container>\r\n    }\r\n    <ngn-icon\r\n      [defaultIcon]=\"expanded() ? 'chevron_up' : 'chevron_down'\"\r\n      [icon]=\"expanded() ? iconExpanded() : iconCollapsed()\"\r\n    />\r\n  </button>\r\n</header>\r\n\r\n<div\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"{\r\n    'content-expander': true,\r\n    'content-expander-collapsed': !expanded(),\r\n  }\"\r\n  #content\r\n>\r\n  <div\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"'content'\"\r\n    [id]=\"contentId()\"\r\n    [attr.aria-labelledby]=\"headerId()\"\r\n    [aria-hidden]=\"!expanded()\"\r\n    role=\"region\"\r\n  >\r\n    <ngn-defer\r\n      [lazyContent]=\"contentTemplate()\"\r\n      [open]=\"lazyInt() && !cacheInt() ? afterTransitionExpanded() : expanded()\"\r\n      [hiddenOnClosed]=\"false\"\r\n      [cache]=\"cacheInt()\"\r\n      [lazy]=\"lazyInt()\"\r\n    >\r\n      <ng-content />\r\n    </ngn-defer>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHeaderTemplate let-header [ngnTemplate]=\"templateTypes.header\">\r\n  <span [ptInt]=\"this\" [ptClass]=\"'header-text'\">\r\n    {{ header.text }}\r\n  </span>\r\n</ng-template>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}