@gravionlabs/helix-core 22.1.1 → 22.1.3

package/fesm2022/gravionlabs-helix-core-accordion.mjs

@@ -1,20 +1,20 @@
-export * from '@gravionlabs/helix-core/types/accordion';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, forwardRef, model, input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, contentChild, output, signal, NgModule } from '@angular/core';
-import { findSingle, getAttribute, focus, uuid } from '@gravionlabs/helix-core/uix/utils';
-import { SharedModule } from '@gravionlabs/helix-core/api';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind, BindModule } from '@gravionlabs/helix-core/bind';
-import { ChevronDownIcon, ChevronUpIcon } from '@gravionlabs/helix-core/icons';
-import * as i3 from '@gravionlabs/helix-core/motion';
-import { MotionModule } from '@gravionlabs/helix-core/motion';
-import * as i2 from '@gravionlabs/helix-core/ripple';
-import { Ripple } from '@gravionlabs/helix-core/ripple';
-import { transformToBoolean } from '@gravionlabs/helix-core/utils';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, computed, contentChild, forwardRef, inject, input, model, output, signal } from "@angular/core";
+import { findSingle, focus, getAttribute, uuid } from "@gravionlabs/helix-core/uix/utils";
+import { SharedModule } from "@gravionlabs/helix-core/api";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind, BindModule } from "@gravionlabs/helix-core/bind";
+import { ChevronDownIcon, ChevronUpIcon } from "@gravionlabs/helix-core/icons";
+import * as i3 from "@gravionlabs/helix-core/motion";
+import { MotionModule } from "@gravionlabs/helix-core/motion";
+import * as i2 from "@gravionlabs/helix-core/ripple";
+import { Ripple } from "@gravionlabs/helix-core/ripple";
+import { transformToBoolean } from "@gravionlabs/helix-core/utils";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/accordion";
+const style = `
 
-const style$1 = /*css*/ `
     .h-accordionpanel {
         display: flex;
         flex-direction: column;
@@ -115,10 +115,7 @@ const style$1 = /*css*/ `
         color: dt('accordion.content.color');
         padding: dt('accordion.content.padding');
     }
-`;
 
-const style = /*css*/ `
-${style$1}
 
 /* For Helix */
 .h-accordionheader-toggle-icon.icon-start {
@@ -141,309 +138,498 @@ ${style$1}
 }
 `;
 const classes = {
-    root: 'h-accordion h-component',
-    panel: ({ instance }) => [
-        'h-accordionpanel',
-        {
-            'h-accordionpanel-active': instance.active(),
-            'h-disabled': instance.disabled()
-        }
-    ],
-    header: 'h-accordionheader',
-    toggleicon: 'h-accordionheader-toggle-icon',
-    contentContainer: 'h-accordioncontent',
-    contentWrapper: 'h-accordioncontent-wrapper',
-    content: 'h-accordioncontent-content'
+	root: "h-accordion h-component",
+	panel: ({ instance }) => ["h-accordionpanel", {
+		"h-accordionpanel-active": instance.active(),
+		"h-disabled": instance.disabled()
+	}],
+	header: "h-accordionheader",
+	toggleicon: "h-accordionheader-toggle-icon",
+	contentContainer: "h-accordioncontent",
+	contentWrapper: "h-accordioncontent-wrapper",
+	content: "h-accordioncontent-content"
 };
-class AccordionStyle extends BaseStyle {
-    name = 'accordion';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Accordion groups a collection of contents in tabs.
- *
- * [Live Demo](https://www.primeng.org/accordion/)
- *
- * @module accordionstyle
- *
- */
+var AccordionStyle = class AccordionStyle extends BaseStyle {
+	name = "accordion";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AccordionStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AccordionStyle
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AccordionStyle,
+	decorators: [{ type: Injectable }]
+});
 var AccordionClasses;
-(function (AccordionClasses) {
-    /**
-     * Class name of the root element
-     */
-    AccordionClasses["root"] = "h-accordion";
-    /**
-     * Class name of the content wrapper
-     */
-    AccordionClasses["contentwrapper"] = "h-accordioncontent";
-    /**
-     * Class name of the content
-     */
-    AccordionClasses["content"] = "h-accordioncontent-content";
-    /**
-     * Class name of the header
-     */
-    AccordionClasses["header"] = "h-accordionheader";
-    /**
-     * Class name of the toggle icon
-     */
-    AccordionClasses["toggleicon"] = "h-accordionheader-toggle-icon";
-    /**
-     * Class name of the panel
-     */
-    AccordionClasses["panel"] = "h-accordionpanel";
+(function(AccordionClasses) {
+	AccordionClasses["root"] = "h-accordion";
+	AccordionClasses["contentwrapper"] = "h-accordioncontent";
+	AccordionClasses["content"] = "h-accordioncontent-content";
+	AccordionClasses["header"] = "h-accordionheader";
+	AccordionClasses["toggleicon"] = "h-accordionheader-toggle-icon";
+	AccordionClasses["panel"] = "h-accordionpanel";
 })(AccordionClasses || (AccordionClasses = {}));
-
-const ACCORDION_PANEL_INSTANCE = new InjectionToken('ACCORDION_PANEL_INSTANCE');
-const ACCORDION_HEADER_INSTANCE = new InjectionToken('ACCORDION_HEADER_INSTANCE');
-const ACCORDION_CONTENT_INSTANCE = new InjectionToken('ACCORDION_CONTENT_INSTANCE');
-const ACCORDION_INSTANCE = new InjectionToken('ACCORDION_INSTANCE');
-/**
- * AccordionPanel is a helper component for Accordion component.
- * @group Components
- */
-class AccordionPanel extends BaseComponent {
-    $pcAccordionPanel = inject(ACCORDION_PANEL_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    componentName = 'AccordionPanel';
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    pcAccordion = inject(forwardRef(() => Accordion));
-    /**
-     * Value of the active tab.
-     * @defaultValue undefined
-     * @group Props
-     */
-    value = model(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    /**
-     * Disables the tab when enabled.
-     * @defaultValue false
-     * @group Props
-     */
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: (v) => transformToBoolean(v) });
-    active = computed(() => (this.pcAccordion.multiple() ? this.valueEquals(this.pcAccordion.value(), this.value()) : this.pcAccordion.value() === this.value()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-    valueEquals(currentValue, value) {
-        if (Array.isArray(currentValue)) {
-            return currentValue.includes(value);
-        }
-        return currentValue === value;
-    }
-    _componentStyle = inject(AccordionStyle);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionPanel, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AccordionPanel, isStandalone: true, selector: "h-accordion-panel, h-accordionpanel", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "cx(\"panel\")", "attr.data-h-disabled": "disabled()", "attr.data-h-active": "active()" } }, providers: [AccordionStyle, { provide: ACCORDION_PANEL_INSTANCE, useExisting: AccordionPanel }, { provide: PARENT_INSTANCE, useExisting: AccordionPanel }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `<ng-content />`, isInline: true, dependencies: [{ kind: "ngmodule", type: BindModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionPanel, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'h-accordion-panel, h-accordionpanel',
-                    imports: [BindModule],
-                    standalone: true,
-                    template: `<ng-content />`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: {
-                        '[class]': 'cx("panel")',
-                        '[attr.data-h-disabled]': 'disabled()',
-                        '[attr.data-h-active]': 'active()'
-                    },
-                    hostDirectives: [Bind],
-                    providers: [AccordionStyle, { provide: ACCORDION_PANEL_INSTANCE, useExisting: AccordionPanel }, { provide: PARENT_INSTANCE, useExisting: AccordionPanel }]
-                }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
-/**
- * AccordionHeader is a helper component for Accordion component.
- * @group Components
- */
-class AccordionHeader extends BaseComponent {
-    $pcAccordionHeader = inject(ACCORDION_HEADER_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    componentName = 'AccordionHeader';
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    pcAccordion = inject(forwardRef(() => Accordion));
-    pcAccordionPanel = inject(forwardRef(() => AccordionPanel));
-    id = computed(() => `${this.pcAccordion.id()}_accordionheader_${this.pcAccordionPanel.value()}`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-    active = computed(() => this.pcAccordionPanel.active(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-    disabled = computed(() => this.pcAccordionPanel.disabled(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    ariaControls = computed(() => `${this.pcAccordion.id()}_accordioncontent_${this.pcAccordionPanel.value()}`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
-    /**
-     * Toggle icon template.
-     * @type {TemplateRef<AccordionToggleIconTemplateContext>} context - Context of the template
-     * @example
-     * ```html
-     * <ng-template #toggleicon let-active="active"> </ng-template>
-     * ```
-     * @see {@link AccordionToggleIconTemplateContext}
-     * @group Templates
-     */
-    toggleicon = contentChild('toggleicon', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "toggleicon" }] : /* istanbul ignore next */ []));
-    onClick(event) {
-        if (this.disabled()) {
-            return;
-        }
-        const wasActive = this.active();
-        this.changeActiveValue();
-        const isActive = this.active();
-        const index = this.pcAccordionPanel.value();
-        if (!wasActive && isActive) {
-            this.pcAccordion.onOpen.emit({ originalEvent: event, index });
-        }
-        else if (wasActive && !isActive) {
-            this.pcAccordion.onClose.emit({ originalEvent: event, index });
-        }
-    }
-    onFocus() {
-        if (!this.disabled() && this.pcAccordion.selectOnFocus()) {
-            this.changeActiveValue();
-        }
-    }
-    onKeydown(event) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.arrowDownKey(event);
-                break;
-            case 'ArrowUp':
-                this.arrowUpKey(event);
-                break;
-            case 'Home':
-                this.onHomeKey(event);
-                break;
-            case 'End':
-                this.onEndKey(event);
-                break;
-            case 'Enter':
-            case 'Space':
-            case 'NumpadEnter':
-                this.onEnterKey(event);
-                break;
-            default:
-                break;
-        }
-    }
-    _componentStyle = inject(AccordionStyle);
-    changeActiveValue() {
-        this.pcAccordion.updateValue(this.pcAccordionPanel.value());
-    }
-    findPanel(headerElement) {
-        return headerElement?.closest('[data-pc-name="accordionpanel"]');
-    }
-    findHeader(panelElement) {
-        return findSingle(panelElement, '[data-pc-name="accordionheader"]');
-    }
-    findNextPanel(panelElement, selfCheck = false) {
-        const element = selfCheck ? panelElement : panelElement.nextElementSibling;
-        return element ? (getAttribute(element, 'data-h-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;
-    }
-    findPrevPanel(panelElement, selfCheck = false) {
-        const element = selfCheck ? panelElement : panelElement.previousElementSibling;
-        return element ? (getAttribute(element, 'data-h-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;
-    }
-    findFirstPanel() {
-        return this.findNextPanel(this.pcAccordion.el.nativeElement.firstElementChild, true);
-    }
-    findLastPanel() {
-        return this.findPrevPanel(this.pcAccordion.el.nativeElement.lastElementChild, true);
-    }
-    changeFocusedPanel(event, element) {
-        focus(element);
-    }
-    arrowDownKey(event) {
-        const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));
-        nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);
-        event.preventDefault();
-    }
-    arrowUpKey(event) {
-        const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));
-        prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);
-        event.preventDefault();
-    }
-    onHomeKey(event) {
-        const firstPanel = this.findFirstPanel();
-        this.changeFocusedPanel(event, firstPanel);
-        event.preventDefault();
-    }
-    onEndKey(event) {
-        const lastPanel = this.findLastPanel();
-        this.changeFocusedPanel(event, lastPanel);
-        event.preventDefault();
-    }
-    onEnterKey(event) {
-        if (!this.disabled()) {
-            this.changeActiveValue();
-        }
-        event.preventDefault();
-    }
-    get dataP() {
-        return this.cn({
-            active: this.active()
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionHeader, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AccordionHeader, isStandalone: true, selector: "h-accordion-header, h-accordionheader", host: { listeners: { "click": "onClick($event)", "focus": "onFocus()", "keydown": "onKeydown($event)" }, properties: { "class": "cx('header')", "attr.id": "id()", "attr.aria-expanded": "active()", "attr.aria-controls": "ariaControls()", "attr.aria-disabled": "disabled()", "attr.role": "\"button\"", "attr.tabindex": "disabled()?\"-1\":\"0\"", "attr.data-h-active": "active()", "attr.data-h-disabled": "disabled()", "style.user-select": "\"none\"", "attr.data-h": "dataP" } }, providers: [AccordionStyle, { provide: ACCORDION_HEADER_INSTANCE, useExisting: AccordionHeader }, { provide: PARENT_INSTANCE, useExisting: AccordionHeader }], queries: [{ propertyName: "toggleicon", first: true, predicate: ["toggleicon"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i2.Ripple }, { directive: i1.Bind }], ngImport: i0, template: "<ng-content />\n@if (toggleicon()) {\n  <ng-template *ngTemplateOutlet=\"toggleicon(); context: { active: active() }\"></ng-template>\n} @else {\n  @if (active()) {\n    @if (pcAccordion.collapseIcon()) {\n      <span [class]=\"cn(cx('toggleicon'), pcAccordion.collapseIcon())\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\"></span>\n    }\n    @if (!pcAccordion.collapseIcon()) {\n      <svg data-h-icon=\"chevron-up\" [class]=\"cx('toggleicon')\" [hBind]=\"ptm('toggleicon')\" [attr.aria-hidden]=\"true\" />\n    }\n  }\n  @if (!active()) {\n    @if (pcAccordion.expandIcon()) {\n      <span [class]=\"cn(cx('toggleicon'), pcAccordion.expandIcon())\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\"></span>\n    }\n    @if (!pcAccordion.expandIcon()) {\n      <svg data-h-icon=\"chevron-down\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\" />\n    }\n  }\n}\n", dependencies: [{ kind: "component", type: ChevronDownIcon, selector: "[data-h-icon=\"chevron-down\"]" }, { kind: "component", type: ChevronUpIcon, selector: "[data-h-icon=\"chevron-up\"]" }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionHeader, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-accordion-header, h-accordionheader', imports: [ChevronDownIcon, ChevronUpIcon, BindModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        '[class]': "cx('header')",
-                        '[attr.id]': 'id()',
-                        '[attr.aria-expanded]': 'active()',
-                        '[attr.aria-controls]': 'ariaControls()',
-                        '[attr.aria-disabled]': 'disabled()',
-                        '[attr.role]': '"button"',
-                        '[attr.tabindex]': 'disabled()?"-1":"0"',
-                        '[attr.data-h-active]': 'active()',
-                        '[attr.data-h-disabled]': 'disabled()',
-                        '[style.user-select]': '"none"',
-                        '[attr.data-h]': 'dataP',
-                        '(click)': 'onClick($event)',
-                        '(focus)': 'onFocus()',
-                        '(keydown)': 'onKeydown($event)'
-                    }, hostDirectives: [Ripple, Bind], providers: [AccordionStyle, { provide: ACCORDION_HEADER_INSTANCE, useExisting: AccordionHeader }, { provide: PARENT_INSTANCE, useExisting: AccordionHeader }], template: "<ng-content />\n@if (toggleicon()) {\n  <ng-template *ngTemplateOutlet=\"toggleicon(); context: { active: active() }\"></ng-template>\n} @else {\n  @if (active()) {\n    @if (pcAccordion.collapseIcon()) {\n      <span [class]=\"cn(cx('toggleicon'), pcAccordion.collapseIcon())\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\"></span>\n    }\n    @if (!pcAccordion.collapseIcon()) {\n      <svg data-h-icon=\"chevron-up\" [class]=\"cx('toggleicon')\" [hBind]=\"ptm('toggleicon')\" [attr.aria-hidden]=\"true\" />\n    }\n  }\n  @if (!active()) {\n    @if (pcAccordion.expandIcon()) {\n      <span [class]=\"cn(cx('toggleicon'), pcAccordion.expandIcon())\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\"></span>\n    }\n    @if (!pcAccordion.expandIcon()) {\n      <svg data-h-icon=\"chevron-down\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\" />\n    }\n  }\n}\n" }]
-        }], propDecorators: { toggleicon: [{ type: i0.ContentChild, args: ['toggleicon', { isSignal: true }] }] } });
-class AccordionContent extends BaseComponent {
-    $pcAccordionContent = inject(ACCORDION_CONTENT_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    componentName = 'AccordionContent';
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    pcAccordion = inject(forwardRef(() => Accordion));
-    pcAccordionPanel = inject(forwardRef(() => AccordionPanel));
-    active = computed(() => this.pcAccordionPanel.active(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-    ariaLabelledby = computed(() => `${this.pcAccordion.id()}_accordionheader_${this.pcAccordionPanel.value()}`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaLabelledby" }] : /* istanbul ignore next */ []));
-    id = computed(() => `${this.pcAccordion.id()}_accordioncontent_${this.pcAccordionPanel.value()}`, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-    _componentStyle = inject(AccordionStyle);
-    ptParams = computed(() => ({ context: this.active() }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ptParams" }] : /* istanbul ignore next */ []));
-    computedMotionOptions = computed(() => {
-        return {
-            ...this.ptm('motion', this.ptParams()),
-            ...this.pcAccordion.computedMotionOptions()
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionContent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AccordionContent, isStandalone: true, selector: "h-accordion-content, h-accordioncontent", host: { properties: { "class": "cx(\"contentContainer\")", "attr.id": "id()", "attr.role": "\"region\"", "attr.data-h-active": "active()", "attr.aria-labelledby": "ariaLabelledby()" } }, providers: [AccordionStyle, { provide: ACCORDION_CONTENT_INSTANCE, useExisting: AccordionContent }, { provide: PARENT_INSTANCE, useExisting: AccordionContent }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+const ACCORDION_PANEL_INSTANCE = new InjectionToken("ACCORDION_PANEL_INSTANCE");
+const ACCORDION_HEADER_INSTANCE = new InjectionToken("ACCORDION_HEADER_INSTANCE");
+const ACCORDION_CONTENT_INSTANCE = new InjectionToken("ACCORDION_CONTENT_INSTANCE");
+const ACCORDION_INSTANCE = new InjectionToken("ACCORDION_INSTANCE");
+var AccordionPanel = class AccordionPanel extends BaseComponent {
+	$pcAccordionPanel = inject(ACCORDION_PANEL_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	componentName = "AccordionPanel";
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	pcAccordion = inject(forwardRef(() => Accordion));
+	value = model(void 0, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : 		/* istanbul ignore next */ {},
+		transform: (v) => transformToBoolean(v)
+	});
+	active = computed(() => this.pcAccordion.multiple() ? this.valueEquals(this.pcAccordion.value(), this.value()) : this.pcAccordion.value() === this.value(), ...ngDevMode ? [{ debugName: "active" }] : 	/* istanbul ignore next */ []);
+	valueEquals(currentValue, value) {
+		if (Array.isArray(currentValue)) return currentValue.includes(value);
+		return currentValue === value;
+	}
+	_componentStyle = inject(AccordionStyle);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AccordionPanel,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: AccordionPanel,
+		isStandalone: true,
+		selector: "h-accordion-panel, h-accordionpanel",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: { properties: {
+			"class": "cx(\"panel\")",
+			"attr.data-h-disabled": "disabled()",
+			"attr.data-h-active": "active()"
+		} },
+		providers: [
+			AccordionStyle,
+			{
+				provide: ACCORDION_PANEL_INSTANCE,
+				useExisting: AccordionPanel
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: AccordionPanel
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		dependencies: [{
+			kind: "ngmodule",
+			type: BindModule
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AccordionPanel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-accordion-panel, h-accordionpanel",
+			imports: [BindModule],
+			standalone: true,
+			template: `<ng-content />`,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "cx(\"panel\")",
+				"[attr.data-h-disabled]": "disabled()",
+				"[attr.data-h-active]": "active()"
+			},
+			hostDirectives: [Bind],
+			providers: [
+				AccordionStyle,
+				{
+					provide: ACCORDION_PANEL_INSTANCE,
+					useExisting: AccordionPanel
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: AccordionPanel
+				}
+			]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
+var AccordionHeader = class AccordionHeader extends BaseComponent {
+	$pcAccordionHeader = inject(ACCORDION_HEADER_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	componentName = "AccordionHeader";
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	pcAccordion = inject(forwardRef(() => Accordion));
+	pcAccordionPanel = inject(forwardRef(() => AccordionPanel));
+	id = computed(() => `${this.pcAccordion.id()}_accordionheader_${this.pcAccordionPanel.value()}`, ...ngDevMode ? [{ debugName: "id" }] : 	/* istanbul ignore next */ []);
+	active = computed(() => this.pcAccordionPanel.active(), ...ngDevMode ? [{ debugName: "active" }] : 	/* istanbul ignore next */ []);
+	disabled = computed(() => this.pcAccordionPanel.disabled(), ...ngDevMode ? [{ debugName: "disabled" }] : 	/* istanbul ignore next */ []);
+	ariaControls = computed(() => `${this.pcAccordion.id()}_accordioncontent_${this.pcAccordionPanel.value()}`, ...ngDevMode ? [{ debugName: "ariaControls" }] : 	/* istanbul ignore next */ []);
+	toggleicon = contentChild("toggleicon", ...ngDevMode ? [{ debugName: "toggleicon" }] : 	/* istanbul ignore next */ []);
+	onClick(event) {
+		if (this.disabled()) return;
+		const wasActive = this.active();
+		this.changeActiveValue();
+		const isActive = this.active();
+		const index = this.pcAccordionPanel.value();
+		if (!wasActive && isActive) this.pcAccordion.onOpen.emit({
+			originalEvent: event,
+			index
+		});
+		else if (wasActive && !isActive) this.pcAccordion.onClose.emit({
+			originalEvent: event,
+			index
+		});
+	}
+	onFocus() {
+		if (!this.disabled() && this.pcAccordion.selectOnFocus()) this.changeActiveValue();
+	}
+	onKeydown(event) {
+		switch (event.code) {
+			case "ArrowDown":
+				this.arrowDownKey(event);
+				break;
+			case "ArrowUp":
+				this.arrowUpKey(event);
+				break;
+			case "Home":
+				this.onHomeKey(event);
+				break;
+			case "End":
+				this.onEndKey(event);
+				break;
+			case "Enter":
+			case "Space":
+			case "NumpadEnter":
+				this.onEnterKey(event);
+				break;
+			default: break;
+		}
+	}
+	_componentStyle = inject(AccordionStyle);
+	changeActiveValue() {
+		this.pcAccordion.updateValue(this.pcAccordionPanel.value());
+	}
+	findPanel(headerElement) {
+		return headerElement?.closest("[data-pc-name=\"accordionpanel\"]");
+	}
+	findHeader(panelElement) {
+		return findSingle(panelElement, "[data-pc-name=\"accordionheader\"]");
+	}
+	findNextPanel(panelElement, selfCheck = false) {
+		const element = selfCheck ? panelElement : panelElement.nextElementSibling;
+		return element ? getAttribute(element, "data-h-disabled") ? this.findNextPanel(element) : this.findHeader(element) : null;
+	}
+	findPrevPanel(panelElement, selfCheck = false) {
+		const element = selfCheck ? panelElement : panelElement.previousElementSibling;
+		return element ? getAttribute(element, "data-h-disabled") ? this.findPrevPanel(element) : this.findHeader(element) : null;
+	}
+	findFirstPanel() {
+		return this.findNextPanel(this.pcAccordion.el.nativeElement.firstElementChild, true);
+	}
+	findLastPanel() {
+		return this.findPrevPanel(this.pcAccordion.el.nativeElement.lastElementChild, true);
+	}
+	changeFocusedPanel(event, element) {
+		focus(element);
+	}
+	arrowDownKey(event) {
+		const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));
+		nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);
+		event.preventDefault();
+	}
+	arrowUpKey(event) {
+		const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));
+		prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);
+		event.preventDefault();
+	}
+	onHomeKey(event) {
+		const firstPanel = this.findFirstPanel();
+		this.changeFocusedPanel(event, firstPanel);
+		event.preventDefault();
+	}
+	onEndKey(event) {
+		const lastPanel = this.findLastPanel();
+		this.changeFocusedPanel(event, lastPanel);
+		event.preventDefault();
+	}
+	onEnterKey(event) {
+		if (!this.disabled()) this.changeActiveValue();
+		event.preventDefault();
+	}
+	get dataP() {
+		return this.cn({ active: this.active() });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AccordionHeader,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: AccordionHeader,
+		isStandalone: true,
+		selector: "h-accordion-header, h-accordionheader",
+		host: {
+			listeners: {
+				"click": "onClick($event)",
+				"focus": "onFocus()",
+				"keydown": "onKeydown($event)"
+			},
+			properties: {
+				"class": "cx('header')",
+				"attr.id": "id()",
+				"attr.aria-expanded": "active()",
+				"attr.aria-controls": "ariaControls()",
+				"attr.aria-disabled": "disabled()",
+				"attr.role": "\"button\"",
+				"attr.tabindex": "disabled()?\"-1\":\"0\"",
+				"attr.data-h-active": "active()",
+				"attr.data-h-disabled": "disabled()",
+				"style.user-select": "\"none\"",
+				"attr.data-h": "dataP"
+			}
+		},
+		providers: [
+			AccordionStyle,
+			{
+				provide: ACCORDION_HEADER_INSTANCE,
+				useExisting: AccordionHeader
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: AccordionHeader
+			}
+		],
+		queries: [{
+			propertyName: "toggleicon",
+			first: true,
+			predicate: ["toggleicon"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i2.Ripple }, { directive: i1.Bind }],
+		ngImport: i0,
+		template: "<ng-content />\n@if (toggleicon()) {\n  <ng-template *ngTemplateOutlet=\"toggleicon(); context: { active: active() }\"></ng-template>\n} @else {\n  @if (active()) {\n    @if (pcAccordion.collapseIcon()) {\n      <span [class]=\"cn(cx('toggleicon'), pcAccordion.collapseIcon())\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\"></span>\n    }\n    @if (!pcAccordion.collapseIcon()) {\n      <svg data-h-icon=\"chevron-up\" [class]=\"cx('toggleicon')\" [hBind]=\"ptm('toggleicon')\" [attr.aria-hidden]=\"true\" />\n    }\n  }\n  @if (!active()) {\n    @if (pcAccordion.expandIcon()) {\n      <span [class]=\"cn(cx('toggleicon'), pcAccordion.expandIcon())\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\"></span>\n    }\n    @if (!pcAccordion.expandIcon()) {\n      <svg data-h-icon=\"chevron-down\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\" />\n    }\n  }\n}\n",
+		dependencies: [
+			{
+				kind: "component",
+				type: ChevronDownIcon,
+				selector: "[data-h-icon=\"chevron-down\"]"
+			},
+			{
+				kind: "component",
+				type: ChevronUpIcon,
+				selector: "[data-h-icon=\"chevron-up\"]"
+			},
+			{
+				kind: "ngmodule",
+				type: BindModule
+			},
+			{
+				kind: "directive",
+				type: i1.Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AccordionHeader,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-accordion-header, h-accordionheader",
+			imports: [
+				ChevronDownIcon,
+				ChevronUpIcon,
+				BindModule
+			],
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "cx('header')",
+				"[attr.id]": "id()",
+				"[attr.aria-expanded]": "active()",
+				"[attr.aria-controls]": "ariaControls()",
+				"[attr.aria-disabled]": "disabled()",
+				"[attr.role]": "\"button\"",
+				"[attr.tabindex]": "disabled()?\"-1\":\"0\"",
+				"[attr.data-h-active]": "active()",
+				"[attr.data-h-disabled]": "disabled()",
+				"[style.user-select]": "\"none\"",
+				"[attr.data-h]": "dataP",
+				"(click)": "onClick($event)",
+				"(focus)": "onFocus()",
+				"(keydown)": "onKeydown($event)"
+			},
+			hostDirectives: [Ripple, Bind],
+			providers: [
+				AccordionStyle,
+				{
+					provide: ACCORDION_HEADER_INSTANCE,
+					useExisting: AccordionHeader
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: AccordionHeader
+				}
+			],
+			template: "<ng-content />\n@if (toggleicon()) {\n  <ng-template *ngTemplateOutlet=\"toggleicon(); context: { active: active() }\"></ng-template>\n} @else {\n  @if (active()) {\n    @if (pcAccordion.collapseIcon()) {\n      <span [class]=\"cn(cx('toggleicon'), pcAccordion.collapseIcon())\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\"></span>\n    }\n    @if (!pcAccordion.collapseIcon()) {\n      <svg data-h-icon=\"chevron-up\" [class]=\"cx('toggleicon')\" [hBind]=\"ptm('toggleicon')\" [attr.aria-hidden]=\"true\" />\n    }\n  }\n  @if (!active()) {\n    @if (pcAccordion.expandIcon()) {\n      <span [class]=\"cn(cx('toggleicon'), pcAccordion.expandIcon())\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\"></span>\n    }\n    @if (!pcAccordion.expandIcon()) {\n      <svg data-h-icon=\"chevron-down\" [attr.aria-hidden]=\"true\" [hBind]=\"ptm('toggleicon')\" />\n    }\n  }\n}\n"
+		}]
+	}],
+	propDecorators: { toggleicon: [{
+		type: i0.ContentChild,
+		args: ["toggleicon", { isSignal: true }]
+	}] }
+});
+var AccordionContent = class AccordionContent extends BaseComponent {
+	$pcAccordionContent = inject(ACCORDION_CONTENT_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	componentName = "AccordionContent";
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	pcAccordion = inject(forwardRef(() => Accordion));
+	pcAccordionPanel = inject(forwardRef(() => AccordionPanel));
+	active = computed(() => this.pcAccordionPanel.active(), ...ngDevMode ? [{ debugName: "active" }] : 	/* istanbul ignore next */ []);
+	ariaLabelledby = computed(() => `${this.pcAccordion.id()}_accordionheader_${this.pcAccordionPanel.value()}`, ...ngDevMode ? [{ debugName: "ariaLabelledby" }] : 	/* istanbul ignore next */ []);
+	id = computed(() => `${this.pcAccordion.id()}_accordioncontent_${this.pcAccordionPanel.value()}`, ...ngDevMode ? [{ debugName: "id" }] : 	/* istanbul ignore next */ []);
+	_componentStyle = inject(AccordionStyle);
+	ptParams = computed(() => ({ context: this.active() }), ...ngDevMode ? [{ debugName: "ptParams" }] : 	/* istanbul ignore next */ []);
+	computedMotionOptions = computed(() => {
+		return {
+			...this.ptm("motion", this.ptParams()),
+			...this.pcAccordion.computedMotionOptions()
+		};
+	}, ...ngDevMode ? [{ debugName: "computedMotionOptions" }] : 	/* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AccordionContent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: AccordionContent,
+		isStandalone: true,
+		selector: "h-accordion-content, h-accordioncontent",
+		host: { properties: {
+			"class": "cx(\"contentContainer\")",
+			"attr.id": "id()",
+			"attr.role": "\"region\"",
+			"attr.data-h-active": "active()",
+			"attr.aria-labelledby": "ariaLabelledby()"
+		} },
+		providers: [
+			AccordionStyle,
+			{
+				provide: ACCORDION_CONTENT_INSTANCE,
+				useExisting: AccordionContent
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: AccordionContent
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: `
         <h-motion [visible]="active()" name="h-collapsible" hideStrategy="visibility" [mountOnEnter]="false" [unmountOnLeave]="false" [options]="computedMotionOptions()">
             <div [hBind]="ptm('contentWrapper', ptParams())" [class]="cx('contentWrapper')">
                 <div [hBind]="ptm('content', ptParams())" [class]="cx('content')">
@@ -451,15 +637,76 @@ class AccordionContent extends BaseComponent {
                 </div>
             </div>
         </h-motion>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[hBind]", inputs: ["hBind"] }, { kind: "ngmodule", type: MotionModule }, { kind: "component", type: i3.Motion, selector: "h-motion", inputs: ["visible", "mountOnEnter", "unmountOnLeave", "name", "type", "safe", "disabled", "appear", "enter", "leave", "duration", "hideStrategy", "enterFromClass", "enterToClass", "enterActiveClass", "leaveFromClass", "leaveToClass", "leaveActiveClass", "options"], outputs: ["onBeforeEnter", "onEnter", "onAfterEnter", "onEnterCancelled", "onBeforeLeave", "onLeave", "onAfterLeave", "onLeaveCancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionContent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'h-accordion-content, h-accordioncontent',
-                    imports: [BindModule, MotionModule],
-                    standalone: true,
-                    template: `
+    `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: BindModule
+			},
+			{
+				kind: "directive",
+				type: i1.Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			},
+			{
+				kind: "ngmodule",
+				type: MotionModule
+			},
+			{
+				kind: "component",
+				type: i3.Motion,
+				selector: "h-motion",
+				inputs: [
+					"visible",
+					"mountOnEnter",
+					"unmountOnLeave",
+					"name",
+					"type",
+					"safe",
+					"disabled",
+					"appear",
+					"enter",
+					"leave",
+					"duration",
+					"hideStrategy",
+					"enterFromClass",
+					"enterToClass",
+					"enterActiveClass",
+					"leaveFromClass",
+					"leaveToClass",
+					"leaveActiveClass",
+					"options"
+				],
+				outputs: [
+					"onBeforeEnter",
+					"onEnter",
+					"onAfterEnter",
+					"onEnterCancelled",
+					"onBeforeLeave",
+					"onLeave",
+					"onAfterLeave",
+					"onLeaveCancelled"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AccordionContent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-accordion-content, h-accordioncontent",
+			imports: [BindModule, MotionModule],
+			standalone: true,
+			template: `
         <h-motion [visible]="active()" name="h-collapsible" hideStrategy="visibility" [mountOnEnter]="false" [unmountOnLeave]="false" [options]="computedMotionOptions()">
             <div [hBind]="ptm('contentWrapper', ptParams())" [class]="cx('contentWrapper')">
                 <div [hBind]="ptm('content', ptParams())" [class]="cx('content')">
@@ -468,217 +715,423 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
             </div>
         </h-motion>
     `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: {
-                        '[class]': 'cx("contentContainer")',
-                        '[attr.id]': 'id()',
-                        '[attr.role]': '"region"',
-                        '[attr.data-h-active]': 'active()',
-                        '[attr.aria-labelledby]': 'ariaLabelledby()'
-                    },
-                    hostDirectives: [Bind],
-                    providers: [AccordionStyle, { provide: ACCORDION_CONTENT_INSTANCE, useExisting: AccordionContent }, { provide: PARENT_INSTANCE, useExisting: AccordionContent }]
-                }]
-        }] });
-/**
- * Accordion groups a collection of contents in tabs.
- * @group Components
- */
-class Accordion extends BaseComponent {
-    componentName = 'Accordion';
-    $pcAccordion = inject(ACCORDION_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    /**
-     * Value of the active tab.
-     * @defaultValue undefined
-     * @group Props
-     */
-    value = model(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    /**
-     * When enabled, multiple tabs can be activated at the same time.
-     * @defaultValue false
-     * @group Props
-     */
-    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: (v) => transformToBoolean(v) });
-    /**
-     * Class of the element.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Icon of a collapsed tab.
-     * @group Props
-     */
-    expandIcon = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "expandIcon" }] : /* istanbul ignore next */ []));
-    /**
-     * Icon of an expanded tab.
-     * @group Props
-     */
-    collapseIcon = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "collapseIcon" }] : /* istanbul ignore next */ []));
-    /**
-     * When enabled, the focused tab is activated.
-     * @defaultValue false
-     * @group Props
-     */
-    selectOnFocus = input(false, { ...(ngDevMode ? { debugName: "selectOnFocus" } : /* istanbul ignore next */ {}), transform: (v) => transformToBoolean(v) });
-    /**
-     * Transition options of the animation.
-     * @group Props
-     * @deprecated since v21.0.0, use `motionOptions` instead.
-     */
-    transitionOptions = input('400ms cubic-bezier(0.86, 0, 0.07, 1)', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "transitionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * The motion options.
-     * @group Props
-     */
-    motionOptions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
-    computedMotionOptions = computed(() => {
-        return {
-            ...this.ptm('motion'),
-            ...this.motionOptions()
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke when an active tab is collapsed by clicking on the header.
-     * @param {AccordionTabCloseEvent} event - Custom tab close event.
-     * @group Emits
-     */
-    onClose = output();
-    /**
-     * Callback to invoke when a tab gets expanded.
-     * @param {AccordionTabOpenEvent} event - Custom tab open event.
-     * @group Emits
-     */
-    onOpen = output();
-    id = signal(uuid('pn_id_'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-    _componentStyle = inject(AccordionStyle);
-    onKeydown(event) {
-        switch (event.code) {
-            case 'ArrowDown':
-                this.onTabArrowDownKey(event);
-                break;
-            case 'ArrowUp':
-                this.onTabArrowUpKey(event);
-                break;
-            case 'Home':
-                if (!event.shiftKey) {
-                    this.onTabHomeKey(event);
-                }
-                break;
-            case 'End':
-                if (!event.shiftKey) {
-                    this.onTabEndKey(event);
-                }
-                break;
-        }
-    }
-    onTabArrowDownKey(event) {
-        const nextHeaderAction = this.findNextHeaderAction(event.target.parentElement);
-        nextHeaderAction ? this.changeFocusedTab(nextHeaderAction) : this.onTabHomeKey(event);
-        event.preventDefault();
-    }
-    onTabArrowUpKey(event) {
-        const prevHeaderAction = this.findPrevHeaderAction(event.target.parentElement);
-        prevHeaderAction ? this.changeFocusedTab(prevHeaderAction) : this.onTabEndKey(event);
-        event.preventDefault();
-    }
-    onTabHomeKey(event) {
-        const firstHeaderAction = this.findFirstHeaderAction();
-        this.changeFocusedTab(firstHeaderAction);
-        event.preventDefault();
-    }
-    changeFocusedTab(element) {
-        if (element) {
-            focus(element);
-        }
-    }
-    findNextHeaderAction(tabElement, selfCheck = false) {
-        const nextTabElement = selfCheck ? tabElement : tabElement.nextElementSibling;
-        const headerElement = findSingle(nextTabElement, '[data-pc-section="accordionheader"]');
-        return headerElement ? (getAttribute(headerElement, 'data-h-disabled') ? this.findNextHeaderAction(headerElement.parentElement) : findSingle(headerElement.parentElement, '[data-pc-section="accordionheader"]')) : null;
-    }
-    findPrevHeaderAction(tabElement, selfCheck = false) {
-        const prevTabElement = selfCheck ? tabElement : tabElement.previousElementSibling;
-        const headerElement = findSingle(prevTabElement, '[data-pc-section="accordionheader"]');
-        return headerElement ? (getAttribute(headerElement, 'data-h-disabled') ? this.findPrevHeaderAction(headerElement.parentElement) : findSingle(headerElement.parentElement, '[data-pc-section="accordionheader"]')) : null;
-    }
-    findFirstHeaderAction() {
-        const firstEl = this.el.nativeElement.firstElementChild;
-        return this.findNextHeaderAction(firstEl, true);
-    }
-    findLastHeaderAction() {
-        const lastEl = this.el.nativeElement.lastElementChild;
-        return this.findPrevHeaderAction(lastEl, true);
-    }
-    onTabEndKey(event) {
-        const lastHeaderAction = this.findLastHeaderAction();
-        this.changeFocusedTab(lastHeaderAction);
-        event.preventDefault();
-    }
-    getBlockableElement() {
-        return this.el.nativeElement.children[0];
-    }
-    updateValue(value) {
-        const currentValue = this.value();
-        if (this.multiple()) {
-            const newValue = Array.isArray(currentValue) ? [...currentValue] : [];
-            const index = newValue.indexOf(value);
-            if (index !== -1) {
-                newValue.splice(index, 1);
-            }
-            else {
-                newValue.push(value);
-            }
-            this.value.set(newValue);
-        }
-        else {
-            if (currentValue === value) {
-                this.value.set(undefined);
-            }
-            else {
-                this.value.set(value);
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Accordion, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: Accordion, isStandalone: true, selector: "h-accordion", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, expandIcon: { classPropertyName: "expandIcon", publicName: "expandIcon", isSignal: true, isRequired: false, transformFunction: null }, collapseIcon: { classPropertyName: "collapseIcon", publicName: "collapseIcon", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onClose: "onClose", onOpen: "onOpen" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "cn(cx('root'), styleClass())" } }, providers: [AccordionStyle, { provide: ACCORDION_INSTANCE, useExisting: Accordion }, { provide: PARENT_INSTANCE, useExisting: Accordion }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<ng-content />\n", dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Accordion, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-accordion', standalone: true, imports: [SharedModule, BindModule], host: {
-                        '[class]': "cn(cx('root'), styleClass())",
-                        '(keydown)': 'onKeydown($event)'
-                    }, hostDirectives: [Bind], changeDetection: ChangeDetectionStrategy.OnPush, providers: [AccordionStyle, { provide: ACCORDION_INSTANCE, useExisting: Accordion }, { provide: PARENT_INSTANCE, useExisting: Accordion }], template: "<ng-content />\n" }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], expandIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandIcon", required: false }] }], collapseIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseIcon", required: false }] }], selectOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectOnFocus", required: false }] }], transitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "transitionOptions", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], onOpen: [{ type: i0.Output, args: ["onOpen"] }] } });
-class AccordionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AccordionModule, imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, BindModule], exports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, BindModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionModule, imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, BindModule, SharedModule, BindModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AccordionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, BindModule],
-                    exports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, BindModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "cx(\"contentContainer\")",
+				"[attr.id]": "id()",
+				"[attr.role]": "\"region\"",
+				"[attr.data-h-active]": "active()",
+				"[attr.aria-labelledby]": "ariaLabelledby()"
+			},
+			hostDirectives: [Bind],
+			providers: [
+				AccordionStyle,
+				{
+					provide: ACCORDION_CONTENT_INSTANCE,
+					useExisting: AccordionContent
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: AccordionContent
+				}
+			]
+		}]
+	}]
+});
+var Accordion = class Accordion extends BaseComponent {
+	componentName = "Accordion";
+	$pcAccordion = inject(ACCORDION_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	value = model(void 0, ...ngDevMode ? [{ debugName: "value" }] : 	/* istanbul ignore next */ []);
+	multiple = input(false, {
+		...ngDevMode ? { debugName: "multiple" } : 		/* istanbul ignore next */ {},
+		transform: (v) => transformToBoolean(v)
+	});
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	expandIcon = input(...ngDevMode ? [void 0, { debugName: "expandIcon" }] : 	/* istanbul ignore next */ []);
+	collapseIcon = input(...ngDevMode ? [void 0, { debugName: "collapseIcon" }] : 	/* istanbul ignore next */ []);
+	selectOnFocus = input(false, {
+		...ngDevMode ? { debugName: "selectOnFocus" } : 		/* istanbul ignore next */ {},
+		transform: (v) => transformToBoolean(v)
+	});
+	transitionOptions = input("400ms cubic-bezier(0.86, 0, 0.07, 1)", ...ngDevMode ? [{ debugName: "transitionOptions" }] : 	/* istanbul ignore next */ []);
+	motionOptions = input(void 0, ...ngDevMode ? [{ debugName: "motionOptions" }] : 	/* istanbul ignore next */ []);
+	computedMotionOptions = computed(() => {
+		return {
+			...this.ptm("motion"),
+			...this.motionOptions()
+		};
+	}, ...ngDevMode ? [{ debugName: "computedMotionOptions" }] : 	/* istanbul ignore next */ []);
+	onClose = output();
+	onOpen = output();
+	id = signal(uuid("pn_id_"), ...ngDevMode ? [{ debugName: "id" }] : 	/* istanbul ignore next */ []);
+	_componentStyle = inject(AccordionStyle);
+	onKeydown(event) {
+		switch (event.code) {
+			case "ArrowDown":
+				this.onTabArrowDownKey(event);
+				break;
+			case "ArrowUp":
+				this.onTabArrowUpKey(event);
+				break;
+			case "Home":
+				if (!event.shiftKey) this.onTabHomeKey(event);
+				break;
+			case "End":
+				if (!event.shiftKey) this.onTabEndKey(event);
+				break;
+		}
+	}
+	onTabArrowDownKey(event) {
+		const nextHeaderAction = this.findNextHeaderAction(event.target.parentElement);
+		nextHeaderAction ? this.changeFocusedTab(nextHeaderAction) : this.onTabHomeKey(event);
+		event.preventDefault();
+	}
+	onTabArrowUpKey(event) {
+		const prevHeaderAction = this.findPrevHeaderAction(event.target.parentElement);
+		prevHeaderAction ? this.changeFocusedTab(prevHeaderAction) : this.onTabEndKey(event);
+		event.preventDefault();
+	}
+	onTabHomeKey(event) {
+		const firstHeaderAction = this.findFirstHeaderAction();
+		this.changeFocusedTab(firstHeaderAction);
+		event.preventDefault();
+	}
+	changeFocusedTab(element) {
+		if (element) focus(element);
+	}
+	findNextHeaderAction(tabElement, selfCheck = false) {
+		const headerElement = findSingle(selfCheck ? tabElement : tabElement.nextElementSibling, "[data-pc-section=\"accordionheader\"]");
+		return headerElement ? getAttribute(headerElement, "data-h-disabled") ? this.findNextHeaderAction(headerElement.parentElement) : findSingle(headerElement.parentElement, "[data-pc-section=\"accordionheader\"]") : null;
+	}
+	findPrevHeaderAction(tabElement, selfCheck = false) {
+		const headerElement = findSingle(selfCheck ? tabElement : tabElement.previousElementSibling, "[data-pc-section=\"accordionheader\"]");
+		return headerElement ? getAttribute(headerElement, "data-h-disabled") ? this.findPrevHeaderAction(headerElement.parentElement) : findSingle(headerElement.parentElement, "[data-pc-section=\"accordionheader\"]") : null;
+	}
+	findFirstHeaderAction() {
+		const firstEl = this.el.nativeElement.firstElementChild;
+		return this.findNextHeaderAction(firstEl, true);
+	}
+	findLastHeaderAction() {
+		const lastEl = this.el.nativeElement.lastElementChild;
+		return this.findPrevHeaderAction(lastEl, true);
+	}
+	onTabEndKey(event) {
+		const lastHeaderAction = this.findLastHeaderAction();
+		this.changeFocusedTab(lastHeaderAction);
+		event.preventDefault();
+	}
+	getBlockableElement() {
+		return this.el.nativeElement.children[0];
+	}
+	updateValue(value) {
+		const currentValue = this.value();
+		if (this.multiple()) {
+			const newValue = Array.isArray(currentValue) ? [...currentValue] : [];
+			const index = newValue.indexOf(value);
+			if (index !== -1) newValue.splice(index, 1);
+			else newValue.push(value);
+			this.value.set(newValue);
+		} else if (currentValue === value) this.value.set(void 0);
+		else this.value.set(value);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Accordion,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: Accordion,
+		isStandalone: true,
+		selector: "h-accordion",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			multiple: {
+				classPropertyName: "multiple",
+				publicName: "multiple",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			expandIcon: {
+				classPropertyName: "expandIcon",
+				publicName: "expandIcon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapseIcon: {
+				classPropertyName: "collapseIcon",
+				publicName: "collapseIcon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectOnFocus: {
+				classPropertyName: "selectOnFocus",
+				publicName: "selectOnFocus",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			transitionOptions: {
+				classPropertyName: "transitionOptions",
+				publicName: "transitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			motionOptions: {
+				classPropertyName: "motionOptions",
+				publicName: "motionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			onClose: "onClose",
+			onOpen: "onOpen"
+		},
+		host: {
+			listeners: { "keydown": "onKeydown($event)" },
+			properties: { "class": "cn(cx('root'), styleClass())" }
+		},
+		providers: [
+			AccordionStyle,
+			{
+				provide: ACCORDION_INSTANCE,
+				useExisting: Accordion
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Accordion
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<ng-content />\n",
+		dependencies: [{
+			kind: "ngmodule",
+			type: SharedModule
+		}, {
+			kind: "ngmodule",
+			type: BindModule
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Accordion,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-accordion",
+			standalone: true,
+			imports: [SharedModule, BindModule],
+			host: {
+				"[class]": "cn(cx('root'), styleClass())",
+				"(keydown)": "onKeydown($event)"
+			},
+			hostDirectives: [Bind],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [
+				AccordionStyle,
+				{
+					provide: ACCORDION_INSTANCE,
+					useExisting: Accordion
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Accordion
+				}
+			],
+			template: "<ng-content />\n"
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		multiple: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "multiple",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		expandIcon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "expandIcon",
+				required: false
+			}]
+		}],
+		collapseIcon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapseIcon",
+				required: false
+			}]
+		}],
+		selectOnFocus: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectOnFocus",
+				required: false
+			}]
+		}],
+		transitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "transitionOptions",
+				required: false
+			}]
+		}],
+		motionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motionOptions",
+				required: false
+			}]
+		}],
+		onClose: [{
+			type: i0.Output,
+			args: ["onClose"]
+		}],
+		onOpen: [{
+			type: i0.Output,
+			args: ["onOpen"]
+		}]
+	}
+});
+var AccordionModule = class AccordionModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AccordionModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AccordionModule,
+		imports: [
+			Accordion,
+			SharedModule,
+			AccordionPanel,
+			AccordionHeader,
+			AccordionContent,
+			BindModule
+		],
+		exports: [
+			Accordion,
+			SharedModule,
+			AccordionPanel,
+			AccordionHeader,
+			AccordionContent,
+			BindModule
+		]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AccordionModule,
+		imports: [
+			Accordion,
+			SharedModule,
+			AccordionPanel,
+			AccordionHeader,
+			AccordionContent,
+			BindModule,
+			SharedModule,
+			BindModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AccordionModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				Accordion,
+				SharedModule,
+				AccordionPanel,
+				AccordionHeader,
+				AccordionContent,
+				BindModule
+			],
+			exports: [
+				Accordion,
+				SharedModule,
+				AccordionPanel,
+				AccordionHeader,
+				AccordionContent,
+				BindModule
+			]
+		}]
+	}]
+});
 export { Accordion, AccordionClasses, AccordionContent, AccordionHeader, AccordionModule, AccordionPanel, AccordionStyle };
-//# sourceMappingURL=gravionlabs-helix-core-accordion.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-accordion.mjs.map