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

package/fesm2022/{tabs-DFP3Xs4J.mjs → tabs-BN3wsMdD.mjs}

@@ -1,45 +1,7 @@
 import { computed } from '@angular/core';
-import { K as KeyboardEventManager, P as PointerEventManager, L as ListFocus, b as ListNavigation, a as ListSelection } from './list-focus-Di7m_z_6.mjs';
-
-/**
- * An Expansion control.
- *
- * Use Expansion behavior if a pattern has a collapsible view that has two elements rely on the
- * states from each other. For example
- *
- * ```html
- * <button aria-controls="remote-content" aria-expanded="false">Toggle Content</button>
- *
- * ...
- *
- * <div id="remote-content" aria-hidden="true">
- *  Collapsible content
- * </div>
- * ```
- */
-class ExpansionControl {
-    inputs;
-    /** Whether an Expansion is visible. */
-    visible;
-    /** The controllerd Expansion panel Id. */
-    controls = computed(() => this.inputs.expansionPanel()?.id());
-    constructor(inputs) {
-        this.inputs = inputs;
-        this.visible = inputs.visible;
-    }
-}
-/** A Expansion panel. */
-class ExpansionPanel {
-    inputs;
-    /** A unique identifier for the panel. */
-    id;
-    /** Whether the panel is hidden. */
-    hidden = computed(() => !this.inputs.expansionControl()?.visible());
-    constructor(inputs) {
-        this.inputs = inputs;
-        this.id = inputs.id;
-    }
-}
+import { K as KeyboardEventManager, P as PointerEventManager, L as ListFocus, a as ListNavigation } from './list-focus-BXQdAA3i.mjs';
+import { L as ListSelection } from './list-selection-BLV4Yy7T.mjs';
+import { E as ExpansionControl, L as ListExpansion } from './expansion-DykBzWrb.mjs';
 
 /** A tab in a tablist. */
 class TabPattern {
@@ -52,45 +14,50 @@ class TabPattern {
     disabled;
     /** The html element that should receive focus. */
     element;
-    /** Controls the expansion state for the tab.  */
-    expansionControl;
+    /** Whether this tab has expandable content. */
+    expandable;
+    /** The unique identifier used by the expansion behavior. */
+    expansionId;
+    /** Whether the tab is expanded. */
+    expanded;
     /** Whether the tab is active. */
     active = computed(() => this.inputs.tablist().focusManager.activeItem() === this);
     /** Whether the tab is selected. */
     selected = computed(() => !!this.inputs.tablist().selection.inputs.value().includes(this.value()));
-    /** A tabpanel Id controlled by the tab. */
-    controls = computed(() => this.expansionControl.controls());
     /** The tabindex of the tab. */
     tabindex = computed(() => this.inputs.tablist().focusManager.getItemTabindex(this));
+    /** The id of the tabpanel associated with the tab. */
+    controls = computed(() => this.inputs.tabpanel()?.id());
     constructor(inputs) {
         this.inputs = inputs;
         this.id = inputs.id;
         this.value = inputs.value;
         this.disabled = inputs.disabled;
         this.element = inputs.element;
-        this.expansionControl = new ExpansionControl({
-            visible: this.selected,
-            expansionPanel: computed(() => inputs.tabpanel()?.expansionPanel),
+        const expansionControl = new ExpansionControl({
+            ...inputs,
+            expansionId: inputs.value,
+            expandable: () => true,
+            expansionManager: inputs.tablist().expansionManager,
         });
+        this.expansionId = expansionControl.expansionId;
+        this.expandable = expansionControl.isExpandable;
+        this.expanded = expansionControl.isExpanded;
     }
 }
 /** A tabpanel associated with a tab. */
 class TabPanelPattern {
+    inputs;
     /** A global unique identifier for the tabpanel. */
     id;
     /** A local unique identifier for the tabpanel. */
     value;
-    /** Represents the expansion state for the tabpanel.  */
-    expansionPanel;
     /** Whether the tabpanel is hidden. */
-    hidden = computed(() => this.expansionPanel.hidden());
+    hidden = computed(() => this.inputs.tab()?.expanded() === false);
     constructor(inputs) {
+        this.inputs = inputs;
         this.id = inputs.id;
         this.value = inputs.value;
-        this.expansionPanel = new ExpansionPanel({
-            id: inputs.id,
-            expansionControl: computed(() => inputs.tab()?.expansionControl),
-        });
     }
 }
 /** Controls the state of a tablist. */
@@ -102,6 +69,8 @@ class TabListPattern {
     selection;
     /** Controls focus for the tablist. */
     focusManager;
+    /** Controls expansion for the tablist. */
+    expansionManager;
     /** Whether the tablist is vertically or horizontally oriented. */
     orientation;
     /** Whether the tablist is disabled. */
@@ -128,18 +97,17 @@ class TabListPattern {
     });
     /** The keydown event manager for the tablist. */
     keydown = computed(() => {
-        const manager = new KeyboardEventManager()
-            .on(this.prevKey, () => this.prev({ selectOne: this.followFocus() }))
-            .on(this.nextKey, () => this.next({ selectOne: this.followFocus() }))
-            .on('Home', () => this.first({ selectOne: this.followFocus() }))
-            .on('End', () => this.last({ selectOne: this.followFocus() }))
-            .on(' ', () => this.selection.selectOne())
-            .on('Enter', () => this.selection.selectOne());
-        return manager;
+        return new KeyboardEventManager()
+            .on(this.prevKey, () => this.prev({ select: this.followFocus() }))
+            .on(this.nextKey, () => this.next({ select: this.followFocus() }))
+            .on('Home', () => this.first({ select: this.followFocus() }))
+            .on('End', () => this.last({ select: this.followFocus() }))
+            .on(' ', () => this._select({ select: true }))
+            .on('Enter', () => this._select({ select: true }));
     });
     /** The pointerdown event manager for the tablist. */
     pointerdown = computed(() => {
-        return new PointerEventManager().on(e => this.goto(e, { selectOne: true }));
+        return new PointerEventManager().on(e => this.goto(e, { select: true }));
     });
     constructor(inputs) {
         this.inputs = inputs;
@@ -152,6 +120,12 @@ class TabListPattern {
             multi: () => false,
             focusManager: this.focusManager,
         });
+        this.expansionManager = new ListExpansion({
+            ...inputs,
+            multiExpandable: () => false,
+            expandedIds: this.inputs.value,
+            focusManager: this.focusManager,
+        });
     }
     /** Handles keydown events for the tablist. */
     onKeydown(event) {
@@ -168,44 +142,36 @@ class TabListPattern {
     /** Navigates to the first option in the tablist. */
     first(opts) {
         this.navigation.first();
-        this._updateSelection(opts);
+        this._select(opts);
     }
     /** Navigates to the last option in the tablist. */
     last(opts) {
         this.navigation.last();
-        this._updateSelection(opts);
+        this._select(opts);
     }
     /** Navigates to the next option in the tablist. */
     next(opts) {
         this.navigation.next();
-        this._updateSelection(opts);
+        this._select(opts);
     }
     /** Navigates to the previous option in the tablist. */
     prev(opts) {
         this.navigation.prev();
-        this._updateSelection(opts);
+        this._select(opts);
     }
     /** Navigates to the given item in the tablist. */
     goto(event, opts) {
         const item = this._getItem(event);
         if (item) {
             this.navigation.goto(item);
-            this._updateSelection(opts);
+            this._select(opts);
         }
     }
     /** Handles updating selection for the tablist. */
-    _updateSelection(opts) {
+    _select(opts) {
         if (opts?.select) {
-            this.selection.select();
-        }
-        if (opts?.toggle) {
-            this.selection.toggle();
-        }
-        if (opts?.toggleOne) {
-            this.selection.toggleOne();
-        }
-        if (opts?.selectOne) {
             this.selection.selectOne();
+            this.expansionManager.open();
         }
     }
     _getItem(e) {
@@ -218,4 +184,4 @@ class TabListPattern {
 }
 
 export { TabListPattern as T, TabPattern as a, TabPanelPattern as b };
-//# sourceMappingURL=tabs-DFP3Xs4J.mjs.map
+//# sourceMappingURL=tabs-BN3wsMdD.mjs.map

package/fesm2022/tabs-BN3wsMdD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-BN3wsMdD.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-46c76129e412/bin/src/cdk-experimental/ui-patterns/tabs/tabs.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 {ListFocus, ListFocusInputs, ListFocusItem} from '../behaviors/list-focus/list-focus';\nimport {\n  ListNavigation,\n  ListNavigationInputs,\n  ListNavigationItem,\n} from '../behaviors/list-navigation/list-navigation';\nimport {\n  ListSelection,\n  ListSelectionInputs,\n  ListSelectionItem,\n} from '../behaviors/list-selection/list-selection';\nimport {\n  ExpansionItem,\n  ExpansionControl,\n  ListExpansionInputs,\n  ListExpansion,\n} from '../behaviors/expansion/expansion';\nimport {SignalLike} from '../behaviors/signal-like/signal-like';\n\n/** The required inputs to tabs. */\nexport interface TabInputs\n  extends ListNavigationItem,\n    ListSelectionItem<string>,\n    ListFocusItem,\n    Omit<ExpansionItem, 'expansionId' | 'expandable'> {\n  /** The parent tablist that controls the tab. */\n  tablist: SignalLike<TabListPattern>;\n\n  /** The remote tabpanel controlled by the tab. */\n  tabpanel: SignalLike<TabPanelPattern | undefined>;\n}\n\n/** A tab in a tablist. */\nexport class TabPattern {\n  /** A global unique identifier for the tab. */\n  id: SignalLike<string>;\n\n  /** A local unique identifier for the tab. */\n  value: SignalLike<string>;\n\n  /** Whether the tab is disabled. */\n  disabled: SignalLike<boolean>;\n\n  /** The html element that should receive focus. */\n  element: SignalLike<HTMLElement>;\n\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 the tab is expanded. */\n  expanded: SignalLike<boolean>;\n\n  /** Whether the tab is active. */\n  active = computed(() => this.inputs.tablist().focusManager.activeItem() === this);\n\n  /** Whether the tab is selected. */\n  selected = computed(\n    () => !!this.inputs.tablist().selection.inputs.value().includes(this.value()),\n  );\n\n  /** The tabindex of the tab. */\n  tabindex = computed(() => this.inputs.tablist().focusManager.getItemTabindex(this));\n\n  /** The id of the tabpanel associated with the tab. */\n  controls = computed(() => this.inputs.tabpanel()?.id());\n\n  constructor(readonly inputs: TabInputs) {\n    this.id = inputs.id;\n    this.value = inputs.value;\n    this.disabled = inputs.disabled;\n    this.element = inputs.element;\n    const expansionControl = new ExpansionControl({\n      ...inputs,\n      expansionId: inputs.value,\n      expandable: () => true,\n      expansionManager: inputs.tablist().expansionManager,\n    });\n    this.expansionId = expansionControl.expansionId;\n    this.expandable = expansionControl.isExpandable;\n    this.expanded = expansionControl.isExpanded;\n  }\n}\n\n/** The required inputs for the tabpanel. */\nexport interface TabPanelInputs {\n  id: SignalLike<string>;\n  tab: SignalLike<TabPattern | undefined>;\n  value: SignalLike<string>;\n}\n\n/** A tabpanel associated with a tab. */\nexport class TabPanelPattern {\n  /** A global unique identifier for the tabpanel. */\n  id: SignalLike<string>;\n\n  /** A local unique identifier for the tabpanel. */\n  value: SignalLike<string>;\n\n  /** Whether the tabpanel is hidden. */\n  hidden = computed(() => this.inputs.tab()?.expanded() === false);\n\n  constructor(readonly inputs: TabPanelInputs) {\n    this.id = inputs.id;\n    this.value = inputs.value;\n  }\n}\n\n/** The selection operations that the tablist can perform. */\ninterface SelectOptions {\n  select?: boolean;\n}\n\n/** The required inputs for the tablist. */\nexport type TabListInputs = ListNavigationInputs<TabPattern> &\n  Omit<ListSelectionInputs<TabPattern, string>, 'multi'> &\n  ListFocusInputs<TabPattern> &\n  Omit<ListExpansionInputs<TabPattern>, 'multiExpandable' | 'expandedIds'> & {\n    disabled: SignalLike<boolean>;\n  };\n\n/** Controls the state of a tablist. */\nexport class TabListPattern {\n  /** Controls navigation for the tablist. */\n  navigation: ListNavigation<TabPattern>;\n\n  /** Controls selection for the tablist. */\n  selection: ListSelection<TabPattern, string>;\n\n  /** Controls focus for the tablist. */\n  focusManager: ListFocus<TabPattern>;\n\n  /** Controls expansion for the tablist. */\n  expansionManager: ListExpansion<TabPattern>;\n\n  /** Whether the tablist is vertically or horizontally oriented. */\n  orientation: SignalLike<'vertical' | 'horizontal'>;\n\n  /** Whether the tablist is disabled. */\n  disabled: SignalLike<boolean>;\n\n  /** The tabindex of the tablist. */\n  tabindex = computed(() => this.focusManager.getListTabindex());\n\n  /** The id of the current active tab. */\n  activedescendant = computed(() => this.focusManager.getActiveDescendant());\n\n  /** Whether selection should follow focus. */\n  followFocus = computed(() => this.inputs.selectionMode() === 'follow');\n\n  /** The key used to navigate to the previous tab in the tablist. */\n  prevKey = computed(() => {\n    if (this.inputs.orientation() === 'vertical') {\n      return 'ArrowUp';\n    }\n    return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';\n  });\n\n  /** The key used to navigate to the next item in the list. */\n  nextKey = computed(() => {\n    if (this.inputs.orientation() === 'vertical') {\n      return 'ArrowDown';\n    }\n    return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n  });\n\n  /** The keydown event manager for the tablist. */\n  keydown = computed(() => {\n    return new KeyboardEventManager()\n      .on(this.prevKey, () => this.prev({select: this.followFocus()}))\n      .on(this.nextKey, () => this.next({select: this.followFocus()}))\n      .on('Home', () => this.first({select: this.followFocus()}))\n      .on('End', () => this.last({select: this.followFocus()}))\n      .on(' ', () => this._select({select: true}))\n      .on('Enter', () => this._select({select: true}));\n  });\n\n  /** The pointerdown event manager for the tablist. */\n  pointerdown = computed(() => {\n    return new PointerEventManager().on(e => this.goto(e, {select: true}));\n  });\n\n  constructor(readonly inputs: TabListInputs) {\n    this.disabled = inputs.disabled;\n    this.orientation = inputs.orientation;\n\n    this.focusManager = new ListFocus(inputs);\n    this.navigation = new ListNavigation({...inputs, focusManager: this.focusManager});\n\n    this.selection = new ListSelection({\n      ...inputs,\n      multi: () => false,\n      focusManager: this.focusManager,\n    });\n\n    this.expansionManager = new ListExpansion({\n      ...inputs,\n      multiExpandable: () => false,\n      expandedIds: this.inputs.value,\n      focusManager: this.focusManager,\n    });\n  }\n\n  /** Handles keydown events for the tablist. */\n  onKeydown(event: KeyboardEvent) {\n    if (!this.disabled()) {\n      this.keydown().handle(event);\n    }\n  }\n\n  /** The pointerdown event manager for the tablist. */\n  onPointerdown(event: PointerEvent) {\n    if (!this.disabled()) {\n      this.pointerdown().handle(event);\n    }\n  }\n\n  /** Navigates to the first option in the tablist. */\n  first(opts?: SelectOptions) {\n    this.navigation.first();\n    this._select(opts);\n  }\n\n  /** Navigates to the last option in the tablist. */\n  last(opts?: SelectOptions) {\n    this.navigation.last();\n    this._select(opts);\n  }\n\n  /** Navigates to the next option in the tablist. */\n  next(opts?: SelectOptions) {\n    this.navigation.next();\n    this._select(opts);\n  }\n\n  /** Navigates to the previous option in the tablist. */\n  prev(opts?: SelectOptions) {\n    this.navigation.prev();\n    this._select(opts);\n  }\n\n  /** Navigates to the given item in the tablist. */\n  goto(event: PointerEvent, opts?: SelectOptions) {\n    const item = this._getItem(event);\n\n    if (item) {\n      this.navigation.goto(item);\n      this._select(opts);\n    }\n  }\n\n  /** Handles updating selection for the tablist. */\n  private _select(opts?: SelectOptions) {\n    if (opts?.select) {\n      this.selection.selectOne();\n      this.expansionManager.open();\n    }\n  }\n\n  private _getItem(e: PointerEvent) {\n    if (!(e.target instanceof HTMLElement)) {\n      return;\n    }\n\n    const element = e.target.closest('[role=\"tab\"]');\n    return this.inputs.items().find(i => i.element() === element);\n  }\n}\n"],"names":[],"mappings":";;;;;AA2CA;MACa,UAAU,CAAA;AAoCA,IAAA,MAAA;;AAlCrB,IAAA,EAAE;;AAGF,IAAA,KAAK;;AAGL,IAAA,QAAQ;;AAGR,IAAA,OAAO;;AAGP,IAAA,UAAU;;AAGV,IAAA,WAAW;;AAGX,IAAA,QAAQ;;IAGR,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,IAAI,CAAC;;AAGjF,IAAA,QAAQ,GAAG,QAAQ,CACjB,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAC9E;;IAGD,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;;AAGnF,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC;AAEvD,IAAA,WAAA,CAAqB,MAAiB,EAAA;QAAjB,IAAM,CAAA,MAAA,GAAN,MAAM;AACzB,QAAA,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;AACzB,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ;AAC/B,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO;AAC7B,QAAA,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;AAC5C,YAAA,GAAG,MAAM;YACT,WAAW,EAAE,MAAM,CAAC,KAAK;AACzB,YAAA,UAAU,EAAE,MAAM,IAAI;AACtB,YAAA,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,gBAAgB;AACpD,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,WAAW;AAC/C,QAAA,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY;AAC/C,QAAA,IAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU;;AAE9C;AASD;MACa,eAAe,CAAA;AAUL,IAAA,MAAA;;AARrB,IAAA,EAAE;;AAGF,IAAA,KAAK;;AAGL,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC;AAEhE,IAAA,WAAA,CAAqB,MAAsB,EAAA;QAAtB,IAAM,CAAA,MAAA,GAAN,MAAM;AACzB,QAAA,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;;AAE5B;AAeD;MACa,cAAc,CAAA;AA4DJ,IAAA,MAAA;;AA1DrB,IAAA,UAAU;;AAGV,IAAA,SAAS;;AAGT,IAAA,YAAY;;AAGZ,IAAA,gBAAgB;;AAGhB,IAAA,WAAW;;AAGX,IAAA,QAAQ;;AAGR,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;;AAG9D,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,CAAC;;AAG1E,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,QAAQ,CAAC;;AAGtE,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;QACtB,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,UAAU,EAAE;AAC5C,YAAA,OAAO,SAAS;;AAElB,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,KAAK,GAAG,YAAY,GAAG,WAAW;AAC3E,KAAC,CAAC;;AAGF,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;QACtB,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,UAAU,EAAE;AAC5C,YAAA,OAAO,WAAW;;AAEpB,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,KAAK,GAAG,WAAW,GAAG,YAAY;AAC3E,KAAC,CAAC;;AAGF,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;QACtB,OAAO,IAAI,oBAAoB;aAC5B,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC;aAC9D,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC;AAC9D,aAAA,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC;AACzD,aAAA,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC;AACvD,aAAA,EAAE,CAAC,GAAG,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC;AAC1C,aAAA,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;AACpD,KAAC,CAAC;;AAGF,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;QAC1B,OAAO,IAAI,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;AACxE,KAAC,CAAC;AAEF,IAAA,WAAA,CAAqB,MAAqB,EAAA;QAArB,IAAM,CAAA,MAAA,GAAN,MAAM;AACzB,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ;AAC/B,QAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW;QAErC,IAAI,CAAC,YAAY,GAAG,IAAI,SAAS,CAAC,MAAM,CAAC;AACzC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,cAAc,CAAC,EAAC,GAAG,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAC,CAAC;AAElF,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,aAAa,CAAC;AACjC,YAAA,GAAG,MAAM;AACT,YAAA,KAAK,EAAE,MAAM,KAAK;YAClB,YAAY,EAAE,IAAI,CAAC,YAAY;AAChC,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,aAAa,CAAC;AACxC,YAAA,GAAG,MAAM;AACT,YAAA,eAAe,EAAE,MAAM,KAAK;AAC5B,YAAA,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;YAC9B,YAAY,EAAE,IAAI,CAAC,YAAY;AAChC,SAAA,CAAC;;;AAIJ,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;;;;AAKhC,IAAA,aAAa,CAAC,KAAmB,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;;;;AAKpC,IAAA,KAAK,CAAC,IAAoB,EAAA;AACxB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;AACvB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;;;AAIpB,IAAA,IAAI,CAAC,IAAoB,EAAA;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;;;AAIpB,IAAA,IAAI,CAAC,IAAoB,EAAA;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;;;AAIpB,IAAA,IAAI,CAAC,IAAoB,EAAA;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;;;IAIpB,IAAI,CAAC,KAAmB,EAAE,IAAoB,EAAA;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QAEjC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1B,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;;;;AAKd,IAAA,OAAO,CAAC,IAAoB,EAAA;AAClC,QAAA,IAAI,IAAI,EAAE,MAAM,EAAE;AAChB,YAAA,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;AAC1B,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE;;;AAIxB,IAAA,QAAQ,CAAC,CAAe,EAAA;QAC9B,IAAI,EAAE,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC,EAAE;YACtC;;QAGF,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC;QAChD,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,KAAK,OAAO,CAAC;;AAEhE;;;;"}

package/fesm2022/tabs.mjs

@@ -5,8 +5,10 @@ import { Directionality } from '@angular/cdk/bidi';
 import * as i0 from '@angular/core';
 import { contentChild, contentChildren, computed, Directive, inject, linkedSignal, input, booleanAttribute, model, effect, ElementRef } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
-import { T as TabListPattern, a as TabPattern, b as TabPanelPattern } from './tabs-DFP3Xs4J.mjs';
-import './list-focus-Di7m_z_6.mjs';
+import { T as TabListPattern, a as TabPattern, b as TabPanelPattern } from './tabs-BN3wsMdD.mjs';
+import './list-focus-BXQdAA3i.mjs';
+import './list-selection-BLV4Yy7T.mjs';
+import './expansion-DykBzWrb.mjs';
 
 /**
  * A Tabs container.

package/fesm2022/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-46c76129e412/bin/src/cdk-experimental/tabs/tabs.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 {DeferredContent, DeferredContentAware} from '@angular/cdk-experimental/deferred-content';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {\n  booleanAttribute,\n  computed,\n  contentChild,\n  contentChildren,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  linkedSignal,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {TabListPattern, TabPanelPattern, TabPattern} from '../ui-patterns';\n\n/**\n * A Tabs container.\n *\n * Represents a set of layered sections of content. The CdkTabs is a container meant to be used with\n * CdkTabList, CdkTab, and CdkTabPanel as follows:\n *\n * ```html\n * <div cdkTabs>\n *   <ul cdkTabList>\n *     <li cdkTab value=\"tab1\">Tab 1</li>\n *     <li cdkTab value=\"tab2\">Tab 2</li>\n *     <li cdkTab value=\"tab3\">Tab 3</li>\n *   </ul>\n *\n *   <div cdkTabPanel value=\"tab1\">\n *      <ng-template cdkTabContent>Tab content 1</ng-template>\n *   </div>\n *   <div cdkTabPanel value=\"tab2\">\n *      <ng-template cdkTabContent>Tab content 2</ng-template>\n *   </div>\n *   <div cdkTabPanel value=\"tab3\">\n *      <ng-template cdkTabContent>Tab content 3</ng-template>\n *   </div>\n * ```\n */\n@Directive({\n  selector: '[cdkTabs]',\n  exportAs: 'cdkTabs',\n  host: {\n    'class': 'cdk-tabs',\n  },\n})\nexport class CdkTabs {\n  /** The CdkTabList nested inside of the container. */\n  private readonly _cdkTabList = contentChild(CdkTabList);\n\n  /** The CdkTabPanels nested inside of the container. */\n  private readonly _cdkTabPanels = contentChildren(CdkTabPanel);\n\n  /** The Tab UIPattern of the child Tabs. */\n  tabs = computed(() => this._cdkTabList()?.tabs());\n\n  /** The TabPanel UIPattern of the child TabPanels. */\n  tabpanels = computed(() => this._cdkTabPanels().map(tabpanel => tabpanel.pattern));\n}\n\n/**\n * A TabList container.\n *\n * Controls a list of CdkTab(s).\n */\n@Directive({\n  selector: '[cdkTabList]',\n  exportAs: 'cdkTabList',\n  host: {\n    'role': 'tablist',\n    'class': 'cdk-tablist',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[attr.aria-orientation]': 'pattern.orientation()',\n    '[attr.aria-activedescendant]': 'pattern.activedescendant()',\n    '(keydown)': 'pattern.onKeydown($event)',\n    '(pointerdown)': 'pattern.onPointerdown($event)',\n  },\n})\nexport class CdkTabList {\n  /** The directionality (LTR / RTL) context for the application (or a subtree of it). */\n  private readonly _directionality = inject(Directionality);\n\n  /** The CdkTabs nested inside of the CdkTabList. */\n  private readonly _cdkTabs = contentChildren(CdkTab);\n\n  /** The internal tab selection state. */\n  private readonly _selection = linkedSignal(() => (this.tab() ? [this.tab()!] : []));\n\n  /** A signal wrapper for directionality. */\n  protected textDirection = toSignal(this._directionality.change, {\n    initialValue: this._directionality.value,\n  });\n\n  /** The Tab UIPatterns of the child Tabs. */\n  tabs = computed(() => this._cdkTabs().map(tab => tab.pattern));\n\n  /** Whether the tablist is vertically or horizontally oriented. */\n  orientation = input<'vertical' | 'horizontal'>('horizontal');\n\n  /** Whether focus should wrap when navigating. */\n  wrap = input(true, {transform: booleanAttribute});\n\n  /** Whether disabled items in the list should be skipped when navigating. */\n  skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the tablist. */\n  focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** The selection strategy used by the tablist. */\n  selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** Whether the tablist is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** The current index that has been navigated to. */\n  activeIndex = model<number>(0);\n\n  // TODO(ok7sai): Provides a default state when there is no pre-select tab.\n  /** The current selected tab. */\n  tab = model<string | undefined>();\n\n  /** The TabList UIPattern. */\n  pattern: TabListPattern = new TabListPattern({\n    ...this,\n    items: this.tabs,\n    textDirection: this.textDirection,\n    value: this._selection,\n  });\n\n  constructor() {\n    effect(() => this.tab.set(this._selection()[0]));\n  }\n}\n\n/** A selectable tab in a TabList. */\n@Directive({\n  selector: '[cdkTab]',\n  exportAs: 'cdkTab',\n  host: {\n    'role': 'tab',\n    'class': 'cdk-tab',\n    '[class.cdk-active]': 'pattern.active()',\n    '[attr.id]': 'pattern.id()',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-selected]': 'pattern.selected()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[attr.aria-controls]': 'pattern.controls()',\n  },\n})\nexport class CdkTab {\n  /** A reference to the tab element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent CdkTabs. */\n  private readonly _cdkTabs = inject(CdkTabs);\n\n  /** The parent CdkTabList. */\n  private readonly _cdkTabList = inject(CdkTabList);\n\n  /** A global unique identifier for the tab. */\n  private readonly _id = inject(_IdGenerator).getId('cdk-tab-');\n\n  /** The parent TabList UIPattern. */\n  protected tablist = computed(() => this._cdkTabList.pattern);\n\n  /** The TabPanel UIPattern associated with the tab */\n  protected tabpanel = computed(() =>\n    this._cdkTabs.tabpanels().find(tabpanel => tabpanel.value() === this.value()),\n  );\n\n  /** Whether a tab is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** A local unique identifier for the tab. */\n  value = input.required<string>();\n\n  /** The Tab UIPattern. */\n  pattern: TabPattern = new TabPattern({\n    ...this,\n    id: () => this._id,\n    element: () => this._elementRef.nativeElement,\n    tablist: this.tablist,\n    tabpanel: this.tabpanel,\n    value: this.value,\n  });\n}\n\n/**\n * A TabPanel container for the resources of layered content associated with a tab.\n *\n * If a tabpanel is hidden due to its corresponding tab is not activated, the `inert` attribute\n * will be applied to the tabpanel element to remove it from the accessibility tree and stop\n * all the keyboard and pointer interactions. Note that this does not visually hide the tabpenl\n * and a proper styling is required.\n */\n@Directive({\n  selector: '[cdkTabPanel]',\n  exportAs: 'cdkTabPanel',\n  host: {\n    'role': 'tabpanel',\n    'tabindex': '0',\n    'class': 'cdk-tabpanel',\n    '[attr.id]': 'pattern.id()',\n    '[attr.inert]': 'pattern.hidden() ? true : null',\n  },\n  hostDirectives: [\n    {\n      directive: DeferredContentAware,\n      inputs: ['preserveContent'],\n    },\n  ],\n})\nexport class CdkTabPanel {\n  /** The DeferredContentAware host directive. */\n  private readonly _deferredContentAware = inject(DeferredContentAware);\n\n  /** The parent CdkTabs. */\n  private readonly _cdkTabs = inject(CdkTabs);\n\n  /** A global unique identifier for the tab. */\n  private readonly _id = inject(_IdGenerator).getId('cdk-tabpanel-');\n\n  /** The Tab UIPattern associated with the tabpanel */\n  protected tab = computed(() => this._cdkTabs.tabs()?.find(tab => tab.value() === this.value()));\n\n  /** A local unique identifier for the tabpanel. */\n  value = input.required<string>();\n\n  /** The TabPanel UIPattern. */\n  pattern: TabPanelPattern = new TabPanelPattern({\n    ...this,\n    id: () => this._id,\n    tab: this.tab,\n  });\n\n  constructor() {\n    effect(() => this._deferredContentAware.contentVisible.set(!this.pattern.hidden()));\n  }\n}\n\n/**\n * A TabContent container for the lazy-loaded content.\n */\n@Directive({\n  selector: 'ng-template[cdkTabContent]',\n  exportAs: 'cdTabContent',\n  hostDirectives: [DeferredContent],\n})\nexport class CdkTabContent {}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tabs.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-46c76129e412/bin/src/cdk-experimental/tabs/tabs.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 {DeferredContent, DeferredContentAware} from '@angular/cdk-experimental/deferred-content';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {\n  booleanAttribute,\n  computed,\n  contentChild,\n  contentChildren,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  linkedSignal,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {TabListPattern, TabPanelPattern, TabPattern} from '../ui-patterns';\n\n/**\n * A Tabs container.\n *\n * Represents a set of layered sections of content. The CdkTabs is a container meant to be used with\n * CdkTabList, CdkTab, and CdkTabPanel as follows:\n *\n * ```html\n * <div cdkTabs>\n *   <ul cdkTabList>\n *     <li cdkTab value=\"tab1\">Tab 1</li>\n *     <li cdkTab value=\"tab2\">Tab 2</li>\n *     <li cdkTab value=\"tab3\">Tab 3</li>\n *   </ul>\n *\n *   <div cdkTabPanel value=\"tab1\">\n *      <ng-template cdkTabContent>Tab content 1</ng-template>\n *   </div>\n *   <div cdkTabPanel value=\"tab2\">\n *      <ng-template cdkTabContent>Tab content 2</ng-template>\n *   </div>\n *   <div cdkTabPanel value=\"tab3\">\n *      <ng-template cdkTabContent>Tab content 3</ng-template>\n *   </div>\n * ```\n */\n@Directive({\n  selector: '[cdkTabs]',\n  exportAs: 'cdkTabs',\n  host: {\n    'class': 'cdk-tabs',\n  },\n})\nexport class CdkTabs {\n  /** The CdkTabList nested inside of the container. */\n  private readonly _cdkTabList = contentChild(CdkTabList);\n\n  /** The CdkTabPanels nested inside of the container. */\n  private readonly _cdkTabPanels = contentChildren(CdkTabPanel);\n\n  /** The Tab UIPattern of the child Tabs. */\n  tabs = computed(() => this._cdkTabList()?.tabs());\n\n  /** The TabPanel UIPattern of the child TabPanels. */\n  tabpanels = computed(() => this._cdkTabPanels().map(tabpanel => tabpanel.pattern));\n}\n\n/**\n * A TabList container.\n *\n * Controls a list of CdkTab(s).\n */\n@Directive({\n  selector: '[cdkTabList]',\n  exportAs: 'cdkTabList',\n  host: {\n    'role': 'tablist',\n    'class': 'cdk-tablist',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[attr.aria-orientation]': 'pattern.orientation()',\n    '[attr.aria-activedescendant]': 'pattern.activedescendant()',\n    '(keydown)': 'pattern.onKeydown($event)',\n    '(pointerdown)': 'pattern.onPointerdown($event)',\n  },\n})\nexport class CdkTabList {\n  /** The directionality (LTR / RTL) context for the application (or a subtree of it). */\n  private readonly _directionality = inject(Directionality);\n\n  /** The CdkTabs nested inside of the CdkTabList. */\n  private readonly _cdkTabs = contentChildren(CdkTab);\n\n  /** The internal tab selection state. */\n  private readonly _selection = linkedSignal(() => (this.tab() ? [this.tab()!] : []));\n\n  /** A signal wrapper for directionality. */\n  protected textDirection = toSignal(this._directionality.change, {\n    initialValue: this._directionality.value,\n  });\n\n  /** The Tab UIPatterns of the child Tabs. */\n  tabs = computed(() => this._cdkTabs().map(tab => tab.pattern));\n\n  /** Whether the tablist is vertically or horizontally oriented. */\n  orientation = input<'vertical' | 'horizontal'>('horizontal');\n\n  /** Whether focus should wrap when navigating. */\n  wrap = input(true, {transform: booleanAttribute});\n\n  /** Whether disabled items in the list should be skipped when navigating. */\n  skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the tablist. */\n  focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** The selection strategy used by the tablist. */\n  selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** Whether the tablist is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** The current index that has been navigated to. */\n  activeIndex = model<number>(0);\n\n  // TODO(ok7sai): Provides a default state when there is no pre-select tab.\n  /** The current selected tab. */\n  tab = model<string | undefined>();\n\n  /** The TabList UIPattern. */\n  pattern: TabListPattern = new TabListPattern({\n    ...this,\n    items: this.tabs,\n    textDirection: this.textDirection,\n    value: this._selection,\n  });\n\n  constructor() {\n    effect(() => this.tab.set(this._selection()[0]));\n  }\n}\n\n/** A selectable tab in a TabList. */\n@Directive({\n  selector: '[cdkTab]',\n  exportAs: 'cdkTab',\n  host: {\n    'role': 'tab',\n    'class': 'cdk-tab',\n    '[class.cdk-active]': 'pattern.active()',\n    '[attr.id]': 'pattern.id()',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-selected]': 'pattern.selected()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[attr.aria-controls]': 'pattern.controls()',\n  },\n})\nexport class CdkTab {\n  /** A reference to the tab element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent CdkTabs. */\n  private readonly _cdkTabs = inject(CdkTabs);\n\n  /** The parent CdkTabList. */\n  private readonly _cdkTabList = inject(CdkTabList);\n\n  /** A global unique identifier for the tab. */\n  private readonly _id = inject(_IdGenerator).getId('cdk-tab-');\n\n  /** The parent TabList UIPattern. */\n  protected tablist = computed(() => this._cdkTabList.pattern);\n\n  /** The TabPanel UIPattern associated with the tab */\n  protected tabpanel = computed(() =>\n    this._cdkTabs.tabpanels().find(tabpanel => tabpanel.value() === this.value()),\n  );\n\n  /** Whether a tab is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** A local unique identifier for the tab. */\n  value = input.required<string>();\n\n  /** The Tab UIPattern. */\n  pattern: TabPattern = new TabPattern({\n    ...this,\n    id: () => this._id,\n    element: () => this._elementRef.nativeElement,\n    tablist: this.tablist,\n    tabpanel: this.tabpanel,\n    value: this.value,\n  });\n}\n\n/**\n * A TabPanel container for the resources of layered content associated with a tab.\n *\n * If a tabpanel is hidden due to its corresponding tab is not activated, the `inert` attribute\n * will be applied to the tabpanel element to remove it from the accessibility tree and stop\n * all the keyboard and pointer interactions. Note that this does not visually hide the tabpenl\n * and a proper styling is required.\n */\n@Directive({\n  selector: '[cdkTabPanel]',\n  exportAs: 'cdkTabPanel',\n  host: {\n    'role': 'tabpanel',\n    'tabindex': '0',\n    'class': 'cdk-tabpanel',\n    '[attr.id]': 'pattern.id()',\n    '[attr.inert]': 'pattern.hidden() ? true : null',\n  },\n  hostDirectives: [\n    {\n      directive: DeferredContentAware,\n      inputs: ['preserveContent'],\n    },\n  ],\n})\nexport class CdkTabPanel {\n  /** The DeferredContentAware host directive. */\n  private readonly _deferredContentAware = inject(DeferredContentAware);\n\n  /** The parent CdkTabs. */\n  private readonly _cdkTabs = inject(CdkTabs);\n\n  /** A global unique identifier for the tab. */\n  private readonly _id = inject(_IdGenerator).getId('cdk-tabpanel-');\n\n  /** The Tab UIPattern associated with the tabpanel */\n  protected tab = computed(() => this._cdkTabs.tabs()?.find(tab => tab.value() === this.value()));\n\n  /** A local unique identifier for the tabpanel. */\n  value = input.required<string>();\n\n  /** The TabPanel UIPattern. */\n  pattern: TabPanelPattern = new TabPanelPattern({\n    ...this,\n    id: () => this._id,\n    tab: this.tab,\n  });\n\n  constructor() {\n    effect(() => this._deferredContentAware.contentVisible.set(!this.pattern.hidden()));\n  }\n}\n\n/**\n * A TabContent container for the lazy-loaded content.\n */\n@Directive({\n  selector: 'ng-template[cdkTabContent]',\n  exportAs: 'cdTabContent',\n  hostDirectives: [DeferredContent],\n})\nexport class CdkTabContent {}\n"],"names":[],"mappings":";;;;;;;;;;;;AA2BA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;MAQU,OAAO,CAAA;;AAED,IAAA,WAAW,GAAG,YAAY,CAAC,UAAU,CAAC;;AAGtC,IAAA,aAAa,GAAG,eAAe,CAAC,WAAW,CAAC;;AAG7D,IAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC;;IAGjD,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;uGAXvE,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE0B,UAAU,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,SAAA,EAGL,WAAW,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FALjD,OAAO,EAAA,UAAA,EAAA,CAAA;kBAPnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,UAAU;AACpB,qBAAA;AACF,iBAAA;;AAeD;;;;AAIG;MAeU,UAAU,CAAA;;AAEJ,IAAA,eAAe,GAAG,MAAM,CAAC,cAAc,CAAC;;AAGxC,IAAA,QAAQ,GAAG,eAAe,CAAC,MAAM,CAAC;;IAGlC,UAAU,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,EAAG,CAAC,GAAG,EAAE,CAAC,CAAC;;IAGzE,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;AAC9D,QAAA,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK;AACzC,KAAA,CAAC;;IAGF,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;;AAG9D,IAAA,WAAW,GAAG,KAAK,CAA4B,YAAY,CAAC;;IAG5D,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC;;IAGjD,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC;;AAGzD,IAAA,SAAS,GAAG,KAAK,CAAgC,QAAQ,CAAC;;AAG1D,IAAA,aAAa,GAAG,KAAK,CAAwB,QAAQ,CAAC;;IAGtD,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC;;AAGtD,IAAA,WAAW,GAAG,KAAK,CAAS,CAAC,CAAC;;;IAI9B,GAAG,GAAG,KAAK,EAAsB;;IAGjC,OAAO,GAAmB,IAAI,cAAc,CAAC;AAC3C,QAAA,GAAG,IAAI;QACP,KAAK,EAAE,IAAI,CAAC,IAAI;QAChB,aAAa,EAAE,IAAI,CAAC,aAAa;QACjC,KAAK,EAAE,IAAI,CAAC,UAAU;AACvB,KAAA,CAAC;AAEF,IAAA,WAAA,GAAA;AACE,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;;uGApDvC,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,+kDAKuB,MAAM,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FALvC,UAAU,EAAA,UAAA,EAAA,CAAA;kBAdtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,IAAI,EAAE;AACJ,wBAAA,MAAM,EAAE,SAAS;AACjB,wBAAA,OAAO,EAAE,aAAa;AACtB,wBAAA,iBAAiB,EAAE,oBAAoB;AACvC,wBAAA,sBAAsB,EAAE,oBAAoB;AAC5C,wBAAA,yBAAyB,EAAE,uBAAuB;AAClD,wBAAA,8BAA8B,EAAE,4BAA4B;AAC5D,wBAAA,WAAW,EAAE,2BAA2B;AACxC,wBAAA,eAAe,EAAE,+BAA+B;AACjD,qBAAA;AACF,iBAAA;;AAyDD;MAea,MAAM,CAAA;;AAEA,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;;AAGhC,IAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;;AAG1B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;;IAGhC,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC;;AAGnD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;;AAGlD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAC5B,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,CAC9E;;IAGD,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC;;AAGtD,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;;IAGhC,OAAO,GAAe,IAAI,UAAU,CAAC;AACnC,QAAA,GAAG,IAAI;AACP,QAAA,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG;QAClB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,aAAa;QAC7C,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,KAAA,CAAC;uGAnCS,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAN,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,KAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,SAAA,EAAA,cAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,EAAA,cAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAN,MAAM,EAAA,UAAA,EAAA,CAAA;kBAdlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,IAAI,EAAE;AACJ,wBAAA,MAAM,EAAE,KAAK;AACb,wBAAA,OAAO,EAAE,SAAS;AAClB,wBAAA,oBAAoB,EAAE,kBAAkB;AACxC,wBAAA,WAAW,EAAE,cAAc;AAC3B,wBAAA,iBAAiB,EAAE,oBAAoB;AACvC,wBAAA,sBAAsB,EAAE,oBAAoB;AAC5C,wBAAA,sBAAsB,EAAE,oBAAoB;AAC5C,wBAAA,sBAAsB,EAAE,oBAAoB;AAC7C,qBAAA;AACF,iBAAA;;AAuCD;;;;;;;AAOG;MAkBU,WAAW,CAAA;;AAEL,IAAA,qBAAqB,GAAG,MAAM,CAAC,oBAAoB,CAAC;;AAGpD,IAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;;IAG1B,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC;;AAGxD,IAAA,GAAG,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;;AAG/F,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;;IAGhC,OAAO,GAAoB,IAAI,eAAe,CAAC;AAC7C,QAAA,GAAG,IAAI;AACP,QAAA,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG;QAClB,GAAG,EAAE,IAAI,CAAC,GAAG;AACd,KAAA,CAAC;AAEF,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;;uGAxB1E,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,GAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,YAAA,EAAA,gCAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBAjBvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,IAAI,EAAE;AACJ,wBAAA,MAAM,EAAE,UAAU;AAClB,wBAAA,UAAU,EAAE,GAAG;AACf,wBAAA,OAAO,EAAE,cAAc;AACvB,wBAAA,WAAW,EAAE,cAAc;AAC3B,wBAAA,cAAc,EAAE,gCAAgC;AACjD,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,oBAAoB;4BAC/B,MAAM,EAAE,CAAC,iBAAiB,CAAC;AAC5B,yBAAA;AACF,qBAAA;AACF,iBAAA;;AA6BD;;AAEG;MAMU,aAAa,CAAA;uGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,QAAQ,EAAE,cAAc;oBACxB,cAAc,EAAE,CAAC,eAAe,CAAC;AAClC,iBAAA;;;;;"}

package/fesm2022/ui-patterns.mjs

@@ -1,7 +1,11 @@
-export { L as ListboxPattern, O as OptionPattern } from './option-f_gNslw8.mjs';
-export { T as TabListPattern, b as TabPanelPattern, a as TabPattern } from './tabs-DFP3Xs4J.mjs';
-import './list-focus-Di7m_z_6.mjs';
+export { L as ListboxPattern, O as OptionPattern } from './option-r2ojgVMH.mjs';
+export { a as RadioButtonPattern, R as RadioGroupPattern } from './radio-s5uO_tmJ.mjs';
+export { T as TabListPattern, b as TabPanelPattern, a as TabPattern } from './tabs-BN3wsMdD.mjs';
+export { b as AccordionGroupPattern, A as AccordionPanelPattern, a as AccordionTriggerPattern } from './accordion-CyyDY39y.mjs';
+import './list-focus-BXQdAA3i.mjs';
 import '@angular/core';
+import './list-selection-BLV4Yy7T.mjs';
+import './expansion-DykBzWrb.mjs';
 
 /** Converts a getter setter style signal to a WritableSignalLike. */
 function convertGetterSetterToWritableSignalLike(getter, setter) {

package/fesm2022/ui-patterns.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-patterns.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-46c76129e412/bin/src/cdk-experimental/ui-patterns/behaviors/signal-like/signal-like.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\nexport type SignalLike<T> = () => T;\n\nexport interface WritableSignalLike<T> extends SignalLike<T> {\n  set(value: T): void;\n  update(updateFn: (value: T) => T): void;\n}\n\n/** Converts a getter setter style signal to a WritableSignalLike. */\nexport function convertGetterSetterToWritableSignalLike<T>(\n  getter: () => T,\n  setter: (v: T) => void,\n): WritableSignalLike<T> {\n  // tslint:disable-next-line:ban Have to use `Object.assign` to preserve the getter function.\n  return Object.assign(getter, {\n    set: setter,\n    update: (updateCallback: (v: T) => T) => setter(updateCallback(getter())),\n  });\n}\n"],"names":[],"mappings":";;;;;AAeA;AACgB,SAAA,uCAAuC,CACrD,MAAe,EACf,MAAsB,EAAA;;AAGtB,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AAC3B,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,MAAM,EAAE,CAAC,cAA2B,KAAK,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC;AAC1E,KAAA,CAAC;AACJ;;;;"}
+{"version":3,"file":"ui-patterns.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-46c76129e412/bin/src/cdk-experimental/ui-patterns/behaviors/signal-like/signal-like.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\nexport type SignalLike<T> = () => T;\n\nexport interface WritableSignalLike<T> extends SignalLike<T> {\n  set(value: T): void;\n  update(updateFn: (value: T) => T): void;\n}\n\n/** Converts a getter setter style signal to a WritableSignalLike. */\nexport function convertGetterSetterToWritableSignalLike<T>(\n  getter: () => T,\n  setter: (v: T) => void,\n): WritableSignalLike<T> {\n  // tslint:disable-next-line:ban Have to use `Object.assign` to preserve the getter function.\n  return Object.assign(getter, {\n    set: setter,\n    update: (updateCallback: (v: T) => T) => setter(updateCallback(getter())),\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;AAeA;AACgB,SAAA,uCAAuC,CACrD,MAAe,EACf,MAAsB,EAAA;;AAGtB,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AAC3B,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,MAAM,EAAE,CAAC,cAA2B,KAAK,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC;AAC1E,KAAA,CAAC;AACJ;;;;"}

package/{list-navigation.d-DfOSxsSp.d.ts → list-navigation.d-Br99p_2O.d.ts}

@@ -147,68 +147,6 @@ declare class ListFocus<T extends ListFocusItem> {
     isFocusable(item: T): boolean;
 }
 
-/** Represents an item in a collection, such as a listbox option, than can be selected. */
-interface ListSelectionItem<V> extends ListFocusItem {
-    /** The value of the item. */
-    value: SignalLike<V>;
-}
-/** Represents the required inputs for a collection that contains selectable items. */
-interface ListSelectionInputs<T extends ListSelectionItem<V>, V> extends ListFocusInputs<T> {
-    /** Whether multiple items in the list can be selected at once. */
-    multi: SignalLike<boolean>;
-    /** The current value of the list selection. */
-    value: WritableSignalLike<V[]>;
-    /** The selection strategy used by the list. */
-    selectionMode: SignalLike<'follow' | 'explicit'>;
-}
-/** Controls selection for a list of items. */
-declare class ListSelection<T extends ListSelectionItem<V>, V> {
-    readonly inputs: ListSelectionInputs<T, V> & {
-        focusManager: ListFocus<T>;
-    };
-    /** The start index to use for range selection. */
-    rangeStartIndex: i0.WritableSignal<number>;
-    /** The end index to use for range selection. */
-    rangeEndIndex: i0.WritableSignal<number>;
-    constructor(inputs: ListSelectionInputs<T, V> & {
-        focusManager: ListFocus<T>;
-    });
-    /** Selects the item at the current active index. */
-    select(item?: ListSelectionItem<V>, opts?: {
-        anchor: boolean;
-    }): void;
-    /** Deselects the item at the current active index. */
-    deselect(item?: T): void;
-    /** Toggles the item at the current active index. */
-    toggle(): void;
-    /** Toggles only the item at the current active index. */
-    toggleOne(): void;
-    /** Selects all items in the list. */
-    selectAll(): void;
-    /** Deselects all items in the list. */
-    deselectAll(): void;
-    /**
-     * Selects all items in the list or deselects all
-     * items in the list if all items are already selected.
-     */
-    toggleAll(): void;
-    /** Sets the selection to only the current active item. */
-    selectOne(): void;
-    /**
-     * Selects all items in the list up to the anchor item.
-     *
-     * Deselects all items that were previously within the
-     * selected range that are now outside of the selected range
-     */
-    selectRange(opts?: {
-        anchor: boolean;
-    }): void;
-    /** Marks the given index as the start of a range selection. */
-    beginRangeSelection(index?: number): void;
-    /** Returns the items in the list starting from the given index.  */
-    private _getItemsFromIndex;
-}
-
 /** Represents an item in a collection, such as a listbox option, than can be navigated to. */
 interface ListNavigationItem extends ListFocusItem {
 }
@@ -243,5 +181,5 @@ declare class ListNavigation<T extends ListNavigationItem> {
     private _advance;
 }
 
-export { KeyboardEventManager as K, PointerEventManager as P, convertGetterSetterToWritableSignalLike as c, ListNavigation as g, ListSelection as h, ListFocus as i };
-export type { ListNavigationItem as L, SignalLike as S, WritableSignalLike as W, ListSelectionItem as a, ListFocusItem as b, ListNavigationInputs as d, ListSelectionInputs as e, ListFocusInputs as f };
+export { KeyboardEventManager as K, PointerEventManager as P, ListNavigation as b, convertGetterSetterToWritableSignalLike as c, ListFocus as d };
+export type { ListNavigationInputs as L, SignalLike as S, WritableSignalLike as W, ListFocusInputs as a, ListNavigationItem as e, ListFocusItem as f };

package/list-selection.d-BQWRFJI-.d.ts

@@ -0,0 +1,69 @@
+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 in a collection, such as a listbox option, than can be selected. */
+interface ListSelectionItem<V> extends ListFocusItem {
+    /** The value of the item. */
+    value: SignalLike<V>;
+}
+/** Represents the required inputs for a collection that contains selectable items. */
+interface ListSelectionInputs<T extends ListSelectionItem<V>, V> extends ListFocusInputs<T> {
+    /** Whether multiple items in the list can be selected at once. */
+    multi: SignalLike<boolean>;
+    /** The current value of the list selection. */
+    value: WritableSignalLike<V[]>;
+    /** The selection strategy used by the list. */
+    selectionMode: SignalLike<'follow' | 'explicit'>;
+}
+/** Controls selection for a list of items. */
+declare class ListSelection<T extends ListSelectionItem<V>, V> {
+    readonly inputs: ListSelectionInputs<T, V> & {
+        focusManager: ListFocus<T>;
+    };
+    /** The start index to use for range selection. */
+    rangeStartIndex: i0.WritableSignal<number>;
+    /** The end index to use for range selection. */
+    rangeEndIndex: i0.WritableSignal<number>;
+    /** The currently selected items. */
+    selectedItems: i0.Signal<T[]>;
+    constructor(inputs: ListSelectionInputs<T, V> & {
+        focusManager: ListFocus<T>;
+    });
+    /** Selects the item at the current active index. */
+    select(item?: ListSelectionItem<V>, opts?: {
+        anchor: boolean;
+    }): void;
+    /** Deselects the item at the current active index. */
+    deselect(item?: T): void;
+    /** Toggles the item at the current active index. */
+    toggle(): void;
+    /** Toggles only the item at the current active index. */
+    toggleOne(): void;
+    /** Selects all items in the list. */
+    selectAll(): void;
+    /** Deselects all items in the list. */
+    deselectAll(): void;
+    /**
+     * Selects all items in the list or deselects all
+     * items in the list if all items are already selected.
+     */
+    toggleAll(): void;
+    /** Sets the selection to only the current active item. */
+    selectOne(): void;
+    /**
+     * Selects all items in the list up to the anchor item.
+     *
+     * Deselects all items that were previously within the
+     * selected range that are now outside of the selected range
+     */
+    selectRange(opts?: {
+        anchor: boolean;
+    }): void;
+    /** Marks the given index as the start of a range selection. */
+    beginRangeSelection(index?: number): void;
+    /** Returns the items in the list starting from the given index.  */
+    private _getItemsFromIndex;
+}
+
+export { ListSelection as b };
+export type { ListSelectionItem as L, ListSelectionInputs as a };

package/listbox/index.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit } from '@angular/core';
 import * as _angular_cdk_bidi from '@angular/cdk/bidi';
-import { b as OptionPattern, a as ListboxPattern } from '../listbox.d-QWPLmxRe.js';
-import '../list-navigation.d-DfOSxsSp.js';
+import { b as OptionPattern, a as ListboxPattern } from '../listbox.d-C8oz9si7.js';
+import '../list-navigation.d-Br99p_2O.js';
+import '../list-selection.d-BQWRFJI-.js';
 
 /**
  * A listbox container.
@@ -18,7 +18,7 @@ import '../list-navigation.d-DfOSxsSp.js';
  * </ul>
  * ```
  */
-declare class CdkListbox<V> implements AfterViewInit {
+declare class CdkListbox<V> {
     /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
     private readonly _directionality;
     /** The CdkOptions nested inside of the CdkListbox. */
@@ -47,19 +47,14 @@ declare class CdkListbox<V> implements AfterViewInit {
     readonly: i0.InputSignalWithTransform<boolean, unknown>;
     /** The values of the current selected items. */
     value: i0.ModelSignal<V[]>;
-    /** The current index that has been navigated to. */
-    activeIndex: i0.ModelSignal<number>;
     /** The Listbox UIPattern. */
     pattern: ListboxPattern<V>;
     /** Whether the listbox has received focus yet. */
     private _hasFocused;
-    /** Whether the options in the listbox have been initialized. */
-    private _isViewInitialized;
     constructor();
-    ngAfterViewInit(): void;
     onFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkListbox<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkListbox<any>, "[cdkListbox]", ["cdkListbox"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "activeIndex": "activeIndexChange"; }, ["_cdkOptions"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkListbox<any>, "[cdkListbox]", ["cdkListbox"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["_cdkOptions"], never, true, never>;
 }
 /** A selectable option in a CdkListbox. */
 declare class CdkOption<V> {

package/{listbox.d-QWPLmxRe.d.ts → listbox.d-C8oz9si7.d.ts}

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { b as ListFocusItem, S as SignalLike, f as ListFocusInputs, i as ListFocus, L as ListNavigationItem, a as ListSelectionItem, h as ListSelection, g as ListNavigation, d as ListNavigationInputs, e as ListSelectionInputs, K as KeyboardEventManager, P as PointerEventManager } from './list-navigation.d-DfOSxsSp.js';
+import { f as ListFocusItem, S as SignalLike, a as ListFocusInputs, d as ListFocus, e as ListNavigationItem, b as ListNavigation, L as ListNavigationInputs, K as KeyboardEventManager, P as PointerEventManager } from './list-navigation.d-Br99p_2O.js';
+import { L as ListSelectionItem, b as ListSelection, a as ListSelectionInputs } from './list-selection.d-BQWRFJI-.js';
 
 /**
  * Represents an item in a collection, such as a listbox option, than can be navigated to by
@@ -148,6 +149,8 @@ declare class ListboxPattern<V> {
     /** The pointerdown event manager for the listbox. */
     pointerdown: i0.Signal<PointerEventManager<PointerEvent>>;
     constructor(inputs: ListboxInputs<V>);
+    /** Returns a set of violations */
+    validate(): string[];
     /** Handles keydown events for the listbox. */
     onKeydown(event: KeyboardEvent): void;
     onPointerdown(event: PointerEvent): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/cdk-experimental",
-  "version": "20.0.2",
+  "version": "20.1.0-next.0",
   "description": "Experimental components for Angular CDK",
   "repository": {
     "type": "git",
@@ -12,8 +12,8 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/cdk": "20.0.2",
-    "@angular/core": "^20.0.0 || ^21.0.0"
+    "@angular/cdk": "20.1.0-next.0",
+    "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0"
   },
   "devDependencies": {
     "@angular/cdk": "workspace:*"
@@ -44,6 +44,10 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/cdk-experimental.mjs"
     },
+    "./accordion": {
+      "types": "./accordion/index.d.ts",
+      "default": "./fesm2022/accordion.mjs"
+    },
     "./column-resize": {
       "types": "./column-resize/index.d.ts",
       "default": "./fesm2022/column-resize.mjs"
@@ -64,6 +68,10 @@
       "types": "./popover-edit/index.d.ts",
       "default": "./fesm2022/popover-edit.mjs"
     },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "default": "./fesm2022/radio.mjs"
+    },
     "./scrolling": {
       "types": "./scrolling/index.d.ts",
       "default": "./fesm2022/scrolling.mjs"