@ngneers/controls 0.0.1-pre5 → 0.0.1-pre7

package/fesm2022/ngneers-controls-accordion.mjs

@@ -16,15 +16,15 @@ const ACCORDION_CONTROL = new InjectionToken('AccordionControl');
  */
 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 });
+    cache = input(false, { ...(ngDevMode ? { debugName: "cache" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    lazy = input(false, { ...(ngDevMode ? { debugName: "lazy" } : /* istanbul ignore next */ {}), 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" }] : []));
+    iconExpanded = input(...(ngDevMode ? [undefined, { debugName: "iconExpanded" }] : /* istanbul ignore next */ []));
+    iconCollapsed = input(...(ngDevMode ? [undefined, { debugName: "iconCollapsed" }] : /* istanbul ignore next */ []));
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    expandedPanels = model([], ...(ngDevMode ? [{ debugName: "expandedPanels" }] : /* istanbul ignore next */ []));
     togglePanel(panelId) {
         if (!this.multiple()) {
             if (this.expandedPanels().includes(panelId)) {
@@ -44,8 +44,8 @@ class NgnAccordion extends NgnBase {
     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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", 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,
@@ -61,7 +61,7 @@ class NgnAccordion extends NgnBase {
             },
         ], 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnAccordion, decorators: [{
             type: Component,
             args: [{ selector: 'ngn-accordion', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         provideSelf(NgnAccordion),
@@ -82,28 +82,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 
 class AccordionTemplates extends NgnBase {
     _defaultHeaderTemplate = viewChild.required('defaultHeaderTemplate');
-    _userHeaderTemplate = contentChild('header', ...(ngDevMode ? [{ debugName: "_userHeaderTemplate" }] : []));
+    _userHeaderTemplate = contentChild('header', ...(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, ...(ngDevMode ? [{ debugName: "templateHeader" }] : []));
-    headerTemplate = computed(() => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate(), ...(ngDevMode ? [{ debugName: "headerTemplate" }] : []));
-    _userContentTemplate = contentChild('content', ...(ngDevMode ? [{ debugName: "_userContentTemplate" }] : []));
+    templateHeader = input(null, ...(ngDevMode ? [{ debugName: "templateHeader" }] : /* istanbul ignore next */ []));
+    headerTemplate = computed(() => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate(), ...(ngDevMode ? [{ debugName: "headerTemplate" }] : /* istanbul ignore next */ []));
+    _userContentTemplate = contentChild('content', ...(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, ...(ngDevMode ? [{ debugName: "templateContent" }] : []));
-    contentTemplate = computed(() => this._userContentTemplate() ?? this.templateContent(), ...(ngDevMode ? [{ debugName: "contentTemplate" }] : []));
+    templateContent = input(null, ...(ngDevMode ? [{ debugName: "templateContent" }] : /* istanbul ignore next */ []));
+    contentTemplate = computed(() => this._userContentTemplate() ?? this.templateContent(), ...(ngDevMode ? [{ debugName: "contentTemplate" }] : /* istanbul ignore next */ []));
     /**
      * 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: AccordionTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", 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 }] }] } });
 
@@ -117,36 +117,36 @@ class NgnAccordionPanel extends AccordionTemplates {
      * The unique identifier for the accordion panel.
      * @default generateElementId()
      */
-    panelId = input(generateElementId(), ...(ngDevMode ? [{ debugName: "panelId" }] : []));
+    panelId = input(generateElementId(), ...(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" } : {}), transform: booleanAttribute });
+    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" } : {}), transform: booleanAttribute });
+    cache = input(null, { ...(ngDevMode ? { debugName: "cache" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The header text for the accordion panel.
      */
-    header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : []));
+    header = input(...(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" } : {}), transform: booleanAttribute });
+    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()), ...(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" }] : []));
+    expanded = computed(() => this._accordionControl.expandedPanels().includes(this.panelId()), ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    headerId = computed(() => `${this.panelId()}-accordionpanel-header`, ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+    contentId = computed(() => `${this.panelId()}-accordionpanel-content`, ...(ngDevMode ? [{ debugName: "contentId" }] : /* istanbul ignore next */ []));
+    afterTransitionExpanded = signal(false, ...(ngDevMode ? [{ debugName: "afterTransitionExpanded" }] : /* istanbul ignore next */ []));
+    lazyInt = computed(() => this.lazy() ?? this._accordionControl.lazy(), ...(ngDevMode ? [{ debugName: "lazyInt" }] : /* istanbul ignore next */ []));
+    cacheInt = computed(() => this.cache() ?? this._accordionControl.cache(), ...(ngDevMode ? [{ debugName: "cacheInt" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         afterRenderEffect(() => {
@@ -178,12 +178,12 @@ class NgnAccordionPanel extends AccordionTemplates {
     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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnAccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", 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() ? 'accordion-collapse' : 'accordion-expand'\"\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", 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" }]
+            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() ? 'accordion-collapse' : 'accordion-expand'\"\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 }] }] } });
 
 /**

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

@@ -1 +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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"}
+{"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() ? 'accordion-collapse' : 'accordion-expand'\"\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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"}

package/fesm2022/ngneers-controls-api-ng.mjs

@@ -36,6 +36,7 @@ const defaultNgnConfig = {
             showOnFocus: true,
             hideOnTooltipHover: false,
             hideOnClick: true,
+            autoAriaMode: 'description',
         },
     },
 };
@@ -77,6 +78,8 @@ function provideNgnConfig(config) {
                             defaultNgnConfig.defaults.tooltip.hideOnTooltipHover,
                         hideOnClick: config?.defaults?.tooltip?.hideOnClick ??
                             defaultNgnConfig.defaults.tooltip.hideOnClick,
+                        autoAriaMode: config?.defaults?.tooltip?.autoAriaMode ??
+                            defaultNgnConfig.defaults.tooltip.autoAriaMode,
                     },
                 },
             },
@@ -128,7 +131,7 @@ function elementsSizesSignal(element, active) {
     return elementsSizesSignalInt(element, active);
 }
 function elementsSizesSignalInt(element, active) {
-    const sizeSignal = signal([], { ...(ngDevMode ? { debugName: "sizeSignal" } : {}), equal: (a, b) => JSON.stringify(a) === JSON.stringify(b) });
+    const sizeSignal = signal([], { ...(ngDevMode ? { debugName: "sizeSignal" } : /* istanbul ignore next */ {}), equal: (a, b) => JSON.stringify(a) === JSON.stringify(b) });
     let elements;
     afterRenderEffect(() => {
         resizeObserver.disconnect();
@@ -231,7 +234,7 @@ function domEventObservable(element, eventName, injector) {
 function domEventSignal(element, eventName, injector) {
     const inj = injector ?? inject(Injector);
     const res = runInInjectionContext(inj, () => {
-        const sig = signal(null, ...(ngDevMode ? [{ debugName: "sig" }] : []));
+        const sig = signal(null, ...(ngDevMode ? [{ debugName: "sig" }] : /* istanbul ignore next */ []));
         domEventObservable(element, eventName, inj).subscribe(value => {
             sig.set(value);
         });
@@ -250,11 +253,11 @@ function domEventHandler(element, eventName, handler, injector) {
     const inj = injector ?? inject(Injector);
     const destroyRef = inj.get(DestroyRef);
     runInInjectionContext(inj, () => {
-        const destroyed = signal(false, ...(ngDevMode ? [{ debugName: "destroyed" }] : []));
+        const destroyed = signal(false, ...(ngDevMode ? [{ debugName: "destroyed" }] : /* istanbul ignore next */ []));
         destroyRef.onDestroy(() => {
             destroyed.set(true);
         });
-        const elSig = computed(() => (destroyed() ? null : getElement(element)), ...(ngDevMode ? [{ debugName: "elSig" }] : []));
+        const elSig = computed(() => (destroyed() ? null : getElement(element)), ...(ngDevMode ? [{ debugName: "elSig" }] : /* istanbul ignore next */ []));
         const elSigWithPrev = signalWithPrevious(elSig);
         effect(() => {
             const element = elSigWithPrev();
@@ -301,13 +304,13 @@ function injectThemeColors(controlName) {
 }
 
 class Platform {
-    _deviceType = signal('desktop', ...(ngDevMode ? [{ debugName: "_deviceType" }] : []));
+    _deviceType = signal('desktop', ...(ngDevMode ? [{ debugName: "_deviceType" }] : /* istanbul ignore next */ []));
     isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
     windowSize = this.isBrowser
         ? elementSizeSignal(document.body)
         : signal({ width: 0, height: 0 });
-    width = computed(() => this.windowSize().width, ...(ngDevMode ? [{ debugName: "width" }] : []));
-    height = computed(() => this.windowSize().height, ...(ngDevMode ? [{ debugName: "height" }] : []));
+    width = computed(() => this.windowSize().width, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    height = computed(() => this.windowSize().height, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
     constructor() {
         const doc = inject(DOCUMENT);
         const win = doc.defaultView;
@@ -333,11 +336,11 @@ class Platform {
     }
     isTouchDevice = computed(() => {
         return this._deviceType() === 'mobile' || this._deviceType() === 'tablet';
-    }, ...(ngDevMode ? [{ debugName: "isTouchDevice" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Platform, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Platform });
+    }, ...(ngDevMode ? [{ debugName: "isTouchDevice" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: Platform, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: Platform });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Platform, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: Platform, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -542,7 +545,7 @@ class ThemeService {
     _config = inject(NGN_CONFIG);
     _loadedScopes = new Set();
     _document = inject(DOCUMENT);
-    activeTheme = signal(this._config.theme?.preset, ...(ngDevMode ? [{ debugName: "activeTheme" }] : []));
+    activeTheme = signal(this._config.theme?.preset, ...(ngDevMode ? [{ debugName: "activeTheme" }] : /* istanbul ignore next */ []));
     constructor() {
         if (!this._config.theme?.preset && !this._config.theme?.lazyLoaded) {
             console.warn('No active theme found. Please provide a theme in the configuration or set lazyLoaded to true if you plan to load themes dynamically.');
@@ -613,10 +616,10 @@ class ThemeService {
             namePrefix: this._config.theme.namePrefix,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemeService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ThemeService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ThemeService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -632,14 +635,14 @@ function provideNgnControls(config, ...features) {
 }
 
 class NgnTemplate {
-    ngnTemplate = input.required(...(ngDevMode ? [{ debugName: "ngnTemplate" }] : []));
+    ngnTemplate = input.required(...(ngDevMode ? [{ debugName: "ngnTemplate" }] : /* istanbul ignore next */ []));
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgnTemplate, isStandalone: true, selector: "ng-template[ngnTemplate]", inputs: { ngnTemplate: { classPropertyName: "ngnTemplate", publicName: "ngnTemplate", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: NgnTemplate, isStandalone: true, selector: "ng-template[ngnTemplate]", inputs: { ngnTemplate: { classPropertyName: "ngnTemplate", publicName: "ngnTemplate", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnTemplate, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[ngnTemplate]',