@angular/aria 22.0.0-next.7 → 22.0.0-next.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/_accordion-chunk.mjs +1 -1
- package/fesm2022/_click-event-manager-chunk.mjs +1 -1
- package/fesm2022/{_signal-like-chunk.mjs → _collection-chunk.mjs} +51 -2
- package/fesm2022/_collection-chunk.mjs.map +1 -0
- package/fesm2022/_deferred-content-chunk.mjs +6 -6
- package/fesm2022/_list-chunk.mjs +4 -1
- package/fesm2022/_list-chunk.mjs.map +1 -1
- package/fesm2022/_list-navigation-chunk.mjs +1 -1
- package/fesm2022/_list-typeahead-chunk.mjs +1 -1
- package/fesm2022/_menu-chunk.mjs +1 -1
- package/fesm2022/{_combobox-listbox-chunk.mjs → _option-chunk.mjs} +3 -50
- package/fesm2022/_option-chunk.mjs.map +1 -0
- package/fesm2022/_tabs-chunk.mjs +1 -1
- package/fesm2022/_toolbar-widget-group-chunk.mjs +1 -1
- package/fesm2022/_transforms-chunk.mjs +8 -0
- package/fesm2022/_transforms-chunk.mjs.map +1 -0
- package/fesm2022/{_combobox-tree-chunk.mjs → _tree-chunk.mjs} +3 -48
- package/fesm2022/_tree-chunk.mjs.map +1 -0
- package/fesm2022/_widget-chunk.mjs +36 -15
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +28 -55
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox-testing.mjs +79 -0
- package/fesm2022/combobox-testing.mjs.map +1 -0
- package/fesm2022/combobox.mjs +273 -307
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid-testing.mjs +8 -0
- package/fesm2022/grid-testing.mjs.map +1 -1
- package/fesm2022/grid.mjs +68 -87
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox-testing.mjs +4 -0
- package/fesm2022/listbox-testing.mjs.map +1 -1
- package/fesm2022/listbox.mjs +184 -205
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu-testing.mjs +11 -0
- package/fesm2022/menu-testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +42 -66
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +19 -13
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +78 -84
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar-testing.mjs +5 -1
- package/fesm2022/toolbar-testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +21 -31
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree-testing.mjs +12 -0
- package/fesm2022/tree-testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +118 -146
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +6 -6
- package/types/_accordion-chunk.d.ts +2 -2
- package/types/_collection-chunk.d.ts +42 -0
- package/types/_expansion-chunk.d.ts +1 -1
- package/types/_grid-chunk.d.ts +9 -3
- package/types/_keyboard-event-manager-chunk.d.ts +1 -1
- package/types/_list-chunk.d.ts +1 -1
- package/types/_list-navigation-chunk.d.ts +1 -1
- package/types/_listbox-chunk.d.ts +1 -1
- package/types/_menu-chunk.d.ts +1 -1
- package/types/_tabs-chunk.d.ts +1 -1
- package/types/_toolbar-chunk.d.ts +1 -1
- package/types/_tree-chunk.d.ts +1 -1
- package/types/accordion.d.ts +7 -13
- package/types/combobox-testing.d.ts +63 -0
- package/types/combobox.d.ts +96 -193
- package/types/grid-testing.d.ts +4 -0
- package/types/grid.d.ts +101 -97
- package/types/listbox-testing.d.ts +25 -0
- package/types/listbox.d.ts +55 -60
- package/types/menu-testing.d.ts +6 -0
- package/types/menu.d.ts +17 -13
- package/types/private.d.ts +24 -138
- package/types/tabs.d.ts +69 -72
- package/types/toolbar-testing.d.ts +4 -0
- package/types/toolbar.d.ts +5 -6
- package/types/tree-testing.d.ts +8 -0
- package/types/tree.d.ts +7 -14
- package/fesm2022/_combobox-chunk.mjs +0 -478
- package/fesm2022/_combobox-chunk.mjs.map +0 -1
- package/fesm2022/_combobox-listbox-chunk.mjs.map +0 -1
- package/fesm2022/_combobox-tree-chunk.mjs.map +0 -1
- package/fesm2022/_element-chunk.mjs +0 -6
- package/fesm2022/_element-chunk.mjs.map +0 -1
- package/fesm2022/_signal-like-chunk.mjs.map +0 -1
- package/fesm2022/simple-combobox.mjs +0 -443
- package/fesm2022/simple-combobox.mjs.map +0 -1
- package/types/_combobox-chunk.d.ts +0 -224
- package/types/_element-chunk.d.ts +0 -10
- package/types/_signal-like-chunk.d.ts +0 -14
- package/types/simple-combobox.d.ts +0 -124
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-tokens.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-popup.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-dialog.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-input.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-popup-container.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 {InjectionToken} from '@angular/core';\nimport type {Combobox} from './combobox';\n\n/** Token used to provide the combobox to child components. */\nexport const COMBOBOX = new InjectionToken<Combobox<unknown>>('COMBOBOX');\n","/**\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 {Directive, inject, signal} from '@angular/core';\nimport {ComboboxListboxControls, ComboboxTreeControls, ComboboxDialogPattern} from '../private';\nimport type {Combobox} from './combobox';\nimport {COMBOBOX} from './combobox-tokens';\n\n/**\n * Identifies an element as a popup for an `ngCombobox`.\n *\n * This directive acts as a bridge, allowing the `ngCombobox` to discover and interact\n * with the underlying control (e.g., `ngListbox`, `ngTree`, or `ngComboboxDialog`) that\n * manages the options. It's primarily used as a host directive and is responsible for\n * exposing the popup's control pattern to the parent combobox.\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n selector: '[ngComboboxPopup]',\n exportAs: 'ngComboboxPopup',\n})\nexport class ComboboxPopup<V> {\n /** The combobox that the popup belongs to. */\n readonly combobox = inject<Combobox<V>>(COMBOBOX, {optional: true});\n\n /** The popup controls exposed to the combobox. */\n readonly _controls = signal<\n | ComboboxListboxControls<any, V>\n | ComboboxTreeControls<any, V>\n | ComboboxDialogPattern\n | undefined\n >(undefined);\n}\n","/**\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 booleanAttribute,\n computed,\n contentChild,\n Directive,\n ElementRef,\n inject,\n input,\n signal,\n} from '@angular/core';\nimport {DeferredContentAware, ComboboxPattern} from '../private';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {COMBOBOX} from './combobox-tokens';\nimport {ComboboxPopup} from './combobox-popup';\n\n/**\n * The container element that wraps a combobox input and popup, and orchestrates its behavior.\n *\n * The `ngCombobox` directive is the main entry point for creating a combobox and customizing its\n * behavior. It coordinates the interactions between the `ngComboboxInput` and the popup, which\n * is defined by a `ng-template` with the `ngComboboxPopupContainer` directive. If using the\n * `CdkOverlay`, the `cdkConnectedOverlay` directive takes the place of `ngComboboxPopupContainer`.\n *\n * ```html\n * <div ngCombobox filterMode=\"highlight\">\n * <input\n * ngComboboxInput\n * placeholder=\"Search for a state...\"\n * [(value)]=\"searchString\"\n * />\n *\n * <ng-template ngComboboxPopupContainer>\n * <div ngListbox [(value)]=\"selectedValue\">\n * @for (option of filteredOptions(); track option) {\n * <div ngOption [value]=\"option\" [label]=\"option\">\n * <span>{{option}}</span>\n * </div>\n * }\n * </div>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n selector: '[ngCombobox]',\n exportAs: 'ngCombobox',\n hostDirectives: [\n {\n directive: DeferredContentAware,\n inputs: ['preserveContent'],\n },\n ],\n host: {\n '[attr.data-expanded]': 'expanded()',\n '(input)': '_pattern.onInput($event)',\n '(keydown)': '_pattern.onKeydown($event)',\n '(click)': '_pattern.onClick($event)',\n '(focusin)': '_pattern.onFocusIn()',\n '(focusout)': '_pattern.onFocusOut($event)',\n },\n providers: [{provide: COMBOBOX, useExisting: Combobox}],\n})\nexport class Combobox<V> {\n /** A signal wrapper for directionality. */\n protected readonly textDirection = inject(Directionality).valueSignal.asReadonly();\n\n /** The element that the combobox is attached to. */\n private readonly _elementRef = inject(ElementRef);\n\n /** A reference to the combobox element. */\n readonly element = this._elementRef.nativeElement as HTMLElement;\n\n /** The DeferredContentAware host directive. */\n private readonly _deferredContentAware = inject(DeferredContentAware, {optional: true});\n\n /** The combobox popup. */\n readonly popup = contentChild<ComboboxPopup<V>>(ComboboxPopup);\n\n /**\n * The filter mode for the combobox.\n * - `manual`: The consumer is responsible for filtering the options.\n * - `auto-select`: The combobox automatically selects the first matching option.\n * - `highlight`: The combobox highlights matching text in the options without changing selection.\n */\n readonly filterMode = input<'manual' | 'auto-select' | 'highlight'>('manual');\n\n /** Whether the combobox is disabled. */\n readonly disabled = input(false, {transform: booleanAttribute});\n\n /** Whether the combobox is read-only. */\n readonly readonly = input(false, {transform: booleanAttribute});\n\n /** The value of the first matching item in the popup. */\n readonly firstMatch = input<V | undefined>(undefined);\n\n /** Whether the combobox is expanded. */\n readonly expanded = computed(() => this.alwaysExpanded() || this._pattern.expanded());\n\n // TODO: Maybe make expanded a signal that can be passed in?\n // Or an \"always expanded\" option?\n\n /** Whether the combobox popup should always be expanded, regardless of user interaction. */\n readonly alwaysExpanded = input(false, {transform: booleanAttribute});\n\n /** Input element connected to the combobox, if any. */\n readonly inputElement = computed(() => this._pattern.inputs.inputEl());\n\n /** The combobox ui pattern. */\n readonly _pattern = new ComboboxPattern<any, V>({\n ...this,\n textDirection: this.textDirection,\n disabled: this.disabled,\n readonly: this.readonly,\n inputValue: signal(''),\n inputEl: signal(undefined),\n containerEl: () => this._elementRef.nativeElement,\n popupControls: () => this.popup()?._controls(),\n });\n\n constructor() {\n afterRenderEffect(() => {\n if (this.alwaysExpanded()) {\n this._pattern.expanded.set(true);\n }\n });\n\n afterRenderEffect({\n write: () => {\n if (\n !this._deferredContentAware?.contentVisible() &&\n (this._pattern.isFocused() || this.alwaysExpanded())\n ) {\n this._deferredContentAware?.contentVisible.set(true);\n }\n },\n });\n }\n\n /** Opens the combobox to the selected item. */\n open() {\n this._pattern.open({selected: true});\n }\n\n /** Closes the combobox. */\n close() {\n this._pattern.close();\n }\n}\n","/**\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 {afterRenderEffect, Directive, ElementRef, inject, input} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {ComboboxDialogPattern} from '../private';\nimport {Combobox} from './combobox';\nimport {ComboboxPopup} from './combobox-popup';\n\n/**\n * Integrates a native `<dialog>` element with the combobox, allowing for\n * a modal or non-modal popup experience. It handles the opening and closing of the dialog\n * based on the combobox's expanded state.\n *\n * ```html\n * <ng-template ngComboboxPopupContainer>\n * <dialog ngComboboxDialog class=\"example-dialog\">\n * <!-- ... dialog content ... -->\n * </dialog>\n * </ng-template>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n selector: 'dialog[ngComboboxDialog]',\n exportAs: 'ngComboboxDialog',\n host: {\n '[attr.data-open]': 'combobox._pattern.expanded()',\n '(keydown)': '_pattern.onKeydown($event)',\n '(click)': '_pattern.onClick($event)',\n },\n hostDirectives: [ComboboxPopup],\n})\nexport class ComboboxDialog {\n /** The dialog element. */\n private readonly _elementRef = inject(ElementRef<HTMLDialogElement>);\n\n /** A reference to the dialog element. */\n readonly element = this._elementRef.nativeElement as HTMLDialogElement;\n\n /** The combobox that the dialog belongs to. */\n readonly combobox = inject(Combobox);\n\n /** The unique identifier for the trigger. */\n readonly id = input(inject(_IdGenerator).getId('ng-combobox-dialog-', true));\n\n /** A reference to the parent combobox popup, if one exists. */\n private readonly _popup = inject<ComboboxPopup<unknown>>(ComboboxPopup, {\n optional: true,\n });\n\n readonly _pattern: ComboboxDialogPattern = new ComboboxDialogPattern({\n id: this.id,\n element: () => this.element,\n combobox: this.combobox._pattern,\n });\n\n constructor() {\n if (this._popup) {\n this._popup._controls.set(this._pattern);\n }\n\n afterRenderEffect({\n write: () => {\n this.combobox._pattern.expanded() ? this.element.showModal() : this.element.close();\n },\n });\n }\n\n close() {\n this._popup?.combobox?._pattern.close();\n }\n}\n","/**\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 model,\n untracked,\n WritableSignal,\n} from '@angular/core';\nimport {ComboboxDialogPattern} from '../private';\nimport {Combobox} from './combobox';\n\n/**\n * An input that is part of a combobox. It is responsible for displaying the\n * current value and handling user input for filtering and selection.\n *\n * This directive should be applied to an `<input>` element within an `ngCombobox`\n * container. It automatically handles keyboard interactions, such as opening the\n * popup and navigating through the options.\n *\n * ```html\n * <input\n * ngComboboxInput\n * placeholder=\"Search...\"\n * [(value)]=\"searchString\"\n * />\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n selector: 'input[ngComboboxInput]',\n exportAs: 'ngComboboxInput',\n host: {\n 'role': 'combobox',\n '[value]': 'value()',\n '[attr.aria-disabled]': 'combobox._pattern.disabled()',\n '[attr.aria-expanded]': 'combobox._pattern.expanded()',\n '[attr.aria-activedescendant]': 'combobox._pattern.activeDescendant()',\n '[attr.aria-controls]': 'combobox._pattern.popupId()',\n '[attr.aria-haspopup]': 'combobox._pattern.hasPopup()',\n '[attr.aria-autocomplete]': 'combobox._pattern.autocomplete()',\n '[attr.readonly]': 'combobox._pattern.readonly()',\n },\n})\nexport class ComboboxInput {\n /** The element that the combobox is attached to. */\n private readonly _elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n /** A reference to the input element. */\n readonly element = this._elementRef.nativeElement as HTMLElement;\n\n /** The combobox that the input belongs to. */\n readonly combobox = inject(Combobox);\n\n /** The value of the input. */\n readonly value = model<string>('');\n\n constructor() {\n (this.combobox._pattern.inputs.inputEl as WritableSignal<HTMLInputElement>).set(\n this._elementRef.nativeElement,\n );\n this.combobox._pattern.inputs.inputValue = this.value;\n\n const controls = this.combobox.popup()?._controls();\n if (controls instanceof ComboboxDialogPattern) {\n return;\n }\n\n /** Focuses & selects the first item in the combobox if the user changes the input value. */\n afterRenderEffect({\n write: () => {\n this.value();\n controls?.items();\n untracked(() => this.combobox._pattern.onFilter());\n },\n });\n }\n}\n","/**\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 {Directive} from '@angular/core';\nimport {DeferredContent} from '../private';\n\n/**\n * A structural directive that marks the `ng-template` to be used as the popup\n * for a combobox. This content is conditionally rendered.\n *\n * The content of the popup can be a `ngListbox`, `ngTree`, or `role=\"dialog\"`, allowing for\n * flexible and complex combobox implementations. The consumer is responsible for\n * implementing the filtering logic based on the `ngComboboxInput`'s value.\n *\n * ```html\n * <ng-template ngComboboxPopupContainer>\n * <div ngListbox [(value)]=\"selectedValue\">\n * <!-- ... options ... -->\n * </div>\n * </ng-template>\n * ```\n *\n * When using CdkOverlay, this directive can be replaced by `cdkConnectedOverlay`.\n *\n * ```html\n * <ng-template\n * [cdkConnectedOverlay]=\"{origin: inputElement, usePopover: 'inline' matchWidth: true}\"\n * [cdkConnectedOverlayOpen]=\"combobox.expanded()\">\n * <div ngListbox [(value)]=\"selectedValue\">\n * <!-- ... options ... -->\n * </div>\n * </ng-template>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */\n@Directive({\n selector: 'ng-template[ngComboboxPopupContainer]',\n exportAs: 'ngComboboxPopupContainer',\n hostDirectives: [DeferredContent],\n})\nexport class ComboboxPopupContainer {}\n"],"names":["COMBOBOX","InjectionToken","ComboboxPopup","combobox","inject","optional","_controls","signal","undefined","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","exportAs","ngImport","decorators","args","Combobox","textDirection","Directionality","valueSignal","asReadonly","_elementRef","ElementRef","element","nativeElement","_deferredContentAware","DeferredContentAware","popup","contentChild","filterMode","input","disabled","transform","booleanAttribute","readonly","firstMatch","expanded","computed","alwaysExpanded","_pattern","inputElement","inputs","inputEl","ComboboxPattern","inputValue","containerEl","popupControls","constructor","afterRenderEffect","set","write","contentVisible","isFocused","open","selected","close","ɵdir","ɵɵngDeclareDirective","minVersion","version","type","classPropertyName","publicName","isSignal","isRequired","transformFunction","host","listeners","properties","providers","provide","useExisting","descendants","hostDirectives","directive","i1","Input","alias","required","ComboboxDialog","id","_IdGenerator","getId","_popup","ComboboxDialogPattern","showModal","ComboboxInput","value","model","controls","items","untracked","onFilter","outputs","attributes","ComboboxPopupContainer","DeferredContent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"combobox.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-tokens.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-popup.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/combobox-widget.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 booleanAttribute,\n computed,\n Directive,\n ElementRef,\n inject,\n input,\n model,\n OnInit,\n signal,\n Renderer2,\n} from '@angular/core';\nimport {DeferredContentAware, ComboboxPattern, tabIndexTransform} from '@angular/aria/private';\nimport type {ComboboxPopup} from './combobox-popup';\n\n/**\n * The container element that wraps a combobox input and popup, and orchestrates its behavior.\n *\n * The `ngCombobox` directive is the main entry point for creating a combobox and customizing its\n * behavior. It coordinates the interactions between the input and the popup.\n *\n * ```html\n * <div ngCombobox [(expanded)]=\"expanded\">\n * <input ngComboboxInput />\n *\n * <ng-template ngComboboxPopup>\n * <div ngComboboxWidget>\n * <!-- ... options ... -->\n * </div>\n * </ng-template>\n * </div>\n * ```\n */\n@Directive({\n selector: '[ngCombobox]',\n exportAs: 'ngCombobox',\n host: {\n 'role': 'combobox',\n '[attr.aria-autocomplete]': '_pattern.autocomplete()',\n '[attr.aria-disabled]': '_pattern.disabled()',\n '[attr.aria-expanded]': '_pattern.isExpanded()',\n '[attr.aria-activedescendant]': '_pattern.activeDescendant()',\n '[attr.aria-controls]': '_pattern.popupId()',\n '[attr.aria-haspopup]': '_pattern.popupType()',\n '[attr.tabindex]':\n 'disabled() && !softDisabled() ? -1 : (tabIndex() !== undefined ? tabIndex() : 0)',\n '[attr.disabled]': 'disabled() && !softDisabled() ? \"\" : null',\n '[attr.readonly]': 'disabled() && _pattern.isEditable() ? \"\" : null',\n '(keydown)': '_pattern.onKeydown($event)',\n '(focusin)': '_pattern.onFocusin()',\n '(focusout)': '_pattern.onFocusout($event)',\n '(click)': '_pattern.onClick($event)',\n '(input)': '_pattern.onInput($event)',\n },\n})\nexport class Combobox extends DeferredContentAware implements OnInit {\n private readonly _renderer = inject(Renderer2);\n\n /** The element that the combobox is attached to. */\n private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n /** A reference to the input element. */\n readonly element = this._elementRef.nativeElement;\n\n /** The popup associated with the combobox. */\n readonly _popup = signal<ComboboxPopup | undefined>(undefined);\n\n /** Whether the combobox is disabled. */\n readonly disabled = input(false, {transform: booleanAttribute});\n\n /** Whether the combobox is soft disabled (remains focusable). */\n readonly softDisabled = input(true, {transform: booleanAttribute});\n\n /** Whether the combobox should always remain expanded. */\n readonly alwaysExpanded = input(false, {transform: booleanAttribute});\n\n /** The tabindex of the combobox. */\n readonly tabIndex = input(undefined, {\n alias: 'tabindex',\n transform: tabIndexTransform,\n });\n\n /** Whether the combobox is expanded. */\n readonly expanded = model<boolean>(false);\n\n /** The value of the combobox input. */\n readonly value = model<string>('');\n\n /** An inline suggestion to be displayed in the input. */\n readonly inlineSuggestion = input<string | undefined>(undefined);\n\n /** The combobox ui pattern. */\n readonly _pattern = new ComboboxPattern({\n ...this,\n element: () => this.element,\n expandable: () => true,\n popup: computed(() => this._popup()?._pattern),\n });\n\n constructor() {\n super();\n\n afterRenderEffect(() => this._pattern.keyboardEventRelayEffect());\n afterRenderEffect(() => this._pattern.closePopupOnBlurEffect());\n afterRenderEffect(() => {\n this.contentVisible.set(this._pattern.isExpanded());\n });\n\n if (this._pattern.isEditable()) {\n afterRenderEffect(() => {\n this._renderer.setProperty(this.element, 'value', this.value());\n });\n afterRenderEffect(() => {\n this._pattern.highlightEffect();\n });\n }\n }\n\n ngOnInit() {\n if (this.alwaysExpanded()) {\n this.expanded.set(true);\n }\n }\n\n /** Registers a popup with the combobox. */\n _registerPopup(popup: ComboboxPopup) {\n this._popup.set(popup);\n }\n\n /** Unregisters the popup from the combobox. */\n _unregisterPopup() {\n this._popup.set(undefined);\n }\n}\n","/**\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 {InjectionToken} from '@angular/core';\nimport type {ComboboxPopup} from './combobox-popup';\n\n/** Token used to expose the combobox popup. */\nexport const COMBOBOX_POPUP = new InjectionToken<ComboboxPopup>('COMBOBOX_POPUP');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {computed, Directive, inject, input, OnDestroy, OnInit, signal} from '@angular/core';\nimport {DeferredContent, ComboboxPopupPattern} from '@angular/aria/private';\nimport type {Combobox} from './combobox';\nimport type {ComboboxWidget} from './combobox-widget';\nimport {COMBOBOX_POPUP} from './combobox-tokens';\n\n/**\n * A structural directive that marks the `ng-template` to be used as the popup\n * for a combobox. This content is conditionally rendered.\n *\n * The content of the popup can be any element with the `ngComboboxWidget` directive.\n *\n * ```html\n * <ng-template ngComboboxPopup>\n * <div ngComboboxWidget>\n * <!-- ... options ... -->\n * </div>\n * </ng-template>\n * ```\n */\n@Directive({\n selector: 'ng-template[ngComboboxPopup]',\n exportAs: 'ngComboboxPopup',\n hostDirectives: [DeferredContent],\n providers: [{provide: COMBOBOX_POPUP, useExisting: ComboboxPopup}],\n})\nexport class ComboboxPopup implements OnInit, OnDestroy {\n private readonly _deferredContent = inject(DeferredContent);\n\n /** The combobox that the popup belongs to. */\n readonly combobox = input.required<Combobox>();\n\n /** The widget contained within the popup. */\n readonly _widget = signal<ComboboxWidget | undefined>(undefined);\n\n /** The element that serves as the control target for the popup. */\n readonly controlTarget = computed(() => this._widget()?.element);\n\n /** The ID of the popup. */\n readonly popupId = computed(() => this._widget()?.popupId());\n\n /** The ID of the active descendant in the popup. */\n readonly activeDescendant = computed(() => this._widget()?.activeDescendant());\n\n /** The type of the popup (e.g., listbox, tree, grid, dialog). */\n readonly popupType = input<'listbox' | 'tree' | 'grid' | 'dialog'>('listbox');\n\n /** The popup pattern. */\n readonly _pattern = new ComboboxPopupPattern({\n ...this,\n });\n\n ngOnInit() {\n this.combobox()._registerPopup(this);\n this._deferredContent.deferredContentAware.set(this.combobox());\n }\n\n ngOnDestroy() {\n this.combobox()._unregisterPopup();\n }\n\n /** Registers a widget with the popup. */\n _registerWidget(widget: ComboboxWidget) {\n this._widget.set(widget);\n }\n\n /** Unregisters the widget from the popup. */\n _unregisterWidget() {\n this._widget.set(undefined);\n }\n}\n","/**\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 {Directive, ElementRef, inject, input, OnDestroy, OnInit, signal} from '@angular/core';\nimport {COMBOBOX_POPUP} from './combobox-tokens';\n\n/**\n * Identifies an element as a widget within a combobox popup.\n *\n * This directive should be applied to the element that contains the options or content\n * of the popup. It handles the communication of ID and active descendant information\n * to the combobox.\n */\n@Directive({\n selector: '[ngComboboxWidget]',\n exportAs: 'ngComboboxWidget',\n host: {\n '(focusin)': 'onFocusin()',\n '(focusout)': 'onFocusout($event)',\n },\n})\nexport class ComboboxWidget implements OnInit, OnDestroy {\n /** The element that the popup widget is attached to. */\n private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n private readonly _popup = inject(COMBOBOX_POPUP);\n\n /** A reference to the popup widget element. */\n readonly element = this._elementRef.nativeElement;\n\n /** The ID of the popup widget. */\n readonly popupId = signal<string | undefined>(undefined);\n\n /** The ID of the active descendant in the widget. */\n readonly activeDescendant = input<string | undefined>(undefined);\n\n private _observer: MutationObserver | undefined;\n\n constructor() {\n const el = this.element;\n this._observer = new MutationObserver(mutations => {\n for (const mutation of mutations) {\n if (mutation.attributeName === 'id') {\n this.popupId.set(el.id);\n }\n }\n });\n\n this._observer.observe(el, {\n attributes: true,\n attributeFilter: ['id'],\n });\n }\n\n ngOnInit() {\n this.popupId.set(this.element.id);\n this._popup._registerWidget(this);\n }\n\n ngOnDestroy(): void {\n this._observer?.disconnect();\n this._popup._unregisterWidget();\n }\n\n /** Handles focus in events for the widget. */\n onFocusin() {\n this._popup._pattern.onFocusin();\n }\n\n /** Handles focus out events for the widget. */\n onFocusout(event: FocusEvent) {\n this._popup._pattern.onFocusout(event);\n }\n}\n"],"names":["Combobox","DeferredContentAware","_renderer","inject","Renderer2","_elementRef","ElementRef","element","nativeElement","_popup","signal","undefined","disabled","input","transform","booleanAttribute","softDisabled","alwaysExpanded","tabIndex","ngDevMode","debugName","alias","tabIndexTransform","expanded","model","value","inlineSuggestion","_pattern","ComboboxPattern","expandable","popup","computed","constructor","afterRenderEffect","keyboardEventRelayEffect","closePopupOnBlurEffect","contentVisible","set","isExpanded","isEditable","setProperty","highlightEffect","ngOnInit","_registerPopup","_unregisterPopup","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","outputs","host","attributes","listeners","properties","exportAs","usesInheritance","ngImport","decorators","args","COMBOBOX_POPUP","InjectionToken","ComboboxPopup","_deferredContent","DeferredContent","combobox","required","_widget","controlTarget","popupId","activeDescendant","popupType","ComboboxPopupPattern","deferredContentAware","ngOnDestroy","_registerWidget","widget","_unregisterWidget","providers","provide","useExisting","hostDirectives","directive","i1","ComboboxWidget","_observer","el","MutationObserver","mutations","mutation","attributeName","id","observe","attributeFilter","disconnect","onFocusin","onFocusout","event"],"mappings":"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"}
|
|
@@ -29,6 +29,14 @@ class GridCellHarness extends ContentContainerComponentHarness {
|
|
|
29
29
|
const host = await this.host();
|
|
30
30
|
return host.blur();
|
|
31
31
|
}
|
|
32
|
+
async isActive() {
|
|
33
|
+
const host = await this.host();
|
|
34
|
+
return (await host.getAttribute('data-active')) === 'true';
|
|
35
|
+
}
|
|
36
|
+
async isFocused() {
|
|
37
|
+
const host = await this.host();
|
|
38
|
+
return host.isFocused();
|
|
39
|
+
}
|
|
32
40
|
}
|
|
33
41
|
class GridRowHarness extends ComponentHarness {
|
|
34
42
|
static hostSelector = '[ngGridRow]';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-testing.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/grid/testing/grid-harness.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 ComponentHarness,\n ContentContainerComponentHarness,\n HarnessPredicate,\n parallel,\n} from '@angular/cdk/testing';\nimport {\n GridHarnessFilters,\n GridRowHarnessFilters,\n GridCellHarnessFilters,\n} from './grid-harness-filters';\n\n/** Harness for interacting with a standard ngGridCell in tests. */\nexport class GridCellHarness extends ContentContainerComponentHarness {\n static hostSelector = '[ngGridCell]';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a grid cell with specific attributes.\n * @param options Options for filtering which cell instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: GridCellHarnessFilters = {}): HarnessPredicate<GridCellHarness> {\n return new HarnessPredicate(GridCellHarness, options)\n .addOption('text', options.text, (harness, text) =>\n HarnessPredicate.stringMatches(harness.getText(), text),\n )\n .addOption(\n 'selected',\n options.selected,\n async (harness, selected) => (await harness.isSelected()) === selected,\n )\n .addOption(\n 'disabled',\n options.disabled,\n async (harness, disabled) => (await harness.isDisabled()) === disabled,\n );\n }\n\n /** Whether the cell is selected. */\n async isSelected(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-selected')) === 'true';\n }\n\n /** Whether the cell is disabled. */\n async isDisabled(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-disabled')) === 'true';\n }\n\n /** Gets the text content of the cell. */\n async getText(): Promise<string> {\n const host = await this.host();\n return host.text();\n }\n\n /** Clicks the cell. */\n async click(): Promise<void> {\n const host = await this.host();\n return host.click();\n }\n\n /** Focuses the cell. */\n async focus(): Promise<void> {\n const host = await this.host();\n return host.focus();\n }\n\n /** Blurs the cell. */\n async blur(): Promise<void> {\n const host = await this.host();\n return host.blur();\n }\n}\n\n/** Harness for interacting with a standard ngGridRow in tests. */\nexport class GridRowHarness extends ComponentHarness {\n static hostSelector = '[ngGridRow]';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a grid row with specific attributes.\n * @param options Options for filtering which row instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: GridRowHarnessFilters = {}): HarnessPredicate<GridRowHarness> {\n return new HarnessPredicate(GridRowHarness, options);\n }\n\n /** Gets all cells in the row. */\n async getCells(filters: GridCellHarnessFilters = {}): Promise<GridCellHarness[]> {\n return this.locatorForAll(GridCellHarness.with(filters))();\n }\n\n /** Gets the text of the cells in the row. */\n async getCellTextByIndex(filters: GridCellHarnessFilters = {}): Promise<string[]> {\n const cells = await this.getCells(filters);\n return parallel(() => cells.map(cell => cell.getText()));\n }\n}\n\n/** Harness for interacting with a standard ngGrid in tests. */\nexport class GridHarness extends ComponentHarness {\n static hostSelector = '[ngGrid]';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a grid with specific attributes.\n * @param options Options for filtering which grid instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: GridHarnessFilters = {}): HarnessPredicate<GridHarness> {\n return new HarnessPredicate(GridHarness, options).addOption(\n 'disabled',\n options.disabled,\n async (harness, disabled) => (await harness.isDisabled()) === disabled,\n );\n }\n\n /** Whether the grid is disabled. */\n async isDisabled(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-disabled')) === 'true';\n }\n\n /** Whether the grid is multi-selectable. */\n async isMultiSelectable(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-multiselectable')) === 'true';\n }\n\n /** Gets all rows in the grid. */\n async getRows(filters: GridRowHarnessFilters = {}): Promise<GridRowHarness[]> {\n return this.locatorForAll(GridRowHarness.with(filters))();\n }\n\n /** Gets all cells in the grid. */\n async getCells(filters: GridCellHarnessFilters = {}): Promise<GridCellHarness[]> {\n return this.locatorForAll(GridCellHarness.with(filters))();\n }\n\n /** Gets the text inside the entire grid organized by rows. */\n async getCellTextByIndex(): Promise<string[][]> {\n const rows = await this.getRows();\n return parallel(() => rows.map(row => row.getCellTextByIndex()));\n }\n}\n"],"names":["GridCellHarness","ContentContainerComponentHarness","hostSelector","with","options","HarnessPredicate","addOption","text","harness","stringMatches","getText","selected","isSelected","disabled","isDisabled","host","getAttribute","click","focus","blur","GridRowHarness","ComponentHarness","getCells","filters","locatorForAll","getCellTextByIndex","cells","parallel","map","cell","GridHarness","isMultiSelectable","getRows","rows","row"],"mappings":";;AAqBM,MAAOA,eAAgB,SAAQC,gCAAgC,CAAA;EACnE,OAAOC,YAAY,GAAG,cAAc;AAOpC,EAAA,OAAOC,IAAIA,CAACC,OAAA,GAAkC,EAAE,EAAA;AAC9C,IAAA,OAAO,IAAIC,gBAAgB,CAACL,eAAe,EAAEI,OAAO,CAAA,CACjDE,SAAS,CAAC,MAAM,EAAEF,OAAO,CAACG,IAAI,EAAE,CAACC,OAAO,EAAED,IAAI,KAC7CF,gBAAgB,CAACI,aAAa,CAACD,OAAO,CAACE,OAAO,EAAE,EAAEH,IAAI,CAAC,CAAA,CAExDD,SAAS,CACR,UAAU,EACVF,OAAO,CAACO,QAAQ,EAChB,OAAOH,OAAO,EAAEG,QAAQ,KAAK,CAAC,MAAMH,OAAO,CAACI,UAAU,EAAE,MAAMD,QAAQ,CAAA,CAEvEL,SAAS,CACR,UAAU,EACVF,OAAO,CAACS,QAAQ,EAChB,OAAOL,OAAO,EAAEK,QAAQ,KAAK,CAAC,MAAML,OAAO,CAACM,UAAU,EAAE,MAAMD,QAAQ,CACvE;AACL,EAAA;EAGA,MAAMD,UAAUA,GAAA;AACd,IAAA,MAAMG,IAAI,GAAG,MAAM,IAAI,CAACA,IAAI,EAAE;IAC9B,OAAO,CAAC,MAAMA,IAAI,CAACC,YAAY,CAAC,eAAe,CAAC,MAAM,MAAM;AAC9D,EAAA;EAGA,MAAMF,UAAUA,GAAA;AACd,IAAA,MAAMC,IAAI,GAAG,MAAM,IAAI,CAACA,IAAI,EAAE;IAC9B,OAAO,CAAC,MAAMA,IAAI,CAACC,YAAY,CAAC,eAAe,CAAC,MAAM,MAAM;AAC9D,EAAA;EAGA,MAAMN,OAAOA,GAAA;AACX,IAAA,MAAMK,IAAI,GAAG,MAAM,IAAI,CAACA,IAAI,EAAE;AAC9B,IAAA,OAAOA,IAAI,CAACR,IAAI,EAAE;AACpB,EAAA;EAGA,MAAMU,KAAKA,GAAA;AACT,IAAA,MAAMF,IAAI,GAAG,MAAM,IAAI,CAACA,IAAI,EAAE;AAC9B,IAAA,OAAOA,IAAI,CAACE,KAAK,EAAE;AACrB,EAAA;EAGA,MAAMC,KAAKA,GAAA;AACT,IAAA,MAAMH,IAAI,GAAG,MAAM,IAAI,CAACA,IAAI,EAAE;AAC9B,IAAA,OAAOA,IAAI,CAACG,KAAK,EAAE;AACrB,EAAA;EAGA,MAAMC,IAAIA,GAAA;AACR,IAAA,MAAMJ,IAAI,GAAG,MAAM,IAAI,CAACA,IAAI,EAAE;AAC9B,IAAA,OAAOA,IAAI,CAACI,IAAI,EAAE;AACpB,EAAA;;AAII,MAAOC,cAAe,SAAQC,gBAAgB,CAAA;EAClD,
|
|
1
|
+
{"version":3,"file":"grid-testing.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/grid/testing/grid-harness.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 ComponentHarness,\n ContentContainerComponentHarness,\n HarnessPredicate,\n parallel,\n} from '@angular/cdk/testing';\nimport {\n GridHarnessFilters,\n GridRowHarnessFilters,\n GridCellHarnessFilters,\n} from './grid-harness-filters';\n\n/** Harness for interacting with a standard ngGridCell in tests. */\nexport class GridCellHarness extends ContentContainerComponentHarness {\n static hostSelector = '[ngGridCell]';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a grid cell with specific attributes.\n * @param options Options for filtering which cell instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: GridCellHarnessFilters = {}): HarnessPredicate<GridCellHarness> {\n return new HarnessPredicate(GridCellHarness, options)\n .addOption('text', options.text, (harness, text) =>\n HarnessPredicate.stringMatches(harness.getText(), text),\n )\n .addOption(\n 'selected',\n options.selected,\n async (harness, selected) => (await harness.isSelected()) === selected,\n )\n .addOption(\n 'disabled',\n options.disabled,\n async (harness, disabled) => (await harness.isDisabled()) === disabled,\n );\n }\n\n /** Whether the cell is selected. */\n async isSelected(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-selected')) === 'true';\n }\n\n /** Whether the cell is disabled. */\n async isDisabled(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-disabled')) === 'true';\n }\n\n /** Gets the text content of the cell. */\n async getText(): Promise<string> {\n const host = await this.host();\n return host.text();\n }\n\n /** Clicks the cell. */\n async click(): Promise<void> {\n const host = await this.host();\n return host.click();\n }\n\n /** Focuses the cell. */\n async focus(): Promise<void> {\n const host = await this.host();\n return host.focus();\n }\n\n /** Blurs the cell. */\n async blur(): Promise<void> {\n const host = await this.host();\n return host.blur();\n }\n\n /** Whether the cell is active. */\n async isActive(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('data-active')) === 'true';\n }\n\n /** Whether the cell is focused. */\n async isFocused(): Promise<boolean> {\n const host = await this.host();\n return host.isFocused();\n }\n}\n\n/** Harness for interacting with a standard ngGridRow in tests. */\nexport class GridRowHarness extends ComponentHarness {\n static hostSelector = '[ngGridRow]';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a grid row with specific attributes.\n * @param options Options for filtering which row instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: GridRowHarnessFilters = {}): HarnessPredicate<GridRowHarness> {\n return new HarnessPredicate(GridRowHarness, options);\n }\n\n /** Gets all cells in the row. */\n async getCells(filters: GridCellHarnessFilters = {}): Promise<GridCellHarness[]> {\n return this.locatorForAll(GridCellHarness.with(filters))();\n }\n\n /** Gets the text of the cells in the row. */\n async getCellTextByIndex(filters: GridCellHarnessFilters = {}): Promise<string[]> {\n const cells = await this.getCells(filters);\n return parallel(() => cells.map(cell => cell.getText()));\n }\n}\n\n/** Harness for interacting with a standard ngGrid in tests. */\nexport class GridHarness extends ComponentHarness {\n static hostSelector = '[ngGrid]';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a grid with specific attributes.\n * @param options Options for filtering which grid instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: GridHarnessFilters = {}): HarnessPredicate<GridHarness> {\n return new HarnessPredicate(GridHarness, options).addOption(\n 'disabled',\n options.disabled,\n async (harness, disabled) => (await harness.isDisabled()) === disabled,\n );\n }\n\n /** Whether the grid is disabled. */\n async isDisabled(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-disabled')) === 'true';\n }\n\n /** Whether the grid is multi-selectable. */\n async isMultiSelectable(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-multiselectable')) === 'true';\n }\n\n /** Gets all rows in the grid. */\n async getRows(filters: GridRowHarnessFilters = {}): Promise<GridRowHarness[]> {\n return this.locatorForAll(GridRowHarness.with(filters))();\n }\n\n /** Gets all cells in the grid. */\n async getCells(filters: GridCellHarnessFilters = {}): Promise<GridCellHarness[]> {\n return this.locatorForAll(GridCellHarness.with(filters))();\n }\n\n /** Gets the text inside the entire grid organized by rows. */\n async getCellTextByIndex(): Promise<string[][]> {\n const rows = await this.getRows();\n return parallel(() => rows.map(row => row.getCellTextByIndex()));\n }\n}\n"],"names":["GridCellHarness","ContentContainerComponentHarness","hostSelector","with","options","HarnessPredicate","addOption","text","harness","stringMatches","getText","selected","isSelected","disabled","isDisabled","host","getAttribute","click","focus","blur","isActive","isFocused","GridRowHarness","ComponentHarness","getCells","filters","locatorForAll","getCellTextByIndex","cells","parallel","map","cell","GridHarness","isMultiSelectable","getRows","rows","row"],"mappings":"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"}
|
package/fesm2022/grid.mjs
CHANGED
|
@@ -1,25 +1,22 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, inject, ElementRef,
|
|
2
|
+
import { InjectionToken, inject, ElementRef, computed, input, booleanAttribute, afterRenderEffect, afterNextRender, Directive, output, Renderer2, contentChild, model } from '@angular/core';
|
|
3
3
|
import { Directionality } from '@angular/cdk/bidi';
|
|
4
|
+
import { tabIndexTransform } from './_transforms-chunk.mjs';
|
|
4
5
|
import { GridPattern, GridCellWidgetPattern, GridCellPattern, GridRowPattern } from './_widget-chunk.mjs';
|
|
6
|
+
import { SortedCollection } from './_collection-chunk.mjs';
|
|
5
7
|
import { _IdGenerator } from '@angular/cdk/a11y';
|
|
6
|
-
import './_signal-like-chunk.mjs';
|
|
7
|
-
import '@angular/core/primitives/signals';
|
|
8
8
|
import './_click-event-manager-chunk.mjs';
|
|
9
|
+
import '@angular/core/primitives/signals';
|
|
9
10
|
|
|
10
11
|
const GRID_CELL = new InjectionToken('GRID_CELL');
|
|
11
12
|
const GRID_ROW = new InjectionToken('GRID_ROW');
|
|
13
|
+
const GRID = new InjectionToken('GRID');
|
|
12
14
|
|
|
13
15
|
class Grid {
|
|
14
16
|
_elementRef = inject(ElementRef);
|
|
15
17
|
element = this._elementRef.nativeElement;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
debugName: "_rows"
|
|
19
|
-
} : {}),
|
|
20
|
-
descendants: true
|
|
21
|
-
});
|
|
22
|
-
_rowPatterns = computed(() => this._rows().map(r => r._pattern), ...(ngDevMode ? [{
|
|
18
|
+
_collection = new SortedCollection();
|
|
19
|
+
_rowPatterns = computed(() => this._collection.orderedItems().map(r => r._pattern), ...(ngDevMode ? [{
|
|
23
20
|
debugName: "_rowPatterns"
|
|
24
21
|
}] : []));
|
|
25
22
|
textDirection = inject(Directionality).valueSignal;
|
|
@@ -63,7 +60,8 @@ class Grid {
|
|
|
63
60
|
...(ngDevMode ? {
|
|
64
61
|
debugName: "tabIndex"
|
|
65
62
|
} : {}),
|
|
66
|
-
|
|
63
|
+
alias: 'tabindex',
|
|
64
|
+
transform: tabIndexTransform
|
|
67
65
|
});
|
|
68
66
|
_pattern = new GridPattern({
|
|
69
67
|
...this,
|
|
@@ -90,6 +88,12 @@ class Grid {
|
|
|
90
88
|
afterRenderEffect({
|
|
91
89
|
write: () => this._pattern.focusEffect()
|
|
92
90
|
});
|
|
91
|
+
afterNextRender(() => {
|
|
92
|
+
this._collection.startObserving(this.element);
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
ngOnDestroy() {
|
|
96
|
+
this._collection.stopObserving();
|
|
93
97
|
}
|
|
94
98
|
scrollActiveCellIntoView(options = {
|
|
95
99
|
block: 'nearest'
|
|
@@ -112,15 +116,15 @@ class Grid {
|
|
|
112
116
|
}
|
|
113
117
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
114
118
|
minVersion: "12.0.0",
|
|
115
|
-
version: "22.0.0-next.
|
|
119
|
+
version: "22.0.0-next.10",
|
|
116
120
|
ngImport: i0,
|
|
117
121
|
type: Grid,
|
|
118
122
|
deps: [],
|
|
119
123
|
target: i0.ɵɵFactoryTarget.Directive
|
|
120
124
|
});
|
|
121
125
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
122
|
-
minVersion: "17.
|
|
123
|
-
version: "22.0.0-next.
|
|
126
|
+
minVersion: "17.1.0",
|
|
127
|
+
version: "22.0.0-next.10",
|
|
124
128
|
type: Grid,
|
|
125
129
|
isStandalone: true,
|
|
126
130
|
selector: "[ngGrid]",
|
|
@@ -183,7 +187,7 @@ class Grid {
|
|
|
183
187
|
},
|
|
184
188
|
tabIndex: {
|
|
185
189
|
classPropertyName: "tabIndex",
|
|
186
|
-
publicName: "
|
|
190
|
+
publicName: "tabindex",
|
|
187
191
|
isSignal: true,
|
|
188
192
|
isRequired: false,
|
|
189
193
|
transformFunction: null
|
|
@@ -206,11 +210,9 @@ class Grid {
|
|
|
206
210
|
"attr.aria-activedescendant": "_pattern.activeDescendant()"
|
|
207
211
|
}
|
|
208
212
|
},
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
descendants: true,
|
|
213
|
-
isSignal: true
|
|
213
|
+
providers: [{
|
|
214
|
+
provide: GRID,
|
|
215
|
+
useExisting: Grid
|
|
214
216
|
}],
|
|
215
217
|
exportAs: ["ngGrid"],
|
|
216
218
|
ngImport: i0
|
|
@@ -218,7 +220,7 @@ class Grid {
|
|
|
218
220
|
}
|
|
219
221
|
i0.ɵɵngDeclareClassMetadata({
|
|
220
222
|
minVersion: "12.0.0",
|
|
221
|
-
version: "22.0.0-next.
|
|
223
|
+
version: "22.0.0-next.10",
|
|
222
224
|
ngImport: i0,
|
|
223
225
|
type: Grid,
|
|
224
226
|
decorators: [{
|
|
@@ -236,20 +238,15 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
236
238
|
'(click)': '_pattern.onClick($event)',
|
|
237
239
|
'(focusin)': '_pattern.onFocusIn($event)',
|
|
238
240
|
'(focusout)': '_pattern.onFocusOut($event)'
|
|
239
|
-
}
|
|
241
|
+
},
|
|
242
|
+
providers: [{
|
|
243
|
+
provide: GRID,
|
|
244
|
+
useExisting: Grid
|
|
245
|
+
}]
|
|
240
246
|
}]
|
|
241
247
|
}],
|
|
242
248
|
ctorParameters: () => [],
|
|
243
249
|
propDecorators: {
|
|
244
|
-
_rows: [{
|
|
245
|
-
type: i0.ContentChildren,
|
|
246
|
-
args: [i0.forwardRef(() => GRID_ROW), {
|
|
247
|
-
...{
|
|
248
|
-
descendants: true
|
|
249
|
-
},
|
|
250
|
-
isSignal: true
|
|
251
|
-
}]
|
|
252
|
-
}],
|
|
253
250
|
enableSelection: [{
|
|
254
251
|
type: i0.Input,
|
|
255
252
|
args: [{
|
|
@@ -318,7 +315,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
318
315
|
type: i0.Input,
|
|
319
316
|
args: [{
|
|
320
317
|
isSignal: true,
|
|
321
|
-
alias: "
|
|
318
|
+
alias: "tabindex",
|
|
322
319
|
required: false
|
|
323
320
|
}]
|
|
324
321
|
}]
|
|
@@ -352,34 +349,25 @@ class GridCellWidget {
|
|
|
352
349
|
tabindex = input(...(ngDevMode ? [undefined, {
|
|
353
350
|
debugName: "tabindex"
|
|
354
351
|
}] : []));
|
|
355
|
-
_tabIndex = computed(() => this.tabindex() ??
|
|
352
|
+
_tabIndex = computed(() => this.tabindex() ?? this._pattern.tabIndex(), ...(ngDevMode ? [{
|
|
356
353
|
debugName: "_tabIndex"
|
|
357
354
|
}] : []));
|
|
358
355
|
_pattern = new GridCellWidgetPattern({
|
|
359
356
|
...this,
|
|
360
357
|
element: () => this.element,
|
|
361
|
-
cell: () => this._cell._pattern
|
|
358
|
+
cell: () => this._cell._pattern,
|
|
359
|
+
onActivate: e => this.activated.emit(e),
|
|
360
|
+
onDeactivate: e => this.deactivated.emit(e)
|
|
362
361
|
});
|
|
363
362
|
get isActivated() {
|
|
364
363
|
return computed(() => this._pattern.isActivated());
|
|
365
364
|
}
|
|
366
365
|
constructor() {
|
|
367
366
|
afterRenderEffect({
|
|
368
|
-
|
|
369
|
-
if (this._pattern.isActivated()) {
|
|
370
|
-
const activateEvent = this._pattern.lastActivateEvent();
|
|
371
|
-
this.activated.emit(activateEvent);
|
|
372
|
-
this._pattern.focus();
|
|
373
|
-
}
|
|
374
|
-
}
|
|
367
|
+
write: () => this._pattern.activationEffect()
|
|
375
368
|
});
|
|
376
369
|
afterRenderEffect({
|
|
377
|
-
|
|
378
|
-
const deactivateEvent = this._pattern.lastDeactivateEvent();
|
|
379
|
-
if (deactivateEvent) {
|
|
380
|
-
this.deactivated.emit(deactivateEvent);
|
|
381
|
-
}
|
|
382
|
-
}
|
|
370
|
+
write: () => this._pattern.deactivationEffect()
|
|
383
371
|
});
|
|
384
372
|
}
|
|
385
373
|
activate() {
|
|
@@ -390,7 +378,7 @@ class GridCellWidget {
|
|
|
390
378
|
}
|
|
391
379
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
392
380
|
minVersion: "12.0.0",
|
|
393
|
-
version: "22.0.0-next.
|
|
381
|
+
version: "22.0.0-next.10",
|
|
394
382
|
ngImport: i0,
|
|
395
383
|
type: GridCellWidget,
|
|
396
384
|
deps: [],
|
|
@@ -398,7 +386,7 @@ class GridCellWidget {
|
|
|
398
386
|
});
|
|
399
387
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
400
388
|
minVersion: "17.1.0",
|
|
401
|
-
version: "22.0.0-next.
|
|
389
|
+
version: "22.0.0-next.10",
|
|
402
390
|
type: GridCellWidget,
|
|
403
391
|
isStandalone: true,
|
|
404
392
|
selector: "[ngGridCellWidget]",
|
|
@@ -457,7 +445,7 @@ class GridCellWidget {
|
|
|
457
445
|
}
|
|
458
446
|
i0.ɵɵngDeclareClassMetadata({
|
|
459
447
|
minVersion: "12.0.0",
|
|
460
|
-
version: "22.0.0-next.
|
|
448
|
+
version: "22.0.0-next.10",
|
|
461
449
|
ngImport: i0,
|
|
462
450
|
type: GridCellWidget,
|
|
463
451
|
decorators: [{
|
|
@@ -530,7 +518,6 @@ class GridCell {
|
|
|
530
518
|
_elementRef = inject(ElementRef);
|
|
531
519
|
_renderer = inject(Renderer2);
|
|
532
520
|
element = this._elementRef.nativeElement;
|
|
533
|
-
activated = new EventEmitter();
|
|
534
521
|
active = computed(() => this._pattern.active(), ...(ngDevMode ? [{
|
|
535
522
|
debugName: "active"
|
|
536
523
|
}] : []));
|
|
@@ -587,8 +574,7 @@ class GridCell {
|
|
|
587
574
|
row: () => this._row._pattern,
|
|
588
575
|
widget: this._widgetPattern,
|
|
589
576
|
getWidget: e => this._getWidget(e),
|
|
590
|
-
element: () => this.element
|
|
591
|
-
onActivate: e => this.activated.emit(e)
|
|
577
|
+
element: () => this.element
|
|
592
578
|
});
|
|
593
579
|
constructor() {
|
|
594
580
|
afterRenderEffect({
|
|
@@ -615,6 +601,12 @@ class GridCell {
|
|
|
615
601
|
}
|
|
616
602
|
});
|
|
617
603
|
}
|
|
604
|
+
ngOnInit() {
|
|
605
|
+
this._row._collection.register(this);
|
|
606
|
+
}
|
|
607
|
+
ngOnDestroy() {
|
|
608
|
+
this._row._collection.unregister(this);
|
|
609
|
+
}
|
|
618
610
|
_toggleAttribute = (name, value) => {
|
|
619
611
|
if (value == null) {
|
|
620
612
|
this._renderer.removeAttribute(this.element, name);
|
|
@@ -636,7 +628,7 @@ class GridCell {
|
|
|
636
628
|
}
|
|
637
629
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
638
630
|
minVersion: "12.0.0",
|
|
639
|
-
version: "22.0.0-next.
|
|
631
|
+
version: "22.0.0-next.10",
|
|
640
632
|
ngImport: i0,
|
|
641
633
|
type: GridCell,
|
|
642
634
|
deps: [],
|
|
@@ -644,7 +636,7 @@ class GridCell {
|
|
|
644
636
|
});
|
|
645
637
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
646
638
|
minVersion: "17.2.0",
|
|
647
|
-
version: "22.0.0-next.
|
|
639
|
+
version: "22.0.0-next.10",
|
|
648
640
|
type: GridCell,
|
|
649
641
|
isStandalone: true,
|
|
650
642
|
selector: "[ngGridCell]",
|
|
@@ -721,7 +713,6 @@ class GridCell {
|
|
|
721
713
|
}
|
|
722
714
|
},
|
|
723
715
|
outputs: {
|
|
724
|
-
activated: "activated",
|
|
725
716
|
selected: "selectedChange"
|
|
726
717
|
},
|
|
727
718
|
providers: [{
|
|
@@ -741,7 +732,7 @@ class GridCell {
|
|
|
741
732
|
}
|
|
742
733
|
i0.ɵɵngDeclareClassMetadata({
|
|
743
734
|
minVersion: "12.0.0",
|
|
744
|
-
version: "22.0.0-next.
|
|
735
|
+
version: "22.0.0-next.10",
|
|
745
736
|
ngImport: i0,
|
|
746
737
|
type: GridCell,
|
|
747
738
|
decorators: [{
|
|
@@ -757,9 +748,6 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
757
748
|
}],
|
|
758
749
|
ctorParameters: () => [],
|
|
759
750
|
propDecorators: {
|
|
760
|
-
activated: [{
|
|
761
|
-
type: Output
|
|
762
|
-
}],
|
|
763
751
|
_widget: [{
|
|
764
752
|
type: i0.ContentChild,
|
|
765
753
|
args: [i0.forwardRef(() => GridCellWidget), {
|
|
@@ -858,16 +846,11 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
858
846
|
class GridRow {
|
|
859
847
|
_elementRef = inject(ElementRef);
|
|
860
848
|
element = this._elementRef.nativeElement;
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
debugName: "_cells"
|
|
864
|
-
} : {}),
|
|
865
|
-
descendants: true
|
|
866
|
-
});
|
|
867
|
-
_cellPatterns = computed(() => this._cells().map(c => c._pattern), ...(ngDevMode ? [{
|
|
849
|
+
_collection = new SortedCollection();
|
|
850
|
+
_cellPatterns = computed(() => this._collection.orderedItems().map(c => c._pattern), ...(ngDevMode ? [{
|
|
868
851
|
debugName: "_cellPatterns"
|
|
869
852
|
}] : []));
|
|
870
|
-
_grid = inject(
|
|
853
|
+
_grid = inject(GRID);
|
|
871
854
|
_gridPattern = computed(() => this._grid._pattern, ...(ngDevMode ? [{
|
|
872
855
|
debugName: "_gridPattern"
|
|
873
856
|
}] : []));
|
|
@@ -879,17 +862,29 @@ class GridRow {
|
|
|
879
862
|
cells: this._cellPatterns,
|
|
880
863
|
grid: this._gridPattern
|
|
881
864
|
});
|
|
865
|
+
constructor() {
|
|
866
|
+
afterNextRender(() => {
|
|
867
|
+
this._collection.startObserving(this.element);
|
|
868
|
+
});
|
|
869
|
+
}
|
|
870
|
+
ngOnInit() {
|
|
871
|
+
this._grid._collection.register(this);
|
|
872
|
+
}
|
|
873
|
+
ngOnDestroy() {
|
|
874
|
+
this._grid._collection.unregister(this);
|
|
875
|
+
this._collection.stopObserving();
|
|
876
|
+
}
|
|
882
877
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
883
878
|
minVersion: "12.0.0",
|
|
884
|
-
version: "22.0.0-next.
|
|
879
|
+
version: "22.0.0-next.10",
|
|
885
880
|
ngImport: i0,
|
|
886
881
|
type: GridRow,
|
|
887
882
|
deps: [],
|
|
888
883
|
target: i0.ɵɵFactoryTarget.Directive
|
|
889
884
|
});
|
|
890
885
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
891
|
-
minVersion: "17.
|
|
892
|
-
version: "22.0.0-next.
|
|
886
|
+
minVersion: "17.1.0",
|
|
887
|
+
version: "22.0.0-next.10",
|
|
893
888
|
type: GridRow,
|
|
894
889
|
isStandalone: true,
|
|
895
890
|
selector: "[ngGridRow]",
|
|
@@ -914,19 +909,13 @@ class GridRow {
|
|
|
914
909
|
provide: GRID_ROW,
|
|
915
910
|
useExisting: GridRow
|
|
916
911
|
}],
|
|
917
|
-
queries: [{
|
|
918
|
-
propertyName: "_cells",
|
|
919
|
-
predicate: GRID_CELL,
|
|
920
|
-
descendants: true,
|
|
921
|
-
isSignal: true
|
|
922
|
-
}],
|
|
923
912
|
exportAs: ["ngGridRow"],
|
|
924
913
|
ngImport: i0
|
|
925
914
|
});
|
|
926
915
|
}
|
|
927
916
|
i0.ɵɵngDeclareClassMetadata({
|
|
928
917
|
minVersion: "12.0.0",
|
|
929
|
-
version: "22.0.0-next.
|
|
918
|
+
version: "22.0.0-next.10",
|
|
930
919
|
ngImport: i0,
|
|
931
920
|
type: GridRow,
|
|
932
921
|
decorators: [{
|
|
@@ -944,16 +933,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
944
933
|
}]
|
|
945
934
|
}]
|
|
946
935
|
}],
|
|
936
|
+
ctorParameters: () => [],
|
|
947
937
|
propDecorators: {
|
|
948
|
-
_cells: [{
|
|
949
|
-
type: i0.ContentChildren,
|
|
950
|
-
args: [i0.forwardRef(() => GRID_CELL), {
|
|
951
|
-
...{
|
|
952
|
-
descendants: true
|
|
953
|
-
},
|
|
954
|
-
isSignal: true
|
|
955
|
-
}]
|
|
956
|
-
}],
|
|
957
938
|
rowIndex: [{
|
|
958
939
|
type: i0.Input,
|
|
959
940
|
args: [{
|