@ngneers/controls 0.0.1-next.0

package/fesm2022/ngneers-controls-accordion.mjs

@@ -0,0 +1,234 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, booleanAttribute, model, 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');
+    /**
+     * Whether to keep lazily-loaded panel content in the DOM after the panel closes.
+     * Applies as the default for every panel; individual panels can override it.
+     * @default false
+     */
+    cache = input(false, { ...(ngDevMode ? { debugName: "cache" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Whether to defer rendering each panel's content until it is first expanded.
+     * Applies as the default for every panel; individual panels can override it.
+     * @default false
+     */
+    lazy = input(false, { ...(ngDevMode ? { debugName: "lazy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Icon shown on a panel header when the panel is expanded.
+     */
+    iconExpanded = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "iconExpanded" }] : /* istanbul ignore next */ []));
+    /**
+     * Icon shown on a panel header when the panel is collapsed.
+     */
+    iconCollapsed = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "iconCollapsed" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether multiple panels can be expanded at once. When `false`, expanding a
+     * panel collapses any other open panel.
+     * @default false
+     */
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The ids of the currently expanded panels. Two-way bindable to control or
+     * observe which panels are open.
+     * @default []
+     */
+    expandedPanels = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandedPanels" }] : /* istanbul ignore next */ []));
+    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: "22.0.5", ngImport: i0, type: NgnAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", 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" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngn-accordion', imports: [], 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', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userHeaderTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * 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, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateHeader" }] : /* istanbul ignore next */ []));
+    headerTemplate = computed(() => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "headerTemplate" }] : /* istanbul ignore next */ []));
+    _userContentTemplate = contentChild('content', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_userContentTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * 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, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templateContent" }] : /* istanbul ignore next */ []));
+    contentTemplate = computed(() => this._userContentTemplate() ?? this.templateContent(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentTemplate" }] : /* istanbul ignore next */ []));
+    /**
+     * Types for the dialog templates.
+     */
+    templateTypes = templateTypesFn();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AccordionTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.5", 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: "22.0.5", 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(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to lazily load the content of the panel when expanded.
+     * @default false
+     */
+    lazy = input(null, { ...(ngDevMode ? { debugName: "lazy" } : /* istanbul ignore next */ {}), 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" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The header text for the accordion panel.
+     */
+    header = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
+    /**
+     * 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" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    iconExpanded = this._accordionControl.iconExpanded;
+    iconCollapsed = this._accordionControl.iconCollapsed;
+    _contentViewChild = viewChild.required('content');
+    expanded = computed(() => this._accordionControl.expandedPanels().includes(this.panelId()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    headerId = computed(() => `${this.panelId()}-accordionpanel-header`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+    contentId = computed(() => `${this.panelId()}-accordionpanel-content`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentId" }] : /* istanbul ignore next */ []));
+    afterTransitionExpanded = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "afterTransitionExpanded" }] : /* istanbul ignore next */ []));
+    lazyInt = computed(() => this.lazy() ?? this._accordionControl.lazy(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lazyInt" }] : /* istanbul ignore next */ []));
+    cacheInt = computed(() => this.cache() ?? this._accordionControl.cache(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cacheInt" }] : /* istanbul ignore next */ []));
+    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: "22.0.5", ngImport: i0, type: NgnAccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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>\n  <button\n    [ptInt]=\"this\"\n    [ptClass]=\"{\n      header: true,\n      'header-disabled': disabled(),\n    }\"\n    [id]=\"headerId()\"\n    [disabled]=\"disabled()\"\n    [aria-expanded]=\"expanded()\"\n    (click)=\"toggle()\"\n    [attr.aria-controls]=\"contentId()\"\n  >\n    @if (headerTemplate()) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          headerTemplate();\n          context: { $implicit: { panelId: panelId(), text: header(), expanded: expanded() } }\n        \"\n      ></ng-container>\n    }\n    <ngn-icon\n      [defaultIcon]=\"expanded() ? 'accordion-collapse' : 'accordion-expand'\"\n      [icon]=\"expanded() ? iconExpanded() : iconCollapsed()\"\n    />\n  </button>\n</header>\n\n<div\n  [ptInt]=\"this\"\n  [ptClass]=\"{\n    'content-expander': true,\n    'content-expander-collapsed': !expanded(),\n  }\"\n  #content\n>\n  <div\n    [ptInt]=\"this\"\n    [ptClass]=\"'content'\"\n    [id]=\"contentId()\"\n    [attr.aria-labelledby]=\"headerId()\"\n    [aria-hidden]=\"!expanded()\"\n    role=\"region\"\n  >\n    <ngn-defer\n      [lazyContent]=\"contentTemplate()\"\n      [open]=\"lazyInt() && !cacheInt() ? afterTransitionExpanded() : expanded()\"\n      [hiddenOnClosed]=\"false\"\n      [cache]=\"cacheInt()\"\n      [lazy]=\"lazyInt()\"\n    >\n      <ng-content />\n    </ngn-defer>\n  </div>\n</div>\n\n<ng-template #defaultHeaderTemplate let-header [ngnTemplate]=\"templateTypes.header\">\n  <span [ptInt]=\"this\" [ptClass]=\"'header-text'\">\n    {{ header.text }}\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass", "ptDep"] }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnAccordionPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngn-accordion-panel', imports: [NgTemplateOutlet, NgnPt, NgnDefer, NgnTemplate, NgnIcon], providers: [provideSelf(NgnAccordionPanel)], template: "<header>\n  <button\n    [ptInt]=\"this\"\n    [ptClass]=\"{\n      header: true,\n      'header-disabled': disabled(),\n    }\"\n    [id]=\"headerId()\"\n    [disabled]=\"disabled()\"\n    [aria-expanded]=\"expanded()\"\n    (click)=\"toggle()\"\n    [attr.aria-controls]=\"contentId()\"\n  >\n    @if (headerTemplate()) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          headerTemplate();\n          context: { $implicit: { panelId: panelId(), text: header(), expanded: expanded() } }\n        \"\n      ></ng-container>\n    }\n    <ngn-icon\n      [defaultIcon]=\"expanded() ? 'accordion-collapse' : 'accordion-expand'\"\n      [icon]=\"expanded() ? iconExpanded() : iconCollapsed()\"\n    />\n  </button>\n</header>\n\n<div\n  [ptInt]=\"this\"\n  [ptClass]=\"{\n    'content-expander': true,\n    'content-expander-collapsed': !expanded(),\n  }\"\n  #content\n>\n  <div\n    [ptInt]=\"this\"\n    [ptClass]=\"'content'\"\n    [id]=\"contentId()\"\n    [attr.aria-labelledby]=\"headerId()\"\n    [aria-hidden]=\"!expanded()\"\n    role=\"region\"\n  >\n    <ngn-defer\n      [lazyContent]=\"contentTemplate()\"\n      [open]=\"lazyInt() && !cacheInt() ? afterTransitionExpanded() : expanded()\"\n      [hiddenOnClosed]=\"false\"\n      [cache]=\"cacheInt()\"\n      [lazy]=\"lazyInt()\"\n    >\n      <ng-content />\n    </ngn-defer>\n  </div>\n</div>\n\n<ng-template #defaultHeaderTemplate let-header [ngnTemplate]=\"templateTypes.header\">\n  <span [ptInt]=\"this\" [ptClass]=\"'header-text'\">\n    {{ header.text }}\n  </span>\n</ng-template>\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';\n\nimport type { IconType } from '@ngneers/controls-custom-types';\n\nexport type HeaderTemplateType = {\n  $implicit: {\n    panelId: string;\n    text?: string;\n    expanded: boolean;\n  };\n};\nexport type AccordionControl = {\n  expandedPanels: Signal<string[]>;\n  togglePanel: (panelId: string) => void;\n  lazy: Signal<boolean>;\n  cache: Signal<boolean>;\n  iconExpanded: Signal<IconType>;\n  iconCollapsed: Signal<IconType>;\n};\n\nexport const ACCORDION_CONTROL = new InjectionToken<AccordionControl>('AccordionControl');\n","import { booleanAttribute, Component, input, model } from '@angular/core';\nimport { NgnBase, provideSelf } from '@ngneers/controls/base';\nimport { accordionControlTemplate } from '@ngneers/controls-themes/templates/accordion';\n\nimport { ACCORDION_CONTROL, type AccordionControl } from './types';\n\nimport type { IconType } from '@ngneers/controls-custom-types';\n\n/**\n * @category control\n */\n@Component({\n  selector: 'ngn-accordion',\n  imports: [],\n  templateUrl: './accordion.html',\n\n  providers: [\n    provideSelf(NgnAccordion),\n    {\n      provide: ACCORDION_CONTROL,\n      deps: [NgnAccordion],\n      useFactory: (accordion: NgnAccordion) =>\n        <AccordionControl>{\n          expandedPanels: accordion.expandedPanels,\n          togglePanel: accordion.togglePanel.bind(accordion),\n          lazy: accordion.lazy,\n          cache: accordion.cache,\n          iconExpanded: accordion.iconExpanded,\n          iconCollapsed: accordion.iconCollapsed,\n        },\n    },\n  ],\n})\nexport class NgnAccordion extends NgnBase<'accordion'> {\n  protected readonly theme = this.injectThemeTemplate(accordionControlTemplate, 'root');\n  /**\n   * Whether to keep lazily-loaded panel content in the DOM after the panel closes.\n   * Applies as the default for every panel; individual panels can override it.\n   * @default false\n   */\n  public readonly cache = input(false, { transform: booleanAttribute });\n  /**\n   * Whether to defer rendering each panel's content until it is first expanded.\n   * Applies as the default for every panel; individual panels can override it.\n   * @default false\n   */\n  public readonly lazy = input(false, { transform: booleanAttribute });\n\n  /**\n   * Icon shown on a panel header when the panel is expanded.\n   */\n  public readonly iconExpanded = input<IconType>();\n  /**\n   * Icon shown on a panel header when the panel is collapsed.\n   */\n  public readonly iconCollapsed = input<IconType>();\n  /**\n   * Whether multiple panels can be expanded at once. When `false`, expanding a\n   * panel collapses any other open panel.\n   * @default false\n   */\n  public readonly multiple = input(false, { transform: booleanAttribute });\n  /**\n   * The ids of the currently expanded panels. Two-way bindable to control or\n   * observe which panels are open.\n   * @default []\n   */\n  public readonly expandedPanels = model<string[]>([]);\n\n  public togglePanel(panelId: string) {\n    if (!this.multiple()) {\n      if (this.expandedPanels().includes(panelId)) {\n        this.expandedPanels.set([]);\n        return;\n      }\n      this.expandedPanels.set([panelId]);\n      return;\n    }\n    if (this.expandedPanels().includes(panelId)) {\n      this.expandedPanels.update(panels => panels.filter(id => id !== panelId));\n    } else {\n      this.expandedPanels.update(panels => [...panels, panelId]);\n    }\n  }\n\n  constructor() {\n    super();\n  }\n}\n","<ng-content />\n","import { computed, contentChild, Directive, input, TemplateRef, viewChild } from '@angular/core';\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\nimport { NgnBase } from '@ngneers/controls/base';\n\nimport type { HeaderTemplateType } from './types';\n\n@Directive()\nexport abstract class AccordionTemplates extends NgnBase<'accordionPanel'> {\n  private readonly _defaultHeaderTemplate =\n    viewChild.required<TemplateRef<HeaderTemplateType>>('defaultHeaderTemplate');\n  private readonly _userHeaderTemplate = contentChild<TemplateRef<HeaderTemplateType>>('header');\n  /**\n   * Set a custom template for the header of the accordion panel.\n   * Can also be set using an `<ng-template>` element with `#header` template reference variable.\n   */\n  public readonly templateHeader = input<TemplateRef<HeaderTemplateType> | null>(null);\n  protected readonly headerTemplate = computed(\n    () => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate()\n  );\n\n  private readonly _userContentTemplate = contentChild<TemplateRef<unknown>>('content');\n  /**\n   * The required template for the content of the accordion panel.\n   * Can also be set using an `<ng-template>` element with `#content` template reference variable.\n   */\n  public readonly templateContent = input<TemplateRef<unknown> | null>(null);\n  protected readonly contentTemplate = computed(\n    () => this._userContentTemplate() ?? this.templateContent()\n  );\n\n  /**\n   * Types for the dialog templates.\n   */\n  public readonly templateTypes = templateTypesFn<{\n    header: HeaderTemplateType;\n  }>();\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NgnTemplate } from '@ngneers/controls/api/ng';\nimport { provideSelf, NgnPt } from '@ngneers/controls/base';\nimport { NgnDefer } from '@ngneers/controls/defer';\nimport { NgnIcon } from '@ngneers/controls/icon';\nimport { generateElementId } from '@ngneers/controls/utils-ng';\nimport { accordionPanelControlTemplate } from '@ngneers/controls-themes/templates/accordion-panel';\n\nimport { AccordionTemplates } from './accordion-templates';\nimport { ACCORDION_CONTROL } from './types';\n\n/**\n * @category control\n */\n@Component({\n  selector: 'ngn-accordion-panel',\n  imports: [NgTemplateOutlet, NgnPt, NgnDefer, NgnTemplate, NgnIcon],\n  templateUrl: './accordion-panel.html',\n\n  providers: [provideSelf(NgnAccordionPanel)],\n})\nexport class NgnAccordionPanel extends AccordionTemplates {\n  protected readonly theme = this.injectThemeTemplate(accordionPanelControlTemplate, 'root');\n\n  private readonly _accordionControl = inject(ACCORDION_CONTROL);\n\n  /**\n   * The unique identifier for the accordion panel.\n   * @default generateElementId()\n   */\n  public readonly panelId = input<string>(generateElementId());\n  /**\n   * Whether to lazily load the content of the panel when expanded.\n   * @default false\n   */\n  public readonly lazy = input(null, { transform: booleanAttribute });\n  /**\n   * Whether to cache the content of the panel when {@link lazy} is enabled and the panel is closed.\n   * @default false\n   */\n  public readonly cache = input(null, { transform: booleanAttribute });\n  /**\n   * The header text for the accordion panel.\n   */\n  public readonly header = input<string>();\n  /**\n   * Whether the accordion panel is disabled. Disabling will prevent user interaction,\n   * but not automatically close the panel if it was already expanded, or is expanded programatically.\n   * @default false\n   */\n  public readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly iconExpanded = this._accordionControl.iconExpanded;\n  protected readonly iconCollapsed = this._accordionControl.iconCollapsed;\n  protected readonly _contentViewChild = viewChild.required<ElementRef<HTMLElement>>('content');\n\n  protected readonly expanded = computed(() =>\n    this._accordionControl.expandedPanels().includes(this.panelId())\n  );\n\n  protected readonly headerId = computed(() => `${this.panelId()}-accordionpanel-header`);\n  protected readonly contentId = computed(() => `${this.panelId()}-accordionpanel-content`);\n\n  protected readonly afterTransitionExpanded = signal<boolean>(false);\n\n  protected readonly lazyInt = computed(() => this.lazy() ?? this._accordionControl.lazy());\n  protected readonly cacheInt = computed(() => this.cache() ?? this._accordionControl.cache());\n\n  constructor() {\n    super();\n    afterRenderEffect(() => {\n      if (!this.lazyInt() || this.cacheInt()) {\n        return;\n      }\n      if (this.expanded()) {\n        this.afterTransitionExpanded.set(true);\n      } else {\n        requestAnimationFrame(() => {\n          const allAnimationsDone = Promise.all(\n            this._contentViewChild()\n              .nativeElement.getAnimations()\n              .map(x => x.finished)\n          );\n          allAnimationsDone\n            .then(() => {\n              this.afterTransitionExpanded.set(false);\n            })\n            .catch(() => {\n              // ignore cancelled animation\n            });\n        });\n      }\n    });\n  }\n\n  /**\n   * Toggles the expanded state of the accordion panel.\n   */\n  public toggle() {\n    this._accordionControl.togglePanel(this.panelId());\n  }\n}\n","<header>\n  <button\n    [ptInt]=\"this\"\n    [ptClass]=\"{\n      header: true,\n      'header-disabled': disabled(),\n    }\"\n    [id]=\"headerId()\"\n    [disabled]=\"disabled()\"\n    [aria-expanded]=\"expanded()\"\n    (click)=\"toggle()\"\n    [attr.aria-controls]=\"contentId()\"\n  >\n    @if (headerTemplate()) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          headerTemplate();\n          context: { $implicit: { panelId: panelId(), text: header(), expanded: expanded() } }\n        \"\n      ></ng-container>\n    }\n    <ngn-icon\n      [defaultIcon]=\"expanded() ? 'accordion-collapse' : 'accordion-expand'\"\n      [icon]=\"expanded() ? iconExpanded() : iconCollapsed()\"\n    />\n  </button>\n</header>\n\n<div\n  [ptInt]=\"this\"\n  [ptClass]=\"{\n    'content-expander': true,\n    'content-expander-collapsed': !expanded(),\n  }\"\n  #content\n>\n  <div\n    [ptInt]=\"this\"\n    [ptClass]=\"'content'\"\n    [id]=\"contentId()\"\n    [attr.aria-labelledby]=\"headerId()\"\n    [aria-hidden]=\"!expanded()\"\n    role=\"region\"\n  >\n    <ngn-defer\n      [lazyContent]=\"contentTemplate()\"\n      [open]=\"lazyInt() && !cacheInt() ? afterTransitionExpanded() : expanded()\"\n      [hiddenOnClosed]=\"false\"\n      [cache]=\"cacheInt()\"\n      [lazy]=\"lazyInt()\"\n    >\n      <ng-content />\n    </ngn-defer>\n  </div>\n</div>\n\n<ng-template #defaultHeaderTemplate let-header [ngnTemplate]=\"templateTypes.header\">\n  <span [ptInt]=\"this\" [ptClass]=\"'header-text'\">\n    {{ header.text }}\n  </span>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}