forty-cdk 0.34.0 → 0.35.0

package/fesm2022/forty-cdk-accordion.mjs

@@ -1,383 +1,507 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, booleanAttribute, model, Directive, computed, signal, ElementRef } from '@angular/core';
-import { orphanContextError, assertRootContext, Collection, injectTextDirection, moveIndex, IdGenerator, adoptHostId, hostButtonType, registerHandle, reflectDisabled, resolveListNavigation, hostLabelledBy } from 'forty-cdk/core';
-
-
-
-
-
-
-
-
-
-
-
-const FOR_ACCORDION_CONTEXT = new InjectionToken('FOR_ACCORDION_CONTEXT');
-const FOR_ACCORDION_ITEM_CONTEXT = new InjectionToken('FOR_ACCORDION_ITEM_CONTEXT');
+import * as i0 from "@angular/core";
+import { Directive, ElementRef, InjectionToken, booleanAttribute, computed, inject, input, model, signal } from "@angular/core";
+import { Collection, IdGenerator, adoptHostId, assertRootContext, hostButtonType, hostLabelledBy, injectTextDirection, moveIndex, orphanContextError, reflectDisabled, registerHandle, resolveListNavigation } from "forty-cdk/core";
+const FOR_ACCORDION_CONTEXT = new InjectionToken("FOR_ACCORDION_CONTEXT");
+const FOR_ACCORDION_ITEM_CONTEXT = new InjectionToken("FOR_ACCORDION_ITEM_CONTEXT");
 function injectAccordionContext(piece) {
-    const ctx = inject(FOR_ACCORDION_CONTEXT, { optional: true });
-    if (!ctx) {
-        throw orphanContextError({
-            code: 'FORCDK-ACCORDION-001',
-            piece,
-            root: '[forAccordion]',
-            token: 'FOR_ACCORDION_CONTEXT',
-        });
-    }
-    assertRootContext({
-        entryPoint: 'accordion',
-        token: 'FOR_ACCORDION_CONTEXT',
-        root: '[forAccordion]',
-        piece,
-        probe: () => ctx.registerTrigger,
-    });
-    return ctx;
+	const ctx = inject(FOR_ACCORDION_CONTEXT, { optional: true });
+	if (!ctx) throw orphanContextError({
+		code: "FORCDK-ACCORDION-001",
+		piece,
+		root: "[forAccordion]",
+		token: "FOR_ACCORDION_CONTEXT"
+	});
+	assertRootContext({
+		entryPoint: "accordion",
+		token: "FOR_ACCORDION_CONTEXT",
+		root: "[forAccordion]",
+		piece,
+		probe: () => ctx.registerTrigger
+	});
+	return ctx;
 }
 function injectAccordionItemContext(piece) {
-    const ctx = inject(FOR_ACCORDION_ITEM_CONTEXT, { optional: true });
-    if (!ctx) {
-        throw orphanContextError({
-            code: 'FORCDK-ACCORDION-002',
-            piece,
-            root: '[forAccordionItem]',
-            token: 'FOR_ACCORDION_ITEM_CONTEXT',
-        });
-    }
-    return ctx;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-class ForAccordion {
-    #triggers = new Collection();
-
-    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-
-
-
-
-
-
-
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-
-
-
-
-
-    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-
-
-
-
-
-    orientation = input('vertical', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-
-
-
-
-
-
-
-
-    _dirInput = input(null, { ...(ngDevMode ? { debugName: "_dirInput" } : /* istanbul ignore next */ {}), alias: 'dir' });
-    dir = injectTextDirection(this._dirInput);
-
-
-
-
-
-
-    loop = input(true, { ...(ngDevMode ? { debugName: "loop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-
-
-
-
-
-
-    value = model([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    isExpanded(itemValue) {
-        return this.value().includes(itemValue);
-    }
-    toggle(itemValue) {
-        const current = this.value();
-        const isOpen = current.includes(itemValue);
-        if (isOpen) {
-            if (!this.canCollapse(itemValue)) {
-                return;
-            }
-            this.value.set(current.filter((v) => v !== itemValue));
-            return;
-        }
-        if (this.multiple()) {
-            this.value.set([...current, itemValue]);
-        }
-        else {
-            this.value.set([itemValue]);
-        }
-    }
-    canCollapse(_itemValue) {
-        return this.multiple() || this.collapsible();
-    }
-    focusByOffset(currentTrigger, action) {
-        const triggers = this.#triggers.items();
-        if (triggers.length === 0) {
-            return;
-        }
-        const currentIndex = triggers.findIndex((t) => t.host === currentTrigger);
-        if (currentIndex === -1 && action !== 'first' && action !== 'last') {
-            return;
-        }
-        const next = moveIndex(currentIndex < 0 ? 0 : currentIndex, triggers.length, action, {
-            loop: this.loop(),
-            isDisabled: (i) => triggers[i]?.disabled() ?? false,
-        });
-        if (next !== null) {
-            triggers[next]?.host.focus();
-        }
-    }
-    registerTrigger(handle) {
-        this.#triggers.register(handle);
-    }
-    unregisterTrigger(handle) {
-        this.#triggers.unregister(handle);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForAccordion, isStandalone: true, selector: "[forAccordion]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, _dirInput: { classPropertyName: "_dirInput", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "attr.data-orientation": "orientation()", "attr.data-disabled": "disabled() ? \"\" : null", "attr.dir": "dir()" } }, providers: [{ provide: FOR_ACCORDION_CONTEXT, useExisting: ForAccordion }], exportAs: ["forAccordion"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordion, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[forAccordion]',
-                    exportAs: 'forAccordion',
-                    host: {
-                        '[attr.data-orientation]': 'orientation()',
-                        '[attr.data-disabled]': 'disabled() ? "" : null',
-                        '[attr.dir]': 'dir()',
-                    },
-                    providers: [{ provide: FOR_ACCORDION_CONTEXT, useExisting: ForAccordion }],
-                }]
-        }], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], _dirInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
-
-
-
-
-
-
-class ForAccordionItem {
-    parent = injectAccordionContext('ForAccordionItem');
-    #idGen = inject(IdGenerator);
-
-    value = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-
-
-
-
-
-
-
-    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), transform: booleanAttribute, alias: 'disabled' });
-
-
-
-
-
-
-
-    disabled = computed(() => this.disabledInput() || this.parent.disabled(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    #triggerId = signal(this.#idGen.next('for-accordion-trigger'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "#triggerId" }] : /* istanbul ignore next */ []));
-    #contentId = signal(this.#idGen.next('for-accordion-content'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "#contentId" }] : /* istanbul ignore next */ []));
-    triggerId = this.#triggerId.asReadonly();
-    contentId = this.#contentId.asReadonly();
-    expanded = computed(() => this.parent.isExpanded(this.value()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
-
-
-
-
-
-    adoptTriggerId(el) {
-        adoptHostId(el, this.#triggerId);
-    }
-
-    adoptContentId(el) {
-        adoptHostId(el, this.#contentId);
-    }
-    toggle() {
-        if (this.disabled()) {
-            return;
-        }
-        this.parent.toggle(this.value());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForAccordionItem, isStandalone: true, selector: "[forAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-state": "expanded() ? \"open\" : \"closed\"", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-orientation": "parent.orientation()" } }, providers: [{ provide: FOR_ACCORDION_ITEM_CONTEXT, useExisting: ForAccordionItem }], exportAs: ["forAccordionItem"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionItem, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[forAccordionItem]',
-                    exportAs: 'forAccordionItem',
-                    host: {
-                        '[attr.data-state]': 'expanded() ? "open" : "closed"',
-                        '[attr.data-disabled]': 'disabled() ? "" : null',
-                        '[attr.data-orientation]': 'parent.orientation()',
-                    },
-                    providers: [{ provide: FOR_ACCORDION_ITEM_CONTEXT, useExisting: ForAccordionItem }],
-                }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-class ForAccordionTrigger {
-    buttonType = hostButtonType();
-    #host = inject(ElementRef);
-    parent = injectAccordionContext('ForAccordionTrigger');
-    item = injectAccordionItemContext('ForAccordionTrigger');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    ariaDisabled = computed(() => {
-        if (this.item.disabled()) {
-            return false;
-        }
-        return this.item.expanded() && !this.parent.canCollapse(this.item.value());
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ariaDisabled" }] : /* istanbul ignore next */ []));
-    constructor() {
-        this.item.adoptTriggerId(this.#host.nativeElement);
-        const handle = {
-            host: this.#host.nativeElement,
-            disabled: this.item.disabled,
-        };
-        registerHandle(handle, (h) => this.parent.registerTrigger(h), (h) => this.parent.unregisterTrigger(h));
-        reflectDisabled(this.item.disabled);
-    }
-    onKeyDown(event) {
-        const action = resolveListNavigation(event, {
-            orientation: this.parent.orientation(),
-            dir: this.parent.dir(),
-        });
-        if (!action) {
-            return;
-        }
-        event.preventDefault();
-        this.parent.focusByOffset(this.#host.nativeElement, action);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: ForAccordionTrigger, isStandalone: true, selector: "[forAccordionTrigger]", host: { listeners: { "click": "item.toggle()", "keydown": "onKeyDown($event)" }, properties: { "attr.type": "buttonType()", "id": "item.triggerId()", "attr.aria-expanded": "item.expanded() ? \"true\" : \"false\"", "attr.aria-controls": "item.expanded() ? item.contentId() : null", "attr.aria-disabled": "ariaDisabled() ? \"true\" : null", "attr.data-state": "item.expanded() ? \"open\" : \"closed\"", "attr.data-disabled": "item.disabled() ? \"\" : null", "attr.data-orientation": "parent.orientation()" } }, exportAs: ["forAccordionTrigger"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionTrigger, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[forAccordionTrigger]',
-                    exportAs: 'forAccordionTrigger',
-                    host: {
-                        '[attr.type]': 'buttonType()',
-                        '[id]': 'item.triggerId()',
-                        '[attr.aria-expanded]': 'item.expanded() ? "true" : "false"',
-                        '[attr.aria-controls]': 'item.expanded() ? item.contentId() : null',
-                        '[attr.aria-disabled]': 'ariaDisabled() ? "true" : null',
-                        '[attr.data-state]': 'item.expanded() ? "open" : "closed"',
-                        '[attr.data-disabled]': 'item.disabled() ? "" : null',
-                        '[attr.data-orientation]': 'parent.orientation()',
-                        '(click)': 'item.toggle()',
-                        '(keydown)': 'onKeyDown($event)',
-                    },
-                }]
-        }], ctorParameters: () => [] });
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-class ForAccordionContent {
-    parent = injectAccordionContext('ForAccordionContent');
-    item = injectAccordionItemContext('ForAccordionContent');
-    labelledBy = hostLabelledBy(() => this.item.triggerId());
-    constructor() {
-        this.item.adoptContentId(inject(ElementRef).nativeElement);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: ForAccordionContent, isStandalone: true, selector: "[forAccordionContent]", host: { properties: { "id": "item.contentId()", "attr.role": "\"region\"", "attr.aria-hidden": "item.expanded() ? null : \"true\"", "attr.inert": "item.expanded() ? null : \"\"", "attr.data-state": "item.expanded() ? \"open\" : \"closed\"", "attr.data-disabled": "item.disabled() ? \"\" : null", "attr.data-orientation": "parent.orientation()" } }, exportAs: ["forAccordionContent"], ngImport: i0 });
+	const ctx = inject(FOR_ACCORDION_ITEM_CONTEXT, { optional: true });
+	if (!ctx) throw orphanContextError({
+		code: "FORCDK-ACCORDION-002",
+		piece,
+		root: "[forAccordionItem]",
+		token: "FOR_ACCORDION_ITEM_CONTEXT"
+	});
+	return ctx;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForAccordionContent, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[forAccordionContent]',
-                    exportAs: 'forAccordionContent',
-                    host: {
-                        '[id]': 'item.contentId()',
-                        '[attr.role]': '"region"',
-                        '[attr.aria-hidden]': 'item.expanded() ? null : "true"',
-                        '[attr.inert]': 'item.expanded() ? null : ""',
-                        '[attr.data-state]': 'item.expanded() ? "open" : "closed"',
-                        '[attr.data-disabled]': 'item.disabled() ? "" : null',
-                        '[attr.data-orientation]': 'parent.orientation()',
-                    },
-                }]
-        }], ctorParameters: () => [] });
-
-
-
-
-
+var ForAccordion = class ForAccordion {
+	#triggers = new Collection();
+	multiple = input(false, {
+		...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	collapsible = input(false, {
+		...ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	orientation = input("vertical", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	_dirInput = input(null, {
+		...ngDevMode ? { debugName: "_dirInput" } : /* istanbul ignore next */ {},
+		alias: "dir"
+	});
+	dir = injectTextDirection(this._dirInput);
+	loop = input(true, {
+		...ngDevMode ? { debugName: "loop" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	isExpanded(itemValue) {
+		return this.value().includes(itemValue);
+	}
+	toggle(itemValue) {
+		const current = this.value();
+		if (current.includes(itemValue)) {
+			if (!this.canCollapse(itemValue)) return;
+			this.value.set(current.filter((v) => v !== itemValue));
+			return;
+		}
+		if (this.multiple()) this.value.set([...current, itemValue]);
+		else this.value.set([itemValue]);
+	}
+	canCollapse(_itemValue) {
+		return this.multiple() || this.collapsible();
+	}
+	focusByOffset(currentTrigger, action) {
+		const triggers = this.#triggers.items();
+		if (triggers.length === 0) return;
+		const currentIndex = triggers.findIndex((t) => t.host === currentTrigger);
+		if (currentIndex === -1 && action !== "first" && action !== "last") return;
+		const next = moveIndex(currentIndex < 0 ? 0 : currentIndex, triggers.length, action, {
+			loop: this.loop(),
+			isDisabled: (i) => triggers[i]?.disabled() ?? false
+		});
+		if (next !== null) triggers[next]?.host.focus();
+	}
+	registerTrigger(handle) {
+		this.#triggers.register(handle);
+	}
+	unregisterTrigger(handle) {
+		this.#triggers.unregister(handle);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ForAccordion,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: ForAccordion,
+		isStandalone: true,
+		selector: "[forAccordion]",
+		inputs: {
+			multiple: {
+				classPropertyName: "multiple",
+				publicName: "multiple",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapsible: {
+				classPropertyName: "collapsible",
+				publicName: "collapsible",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			_dirInput: {
+				classPropertyName: "_dirInput",
+				publicName: "dir",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loop: {
+				classPropertyName: "loop",
+				publicName: "loop",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		host: { properties: {
+			"attr.data-orientation": "orientation()",
+			"attr.data-disabled": "disabled() ? \"\" : null",
+			"attr.dir": "dir()"
+		} },
+		providers: [{
+			provide: FOR_ACCORDION_CONTEXT,
+			useExisting: ForAccordion
+		}],
+		exportAs: ["forAccordion"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ForAccordion,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[forAccordion]",
+			exportAs: "forAccordion",
+			host: {
+				"[attr.data-orientation]": "orientation()",
+				"[attr.data-disabled]": "disabled() ? \"\" : null",
+				"[attr.dir]": "dir()"
+			},
+			providers: [{
+				provide: FOR_ACCORDION_CONTEXT,
+				useExisting: ForAccordion
+			}]
+		}]
+	}],
+	propDecorators: {
+		multiple: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "multiple",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		collapsible: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapsible",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		_dirInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dir",
+				required: false
+			}]
+		}],
+		loop: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loop",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}]
+	}
+});
+var ForAccordionItem = class ForAccordionItem {
+	parent = injectAccordionContext("ForAccordionItem");
+	#idGen = inject(IdGenerator);
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	disabledInput = input(false, {
+		...ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute,
+		alias: "disabled"
+	});
+	disabled = computed(() => this.disabledInput() || this.parent.disabled(), ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	#triggerId = signal(this.#idGen.next("for-accordion-trigger"), ...ngDevMode ? [{ debugName: "#triggerId" }] : /* istanbul ignore next */ []);
+	#contentId = signal(this.#idGen.next("for-accordion-content"), ...ngDevMode ? [{ debugName: "#contentId" }] : /* istanbul ignore next */ []);
+	triggerId = this.#triggerId.asReadonly();
+	contentId = this.#contentId.asReadonly();
+	expanded = computed(() => this.parent.isExpanded(this.value()), ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
+	adoptTriggerId(el) {
+		adoptHostId(el, this.#triggerId);
+	}
+	adoptContentId(el) {
+		adoptHostId(el, this.#contentId);
+	}
+	toggle() {
+		if (this.disabled()) return;
+		this.parent.toggle(this.value());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ForAccordionItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: ForAccordionItem,
+		isStandalone: true,
+		selector: "[forAccordionItem]",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			disabledInput: {
+				classPropertyName: "disabledInput",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.data-state": "expanded() ? \"open\" : \"closed\"",
+			"attr.data-disabled": "disabled() ? \"\" : null",
+			"attr.data-orientation": "parent.orientation()"
+		} },
+		providers: [{
+			provide: FOR_ACCORDION_ITEM_CONTEXT,
+			useExisting: ForAccordionItem
+		}],
+		exportAs: ["forAccordionItem"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ForAccordionItem,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[forAccordionItem]",
+			exportAs: "forAccordionItem",
+			host: {
+				"[attr.data-state]": "expanded() ? \"open\" : \"closed\"",
+				"[attr.data-disabled]": "disabled() ? \"\" : null",
+				"[attr.data-orientation]": "parent.orientation()"
+			},
+			providers: [{
+				provide: FOR_ACCORDION_ITEM_CONTEXT,
+				useExisting: ForAccordionItem
+			}]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		disabledInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
+var ForAccordionTrigger = class ForAccordionTrigger {
+	buttonType = hostButtonType();
+	#host = inject(ElementRef);
+	parent = injectAccordionContext("ForAccordionTrigger");
+	item = injectAccordionItemContext("ForAccordionTrigger");
+	ariaDisabled = computed(() => {
+		if (this.item.disabled()) return false;
+		return this.item.expanded() && !this.parent.canCollapse(this.item.value());
+	}, ...ngDevMode ? [{ debugName: "ariaDisabled" }] : /* istanbul ignore next */ []);
+	constructor() {
+		this.item.adoptTriggerId(this.#host.nativeElement);
+		const handle = {
+			host: this.#host.nativeElement,
+			disabled: this.item.disabled
+		};
+		registerHandle(handle, (h) => this.parent.registerTrigger(h), (h) => this.parent.unregisterTrigger(h));
+		reflectDisabled(this.item.disabled);
+	}
+	onKeyDown(event) {
+		const action = resolveListNavigation(event, {
+			orientation: this.parent.orientation(),
+			dir: this.parent.dir()
+		});
+		if (!action) return;
+		event.preventDefault();
+		this.parent.focusByOffset(this.#host.nativeElement, action);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ForAccordionTrigger,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: ForAccordionTrigger,
+		isStandalone: true,
+		selector: "[forAccordionTrigger]",
+		host: {
+			listeners: {
+				"click": "item.toggle()",
+				"keydown": "onKeyDown($event)"
+			},
+			properties: {
+				"attr.type": "buttonType()",
+				"id": "item.triggerId()",
+				"attr.aria-expanded": "item.expanded() ? \"true\" : \"false\"",
+				"attr.aria-controls": "item.expanded() ? item.contentId() : null",
+				"attr.aria-disabled": "ariaDisabled() ? \"true\" : null",
+				"attr.data-state": "item.expanded() ? \"open\" : \"closed\"",
+				"attr.data-disabled": "item.disabled() ? \"\" : null",
+				"attr.data-orientation": "parent.orientation()"
+			}
+		},
+		exportAs: ["forAccordionTrigger"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ForAccordionTrigger,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[forAccordionTrigger]",
+			exportAs: "forAccordionTrigger",
+			host: {
+				"[attr.type]": "buttonType()",
+				"[id]": "item.triggerId()",
+				"[attr.aria-expanded]": "item.expanded() ? \"true\" : \"false\"",
+				"[attr.aria-controls]": "item.expanded() ? item.contentId() : null",
+				"[attr.aria-disabled]": "ariaDisabled() ? \"true\" : null",
+				"[attr.data-state]": "item.expanded() ? \"open\" : \"closed\"",
+				"[attr.data-disabled]": "item.disabled() ? \"\" : null",
+				"[attr.data-orientation]": "parent.orientation()",
+				"(click)": "item.toggle()",
+				"(keydown)": "onKeyDown($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var ForAccordionContent = class ForAccordionContent {
+	parent = injectAccordionContext("ForAccordionContent");
+	item = injectAccordionItemContext("ForAccordionContent");
+	labelledBy = hostLabelledBy(() => this.item.triggerId());
+	constructor() {
+		this.item.adoptContentId(inject(ElementRef).nativeElement);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ForAccordionContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: ForAccordionContent,
+		isStandalone: true,
+		selector: "[forAccordionContent]",
+		host: { properties: {
+			"id": "item.contentId()",
+			"attr.role": "\"region\"",
+			"attr.aria-hidden": "item.expanded() ? null : \"true\"",
+			"attr.inert": "item.expanded() ? null : \"\"",
+			"attr.data-state": "item.expanded() ? \"open\" : \"closed\"",
+			"attr.data-disabled": "item.disabled() ? \"\" : null",
+			"attr.data-orientation": "parent.orientation()"
+		} },
+		exportAs: ["forAccordionContent"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ForAccordionContent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[forAccordionContent]",
+			exportAs: "forAccordionContent",
+			host: {
+				"[id]": "item.contentId()",
+				"[attr.role]": "\"region\"",
+				"[attr.aria-hidden]": "item.expanded() ? null : \"true\"",
+				"[attr.inert]": "item.expanded() ? null : \"\"",
+				"[attr.data-state]": "item.expanded() ? \"open\" : \"closed\"",
+				"[attr.data-disabled]": "item.disabled() ? \"\" : null",
+				"[attr.data-orientation]": "parent.orientation()"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
 export { FOR_ACCORDION_CONTEXT, FOR_ACCORDION_ITEM_CONTEXT, ForAccordion, ForAccordionContent, ForAccordionItem, ForAccordionTrigger };
-//# sourceMappingURL=forty-cdk-accordion.mjs.map
+
+//# sourceMappingURL=forty-cdk-accordion.mjs.map