primeng 22.1.1 → 22.1.2

package/fesm2022/primeng-accordion.mjs

@@ -1,29 +1,27 @@
-export * from 'primeng/types/accordion';
-import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, inject, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, contentChild, HostListener, model, input, output, signal, NgModule } from '@angular/core';
-import { findSingle, getAttribute, focus, uuid } from '@primeuix/utils';
-import { SharedModule } from 'primeng/api';
-import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
-import * as i1 from 'primeng/bind';
-import { Bind, BindModule } from 'primeng/bind';
-import { transformToBoolean } from 'primeng/utils';
-import * as i2 from 'primeng/motion';
-import { MotionModule } from 'primeng/motion';
-import { style as style$1 } from '@primeuix/styles/accordion';
-import { BaseStyle } from 'primeng/base';
-import { NgTemplateOutlet } from '@angular/common';
-import { ChevronDown } from '@primeicons/angular/chevron-down';
-import { ChevronUp } from '@primeicons/angular/chevron-up';
-import * as i1$1 from 'primeng/ripple';
-import { Ripple } from 'primeng/ripple';
-
-const ACCORDION_INSTANCE = new InjectionToken('ACCORDION_INSTANCE');
-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 style = /*css*/ `
-${style$1}
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostListener, Injectable, InjectionToken, NgModule, ViewEncapsulation, computed, contentChild, inject, input, model, output, signal } from "@angular/core";
+import { findSingle, focus, getAttribute, uuid } from "@primeuix/utils";
+import { SharedModule } from "primeng/api";
+import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
+import * as i1$1 from "primeng/bind";
+import { Bind, BindModule } from "primeng/bind";
+import { transformToBoolean } from "primeng/utils";
+import * as i2 from "primeng/motion";
+import { MotionModule } from "primeng/motion";
+import { style } from "@primeuix/styles/accordion";
+import { BaseStyle } from "primeng/base";
+import { NgTemplateOutlet } from "@angular/common";
+import { ChevronDown } from "@primeicons/angular/chevron-down";
+import { ChevronUp } from "@primeicons/angular/chevron-up";
+import * as i1 from "primeng/ripple";
+import { Ripple } from "primeng/ripple";
+export * from "primeng/types/accordion";
+const ACCORDION_INSTANCE = new InjectionToken("ACCORDION_INSTANCE");
+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 style$1 = `
+${style}
 
 /* For PrimeNG */
 .p-accordionheader-toggle-icon.icon-start {
@@ -46,96 +44,109 @@ ${style$1}
 }
 `;
 const classes = {
-    root: 'p-accordion p-component',
-    panel: ({ instance }) => [
-        'p-accordionpanel',
-        {
-            'p-accordionpanel-active': instance.active(),
-            'p-disabled': instance.disabled()
-        }
-    ],
-    header: 'p-accordionheader',
-    toggleicon: 'p-accordionheader-toggle-icon',
-    contentContainer: 'p-accordioncontent',
-    contentWrapper: 'p-accordioncontent-wrapper',
-    content: 'p-accordioncontent-content'
+	root: "p-accordion p-component",
+	panel: ({ instance }) => ["p-accordionpanel", {
+		"p-accordionpanel-active": instance.active(),
+		"p-disabled": instance.disabled()
+	}],
+	header: "p-accordionheader",
+	toggleicon: "p-accordionheader-toggle-icon",
+	contentContainer: "p-accordioncontent",
+	contentWrapper: "p-accordioncontent-wrapper",
+	content: "p-accordioncontent-content"
 };
-class AccordionStyle extends BaseStyle {
-    name = 'accordion';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AccordionStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AccordionStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", 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$1;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AccordionStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AccordionStyle
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AccordionStyle,
+	decorators: [{ type: Injectable }]
+});
 var AccordionClasses;
-(function (AccordionClasses) {
-    /**
-     * Class name of the root element
-     */
-    AccordionClasses["root"] = "p-accordion";
-    /**
-     * Class name of the content wrapper
-     */
-    AccordionClasses["contentwrapper"] = "p-accordioncontent";
-    /**
-     * Class name of the content
-     */
-    AccordionClasses["content"] = "p-accordioncontent-content";
-    /**
-     * Class name of the header
-     */
-    AccordionClasses["header"] = "p-accordionheader";
-    /**
-     * Class name of the toggle icon
-     */
-    AccordionClasses["toggleicon"] = "p-accordionheader-toggle-icon";
-    /**
-     * Class name of the panel
-     */
-    AccordionClasses["panel"] = "p-accordionpanel";
+(function(AccordionClasses) {
+	AccordionClasses["root"] = "p-accordion";
+	AccordionClasses["contentwrapper"] = "p-accordioncontent";
+	AccordionClasses["content"] = "p-accordioncontent-content";
+	AccordionClasses["header"] = "p-accordionheader";
+	AccordionClasses["toggleicon"] = "p-accordionheader-toggle-icon";
+	AccordionClasses["panel"] = "p-accordionpanel";
 })(AccordionClasses || (AccordionClasses = {}));
-
-/**
- * AccordionContent is a helper component for Accordion component.
- * @group Components
- */
-class AccordionContent extends BaseComponent {
-    $pcAccordionContent = inject(ACCORDION_CONTENT_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    componentName = 'AccordionContent';
-    pcAccordion = inject(ACCORDION_INSTANCE);
-    pcAccordionPanel = inject(ACCORDION_PANEL_INSTANCE);
-    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(() => ({
-        ...this.ptm('motion', this.ptParams()),
-        ...this.pcAccordion.computedMotionOptions()
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AccordionContent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", type: AccordionContent, isStandalone: true, selector: "p-accordion-content, p-accordioncontent", host: { properties: { "class": "cx(\"contentContainer\")", "attr.id": "id()", "attr.role": "\"region\"", "attr.data-p-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: `
+var AccordionContent = class AccordionContent extends BaseComponent {
+	$pcAccordionContent = inject(ACCORDION_CONTENT_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	componentName = "AccordionContent";
+	pcAccordion = inject(ACCORDION_INSTANCE);
+	pcAccordionPanel = inject(ACCORDION_PANEL_INSTANCE);
+	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(() => ({
+		...this.ptm("motion", this.ptParams()),
+		...this.pcAccordion.computedMotionOptions()
+	}), ...ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []);
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AccordionContent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: AccordionContent,
+		isStandalone: true,
+		selector: "p-accordion-content, p-accordioncontent",
+		host: { properties: {
+			"class": "cx(\"contentContainer\")",
+			"attr.id": "id()",
+			"attr.role": "\"region\"",
+			"attr.data-p-active": "active()",
+			"attr.aria-labelledby": "ariaLabelledby()"
+		} },
+		providers: [
+			AccordionStyle,
+			{
+				provide: ACCORDION_CONTENT_INSTANCE,
+				useExisting: AccordionContent
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: AccordionContent
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1$1.Bind }],
+		ngImport: i0,
+		template: `
         <p-motion [visible]="active()" name="p-collapsible" hideStrategy="visibility" [mountOnEnter]="false" [unmountOnLeave]="false" [options]="computedMotionOptions()">
             <div [pBind]="ptm('contentWrapper', ptParams())" [class]="cx('contentWrapper')">
                 <div [pBind]="ptm('content', ptParams())" [class]="cx('content')">
@@ -143,15 +154,76 @@ class AccordionContent extends BaseComponent {
                 </div>
             </div>
         </p-motion>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "ngmodule", type: MotionModule }, { kind: "component", type: i2.Motion, selector: "p-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.5", ngImport: i0, type: AccordionContent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-accordion-content, p-accordioncontent',
-                    imports: [BindModule, MotionModule],
-                    standalone: true,
-                    template: `
+    `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: BindModule
+			},
+			{
+				kind: "directive",
+				type: i1$1.Bind,
+				selector: "[pBind]",
+				inputs: ["pBind"]
+			},
+			{
+				kind: "ngmodule",
+				type: MotionModule
+			},
+			{
+				kind: "component",
+				type: i2.Motion,
+				selector: "p-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.0",
+	ngImport: i0,
+	type: AccordionContent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p-accordion-content, p-accordioncontent",
+			imports: [BindModule, MotionModule],
+			standalone: true,
+			template: `
         <p-motion [visible]="active()" name="p-collapsible" hideStrategy="visibility" [mountOnEnter]="false" [unmountOnLeave]="false" [options]="computedMotionOptions()">
             <div [pBind]="ptm('contentWrapper', ptParams())" [class]="cx('contentWrapper')">
                 <div [pBind]="ptm('content', ptParams())" [class]="cx('content')">
@@ -160,169 +232,198 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             </div>
         </p-motion>
     `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: {
-                        '[class]': 'cx("contentContainer")',
-                        '[attr.id]': 'id()',
-                        '[attr.role]': '"region"',
-                        '[attr.data-p-active]': 'active()',
-                        '[attr.aria-labelledby]': 'ariaLabelledby()'
-                    },
-                    hostDirectives: [Bind],
-                    providers: [AccordionStyle, { provide: ACCORDION_CONTENT_INSTANCE, useExisting: AccordionContent }, { provide: PARENT_INSTANCE, useExisting: AccordionContent }]
-                }]
-        }] });
-
-/**
- * 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';
-    pcAccordion = inject(ACCORDION_INSTANCE);
-    pcAccordionPanel = inject(ACCORDION_PANEL_INSTANCE);
-    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 */ []));
-    hostTabindex = computed(() => (this.disabled() ? '-1' : '0'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hostTabindex" }] : /* 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', { ...(ngDevMode ? { debugName: "toggleicon" } : /* istanbul ignore next */ {}), descendants: false });
-    toggleIconContext = computed(() => ({ active: this.active() }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "toggleIconContext" }] : /* istanbul ignore next */ []));
-    _componentStyle = inject(AccordionStyle);
-    dataP = computed(() => this.cn({
-        active: this.active()
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []));
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    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;
-        }
-    }
-    changeActiveValue() {
-        this.pcAccordion.updateValue(this.pcAccordionPanel.value());
-    }
-    findPanel(headerElement) {
-        return headerElement?.closest('[data-pc-name="accordionpanel"]');
-    }
-    findHeader(panelElement) {
-        return panelElement ? findSingle(panelElement, '[data-pc-name="accordionheader"]') : null;
-    }
-    findNextPanel(panelElement, selfCheck = false) {
-        const element = selfCheck ? panelElement : panelElement?.nextElementSibling;
-        return element ? (getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;
-    }
-    findPrevPanel(panelElement, selfCheck = false) {
-        const element = selfCheck ? panelElement : panelElement?.previousElementSibling;
-        return element ? (getAttribute(element, 'data-p-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) {
-        if (element)
-            focus(element);
-    }
-    arrowDownKey(event) {
-        const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));
-        if (nextPanel) {
-            this.changeFocusedPanel(event, nextPanel);
-        }
-        else {
-            this.onHomeKey(event);
-        }
-        event.preventDefault();
-    }
-    arrowUpKey(event) {
-        const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));
-        if (prevPanel) {
-            this.changeFocusedPanel(event, prevPanel);
-        }
-        else {
-            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();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AccordionHeader, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: AccordionHeader, isStandalone: true, selector: "p-accordion-header, p-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": "hostTabindex()", "attr.data-p-active": "active()", "attr.data-p-disabled": "disabled()", "style.user-select": "\"none\"", "attr.data-p": "dataP()" } }, providers: [AccordionStyle, { provide: ACCORDION_HEADER_INSTANCE, useExisting: AccordionHeader }, { provide: PARENT_INSTANCE, useExisting: AccordionHeader }], queries: [{ propertyName: "toggleicon", first: true, predicate: ["toggleicon"], isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.Ripple }, { directive: i1.Bind }], ngImport: i0, template: `
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "cx(\"contentContainer\")",
+				"[attr.id]": "id()",
+				"[attr.role]": "\"region\"",
+				"[attr.data-p-active]": "active()",
+				"[attr.aria-labelledby]": "ariaLabelledby()"
+			},
+			hostDirectives: [Bind],
+			providers: [
+				AccordionStyle,
+				{
+					provide: ACCORDION_CONTENT_INSTANCE,
+					useExisting: AccordionContent
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: AccordionContent
+				}
+			]
+		}]
+	}]
+});
+var AccordionHeader = class AccordionHeader extends BaseComponent {
+	$pcAccordionHeader = inject(ACCORDION_HEADER_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	componentName = "AccordionHeader";
+	pcAccordion = inject(ACCORDION_INSTANCE);
+	pcAccordionPanel = inject(ACCORDION_PANEL_INSTANCE);
+	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 */ []);
+	hostTabindex = computed(() => this.disabled() ? "-1" : "0", ...ngDevMode ? [{ debugName: "hostTabindex" }] : /* istanbul ignore next */ []);
+	toggleicon = contentChild("toggleicon", {
+		...ngDevMode ? { debugName: "toggleicon" } : /* istanbul ignore next */ {},
+		descendants: false
+	});
+	toggleIconContext = computed(() => ({ active: this.active() }), ...ngDevMode ? [{ debugName: "toggleIconContext" }] : /* istanbul ignore next */ []);
+	_componentStyle = inject(AccordionStyle);
+	dataP = computed(() => this.cn({ active: this.active() }), ...ngDevMode ? [{ debugName: "dataP" }] : /* istanbul ignore next */ []);
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	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);
+		}
+	}
+	changeActiveValue() {
+		this.pcAccordion.updateValue(this.pcAccordionPanel.value());
+	}
+	findPanel(headerElement) {
+		return headerElement?.closest("[data-pc-name=\"accordionpanel\"]");
+	}
+	findHeader(panelElement) {
+		return panelElement ? findSingle(panelElement, "[data-pc-name=\"accordionheader\"]") : null;
+	}
+	findNextPanel(panelElement, selfCheck = false) {
+		const element = selfCheck ? panelElement : panelElement?.nextElementSibling;
+		return element ? getAttribute(element, "data-p-disabled") ? this.findNextPanel(element) : this.findHeader(element) : null;
+	}
+	findPrevPanel(panelElement, selfCheck = false) {
+		const element = selfCheck ? panelElement : panelElement?.previousElementSibling;
+		return element ? getAttribute(element, "data-p-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) {
+		if (element) focus(element);
+	}
+	arrowDownKey(event) {
+		const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));
+		if (nextPanel) this.changeFocusedPanel(event, nextPanel);
+		else this.onHomeKey(event);
+		event.preventDefault();
+	}
+	arrowUpKey(event) {
+		const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));
+		if (prevPanel) this.changeFocusedPanel(event, prevPanel);
+		else 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();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AccordionHeader,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: AccordionHeader,
+		isStandalone: true,
+		selector: "p-accordion-header, p-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": "hostTabindex()",
+				"attr.data-p-active": "active()",
+				"attr.data-p-disabled": "disabled()",
+				"style.user-select": "\"none\"",
+				"attr.data-p": "dataP()"
+			}
+		},
+		providers: [
+			AccordionStyle,
+			{
+				provide: ACCORDION_HEADER_INSTANCE,
+				useExisting: AccordionHeader
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: AccordionHeader
+			}
+		],
+		queries: [{
+			propertyName: "toggleicon",
+			first: true,
+			predicate: ["toggleicon"],
+			isSignal: true
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Ripple }, { directive: i1$1.Bind }],
+		ngImport: i0,
+		template: `
         <ng-content />
         @if (toggleicon()) {
             <ng-container *ngTemplateOutlet="toggleicon(); context: toggleIconContext()"></ng-container>
@@ -341,15 +442,61 @@ class AccordionHeader extends BaseComponent {
                 }
             }
         }
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChevronDown, selector: "svg[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: ChevronUp, selector: "svg[data-p-icon=\"chevron-up\"]" }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AccordionHeader, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-accordion-header, p-accordionheader',
-                    imports: [NgTemplateOutlet, ChevronDown, ChevronUp, BindModule],
-                    standalone: true,
-                    template: `
+    `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: ChevronDown,
+				selector: "svg[data-p-icon=\"chevron-down\"]"
+			},
+			{
+				kind: "component",
+				type: ChevronUp,
+				selector: "svg[data-p-icon=\"chevron-up\"]"
+			},
+			{
+				kind: "ngmodule",
+				type: BindModule
+			},
+			{
+				kind: "directive",
+				type: i1$1.Bind,
+				selector: "[pBind]",
+				inputs: ["pBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: AccordionHeader,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p-accordion-header, p-accordionheader",
+			imports: [
+				NgTemplateOutlet,
+				ChevronDown,
+				ChevronUp,
+				BindModule
+			],
+			standalone: true,
+			template: `
         <ng-content />
         @if (toggleicon()) {
             <ng-container *ngTemplateOutlet="toggleicon(); context: toggleIconContext()"></ng-container>
@@ -369,304 +516,561 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             }
         }
     `,
-                    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]': 'hostTabindex()',
-                        '[attr.data-p-active]': 'active()',
-                        '[attr.data-p-disabled]': 'disabled()',
-                        '[style.user-select]': '"none"',
-                        '[attr.data-p]': 'dataP()'
-                    },
-                    hostDirectives: [Ripple, Bind],
-                    providers: [AccordionStyle, { provide: ACCORDION_HEADER_INSTANCE, useExisting: AccordionHeader }, { provide: PARENT_INSTANCE, useExisting: AccordionHeader }]
-                }]
-        }], propDecorators: { toggleicon: [{ type: i0.ContentChild, args: ['toggleicon', { ...{ descendants: false }, isSignal: true }] }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], onFocus: [{
-                type: HostListener,
-                args: ['focus']
-            }], onKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-/**
- * 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';
-    pcAccordion = inject(ACCORDION_INSTANCE);
-    /**
-     * 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 */ []));
-    _componentStyle = inject(AccordionStyle);
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    valueEquals(currentValue, value) {
-        if (Array.isArray(currentValue) && (typeof value === 'string' || typeof value === 'number')) {
-            return currentValue.includes(value);
-        }
-        return currentValue === value;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AccordionPanel, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", type: AccordionPanel, isStandalone: true, selector: "p-accordion-panel, p-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-p-disabled": "disabled()", "attr.data-p-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.5", ngImport: i0, type: AccordionPanel, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-accordion-panel, p-accordionpanel',
-                    imports: [BindModule],
-                    standalone: true,
-                    template: `<ng-content />`,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: {
-                        '[class]': 'cx("panel")',
-                        '[attr.data-p-disabled]': 'disabled()',
-                        '[attr.data-p-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 }] }] } });
-
-/**
- * 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 });
-    /**
-     * 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) });
-    /**
-     * 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) });
-    /**
-     * The motion options.
-     * @group Props
-     */
-    motionOptions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
-    computedMotionOptions = computed(() => ({
-        ...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);
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptm('root'));
-    }
-    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 ?? null);
-        if (nextHeaderAction) {
-            this.changeFocusedTab(nextHeaderAction);
-        }
-        else {
-            this.onTabHomeKey(event);
-        }
-        event.preventDefault();
-    }
-    onTabArrowUpKey(event) {
-        const prevHeaderAction = this.findPrevHeaderAction(event.target?.parentElement ?? null);
-        if (prevHeaderAction) {
-            this.changeFocusedTab(prevHeaderAction);
-        }
-        else {
-            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 = nextTabElement ? findSingle(nextTabElement, '[data-pc-section="accordionheader"]') : null;
-        if (!headerElement)
-            return null;
-        if (getAttribute(headerElement, 'data-p-disabled')) {
-            return this.findNextHeaderAction(headerElement.parentElement);
-        }
-        return findSingle(headerElement.parentElement, '[data-pc-section="accordionheader"]');
-    }
-    findPrevHeaderAction(tabElement, selfCheck = false) {
-        const prevTabElement = selfCheck ? tabElement : tabElement?.previousElementSibling;
-        const headerElement = prevTabElement ? findSingle(prevTabElement, '[data-pc-section="accordionheader"]') : null;
-        if (!headerElement)
-            return null;
-        if (getAttribute(headerElement, 'data-p-disabled')) {
-            return this.findPrevHeaderAction(headerElement.parentElement);
-        }
-        return findSingle(headerElement.parentElement, '[data-pc-section="accordionheader"]');
-    }
-    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.5", ngImport: i0, type: Accordion, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", type: Accordion, isStandalone: true, selector: "p-accordion", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", 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 }, 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": "cx('root')" } }, providers: [AccordionStyle, { provide: ACCORDION_INSTANCE, useExisting: Accordion }, { provide: PARENT_INSTANCE, useExisting: Accordion }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: ` <ng-content />`, isInline: true, dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: Accordion, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-accordion',
-                    standalone: true,
-                    imports: [SharedModule, BindModule],
-                    template: ` <ng-content />`,
-                    host: {
-                        '[class]': "cx('root')"
-                    },
-                    hostDirectives: [Bind],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [AccordionStyle, { provide: ACCORDION_INSTANCE, useExisting: Accordion }, { provide: PARENT_INSTANCE, useExisting: Accordion }]
-                }]
-        }], 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 }] }], 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 }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], onOpen: [{ type: i0.Output, args: ["onOpen"] }], onKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-class AccordionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.5", 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.5", ngImport: i0, type: AccordionModule, imports: [Accordion, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, BindModule, SharedModule, BindModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", 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('header')",
+				"[attr.id]": "id()",
+				"[attr.aria-expanded]": "active()",
+				"[attr.aria-controls]": "ariaControls()",
+				"[attr.aria-disabled]": "disabled()",
+				"[attr.role]": "\"button\"",
+				"[attr.tabindex]": "hostTabindex()",
+				"[attr.data-p-active]": "active()",
+				"[attr.data-p-disabled]": "disabled()",
+				"[style.user-select]": "\"none\"",
+				"[attr.data-p]": "dataP()"
+			},
+			hostDirectives: [Ripple, Bind],
+			providers: [
+				AccordionStyle,
+				{
+					provide: ACCORDION_HEADER_INSTANCE,
+					useExisting: AccordionHeader
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: AccordionHeader
+				}
+			]
+		}]
+	}],
+	propDecorators: {
+		toggleicon: [{
+			type: i0.ContentChild,
+			args: ["toggleicon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		onClick: [{
+			type: HostListener,
+			args: ["click", ["$event"]]
+		}],
+		onFocus: [{
+			type: HostListener,
+			args: ["focus"]
+		}],
+		onKeydown: [{
+			type: HostListener,
+			args: ["keydown", ["$event"]]
+		}]
+	}
+});
+var AccordionPanel = class AccordionPanel extends BaseComponent {
+	$pcAccordionPanel = inject(ACCORDION_PANEL_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	componentName = "AccordionPanel";
+	pcAccordion = inject(ACCORDION_INSTANCE);
+	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 */ []);
+	_componentStyle = inject(AccordionStyle);
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	valueEquals(currentValue, value) {
+		if (Array.isArray(currentValue) && (typeof value === "string" || typeof value === "number")) return currentValue.includes(value);
+		return currentValue === value;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AccordionPanel,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: AccordionPanel,
+		isStandalone: true,
+		selector: "p-accordion-panel, p-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-p-disabled": "disabled()",
+			"attr.data-p-active": "active()"
+		} },
+		providers: [
+			AccordionStyle,
+			{
+				provide: ACCORDION_PANEL_INSTANCE,
+				useExisting: AccordionPanel
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: AccordionPanel
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1$1.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.0",
+	ngImport: i0,
+	type: AccordionPanel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p-accordion-panel, p-accordionpanel",
+			imports: [BindModule],
+			standalone: true,
+			template: `<ng-content />`,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "cx(\"panel\")",
+				"[attr.data-p-disabled]": "disabled()",
+				"[attr.data-p-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 Accordion = class Accordion extends BaseComponent {
+	componentName = "Accordion";
+	$pcAccordion = inject(ACCORDION_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	value = model(void 0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	multiple = input(false, {
+		...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
+		transform: (v) => transformToBoolean(v)
+	});
+	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)
+	});
+	motionOptions = input(void 0, ...ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []);
+	computedMotionOptions = computed(() => ({
+		...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);
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptm("root"));
+	}
+	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);
+		}
+	}
+	onTabArrowDownKey(event) {
+		const nextHeaderAction = this.findNextHeaderAction(event.target?.parentElement ?? null);
+		if (nextHeaderAction) this.changeFocusedTab(nextHeaderAction);
+		else this.onTabHomeKey(event);
+		event.preventDefault();
+	}
+	onTabArrowUpKey(event) {
+		const prevHeaderAction = this.findPrevHeaderAction(event.target?.parentElement ?? null);
+		if (prevHeaderAction) this.changeFocusedTab(prevHeaderAction);
+		else 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 = nextTabElement ? findSingle(nextTabElement, "[data-pc-section=\"accordionheader\"]") : null;
+		if (!headerElement) return null;
+		if (getAttribute(headerElement, "data-p-disabled")) return this.findNextHeaderAction(headerElement.parentElement);
+		return findSingle(headerElement.parentElement, "[data-pc-section=\"accordionheader\"]");
+	}
+	findPrevHeaderAction(tabElement, selfCheck = false) {
+		const prevTabElement = selfCheck ? tabElement : tabElement?.previousElementSibling;
+		const headerElement = prevTabElement ? findSingle(prevTabElement, "[data-pc-section=\"accordionheader\"]") : null;
+		if (!headerElement) return null;
+		if (getAttribute(headerElement, "data-p-disabled")) return this.findPrevHeaderAction(headerElement.parentElement);
+		return findSingle(headerElement.parentElement, "[data-pc-section=\"accordionheader\"]");
+	}
+	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.0",
+		ngImport: i0,
+		type: Accordion,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: Accordion,
+		isStandalone: true,
+		selector: "p-accordion",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			multiple: {
+				classPropertyName: "multiple",
+				publicName: "multiple",
+				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
+			},
+			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": "cx('root')" }
+		},
+		providers: [
+			AccordionStyle,
+			{
+				provide: ACCORDION_INSTANCE,
+				useExisting: Accordion
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Accordion
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1$1.Bind }],
+		ngImport: i0,
+		template: ` <ng-content />`,
+		isInline: true,
+		dependencies: [{
+			kind: "ngmodule",
+			type: SharedModule
+		}, {
+			kind: "ngmodule",
+			type: BindModule
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Accordion,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p-accordion",
+			standalone: true,
+			imports: [SharedModule, BindModule],
+			template: ` <ng-content />`,
+			host: { "[class]": "cx('root')" },
+			hostDirectives: [Bind],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [
+				AccordionStyle,
+				{
+					provide: ACCORDION_INSTANCE,
+					useExisting: Accordion
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Accordion
+				}
+			]
+		}]
+	}],
+	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
+			}]
+		}],
+		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
+			}]
+		}],
+		motionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motionOptions",
+				required: false
+			}]
+		}],
+		onClose: [{
+			type: i0.Output,
+			args: ["onClose"]
+		}],
+		onOpen: [{
+			type: i0.Output,
+			args: ["onOpen"]
+		}],
+		onKeydown: [{
+			type: HostListener,
+			args: ["keydown", ["$event"]]
+		}]
+	}
+});
+var AccordionModule = class AccordionModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: AccordionModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		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.0",
+		ngImport: i0,
+		type: AccordionModule,
+		imports: [
+			Accordion,
+			SharedModule,
+			AccordionPanel,
+			AccordionHeader,
+			AccordionContent,
+			BindModule,
+			SharedModule,
+			BindModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	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=primeng-accordion.mjs.map
+
+//# sourceMappingURL=primeng-accordion.mjs.map