@angular/aria 21.0.0-next.8 → 21.0.0-rc.0

package/fesm2022/accordion.mjs

@@ -4,189 +4,388 @@ import { _IdGenerator } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import * as i1 from '@angular/aria/deferred-content';
 import { DeferredContentAware, DeferredContent } from '@angular/aria/deferred-content';
-import { AccordionPanelPattern, AccordionTriggerPattern, AccordionGroupPattern } from '@angular/aria/ui-patterns';
+import { AccordionPanelPattern, AccordionTriggerPattern, AccordionGroupPattern } from '@angular/aria/private';
 
-/**
- * Represents the content panel of an accordion item. It is controlled by an
- * associated `AccordionTrigger`.
- */
 class AccordionPanel {
-    /** The DeferredContentAware host directive. */
-    _deferredContentAware = inject(DeferredContentAware);
-    /** A global unique identifier for the panel. */
-    _id = inject(_IdGenerator).getId('accordion-trigger-');
-    /** A local unique identifier for the panel, used to match with its trigger's value. */
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-    /** The parent accordion trigger pattern that controls this panel. This is set by AccordionGroup. */
-    accordionTrigger = signal(undefined, ...(ngDevMode ? [{ debugName: "accordionTrigger" }] : []));
-    /** The UI pattern instance for this panel. */
-    pattern = new AccordionPanelPattern({
-        id: () => this._id,
-        value: this.value,
-        accordionTrigger: () => this.accordionTrigger(),
+  _deferredContentAware = inject(DeferredContentAware);
+  _id = inject(_IdGenerator).getId('accordion-trigger-');
+  value = input.required(...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  accordionTrigger = signal(undefined, ...(ngDevMode ? [{
+    debugName: "accordionTrigger"
+  }] : []));
+  _pattern = new AccordionPanelPattern({
+    id: () => this._id,
+    value: this.value,
+    accordionTrigger: () => this.accordionTrigger()
+  });
+  constructor() {
+    afterRenderEffect(() => {
+      this._deferredContentAware.contentVisible.set(!this._pattern.hidden());
     });
-    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.2.0-next.2", ngImport: i0, type: AccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: AccordionPanel, isStandalone: true, selector: "[ngAccordionPanel]", 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: "ng-accordion-panel" }, exportAs: ["ngAccordionPanel"], hostDirectives: [{ directive: i1.DeferredContentAware, inputs: ["preserveContent", "preserveContent"] }], ngImport: i0 });
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: AccordionPanel,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: AccordionPanel,
+    isStandalone: true,
+    selector: "[ngAccordionPanel]",
+    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: "ng-accordion-panel"
+    },
+    exportAs: ["ngAccordionPanel"],
+    hostDirectives: [{
+      directive: i1.DeferredContentAware,
+      inputs: ["preserveContent", "preserveContent"]
+    }],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: AccordionPanel, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngAccordionPanel]',
-                    exportAs: 'ngAccordionPanel',
-                    hostDirectives: [
-                        {
-                            directive: DeferredContentAware,
-                            inputs: ['preserveContent'],
-                        },
-                    ],
-                    host: {
-                        'class': 'ng-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 `AccordionPanel`.
- */
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: AccordionPanel,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngAccordionPanel]',
+      exportAs: 'ngAccordionPanel',
+      hostDirectives: [{
+        directive: DeferredContentAware,
+        inputs: ['preserveContent']
+      }],
+      host: {
+        'class': 'ng-accordion-panel',
+        'role': 'region',
+        '[attr.id]': '_pattern.id()',
+        '[attr.aria-labelledby]': '_pattern.accordionTrigger()?.id()',
+        '[attr.inert]': '_pattern.hidden() ? true : null'
+      }
+    }]
+  }],
+  ctorParameters: () => []
+});
 class AccordionTrigger {
-    /** A global unique identifier for the trigger. */
-    _id = inject(_IdGenerator).getId('ng-accordion-trigger-');
-    /** A reference to the trigger element. */
-    _elementRef = inject(ElementRef);
-    /** The parent AccordionGroup. */
-    _accordionGroup = inject(AccordionGroup);
-    /** A local unique identifier for the trigger, used to match with its panel's value. */
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-    /** Whether the trigger is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /**
-     * Whether this trigger is completely inaccessible.
-     *
-     * TODO(ok7sai): Consider move this to UI patterns.
-     */
-    hardDisabled = computed(() => this.pattern.disabled() && this.pattern.tabindex() < 0, ...(ngDevMode ? [{ debugName: "hardDisabled" }] : []));
-    /** The accordion panel pattern controlled by this trigger. This is set by AccordionGroup. */
-    accordionPanel = signal(undefined, ...(ngDevMode ? [{ debugName: "accordionPanel" }] : []));
-    /** 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.2.0-next.2", ngImport: i0, type: AccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: AccordionTrigger, isStandalone: true, selector: "[ngAccordionTrigger]", 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: { "attr.data-active": "pattern.active()", "id": "pattern.id()", "attr.aria-expanded": "pattern.expanded()", "attr.aria-controls": "pattern.controls()", "attr.aria-disabled": "pattern.disabled()", "attr.disabled": "hardDisabled() ? true : null", "attr.tabindex": "pattern.tabindex()" }, classAttribute: "ng-accordion-trigger" }, exportAs: ["ngAccordionTrigger"], ngImport: i0 });
+  _id = inject(_IdGenerator).getId('ng-accordion-trigger-');
+  _elementRef = inject(ElementRef);
+  _accordionGroup = inject(AccordionGroup);
+  value = input.required(...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  hardDisabled = computed(() => this._pattern.disabled() && this._pattern.tabindex() < 0, ...(ngDevMode ? [{
+    debugName: "hardDisabled"
+  }] : []));
+  accordionPanel = signal(undefined, ...(ngDevMode ? [{
+    debugName: "accordionPanel"
+  }] : []));
+  _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.2.0-next.2",
+    ngImport: i0,
+    type: AccordionTrigger,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: AccordionTrigger,
+    isStandalone: true,
+    selector: "[ngAccordionTrigger]",
+    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: {
+        "attr.data-active": "_pattern.active()",
+        "id": "_pattern.id()",
+        "attr.aria-expanded": "_pattern.expanded()",
+        "attr.aria-controls": "_pattern.controls()",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "attr.disabled": "hardDisabled() ? true : null",
+        "attr.tabindex": "_pattern.tabindex()"
+      },
+      classAttribute: "ng-accordion-trigger"
+    },
+    exportAs: ["ngAccordionTrigger"],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: AccordionTrigger, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngAccordionTrigger]',
-                    exportAs: 'ngAccordionTrigger',
-                    host: {
-                        'class': 'ng-accordion-trigger',
-                        '[attr.data-active]': 'pattern.active()',
-                        'role': 'button',
-                        '[id]': 'pattern.id()',
-                        '[attr.aria-expanded]': 'pattern.expanded()',
-                        '[attr.aria-controls]': 'pattern.controls()',
-                        '[attr.aria-disabled]': 'pattern.disabled()',
-                        '[attr.disabled]': 'hardDisabled() ? true : null',
-                        '[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.
- */
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: AccordionTrigger,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngAccordionTrigger]',
+      exportAs: 'ngAccordionTrigger',
+      host: {
+        'class': 'ng-accordion-trigger',
+        '[attr.data-active]': '_pattern.active()',
+        'role': 'button',
+        '[id]': '_pattern.id()',
+        '[attr.aria-expanded]': '_pattern.expanded()',
+        '[attr.aria-controls]': '_pattern.controls()',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[attr.disabled]': 'hardDisabled() ? true : null',
+        '[attr.tabindex]': '_pattern.tabindex()',
+        '(keydown)': '_pattern.onKeydown($event)',
+        '(pointerdown)': '_pattern.onPointerdown($event)',
+        '(focusin)': '_pattern.onFocus($event)'
+      }
+    }]
+  }]
+});
 class AccordionGroup {
-    /** A reference to the group element. */
-    _elementRef = inject(ElementRef);
-    /** The AccordionTriggers nested inside this group. */
-    _triggers = contentChildren(AccordionTrigger, ...(ngDevMode ? [{ debugName: "_triggers", descendants: true }] : [{ descendants: true }]));
-    /** The AccordionPanels nested inside this group. */
-    _panels = contentChildren(AccordionPanel, ...(ngDevMode ? [{ debugName: "_panels", descendants: true }] : [{ descendants: true }]));
-    /** The text direction (ltr or rtl). */
-    textDirection = inject(Directionality).valueSignal;
-    /** Whether the entire accordion group is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether multiple accordion items can be expanded simultaneously. */
-    multiExpandable = input(true, ...(ngDevMode ? [{ debugName: "multiExpandable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The values of the current selected/expanded accordions. */
-    value = model([], ...(ngDevMode ? [{ debugName: "value" }] : []));
-    /** Whether disabled items should be skipped during keyboard navigation. */
-    skipDisabled = input(true, ...(ngDevMode ? [{ debugName: "skipDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether keyboard navigation should wrap around from the last item to the first, and vice-versa. */
-    wrap = input(false, ...(ngDevMode ? [{ debugName: "wrap", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The UI pattern instance for this accordion group. */
-    pattern = new AccordionGroupPattern({
-        ...this,
-        // TODO(ok7sai): Consider making `activeItem` an internal state in the pattern and call
-        // `setDefaultState` in the CDK.
-        activeItem: signal(undefined),
-        items: computed(() => this._triggers().map(trigger => trigger.pattern)),
-        expandedIds: this.value,
-        // TODO(ok7sai): Investigate whether an accordion should support horizontal mode.
-        orientation: () => 'vertical',
-        element: () => this._elementRef.nativeElement,
+  _elementRef = inject(ElementRef);
+  _triggers = contentChildren(AccordionTrigger, ...(ngDevMode ? [{
+    debugName: "_triggers",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  _panels = contentChildren(AccordionPanel, ...(ngDevMode ? [{
+    debugName: "_panels",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  textDirection = inject(Directionality).valueSignal;
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  multiExpandable = input(true, ...(ngDevMode ? [{
+    debugName: "multiExpandable",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  value = model([], ...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  skipDisabled = input(true, ...(ngDevMode ? [{
+    debugName: "skipDisabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  wrap = input(false, ...(ngDevMode ? [{
+    debugName: "wrap",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  _pattern = new AccordionGroupPattern({
+    ...this,
+    activeItem: signal(undefined),
+    items: computed(() => this._triggers().map(trigger => trigger._pattern)),
+    expandedIds: this.value,
+    orientation: () => 'vertical',
+    element: () => this._elementRef.nativeElement
+  });
+  constructor() {
+    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);
+        }
+      }
     });
-    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.2.0-next.2", ngImport: i0, type: AccordionGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0-next.2", type: AccordionGroup, isStandalone: true, selector: "[ngAccordionGroup]", 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: "ng-accordion-group" }, queries: [{ propertyName: "_triggers", predicate: AccordionTrigger, descendants: true, isSignal: true }, { propertyName: "_panels", predicate: AccordionPanel, descendants: true, isSignal: true }], exportAs: ["ngAccordionGroup"], ngImport: i0 });
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: AccordionGroup,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: AccordionGroup,
+    isStandalone: true,
+    selector: "[ngAccordionGroup]",
+    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: "ng-accordion-group"
+    },
+    queries: [{
+      propertyName: "_triggers",
+      predicate: AccordionTrigger,
+      descendants: true,
+      isSignal: true
+    }, {
+      propertyName: "_panels",
+      predicate: AccordionPanel,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngAccordionGroup"],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: AccordionGroup, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngAccordionGroup]',
-                    exportAs: 'ngAccordionGroup',
-                    host: {
-                        'class': 'ng-accordion-group',
-                    },
-                }]
-        }], ctorParameters: () => [] });
-/**
- * A structural directive that marks the `ng-template` to be used as the content
- * for a `AccordionPanel`. This content can be lazily loaded.
- */
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: AccordionGroup,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngAccordionGroup]',
+      exportAs: 'ngAccordionGroup',
+      host: {
+        'class': 'ng-accordion-group'
+      }
+    }]
+  }],
+  ctorParameters: () => []
+});
 class AccordionContent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: AccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: AccordionContent, isStandalone: true, selector: "ng-template[ngAccordionContent]", hostDirectives: [{ directive: i1.DeferredContent }], ngImport: i0 });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: AccordionContent,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    type: AccordionContent,
+    isStandalone: true,
+    selector: "ng-template[ngAccordionContent]",
+    hostDirectives: [{
+      directive: i1.DeferredContent
+    }],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: AccordionContent, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ng-template[ngAccordionContent]',
-                    hostDirectives: [DeferredContent],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: AccordionContent,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: 'ng-template[ngAccordionContent]',
+      hostDirectives: [DeferredContent]
+    }]
+  }]
+});
 
 export { AccordionContent, AccordionGroup, AccordionPanel, AccordionTrigger };
 //# sourceMappingURL=accordion.mjs.map

package/fesm2022/accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/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 {\n  Directive,\n  input,\n  ElementRef,\n  inject,\n  contentChildren,\n  afterRenderEffect,\n  signal,\n  model,\n  booleanAttribute,\n  computed,\n  WritableSignal,\n} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-content';\nimport {\n  AccordionGroupPattern,\n  AccordionPanelPattern,\n  AccordionTriggerPattern,\n} from '@angular/aria/ui-patterns';\n\n/**\n * Represents the content panel of an accordion item. It is controlled by an\n * associated `AccordionTrigger`.\n */\n@Directive({\n  selector: '[ngAccordionPanel]',\n  exportAs: 'ngAccordionPanel',\n  hostDirectives: [\n    {\n      directive: DeferredContentAware,\n      inputs: ['preserveContent'],\n    },\n  ],\n  host: {\n    'class': 'ng-accordion-panel',\n    'role': 'region',\n    '[attr.id]': 'pattern.id()',\n    '[attr.aria-labelledby]': 'pattern.accordionTrigger()?.id()',\n    '[attr.inert]': 'pattern.hidden() ? true : null',\n  },\n})\nexport class AccordionPanel {\n  /** The DeferredContentAware host directive. */\n  private readonly _deferredContentAware = inject(DeferredContentAware);\n\n  /** A global unique identifier for the panel. */\n  private readonly _id = inject(_IdGenerator).getId('accordion-trigger-');\n\n  /** A local unique identifier for the panel, used to match with its trigger's value. */\n  value = input.required<string>();\n\n  /** The parent accordion trigger pattern that controls this panel. This is set by AccordionGroup. */\n  readonly accordionTrigger: WritableSignal<AccordionTriggerPattern | undefined> =\n    signal(undefined);\n\n  /** The UI pattern instance for this panel. */\n  readonly pattern: AccordionPanelPattern = new AccordionPanelPattern({\n    id: () => this._id,\n    value: this.value,\n    accordionTrigger: () => this.accordionTrigger(),\n  });\n\n  constructor() {\n    // Connect the panel's hidden state to the DeferredContentAware's visibility.\n    afterRenderEffect(() => {\n      this._deferredContentAware.contentVisible.set(!this.pattern.hidden());\n    });\n  }\n}\n\n/**\n * Represents the trigger button for an accordion item. It controls the expansion\n * state of an associated `AccordionPanel`.\n */\n@Directive({\n  selector: '[ngAccordionTrigger]',\n  exportAs: 'ngAccordionTrigger',\n  host: {\n    'class': 'ng-accordion-trigger',\n    '[attr.data-active]': 'pattern.active()',\n    'role': 'button',\n    '[id]': 'pattern.id()',\n    '[attr.aria-expanded]': 'pattern.expanded()',\n    '[attr.aria-controls]': 'pattern.controls()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[attr.disabled]': 'hardDisabled() ? true : null',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '(keydown)': 'pattern.onKeydown($event)',\n    '(pointerdown)': 'pattern.onPointerdown($event)',\n    '(focusin)': 'pattern.onFocus($event)',\n  },\n})\nexport class AccordionTrigger {\n  /** A global unique identifier for the trigger. */\n  private readonly _id = inject(_IdGenerator).getId('ng-accordion-trigger-');\n\n  /** A reference to the trigger element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent AccordionGroup. */\n  private readonly _accordionGroup = inject(AccordionGroup);\n\n  /** A local unique identifier for the trigger, used to match with its panel's value. */\n  value = input.required<string>();\n\n  /** Whether the trigger is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /**\n   * Whether this trigger is completely inaccessible.\n   *\n   * TODO(ok7sai): Consider move this to UI patterns.\n   */\n  readonly hardDisabled = computed(() => this.pattern.disabled() && this.pattern.tabindex() < 0);\n\n  /** The accordion panel pattern controlled by this trigger. This is set by AccordionGroup. */\n  readonly accordionPanel: WritableSignal<AccordionPanelPattern | undefined> = signal(undefined);\n\n  /** The UI pattern instance for this trigger. */\n  readonly pattern: AccordionTriggerPattern = new AccordionTriggerPattern({\n    id: () => this._id,\n    value: this.value,\n    disabled: this.disabled,\n    element: () => this._elementRef.nativeElement,\n    accordionGroup: computed(() => this._accordionGroup.pattern),\n    accordionPanel: this.accordionPanel,\n  });\n}\n\n/**\n * Container for a group of accordion items. It manages the overall state and\n * interactions of the accordion, such as keyboard navigation and expansion mode.\n */\n@Directive({\n  selector: '[ngAccordionGroup]',\n  exportAs: 'ngAccordionGroup',\n  host: {\n    'class': 'ng-accordion-group',\n  },\n})\nexport class AccordionGroup {\n  /** A reference to the group element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The AccordionTriggers nested inside this group. */\n  protected readonly _triggers = contentChildren(AccordionTrigger, {descendants: true});\n\n  /** The AccordionPanels nested inside this group. */\n  protected readonly _panels = contentChildren(AccordionPanel, {descendants: true});\n\n  /** The text direction (ltr or rtl). */\n  readonly textDirection = inject(Directionality).valueSignal;\n\n  /** Whether the entire accordion group is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether multiple accordion items can be expanded simultaneously. */\n  multiExpandable = input(true, {transform: booleanAttribute});\n\n  /** The values of the current selected/expanded accordions. */\n  value = model<string[]>([]);\n\n  /** Whether disabled items should be skipped during keyboard navigation. */\n  skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** Whether keyboard navigation should wrap around from the last item to the first, and vice-versa. */\n  wrap = input(false, {transform: booleanAttribute});\n\n  /** The UI pattern instance for this accordion group. */\n  readonly pattern: AccordionGroupPattern = new AccordionGroupPattern({\n    ...this,\n    // TODO(ok7sai): Consider making `activeItem` an internal state in the pattern and call\n    // `setDefaultState` in the CDK.\n    activeItem: signal(undefined),\n    items: computed(() => this._triggers().map(trigger => trigger.pattern)),\n    expandedIds: this.value,\n    // TODO(ok7sai): Investigate whether an accordion should support horizontal mode.\n    orientation: () => 'vertical',\n    element: () => this._elementRef.nativeElement,\n  });\n\n  constructor() {\n    // Effect to link triggers with their corresponding panels and update the group's items.\n    afterRenderEffect(() => {\n      const triggers = this._triggers();\n      const panels = this._panels();\n\n      for (const trigger of triggers) {\n        const panel = panels.find(p => p.value() === trigger.value());\n        trigger.accordionPanel.set(panel?.pattern);\n        if (panel) {\n          panel.accordionTrigger.set(trigger.pattern);\n        }\n      }\n    });\n  }\n}\n\n/**\n * A structural directive that marks the `ng-template` to be used as the content\n * for a `AccordionPanel`. This content can be lazily loaded.\n */\n@Directive({\n  selector: 'ng-template[ngAccordionContent]',\n  hostDirectives: [DeferredContent],\n})\nexport class AccordionContent {}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"accordion.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/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 {\n  Directive,\n  input,\n  ElementRef,\n  inject,\n  contentChildren,\n  afterRenderEffect,\n  signal,\n  model,\n  booleanAttribute,\n  computed,\n  WritableSignal,\n} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-content';\nimport {\n  AccordionGroupPattern,\n  AccordionPanelPattern,\n  AccordionTriggerPattern,\n} from '@angular/aria/private';\n\n/**\n * Represents the content panel of an accordion item. It is controlled by an\n * associated `AccordionTrigger`.\n */\n@Directive({\n  selector: '[ngAccordionPanel]',\n  exportAs: 'ngAccordionPanel',\n  hostDirectives: [\n    {\n      directive: DeferredContentAware,\n      inputs: ['preserveContent'],\n    },\n  ],\n  host: {\n    'class': 'ng-accordion-panel',\n    'role': 'region',\n    '[attr.id]': '_pattern.id()',\n    '[attr.aria-labelledby]': '_pattern.accordionTrigger()?.id()',\n    '[attr.inert]': '_pattern.hidden() ? true : null',\n  },\n})\nexport class AccordionPanel {\n  /** The DeferredContentAware host directive. */\n  private readonly _deferredContentAware = inject(DeferredContentAware);\n\n  /** A global unique identifier for the panel. */\n  private readonly _id = inject(_IdGenerator).getId('accordion-trigger-');\n\n  /** A local unique identifier for the panel, used to match with its trigger's value. */\n  value = input.required<string>();\n\n  /** The parent accordion trigger pattern that controls this panel. This is set by AccordionGroup. */\n  readonly accordionTrigger: WritableSignal<AccordionTriggerPattern | undefined> =\n    signal(undefined);\n\n  /** The UI pattern instance for this panel. */\n  readonly _pattern: AccordionPanelPattern = new AccordionPanelPattern({\n    id: () => this._id,\n    value: this.value,\n    accordionTrigger: () => this.accordionTrigger(),\n  });\n\n  constructor() {\n    // Connect the panel's hidden state to the DeferredContentAware's visibility.\n    afterRenderEffect(() => {\n      this._deferredContentAware.contentVisible.set(!this._pattern.hidden());\n    });\n  }\n}\n\n/**\n * Represents the trigger button for an accordion item. It controls the expansion\n * state of an associated `AccordionPanel`.\n */\n@Directive({\n  selector: '[ngAccordionTrigger]',\n  exportAs: 'ngAccordionTrigger',\n  host: {\n    'class': 'ng-accordion-trigger',\n    '[attr.data-active]': '_pattern.active()',\n    'role': 'button',\n    '[id]': '_pattern.id()',\n    '[attr.aria-expanded]': '_pattern.expanded()',\n    '[attr.aria-controls]': '_pattern.controls()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.disabled]': 'hardDisabled() ? true : null',\n    '[attr.tabindex]': '_pattern.tabindex()',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(pointerdown)': '_pattern.onPointerdown($event)',\n    '(focusin)': '_pattern.onFocus($event)',\n  },\n})\nexport class AccordionTrigger {\n  /** A global unique identifier for the trigger. */\n  private readonly _id = inject(_IdGenerator).getId('ng-accordion-trigger-');\n\n  /** A reference to the trigger element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent AccordionGroup. */\n  private readonly _accordionGroup = inject(AccordionGroup);\n\n  /** A local unique identifier for the trigger, used to match with its panel's value. */\n  value = input.required<string>();\n\n  /** Whether the trigger is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /**\n   * Whether this trigger is completely inaccessible.\n   *\n   * TODO(ok7sai): Consider move this to UI patterns.\n   */\n  readonly hardDisabled = computed(() => this._pattern.disabled() && this._pattern.tabindex() < 0);\n\n  /** The accordion panel pattern controlled by this trigger. This is set by AccordionGroup. */\n  readonly accordionPanel: WritableSignal<AccordionPanelPattern | undefined> = signal(undefined);\n\n  /** The UI pattern instance for this trigger. */\n  readonly _pattern: AccordionTriggerPattern = new AccordionTriggerPattern({\n    id: () => this._id,\n    value: this.value,\n    disabled: this.disabled,\n    element: () => this._elementRef.nativeElement,\n    accordionGroup: computed(() => this._accordionGroup._pattern),\n    accordionPanel: this.accordionPanel,\n  });\n}\n\n/**\n * Container for a group of accordion items. It manages the overall state and\n * interactions of the accordion, such as keyboard navigation and expansion mode.\n */\n@Directive({\n  selector: '[ngAccordionGroup]',\n  exportAs: 'ngAccordionGroup',\n  host: {\n    'class': 'ng-accordion-group',\n  },\n})\nexport class AccordionGroup {\n  /** A reference to the group element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The AccordionTriggers nested inside this group. */\n  protected readonly _triggers = contentChildren(AccordionTrigger, {descendants: true});\n\n  /** The AccordionPanels nested inside this group. */\n  protected readonly _panels = contentChildren(AccordionPanel, {descendants: true});\n\n  /** The text direction (ltr or rtl). */\n  readonly textDirection = inject(Directionality).valueSignal;\n\n  /** Whether the entire accordion group is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether multiple accordion items can be expanded simultaneously. */\n  multiExpandable = input(true, {transform: booleanAttribute});\n\n  /** The values of the current selected/expanded accordions. */\n  value = model<string[]>([]);\n\n  /** Whether disabled items should be skipped during keyboard navigation. */\n  skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** Whether keyboard navigation should wrap around from the last item to the first, and vice-versa. */\n  wrap = input(false, {transform: booleanAttribute});\n\n  /** The UI pattern instance for this accordion group. */\n  readonly _pattern: AccordionGroupPattern = new AccordionGroupPattern({\n    ...this,\n    // TODO(ok7sai): Consider making `activeItem` an internal state in the pattern and call\n    // `setDefaultState` in the CDK.\n    activeItem: signal(undefined),\n    items: computed(() => this._triggers().map(trigger => trigger._pattern)),\n    expandedIds: this.value,\n    // TODO(ok7sai): Investigate whether an accordion should support horizontal mode.\n    orientation: () => 'vertical',\n    element: () => this._elementRef.nativeElement,\n  });\n\n  constructor() {\n    // Effect to link triggers with their corresponding panels and update the group's items.\n    afterRenderEffect(() => {\n      const triggers = this._triggers();\n      const panels = this._panels();\n\n      for (const trigger of triggers) {\n        const panel = panels.find(p => p.value() === trigger.value());\n        trigger.accordionPanel.set(panel?._pattern);\n        if (panel) {\n          panel.accordionTrigger.set(trigger._pattern);\n        }\n      }\n    });\n  }\n}\n\n/**\n * A structural directive that marks the `ng-template` to be used as the content\n * for a `AccordionPanel`. This content can be lazily loaded.\n */\n@Directive({\n  selector: 'ng-template[ngAccordionContent]',\n  hostDirectives: [DeferredContent],\n})\nexport class AccordionContent {}\n"],"names":["AccordionPanel","accordionTrigger","signal","undefined","ngDevMode","debugName","_pattern","AccordionPanelPattern","value","constructor","afterRenderEffect","_deferredContentAware","contentVisible","set","hidden","ɵfac","i0","ɵɵngDeclareFactory","minVersion","version","ngImport","type","deps","target","ɵɵFactoryTarget","Directive","decorators","args","selector","ctorParameters","input","required","disabled","transform","booleanAttribute","hardDisabled","computed","tabindex","element","_elementRef","nativeElement","accordionGroup","_accordionGroup","AccordionTrigger","ɵdir","ɵɵngDeclareDirective","isStandalone","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","host","attributes","listeners","properties","classAttribute","exportAs","textDirection","inject","Directionality","valueSignal","wrap","AccordionGroupPattern","items","_triggers","map","trigger","triggers","AccordionContent"],"mappings":"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"}