@angular/aria 0.0.0 → 21.0.0-next.8

package/fesm2022/tabs.mjs

@@ -0,0 +1,299 @@
+import * as i1 from '@angular/aria/deferred-content';
+import { DeferredContentAware, DeferredContent } from '@angular/aria/deferred-content';
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import * as i0 from '@angular/core';
+import { signal, computed, Directive, inject, ElementRef, linkedSignal, input, booleanAttribute, model, afterRenderEffect } from '@angular/core';
+import { TabListPattern, TabPattern, TabPanelPattern } from '@angular/aria/ui-patterns';
+
+/**
+ * Sort directives by their document order.
+ */
+function sortDirectives(a, b) {
+    return (a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_PRECEDING) > 0
+        ? 1
+        : -1;
+}
+/**
+ * A Tabs container.
+ *
+ * Represents a set of layered sections of content. The Tabs is a container meant to be used with
+ * TabList, Tab, and TabPanel as follows:
+ *
+ * ```html
+ * <div ngTabs>
+ *   <ul ngTabList>
+ *     <li ngTab value="tab1">Tab 1</li>
+ *     <li ngTab value="tab2">Tab 2</li>
+ *     <li ngTab value="tab3">Tab 3</li>
+ *   </ul>
+ *
+ *   <div ngTabPanel value="tab1">
+ *      <ng-template ngTabContent>Tab content 1</ng-template>
+ *   </div>
+ *   <div ngTabPanel value="tab2">
+ *      <ng-template ngTabContent>Tab content 2</ng-template>
+ *   </div>
+ *   <div ngTabPanel value="tab3">
+ *      <ng-template ngTabContent>Tab content 3</ng-template>
+ *   </div>
+ * ```
+ */
+class Tabs {
+    /** The TabList nested inside of the container. */
+    _tablist = signal(undefined, ...(ngDevMode ? [{ debugName: "_tablist" }] : []));
+    /** The TabPanels nested inside of the container. */
+    _unorderedPanels = signal(new Set(), ...(ngDevMode ? [{ debugName: "_unorderedPanels" }] : []));
+    /** The Tab UIPattern of the child Tabs. */
+    tabs = computed(() => this._tablist()?.tabs(), ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    /** The TabPanel UIPattern of the child TabPanels. */
+    unorderedTabpanels = computed(() => [...this._unorderedPanels()].map(tabpanel => tabpanel.pattern), ...(ngDevMode ? [{ debugName: "unorderedTabpanels" }] : []));
+    register(child) {
+        if (child instanceof TabList) {
+            this._tablist.set(child);
+        }
+        if (child instanceof TabPanel) {
+            this._unorderedPanels().add(child);
+            this._unorderedPanels.set(new Set(this._unorderedPanels()));
+        }
+    }
+    deregister(child) {
+        if (child instanceof TabList) {
+            this._tablist.set(undefined);
+        }
+        if (child instanceof TabPanel) {
+            this._unorderedPanels().delete(child);
+            this._unorderedPanels.set(new Set(this._unorderedPanels()));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Tabs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: Tabs, isStandalone: true, selector: "[ngTabs]", host: { classAttribute: "ng-tabs" }, exportAs: ["ngTabs"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Tabs, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngTabs]',
+                    exportAs: 'ngTabs',
+                    host: {
+                        'class': 'ng-tabs',
+                    },
+                }]
+        }] });
+/**
+ * A TabList container.
+ *
+ * Controls a list of Tab(s).
+ */
+class TabList {
+    /** A reference to the tab list element. */
+    _elementRef = inject(ElementRef);
+    /** The parent Tabs. */
+    _tabs = inject(Tabs);
+    /** The Tabs nested inside of the TabList. */
+    _unorderedTabs = signal(new Set(), ...(ngDevMode ? [{ debugName: "_unorderedTabs" }] : []));
+    /** The internal tab selection state. */
+    _selection = linkedSignal(() => this.selectedTab() ? [this.selectedTab()] : []);
+    /** Text direction. */
+    textDirection = inject(Directionality).valueSignal;
+    /** The Tab UIPatterns of the child Tabs. */
+    tabs = computed(() => [...this._unorderedTabs()].sort(sortDirectives).map(tab => tab.pattern), ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    /** Whether the tablist is vertically or horizontally oriented. */
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    /** Whether focus should wrap when navigating. */
+    wrap = input(true, ...(ngDevMode ? [{ debugName: "wrap", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** Whether disabled items in the list should be skipped when navigating. */
+    skipDisabled = input(true, ...(ngDevMode ? [{ debugName: "skipDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** The focus strategy used by the tablist. */
+    focusMode = input('roving', ...(ngDevMode ? [{ debugName: "focusMode" }] : []));
+    /** The selection strategy used by the tablist. */
+    selectionMode = input('follow', ...(ngDevMode ? [{ debugName: "selectionMode" }] : []));
+    /** Whether the tablist is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** The current selected tab. */
+    selectedTab = model(...(ngDevMode ? [undefined, { debugName: "selectedTab" }] : []));
+    /** The TabList UIPattern. */
+    pattern = new TabListPattern({
+        ...this,
+        items: this.tabs,
+        value: this._selection,
+        activeItem: signal(undefined),
+        element: () => this._elementRef.nativeElement,
+    });
+    /** Whether the tree has received focus yet. */
+    _hasFocused = signal(false, ...(ngDevMode ? [{ debugName: "_hasFocused" }] : []));
+    constructor() {
+        afterRenderEffect(() => this.selectedTab.set(this._selection()[0]));
+        afterRenderEffect(() => {
+            if (!this._hasFocused()) {
+                this.pattern.setDefaultState();
+            }
+        });
+    }
+    onFocus() {
+        this._hasFocused.set(true);
+    }
+    ngOnInit() {
+        this._tabs.register(this);
+    }
+    ngOnDestroy() {
+        this._tabs.deregister(this);
+    }
+    register(child) {
+        this._unorderedTabs().add(child);
+        this._unorderedTabs.set(new Set(this._unorderedTabs()));
+    }
+    deregister(child) {
+        this._unorderedTabs().delete(child);
+        this._unorderedTabs.set(new Set(this._unorderedTabs()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: TabList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: TabList, isStandalone: true, selector: "[ngTabList]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, skipDisabled: { classPropertyName: "skipDisabled", publicName: "skipDisabled", isSignal: true, isRequired: false, transformFunction: null }, focusMode: { classPropertyName: "focusMode", publicName: "focusMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedTab: { classPropertyName: "selectedTab", publicName: "selectedTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedTab: "selectedTabChange" }, host: { attributes: { "role": "tablist" }, listeners: { "keydown": "pattern.onKeydown($event)", "pointerdown": "pattern.onPointerdown($event)", "focusin": "onFocus()" }, properties: { "attr.tabindex": "pattern.tabindex()", "attr.aria-disabled": "pattern.disabled()", "attr.aria-orientation": "pattern.orientation()", "attr.aria-activedescendant": "pattern.activedescendant()" }, classAttribute: "ng-tablist" }, exportAs: ["ngTabList"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: TabList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngTabList]',
+                    exportAs: 'ngTabList',
+                    host: {
+                        'role': 'tablist',
+                        'class': 'ng-tablist',
+                        '[attr.tabindex]': 'pattern.tabindex()',
+                        '[attr.aria-disabled]': 'pattern.disabled()',
+                        '[attr.aria-orientation]': 'pattern.orientation()',
+                        '[attr.aria-activedescendant]': 'pattern.activedescendant()',
+                        '(keydown)': 'pattern.onKeydown($event)',
+                        '(pointerdown)': 'pattern.onPointerdown($event)',
+                        '(focusin)': 'onFocus()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+/** A selectable tab in a TabList. */
+class Tab {
+    /** A reference to the tab element. */
+    _elementRef = inject(ElementRef);
+    /** The parent Tabs. */
+    _tabs = inject(Tabs);
+    /** The parent TabList. */
+    _tabList = inject(TabList);
+    /** A global unique identifier for the tab. */
+    _id = inject(_IdGenerator).getId('ng-tab-');
+    /** The host native element. */
+    element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
+    /** The parent TabList UIPattern. */
+    tablist = computed(() => this._tabList.pattern, ...(ngDevMode ? [{ debugName: "tablist" }] : []));
+    /** The TabPanel UIPattern associated with the tab */
+    tabpanel = computed(() => this._tabs.unorderedTabpanels().find(tabpanel => tabpanel.value() === this.value()), ...(ngDevMode ? [{ debugName: "tabpanel" }] : []));
+    /** Whether a tab is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** A local unique identifier for the tab. */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    /** The Tab UIPattern. */
+    pattern = new TabPattern({
+        ...this,
+        id: () => this._id,
+        tablist: this.tablist,
+        tabpanel: this.tabpanel,
+        value: this.value,
+    });
+    ngOnInit() {
+        this._tabList.register(this);
+    }
+    ngOnDestroy() {
+        this._tabList.deregister(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Tab, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: Tab, isStandalone: true, selector: "[ngTab]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tab" }, properties: { "attr.data-active": "pattern.active()", "attr.id": "pattern.id()", "attr.tabindex": "pattern.tabindex()", "attr.aria-selected": "pattern.selected()", "attr.aria-disabled": "pattern.disabled()", "attr.aria-controls": "pattern.controls()" }, classAttribute: "ng-tab" }, exportAs: ["ngTab"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Tab, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngTab]',
+                    exportAs: 'ngTab',
+                    host: {
+                        'role': 'tab',
+                        'class': 'ng-tab',
+                        '[attr.data-active]': 'pattern.active()',
+                        '[attr.id]': 'pattern.id()',
+                        '[attr.tabindex]': 'pattern.tabindex()',
+                        '[attr.aria-selected]': 'pattern.selected()',
+                        '[attr.aria-disabled]': 'pattern.disabled()',
+                        '[attr.aria-controls]': 'pattern.controls()',
+                    },
+                }]
+        }] });
+/**
+ * A TabPanel container for the resources of layered content associated with a tab.
+ *
+ * If a tabpanel is hidden due to its corresponding tab is not activated, the `inert` attribute
+ * will be applied to the tabpanel element to remove it from the accessibility tree and stop
+ * all the keyboard and pointer interactions. Note that this does not visually hide the tabpenl
+ * and a proper styling is required.
+ */
+class TabPanel {
+    /** The DeferredContentAware host directive. */
+    _deferredContentAware = inject(DeferredContentAware);
+    /** The parent Tabs. */
+    _Tabs = inject(Tabs);
+    /** A global unique identifier for the tab. */
+    _id = inject(_IdGenerator).getId('ng-tabpanel-');
+    /** The Tab UIPattern associated with the tabpanel */
+    tab = computed(() => this._Tabs.tabs()?.find(tab => tab.value() === this.value()), ...(ngDevMode ? [{ debugName: "tab" }] : []));
+    /** A local unique identifier for the tabpanel. */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    /** The TabPanel UIPattern. */
+    pattern = new TabPanelPattern({
+        ...this,
+        id: () => this._id,
+        tab: this.tab,
+    });
+    constructor() {
+        afterRenderEffect(() => this._deferredContentAware.contentVisible.set(!this.pattern.hidden()));
+    }
+    ngOnInit() {
+        this._Tabs.register(this);
+    }
+    ngOnDestroy() {
+        this._Tabs.deregister(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: TabPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: TabPanel, isStandalone: true, selector: "[ngTabPanel]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "attr.id": "pattern.id()", "attr.tabindex": "pattern.tabindex()", "attr.inert": "pattern.hidden() ? true : null", "attr.aria-labelledby": "pattern.labelledBy()" }, classAttribute: "ng-tabpanel" }, exportAs: ["ngTabPanel"], hostDirectives: [{ directive: i1.DeferredContentAware, inputs: ["preserveContent", "preserveContent"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: TabPanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngTabPanel]',
+                    exportAs: 'ngTabPanel',
+                    host: {
+                        'role': 'tabpanel',
+                        'class': 'ng-tabpanel',
+                        '[attr.id]': 'pattern.id()',
+                        '[attr.tabindex]': 'pattern.tabindex()',
+                        '[attr.inert]': 'pattern.hidden() ? true : null',
+                        '[attr.aria-labelledby]': 'pattern.labelledBy()',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: DeferredContentAware,
+                            inputs: ['preserveContent'],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * A TabContent container for the lazy-loaded content.
+ */
+class TabContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: TabContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: TabContent, isStandalone: true, selector: "ng-template[ngTabContent]", exportAs: ["ngTabContent"], hostDirectives: [{ directive: i1.DeferredContent }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: TabContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[ngTabContent]',
+                    exportAs: 'ngTabContent',
+                    hostDirectives: [DeferredContent],
+                }]
+        }] });
+
+export { Tab, TabContent, TabList, TabPanel, Tabs };
+//# sourceMappingURL=tabs.mjs.map

package/fesm2022/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/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/aria/deferred-content';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  linkedSignal,\n  signal,\n  Signal,\n  afterRenderEffect,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\nimport {TabListPattern, TabPanelPattern, TabPattern} from '@angular/aria/ui-patterns';\n\ninterface HasElement {\n  element: Signal<HTMLElement>;\n}\n\n/**\n * Sort directives by their document order.\n */\nfunction sortDirectives(a: HasElement, b: HasElement) {\n  return (a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_PRECEDING) > 0\n    ? 1\n    : -1;\n}\n\n/**\n * A Tabs container.\n *\n * Represents a set of layered sections of content. The Tabs is a container meant to be used with\n * TabList, Tab, and TabPanel as follows:\n *\n * ```html\n * <div ngTabs>\n *   <ul ngTabList>\n *     <li ngTab value=\"tab1\">Tab 1</li>\n *     <li ngTab value=\"tab2\">Tab 2</li>\n *     <li ngTab value=\"tab3\">Tab 3</li>\n *   </ul>\n *\n *   <div ngTabPanel value=\"tab1\">\n *      <ng-template ngTabContent>Tab content 1</ng-template>\n *   </div>\n *   <div ngTabPanel value=\"tab2\">\n *      <ng-template ngTabContent>Tab content 2</ng-template>\n *   </div>\n *   <div ngTabPanel value=\"tab3\">\n *      <ng-template ngTabContent>Tab content 3</ng-template>\n *   </div>\n * ```\n */\n@Directive({\n  selector: '[ngTabs]',\n  exportAs: 'ngTabs',\n  host: {\n    'class': 'ng-tabs',\n  },\n})\nexport class Tabs {\n  /** The TabList nested inside of the container. */\n  private readonly _tablist = signal<TabList | undefined>(undefined);\n\n  /** The TabPanels nested inside of the container. */\n  private readonly _unorderedPanels = signal(new Set<TabPanel>());\n\n  /** The Tab UIPattern of the child Tabs. */\n  tabs = computed(() => this._tablist()?.tabs());\n\n  /** The TabPanel UIPattern of the child TabPanels. */\n  unorderedTabpanels = computed(() =>\n    [...this._unorderedPanels()].map(tabpanel => tabpanel.pattern),\n  );\n\n  register(child: TabList | TabPanel) {\n    if (child instanceof TabList) {\n      this._tablist.set(child);\n    }\n\n    if (child instanceof TabPanel) {\n      this._unorderedPanels().add(child);\n      this._unorderedPanels.set(new Set(this._unorderedPanels()));\n    }\n  }\n\n  deregister(child: TabList | TabPanel) {\n    if (child instanceof TabList) {\n      this._tablist.set(undefined);\n    }\n\n    if (child instanceof TabPanel) {\n      this._unorderedPanels().delete(child);\n      this._unorderedPanels.set(new Set(this._unorderedPanels()));\n    }\n  }\n}\n\n/**\n * A TabList container.\n *\n * Controls a list of Tab(s).\n */\n@Directive({\n  selector: '[ngTabList]',\n  exportAs: 'ngTabList',\n  host: {\n    'role': 'tablist',\n    'class': 'ng-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    '(focusin)': 'onFocus()',\n  },\n})\nexport class TabList implements OnInit, OnDestroy {\n  /** A reference to the tab list element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent Tabs. */\n  private readonly _tabs = inject(Tabs);\n\n  /** The Tabs nested inside of the TabList. */\n  private readonly _unorderedTabs = signal(new Set<Tab>());\n\n  /** The internal tab selection state. */\n  private readonly _selection = linkedSignal(() =>\n    this.selectedTab() ? [this.selectedTab()!] : [],\n  );\n\n  /** Text direction. */\n  readonly textDirection = inject(Directionality).valueSignal;\n\n  /** The Tab UIPatterns of the child Tabs. */\n  readonly tabs = computed(() =>\n    [...this._unorderedTabs()].sort(sortDirectives).map(tab => tab.pattern),\n  );\n\n  /** Whether the tablist is vertically or horizontally oriented. */\n  readonly orientation = input<'vertical' | 'horizontal'>('horizontal');\n\n  /** Whether focus should wrap when navigating. */\n  readonly wrap = input(true, {transform: booleanAttribute});\n\n  /** Whether disabled items in the list should be skipped when navigating. */\n  readonly skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the tablist. */\n  readonly focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** The selection strategy used by the tablist. */\n  readonly selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** Whether the tablist is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** The current selected tab. */\n  readonly selectedTab = model<string | undefined>();\n\n  /** The TabList UIPattern. */\n  readonly pattern: TabListPattern = new TabListPattern({\n    ...this,\n    items: this.tabs,\n    value: this._selection,\n    activeItem: signal(undefined),\n    element: () => this._elementRef.nativeElement,\n  });\n\n  /** Whether the tree has received focus yet. */\n  private _hasFocused = signal(false);\n\n  constructor() {\n    afterRenderEffect(() => this.selectedTab.set(this._selection()[0]));\n\n    afterRenderEffect(() => {\n      if (!this._hasFocused()) {\n        this.pattern.setDefaultState();\n      }\n    });\n  }\n\n  onFocus() {\n    this._hasFocused.set(true);\n  }\n\n  ngOnInit() {\n    this._tabs.register(this);\n  }\n\n  ngOnDestroy() {\n    this._tabs.deregister(this);\n  }\n\n  register(child: Tab) {\n    this._unorderedTabs().add(child);\n    this._unorderedTabs.set(new Set(this._unorderedTabs()));\n  }\n\n  deregister(child: Tab) {\n    this._unorderedTabs().delete(child);\n    this._unorderedTabs.set(new Set(this._unorderedTabs()));\n  }\n}\n\n/** A selectable tab in a TabList. */\n@Directive({\n  selector: '[ngTab]',\n  exportAs: 'ngTab',\n  host: {\n    'role': 'tab',\n    'class': 'ng-tab',\n    '[attr.data-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 Tab implements HasElement, OnInit, OnDestroy {\n  /** A reference to the tab element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent Tabs. */\n  private readonly _tabs = inject(Tabs);\n\n  /** The parent TabList. */\n  private readonly _tabList = inject(TabList);\n\n  /** A global unique identifier for the tab. */\n  private readonly _id = inject(_IdGenerator).getId('ng-tab-');\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** The parent TabList UIPattern. */\n  readonly tablist = computed(() => this._tabList.pattern);\n\n  /** The TabPanel UIPattern associated with the tab */\n  readonly tabpanel = computed(() =>\n    this._tabs.unorderedTabpanels().find(tabpanel => tabpanel.value() === this.value()),\n  );\n\n  /** Whether a tab is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** A local unique identifier for the tab. */\n  readonly value = input.required<string>();\n\n  /** The Tab UIPattern. */\n  readonly pattern: TabPattern = new TabPattern({\n    ...this,\n    id: () => this._id,\n    tablist: this.tablist,\n    tabpanel: this.tabpanel,\n    value: this.value,\n  });\n\n  ngOnInit() {\n    this._tabList.register(this);\n  }\n\n  ngOnDestroy() {\n    this._tabList.deregister(this);\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: '[ngTabPanel]',\n  exportAs: 'ngTabPanel',\n  host: {\n    'role': 'tabpanel',\n    'class': 'ng-tabpanel',\n    '[attr.id]': 'pattern.id()',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.inert]': 'pattern.hidden() ? true : null',\n    '[attr.aria-labelledby]': 'pattern.labelledBy()',\n  },\n  hostDirectives: [\n    {\n      directive: DeferredContentAware,\n      inputs: ['preserveContent'],\n    },\n  ],\n})\nexport class TabPanel implements OnInit, OnDestroy {\n  /** The DeferredContentAware host directive. */\n  private readonly _deferredContentAware = inject(DeferredContentAware);\n\n  /** The parent Tabs. */\n  private readonly _Tabs = inject(Tabs);\n\n  /** A global unique identifier for the tab. */\n  private readonly _id = inject(_IdGenerator).getId('ng-tabpanel-');\n\n  /** The Tab UIPattern associated with the tabpanel */\n  readonly tab = computed(() => this._Tabs.tabs()?.find(tab => tab.value() === this.value()));\n\n  /** A local unique identifier for the tabpanel. */\n  readonly value = input.required<string>();\n\n  /** The TabPanel UIPattern. */\n  readonly pattern: TabPanelPattern = new TabPanelPattern({\n    ...this,\n    id: () => this._id,\n    tab: this.tab,\n  });\n\n  constructor() {\n    afterRenderEffect(() => this._deferredContentAware.contentVisible.set(!this.pattern.hidden()));\n  }\n\n  ngOnInit() {\n    this._Tabs.register(this);\n  }\n\n  ngOnDestroy() {\n    this._Tabs.deregister(this);\n  }\n}\n\n/**\n * A TabContent container for the lazy-loaded content.\n */\n@Directive({\n  selector: 'ng-template[ngTabContent]',\n  exportAs: 'ngTabContent',\n  hostDirectives: [DeferredContent],\n})\nexport class TabContent {}\n"],"names":[],"mappings":"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"}

package/fesm2022/toolbar.mjs

@@ -0,0 +1,218 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, signal, computed, input, booleanAttribute, afterRenderEffect, Directive } from '@angular/core';
+import { ToolbarPattern, ToolbarWidgetPattern, ToolbarWidgetGroupPattern } from '@angular/aria/ui-patterns';
+import { Directionality } from '@angular/cdk/bidi';
+import { _IdGenerator } from '@angular/cdk/a11y';
+
+/**
+ * Sort directives by their document order.
+ */
+function sortDirectives(a, b) {
+    return (a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_PRECEDING) > 0
+        ? 1
+        : -1;
+}
+/**
+ * A toolbar widget container.
+ *
+ * Widgets such as radio groups or buttons are nested within a toolbar to allow for a single
+ * place of reference for focus and navigation. The Toolbar is meant to be used in conjunction
+ * with ToolbarWidget and RadioGroup as follows:
+ *
+ * ```html
+ * <div ngToolbar>
+ *  <button ngToolbarWidget>Button</button>
+ *  <div ngRadioGroup>
+ *    <label ngRadioButton value="1">Option 1</label>
+ *    <label ngRadioButton value="2">Option 2</label>
+ *    <label ngRadioButton value="3">Option 3</label>
+ *  </div>
+ * </div>
+ * ```
+ */
+class Toolbar {
+    /** A reference to the toolbar element. */
+    _elementRef = inject(ElementRef);
+    /** The TabList nested inside of the container. */
+    _widgets = signal(new Set(), ...(ngDevMode ? [{ debugName: "_widgets" }] : []));
+    /** A signal wrapper for directionality. */
+    textDirection = inject(Directionality).valueSignal;
+    /** Sorted UIPatterns of the child widgets */
+    items = computed(() => [...this._widgets()].sort(sortDirectives).map(widget => widget.pattern), ...(ngDevMode ? [{ debugName: "items" }] : []));
+    /** Whether the toolbar is vertically or horizontally oriented. */
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    /** Whether disabled items in the group should be skipped when navigating. */
+    skipDisabled = input(false, ...(ngDevMode ? [{ debugName: "skipDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** Whether the toolbar is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** Whether focus should wrap when navigating. */
+    wrap = input(true, ...(ngDevMode ? [{ debugName: "wrap", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** The toolbar UIPattern. */
+    pattern = new ToolbarPattern({
+        ...this,
+        activeItem: signal(undefined),
+        textDirection: this.textDirection,
+        element: () => this._elementRef.nativeElement,
+        getItem: e => this._getItem(e),
+    });
+    /** Whether the toolbar has received focus yet. */
+    _hasFocused = signal(false, ...(ngDevMode ? [{ debugName: "_hasFocused" }] : []));
+    constructor() {
+        afterRenderEffect(() => {
+            if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                const violations = this.pattern.validate();
+                for (const violation of violations) {
+                    console.error(violation);
+                }
+            }
+        });
+        afterRenderEffect(() => {
+            if (!this._hasFocused()) {
+                this.pattern.setDefaultState();
+            }
+        });
+    }
+    onFocus() {
+        this._hasFocused.set(true);
+    }
+    register(widget) {
+        const widgets = this._widgets();
+        if (!widgets.has(widget)) {
+            widgets.add(widget);
+            this._widgets.set(new Set(widgets));
+        }
+    }
+    unregister(widget) {
+        const widgets = this._widgets();
+        if (widgets.delete(widget)) {
+            this._widgets.set(new Set(widgets));
+        }
+    }
+    /** Finds the toolbar item associated with a given element. */
+    _getItem(element) {
+        const widgetTarget = element.closest('.ng-toolbar-widget');
+        const groupTarget = element.closest('.ng-toolbar-widget-group');
+        return this.items().find(widget => widget.element() === widgetTarget || widget.element() === groupTarget);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Toolbar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: Toolbar, isStandalone: true, selector: "[ngToolbar]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, skipDisabled: { classPropertyName: "skipDisabled", publicName: "skipDisabled", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, listeners: { "keydown": "pattern.onKeydown($event)", "pointerdown": "pattern.onPointerdown($event)", "focusin": "onFocus()" }, properties: { "attr.tabindex": "pattern.tabindex()", "attr.aria-disabled": "pattern.disabled()", "attr.aria-orientation": "pattern.orientation()" }, classAttribute: "ng-toolbar" }, exportAs: ["ngToolbar"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Toolbar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngToolbar]',
+                    exportAs: 'ngToolbar',
+                    host: {
+                        'role': 'toolbar',
+                        'class': 'ng-toolbar',
+                        '[attr.tabindex]': 'pattern.tabindex()',
+                        '[attr.aria-disabled]': 'pattern.disabled()',
+                        '[attr.aria-orientation]': 'pattern.orientation()',
+                        '(keydown)': 'pattern.onKeydown($event)',
+                        '(pointerdown)': 'pattern.onPointerdown($event)',
+                        '(focusin)': 'onFocus()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * A widget within a toolbar.
+ *
+ * A widget is anything that is within a toolbar. It should be applied to any native HTML element
+ * that has the purpose of acting as a widget navigatable within a toolbar.
+ */
+class ToolbarWidget {
+    /** A reference to the widget element. */
+    _elementRef = inject(ElementRef);
+    /** The parent Toolbar. */
+    _toolbar = inject(Toolbar);
+    /** A unique identifier for the widget. */
+    _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-');
+    /** A unique identifier for the widget. */
+    id = computed(() => this._generatedId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    /** The parent Toolbar UIPattern. */
+    toolbar = computed(() => this._toolbar.pattern, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
+    /** A reference to the widget element to be focused on navigation. */
+    element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
+    /** Whether the widget is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** Whether the widget is 'hard' disabled, which is different from `aria-disabled`. A hard disabled widget cannot receive focus. */
+    hardDisabled = computed(() => this.pattern.disabled() && this._toolbar.skipDisabled(), ...(ngDevMode ? [{ debugName: "hardDisabled" }] : []));
+    /** The ToolbarWidget UIPattern. */
+    pattern = new ToolbarWidgetPattern({
+        ...this,
+        id: this.id,
+        element: this.element,
+        disabled: computed(() => this._toolbar.disabled() || this.disabled()),
+    });
+    ngOnInit() {
+        this._toolbar.register(this);
+    }
+    ngOnDestroy() {
+        this._toolbar.unregister(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ToolbarWidget, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: ToolbarWidget, isStandalone: true, selector: "[ngToolbarWidget]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-active": "pattern.active()", "attr.tabindex": "pattern.tabindex()", "attr.inert": "hardDisabled() ? true : null", "attr.disabled": "hardDisabled() ? true : null", "attr.aria-disabled": "pattern.disabled()", "id": "pattern.id()" }, classAttribute: "ng-toolbar-widget" }, exportAs: ["ngToolbarWidget"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ToolbarWidget, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngToolbarWidget]',
+                    exportAs: 'ngToolbarWidget',
+                    host: {
+                        'class': 'ng-toolbar-widget',
+                        '[attr.data-active]': 'pattern.active()',
+                        '[attr.tabindex]': 'pattern.tabindex()',
+                        '[attr.inert]': 'hardDisabled() ? true : null',
+                        '[attr.disabled]': 'hardDisabled() ? true : null',
+                        '[attr.aria-disabled]': 'pattern.disabled()',
+                        '[id]': 'pattern.id()',
+                    },
+                }]
+        }] });
+/**
+ * A directive that groups toolbar widgets, used for more complex widgets like radio groups that
+ * have their own internal navigation.
+ */
+class ToolbarWidgetGroup {
+    /** A reference to the widget element. */
+    _elementRef = inject(ElementRef);
+    /** The parent Toolbar. */
+    _toolbar = inject(Toolbar, { optional: true });
+    /** A unique identifier for the widget. */
+    _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-group-');
+    /** A unique identifier for the widget. */
+    id = computed(() => this._generatedId, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    /** The parent Toolbar UIPattern. */
+    toolbar = computed(() => this._toolbar?.pattern, ...(ngDevMode ? [{ debugName: "toolbar" }] : []));
+    /** A reference to the widget element to be focused on navigation. */
+    element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
+    /** Whether the widget group is disabled. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /** The controls that can be performed on the widget group. */
+    controls = signal(undefined, ...(ngDevMode ? [{ debugName: "controls" }] : []));
+    /** The ToolbarWidgetGroup UIPattern. */
+    pattern = new ToolbarWidgetGroupPattern({
+        ...this,
+        id: this.id,
+        element: this.element,
+    });
+    ngOnInit() {
+        this._toolbar?.register(this);
+    }
+    ngOnDestroy() {
+        this._toolbar?.unregister(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ToolbarWidgetGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: ToolbarWidgetGroup, isStandalone: true, inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ng-toolbar-widget-group": "!!toolbar()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ToolbarWidgetGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        '[class.ng-toolbar-widget-group]': '!!toolbar()',
+                    },
+                }]
+        }] });
+
+export { Toolbar, ToolbarWidget, ToolbarWidgetGroup };
+//# sourceMappingURL=toolbar.mjs.map

package/fesm2022/toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/toolbar/toolbar.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  afterRenderEffect,\n  Directive,\n  ElementRef,\n  inject,\n  computed,\n  input,\n  booleanAttribute,\n  signal,\n  Signal,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\nimport {\n  ToolbarPattern,\n  ToolbarWidgetPattern,\n  ToolbarWidgetGroupPattern,\n  ToolbarWidgetGroupControls,\n} from '@angular/aria/ui-patterns';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {_IdGenerator} from '@angular/cdk/a11y';\n\ninterface HasElement {\n  element: Signal<HTMLElement>;\n}\n\n/**\n * Sort directives by their document order.\n */\nfunction sortDirectives(a: HasElement, b: HasElement) {\n  return (a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_PRECEDING) > 0\n    ? 1\n    : -1;\n}\n\n/**\n * A toolbar widget container.\n *\n * Widgets such as radio groups or buttons are nested within a toolbar to allow for a single\n * place of reference for focus and navigation. The Toolbar is meant to be used in conjunction\n * with ToolbarWidget and RadioGroup as follows:\n *\n * ```html\n * <div ngToolbar>\n *  <button ngToolbarWidget>Button</button>\n *  <div ngRadioGroup>\n *    <label ngRadioButton value=\"1\">Option 1</label>\n *    <label ngRadioButton value=\"2\">Option 2</label>\n *    <label ngRadioButton value=\"3\">Option 3</label>\n *  </div>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[ngToolbar]',\n  exportAs: 'ngToolbar',\n  host: {\n    'role': 'toolbar',\n    'class': 'ng-toolbar',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[attr.aria-orientation]': 'pattern.orientation()',\n    '(keydown)': 'pattern.onKeydown($event)',\n    '(pointerdown)': 'pattern.onPointerdown($event)',\n    '(focusin)': 'onFocus()',\n  },\n})\nexport class Toolbar<V> {\n  /** A reference to the toolbar element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The TabList nested inside of the container. */\n  private readonly _widgets = signal(new Set<ToolbarWidget<V> | ToolbarWidgetGroup<V>>());\n\n  /** A signal wrapper for directionality. */\n  readonly textDirection = inject(Directionality).valueSignal;\n\n  /** Sorted UIPatterns of the child widgets */\n  readonly items = computed(() =>\n    [...this._widgets()].sort(sortDirectives).map(widget => widget.pattern),\n  );\n\n  /** Whether the toolbar is vertically or horizontally oriented. */\n  readonly orientation = input<'vertical' | 'horizontal'>('horizontal');\n\n  /** Whether disabled items in the group should be skipped when navigating. */\n  readonly skipDisabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the toolbar is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether focus should wrap when navigating. */\n  readonly wrap = input(true, {transform: booleanAttribute});\n\n  /** The toolbar UIPattern. */\n  readonly pattern: ToolbarPattern<V> = new ToolbarPattern<V>({\n    ...this,\n    activeItem: signal(undefined),\n    textDirection: this.textDirection,\n    element: () => this._elementRef.nativeElement,\n    getItem: e => this._getItem(e),\n  });\n\n  /** Whether the toolbar has received focus yet. */\n  private _hasFocused = signal(false);\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (typeof ngDevMode === 'undefined' || ngDevMode) {\n        const violations = this.pattern.validate();\n        for (const violation of violations) {\n          console.error(violation);\n        }\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (!this._hasFocused()) {\n        this.pattern.setDefaultState();\n      }\n    });\n  }\n\n  onFocus() {\n    this._hasFocused.set(true);\n  }\n\n  register(widget: ToolbarWidget<V> | ToolbarWidgetGroup<V>) {\n    const widgets = this._widgets();\n    if (!widgets.has(widget)) {\n      widgets.add(widget);\n      this._widgets.set(new Set(widgets));\n    }\n  }\n\n  unregister(widget: ToolbarWidget<V> | ToolbarWidgetGroup<V>) {\n    const widgets = this._widgets();\n    if (widgets.delete(widget)) {\n      this._widgets.set(new Set(widgets));\n    }\n  }\n\n  /** Finds the toolbar item associated with a given element. */\n  private _getItem(element: Element) {\n    const widgetTarget = element.closest('.ng-toolbar-widget');\n    const groupTarget = element.closest('.ng-toolbar-widget-group');\n    return this.items().find(\n      widget => widget.element() === widgetTarget || widget.element() === groupTarget,\n    );\n  }\n}\n\n/**\n * A widget within a toolbar.\n *\n * A widget is anything that is within a toolbar. It should be applied to any native HTML element\n * that has the purpose of acting as a widget navigatable within a toolbar.\n */\n@Directive({\n  selector: '[ngToolbarWidget]',\n  exportAs: 'ngToolbarWidget',\n  host: {\n    'class': 'ng-toolbar-widget',\n    '[attr.data-active]': 'pattern.active()',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.inert]': 'hardDisabled() ? true : null',\n    '[attr.disabled]': 'hardDisabled() ? true : null',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[id]': 'pattern.id()',\n  },\n})\nexport class ToolbarWidget<V> implements OnInit, OnDestroy {\n  /** A reference to the widget element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent Toolbar. */\n  private readonly _toolbar = inject(Toolbar);\n\n  /** A unique identifier for the widget. */\n  private readonly _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-');\n\n  /** A unique identifier for the widget. */\n  readonly id = computed(() => this._generatedId);\n\n  /** The parent Toolbar UIPattern. */\n  readonly toolbar = computed(() => this._toolbar.pattern);\n\n  /** A reference to the widget element to be focused on navigation. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** Whether the widget is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the widget is 'hard' disabled, which is different from `aria-disabled`. A hard disabled widget cannot receive focus. */\n  readonly hardDisabled = computed(() => this.pattern.disabled() && this._toolbar.skipDisabled());\n\n  /** The ToolbarWidget UIPattern. */\n  readonly pattern = new ToolbarWidgetPattern<V>({\n    ...this,\n    id: this.id,\n    element: this.element,\n    disabled: computed(() => this._toolbar.disabled() || this.disabled()),\n  });\n\n  ngOnInit() {\n    this._toolbar.register(this);\n  }\n\n  ngOnDestroy() {\n    this._toolbar.unregister(this);\n  }\n}\n\n/**\n * A directive that groups toolbar widgets, used for more complex widgets like radio groups that\n * have their own internal navigation.\n */\n@Directive({\n  host: {\n    '[class.ng-toolbar-widget-group]': '!!toolbar()',\n  },\n})\nexport class ToolbarWidgetGroup<V> implements OnInit, OnDestroy {\n  /** A reference to the widget element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent Toolbar. */\n  private readonly _toolbar = inject(Toolbar, {optional: true});\n\n  /** A unique identifier for the widget. */\n  private readonly _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-group-');\n\n  /** A unique identifier for the widget. */\n  readonly id = computed(() => this._generatedId);\n\n  /** The parent Toolbar UIPattern. */\n  readonly toolbar = computed(() => this._toolbar?.pattern);\n\n  /** A reference to the widget element to be focused on navigation. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** Whether the widget group is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** The controls that can be performed on the widget group. */\n  readonly controls = signal<ToolbarWidgetGroupControls | undefined>(undefined);\n\n  /** The ToolbarWidgetGroup UIPattern. */\n  readonly pattern = new ToolbarWidgetGroupPattern<V>({\n    ...this,\n    id: this.id,\n    element: this.element,\n  });\n\n  ngOnInit() {\n    this._toolbar?.register(this);\n  }\n\n  ngOnDestroy() {\n    this._toolbar?.unregister(this);\n  }\n}\n"],"names":[],"mappings":"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"}