@angular/aria 22.0.0-next.7 → 22.0.0-rc.0

package/fesm2022/private.mjs

@@ -1,29 +1,29 @@
 export { AccordionGroupPattern, AccordionTriggerPattern } from './_accordion-chunk.mjs';
-export { ComboboxDialogPattern, ComboboxPattern } from './_combobox-chunk.mjs';
-export { ComboboxListboxPattern, ListboxPattern, OptionPattern } from './_combobox-listbox-chunk.mjs';
-export { ComboboxTreePattern, TreeItemPattern, TreePattern } from './_combobox-tree-chunk.mjs';
+import { computed, signal, untracked } from '@angular/core';
+import { KeyboardEventManager, Modifier } from './_violations-chunk.mjs';
+export { SortedCollection, computed, convertGetterSetterToWritableSignalLike, linkedSignal, reportViolations, signal, sortDirectives } from './_violations-chunk.mjs';
+import { ClickEventManager } from './_click-event-manager-chunk.mjs';
 export { DeferredContent, DeferredContentAware } from './_deferred-content-chunk.mjs';
 export { GridCellPattern, GridCellWidgetPattern, GridPattern, GridRowPattern, resolveElement } from './_widget-chunk.mjs';
+export { ListboxPattern, OptionPattern } from './_option-chunk.mjs';
 export { MenuBarPattern, MenuItemPattern, MenuPattern, MenuTriggerPattern } from './_menu-chunk.mjs';
-import { computed, signal, untracked } from '@angular/core';
-import { KeyboardEventManager } from './_signal-like-chunk.mjs';
-export { computed, convertGetterSetterToWritableSignalLike, linkedSignal, signal } from './_signal-like-chunk.mjs';
-import { ClickEventManager } from './_click-event-manager-chunk.mjs';
 export { TabListPattern, TabPanelPattern, TabPattern } from './_tabs-chunk.mjs';
 export { ToolbarPattern, ToolbarWidgetGroupPattern, ToolbarWidgetPattern } from './_toolbar-widget-group-chunk.mjs';
-export { sortDirectives } from './_element-chunk.mjs';
+export { TreeItemPattern, TreePattern } from './_tree-chunk.mjs';
+export { tabIndexTransform } from './_transforms-chunk.mjs';
 export { untracked } from '@angular/core/primitives/signals';
 import './_expansion-chunk.mjs';
 import './_list-navigation-chunk.mjs';
 import './_list-chunk.mjs';
 import './_list-typeahead-chunk.mjs';
 
