@angular/cdk-experimental 20.0.3 → 20.1.0-next.0

package/accordion/index.d.ts

@@ -0,0 +1,86 @@
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import * as i0 from '@angular/core';
+import { WritableSignal } from '@angular/core';
+import { c as AccordionTriggerPattern, e as AccordionPanelPattern, a as AccordionGroupPattern } from '../accordion.d-B3UVyhWI.js';
+import * as i1 from '@angular/cdk-experimental/deferred-content';
+import '../list-navigation.d-Br99p_2O.js';
+import '../expansion.d-DSLPa1yp.js';
+
+/**
+ * Represents the content panel of an accordion item. It is controlled by an
+ * associated `CdkAccordionTrigger`.
+ */
+declare class CdkAccordionPanel {
+    /** The DeferredContentAware host directive. */
+    private readonly _deferredContentAware;
+    /** A global unique identifier for the panel. */
+    private readonly _id;
+    /** A local unique identifier for the panel, used to match with its trigger's value. */
+    value: i0.InputSignal<string>;
+    /** The parent accordion trigger pattern that controls this panel. This is set by CdkAccordionGroup. */
+    readonly accordionTrigger: WritableSignal<AccordionTriggerPattern | undefined>;
+    /** The UI pattern instance for this panel. */
+    readonly pattern: AccordionPanelPattern;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkAccordionPanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkAccordionPanel, "[cdkAccordionPanel]", ["cdkAccordionPanel"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
+}
+/**
+ * Represents the trigger button for an accordion item. It controls the expansion
+ * state of an associated `CdkAccordionPanel`.
+ */
+declare class CdkAccordionTrigger {
+    /** A global unique identifier for the trigger. */
+    private readonly _id;
+    /** A reference to the trigger element. */
+    private readonly _elementRef;
+    /** The parent CdkAccordionGroup. */
+    private readonly _accordionGroup;
+    /** A local unique identifier for the trigger, used to match with its panel's value. */
+    value: i0.InputSignal<string>;
+    /** Whether the trigger is disabled. */
+    disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    /** The accordion panel pattern controlled by this trigger. This is set by CdkAccordionGroup. */
+    readonly accordionPanel: WritableSignal<AccordionPanelPattern | undefined>;
+    /** The UI pattern instance for this trigger. */
+    readonly pattern: AccordionTriggerPattern;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkAccordionTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkAccordionTrigger, "[cdkAccordionTrigger]", ["cdkAccordionTrigger"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Container for a group of accordion items. It manages the overall state and
+ * interactions of the accordion, such as keyboard navigation and expansion mode.
+ */
+declare class CdkAccordionGroup {
+    /** The CdkAccordionTriggers nested inside this group. */
+    protected readonly _triggers: i0.Signal<readonly CdkAccordionTrigger[]>;
+    /** The CdkAccordionPanels nested inside this group. */
+    protected readonly _panels: i0.Signal<readonly CdkAccordionPanel[]>;
+    /** The text direction (ltr or rtl). */
+    readonly textDirection: WritableSignal<_angular_cdk_bidi.Direction>;
+    /** Whether the entire accordion group is disabled. */
+    disabled: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Whether multiple accordion items can be expanded simultaneously. */
+    multiExpandable: i0.InputSignalWithTransform<boolean, unknown>;
+    /** The values of the current selected/expanded accordions. */
+    value: i0.ModelSignal<string[]>;
+    /** Whether disabled items should be skipped during keyboard navigation. */
+    skipDisabled: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Whether keyboard navigation should wrap around from the last item to the first, and vice-versa. */
+    wrap: i0.InputSignalWithTransform<boolean, unknown>;
+    /** The UI pattern instance for this accordion group. */
+    readonly pattern: AccordionGroupPattern;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkAccordionGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkAccordionGroup, "[cdkAccordionGroup]", ["cdkAccordionGroup"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiExpandable": { "alias": "multiExpandable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["_triggers", "_panels"], never, true, never>;
+}
+/**
+ * A structural directive that marks the `ng-template` to be used as the content
+ * for a `CdkAccordionPanel`. This content can be lazily loaded.
+ */
+declare class CdkAccordionContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkAccordionContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkAccordionContent, "ng-template[cdkAccordionContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
+}
+
+export { CdkAccordionContent, CdkAccordionGroup, CdkAccordionPanel, CdkAccordionTrigger };

package/accordion.d-B3UVyhWI.d.ts

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { L as ListNavigationInputs, a as ListFocusInputs, b as ListNavigation, d as ListFocus, e as ListNavigationItem, f as ListFocusItem, S as SignalLike, K as KeyboardEventManager, P as PointerEventManager } from './list-navigation.d-Br99p_2O.js';
+import { L as ListExpansionInputs, a as ListExpansion, E as ExpansionItem, b as ExpansionControl } from './expansion.d-DSLPa1yp.js';
+
+/** Inputs of the AccordionGroupPattern. */
+type AccordionGroupInputs = Omit<ListNavigationInputs<AccordionTriggerPattern> & ListFocusInputs<AccordionTriggerPattern> & ListExpansionInputs<AccordionTriggerPattern>, 'focusMode'>;
+interface AccordionGroupPattern extends AccordionGroupInputs {
+}
+/** A pattern controls the nested Accordions. */
+declare class AccordionGroupPattern {
+    readonly inputs: AccordionGroupInputs;
+    /** Controls navigation for the group. */
+    navigation: ListNavigation<AccordionTriggerPattern>;
+    /** Controls focus for the group. */
+    focusManager: ListFocus<AccordionTriggerPattern>;
+    /** Controls expansion for the group. */
+    expansionManager: ListExpansion<AccordionTriggerPattern>;
+    constructor(inputs: AccordionGroupInputs);
+}
+/** Inputs for the AccordionTriggerPattern. */
+type AccordionTriggerInputs = ListNavigationItem & ListFocusItem & Omit<ExpansionItem, 'expansionId' | 'expandable'> & {
+    /** A local unique identifier for the trigger. */
+    value: SignalLike<string>;
+    /** The parent accordion group that controls this trigger. */
+    accordionGroup: SignalLike<AccordionGroupPattern>;
+    /** The accordion panel controlled by this trigger. */
+    accordionPanel: SignalLike<AccordionPanelPattern | undefined>;
+};
+interface AccordionTriggerPattern extends AccordionTriggerInputs {
+}
+/** A pattern controls the expansion state of an accordion. */
+declare class AccordionTriggerPattern {
+    readonly inputs: AccordionTriggerInputs;
+    /** Whether this tab has expandable content. */
+    expandable: SignalLike<boolean>;
+    /** The unique identifier used by the expansion behavior. */
+    expansionId: SignalLike<string>;
+    /** Whether an accordion is expanded. */
+    expanded: SignalLike<boolean>;
+    /** Controls the expansion state for the trigger. */
+    expansionControl: ExpansionControl;
+    /** Whether the trigger is active. */
+    active: i0.Signal<boolean>;
+    /** Id of the accordion panel controlled by the trigger. */
+    controls: i0.Signal<string | undefined>;
+    /** The tabindex of the trigger. */
+    tabindex: i0.Signal<-1 | 0>;
+    /** Whether the trigger is disabled. Disabling an accordion group disables all the triggers. */
+    disabled: i0.Signal<boolean>;
+    constructor(inputs: AccordionTriggerInputs);
+    /** The key used to navigate to the previous accordion trigger. */
+    prevKey: i0.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
+    /** The key used to navigate to the next accordion trigger. */
+    nextKey: i0.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
+    /** The keydown event manager for the accordion trigger. */
+    keydown: i0.Signal<KeyboardEventManager<KeyboardEvent>>;
+    /** The pointerdown event manager for the accordion trigger. */
+    pointerdown: i0.Signal<PointerEventManager<PointerEvent>>;
+    /** Handles keydown events on the trigger, delegating to the group if not disabled. */
+    onKeydown(event: KeyboardEvent): void;
+    /** Handles pointerdown events on the trigger, delegating to the group if not disabled. */
+    onPointerdown(event: PointerEvent): void;
+    /** Handles focus events on the trigger. This ensures the tabbing changes the active index. */
+    onFocus(event: FocusEvent): void;
+    private _getItem;
+}
+/** Represents the required inputs for the AccordionPanelPattern. */
+interface AccordionPanelInputs {
+    /** A global unique identifier for the panel. */
+    id: SignalLike<string>;
+    /** A local unique identifier for the panel, matching its trigger's value. */
+    value: SignalLike<string>;
+    /** The parent accordion trigger that controls this panel. */
+    accordionTrigger: SignalLike<AccordionTriggerPattern | undefined>;
+}
+interface AccordionPanelPattern extends AccordionPanelInputs {
+}
+/** Represents an accordion panel. */
+declare class AccordionPanelPattern {
+    readonly inputs: AccordionPanelInputs;
+    /** Whether the accordion panel is hidden. True if the associated trigger is not expanded. */
+    hidden: SignalLike<boolean>;
+    constructor(inputs: AccordionPanelInputs);
+}
+
+export { AccordionGroupPattern as a, AccordionTriggerPattern as c, AccordionPanelPattern as e };
+export type { AccordionGroupInputs as A, AccordionTriggerInputs as b, AccordionPanelInputs as d };

package/expansion.d-DSLPa1yp.d.ts

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { f as ListFocusItem, S as SignalLike, a as ListFocusInputs, W as WritableSignalLike, d as ListFocus } from './list-navigation.d-Br99p_2O.js';
+
+/** Represents an item that can be expanded or collapsed. */
+interface ExpansionItem extends ListFocusItem {
+    /** Whether the item is expandable. */
+    expandable: SignalLike<boolean>;
+    /** Used to uniquely identify an expansion item. */
+    expansionId: SignalLike<string>;
+}
+interface ExpansionControl extends ExpansionItem {
+}
+/**
+ * Controls a single item's expansion state and interactions,
+ * delegating actual state changes to an Expansion manager.
+ */
+declare class ExpansionControl {
+    readonly inputs: ExpansionItem & {
+        expansionManager: ListExpansion<ExpansionItem>;
+    };
+    /** Whether this specific item is currently expanded. Derived from the Expansion manager. */
+    readonly isExpanded: i0.Signal<boolean>;
+    /** Whether this item can be expanded. */
+    readonly isExpandable: i0.Signal<boolean>;
+    constructor(inputs: ExpansionItem & {
+        expansionManager: ListExpansion<ExpansionItem>;
+    });
+    /** Requests the Expansopn manager to open this item. */
+    open(): void;
+    /** Requests the Expansion manager to close this item. */
+    close(): void;
+    /** Requests the Expansion manager to toggle this item. */
+    toggle(): void;
+}
+/** Represents the required inputs for an expansion behavior. */
+interface ListExpansionInputs<T extends ExpansionItem> extends ListFocusInputs<T> {
+    /** Whether multiple items can be expanded at once. */
+    multiExpandable: SignalLike<boolean>;
+    /** An array of ids of the currently expanded items. */
+    expandedIds: WritableSignalLike<string[]>;
+}
+/** Manages the expansion state of a list of items. */
+declare class ListExpansion<T extends ExpansionItem> {
+    readonly inputs: ListExpansionInputs<T> & {
+        focusManager: ListFocus<T>;
+    };
+    /** A signal holding an array of ids of the currently expanded items. */
+    expandedIds: WritableSignalLike<string[]>;
+    /** The currently active (focused) item in the list. */
+    activeItem: i0.Signal<T>;
+    constructor(inputs: ListExpansionInputs<T> & {
+        focusManager: ListFocus<T>;
+    });
+    /** Opens the specified item, or the currently active item if none is specified. */
+    open(item?: T): void;
+    /** Closes the specified item, or the currently active item if none is specified. */
+    close(item?: T): void;
+    /**
+     * Toggles the expansion state of the specified item,
+     * or the currently active item if none is specified.
+     */
+    toggle(item?: T): void;
+    /** Opens all focusable items in the list. */
+    openAll(): void;
+    /** Closes all focusable items in the list. */
+    closeAll(): void;
+    /** Checks whether the specified item is expandable / collapsible. */
+    isExpandable(item: T): boolean;
+    /** Checks whether the specified item is currently expanded. */
+    isExpanded(item: T): boolean;
+}
+
+export { ListExpansion as a, ExpansionControl as b };
+export type { ExpansionItem as E, ListExpansionInputs as L };

package/fesm2022/accordion-CyyDY39y.mjs

@@ -0,0 +1,152 @@
+import { computed } from '@angular/core';
+import { L as ListFocus, a as ListNavigation, K as KeyboardEventManager, P as PointerEventManager } from './list-focus-BXQdAA3i.mjs';
+import { L as ListExpansion, E as ExpansionControl } from './expansion-DykBzWrb.mjs';
+
+const focusMode = () => 'roving';
+/** A pattern controls the nested Accordions. */
+class AccordionGroupPattern {
+    inputs;
+    /** Controls navigation for the group. */
+    navigation;
+    /** Controls focus for the group. */
+    focusManager;
+    /** Controls expansion for the group. */
+    expansionManager;
+    constructor(inputs) {
+        this.inputs = inputs;
+        this.wrap = inputs.wrap;
+        this.orientation = inputs.orientation;
+        this.textDirection = inputs.textDirection;
+        this.activeIndex = inputs.activeIndex;
+        this.disabled = inputs.disabled;
+        this.multiExpandable = inputs.multiExpandable;
+        this.items = inputs.items;
+        this.expandedIds = inputs.expandedIds;
+        this.skipDisabled = inputs.skipDisabled;
+        this.focusManager = new ListFocus({
+            ...inputs,
+            focusMode,
+        });
+        this.navigation = new ListNavigation({
+            ...inputs,
+            focusMode,
+            focusManager: this.focusManager,
+        });
+        this.expansionManager = new ListExpansion({
+            ...inputs,
+            focusMode,
+            focusManager: this.focusManager,
+        });
+    }
+}
+/** A pattern controls the expansion state of an accordion. */
+class AccordionTriggerPattern {
+    inputs;
+    /** Whether this tab has expandable content. */
+    expandable;
+    /** The unique identifier used by the expansion behavior. */
+    expansionId;
+    /** Whether an accordion is expanded. */
+    expanded;
+    /** Controls the expansion state for the trigger. */
+    expansionControl;
+    /** Whether the trigger is active. */
+    active = computed(() => this.inputs.accordionGroup().focusManager.activeItem() === this);
+    /** Id of the accordion panel controlled by the trigger. */
+    controls = computed(() => this.inputs.accordionPanel()?.id());
+    /** The tabindex of the trigger. */
+    tabindex = computed(() => (this.inputs.accordionGroup().focusManager.isFocusable(this) ? 0 : -1));
+    /** Whether the trigger is disabled. Disabling an accordion group disables all the triggers. */
+    disabled = computed(() => this.inputs.disabled() || this.inputs.accordionGroup().disabled());
+    constructor(inputs) {
+        this.inputs = inputs;
+        this.id = inputs.id;
+        this.element = inputs.element;
+        this.value = inputs.value;
+        this.accordionGroup = inputs.accordionGroup;
+        this.accordionPanel = inputs.accordionPanel;
+        this.expansionControl = new ExpansionControl({
+            ...inputs,
+            expansionId: inputs.value,
+            expandable: () => true,
+            expansionManager: inputs.accordionGroup().expansionManager,
+        });
+        this.expandable = this.expansionControl.isExpandable;
+        this.expansionId = this.expansionControl.expansionId;
+        this.expanded = this.expansionControl.isExpanded;
+    }
+    /** The key used to navigate to the previous accordion trigger. */
+    prevKey = computed(() => {
+        if (this.inputs.accordionGroup().orientation() === 'vertical') {
+            return 'ArrowUp';
+        }
+        return this.inputs.accordionGroup().textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
+    });
+    /** The key used to navigate to the next accordion trigger. */
+    nextKey = computed(() => {
+        if (this.inputs.accordionGroup().orientation() === 'vertical') {
+            return 'ArrowDown';
+        }
+        return this.inputs.accordionGroup().textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
+    });
+    /** The keydown event manager for the accordion trigger. */
+    keydown = computed(() => {
+        return new KeyboardEventManager()
+            .on(this.prevKey, () => this.accordionGroup().navigation.prev())
+            .on(this.nextKey, () => this.accordionGroup().navigation.next())
+            .on('Home', () => this.accordionGroup().navigation.first())
+            .on('End', () => this.accordionGroup().navigation.last())
+            .on(' ', () => this.expansionControl.toggle())
+            .on('Enter', () => this.expansionControl.toggle());
+    });
+    /** The pointerdown event manager for the accordion trigger. */
+    pointerdown = computed(() => {
+        return new PointerEventManager().on(e => {
+            const item = this._getItem(e);
+            if (item) {
+                this.accordionGroup().navigation.goto(item);
+                this.expansionControl.toggle();
+            }
+        });
+    });
+    /** Handles keydown events on the trigger, delegating to the group if not disabled. */
+    onKeydown(event) {
+        this.keydown().handle(event);
+    }
+    /** Handles pointerdown events on the trigger, delegating to the group if not disabled. */
+    onPointerdown(event) {
+        this.pointerdown().handle(event);
+    }
+    /** Handles focus events on the trigger. This ensures the tabbing changes the active index. */
+    onFocus(event) {
+        const item = this._getItem(event);
+        if (item && this.inputs.accordionGroup().focusManager.isFocusable(item)) {
+            this.accordionGroup().focusManager.focus(item);
+        }
+    }
+    _getItem(e) {
+        if (!(e.target instanceof HTMLElement)) {
+            return;
+        }
+        const element = e.target.closest('[role="button"]');
+        return this.accordionGroup()
+            .items()
+            .find(i => i.element() === element);
+    }
+}
+/** Represents an accordion panel. */
+class AccordionPanelPattern {
+    inputs;
+    /** Whether the accordion panel is hidden. True if the associated trigger is not expanded. */
+    hidden;
+    constructor(inputs) {
+        this.inputs = inputs;
+        this.id = inputs.id;
+        this.value = inputs.value;
+        this.accordionTrigger = inputs.accordionTrigger;
+        this.hidden = computed(() => inputs.accordionTrigger()?.expanded() === false);
+    }
+}
+
+export { AccordionPanelPattern as A, AccordionTriggerPattern as a, AccordionGroupPattern as b };
+//# sourceMappingURL=accordion-CyyDY39y.mjs.map

package/fesm2022/accordion-CyyDY39y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-CyyDY39y.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-46c76129e412/bin/src/cdk-experimental/ui-patterns/accordion/accordion.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {computed} from '@angular/core';\nimport {KeyboardEventManager} from '../behaviors/event-manager/keyboard-event-manager';\nimport {PointerEventManager} from '../behaviors/event-manager/pointer-event-manager';\nimport {\n  ExpansionItem,\n  ExpansionControl,\n  ListExpansion,\n  ListExpansionInputs,\n} from '../behaviors/expansion/expansion';\nimport {ListFocus, ListFocusInputs, ListFocusItem} from '../behaviors/list-focus/list-focus';\nimport {\n  ListNavigation,\n  ListNavigationInputs,\n  ListNavigationItem,\n} from '../behaviors/list-navigation/list-navigation';\nimport {SignalLike} from '../behaviors/signal-like/signal-like';\n\n/** Inputs of the AccordionGroupPattern. */\nexport type AccordionGroupInputs = Omit<\n  ListNavigationInputs<AccordionTriggerPattern> &\n    ListFocusInputs<AccordionTriggerPattern> &\n    ListExpansionInputs<AccordionTriggerPattern>,\n  'focusMode'\n>;\n\nconst focusMode = () => 'roving' as const;\n\nexport interface AccordionGroupPattern extends AccordionGroupInputs {}\n/** A pattern controls the nested Accordions. */\nexport class AccordionGroupPattern {\n  /** Controls navigation for the group. */\n  navigation: ListNavigation<AccordionTriggerPattern>;\n\n  /** Controls focus for the group. */\n  focusManager: ListFocus<AccordionTriggerPattern>;\n\n  /** Controls expansion for the group. */\n  expansionManager: ListExpansion<AccordionTriggerPattern>;\n\n  constructor(readonly inputs: AccordionGroupInputs) {\n    this.wrap = inputs.wrap;\n    this.orientation = inputs.orientation;\n    this.textDirection = inputs.textDirection;\n    this.activeIndex = inputs.activeIndex;\n    this.disabled = inputs.disabled;\n    this.multiExpandable = inputs.multiExpandable;\n    this.items = inputs.items;\n    this.expandedIds = inputs.expandedIds;\n    this.skipDisabled = inputs.skipDisabled;\n    this.focusManager = new ListFocus({\n      ...inputs,\n      focusMode,\n    });\n    this.navigation = new ListNavigation({\n      ...inputs,\n      focusMode,\n      focusManager: this.focusManager,\n    });\n    this.expansionManager = new ListExpansion({\n      ...inputs,\n      focusMode,\n      focusManager: this.focusManager,\n    });\n  }\n}\n\n/** Inputs for the AccordionTriggerPattern. */\nexport type AccordionTriggerInputs = ListNavigationItem &\n  ListFocusItem &\n  Omit<ExpansionItem, 'expansionId' | 'expandable'> & {\n    /** A local unique identifier for the trigger. */\n    value: SignalLike<string>;\n\n    /** The parent accordion group that controls this trigger. */\n    accordionGroup: SignalLike<AccordionGroupPattern>;\n\n    /** The accordion panel controlled by this trigger. */\n    accordionPanel: SignalLike<AccordionPanelPattern | undefined>;\n  };\n\nexport interface AccordionTriggerPattern extends AccordionTriggerInputs {}\n/** A pattern controls the expansion state of an accordion. */\nexport class AccordionTriggerPattern {\n  /** Whether this tab has expandable content. */\n  expandable: SignalLike<boolean>;\n\n  /** The unique identifier used by the expansion behavior. */\n  expansionId: SignalLike<string>;\n\n  /** Whether an accordion is expanded. */\n  expanded: SignalLike<boolean>;\n\n  /** Controls the expansion state for the trigger. */\n  expansionControl: ExpansionControl;\n\n  /** Whether the trigger is active. */\n  active = computed(() => this.inputs.accordionGroup().focusManager.activeItem() === this);\n\n  /** Id of the accordion panel controlled by the trigger. */\n  controls = computed(() => this.inputs.accordionPanel()?.id());\n\n  /** The tabindex of the trigger. */\n  tabindex = computed(() => (this.inputs.accordionGroup().focusManager.isFocusable(this) ? 0 : -1));\n\n  /** Whether the trigger is disabled. Disabling an accordion group disables all the triggers. */\n  disabled = computed(() => this.inputs.disabled() || this.inputs.accordionGroup().disabled());\n\n  constructor(readonly inputs: AccordionTriggerInputs) {\n    this.id = inputs.id;\n    this.element = inputs.element;\n    this.value = inputs.value;\n    this.accordionGroup = inputs.accordionGroup;\n    this.accordionPanel = inputs.accordionPanel;\n    this.expansionControl = new ExpansionControl({\n      ...inputs,\n      expansionId: inputs.value,\n      expandable: () => true,\n      expansionManager: inputs.accordionGroup().expansionManager,\n    });\n    this.expandable = this.expansionControl.isExpandable;\n    this.expansionId = this.expansionControl.expansionId;\n    this.expanded = this.expansionControl.isExpanded;\n  }\n\n  /** The key used to navigate to the previous accordion trigger. */\n  prevKey = computed(() => {\n    if (this.inputs.accordionGroup().orientation() === 'vertical') {\n      return 'ArrowUp';\n    }\n    return this.inputs.accordionGroup().textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';\n  });\n\n  /** The key used to navigate to the next accordion trigger. */\n  nextKey = computed(() => {\n    if (this.inputs.accordionGroup().orientation() === 'vertical') {\n      return 'ArrowDown';\n    }\n    return this.inputs.accordionGroup().textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n  });\n\n  /** The keydown event manager for the accordion trigger. */\n  keydown = computed(() => {\n    return new KeyboardEventManager()\n      .on(this.prevKey, () => this.accordionGroup().navigation.prev())\n      .on(this.nextKey, () => this.accordionGroup().navigation.next())\n      .on('Home', () => this.accordionGroup().navigation.first())\n      .on('End', () => this.accordionGroup().navigation.last())\n      .on(' ', () => this.expansionControl.toggle())\n      .on('Enter', () => this.expansionControl.toggle());\n  });\n\n  /** The pointerdown event manager for the accordion trigger. */\n  pointerdown = computed(() => {\n    return new PointerEventManager().on(e => {\n      const item = this._getItem(e);\n\n      if (item) {\n        this.accordionGroup().navigation.goto(item);\n        this.expansionControl.toggle();\n      }\n    });\n  });\n\n  /** Handles keydown events on the trigger, delegating to the group if not disabled. */\n  onKeydown(event: KeyboardEvent): void {\n    this.keydown().handle(event);\n  }\n\n  /** Handles pointerdown events on the trigger, delegating to the group if not disabled. */\n  onPointerdown(event: PointerEvent): void {\n    this.pointerdown().handle(event);\n  }\n\n  /** Handles focus events on the trigger. This ensures the tabbing changes the active index. */\n  onFocus(event: FocusEvent): void {\n    const item = this._getItem(event);\n\n    if (item && this.inputs.accordionGroup().focusManager.isFocusable(item)) {\n      this.accordionGroup().focusManager.focus(item);\n    }\n  }\n\n  private _getItem(e: Event) {\n    if (!(e.target instanceof HTMLElement)) {\n      return;\n    }\n\n    const element = e.target.closest('[role=\"button\"]');\n    return this.accordionGroup()\n      .items()\n      .find(i => i.element() === element);\n  }\n}\n\n/** Represents the required inputs for the AccordionPanelPattern. */\nexport interface AccordionPanelInputs {\n  /** A global unique identifier for the panel. */\n  id: SignalLike<string>;\n\n  /** A local unique identifier for the panel, matching its trigger's value. */\n  value: SignalLike<string>;\n\n  /** The parent accordion trigger that controls this panel. */\n  accordionTrigger: SignalLike<AccordionTriggerPattern | undefined>;\n}\n\nexport interface AccordionPanelPattern extends AccordionPanelInputs {}\n/** Represents an accordion panel. */\nexport class AccordionPanelPattern {\n  /** Whether the accordion panel is hidden. True if the associated trigger is not expanded. */\n  hidden: SignalLike<boolean>;\n\n  constructor(readonly inputs: AccordionPanelInputs) {\n    this.id = inputs.id;\n    this.value = inputs.value;\n    this.accordionTrigger = inputs.accordionTrigger;\n    this.hidden = computed(() => inputs.accordionTrigger()?.expanded() === false);\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/accordion.mjs

@@ -0,0 +1,184 @@
+import * as i0 from '@angular/core';
+import { inject, input, signal, afterRenderEffect, Directive, ElementRef, booleanAttribute, computed, contentChildren, model } from '@angular/core';
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import * as i1 from '@angular/cdk-experimental/deferred-content';
+import { DeferredContentAware, DeferredContent } from '@angular/cdk-experimental/deferred-content';
+import { A as AccordionPanelPattern, a as AccordionTriggerPattern, b as AccordionGroupPattern } from './accordion-CyyDY39y.mjs';
+import './list-focus-BXQdAA3i.mjs';
+import './expansion-DykBzWrb.mjs';
+
+/**
+ * Represents the content panel of an accordion item. It is controlled by an
+ * associated `CdkAccordionTrigger`.
+ */
+class CdkAccordionPanel {
+    /** The DeferredContentAware host directive. */
+    _deferredContentAware = inject(DeferredContentAware);
+    /** A global unique identifier for the panel. */
+    _id = inject(_IdGenerator).getId('cdk-accordion-trigger-');
+    /** A local unique identifier for the panel, used to match with its trigger's value. */
+    value = input.required();
+    /** The parent accordion trigger pattern that controls this panel. This is set by CdkAccordionGroup. */
+    accordionTrigger = signal(undefined);
+    /** The UI pattern instance for this panel. */
+    pattern = new AccordionPanelPattern({
+        id: () => this._id,
+        value: this.value,
+        accordionTrigger: () => this.accordionTrigger(),
+    });
+    constructor() {
+        // Connect the panel's hidden state to the DeferredContentAware's visibility.
+        afterRenderEffect(() => {
+            this._deferredContentAware.contentVisible.set(!this.pattern.hidden());
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkAccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: CdkAccordionPanel, isStandalone: true, selector: "[cdkAccordionPanel]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "region" }, properties: { "attr.id": "pattern.id()", "attr.aria-labelledby": "pattern.accordionTrigger()?.id()", "attr.inert": "pattern.hidden() ? true : null" }, classAttribute: "cdk-accordion-panel" }, exportAs: ["cdkAccordionPanel"], hostDirectives: [{ directive: i1.DeferredContentAware, inputs: ["preserveContent", "preserveContent"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkAccordionPanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkAccordionPanel]',
+                    exportAs: 'cdkAccordionPanel',
+                    hostDirectives: [
+                        {
+                            directive: DeferredContentAware,
+                            inputs: ['preserveContent'],
+                        },
+                    ],
+                    host: {
+                        'class': 'cdk-accordion-panel',
+                        'role': 'region',
+                        '[attr.id]': 'pattern.id()',
+                        '[attr.aria-labelledby]': 'pattern.accordionTrigger()?.id()',
+                        '[attr.inert]': 'pattern.hidden() ? true : null',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * Represents the trigger button for an accordion item. It controls the expansion
+ * state of an associated `CdkAccordionPanel`.
+ */
+class CdkAccordionTrigger {
+    /** A global unique identifier for the trigger. */
+    _id = inject(_IdGenerator).getId('cdk-accordion-trigger-');
+    /** A reference to the trigger element. */
+    _elementRef = inject(ElementRef);
+    /** The parent CdkAccordionGroup. */
+    _accordionGroup = inject(CdkAccordionGroup);
+    /** A local unique identifier for the trigger, used to match with its panel's value. */
+    value = input.required();
+    /** Whether the trigger is disabled. */
+    disabled = input(false, { transform: booleanAttribute });
+    /** The accordion panel pattern controlled by this trigger. This is set by CdkAccordionGroup. */
+    accordionPanel = signal(undefined);
+    /** The UI pattern instance for this trigger. */
+    pattern = new AccordionTriggerPattern({
+        id: () => this._id,
+        value: this.value,
+        disabled: this.disabled,
+        element: () => this._elementRef.nativeElement,
+        accordionGroup: computed(() => this._accordionGroup.pattern),
+        accordionPanel: this.accordionPanel,
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: CdkAccordionTrigger, isStandalone: true, selector: "[cdkAccordionTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "keydown": "pattern.onKeydown($event)", "pointerdown": "pattern.onPointerdown($event)", "focusin": "pattern.onFocus($event)" }, properties: { "class.cdk-active": "pattern.active()", "id": "pattern.id()", "attr.aria-expanded": "pattern.expanded()", "attr.aria-controls": "pattern.controls()", "attr.aria-disabled": "pattern.disabled()", "attr.tabindex": "pattern.tabindex()" }, classAttribute: "cdk-accordion-trigger" }, exportAs: ["cdkAccordionTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkAccordionTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkAccordionTrigger]',
+                    exportAs: 'cdkAccordionTrigger',
+                    host: {
+                        'class': 'cdk-accordion-trigger',
+                        '[class.cdk-active]': 'pattern.active()',
+                        'role': 'button',
+                        '[id]': 'pattern.id()',
+                        '[attr.aria-expanded]': 'pattern.expanded()',
+                        '[attr.aria-controls]': 'pattern.controls()',
+                        '[attr.aria-disabled]': 'pattern.disabled()',
+                        '[attr.tabindex]': 'pattern.tabindex()',
+                        '(keydown)': 'pattern.onKeydown($event)',
+                        '(pointerdown)': 'pattern.onPointerdown($event)',
+                        '(focusin)': 'pattern.onFocus($event)',
+                    },
+                }]
+        }] });
+/**
+ * Container for a group of accordion items. It manages the overall state and
+ * interactions of the accordion, such as keyboard navigation and expansion mode.
+ */
+class CdkAccordionGroup {
+    /** The CdkAccordionTriggers nested inside this group. */
+    _triggers = contentChildren(CdkAccordionTrigger, { descendants: true });
+    /** The CdkAccordionPanels nested inside this group. */
+    _panels = contentChildren(CdkAccordionPanel, { descendants: true });
+    /** The text direction (ltr or rtl). */
+    textDirection = inject(Directionality).valueSignal;
+    /** Whether the entire accordion group is disabled. */
+    disabled = input(false, { transform: booleanAttribute });
+    /** Whether multiple accordion items can be expanded simultaneously. */
+    multiExpandable = input(true, { transform: booleanAttribute });
+    /** The values of the current selected/expanded accordions. */
+    value = model([]);
+    /** Whether disabled items should be skipped during keyboard navigation. */
+    skipDisabled = input(true, { transform: booleanAttribute });
+    /** Whether keyboard navigation should wrap around from the last item to the first, and vice-versa. */
+    wrap = input(false, { transform: booleanAttribute });
+    /** The UI pattern instance for this accordion group. */
+    pattern = new AccordionGroupPattern({
+        ...this,
+        // TODO(ok7sai): Consider making `activeIndex` an internal state in the pattern and call
+        // `setDefaultState` in the CDK.
+        activeIndex: signal(0),
+        items: computed(() => this._triggers().map(trigger => trigger.pattern)),
+        expandedIds: this.value,
+        // TODO(ok7sai): Investigate whether an accordion should support horizontal mode.
+        orientation: () => 'vertical',
+    });
+    constructor() {
+        // Effect to link triggers with their corresponding panels and update the group's items.
+        afterRenderEffect(() => {
+            const triggers = this._triggers();
+            const panels = this._panels();
+            for (const trigger of triggers) {
+                const panel = panels.find(p => p.value() === trigger.value());
+                trigger.accordionPanel.set(panel?.pattern);
+                if (panel) {
+                    panel.accordionTrigger.set(trigger.pattern);
+                }
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkAccordionGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.0", type: CdkAccordionGroup, isStandalone: true, selector: "[cdkAccordionGroup]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiExpandable: { classPropertyName: "multiExpandable", publicName: "multiExpandable", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, skipDisabled: { classPropertyName: "skipDisabled", publicName: "skipDisabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "cdk-accordion-group" }, queries: [{ propertyName: "_triggers", predicate: CdkAccordionTrigger, descendants: true, isSignal: true }, { propertyName: "_panels", predicate: CdkAccordionPanel, descendants: true, isSignal: true }], exportAs: ["cdkAccordionGroup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkAccordionGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkAccordionGroup]',
+                    exportAs: 'cdkAccordionGroup',
+                    host: {
+                        'class': 'cdk-accordion-group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * A structural directive that marks the `ng-template` to be used as the content
+ * for a `CdkAccordionPanel`. This content can be lazily loaded.
+ */
+class CdkAccordionContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: CdkAccordionContent, isStandalone: true, selector: "ng-template[cdkAccordionContent]", hostDirectives: [{ directive: i1.DeferredContent }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkAccordionContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[cdkAccordionContent]',
+                    hostDirectives: [DeferredContent],
+                }]
+        }] });
+
+export { CdkAccordionContent, CdkAccordionGroup, CdkAccordionPanel, CdkAccordionTrigger };
+//# sourceMappingURL=accordion.mjs.map