@angular/cdk 18.0.0-next.1 → 18.0.0-next.2
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/a11y/index.d.ts +7 -6
- package/esm2022/a11y/a11y-module.mjs +4 -4
- package/esm2022/a11y/aria-describer/aria-describer.mjs +3 -3
- package/esm2022/a11y/focus-monitor/focus-monitor.mjs +6 -6
- package/esm2022/a11y/focus-trap/configurable-focus-trap-factory.mjs +3 -3
- package/esm2022/a11y/focus-trap/focus-trap-manager.mjs +3 -3
- package/esm2022/a11y/focus-trap/focus-trap.mjs +7 -12
- package/esm2022/a11y/high-contrast-mode/high-contrast-mode-detector.mjs +3 -3
- package/esm2022/a11y/input-modality/input-modality-detector.mjs +3 -3
- package/esm2022/a11y/interactivity-checker/interactivity-checker.mjs +3 -3
- package/esm2022/a11y/key-manager/list-key-manager.mjs +28 -16
- package/esm2022/a11y/live-announcer/live-announcer.mjs +6 -6
- package/esm2022/accordion/accordion-item.mjs +3 -3
- package/esm2022/accordion/accordion-module.mjs +4 -4
- package/esm2022/accordion/accordion.mjs +3 -3
- package/esm2022/bidi/bidi-module.mjs +4 -4
- package/esm2022/bidi/dir.mjs +3 -3
- package/esm2022/bidi/directionality.mjs +3 -3
- package/esm2022/clipboard/clipboard-module.mjs +4 -4
- package/esm2022/clipboard/clipboard.mjs +3 -3
- package/esm2022/clipboard/copy-to-clipboard.mjs +3 -3
- package/esm2022/collections/unique-selection-dispatcher.mjs +3 -3
- package/esm2022/dialog/dialog-container.mjs +3 -3
- package/esm2022/dialog/dialog-module.mjs +4 -4
- package/esm2022/dialog/dialog.mjs +3 -3
- package/esm2022/drag-drop/directives/drag-handle.mjs +3 -3
- package/esm2022/drag-drop/directives/drag-placeholder.mjs +3 -3
- package/esm2022/drag-drop/directives/drag-preview.mjs +3 -3
- package/esm2022/drag-drop/directives/drag.mjs +3 -3
- package/esm2022/drag-drop/directives/drop-list-group.mjs +3 -3
- package/esm2022/drag-drop/directives/drop-list.mjs +3 -3
- package/esm2022/drag-drop/drag-drop-module.mjs +4 -4
- package/esm2022/drag-drop/drag-drop-registry.mjs +3 -3
- package/esm2022/drag-drop/drag-drop.mjs +3 -3
- package/esm2022/layout/breakpoints-observer.mjs +3 -3
- package/esm2022/layout/layout-module.mjs +4 -4
- package/esm2022/layout/media-matcher.mjs +3 -3
- package/esm2022/listbox/listbox-module.mjs +4 -4
- package/esm2022/listbox/listbox.mjs +13 -8
- package/esm2022/menu/context-menu-trigger.mjs +6 -6
- package/esm2022/menu/menu-aim.mjs +6 -6
- package/esm2022/menu/menu-bar.mjs +3 -3
- package/esm2022/menu/menu-base.mjs +3 -3
- package/esm2022/menu/menu-group.mjs +3 -3
- package/esm2022/menu/menu-item-checkbox.mjs +3 -3
- package/esm2022/menu/menu-item-radio.mjs +3 -3
- package/esm2022/menu/menu-item-selectable.mjs +3 -3
- package/esm2022/menu/menu-item.mjs +3 -3
- package/esm2022/menu/menu-module.mjs +4 -4
- package/esm2022/menu/menu-stack.mjs +3 -3
- package/esm2022/menu/menu-trigger-base.mjs +3 -3
- package/esm2022/menu/menu-trigger.mjs +3 -3
- package/esm2022/menu/menu.mjs +3 -3
- package/esm2022/observers/observe-content.mjs +13 -13
- package/esm2022/observers/private/shared-resize-observer.mjs +3 -3
- package/esm2022/overlay/dispatchers/base-overlay-dispatcher.mjs +3 -3
- package/esm2022/overlay/dispatchers/overlay-keyboard-dispatcher.mjs +3 -3
- package/esm2022/overlay/dispatchers/overlay-outside-click-dispatcher.mjs +3 -3
- package/esm2022/overlay/fullscreen-overlay-container.mjs +3 -3
- package/esm2022/overlay/overlay-container.mjs +3 -3
- package/esm2022/overlay/overlay-directives.mjs +6 -6
- package/esm2022/overlay/overlay-module.mjs +4 -4
- package/esm2022/overlay/overlay.mjs +3 -3
- package/esm2022/overlay/position/overlay-position-builder.mjs +3 -3
- package/esm2022/overlay/scroll/scroll-strategy-options.mjs +3 -3
- package/esm2022/platform/platform-module.mjs +4 -4
- package/esm2022/platform/platform.mjs +3 -3
- package/esm2022/portal/portal-directives.mjs +16 -16
- package/esm2022/scrolling/fixed-size-virtual-scroll.mjs +3 -3
- package/esm2022/scrolling/scroll-dispatcher.mjs +3 -3
- package/esm2022/scrolling/scrollable.mjs +3 -3
- package/esm2022/scrolling/scrolling-module.mjs +8 -8
- package/esm2022/scrolling/viewport-ruler.mjs +3 -3
- package/esm2022/scrolling/virtual-for-of.mjs +3 -3
- package/esm2022/scrolling/virtual-scroll-viewport.mjs +3 -3
- package/esm2022/scrolling/virtual-scrollable-element.mjs +3 -3
- package/esm2022/scrolling/virtual-scrollable-window.mjs +3 -3
- package/esm2022/scrolling/virtual-scrollable.mjs +3 -3
- package/esm2022/stepper/step-header.mjs +3 -3
- package/esm2022/stepper/step-label.mjs +3 -3
- package/esm2022/stepper/stepper-button.mjs +6 -6
- package/esm2022/stepper/stepper-module.mjs +4 -4
- package/esm2022/stepper/stepper.mjs +6 -6
- package/esm2022/table/cell.mjs +21 -21
- package/esm2022/table/coalesced-style-scheduler.mjs +14 -26
- package/esm2022/table/row.mjs +27 -27
- package/esm2022/table/table-module.mjs +4 -4
- package/esm2022/table/table.mjs +18 -18
- package/esm2022/table/text-column.mjs +3 -3
- package/esm2022/text-field/autofill.mjs +6 -6
- package/esm2022/text-field/autosize.mjs +3 -3
- package/esm2022/text-field/text-field-module.mjs +4 -4
- package/esm2022/tree/nested-node.mjs +3 -3
- package/esm2022/tree/node.mjs +3 -3
- package/esm2022/tree/outlet.mjs +3 -3
- package/esm2022/tree/padding.mjs +3 -3
- package/esm2022/tree/toggle.mjs +3 -3
- package/esm2022/tree/tree-module.mjs +4 -4
- package/esm2022/tree/tree.mjs +6 -6
- package/esm2022/version.mjs +1 -1
- package/fesm2022/a11y.mjs +67 -60
- package/fesm2022/a11y.mjs.map +1 -1
- package/fesm2022/accordion.mjs +10 -10
- package/fesm2022/bidi.mjs +10 -10
- package/fesm2022/cdk.mjs +1 -1
- package/fesm2022/cdk.mjs.map +1 -1
- package/fesm2022/clipboard.mjs +10 -10
- package/fesm2022/collections.mjs +3 -3
- package/fesm2022/dialog.mjs +10 -10
- package/fesm2022/drag-drop.mjs +28 -28
- package/fesm2022/layout.mjs +10 -10
- package/fesm2022/listbox.mjs +16 -11
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +49 -49
- package/fesm2022/observers/private.mjs +3 -3
- package/fesm2022/observers.mjs +13 -13
- package/fesm2022/overlay.mjs +34 -34
- package/fesm2022/platform.mjs +7 -7
- package/fesm2022/portal.mjs +16 -16
- package/fesm2022/scrolling.mjs +35 -35
- package/fesm2022/stepper.mjs +22 -22
- package/fesm2022/table.mjs +88 -98
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/text-field.mjs +13 -13
- package/fesm2022/tree.mjs +25 -25
- package/listbox/index.d.ts +2 -0
- package/package.json +1 -1
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/table/index.d.ts +3 -7
package/esm2022/tree/tree.mjs
CHANGED
|
@@ -183,10 +183,10 @@ export class CdkTree {
|
|
|
183
183
|
CdkTreeNode.mostRecentTreeNode.data = nodeData;
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
187
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkTree, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
187
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.1", type: CdkTree, isStandalone: true, selector: "cdk-tree", inputs: { dataSource: "dataSource", treeControl: "treeControl", trackBy: "trackBy" }, host: { attributes: { "role": "tree" }, classAttribute: "cdk-tree" }, queries: [{ propertyName: "_nodeDefs", predicate: CdkTreeNodeDef, descendants: true }], viewQueries: [{ propertyName: "_nodeOutlet", first: true, predicate: CdkTreeNodeOutlet, descendants: true, static: true }], exportAs: ["cdkTree"], ngImport: i0, template: `<ng-container cdkTreeNodeOutlet></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: CdkTreeNodeOutlet, selector: "[cdkTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
188
188
|
}
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkTree, decorators: [{
|
|
190
190
|
type: Component,
|
|
191
191
|
args: [{
|
|
192
192
|
selector: 'cdk-tree',
|
|
@@ -303,10 +303,10 @@ export class CdkTreeNode {
|
|
|
303
303
|
}
|
|
304
304
|
this.role = 'treeitem';
|
|
305
305
|
}
|
|
306
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
307
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
306
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkTreeNode, deps: [{ token: i0.ElementRef }, { token: CdkTree }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
307
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.1", type: CdkTreeNode, isStandalone: true, selector: "cdk-tree-node", inputs: { role: "role" }, host: { properties: { "attr.aria-expanded": "isExpanded" }, classAttribute: "cdk-tree-node" }, exportAs: ["cdkTreeNode"], ngImport: i0 }); }
|
|
308
308
|
}
|
|
309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkTreeNode, decorators: [{
|
|
310
310
|
type: Directive,
|
|
311
311
|
args: [{
|
|
312
312
|
selector: 'cdk-tree-node',
|
package/esm2022/version.mjs
CHANGED
|
@@ -7,5 +7,5 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { Version } from '@angular/core';
|
|
9
9
|
/** Current version of the Angular Component Development Kit. */
|
|
10
|
-
export const VERSION = new Version('18.0.0-next.
|
|
10
|
+
export const VERSION = new Version('18.0.0-next.2');
|
|
11
11
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jZGsvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXRDLGdFQUFnRTtBQUNoRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsSUFBSSxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5pbXBvcnQge1ZlcnNpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKiogQ3VycmVudCB2ZXJzaW9uIG9mIHRoZSBBbmd1bGFyIENvbXBvbmVudCBEZXZlbG9wbWVudCBLaXQuICovXG5leHBvcnQgY29uc3QgVkVSU0lPTiA9IG5ldyBWZXJzaW9uKCcwLjAuMC1QTEFDRUhPTERFUicpO1xuIl19
|
package/fesm2022/a11y.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DOCUMENT } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { inject, APP_ID, Injectable, Inject, QueryList, booleanAttribute, Directive, Input, InjectionToken, Optional, EventEmitter, Output, NgModule } from '@angular/core';
|
|
3
|
+
import { inject, APP_ID, Injectable, Inject, QueryList, isSignal, effect, booleanAttribute, Directive, Input, InjectionToken, Optional, EventEmitter, Output, NgModule } from '@angular/core';
|
|
4
4
|
import * as i1 from '@angular/cdk/platform';
|
|
5
5
|
import { Platform, _getFocusedElementPierceShadowDom, normalizePassiveListenerOptions, _getEventTarget, _getShadowRoot } from '@angular/cdk/platform';
|
|
6
6
|
import { Subject, Subscription, BehaviorSubject, of } from 'rxjs';
|
|
@@ -249,10 +249,10 @@ class AriaDescriber {
|
|
|
249
249
|
_isElementNode(element) {
|
|
250
250
|
return element.nodeType === this._document.ELEMENT_NODE;
|
|
251
251
|
}
|
|
252
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
253
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
252
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: AriaDescriber, deps: [{ token: DOCUMENT }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
253
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: AriaDescriber, providedIn: 'root' }); }
|
|
254
254
|
}
|
|
255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: AriaDescriber, decorators: [{
|
|
256
256
|
type: Injectable,
|
|
257
257
|
args: [{ providedIn: 'root' }]
|
|
258
258
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -275,7 +275,7 @@ function setMessageId(element, serviceId) {
|
|
|
275
275
|
* of items, it will set the active item correctly when arrow events occur.
|
|
276
276
|
*/
|
|
277
277
|
class ListKeyManager {
|
|
278
|
-
constructor(_items) {
|
|
278
|
+
constructor(_items, injector) {
|
|
279
279
|
this._items = _items;
|
|
280
280
|
this._activeItemIndex = -1;
|
|
281
281
|
this._activeItem = null;
|
|
@@ -304,15 +304,13 @@ class ListKeyManager {
|
|
|
304
304
|
// not have access to a QueryList of the items they want to manage (e.g. when the
|
|
305
305
|
// items aren't being collected via `ViewChildren` or `ContentChildren`).
|
|
306
306
|
if (_items instanceof QueryList) {
|
|
307
|
-
this._itemChangesSubscription = _items.changes.subscribe((newItems) =>
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
}
|
|
315
|
-
});
|
|
307
|
+
this._itemChangesSubscription = _items.changes.subscribe((newItems) => this._itemsChanged(newItems.toArray()));
|
|
308
|
+
}
|
|
309
|
+
else if (isSignal(_items)) {
|
|
310
|
+
if (!injector && (typeof ngDevMode === 'undefined' || ngDevMode)) {
|
|
311
|
+
throw new Error('ListKeyManager constructed with a signal must receive an injector');
|
|
312
|
+
}
|
|
313
|
+
this._effectRef = effect(() => this._itemsChanged(_items()), { injector });
|
|
316
314
|
}
|
|
317
315
|
}
|
|
318
316
|
/**
|
|
@@ -363,10 +361,11 @@ class ListKeyManager {
|
|
|
363
361
|
* @param debounceInterval Time to wait after the last keystroke before setting the active item.
|
|
364
362
|
*/
|
|
365
363
|
withTypeAhead(debounceInterval = 200) {
|
|
366
|
-
if (
|
|
367
|
-
this.
|
|
368
|
-
|
|
369
|
-
|
|
364
|
+
if (typeof ngDevMode === 'undefined' || ngDevMode) {
|
|
365
|
+
const items = this._getItemsArray();
|
|
366
|
+
if (items.length > 0 && items.some(item => typeof item.getLabel !== 'function')) {
|
|
367
|
+
throw Error('ListKeyManager items in typeahead mode must implement the `getLabel` method.');
|
|
368
|
+
}
|
|
370
369
|
}
|
|
371
370
|
this._typeaheadSubscription.unsubscribe();
|
|
372
371
|
// Debounce the presses of non-navigational keys, collect the ones that correspond to letters
|
|
@@ -563,6 +562,7 @@ class ListKeyManager {
|
|
|
563
562
|
destroy() {
|
|
564
563
|
this._typeaheadSubscription.unsubscribe();
|
|
565
564
|
this._itemChangesSubscription?.unsubscribe();
|
|
565
|
+
this._effectRef?.destroy();
|
|
566
566
|
this._letterKeyStream.complete();
|
|
567
567
|
this.tabOut.complete();
|
|
568
568
|
this.change.complete();
|
|
@@ -620,8 +620,20 @@ class ListKeyManager {
|
|
|
620
620
|
}
|
|
621
621
|
/** Returns the items as an array. */
|
|
622
622
|
_getItemsArray() {
|
|
623
|
+
if (isSignal(this._items)) {
|
|
624
|
+
return this._items();
|
|
625
|
+
}
|
|
623
626
|
return this._items instanceof QueryList ? this._items.toArray() : this._items;
|
|
624
627
|
}
|
|
628
|
+
/** Callback for when the items have changed. */
|
|
629
|
+
_itemsChanged(newItems) {
|
|
630
|
+
if (this._activeItem) {
|
|
631
|
+
const newIndex = newItems.indexOf(this._activeItem);
|
|
632
|
+
if (newIndex > -1 && newIndex !== this._activeItemIndex) {
|
|
633
|
+
this._activeItemIndex = newIndex;
|
|
634
|
+
}
|
|
635
|
+
}
|
|
636
|
+
}
|
|
625
637
|
}
|
|
626
638
|
|
|
627
639
|
class ActiveDescendantKeyManager extends ListKeyManager {
|
|
@@ -783,10 +795,10 @@ class InteractivityChecker {
|
|
|
783
795
|
!this.isDisabled(element) &&
|
|
784
796
|
(config?.ignoreVisibility || this.isVisible(element)));
|
|
785
797
|
}
|
|
786
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
787
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
798
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: InteractivityChecker, deps: [{ token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
799
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: InteractivityChecker, providedIn: 'root' }); }
|
|
788
800
|
}
|
|
789
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
801
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: InteractivityChecker, decorators: [{
|
|
790
802
|
type: Injectable,
|
|
791
803
|
args: [{ providedIn: 'root' }]
|
|
792
804
|
}], ctorParameters: () => [{ type: i1.Platform }] });
|
|
@@ -890,9 +902,6 @@ function getWindow(node) {
|
|
|
890
902
|
* This class currently uses a relatively simple approach to focus trapping.
|
|
891
903
|
* It assumes that the tab order is the same as DOM order, which is not necessarily true.
|
|
892
904
|
* Things like `tabIndex > 0`, flex `order`, and shadow roots can cause the two to be misaligned.
|
|
893
|
-
*
|
|
894
|
-
* @deprecated Use `ConfigurableFocusTrap` instead.
|
|
895
|
-
* @breaking-change 11.0.0
|
|
896
905
|
*/
|
|
897
906
|
class FocusTrap {
|
|
898
907
|
/** Whether the focus trap is active. */
|
|
@@ -1158,8 +1167,6 @@ class FocusTrap {
|
|
|
1158
1167
|
}
|
|
1159
1168
|
/**
|
|
1160
1169
|
* Factory that allows easy instantiation of focus traps.
|
|
1161
|
-
* @deprecated Use `ConfigurableFocusTrapFactory` instead.
|
|
1162
|
-
* @breaking-change 11.0.0
|
|
1163
1170
|
*/
|
|
1164
1171
|
class FocusTrapFactory {
|
|
1165
1172
|
constructor(_checker, _ngZone, _document) {
|
|
@@ -1177,10 +1184,10 @@ class FocusTrapFactory {
|
|
|
1177
1184
|
create(element, deferCaptureElements = false) {
|
|
1178
1185
|
return new FocusTrap(element, this._checker, this._ngZone, this._document, deferCaptureElements);
|
|
1179
1186
|
}
|
|
1180
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1181
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusTrapFactory, deps: [{ token: InteractivityChecker }, { token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1188
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusTrapFactory, providedIn: 'root' }); }
|
|
1182
1189
|
}
|
|
1183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusTrapFactory, decorators: [{
|
|
1184
1191
|
type: Injectable,
|
|
1185
1192
|
args: [{ providedIn: 'root' }]
|
|
1186
1193
|
}], ctorParameters: () => [{ type: InteractivityChecker }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
@@ -1246,10 +1253,10 @@ class CdkTrapFocus {
|
|
|
1246
1253
|
this._previouslyFocusedElement = _getFocusedElementPierceShadowDom();
|
|
1247
1254
|
this.focusTrap?.focusInitialElementWhenReady();
|
|
1248
1255
|
}
|
|
1249
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1250
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.
|
|
1256
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkTrapFocus, deps: [{ token: i0.ElementRef }, { token: FocusTrapFactory }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1257
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.1", type: CdkTrapFocus, isStandalone: true, selector: "[cdkTrapFocus]", inputs: { enabled: ["cdkTrapFocus", "enabled", booleanAttribute], autoCapture: ["cdkTrapFocusAutoCapture", "autoCapture", booleanAttribute] }, exportAs: ["cdkTrapFocus"], usesOnChanges: true, ngImport: i0 }); }
|
|
1251
1258
|
}
|
|
1252
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkTrapFocus, decorators: [{
|
|
1253
1260
|
type: Directive,
|
|
1254
1261
|
args: [{
|
|
1255
1262
|
selector: '[cdkTrapFocus]',
|
|
@@ -1403,10 +1410,10 @@ class FocusTrapManager {
|
|
|
1403
1410
|
}
|
|
1404
1411
|
}
|
|
1405
1412
|
}
|
|
1406
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1407
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1413
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusTrapManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1414
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusTrapManager, providedIn: 'root' }); }
|
|
1408
1415
|
}
|
|
1409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusTrapManager, decorators: [{
|
|
1410
1417
|
type: Injectable,
|
|
1411
1418
|
args: [{ providedIn: 'root' }]
|
|
1412
1419
|
}] });
|
|
@@ -1431,10 +1438,10 @@ class ConfigurableFocusTrapFactory {
|
|
|
1431
1438
|
}
|
|
1432
1439
|
return new ConfigurableFocusTrap(element, this._checker, this._ngZone, this._document, this._focusTrapManager, this._inertStrategy, configObject);
|
|
1433
1440
|
}
|
|
1434
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1435
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1441
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: ConfigurableFocusTrapFactory, deps: [{ token: InteractivityChecker }, { token: i0.NgZone }, { token: FocusTrapManager }, { token: DOCUMENT }, { token: FOCUS_TRAP_INERT_STRATEGY, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1442
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: ConfigurableFocusTrapFactory, providedIn: 'root' }); }
|
|
1436
1443
|
}
|
|
1437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: ConfigurableFocusTrapFactory, decorators: [{
|
|
1438
1445
|
type: Injectable,
|
|
1439
1446
|
args: [{ providedIn: 'root' }]
|
|
1440
1447
|
}], ctorParameters: () => [{ type: InteractivityChecker }, { type: i0.NgZone }, { type: FocusTrapManager }, { type: undefined, decorators: [{
|
|
@@ -1613,10 +1620,10 @@ class InputModalityDetector {
|
|
|
1613
1620
|
document.removeEventListener('touchstart', this._onTouchstart, modalityEventListenerOptions);
|
|
1614
1621
|
}
|
|
1615
1622
|
}
|
|
1616
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1617
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1623
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: InputModalityDetector, deps: [{ token: i1.Platform }, { token: i0.NgZone }, { token: DOCUMENT }, { token: INPUT_MODALITY_DETECTOR_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1624
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: InputModalityDetector, providedIn: 'root' }); }
|
|
1618
1625
|
}
|
|
1619
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1626
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: InputModalityDetector, decorators: [{
|
|
1620
1627
|
type: Injectable,
|
|
1621
1628
|
args: [{ providedIn: 'root' }]
|
|
1622
1629
|
}], ctorParameters: () => [{ type: i1.Platform }, { type: i0.NgZone }, { type: Document, decorators: [{
|
|
@@ -1755,10 +1762,10 @@ class LiveAnnouncer {
|
|
|
1755
1762
|
}
|
|
1756
1763
|
}
|
|
1757
1764
|
}
|
|
1758
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1759
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1765
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: LiveAnnouncer, deps: [{ token: LIVE_ANNOUNCER_ELEMENT_TOKEN, optional: true }, { token: i0.NgZone }, { token: DOCUMENT }, { token: LIVE_ANNOUNCER_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1766
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: LiveAnnouncer, providedIn: 'root' }); }
|
|
1760
1767
|
}
|
|
1761
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: LiveAnnouncer, decorators: [{
|
|
1762
1769
|
type: Injectable,
|
|
1763
1770
|
args: [{ providedIn: 'root' }]
|
|
1764
1771
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -1819,10 +1826,10 @@ class CdkAriaLive {
|
|
|
1819
1826
|
this._subscription.unsubscribe();
|
|
1820
1827
|
}
|
|
1821
1828
|
}
|
|
1822
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1823
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1829
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkAriaLive, deps: [{ token: i0.ElementRef }, { token: LiveAnnouncer }, { token: i1$1.ContentObserver }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1830
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.1", type: CdkAriaLive, isStandalone: true, selector: "[cdkAriaLive]", inputs: { politeness: ["cdkAriaLive", "politeness"], duration: ["cdkAriaLiveDuration", "duration"] }, exportAs: ["cdkAriaLive"], ngImport: i0 }); }
|
|
1824
1831
|
}
|
|
1825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkAriaLive, decorators: [{
|
|
1826
1833
|
type: Directive,
|
|
1827
1834
|
args: [{
|
|
1828
1835
|
selector: '[cdkAriaLive]',
|
|
@@ -2223,10 +2230,10 @@ class FocusMonitor {
|
|
|
2223
2230
|
}
|
|
2224
2231
|
return false;
|
|
2225
2232
|
}
|
|
2226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2227
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2233
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusMonitor, deps: [{ token: i0.NgZone }, { token: i1.Platform }, { token: InputModalityDetector }, { token: DOCUMENT, optional: true }, { token: FOCUS_MONITOR_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2234
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusMonitor, providedIn: 'root' }); }
|
|
2228
2235
|
}
|
|
2229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: FocusMonitor, decorators: [{
|
|
2230
2237
|
type: Injectable,
|
|
2231
2238
|
args: [{ providedIn: 'root' }]
|
|
2232
2239
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.Platform }, { type: InputModalityDetector }, { type: undefined, decorators: [{
|
|
@@ -2274,10 +2281,10 @@ class CdkMonitorFocus {
|
|
|
2274
2281
|
this._monitorSubscription.unsubscribe();
|
|
2275
2282
|
}
|
|
2276
2283
|
}
|
|
2277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2278
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkMonitorFocus, deps: [{ token: i0.ElementRef }, { token: FocusMonitor }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2285
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.1", type: CdkMonitorFocus, isStandalone: true, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: { cdkFocusChange: "cdkFocusChange" }, exportAs: ["cdkMonitorFocus"], ngImport: i0 }); }
|
|
2279
2286
|
}
|
|
2280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: CdkMonitorFocus, decorators: [{
|
|
2281
2288
|
type: Directive,
|
|
2282
2289
|
args: [{
|
|
2283
2290
|
selector: '[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]',
|
|
@@ -2380,10 +2387,10 @@ class HighContrastModeDetector {
|
|
|
2380
2387
|
}
|
|
2381
2388
|
}
|
|
2382
2389
|
}
|
|
2383
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2384
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: HighContrastModeDetector, deps: [{ token: i1.Platform }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2391
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: HighContrastModeDetector, providedIn: 'root' }); }
|
|
2385
2392
|
}
|
|
2386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: HighContrastModeDetector, decorators: [{
|
|
2387
2394
|
type: Injectable,
|
|
2388
2395
|
args: [{ providedIn: 'root' }]
|
|
2389
2396
|
}], ctorParameters: () => [{ type: i1.Platform }, { type: undefined, decorators: [{
|
|
@@ -2395,11 +2402,11 @@ class A11yModule {
|
|
|
2395
2402
|
constructor(highContrastModeDetector) {
|
|
2396
2403
|
highContrastModeDetector._applyBodyHighContrastModeCssClasses();
|
|
2397
2404
|
}
|
|
2398
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2399
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
2400
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2405
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: A11yModule, deps: [{ token: HighContrastModeDetector }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2406
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.1", ngImport: i0, type: A11yModule, imports: [ObserversModule, CdkAriaLive, CdkTrapFocus, CdkMonitorFocus], exports: [CdkAriaLive, CdkTrapFocus, CdkMonitorFocus] }); }
|
|
2407
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: A11yModule, imports: [ObserversModule] }); }
|
|
2401
2408
|
}
|
|
2402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
2409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.1", ngImport: i0, type: A11yModule, decorators: [{
|
|
2403
2410
|
type: NgModule,
|
|
2404
2411
|
args: [{
|
|
2405
2412
|
imports: [ObserversModule, CdkAriaLive, CdkTrapFocus, CdkMonitorFocus],
|