-class SimpleComboboxPattern {
+class ComboboxPattern {
   inputs;
   isExpanded = computed(() => this.inputs.alwaysExpanded() || this.inputs.expanded());
   value;
   element = () => this.inputs.element();
   disabled = () => this.inputs.disabled();
+  softDisabled = () => this.inputs.softDisabled?.() ?? true;
   inlineSuggestion = () => this.inputs.inlineSuggestion();
   activeDescendant = computed(() => this.inputs.popup()?.activeDescendant());
   popupId = computed(() => this.inputs.popup()?.popupId());
@@ -52,7 +52,8 @@ class SimpleComboboxPattern {
     if (!this.isExpanded()) {
       manager.on('ArrowDown', () => this.inputs.expanded.set(true));
       if (!this.isEditable()) {
-        manager.on(/^(Enter| )$/, () => this.inputs.expanded.set(true));
+        manager.on('Enter', () => this.inputs.expanded.set(true));
+        manager.on(' ', () => this.inputs.expanded.set(true));
       }
       return manager;
     }
@@ -70,13 +71,17 @@ class SimpleComboboxPattern {
       ignoreRepeat: false
     }).on('ArrowDown', e => this.keyboardEventRelay.set(e), {
       ignoreRepeat: false
+    }).on(Modifier.Shift, 'ArrowUp', e => this.keyboardEventRelay.set(e), {
+      ignoreRepeat: false
+    }).on(Modifier.Shift, 'ArrowDown', e => this.keyboardEventRelay.set(e), {
+      ignoreRepeat: false
     }).on('Home', e => this.keyboardEventRelay.set(e)).on('End', e => this.keyboardEventRelay.set(e)).on('Enter', e => this.keyboardEventRelay.set(e)).on('PageUp', e => this.keyboardEventRelay.set(e)).on('PageDown', e => this.keyboardEventRelay.set(e)).on('Escape', () => {
       if (!this.inputs.alwaysExpanded()) {
         this.inputs.expanded.set(false);
       }
     });
     if (!this.isEditable()) {
-      manager.on(' ', e => this.keyboardEventRelay.set(e)).on(/^.$/, e => {
+      manager.on(' ', e => this.keyboardEventRelay.set(e)).on([Modifier.Ctrl, Modifier.Meta], 'a', e => this.keyboardEventRelay.set(e)).on([Modifier.Ctrl, Modifier.Meta], 'A', e => this.keyboardEventRelay.set(e)).on(Modifier.Shift, 'Home', e => this.keyboardEventRelay.set(e)).on(Modifier.Shift, 'End', e => this.keyboardEventRelay.set(e)).on(/^.$/, e => {
         this.keyboardEventRelay.set(e);
       });
     }
@@ -132,6 +137,7 @@ class SimpleComboboxPattern {
   keyboardEventRelayEffect() {
     const event = this.keyboardEventRelay();
     if (event === undefined) return;
+    this.isDeleting.set(false);
     const popup = untracked(() => this.inputs.popup());
     const popupExpanded = untracked(() => this.isExpanded());
     if (popupExpanded) {
@@ -147,7 +153,7 @@ class SimpleComboboxPattern {
     }
   }
 }
-class SimpleComboboxPopupPattern {
+class ComboboxPopupPattern {
   inputs;
   popupType = () => this.inputs.popupType();
   controlTarget = () => this.inputs.controlTarget();
@@ -167,5 +173,5 @@ class SimpleComboboxPopupPattern {
   }
 }
 
-export { SimpleComboboxPattern, SimpleComboboxPopupPattern };
+export { ComboboxPattern, ComboboxPopupPattern };
 //# sourceMappingURL=private.mjs.map

package/fesm2022/private.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"private.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/simple-combobox/simple-combobox.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 {KeyboardEventManager, ClickEventManager} from '../behaviors/event-manager';\nimport {computed, signal, untracked} from '@angular/core';\nimport {SignalLike, WritableSignalLike} from '../behaviors/signal-like/signal-like';\nimport {ExpansionItem} from '../behaviors/expansion/expansion';\n\n/** Represents the required inputs for a simple combobox. */\nexport interface SimpleComboboxInputs extends ExpansionItem {\n  /** Whether the combobox should always remain expanded. */\n  alwaysExpanded: SignalLike<boolean>;\n\n  /** The value of the combobox. */\n  value: WritableSignalLike<string>;\n\n  /** The element that the combobox is attached to. */\n  element: SignalLike<HTMLElement>;\n\n  /** The popup associated with the combobox. */\n  popup: SignalLike<SimpleComboboxPopupPattern | undefined>;\n\n  /** An inline suggestion to be displayed in the input. */\n  inlineSuggestion: SignalLike<string | undefined>;\n\n  /** Whether the combobox is disabled. */\n  disabled: SignalLike<boolean>;\n}\n\n/** Controls the state of a simple combobox. */\nexport class SimpleComboboxPattern {\n  /** The expanded state of the combobox. */\n  readonly isExpanded = computed(() => this.inputs.alwaysExpanded() || this.inputs.expanded());\n\n  /** The value of the combobox. */\n  readonly value: WritableSignalLike<string>;\n\n  /** The element that the combobox is attached to. */\n  readonly element = () => this.inputs.element();\n\n  /** Whether the combobox is disabled. */\n  readonly disabled = () => this.inputs.disabled();\n\n  /** An inline suggestion to be displayed in the input. */\n  readonly inlineSuggestion = () => this.inputs.inlineSuggestion();\n\n  /** The ID of the active descendant in the popup. */\n  readonly activeDescendant = computed(() => this.inputs.popup()?.activeDescendant());\n\n  /** The ID of the popup. */\n  readonly popupId = computed(() => this.inputs.popup()?.popupId());\n\n  /** The type of the popup. */\n  readonly popupType = computed(() => this.inputs.popup()?.popupType());\n\n  /** The autocomplete behavior of the combobox. */\n  readonly autocomplete = computed<'none' | 'inline' | 'list' | 'both'>(() => {\n    const popupType = this.popupType();\n    const hasAutocompletePopup = !!this.inputs.popup() && popupType !== 'dialog';\n    const hasInlineSuggestion = !!this.inlineSuggestion();\n    if (hasAutocompletePopup && hasInlineSuggestion) {\n      return 'both';\n    }\n    if (hasAutocompletePopup) {\n      return 'list';\n    }\n    if (hasInlineSuggestion) {\n      return 'inline';\n    }\n    return 'none';\n  });\n\n  /** A relay for keyboard events to the popup. */\n  readonly keyboardEventRelay = signal<KeyboardEvent | undefined>(undefined);\n\n  /** Whether the combobox is focused. */\n  readonly isFocused = signal(false);\n\n  /** Whether the most recent input event was a deletion. */\n  readonly isDeleting = signal(false);\n\n  /** Whether the combobox is editable (i.e., an input or textarea). */\n  readonly isEditable = computed(\n    () =>\n      this.element().tagName.toLowerCase() === 'input' ||\n      this.element().tagName.toLowerCase() === 'textarea',\n  );\n\n  /** The keydown event manager for the combobox. */\n  // TODO(tjshiu): Allow combo keys in combobox (#33101).\n  keydown = computed(() => {\n    const manager = new KeyboardEventManager();\n\n    if (!this.isExpanded()) {\n      manager.on('ArrowDown', () => this.inputs.expanded.set(true));\n\n      if (!this.isEditable()) {\n        manager.on(/^(Enter| )$/, () => this.inputs.expanded.set(true));\n      }\n\n      return manager;\n    }\n\n    manager\n      .on(\n        'ArrowLeft',\n        e => {\n          this.keyboardEventRelay.set(e);\n        },\n        {preventDefault: this.popupType() !== 'listbox', ignoreRepeat: false},\n      )\n      .on(\n        'ArrowRight',\n        e => {\n          this.keyboardEventRelay.set(e);\n        },\n        {preventDefault: this.popupType() !== 'listbox', ignoreRepeat: false},\n      )\n      .on('ArrowUp', e => this.keyboardEventRelay.set(e), {ignoreRepeat: false})\n      .on('ArrowDown', e => this.keyboardEventRelay.set(e), {ignoreRepeat: false})\n      .on('Home', e => this.keyboardEventRelay.set(e))\n      .on('End', e => this.keyboardEventRelay.set(e))\n      .on('Enter', e => this.keyboardEventRelay.set(e))\n      .on('PageUp', e => this.keyboardEventRelay.set(e))\n      .on('PageDown', e => this.keyboardEventRelay.set(e))\n      .on('Escape', () => {\n        if (!this.inputs.alwaysExpanded()) {\n          this.inputs.expanded.set(false);\n        }\n      });\n\n    if (!this.isEditable()) {\n      manager\n        .on(' ', e => this.keyboardEventRelay.set(e))\n        .on(/^.$/, e => {\n          this.keyboardEventRelay.set(e);\n        });\n    }\n\n    return manager;\n  });\n\n  /** The click event manager for the combobox. */\n  click = computed(() => {\n    const manager = new ClickEventManager<PointerEvent>();\n\n    if (this.isEditable()) return manager;\n\n    manager.on(() => this.inputs.expanded.update(v => !v));\n\n    return manager;\n  });\n\n  constructor(readonly inputs: SimpleComboboxInputs) {\n    this.value = inputs.value;\n  }\n\n  /** Handles keydown events for the combobox. */\n  onKeydown(event: KeyboardEvent) {\n    if (!this.inputs.disabled()) {\n      this.keydown().handle(event);\n    }\n  }\n\n  /** Handles click events for the combobox. */\n  onClick(event: PointerEvent) {\n    if (!this.disabled()) {\n      this.click().handle(event);\n    }\n  }\n\n  /** Handles focus in events for the combobox. */\n  onFocusin() {\n    this.isFocused.set(true);\n  }\n\n  /** Handles focus out events for the combobox. */\n  onFocusout(event: FocusEvent) {\n    this.isFocused.set(false);\n  }\n\n  /** Handles input events for the combobox. */\n  onInput(event: Event) {\n    if (!(event.target instanceof HTMLInputElement)) return;\n    if (this.disabled()) return;\n\n    this.inputs.expanded.set(true);\n    this.value.set(event.target.value);\n    this.isDeleting.set(event instanceof InputEvent && !!event.inputType.match(/^delete/));\n  }\n\n  /** Highlights the currently selected item in the combobox. */\n  highlightEffect() {\n    const value = this.value();\n    const inlineSuggestion = this.inlineSuggestion();\n\n    const isDeleting = untracked(() => this.isDeleting());\n    const isFocused = untracked(() => this.isFocused());\n    const isExpanded = this.isExpanded();\n\n    if (!inlineSuggestion || !isFocused || !isExpanded || isDeleting) return;\n\n    const inputEl = this.element() as HTMLInputElement;\n    const isHighlightable = inlineSuggestion.toLowerCase().startsWith(value.toLowerCase());\n\n    if (isHighlightable) {\n      inputEl.value = value + inlineSuggestion.slice(value.length);\n      inputEl.setSelectionRange(value.length, inlineSuggestion.length);\n    }\n  }\n\n  /** Relays keyboard events to the popup. */\n  keyboardEventRelayEffect() {\n    const event = this.keyboardEventRelay();\n    if (event === undefined) return;\n\n    const popup = untracked(() => this.inputs.popup());\n    const popupExpanded = untracked(() => this.isExpanded());\n    if (popupExpanded) {\n      popup?.controlTarget()?.dispatchEvent(event);\n    }\n  }\n\n  /** Closes the popup when focus leaves the combobox and popup. */\n  closePopupOnBlurEffect() {\n    const expanded = this.isExpanded();\n    const comboboxFocused = this.isFocused();\n    const popupFocused = !!this.inputs.popup()?.isFocused();\n    if (expanded && !this.inputs.alwaysExpanded() && !comboboxFocused && !popupFocused) {\n      this.inputs.expanded.set(false);\n    }\n  }\n}\n\n/** Represents the required inputs for a simple combobox popup. */\nexport interface SimpleComboboxPopupInputs {\n  /** The type of the popup. */\n  popupType: SignalLike<'listbox' | 'tree' | 'grid' | 'dialog'>;\n\n  /** The element that serves as the control target for the popup. */\n  controlTarget: SignalLike<HTMLElement | undefined>;\n\n  /** The ID of the active descendant in the popup. */\n  activeDescendant: SignalLike<string | undefined>;\n\n  /** The ID of the popup. */\n  popupId: SignalLike<string | undefined>;\n}\n\n/** Controls the state of a simple combobox popup. */\nexport class SimpleComboboxPopupPattern {\n  /** The type of the popup. */\n  readonly popupType = () => this.inputs.popupType();\n\n  /** The element that serves as the control target for the popup. */\n  readonly controlTarget = () => this.inputs.controlTarget();\n\n  /** The ID of the active descendant in the popup. */\n  readonly activeDescendant = () => this.inputs.activeDescendant();\n\n  /** The ID of the popup. */\n  readonly popupId = () => this.inputs.popupId();\n\n  /** Whether the popup is focused. */\n  readonly isFocused = signal(false);\n\n  constructor(readonly inputs: SimpleComboboxPopupInputs) {}\n\n  /** Handles focus in events for the popup. */\n  onFocusin() {\n    this.isFocused.set(true);\n  }\n\n  /** Handles focus out events for the popup. */\n  onFocusout(event: FocusEvent) {\n    const focusTarget = event.relatedTarget as Element | null;\n    if (this.controlTarget()?.contains(focusTarget)) return;\n\n    this.isFocused.set(false);\n  }\n}\n"],"names":["SimpleComboboxPattern","inputs","isExpanded","computed","alwaysExpanded","expanded","value","element","disabled","inlineSuggestion","activeDescendant","popup","popupId","popupType","autocomplete","hasAutocompletePopup","hasInlineSuggestion","keyboardEventRelay","signal","undefined","isFocused","isDeleting","isEditable","tagName","toLowerCase","keydown","manager","KeyboardEventManager","on","set","e","preventDefault","ignoreRepeat","click","ClickEventManager","update","v","constructor","onKeydown","event","handle","onClick","onFocusin","onFocusout","onInput","target","HTMLInputElement","InputEvent","inputType","match","highlightEffect","untracked","inputEl","isHighlightable","startsWith","slice","length","setSelectionRange","keyboardEventRelayEffect","popupExpanded","controlTarget","dispatchEvent","closePopupOnBlurEffect","comboboxFocused","popupFocused","SimpleComboboxPopupPattern","focusTarget","relatedTarget","contains"],"mappings":"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"}
+{"version":3,"file":"private.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/combobox/combobox.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 {KeyboardEventManager, ClickEventManager, Modifier} from '../behaviors/event-manager';\nimport {computed, signal, untracked} from '@angular/core';\nimport {SignalLike, WritableSignalLike} from '../behaviors/signal-like/signal-like';\nimport {ExpansionItem} from '../behaviors/expansion/expansion';\n\n/** Represents the required inputs for a simple combobox. */\nexport interface ComboboxInputs extends ExpansionItem {\n  /** Whether the combobox should always remain expanded. */\n  alwaysExpanded: SignalLike<boolean>;\n\n  /** The value of the combobox. */\n  value: WritableSignalLike<string>;\n\n  /** The element that the combobox is attached to. */\n  element: SignalLike<HTMLElement>;\n\n  /** The popup associated with the combobox. */\n  popup: SignalLike<ComboboxPopupPattern | undefined>;\n\n  /** An inline suggestion to be displayed in the input. */\n  inlineSuggestion: SignalLike<string | undefined>;\n\n  /** Whether the combobox is disabled. */\n  disabled: SignalLike<boolean>;\n\n  /** Whether the combobox is soft disabled. */\n  softDisabled?: SignalLike<boolean>;\n}\n\n/** Controls the state of a simple combobox. */\nexport class ComboboxPattern {\n  /** The expanded state of the combobox. */\n  readonly isExpanded = computed(() => this.inputs.alwaysExpanded() || this.inputs.expanded());\n\n  /** The value of the combobox. */\n  readonly value: WritableSignalLike<string>;\n\n  /** The element that the combobox is attached to. */\n  readonly element = () => this.inputs.element();\n\n  /** Whether the combobox is disabled. */\n  readonly disabled = () => this.inputs.disabled();\n\n  /** Whether the combobox is soft disabled. */\n  readonly softDisabled = () => this.inputs.softDisabled?.() ?? true;\n\n  /** An inline suggestion to be displayed in the input. */\n  readonly inlineSuggestion = () => this.inputs.inlineSuggestion();\n\n  /** The ID of the active descendant in the popup. */\n  readonly activeDescendant = computed(() => this.inputs.popup()?.activeDescendant());\n\n  /** The ID of the popup. */\n  readonly popupId = computed(() => this.inputs.popup()?.popupId());\n\n  /** The type of the popup. */\n  readonly popupType = computed(() => this.inputs.popup()?.popupType());\n\n  /** The autocomplete behavior of the combobox. */\n  readonly autocomplete = computed<'none' | 'inline' | 'list' | 'both'>(() => {\n    const popupType = this.popupType();\n    const hasAutocompletePopup = !!this.inputs.popup() && popupType !== 'dialog';\n    const hasInlineSuggestion = !!this.inlineSuggestion();\n    if (hasAutocompletePopup && hasInlineSuggestion) {\n      return 'both';\n    }\n    if (hasAutocompletePopup) {\n      return 'list';\n    }\n    if (hasInlineSuggestion) {\n      return 'inline';\n    }\n    return 'none';\n  });\n\n  /** A relay for keyboard events to the popup. */\n  readonly keyboardEventRelay = signal<KeyboardEvent | undefined>(undefined);\n\n  /** Whether the combobox is focused. */\n  readonly isFocused = signal(false);\n\n  /** Whether the most recent input event was a deletion. */\n  readonly isDeleting = signal(false);\n\n  /** Whether the combobox is editable (i.e., an input or textarea). */\n  readonly isEditable = computed(\n    () =>\n      this.element().tagName.toLowerCase() === 'input' ||\n      this.element().tagName.toLowerCase() === 'textarea',\n  );\n\n  /** The keydown event manager for the combobox. */\n  // TODO(tjshiu): Allow combo keys in combobox (#33101).\n  keydown = computed(() => {\n    const manager = new KeyboardEventManager();\n\n    if (!this.isExpanded()) {\n      manager.on('ArrowDown', () => this.inputs.expanded.set(true));\n\n      if (!this.isEditable()) {\n        manager.on('Enter', () => this.inputs.expanded.set(true));\n        manager.on(' ', () => this.inputs.expanded.set(true));\n      }\n\n      return manager;\n    }\n\n    manager\n      .on(\n        'ArrowLeft',\n        e => {\n          this.keyboardEventRelay.set(e);\n        },\n        {preventDefault: this.popupType() !== 'listbox', ignoreRepeat: false},\n      )\n      .on(\n        'ArrowRight',\n        e => {\n          this.keyboardEventRelay.set(e);\n        },\n        {preventDefault: this.popupType() !== 'listbox', ignoreRepeat: false},\n      )\n      .on('ArrowUp', e => this.keyboardEventRelay.set(e), {ignoreRepeat: false})\n      .on('ArrowDown', e => this.keyboardEventRelay.set(e), {ignoreRepeat: false})\n      .on(Modifier.Shift, 'ArrowUp', e => this.keyboardEventRelay.set(e), {ignoreRepeat: false})\n      .on(Modifier.Shift, 'ArrowDown', e => this.keyboardEventRelay.set(e), {ignoreRepeat: false})\n      .on('Home', e => this.keyboardEventRelay.set(e))\n      .on('End', e => this.keyboardEventRelay.set(e))\n      .on('Enter', e => this.keyboardEventRelay.set(e))\n      .on('PageUp', e => this.keyboardEventRelay.set(e))\n      .on('PageDown', e => this.keyboardEventRelay.set(e))\n      .on('Escape', () => {\n        if (!this.inputs.alwaysExpanded()) {\n          this.inputs.expanded.set(false);\n        }\n      });\n\n    if (!this.isEditable()) {\n      manager\n        .on(' ', e => this.keyboardEventRelay.set(e))\n        .on([Modifier.Ctrl, Modifier.Meta], 'a', e => this.keyboardEventRelay.set(e))\n        .on([Modifier.Ctrl, Modifier.Meta], 'A', e => this.keyboardEventRelay.set(e))\n        .on(Modifier.Shift, 'Home', e => this.keyboardEventRelay.set(e))\n        .on(Modifier.Shift, 'End', e => this.keyboardEventRelay.set(e))\n        .on(/^.$/, e => {\n          this.keyboardEventRelay.set(e);\n        });\n    }\n\n    return manager;\n  });\n\n  /** The click event manager for the combobox. */\n  click = computed(() => {\n    const manager = new ClickEventManager<PointerEvent>();\n\n    if (this.isEditable()) return manager;\n\n    manager.on(() => this.inputs.expanded.update(v => !v));\n\n    return manager;\n  });\n\n  constructor(readonly inputs: ComboboxInputs) {\n    this.value = inputs.value;\n  }\n\n  /** Handles keydown events for the combobox. */\n  onKeydown(event: KeyboardEvent) {\n    if (!this.inputs.disabled()) {\n      this.keydown().handle(event);\n    }\n  }\n\n  /** Handles click events for the combobox. */\n  onClick(event: PointerEvent) {\n    if (!this.disabled()) {\n      this.click().handle(event);\n    }\n  }\n\n  /** Handles focus in events for the combobox. */\n  onFocusin() {\n    this.isFocused.set(true);\n  }\n\n  /** Handles focus out events for the combobox. */\n  onFocusout(event: FocusEvent) {\n    this.isFocused.set(false);\n  }\n\n  /** Handles input events for the combobox. */\n  onInput(event: Event) {\n    if (!(event.target instanceof HTMLInputElement)) return;\n    if (this.disabled()) return;\n\n    this.inputs.expanded.set(true);\n    this.value.set(event.target.value);\n    this.isDeleting.set(event instanceof InputEvent && !!event.inputType.match(/^delete/));\n  }\n\n  /** Highlights the currently selected item in the combobox. */\n  highlightEffect() {\n    const value = this.value();\n    const inlineSuggestion = this.inlineSuggestion();\n\n    const isDeleting = untracked(() => this.isDeleting());\n    const isFocused = untracked(() => this.isFocused());\n    const isExpanded = this.isExpanded();\n\n    if (!inlineSuggestion || !isFocused || !isExpanded || isDeleting) return;\n\n    const inputEl = this.element() as HTMLInputElement;\n    const isHighlightable = inlineSuggestion.toLowerCase().startsWith(value.toLowerCase());\n\n    if (isHighlightable) {\n      inputEl.value = value + inlineSuggestion.slice(value.length);\n      inputEl.setSelectionRange(value.length, inlineSuggestion.length);\n    }\n  }\n\n  /** Relays keyboard events to the popup. */\n  keyboardEventRelayEffect() {\n    const event = this.keyboardEventRelay();\n    if (event === undefined) return;\n\n    // Reset isDeleting when the user navigates, so that the highlight effect can run again.\n    this.isDeleting.set(false);\n\n    const popup = untracked(() => this.inputs.popup());\n    const popupExpanded = untracked(() => this.isExpanded());\n    if (popupExpanded) {\n      popup?.controlTarget()?.dispatchEvent(event);\n    }\n  }\n\n  /** Closes the popup when focus leaves the combobox and popup. */\n  closePopupOnBlurEffect() {\n    const expanded = this.isExpanded();\n    const comboboxFocused = this.isFocused();\n    const popupFocused = !!this.inputs.popup()?.isFocused();\n    if (expanded && !this.inputs.alwaysExpanded() && !comboboxFocused && !popupFocused) {\n      this.inputs.expanded.set(false);\n    }\n  }\n}\n\n/** Represents the required inputs for a simple combobox popup. */\nexport interface ComboboxPopupInputs {\n  /** The type of the popup. */\n  popupType: SignalLike<'listbox' | 'tree' | 'grid' | 'dialog'>;\n\n  /** The element that serves as the control target for the popup. */\n  controlTarget: SignalLike<HTMLElement | undefined>;\n\n  /** The ID of the active descendant in the popup. */\n  activeDescendant: SignalLike<string | undefined>;\n\n  /** The ID of the popup. */\n  popupId: SignalLike<string | undefined>;\n}\n\n/** Controls the state of a simple combobox popup. */\nexport class ComboboxPopupPattern {\n  /** The type of the popup. */\n  readonly popupType = () => this.inputs.popupType();\n\n  /** The element that serves as the control target for the popup. */\n  readonly controlTarget = () => this.inputs.controlTarget();\n\n  /** The ID of the active descendant in the popup. */\n  readonly activeDescendant = () => this.inputs.activeDescendant();\n\n  /** The ID of the popup. */\n  readonly popupId = () => this.inputs.popupId();\n\n  /** Whether the popup is focused. */\n  readonly isFocused = signal(false);\n\n  constructor(readonly inputs: ComboboxPopupInputs) {}\n\n  /** Handles focus in events for the popup. */\n  onFocusin() {\n    this.isFocused.set(true);\n  }\n\n  /** Handles focus out events for the popup. */\n  onFocusout(event: FocusEvent) {\n    const focusTarget = event.relatedTarget as Element | null;\n    if (this.controlTarget()?.contains(focusTarget)) return;\n\n    this.isFocused.set(false);\n  }\n}\n"],"names":["ComboboxPattern","inputs","isExpanded","computed","alwaysExpanded","expanded","value","element","disabled","softDisabled","inlineSuggestion","activeDescendant","popup","popupId","popupType","autocomplete","hasAutocompletePopup","hasInlineSuggestion","keyboardEventRelay","signal","undefined","isFocused","isDeleting","isEditable","tagName","toLowerCase","keydown","manager","KeyboardEventManager","on","set","e","preventDefault","ignoreRepeat","Modifier","Shift","Ctrl","Meta","click","ClickEventManager","update","v","constructor","onKeydown","event","handle","onClick","onFocusin","onFocusout","onInput","target","HTMLInputElement","InputEvent","inputType","match","highlightEffect","untracked","inputEl","isHighlightable","startsWith","slice","length","setSelectionRange","keyboardEventRelayEffect","popupExpanded","controlTarget","dispatchEvent","closePopupOnBlurEffect","comboboxFocused","popupFocused","ComboboxPopupPattern","focusTarget","relatedTarget","contains"],"mappings":"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"}

package/fesm2022/tabs.mjs

@@ -1,15 +1,14 @@
 import { _IdGenerator } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, signal, computed, afterRenderEffect, Directive, input, booleanAttribute, model, linkedSignal } from '@angular/core';
+import { InjectionToken, inject, ElementRef, signal, computed, afterNextRender, Directive, input, booleanAttribute, model, linkedSignal, afterRenderEffect, contentChild } from '@angular/core';
 import { TabListPattern, TabPattern, TabPanelPattern } from './_tabs-chunk.mjs';
-import { DeferredContentAware, DeferredContent } from './_deferred-content-chunk.mjs';
+import { SortedCollection, reportViolations } from './_violations-chunk.mjs';
+import { DeferredContent, DeferredContentAware } from './_deferred-content-chunk.mjs';
 import { Directionality } from '@angular/cdk/bidi';
-import { sortDirectives } from './_element-chunk.mjs';
 import './_expansion-chunk.mjs';
-import './_signal-like-chunk.mjs';
-import '@angular/core/primitives/signals';
 import './_list-navigation-chunk.mjs';
 import './_click-event-manager-chunk.mjs';
+import '@angular/core/primitives/signals';
 
 const TABS = new InjectionToken('TABS');
 const TAB_LIST = new InjectionToken('TAB_LIST');
@@ -20,46 +19,51 @@ class Tabs {
   _tabList = signal(undefined, ...(ngDevMode ? [{
     debugName: "_tabList"
   }] : []));
-  _tabPanels = signal(new Set(), ...(ngDevMode ? [{
-    debugName: "_tabPanels"
+  _collection = new SortedCollection();
+  _tabPatterns = computed(() => this._tabList()?._tabPatterns(), ...(ngDevMode ? [{
+    debugName: "_tabPatterns"
   }] : []));
-  _tabPanelsList = computed(() => [...this._tabPanels()], ...(ngDevMode ? [{
-    debugName: "_tabPanelsList"
+  _tabPanelPatterns = computed(() => this._collection.orderedItems().map(tabpanel => tabpanel._pattern), ...(ngDevMode ? [{
+    debugName: "_tabPanelPatterns"
   }] : []));
-  constructor() {
-    afterRenderEffect({
-      write: () => {
-        if (this._tabList()) {
-          for (const tab of this._tabList()._sortedTabs()) {
-            const panel = this._tabPanelsList().find(panel => panel === tab.panel());
-            if (panel) {
-              panel._tabPattern.set(tab._pattern);
-            }
-          }
-        }
+  _panelMap = computed(() => {
+    const map = new Map();
+    for (const panel of this._collection.orderedItems()) {
+      map.set(panel.value(), panel._pattern);
+    }
+    return map;
+  }, ...(ngDevMode ? [{
+    debugName: "_panelMap"
+  }] : []));
+  _tabMap = computed(() => {
+    const map = new Map();
+    const tabList = this._tabList();
+    if (tabList) {
+      for (const tab of tabList._collection.orderedItems()) {
+        map.set(tab.value(), tab._pattern);
       }
+    }
+    return map;
+  }, ...(ngDevMode ? [{
+    debugName: "_tabMap"
+  }] : []));
+  constructor() {
+    afterNextRender(() => {
+      this._collection.startObserving(this.element);
     });
   }
-  _registerList(list) {
-    this._tabList.set(list);
-  }
-  _unregisterList(list) {
-    this._tabList.set(undefined);
-  }
-  _registerPanel(panel) {
-    this._tabPanels().add(panel);
-    this._tabPanels.set(new Set(this._tabPanels()));
+  ngOnDestroy() {
+    this._collection.stopObserving();
   }
-  _unregisterPanel(panel) {
-    this._tabPanels().delete(panel);
-    this._tabPanels.set(new Set(this._tabPanels()));
+  _register(child) {
+    this._tabList.set(child);
   }
-  findTabPanel(value) {
-    return value ? this._tabPanelsList().find(panel => panel.value() === value) : undefined;
+  _unregister() {
+    this._tabList.set(undefined);
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.9",
+    version: "22.0.0-next.12",
     ngImport: i0,
     type: Tabs,
     deps: [],
@@ -67,7 +71,7 @@ class Tabs {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.9",
+    version: "22.0.0-next.12",
     type: Tabs,
     isStandalone: true,
     selector: "[ngTabs]",
@@ -81,7 +85,7 @@ class Tabs {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.9",
+  version: "22.0.0-next.12",
   ngImport: i0,
   type: Tabs,
   decorators: [{
@@ -102,13 +106,8 @@ class TabList {
   _elementRef = inject(ElementRef);
   element = this._elementRef.nativeElement;
   _tabsParent = inject(TABS);
-  _tabs = signal(new Set(), ...(ngDevMode ? [{
-    debugName: "_tabs"
-  }] : []));
-  _sortedTabs = computed(() => [...this._tabs()].sort(sortDirectives), ...(ngDevMode ? [{
-    debugName: "_sortedTabs"
-  }] : []));
-  _tabPatterns = computed(() => [...this._sortedTabs()].map(tab => tab._pattern), ...(ngDevMode ? [{
+  _collection = new SortedCollection();
+  _tabPatterns = computed(() => this._collection.orderedItems().map(tab => tab._pattern), ...(ngDevMode ? [{
     debugName: "_tabPatterns"
   }] : []));
   orientation = input('horizontal', ...(ngDevMode ? [{
@@ -156,40 +155,49 @@ class TabList {
     selectedTab: this._selectedTabPattern
   });
   constructor() {
+    afterNextRender(() => {
+      this._collection.startObserving(this.element);
+    });
+    afterRenderEffect(() => {
+      this._pattern.setDefaultStateEffect();
+    });
     afterRenderEffect({
       write: () => {
         const pattern = this._selectedTabPattern();
-        const tab = this._sortedTabs().find(tab => tab._pattern == pattern);
+        const tab = this._collection.orderedItems().find(tab => tab._pattern == pattern);
         this.selectedTab.set(tab?.value());
       }
     });
-    afterRenderEffect({
-      write: () => this._pattern.setDefaultStateEffect()
-    });
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+      afterRenderEffect({
+        read: () => {
+          const violations = [];
+          const values = this._collection.orderedItems().map(t => t.value());
+          const duplicates = values.filter((item, index) => values.indexOf(item) !== index);
+          if (duplicates.length > 0) {
+            violations.push(`Duplicate value '${duplicates[0]}' detected inside ngTabList.`);
+          }
+          reportViolations(violations, this.element);
+        }
+      });
+    }
   }
   ngOnInit() {
-    this._tabsParent._registerList(this);
+    this._tabsParent._register(this);
   }
   ngOnDestroy() {
-    this._tabsParent._registerList(this);
-  }
-  _registerTab(child) {
-    this._tabs().add(child);
-    this._tabs.set(new Set(this._tabs()));
-  }
-  _unregisterTab(child) {
-    this._tabs().delete(child);
-    this._tabs.set(new Set(this._tabs()));
+    this._tabsParent._unregister();
+    this._collection.stopObserving();
   }
   open(value) {
     return this._pattern.open(this.findTab(value)?._pattern);
   }
   findTab(value) {
-    return value ? this._sortedTabs().find(tab => tab.value() === value) : undefined;
+    return value ? this._collection.orderedItems().find(tab => tab.value() === value) : undefined;
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.9",
+    version: "22.0.0-next.12",
     ngImport: i0,
     type: TabList,
     deps: [],
@@ -197,7 +205,7 @@ class TabList {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "22.0.0-next.9",
+    version: "22.0.0-next.12",
     type: TabList,
     isStandalone: true,
     selector: "[ngTabList]",
@@ -281,7 +289,7 @@ class TabList {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.9",
+  version: "22.0.0-next.12",
   ngImport: i0,
   type: TabList,
   decorators: [{
@@ -372,13 +380,14 @@ i0.ɵɵngDeclareClassMetadata({
 class Tab {
   _elementRef = inject(ElementRef);
   element = this._elementRef.nativeElement;
-  _tabsWrapper = inject(TABS);
   _tabList = inject(TAB_LIST);
   id = input(inject(_IdGenerator).getId('ng-tab-', true), ...(ngDevMode ? [{
     debugName: "id"
   }] : []));
-  panel = computed(() => this._tabsWrapper.findTabPanel(this.value()), ...(ngDevMode ? [{
-    debugName: "panel"
+  _tabpanelPattern = computed(() => {
+    return this._tabList._tabsParent._panelMap().get(this.value());
+  }, ...(ngDevMode ? [{
+    debugName: "_tabpanelPattern"
   }] : []));
   disabled = input(false, {
     ...(ngDevMode ? {
@@ -399,20 +408,35 @@ class Tab {
     ...this,
     element: () => this.element,
     tabList: () => this._tabList._pattern,
-    tabPanel: computed(() => this.panel()?._pattern)
+    tabPanel: this._tabpanelPattern
   });
   open() {
     this._pattern.open();
   }
+  constructor() {
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+      afterRenderEffect({
+        read: () => {
+          const violations = [];
+          if (this._tabList && this._tabList._tabsParent) {
+            if (!this._tabList._tabsParent._panelMap().has(this.value())) {
+              violations.push(`ngTab with value '${this.value()}' does not have a corresponding ngTabPanel.`);
+            }
+          }
+          reportViolations(violations, this.element);
+        }
+      });
+    }
+  }
   ngOnInit() {
-    this._tabList._registerTab(this);
+    this._tabList._collection.register(this);
   }
   ngOnDestroy() {
-    this._tabList._unregisterTab(this);
+    this._tabList._collection.unregister(this);
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.9",
+    version: "22.0.0-next.12",
     ngImport: i0,
     type: Tab,
     deps: [],
@@ -420,7 +444,7 @@ class Tab {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "22.0.0-next.9",
+    version: "22.0.0-next.12",
     type: Tab,
     isStandalone: true,
     selector: "[ngTab]",
@@ -466,7 +490,7 @@ class Tab {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.9",
+  version: "22.0.0-next.12",
   ngImport: i0,
   type: Tab,
   decorators: [{
@@ -485,6 +509,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
     }]
   }],
+  ctorParameters: () => [],
   propDecorators: {
     id: [{
       type: i0.Input,
@@ -513,6 +538,43 @@ i0.ɵɵngDeclareClassMetadata({
   }
 });
 
+class TabContent {
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "22.0.0-next.12",
+    ngImport: i0,
+    type: TabContent,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "14.0.0",
+    version: "22.0.0-next.12",
+    type: TabContent,
+    isStandalone: true,
+    selector: "ng-template[ngTabContent]",
+    exportAs: ["ngTabContent"],
+    hostDirectives: [{
+      directive: DeferredContent
+    }],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "22.0.0-next.12",
+  ngImport: i0,
+  type: TabContent,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: 'ng-template[ngTabContent]',
+      exportAs: 'ngTabContent',
+      hostDirectives: [DeferredContent]
+    }]
+  }]
+});
+
 class TabPanel {
   _elementRef = inject(ElementRef);
   element = this._elementRef.nativeElement;
@@ -521,7 +583,9 @@ class TabPanel {
   id = input(inject(_IdGenerator).getId('ng-tabpanel-', true), ...(ngDevMode ? [{
     debugName: "id"
   }] : []));
-  _tabPattern = signal(undefined, ...(ngDevMode ? [{
+  _tabPattern = computed(() => {
+    return this._tabs._tabMap().get(this.value());
+  }, ...(ngDevMode ? [{
     debugName: "_tabPattern"
   }] : []));
   value = input.required(...(ngDevMode ? [{
@@ -534,30 +598,47 @@ class TabPanel {
     ...this,
     tab: this._tabPattern
   });
+  _tabContent = contentChild(TabContent, ...(ngDevMode ? [{
+    debugName: "_tabContent"
+  }] : []));
   constructor() {
     afterRenderEffect({
       write: () => {
         this._deferredContentAware.contentVisible.set(this.visible());
       }
     });
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+      afterRenderEffect({
+        read: () => {
+          const violations = [];
+          if (!this._tabContent()) {
+            violations.push('ngTabPanel must have an ngTabContent structural directive to render.');
+          }
+          if (!this._tabs._tabMap().has(this.value())) {
+            violations.push(`ngTabPanel with value '${this.value()}' does not have a corresponding ngTab.`);
+          }
+          reportViolations(violations, this.element);
+        }
+      });
+    }
   }
   ngOnInit() {
-    this._tabs._registerPanel(this);
+    this._tabs._collection.register(this);
   }
   ngOnDestroy() {
-    this._tabs._unregisterPanel(this);
+    this._tabs._collection.unregister(this);
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.9",
+    version: "22.0.0-next.12",
     ngImport: i0,
     type: TabPanel,
     deps: [],
     target: i0.ɵɵFactoryTarget.Directive
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
-    minVersion: "17.1.0",
-    version: "22.0.0-next.9",
+    minVersion: "17.2.0",
+    version: "22.0.0-next.12",
     type: TabPanel,
     isStandalone: true,
     selector: "[ngTabPanel]",
@@ -588,6 +669,13 @@ class TabPanel {
         "attr.aria-labelledby": "_pattern.labelledBy()"
       }
     },
+    queries: [{
+      propertyName: "_tabContent",
+      first: true,
+      predicate: TabContent,
+      descendants: true,
+      isSignal: true
+    }],
     exportAs: ["ngTabPanel"],
     hostDirectives: [{
       directive: DeferredContentAware,
@@ -598,7 +686,7 @@ class TabPanel {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.9",
+  version: "22.0.0-next.12",
   ngImport: i0,
   type: TabPanel,
   decorators: [{
@@ -636,45 +724,14 @@ i0.ɵɵngDeclareClassMetadata({
         alias: "value",
         required: true
       }]
-    }]
-  }
-});
-
-class TabContent {
-  static ɵfac = i0.ɵɵngDeclareFactory({
-    minVersion: "12.0.0",
-    version: "22.0.0-next.9",
-    ngImport: i0,
-    type: TabContent,
-    deps: [],
-    target: i0.ɵɵFactoryTarget.Directive
-  });
-  static ɵdir = i0.ɵɵngDeclareDirective({
-    minVersion: "14.0.0",
-    version: "22.0.0-next.9",
-    type: TabContent,
-    isStandalone: true,
-    selector: "ng-template[ngTabContent]",
-    exportAs: ["ngTabContent"],
-    hostDirectives: [{
-      directive: DeferredContent
     }],
-    ngImport: i0
-  });
-}
-i0.ɵɵngDeclareClassMetadata({
-  minVersion: "12.0.0",
-  version: "22.0.0-next.9",
-  ngImport: i0,
-  type: TabContent,
-  decorators: [{
-    type: Directive,
-    args: [{
-      selector: 'ng-template[ngTabContent]',
-      exportAs: 'ngTabContent',
-      hostDirectives: [DeferredContent]
+    _tabContent: [{
+      type: i0.ContentChild,
+      args: [i0.forwardRef(() => TabContent), {
+        isSignal: true
+      }]
     }]
-  }]
+  }
 });
 
 export { Tab, TabContent, TabList, TabPanel, Tabs, DeferredContent as ɵɵDeferredContent, DeferredContentAware as ɵɵDeferredContentAware };