@angular/aria 21.0.0-rc.1 → 21.0.0-rc.2

package/fesm2022/tabs.mjs

@@ -1,25 +1,27 @@
 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 { inject, ElementRef, signal, computed, Directive, input, booleanAttribute, model, afterRenderEffect } from '@angular/core';
 import * as i1 from '@angular/aria/private';
 import { TabListPattern, TabPattern, DeferredContentAware, TabPanelPattern, DeferredContent } from '@angular/aria/private';
 
 function sortDirectives(a, b) {
-  return (a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_PRECEDING) > 0 ? 1 : -1;
+  return (a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_PRECEDING) > 0 ? 1 : -1;
 }
 class Tabs {
+  _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
   _tablist = signal(undefined, ...(ngDevMode ? [{
     debugName: "_tablist"
   }] : []));
   _unorderedPanels = signal(new Set(), ...(ngDevMode ? [{
     debugName: "_unorderedPanels"
   }] : []));
-  tabs = computed(() => this._tablist()?.tabs(), ...(ngDevMode ? [{
-    debugName: "tabs"
+  _tabPatterns = computed(() => this._tablist()?._tabPatterns(), ...(ngDevMode ? [{
+    debugName: "_tabPatterns"
   }] : []));
-  unorderedTabpanels = computed(() => [...this._unorderedPanels()].map(tabpanel => tabpanel._pattern), ...(ngDevMode ? [{
-    debugName: "unorderedTabpanels"
+  _unorderedTabpanelPatterns = computed(() => [...this._unorderedPanels()].map(tabpanel => tabpanel._pattern), ...(ngDevMode ? [{
+    debugName: "_unorderedTabpanelPatterns"
   }] : []));
   register(child) {
     if (child instanceof TabList) {
@@ -53,9 +55,6 @@ class Tabs {
     type: Tabs,
     isStandalone: true,
     selector: "[ngTabs]",
-    host: {
-      classAttribute: "ng-tabs"
-    },
     exportAs: ["ngTabs"],
     ngImport: i0
   });
@@ -69,23 +68,20 @@ i0.ɵɵngDeclareClassMetadata({
     type: Directive,
     args: [{
       selector: '[ngTabs]',
-      exportAs: 'ngTabs',
-      host: {
-        'class': 'ng-tabs'
-      }
+      exportAs: 'ngTabs'
     }]
   }]
 });
 class TabList {
   _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
   _tabs = inject(Tabs);
   _unorderedTabs = signal(new Set(), ...(ngDevMode ? [{
     debugName: "_unorderedTabs"
   }] : []));
-  _selection = linkedSignal(() => this.selectedTab() ? [this.selectedTab()] : []);
   textDirection = inject(Directionality).valueSignal;
-  tabs = computed(() => [...this._unorderedTabs()].sort(sortDirectives).map(tab => tab._pattern), ...(ngDevMode ? [{
-    debugName: "tabs"
+  _tabPatterns = computed(() => [...this._unorderedTabs()].sort(sortDirectives).map(tab => tab._pattern), ...(ngDevMode ? [{
+    debugName: "_tabPatterns"
   }] : []));
   orientation = input('horizontal', ...(ngDevMode ? [{
     debugName: "orientation"
@@ -108,19 +104,18 @@ class TabList {
   selectionMode = input('follow', ...(ngDevMode ? [{
     debugName: "selectionMode"
   }] : []));
+  selectedTab = model(...(ngDevMode ? [undefined, {
+    debugName: "selectedTab"
+  }] : []));
   disabled = input(false, ...(ngDevMode ? [{
     debugName: "disabled",
     transform: booleanAttribute
   }] : [{
     transform: booleanAttribute
   }]));
-  selectedTab = model(...(ngDevMode ? [undefined, {
-    debugName: "selectedTab"
-  }] : []));
   _pattern = new TabListPattern({
     ...this,
-    items: this.tabs,
-    value: this._selection,
+    items: this._tabPatterns,
     activeItem: signal(undefined),
     element: () => this._elementRef.nativeElement
   });
@@ -128,12 +123,23 @@ class TabList {
     debugName: "_hasFocused"
   }] : []));
   constructor() {
-    afterRenderEffect(() => this.selectedTab.set(this._selection()[0]));
     afterRenderEffect(() => {
       if (!this._hasFocused()) {
         this._pattern.setDefaultState();
       }
     });
+    afterRenderEffect(() => {
+      const tab = this._pattern.selectedTab();
+      if (tab) {
+        this.selectedTab.set(tab.value());
+      }
+    });
+    afterRenderEffect(() => {
+      const value = this.selectedTab();
+      if (value) {
+        this._pattern.open(value);
+      }
+    });
   }
   onFocus() {
     this._hasFocused.set(true);
@@ -152,6 +158,9 @@ class TabList {
     this._unorderedTabs().delete(child);
     this._unorderedTabs.set(new Set(this._unorderedTabs()));
   }
+  open(value) {
+    return this._pattern.open(value);
+  }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
     version: "20.2.0-next.2",
@@ -202,16 +211,16 @@ class TabList {
         isRequired: false,
         transformFunction: null
       },
-      disabled: {
-        classPropertyName: "disabled",
-        publicName: "disabled",
+      selectedTab: {
+        classPropertyName: "selectedTab",
+        publicName: "selectedTab",
         isSignal: true,
         isRequired: false,
         transformFunction: null
       },
-      selectedTab: {
-        classPropertyName: "selectedTab",
-        publicName: "selectedTab",
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
         isSignal: true,
         isRequired: false,
         transformFunction: null
@@ -234,8 +243,7 @@ class TabList {
         "attr.aria-disabled": "_pattern.disabled()",
         "attr.aria-orientation": "_pattern.orientation()",
         "attr.aria-activedescendant": "_pattern.activeDescendant()"
-      },
-      classAttribute: "ng-tablist"
+      }
     },
     exportAs: ["ngTabList"],
     ngImport: i0
@@ -253,7 +261,6 @@ i0.ɵɵngDeclareClassMetadata({
       exportAs: 'ngTabList',
       host: {
         'role': 'tablist',
-        'class': 'ng-tablist',
         '[attr.tabindex]': '_pattern.tabIndex()',
         '[attr.aria-disabled]': '_pattern.disabled()',
         '[attr.aria-orientation]': '_pattern.orientation()',
@@ -268,16 +275,16 @@ i0.ɵɵngDeclareClassMetadata({
 });
 class Tab {
   _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
   _tabs = inject(Tabs);
   _tabList = inject(TabList);
-  _id = inject(_IdGenerator).getId('ng-tab-');
-  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
-    debugName: "element"
+  id = input(inject(_IdGenerator).getId('ng-tab-', true), ...(ngDevMode ? [{
+    debugName: "id"
   }] : []));
   tablist = computed(() => this._tabList._pattern, ...(ngDevMode ? [{
     debugName: "tablist"
   }] : []));
-  tabpanel = computed(() => this._tabs.unorderedTabpanels().find(tabpanel => tabpanel.value() === this.value()), ...(ngDevMode ? [{
+  tabpanel = computed(() => this._tabs._unorderedTabpanelPatterns().find(tabpanel => tabpanel.value() === this.value()), ...(ngDevMode ? [{
     debugName: "tabpanel"
   }] : []));
   disabled = input(false, ...(ngDevMode ? [{
@@ -289,13 +296,22 @@ class Tab {
   value = input.required(...(ngDevMode ? [{
     debugName: "value"
   }] : []));
+  active = computed(() => this._pattern.active(), ...(ngDevMode ? [{
+    debugName: "active"
+  }] : []));
+  selected = computed(() => this._pattern.selected(), ...(ngDevMode ? [{
+    debugName: "selected"
+  }] : []));
   _pattern = new TabPattern({
     ...this,
-    id: () => this._id,
     tablist: this.tablist,
     tabpanel: this.tabpanel,
-    value: this.value
+    expanded: signal(false),
+    element: () => this.element
   });
+  open() {
+    this._pattern.open();
+  }
   ngOnInit() {
     this._tabList.register(this);
   }
@@ -317,6 +333,13 @@ class Tab {
     isStandalone: true,
     selector: "[ngTab]",
     inputs: {
+      id: {
+        classPropertyName: "id",
+        publicName: "id",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
       disabled: {
         classPropertyName: "disabled",
         publicName: "disabled",
@@ -337,14 +360,13 @@ class Tab {
         "role": "tab"
       },
       properties: {
-        "attr.data-active": "_pattern.active()",
+        "attr.data-active": "active()",
         "attr.id": "_pattern.id()",
         "attr.tabindex": "_pattern.tabIndex()",
-        "attr.aria-selected": "_pattern.selected()",
+        "attr.aria-selected": "selected()",
         "attr.aria-disabled": "_pattern.disabled()",
         "attr.aria-controls": "_pattern.controls()"
-      },
-      classAttribute: "ng-tab"
+      }
     },
     exportAs: ["ngTab"],
     ngImport: i0
@@ -362,11 +384,10 @@ i0.ɵɵngDeclareClassMetadata({
       exportAs: 'ngTab',
       host: {
         'role': 'tab',
-        'class': 'ng-tab',
-        '[attr.data-active]': '_pattern.active()',
+        '[attr.data-active]': 'active()',
         '[attr.id]': '_pattern.id()',
         '[attr.tabindex]': '_pattern.tabIndex()',
-        '[attr.aria-selected]': '_pattern.selected()',
+        '[attr.aria-selected]': 'selected()',
         '[attr.aria-disabled]': '_pattern.disabled()',
         '[attr.aria-controls]': '_pattern.controls()'
       }
@@ -374,22 +395,27 @@ i0.ɵɵngDeclareClassMetadata({
   }]
 });
 class TabPanel {
+  _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
   _deferredContentAware = inject(DeferredContentAware);
   _Tabs = inject(Tabs);
-  _id = inject(_IdGenerator).getId('ng-tabpanel-', true);
-  tab = computed(() => this._Tabs.tabs()?.find(tab => tab.value() === this.value()), ...(ngDevMode ? [{
+  id = input(inject(_IdGenerator).getId('ng-tabpanel-', true), ...(ngDevMode ? [{
+    debugName: "id"
+  }] : []));
+  tab = computed(() => this._Tabs._tabPatterns()?.find(tab => tab.value() === this.value()), ...(ngDevMode ? [{
     debugName: "tab"
   }] : []));
   value = input.required(...(ngDevMode ? [{
     debugName: "value"
   }] : []));
+  visible = computed(() => !this._pattern.hidden(), ...(ngDevMode ? [{
+    debugName: "visible"
+  }] : []));
   _pattern = new TabPanelPattern({
-    ...this,
-    id: () => this._id,
-    tab: this.tab
+    ...this
   });
   constructor() {
-    afterRenderEffect(() => this._deferredContentAware.contentVisible.set(!this._pattern.hidden()));
+    afterRenderEffect(() => this._deferredContentAware.contentVisible.set(this.visible()));
   }
   ngOnInit() {
     this._Tabs.register(this);
@@ -412,6 +438,13 @@ class TabPanel {
     isStandalone: true,
     selector: "[ngTabPanel]",
     inputs: {
+      id: {
+        classPropertyName: "id",
+        publicName: "id",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
       value: {
         classPropertyName: "value",
         publicName: "value",
@@ -427,10 +460,9 @@ class TabPanel {
       properties: {
         "attr.id": "_pattern.id()",
         "attr.tabindex": "_pattern.tabIndex()",
-        "attr.inert": "_pattern.hidden() ? true : null",
+        "attr.inert": "!visible() ? true : null",
         "attr.aria-labelledby": "_pattern.labelledBy()"
-      },
-      classAttribute: "ng-tabpanel"
+      }
     },
     exportAs: ["ngTabPanel"],
     hostDirectives: [{
@@ -452,10 +484,9 @@ i0.ɵɵngDeclareClassMetadata({
       exportAs: 'ngTabPanel',
       host: {
         'role': 'tabpanel',
-        'class': 'ng-tabpanel',
         '[attr.id]': '_pattern.id()',
         '[attr.tabindex]': '_pattern.tabIndex()',
-        '[attr.inert]': '_pattern.hidden() ? true : null',
+        '[attr.inert]': '!visible() ? true : null',
         '[attr.aria-labelledby]': '_pattern.labelledBy()'
       },
       hostDirectives: [{

package/fesm2022/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","sources":["../../../../../k8-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 {_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 {\n  TabListPattern,\n  TabPanelPattern,\n  TabPattern,\n  DeferredContent,\n  DeferredContentAware,\n} from '@angular/aria/private';\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 to allow disabled items to receive focus. */\n  readonly softDisabled = 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-', true);\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":["sortDirectives","a","b","element","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","Tabs","_tablist","signal","undefined","_unorderedPanels","Set","tabs","computed","unorderedTabpanels","map","tabpanel","_pattern","ngDevMode","debugName","register","child","TabList","set","TabPanel","add","deregister","delete","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","host","classAttribute","exportAs","ngImport","decorators","args","_elementRef","inject","ElementRef","_tabs","_unorderedTabs","_selection","linkedSignal","selectedTab","textDirection","Directionality","valueSignal","sort","tab","orientation","input","wrap","transform","booleanAttribute","softDisabled","focusMode","selectionMode","disabled","model","TabListPattern","items","value","activeItem","nativeElement","_hasFocused","constructor","afterRenderEffect","setDefaultState","onFocus","ngOnInit","ngOnDestroy","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","outputs","attributes","listeners","properties","Tab","_tabList","_id","_IdGenerator","getId","tablist","find","required","TabPattern","id","_deferredContentAware","DeferredContentAware","_Tabs","TabPanelPattern","contentVisible","hidden","hostDirectives","directive","i1","TabContent","DeferredContent"],"mappings":"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"}
+{"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 {_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  signal,\n  afterRenderEffect,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\nimport {\n  TabListPattern,\n  TabPanelPattern,\n  TabPattern,\n  DeferredContent,\n  DeferredContentAware,\n} from '@angular/aria/private';\n\ninterface HasElement {\n  element: 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 * The `ngTabs` directive represents a set of layered sections of content. It acts as the\n * overarching container for a tabbed interface, coordinating the behavior of `ngTabList`,\n * `ngTab`, and `ngTabPanel` directives.\n *\n * ```html\n * <div ngTabs>\n *   <ul ngTabList [(selectedTab)]=\"selectedTabValue\">\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>Content for Tab 1</ng-template>\n *   </div>\n *   <div ngTabPanel value=\"tab2\">\n *      <ng-template ngTabContent>Content for Tab 2</ng-template>\n *   </div>\n *   <div ngTabPanel value=\"tab3\">\n *      <ng-template ngTabContent>Content for Tab 3</ng-template>\n *   </div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */\n@Directive({\n  selector: '[ngTabs]',\n  exportAs: 'ngTabs',\n})\nexport class Tabs {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the host element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\n\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  readonly _tabPatterns = computed(() => this._tablist()?._tabPatterns());\n\n  /** The TabPanel UIPattern of the child TabPanels. */\n  readonly _unorderedTabpanelPatterns = 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 * The `ngTabList` directive controls a list of `ngTab` elements. It manages keyboard\n * navigation, selection, and the overall orientation of the tabs. It should be placed\n * within an `ngTabs` container.\n *\n * ```html\n * <ul ngTabList [(selectedTab)]=\"mySelectedTab\" orientation=\"horizontal\" selectionMode=\"explicit\">\n *   <li ngTab value=\"first\">First Tab</li>\n *   <li ngTab value=\"second\">Second Tab</li>\n * </ul>\n * ```\n *\n * @developerPreview 21.0\n */\n@Directive({\n  selector: '[ngTabList]',\n  exportAs: 'ngTabList',\n  host: {\n    'role': '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 host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the host element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\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  /** Text direction. */\n  readonly textDirection = inject(Directionality).valueSignal;\n\n  /** The Tab UIPatterns of the child Tabs. */\n  readonly _tabPatterns = 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  /**\n   * Whether to allow disabled items to receive focus. When `true`, disabled items are\n   * focusable but not interactive. When `false`, disabled items are skipped during navigation.\n   */\n  readonly softDisabled = input(true, {transform: booleanAttribute});\n\n  /**\n   * The focus strategy used by the tablist.\n   * - `roving`: Focus is moved to the active tab using `tabindex`.\n   * - `activedescendant`: Focus remains on the tablist container, and `aria-activedescendant` is used to indicate the active tab.\n   */\n  readonly focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /**\n   * The selection strategy used by the tablist.\n   * - `follow`: The focused tab is automatically selected.\n   * - `explicit`: Tabs are selected explicitly by the user (e.g., via click or spacebar).\n   */\n  readonly selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** The current selected tab. */\n  readonly selectedTab = model<string | undefined>();\n\n  /** Whether the tablist is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** The TabList UIPattern. */\n  readonly _pattern: TabListPattern = new TabListPattern({\n    ...this,\n    items: this._tabPatterns,\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(() => {\n      if (!this._hasFocused()) {\n        this._pattern.setDefaultState();\n      }\n    });\n\n    afterRenderEffect(() => {\n      const tab = this._pattern.selectedTab();\n      if (tab) {\n        this.selectedTab.set(tab.value());\n      }\n    });\n\n    afterRenderEffect(() => {\n      const value = this.selectedTab();\n      if (value) {\n        this._pattern.open(value);\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  /** Opens the tab panel with the specified value. */\n  open(value: string): boolean {\n    return this._pattern.open(value);\n  }\n}\n\n/**\n * A selectable tab in a TabList.\n *\n * The `ngTab` directive represents an individual tab control within an `ngTabList`. It\n * requires a `value` that uniquely identifies it and links it to a corresponding `ngTabPanel`.\n *\n * ```html\n * <li ngTab value=\"myTabId\" [disabled]=\"isTabDisabled\">\n *   My Tab Label\n * </li>\n * ```\n *\n * @developerPreview 21.0\n */\n@Directive({\n  selector: '[ngTab]',\n  exportAs: 'ngTab',\n  host: {\n    'role': 'tab',\n    '[attr.data-active]': 'active()',\n    '[attr.id]': '_pattern.id()',\n    '[attr.tabindex]': '_pattern.tabIndex()',\n    '[attr.aria-selected]': '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 host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the host element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\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 unique identifier for the widget. */\n  readonly id = input(inject(_IdGenerator).getId('ng-tab-', true));\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._unorderedTabpanelPatterns().find(tabpanel => tabpanel.value() === this.value()),\n  );\n\n  /** Whether a tab is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** The remote tabpanel unique identifier. */\n  readonly value = input.required<string>();\n\n  /** Whether the tab is active. */\n  readonly active = computed(() => this._pattern.active());\n\n  /** Whether the tab is selected. */\n  readonly selected = computed(() => this._pattern.selected());\n\n  /** The Tab UIPattern. */\n  readonly _pattern: TabPattern = new TabPattern({\n    ...this,\n    tablist: this.tablist,\n    tabpanel: this.tabpanel,\n    expanded: signal(false),\n    element: () => this.element,\n  });\n\n  /** Opens this tab panel. */\n  open() {\n    this._pattern.open();\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 * The `ngTabPanel` directive holds the content for a specific tab. It is linked to an\n * `ngTab` by a matching `value`. If a tab panel is hidden, the `inert` attribute will be\n * applied to remove it from the accessibility tree. Proper styling is required for visual hiding.\n *\n * ```html\n * <div ngTabPanel value=\"myTabId\">\n *   <ng-template ngTabContent>\n *     <!-- Content for the tab panel -->\n *   </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */\n@Directive({\n  selector: '[ngTabPanel]',\n  exportAs: 'ngTabPanel',\n  host: {\n    'role': 'tabpanel',\n    '[attr.id]': '_pattern.id()',\n    '[attr.tabindex]': '_pattern.tabIndex()',\n    '[attr.inert]': '!visible() ? 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  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the host element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\n\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  readonly id = input(inject(_IdGenerator).getId('ng-tabpanel-', true));\n\n  /** The Tab UIPattern associated with the tabpanel */\n  readonly tab = computed(() =>\n    this._Tabs._tabPatterns()?.find(tab => tab.value() === this.value()),\n  );\n\n  /** A local unique identifier for the tabpanel. */\n  readonly value = input.required<string>();\n\n  /** Whether the tab panel is visible. */\n  readonly visible = computed(() => !this._pattern.hidden());\n\n  /** The TabPanel UIPattern. */\n  readonly _pattern: TabPanelPattern = new TabPanelPattern({\n    ...this,\n  });\n\n  constructor() {\n    afterRenderEffect(() => this._deferredContentAware.contentVisible.set(this.visible()));\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 * This structural directive should be applied to an `ng-template` within an `ngTabPanel`.\n * It enables lazy loading of the tab's content, meaning the content is only rendered\n * when the tab is activated for the first time.\n *\n * ```html\n * <div ngTabPanel value=\"myTabId\">\n *   <ng-template ngTabContent>\n *     <p>This content will be loaded when 'myTabId' is selected.</p>\n *   </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */\n@Directive({\n  selector: 'ng-template[ngTabContent]',\n  exportAs: 'ngTabContent',\n  hostDirectives: [DeferredContent],\n})\nexport class TabContent {}\n"],"names":["sortDirectives","a","b","element","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","Tabs","_elementRef","inject","ElementRef","nativeElement","_tablist","signal","undefined","_unorderedPanels","Set","_tabPatterns","computed","_unorderedTabpanelPatterns","map","tabpanel","_pattern","ngDevMode","debugName","register","child","TabList","set","TabPanel","add","deregister","delete","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","exportAs","ngImport","decorators","args","_tabs","_unorderedTabs","textDirection","Directionality","valueSignal","sort","tab","orientation","input","wrap","transform","booleanAttribute","softDisabled","focusMode","selectionMode","selectedTab","model","disabled","TabListPattern","items","activeItem","_hasFocused","constructor","afterRenderEffect","setDefaultState","value","open","onFocus","ngOnInit","ngOnDestroy","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","outputs","host","attributes","listeners","properties","Tab","_tabList","id","_IdGenerator","getId","tablist","find","required","active","selected","TabPattern","expanded","_deferredContentAware","DeferredContentAware","_Tabs","visible","hidden","TabPanelPattern","contentVisible","hostDirectives","directive","i1","TabContent","DeferredContent"],"mappings":"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"}

package/fesm2022/toolbar.mjs

@@ -5,10 +5,11 @@ import { Directionality } from '@angular/cdk/bidi';
 import { _IdGenerator } from '@angular/cdk/a11y';
 
 function sortDirectives(a, b) {
-  return (a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_PRECEDING) > 0 ? 1 : -1;
+  return (a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_PRECEDING) > 0 ? 1 : -1;
 }
 class Toolbar {
   _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
   _widgets = signal(new Set(), ...(ngDevMode ? [{
     debugName: "_widgets"
   }] : []));
@@ -79,7 +80,7 @@ class Toolbar {
     }
   }
   _getItem(element) {
-    const widgetTarget = element.closest('.ng-toolbar-widget');
+    const widgetTarget = element.closest('[ngToolbarWidget]');
     return this.items().find(widget => widget.element() === widgetTarget);
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
@@ -140,8 +141,7 @@ class Toolbar {
         "attr.tabindex": "_pattern.tabIndex()",
         "attr.aria-disabled": "_pattern.disabled()",
         "attr.aria-orientation": "_pattern.orientation()"
-      },
-      classAttribute: "ng-toolbar"
+      }
     },
     exportAs: ["ngToolbar"],
     ngImport: i0
@@ -159,7 +159,6 @@ i0.ɵɵngDeclareClassMetadata({
       exportAs: 'ngToolbar',
       host: {
         'role': 'toolbar',
-        'class': 'ng-toolbar',
         '[attr.tabindex]': '_pattern.tabIndex()',
         '[attr.aria-disabled]': '_pattern.disabled()',
         '[attr.aria-orientation]': '_pattern.orientation()',
@@ -174,17 +173,14 @@ i0.ɵɵngDeclareClassMetadata({
 });
 class ToolbarWidget {
   _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
   _toolbar = inject(Toolbar);
-  _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-', true);
-  id = input(this._generatedId, ...(ngDevMode ? [{
+  id = input(inject(_IdGenerator).getId('ng-toolbar-widget-', true), ...(ngDevMode ? [{
     debugName: "id"
   }] : []));
   toolbar = computed(() => this._toolbar._pattern, ...(ngDevMode ? [{
     debugName: "toolbar"
   }] : []));
-  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
-    debugName: "element"
-  }] : []));
   disabled = input(false, ...(ngDevMode ? [{
     debugName: "disabled",
     transform: booleanAttribute
@@ -209,7 +205,7 @@ class ToolbarWidget {
     ...this,
     id: this.id,
     value: this.value,
-    element: this.element
+    element: () => this.element
   });
   ngOnInit() {
     this._toolbar.register(this);
@@ -256,14 +252,13 @@ class ToolbarWidget {
     },
     host: {
       properties: {
-        "attr.data-active": "_pattern.active()",
+        "attr.data-active": "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
@@ -280,8 +275,7 @@ i0.ɵɵngDeclareClassMetadata({
       selector: '[ngToolbarWidget]',
       exportAs: 'ngToolbarWidget',
       host: {
-        'class': 'ng-toolbar-widget',
-        '[attr.data-active]': '_pattern.active()',
+        '[attr.data-active]': 'active()',
         '[attr.tabindex]': '_pattern.tabIndex()',
         '[attr.inert]': 'hardDisabled() ? true : null',
         '[attr.disabled]': 'hardDisabled() ? true : null',
@@ -292,6 +286,8 @@ i0.ɵɵngDeclareClassMetadata({
   }]
 });
 class ToolbarWidgetGroup {
+  _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
   _toolbar = inject(Toolbar, {
     optional: true
   });
@@ -348,11 +344,6 @@ class ToolbarWidgetGroup {
         transformFunction: null
       }
     },
-    host: {
-      properties: {
-        "class.ng-toolbar-widget-group": "!!toolbar()"
-      }
-    },
     queries: [{
       propertyName: "_widgets",
       predicate: ToolbarWidget,
@@ -372,10 +363,7 @@ i0.ɵɵngDeclareClassMetadata({
     type: Directive,
     args: [{
       selector: '[ngToolbarWidgetGroup]',
-      exportAs: 'ngToolbarWidgetGroup',
-      host: {
-        '[class.ng-toolbar-widget-group]': '!!toolbar()'
-      }
+      exportAs: 'ngToolbarWidgetGroup'
     }]
   }]
 });