@angular/aria 21.1.0-next.2 → 21.1.0-next.4
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/LICENSE +1 -1
- package/fesm2022/_accordion-chunk.mjs +108 -0
- package/fesm2022/_accordion-chunk.mjs.map +1 -0
- package/fesm2022/_combobox-chunk.mjs +2 -2
- package/fesm2022/_combobox-chunk.mjs.map +1 -1
- package/fesm2022/_combobox-listbox-chunk.mjs +4 -286
- package/fesm2022/_combobox-listbox-chunk.mjs.map +1 -1
- package/fesm2022/_combobox-tree-chunk.mjs +498 -0
- package/fesm2022/_combobox-tree-chunk.mjs.map +1 -0
- package/fesm2022/_deferred-content-chunk.mjs +124 -0
- package/fesm2022/_deferred-content-chunk.mjs.map +1 -0
- package/fesm2022/_expansion-chunk.mjs +41 -0
- package/fesm2022/_expansion-chunk.mjs.map +1 -0
- package/fesm2022/_list-chunk.mjs +121 -0
- package/fesm2022/_list-chunk.mjs.map +1 -0
- package/fesm2022/_list-navigation-chunk.mjs +16 -13
- package/fesm2022/_list-navigation-chunk.mjs.map +1 -1
- package/fesm2022/_list-typeahead-chunk.mjs +170 -0
- package/fesm2022/_list-typeahead-chunk.mjs.map +1 -0
- package/fesm2022/_menu-chunk.mjs +515 -0
- package/fesm2022/_menu-chunk.mjs.map +1 -0
- package/fesm2022/_pointer-event-manager-chunk.mjs +2 -82
- package/fesm2022/_pointer-event-manager-chunk.mjs.map +1 -1
- package/fesm2022/_signal-like-chunk.mjs +118 -0
- package/fesm2022/_signal-like-chunk.mjs.map +1 -0
- package/fesm2022/_tabs-chunk.mjs +159 -0
- package/fesm2022/_tabs-chunk.mjs.map +1 -0
- package/fesm2022/_toolbar-widget-group-chunk.mjs +154 -0
- package/fesm2022/_toolbar-widget-group-chunk.mjs.map +1 -0
- package/fesm2022/_widget-chunk.mjs +3 -2
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +10 -5
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs +50 -13
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid.mjs +3 -1
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox.mjs +10 -7
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +12 -7
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +14 -1402
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +14 -6
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +6 -1
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +18 -10
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +2 -2
- package/types/_accordion-chunk.d.ts +100 -0
- package/types/_combobox-chunk.d.ts +187 -91
- package/types/_deferred-content-chunk.d.ts +42 -0
- package/types/_expansion-chunk.d.ts +40 -0
- package/types/_grid-chunk.d.ts +41 -41
- package/types/_keyboard-event-manager-chunk.d.ts +68 -0
- package/types/_list-chunk.d.ts +17 -17
- package/types/_list-navigation-chunk.d.ts +31 -120
- package/types/_listbox-chunk.d.ts +17 -16
- package/types/_menu-chunk.d.ts +267 -0
- package/types/_pointer-event-manager-chunk.d.ts +34 -0
- package/types/_tabs-chunk.d.ts +153 -0
- package/types/_toolbar-chunk.d.ts +124 -0
- package/types/_tree-chunk.d.ts +276 -0
- package/types/accordion.d.ts +13 -5
- package/types/aria.d.ts +1 -1
- package/types/combobox.d.ts +122 -6
- package/types/grid.d.ts +10 -0
- package/types/listbox.d.ts +17 -5
- package/types/menu.d.ts +24 -6
- package/types/private.d.ts +29 -887
- package/types/tabs.d.ts +24 -8
- package/types/toolbar.d.ts +12 -4
- package/types/tree.d.ts +16 -5
- package/fesm2022/_combobox-popup-chunk.mjs +0 -46
- package/fesm2022/_combobox-popup-chunk.mjs.map +0 -1
- package/types/_combobox-chunk.d2.ts +0 -193
|
@@ -1,84 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
(function (Modifier) {
|
|
3
|
-
Modifier[Modifier["None"] = 0] = "None";
|
|
4
|
-
Modifier[Modifier["Ctrl"] = 1] = "Ctrl";
|
|
5
|
-
Modifier[Modifier["Shift"] = 2] = "Shift";
|
|
6
|
-
Modifier[Modifier["Alt"] = 4] = "Alt";
|
|
7
|
-
Modifier[Modifier["Meta"] = 8] = "Meta";
|
|
8
|
-
Modifier["Any"] = "Any";
|
|
9
|
-
})(Modifier || (Modifier = {}));
|
|
10
|
-
class EventManager {
|
|
11
|
-
configs = [];
|
|
12
|
-
handle(event) {
|
|
13
|
-
for (const config of this.configs) {
|
|
14
|
-
if (config.matcher(event)) {
|
|
15
|
-
config.handler(event);
|
|
16
|
-
if (config.preventDefault) {
|
|
17
|
-
event.preventDefault();
|
|
18
|
-
}
|
|
19
|
-
if (config.stopPropagation) {
|
|
20
|
-
event.stopPropagation();
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
function getModifiers(event) {
|
|
27
|
-
return (+event.ctrlKey && Modifier.Ctrl) | (+event.shiftKey && Modifier.Shift) | (+event.altKey && Modifier.Alt) | (+event.metaKey && Modifier.Meta);
|
|
28
|
-
}
|
|
29
|
-
function hasModifiers(event, modifiers) {
|
|
30
|
-
const eventModifiers = getModifiers(event);
|
|
31
|
-
const modifiersList = Array.isArray(modifiers) ? modifiers : [modifiers];
|
|
32
|
-
if (modifiersList.includes(Modifier.Any)) {
|
|
33
|
-
return true;
|
|
34
|
-
}
|
|
35
|
-
return modifiersList.some(modifiers => eventModifiers === modifiers);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
class KeyboardEventManager extends EventManager {
|
|
39
|
-
options = {
|
|
40
|
-
preventDefault: true,
|
|
41
|
-
stopPropagation: true
|
|
42
|
-
};
|
|
43
|
-
on(...args) {
|
|
44
|
-
const {
|
|
45
|
-
modifiers,
|
|
46
|
-
key,
|
|
47
|
-
handler,
|
|
48
|
-
options
|
|
49
|
-
} = this._normalizeInputs(...args);
|
|
50
|
-
this.configs.push({
|
|
51
|
-
handler: handler,
|
|
52
|
-
matcher: event => this._isMatch(event, key, modifiers),
|
|
53
|
-
...this.options,
|
|
54
|
-
...options
|
|
55
|
-
});
|
|
56
|
-
return this;
|
|
57
|
-
}
|
|
58
|
-
_normalizeInputs(...args) {
|
|
59
|
-
const withModifiers = Array.isArray(args[0]) || args[0] in Modifier;
|
|
60
|
-
const modifiers = withModifiers ? args[0] : Modifier.None;
|
|
61
|
-
const key = withModifiers ? args[1] : args[0];
|
|
62
|
-
const handler = withModifiers ? args[2] : args[1];
|
|
63
|
-
const options = withModifiers ? args[3] : args[2];
|
|
64
|
-
return {
|
|
65
|
-
key: key,
|
|
66
|
-
handler: handler,
|
|
67
|
-
modifiers: modifiers,
|
|
68
|
-
options: options ?? {}
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
_isMatch(event, key, modifiers) {
|
|
72
|
-
if (!hasModifiers(event, modifiers)) {
|
|
73
|
-
return false;
|
|
74
|
-
}
|
|
75
|
-
if (key instanceof RegExp) {
|
|
76
|
-
return key.test(event.key);
|
|
77
|
-
}
|
|
78
|
-
const keyStr = typeof key === 'string' ? key : key();
|
|
79
|
-
return keyStr.toLowerCase() === event.key.toLowerCase();
|
|
80
|
-
}
|
|
81
|
-
}
|
|
1
|
+
import { EventManager, Modifier, hasModifiers } from './_signal-like-chunk.mjs';
|
|
82
2
|
|
|
83
3
|
var MouseButton;
|
|
84
4
|
(function (MouseButton) {
|
|
@@ -130,5 +50,5 @@ class PointerEventManager extends EventManager {
|
|
|
130
50
|
}
|
|
131
51
|
}
|
|
132
52
|
|
|
133
|
-
export {
|
|
53
|
+
export { PointerEventManager };
|
|
134
54
|
//# sourceMappingURL=_pointer-event-manager-chunk.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_pointer-event-manager-chunk.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/event-manager/event-manager.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/event-manager/keyboard-event-manager.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/event-manager/pointer-event-manager.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\n/**\n * An event that supports modifier keys.\n *\n * Matches the native KeyboardEvent, MouseEvent, and TouchEvent.\n */\nexport interface EventWithModifiers extends Event {\n ctrlKey: boolean;\n shiftKey: boolean;\n altKey: boolean;\n metaKey: boolean;\n}\n\n/**\n * Options that are applicable to all event handlers.\n *\n * This library has not yet had a need for stopPropagationImmediate.\n */\nexport interface EventHandlerOptions {\n stopPropagation: boolean;\n preventDefault: boolean;\n}\n\n/** A basic event handler. */\nexport type EventHandler<T extends Event> = (event: T) => void;\n\n/** A function that determines whether an event is to be handled. */\nexport type EventMatcher<T extends Event> = (event: T) => boolean;\n\n/** A config that specifies how to handle a particular event. */\nexport interface EventHandlerConfig<T extends Event> extends EventHandlerOptions {\n matcher: EventMatcher<T>;\n handler: EventHandler<T>;\n}\n\n/** Bit flag representation of the possible modifier keys that can be present on an event. */\nexport enum Modifier {\n None = 0,\n Ctrl = 0b1,\n Shift = 0b10,\n Alt = 0b100,\n Meta = 0b1000,\n Any = 'Any',\n}\n\nexport type ModifierInputs = Modifier | Modifier[];\n\n/**\n * Abstract base class for all event managers.\n *\n * Event managers are designed to normalize how event handlers are authored and create a safety net\n * for common event handling gotchas like remembering to call preventDefault or stopPropagation.\n */\nexport abstract class EventManager<T extends Event> {\n protected configs: EventHandlerConfig<T>[] = [];\n abstract options: EventHandlerOptions;\n\n /** Runs the handlers that match with the given event. */\n handle(event: T): void {\n for (const config of this.configs) {\n if (config.matcher(event)) {\n config.handler(event);\n\n if (config.preventDefault) {\n event.preventDefault();\n }\n\n if (config.stopPropagation) {\n event.stopPropagation();\n }\n }\n }\n }\n\n /** Configures the event manager to handle specific events. (See subclasses for more). */\n abstract on(...args: [...unknown[]]): this;\n}\n\n/** Gets bit flag representation of the modifier keys present on the given event. */\nexport function getModifiers(event: EventWithModifiers): number {\n return (\n (+event.ctrlKey && Modifier.Ctrl) |\n (+event.shiftKey && Modifier.Shift) |\n (+event.altKey && Modifier.Alt) |\n (+event.metaKey && Modifier.Meta)\n );\n}\n\n/**\n * Checks if the given event has modifiers that are an exact match for any of the given modifier\n * flag combinations.\n */\nexport function hasModifiers(event: EventWithModifiers, modifiers: ModifierInputs): boolean {\n const eventModifiers = getModifiers(event);\n const modifiersList = Array.isArray(modifiers) ? modifiers : [modifiers];\n\n if (modifiersList.includes(Modifier.Any)) {\n return true;\n }\n\n return modifiersList.some(modifiers => eventModifiers === modifiers);\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 {SignalLike} from '../signal-like/signal-like';\nimport {\n EventHandler,\n EventHandlerOptions,\n EventManager,\n hasModifiers,\n ModifierInputs,\n Modifier,\n} from './event-manager';\n\n/**\n * Used to represent a keycode.\n *\n * This is used to match whether an events keycode should be handled. The ability to match using a\n * string, SignalLike, or Regexp gives us more flexibility when authoring event handlers.\n */\ntype KeyCode = string | SignalLike<string> | RegExp;\n\n/**\n * An event manager that is specialized for handling keyboard events. By default this manager stops\n * propagation and prevents default on all events it handles.\n */\nexport class KeyboardEventManager<T extends KeyboardEvent> extends EventManager<T> {\n options: EventHandlerOptions = {\n preventDefault: true,\n stopPropagation: true,\n };\n\n /** Configures this event manager to handle events with a specific key and no modifiers. */\n on(key: KeyCode, handler: EventHandler<T>, options?: Partial<EventHandlerOptions>): this;\n\n /** Configures this event manager to handle events with a specific modifer and key combination. */\n on(\n modifiers: ModifierInputs,\n key: KeyCode,\n handler: EventHandler<T>,\n options?: Partial<EventHandlerOptions>,\n ): this;\n\n on(...args: any[]) {\n const {modifiers, key, handler, options} = this._normalizeInputs(...args);\n\n this.configs.push({\n handler: handler,\n matcher: event => this._isMatch(event, key, modifiers),\n ...this.options,\n ...options,\n });\n\n return this;\n }\n\n private _normalizeInputs(...args: any[]) {\n const withModifiers = Array.isArray(args[0]) || args[0] in Modifier;\n const modifiers = withModifiers ? args[0] : Modifier.None;\n const key = withModifiers ? args[1] : args[0];\n const handler = withModifiers ? args[2] : args[1];\n const options = withModifiers ? args[3] : args[2];\n\n return {\n key: key as KeyCode,\n handler: handler as EventHandler<T>,\n modifiers: modifiers as ModifierInputs,\n options: (options ?? {}) as Partial<EventHandlerOptions>,\n };\n }\n\n private _isMatch(event: T, key: KeyCode, modifiers: ModifierInputs) {\n if (!hasModifiers(event, modifiers)) {\n return false;\n }\n\n if (key instanceof RegExp) {\n return key.test(event.key);\n }\n\n const keyStr = typeof key === 'string' ? key : key();\n return keyStr.toLowerCase() === event.key.toLowerCase();\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 EventHandler,\n EventHandlerOptions,\n EventManager,\n hasModifiers,\n ModifierInputs,\n Modifier,\n} from './event-manager';\n\n/**\n * The different mouse buttons that may appear on a pointer event.\n */\nexport enum MouseButton {\n Main = 0,\n Auxiliary = 1,\n Secondary = 2,\n}\n\n/** An event manager that is specialized for handling pointer events. */\nexport class PointerEventManager<T extends PointerEvent> extends EventManager<T> {\n options: EventHandlerOptions = {\n preventDefault: false,\n stopPropagation: false,\n };\n\n /**\n * Configures this event manager to handle events with a specific modifer and mouse button\n * combination.\n */\n on(button: MouseButton, modifiers: ModifierInputs, handler: EventHandler<T>): this;\n\n /**\n * Configures this event manager to handle events with a specific mouse button and no modifiers.\n */\n on(modifiers: ModifierInputs, handler: EventHandler<T>): this;\n\n /**\n * Configures this event manager to handle events with the main mouse button and no modifiers.\n *\n * @param handler The handler function\n * @param options Options for whether to stop propagation or prevent default.\n */\n on(handler: EventHandler<T>): this;\n\n on(...args: any[]) {\n const {button, handler, modifiers} = this._normalizeInputs(...args);\n\n this.configs.push({\n handler,\n matcher: event => this._isMatch(event, button, modifiers),\n ...this.options,\n });\n return this;\n }\n\n private _normalizeInputs(...args: any[]) {\n if (args.length === 3) {\n return {\n button: args[0] as MouseButton,\n modifiers: args[1] as ModifierInputs,\n handler: args[2] as EventHandler<T>,\n };\n }\n\n if (args.length === 2) {\n return {\n button: MouseButton.Main,\n modifiers: args[0] as ModifierInputs,\n handler: args[1] as EventHandler<T>,\n };\n }\n\n return {\n button: MouseButton.Main,\n modifiers: Modifier.None,\n handler: args[0] as EventHandler<T>,\n };\n }\n\n _isMatch(event: PointerEvent, button: MouseButton, modifiers: ModifierInputs) {\n return button === (event.button ?? 0) && hasModifiers(event, modifiers);\n }\n}\n"],"names":["Modifier","EventManager","configs","handle","event","config","matcher","handler","preventDefault","stopPropagation","getModifiers","ctrlKey","Ctrl","shiftKey","Shift","altKey","Alt","metaKey","Meta","hasModifiers","modifiers","eventModifiers","modifiersList","Array","isArray","includes","Any","some","KeyboardEventManager","options","on","args","key","_normalizeInputs","push","_isMatch","withModifiers","None","RegExp","test","keyStr","toLowerCase","MouseButton","PointerEventManager","button","length","Main"],"mappings":"IA2CYA;AAAZ,CAAA,UAAYA,QAAQ,EAAA;EAClBA,QAAA,CAAAA,QAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAQ;EACRA,QAAA,CAAAA,QAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAU;EACVA,QAAA,CAAAA,QAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAY;EACZA,QAAA,CAAAA,QAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAW;EACXA,QAAA,CAAAA,QAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAa;AACbA,EAAAA,QAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAPWA,QAAQ,KAARA,QAAQ,GAOnB,EAAA,CAAA,CAAA;MAUqBC,YAAY,CAAA;AACtBC,EAAAA,OAAO,GAA4B,EAAE;EAI/CC,MAAMA,CAACC,KAAQ,EAAA;AACb,IAAA,KAAK,MAAMC,MAAM,IAAI,IAAI,CAACH,OAAO,EAAE;AACjC,MAAA,IAAIG,MAAM,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;AACzBC,QAAAA,MAAM,CAACE,OAAO,CAACH,KAAK,CAAC;QAErB,IAAIC,MAAM,CAACG,cAAc,EAAE;UACzBJ,KAAK,CAACI,cAAc,EAAE;AACxB;QAEA,IAAIH,MAAM,CAACI,eAAe,EAAE;UAC1BL,KAAK,CAACK,eAAe,EAAE;AACzB;AACF;AACF;AACF;AAID;AAGK,SAAUC,YAAYA,CAACN,KAAyB,EAAA;AACpD,EAAA,OACE,CAAC,CAACA,KAAK,CAACO,OAAO,IAAIX,QAAQ,CAACY,IAAI,KAC/B,CAACR,KAAK,CAACS,QAAQ,IAAIb,QAAQ,CAACc,KAAK,CAAC,IAClC,CAACV,KAAK,CAACW,MAAM,IAAIf,QAAQ,CAACgB,GAAG,CAAC,IAC9B,CAACZ,KAAK,CAACa,OAAO,IAAIjB,QAAQ,CAACkB,IAAI,CAAC;AAErC;AAMgB,SAAAC,YAAYA,CAACf,KAAyB,EAAEgB,SAAyB,EAAA;AAC/E,EAAA,MAAMC,cAAc,GAAGX,YAAY,CAACN,KAAK,CAAC;AAC1C,EAAA,MAAMkB,aAAa,GAAGC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC;EAExE,IAAIE,aAAa,CAACG,QAAQ,CAACzB,QAAQ,CAAC0B,GAAG,CAAC,EAAE;AACxC,IAAA,OAAO,IAAI;AACb;EAEA,OAAOJ,aAAa,CAACK,IAAI,CAACP,SAAS,IAAIC,cAAc,KAAKD,SAAS,CAAC;AACtE;;AC9EM,MAAOQ,oBAA8C,SAAQ3B,YAAe,CAAA;AAChF4B,EAAAA,OAAO,GAAwB;AAC7BrB,IAAAA,cAAc,EAAE,IAAI;AACpBC,IAAAA,eAAe,EAAE;GAClB;EAaDqB,EAAEA,CAAC,GAAGC,IAAW,EAAA;IACf,MAAM;MAACX,SAAS;MAAEY,GAAG;MAAEzB,OAAO;AAAEsB,MAAAA;AAAQ,KAAA,GAAG,IAAI,CAACI,gBAAgB,CAAC,GAAGF,IAAI,CAAC;AAEzE,IAAA,IAAI,CAAC7B,OAAO,CAACgC,IAAI,CAAC;AAChB3B,MAAAA,OAAO,EAAEA,OAAO;AAChBD,MAAAA,OAAO,EAAEF,KAAK,IAAI,IAAI,CAAC+B,QAAQ,CAAC/B,KAAK,EAAE4B,GAAG,EAAEZ,SAAS,CAAC;MACtD,GAAG,IAAI,CAACS,OAAO;MACf,GAAGA;AACJ,KAAA,CAAC;AAEF,IAAA,OAAO,IAAI;AACb;EAEQI,gBAAgBA,CAAC,GAAGF,IAAW,EAAA;AACrC,IAAA,MAAMK,aAAa,GAAGb,KAAK,CAACC,OAAO,CAACO,IAAI,CAAC,CAAC,CAAC,CAAC,IAAIA,IAAI,CAAC,CAAC,CAAC,IAAI/B,QAAQ;IACnE,MAAMoB,SAAS,GAAGgB,aAAa,GAAGL,IAAI,CAAC,CAAC,CAAC,GAAG/B,QAAQ,CAACqC,IAAI;AACzD,IAAA,MAAML,GAAG,GAAGI,aAAa,GAAGL,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC;AAC7C,IAAA,MAAMxB,OAAO,GAAG6B,aAAa,GAAGL,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC;AACjD,IAAA,MAAMF,OAAO,GAAGO,aAAa,GAAGL,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC;IAEjD,OAAO;AACLC,MAAAA,GAAG,EAAEA,GAAc;AACnBzB,MAAAA,OAAO,EAAEA,OAA0B;AACnCa,MAAAA,SAAS,EAAEA,SAA2B;MACtCS,OAAO,EAAGA,OAAO,IAAI;KACtB;AACH;AAEQM,EAAAA,QAAQA,CAAC/B,KAAQ,EAAE4B,GAAY,EAAEZ,SAAyB,EAAA;AAChE,IAAA,IAAI,CAACD,YAAY,CAACf,KAAK,EAAEgB,SAAS,CAAC,EAAE;AACnC,MAAA,OAAO,KAAK;AACd;IAEA,IAAIY,GAAG,YAAYM,MAAM,EAAE;AACzB,MAAA,OAAON,GAAG,CAACO,IAAI,CAACnC,KAAK,CAAC4B,GAAG,CAAC;AAC5B;IAEA,MAAMQ,MAAM,GAAG,OAAOR,GAAG,KAAK,QAAQ,GAAGA,GAAG,GAAGA,GAAG,EAAE;AACpD,IAAA,OAAOQ,MAAM,CAACC,WAAW,EAAE,KAAKrC,KAAK,CAAC4B,GAAG,CAACS,WAAW,EAAE;AACzD;AACD;;ACnED,IAAYC,WAIX;AAJD,CAAA,UAAYA,WAAW,EAAA;EACrBA,WAAA,CAAAA,WAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAQ;EACRA,WAAA,CAAAA,WAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAa;EACbA,WAAA,CAAAA,WAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAa;AACf,CAAC,EAJWA,WAAW,KAAXA,WAAW,GAItB,EAAA,CAAA,CAAA;AAGK,MAAOC,mBAA4C,SAAQ1C,YAAe,CAAA;AAC9E4B,EAAAA,OAAO,GAAwB;AAC7BrB,IAAAA,cAAc,EAAE,KAAK;AACrBC,IAAAA,eAAe,EAAE;GAClB;EAqBDqB,EAAEA,CAAC,GAAGC,IAAW,EAAA;IACf,MAAM;MAACa,MAAM;MAAErC,OAAO;AAAEa,MAAAA;AAAS,KAAC,GAAG,IAAI,CAACa,gBAAgB,CAAC,GAAGF,IAAI,CAAC;AAEnE,IAAA,IAAI,CAAC7B,OAAO,CAACgC,IAAI,CAAC;MAChB3B,OAAO;AACPD,MAAAA,OAAO,EAAEF,KAAK,IAAI,IAAI,CAAC+B,QAAQ,CAAC/B,KAAK,EAAEwC,MAAM,EAAExB,SAAS,CAAC;AACzD,MAAA,GAAG,IAAI,CAACS;AACT,KAAA,CAAC;AACF,IAAA,OAAO,IAAI;AACb;EAEQI,gBAAgBA,CAAC,GAAGF,IAAW,EAAA;AACrC,IAAA,IAAIA,IAAI,CAACc,MAAM,KAAK,CAAC,EAAE;MACrB,OAAO;AACLD,QAAAA,MAAM,EAAEb,IAAI,CAAC,CAAC,CAAgB;AAC9BX,QAAAA,SAAS,EAAEW,IAAI,CAAC,CAAC,CAAmB;QACpCxB,OAAO,EAAEwB,IAAI,CAAC,CAAC;OAChB;AACH;AAEA,IAAA,IAAIA,IAAI,CAACc,MAAM,KAAK,CAAC,EAAE;MACrB,OAAO;QACLD,MAAM,EAAEF,WAAW,CAACI,IAAI;AACxB1B,QAAAA,SAAS,EAAEW,IAAI,CAAC,CAAC,CAAmB;QACpCxB,OAAO,EAAEwB,IAAI,CAAC,CAAC;OAChB;AACH;IAEA,OAAO;MACLa,MAAM,EAAEF,WAAW,CAACI,IAAI;MACxB1B,SAAS,EAAEpB,QAAQ,CAACqC,IAAI;MACxB9B,OAAO,EAAEwB,IAAI,CAAC,CAAC;KAChB;AACH;AAEAI,EAAAA,QAAQA,CAAC/B,KAAmB,EAAEwC,MAAmB,EAAExB,SAAyB,EAAA;AAC1E,IAAA,OAAOwB,MAAM,MAAMxC,KAAK,CAACwC,MAAM,IAAI,CAAC,CAAC,IAAIzB,YAAY,CAACf,KAAK,EAAEgB,SAAS,CAAC;AACzE;AACD;;;;"}
|
|
1
|
+
{"version":3,"file":"_pointer-event-manager-chunk.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/event-manager/pointer-event-manager.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 EventHandler,\n EventHandlerOptions,\n EventManager,\n hasModifiers,\n ModifierInputs,\n Modifier,\n} from './event-manager';\n\n/**\n * The different mouse buttons that may appear on a pointer event.\n */\nexport enum MouseButton {\n Main = 0,\n Auxiliary = 1,\n Secondary = 2,\n}\n\n/** An event manager that is specialized for handling pointer events. */\nexport class PointerEventManager<T extends PointerEvent> extends EventManager<T> {\n options: EventHandlerOptions = {\n preventDefault: false,\n stopPropagation: false,\n };\n\n /**\n * Configures this event manager to handle events with a specific modifer and mouse button\n * combination.\n */\n on(button: MouseButton, modifiers: ModifierInputs, handler: EventHandler<T>): this;\n\n /**\n * Configures this event manager to handle events with a specific mouse button and no modifiers.\n */\n on(modifiers: ModifierInputs, handler: EventHandler<T>): this;\n\n /**\n * Configures this event manager to handle events with the main mouse button and no modifiers.\n *\n * @param handler The handler function\n * @param options Options for whether to stop propagation or prevent default.\n */\n on(handler: EventHandler<T>): this;\n\n on(...args: any[]) {\n const {button, handler, modifiers} = this._normalizeInputs(...args);\n\n this.configs.push({\n handler,\n matcher: event => this._isMatch(event, button, modifiers),\n ...this.options,\n });\n return this;\n }\n\n private _normalizeInputs(...args: any[]) {\n if (args.length === 3) {\n return {\n button: args[0] as MouseButton,\n modifiers: args[1] as ModifierInputs,\n handler: args[2] as EventHandler<T>,\n };\n }\n\n if (args.length === 2) {\n return {\n button: MouseButton.Main,\n modifiers: args[0] as ModifierInputs,\n handler: args[1] as EventHandler<T>,\n };\n }\n\n return {\n button: MouseButton.Main,\n modifiers: Modifier.None,\n handler: args[0] as EventHandler<T>,\n };\n }\n\n _isMatch(event: PointerEvent, button: MouseButton, modifiers: ModifierInputs) {\n return button === (event.button ?? 0) && hasModifiers(event, modifiers);\n }\n}\n"],"names":["MouseButton","PointerEventManager","EventManager","options","preventDefault","stopPropagation","on","args","button","handler","modifiers","_normalizeInputs","configs","push","matcher","event","_isMatch","length","Main","Modifier","None","hasModifiers"],"mappings":";;AAoBA,IAAYA,WAIX;AAJD,CAAA,UAAYA,WAAW,EAAA;EACrBA,WAAA,CAAAA,WAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAQ;EACRA,WAAA,CAAAA,WAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAa;EACbA,WAAA,CAAAA,WAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAa;AACf,CAAC,EAJWA,WAAW,KAAXA,WAAW,GAItB,EAAA,CAAA,CAAA;AAGK,MAAOC,mBAA4C,SAAQC,YAAe,CAAA;AAC9EC,EAAAA,OAAO,GAAwB;AAC7BC,IAAAA,cAAc,EAAE,KAAK;AACrBC,IAAAA,eAAe,EAAE;GAClB;EAqBDC,EAAEA,CAAC,GAAGC,IAAW,EAAA;IACf,MAAM;MAACC,MAAM;MAAEC,OAAO;AAAEC,MAAAA;AAAS,KAAC,GAAG,IAAI,CAACC,gBAAgB,CAAC,GAAGJ,IAAI,CAAC;AAEnE,IAAA,IAAI,CAACK,OAAO,CAACC,IAAI,CAAC;MAChBJ,OAAO;AACPK,MAAAA,OAAO,EAAEC,KAAK,IAAI,IAAI,CAACC,QAAQ,CAACD,KAAK,EAAEP,MAAM,EAAEE,SAAS,CAAC;AACzD,MAAA,GAAG,IAAI,CAACP;AACT,KAAA,CAAC;AACF,IAAA,OAAO,IAAI;AACb;EAEQQ,gBAAgBA,CAAC,GAAGJ,IAAW,EAAA;AACrC,IAAA,IAAIA,IAAI,CAACU,MAAM,KAAK,CAAC,EAAE;MACrB,OAAO;AACLT,QAAAA,MAAM,EAAED,IAAI,CAAC,CAAC,CAAgB;AAC9BG,QAAAA,SAAS,EAAEH,IAAI,CAAC,CAAC,CAAmB;QACpCE,OAAO,EAAEF,IAAI,CAAC,CAAC;OAChB;AACH;AAEA,IAAA,IAAIA,IAAI,CAACU,MAAM,KAAK,CAAC,EAAE;MACrB,OAAO;QACLT,MAAM,EAAER,WAAW,CAACkB,IAAI;AACxBR,QAAAA,SAAS,EAAEH,IAAI,CAAC,CAAC,CAAmB;QACpCE,OAAO,EAAEF,IAAI,CAAC,CAAC;OAChB;AACH;IAEA,OAAO;MACLC,MAAM,EAAER,WAAW,CAACkB,IAAI;MACxBR,SAAS,EAAES,QAAQ,CAACC,IAAI;MACxBX,OAAO,EAAEF,IAAI,CAAC,CAAC;KAChB;AACH;AAEAS,EAAAA,QAAQA,CAACD,KAAmB,EAAEP,MAAmB,EAAEE,SAAyB,EAAA;AAC1E,IAAA,OAAOF,MAAM,MAAMO,KAAK,CAACP,MAAM,IAAI,CAAC,CAAC,IAAIa,YAAY,CAACN,KAAK,EAAEL,SAAS,CAAC;AACzE;AACD;;;;"}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { createComputed, SIGNAL, createSignal, createLinkedSignal, linkedSignalSetFn, linkedSignalUpdateFn } from '@angular/core/primitives/signals';
|
|
2
|
+
|
|
3
|
+
var Modifier;
|
|
4
|
+
(function (Modifier) {
|
|
5
|
+
Modifier[Modifier["None"] = 0] = "None";
|
|
6
|
+
Modifier[Modifier["Ctrl"] = 1] = "Ctrl";
|
|
7
|
+
Modifier[Modifier["Shift"] = 2] = "Shift";
|
|
8
|
+
Modifier[Modifier["Alt"] = 4] = "Alt";
|
|
9
|
+
Modifier[Modifier["Meta"] = 8] = "Meta";
|
|
10
|
+
Modifier["Any"] = "Any";
|
|
11
|
+
})(Modifier || (Modifier = {}));
|
|
12
|
+
class EventManager {
|
|
13
|
+
configs = [];
|
|
14
|
+
handle(event) {
|
|
15
|
+
for (const config of this.configs) {
|
|
16
|
+
if (config.matcher(event)) {
|
|
17
|
+
config.handler(event);
|
|
18
|
+
if (config.preventDefault) {
|
|
19
|
+
event.preventDefault();
|
|
20
|
+
}
|
|
21
|
+
if (config.stopPropagation) {
|
|
22
|
+
event.stopPropagation();
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
function getModifiers(event) {
|
|
29
|
+
return (+event.ctrlKey && Modifier.Ctrl) | (+event.shiftKey && Modifier.Shift) | (+event.altKey && Modifier.Alt) | (+event.metaKey && Modifier.Meta);
|
|
30
|
+
}
|
|
31
|
+
function hasModifiers(event, modifiers) {
|
|
32
|
+
const eventModifiers = getModifiers(event);
|
|
33
|
+
const modifiersList = Array.isArray(modifiers) ? modifiers : [modifiers];
|
|
34
|
+
if (modifiersList.includes(Modifier.Any)) {
|
|
35
|
+
return true;
|
|
36
|
+
}
|
|
37
|
+
return modifiersList.some(modifiers => eventModifiers === modifiers);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
class KeyboardEventManager extends EventManager {
|
|
41
|
+
options = {
|
|
42
|
+
preventDefault: true,
|
|
43
|
+
stopPropagation: true
|
|
44
|
+
};
|
|
45
|
+
on(...args) {
|
|
46
|
+
const {
|
|
47
|
+
modifiers,
|
|
48
|
+
key,
|
|
49
|
+
handler,
|
|
50
|
+
options
|
|
51
|
+
} = this._normalizeInputs(...args);
|
|
52
|
+
this.configs.push({
|
|
53
|
+
handler: handler,
|
|
54
|
+
matcher: event => this._isMatch(event, key, modifiers),
|
|
55
|
+
...this.options,
|
|
56
|
+
...options
|
|
57
|
+
});
|
|
58
|
+
return this;
|
|
59
|
+
}
|
|
60
|
+
_normalizeInputs(...args) {
|
|
61
|
+
const withModifiers = Array.isArray(args[0]) || args[0] in Modifier;
|
|
62
|
+
const modifiers = withModifiers ? args[0] : Modifier.None;
|
|
63
|
+
const key = withModifiers ? args[1] : args[0];
|
|
64
|
+
const handler = withModifiers ? args[2] : args[1];
|
|
65
|
+
const options = withModifiers ? args[3] : args[2];
|
|
66
|
+
return {
|
|
67
|
+
key: key,
|
|
68
|
+
handler: handler,
|
|
69
|
+
modifiers: modifiers,
|
|
70
|
+
options: options ?? {}
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
_isMatch(event, key, modifiers) {
|
|
74
|
+
if (!hasModifiers(event, modifiers)) {
|
|
75
|
+
return false;
|
|
76
|
+
}
|
|
77
|
+
if (key instanceof RegExp) {
|
|
78
|
+
return key.test(event.key);
|
|
79
|
+
}
|
|
80
|
+
const keyStr = typeof key === 'string' ? key : key();
|
|
81
|
+
return keyStr.toLowerCase() === event.key.toLowerCase();
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
function convertGetterSetterToWritableSignalLike(getter, setter) {
|
|
86
|
+
return Object.assign(getter, {
|
|
87
|
+
set: setter,
|
|
88
|
+
update: updateCallback => setter(updateCallback(getter())),
|
|
89
|
+
asReadonly: () => getter
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
function computed(computation) {
|
|
93
|
+
const computed = createComputed(computation);
|
|
94
|
+
computed.toString = () => `[Computed: ${computed()}]`;
|
|
95
|
+
computed[SIGNAL].debugName = '';
|
|
96
|
+
return computed;
|
|
97
|
+
}
|
|
98
|
+
function signal(initialValue) {
|
|
99
|
+
const [get, set, update] = createSignal(initialValue);
|
|
100
|
+
get[SIGNAL].debugName = '';
|
|
101
|
+
return Object.assign(get, {
|
|
102
|
+
set,
|
|
103
|
+
update,
|
|
104
|
+
asReadonly: () => get
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
function linkedSignal(sourceFn) {
|
|
108
|
+
const getter = createLinkedSignal(sourceFn, s => s);
|
|
109
|
+
getter[SIGNAL].debugName = '';
|
|
110
|
+
return Object.assign(getter, {
|
|
111
|
+
set: v => linkedSignalSetFn(getter[SIGNAL], v),
|
|
112
|
+
update: updater => linkedSignalUpdateFn(getter[SIGNAL], updater),
|
|
113
|
+
asReadonly: () => getter
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
export { EventManager, KeyboardEventManager, Modifier, computed, convertGetterSetterToWritableSignalLike, hasModifiers, linkedSignal, signal };
|
|
118
|
+
//# sourceMappingURL=_signal-like-chunk.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_signal-like-chunk.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/event-manager/event-manager.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/event-manager/keyboard-event-manager.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/signal-like/signal-like.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\n/**\n * An event that supports modifier keys.\n *\n * Matches the native KeyboardEvent, MouseEvent, and TouchEvent.\n */\nexport interface EventWithModifiers extends Event {\n ctrlKey: boolean;\n shiftKey: boolean;\n altKey: boolean;\n metaKey: boolean;\n}\n\n/**\n * Options that are applicable to all event handlers.\n *\n * This library has not yet had a need for stopPropagationImmediate.\n */\nexport interface EventHandlerOptions {\n stopPropagation: boolean;\n preventDefault: boolean;\n}\n\n/** A basic event handler. */\nexport type EventHandler<T extends Event> = (event: T) => void;\n\n/** A function that determines whether an event is to be handled. */\nexport type EventMatcher<T extends Event> = (event: T) => boolean;\n\n/** A config that specifies how to handle a particular event. */\nexport interface EventHandlerConfig<T extends Event> extends EventHandlerOptions {\n matcher: EventMatcher<T>;\n handler: EventHandler<T>;\n}\n\n/** Bit flag representation of the possible modifier keys that can be present on an event. */\nexport enum Modifier {\n None = 0,\n Ctrl = 0b1,\n Shift = 0b10,\n Alt = 0b100,\n Meta = 0b1000,\n Any = 'Any',\n}\n\nexport type ModifierInputs = Modifier | Modifier[];\n\n/**\n * Abstract base class for all event managers.\n *\n * Event managers are designed to normalize how event handlers are authored and create a safety net\n * for common event handling gotchas like remembering to call preventDefault or stopPropagation.\n */\nexport abstract class EventManager<T extends Event> {\n protected configs: EventHandlerConfig<T>[] = [];\n abstract options: EventHandlerOptions;\n\n /** Runs the handlers that match with the given event. */\n handle(event: T): void {\n for (const config of this.configs) {\n if (config.matcher(event)) {\n config.handler(event);\n\n if (config.preventDefault) {\n event.preventDefault();\n }\n\n if (config.stopPropagation) {\n event.stopPropagation();\n }\n }\n }\n }\n\n /** Configures the event manager to handle specific events. (See subclasses for more). */\n abstract on(...args: [...unknown[]]): this;\n}\n\n/** Gets bit flag representation of the modifier keys present on the given event. */\nexport function getModifiers(event: EventWithModifiers): number {\n return (\n (+event.ctrlKey && Modifier.Ctrl) |\n (+event.shiftKey && Modifier.Shift) |\n (+event.altKey && Modifier.Alt) |\n (+event.metaKey && Modifier.Meta)\n );\n}\n\n/**\n * Checks if the given event has modifiers that are an exact match for any of the given modifier\n * flag combinations.\n */\nexport function hasModifiers(event: EventWithModifiers, modifiers: ModifierInputs): boolean {\n const eventModifiers = getModifiers(event);\n const modifiersList = Array.isArray(modifiers) ? modifiers : [modifiers];\n\n if (modifiersList.includes(Modifier.Any)) {\n return true;\n }\n\n return modifiersList.some(modifiers => eventModifiers === modifiers);\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 {SignalLike} from '../signal-like/signal-like';\nimport {\n EventHandler,\n EventHandlerOptions,\n EventManager,\n hasModifiers,\n ModifierInputs,\n Modifier,\n} from './event-manager';\n\n/**\n * Used to represent a keycode.\n *\n * This is used to match whether an events keycode should be handled. The ability to match using a\n * string, SignalLike, or Regexp gives us more flexibility when authoring event handlers.\n */\ntype KeyCode = string | SignalLike<string> | RegExp;\n\n/**\n * An event manager that is specialized for handling keyboard events. By default this manager stops\n * propagation and prevents default on all events it handles.\n */\nexport class KeyboardEventManager<T extends KeyboardEvent> extends EventManager<T> {\n options: EventHandlerOptions = {\n preventDefault: true,\n stopPropagation: true,\n };\n\n /** Configures this event manager to handle events with a specific key and no modifiers. */\n on(key: KeyCode, handler: EventHandler<T>, options?: Partial<EventHandlerOptions>): this;\n\n /** Configures this event manager to handle events with a specific modifer and key combination. */\n on(\n modifiers: ModifierInputs,\n key: KeyCode,\n handler: EventHandler<T>,\n options?: Partial<EventHandlerOptions>,\n ): this;\n\n on(...args: any[]) {\n const {modifiers, key, handler, options} = this._normalizeInputs(...args);\n\n this.configs.push({\n handler: handler,\n matcher: event => this._isMatch(event, key, modifiers),\n ...this.options,\n ...options,\n });\n\n return this;\n }\n\n private _normalizeInputs(...args: any[]) {\n const withModifiers = Array.isArray(args[0]) || args[0] in Modifier;\n const modifiers = withModifiers ? args[0] : Modifier.None;\n const key = withModifiers ? args[1] : args[0];\n const handler = withModifiers ? args[2] : args[1];\n const options = withModifiers ? args[3] : args[2];\n\n return {\n key: key as KeyCode,\n handler: handler as EventHandler<T>,\n modifiers: modifiers as ModifierInputs,\n options: (options ?? {}) as Partial<EventHandlerOptions>,\n };\n }\n\n private _isMatch(event: T, key: KeyCode, modifiers: ModifierInputs) {\n if (!hasModifiers(event, modifiers)) {\n return false;\n }\n\n if (key instanceof RegExp) {\n return key.test(event.key);\n }\n\n const keyStr = typeof key === 'string' ? key : key();\n return keyStr.toLowerCase() === event.key.toLowerCase();\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 createComputed,\n createLinkedSignal,\n createSignal,\n linkedSignalSetFn,\n linkedSignalUpdateFn,\n SIGNAL,\n untracked as primitiveUntracked,\n} from '@angular/core/primitives/signals';\n\nexport {primitiveUntracked as untracked};\n\nexport type SignalLike<T> = () => T;\n\nexport interface WritableSignalLike<T> extends SignalLike<T> {\n set(value: T): void;\n update(updateFn: (value: T) => T): void;\n asReadonly(): SignalLike<T>;\n}\n\n/** Converts a getter setter style signal to a WritableSignalLike. */\nexport function convertGetterSetterToWritableSignalLike<T>(\n getter: () => T,\n setter: (v: T) => void,\n): WritableSignalLike<T> {\n // tslint:disable-next-line:ban Have to use `Object.assign` to preserve the getter function.\n return Object.assign(getter, {\n set: setter,\n update: (updateCallback: (v: T) => T) => setter(updateCallback(getter())),\n asReadonly: () => getter,\n });\n}\n\nexport function computed<T>(computation: () => T): SignalLike<T> {\n const computed = createComputed(computation);\n // TODO: Remove the `toString` after https://github.com/angular/angular/pull/65948 is merged.\n computed.toString = () => `[Computed: ${computed()}]`;\n computed[SIGNAL].debugName = '';\n return computed;\n}\n\nexport function signal<T>(initialValue: T): WritableSignalLike<T> {\n const [get, set, update] = createSignal(initialValue);\n get[SIGNAL].debugName = '';\n // tslint:disable-next-line:ban Have to use `Object.assign` to preserve the getter function.\n return Object.assign(get, {set, update, asReadonly: () => get});\n}\n\nexport function linkedSignal<T>(sourceFn: () => T): WritableSignalLike<T> {\n const getter = createLinkedSignal(sourceFn, s => s);\n getter[SIGNAL].debugName = '';\n // tslint:disable-next-line:ban Have to use `Object.assign` to preserve the getter function.\n return Object.assign(getter, {\n set: (v: T) => linkedSignalSetFn(getter[SIGNAL], v),\n update: (updater: (v: T) => T) => linkedSignalUpdateFn(getter[SIGNAL], updater),\n asReadonly: () => getter,\n });\n}\n"],"names":["Modifier","EventManager","configs","handle","event","config","matcher","handler","preventDefault","stopPropagation","getModifiers","ctrlKey","Ctrl","shiftKey","Shift","altKey","Alt","metaKey","Meta","hasModifiers","modifiers","eventModifiers","modifiersList","Array","isArray","includes","Any","some","KeyboardEventManager","options","on","args","key","_normalizeInputs","push","_isMatch","withModifiers","None","RegExp","test","keyStr","toLowerCase","convertGetterSetterToWritableSignalLike","getter","setter","Object","assign","set","update","updateCallback","asReadonly","computed","computation","createComputed","toString","SIGNAL","debugName","signal","initialValue","get","createSignal","linkedSignal","sourceFn","createLinkedSignal","s","v","linkedSignalSetFn","updater","linkedSignalUpdateFn"],"mappings":"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"}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
import { ListExpansion } from './_expansion-chunk.mjs';
|
|
2
|
+
import { computed, signal, KeyboardEventManager } from './_signal-like-chunk.mjs';
|
|
3
|
+
import { ListFocus, ListNavigation } from './_list-navigation-chunk.mjs';
|
|
4
|
+
import { PointerEventManager } from './_pointer-event-manager-chunk.mjs';
|
|
5
|
+
|
|
6
|
+
class LabelControl {
|
|
7
|
+
inputs;
|
|
8
|
+
label = computed(() => this.inputs.label?.());
|
|
9
|
+
labelledBy = computed(() => {
|
|
10
|
+
const label = this.label();
|
|
11
|
+
const labelledBy = this.inputs.labelledBy?.();
|
|
12
|
+
const defaultLabelledBy = this.inputs.defaultLabelledBy();
|
|
13
|
+
if (labelledBy && labelledBy.length > 0) {
|
|
14
|
+
return labelledBy;
|
|
15
|
+
}
|
|
16
|
+
if (label) {
|
|
17
|
+
return [];
|
|
18
|
+
}
|
|
19
|
+
return defaultLabelledBy;
|
|
20
|
+
});
|
|
21
|
+
constructor(inputs) {
|
|
22
|
+
this.inputs = inputs;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
class TabPattern {
|
|
27
|
+
inputs;
|
|
28
|
+
id = () => this.inputs.id();
|
|
29
|
+
index = computed(() => this.inputs.tablist().inputs.items().indexOf(this));
|
|
30
|
+
value = () => this.inputs.value();
|
|
31
|
+
disabled = () => this.inputs.disabled();
|
|
32
|
+
element = () => this.inputs.element();
|
|
33
|
+
expandable = () => true;
|
|
34
|
+
expanded;
|
|
35
|
+
active = computed(() => this.inputs.tablist().inputs.activeItem() === this);
|
|
36
|
+
selected = computed(() => this.inputs.tablist().selectedTab() === this);
|
|
37
|
+
tabIndex = computed(() => this.inputs.tablist().focusBehavior.getItemTabIndex(this));
|
|
38
|
+
controls = computed(() => this.inputs.tabpanel()?.id());
|
|
39
|
+
constructor(inputs) {
|
|
40
|
+
this.inputs = inputs;
|
|
41
|
+
this.expanded = inputs.expanded;
|
|
42
|
+
}
|
|
43
|
+
open() {
|
|
44
|
+
return this.inputs.tablist().open(this);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
class TabPanelPattern {
|
|
48
|
+
inputs;
|
|
49
|
+
id = () => this.inputs.id();
|
|
50
|
+
value = () => this.inputs.value();
|
|
51
|
+
labelManager;
|
|
52
|
+
hidden = computed(() => this.inputs.tab()?.expanded() === false);
|
|
53
|
+
tabIndex = computed(() => this.hidden() ? -1 : 0);
|
|
54
|
+
labelledBy = computed(() => this.labelManager.labelledBy().length > 0 ? this.labelManager.labelledBy().join(' ') : undefined);
|
|
55
|
+
constructor(inputs) {
|
|
56
|
+
this.inputs = inputs;
|
|
57
|
+
this.labelManager = new LabelControl({
|
|
58
|
+
...inputs,
|
|
59
|
+
defaultLabelledBy: computed(() => this.inputs.tab() ? [this.inputs.tab().id()] : [])
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
class TabListPattern {
|
|
64
|
+
inputs;
|
|
65
|
+
focusBehavior;
|
|
66
|
+
navigationBehavior;
|
|
67
|
+
expansionBehavior;
|
|
68
|
+
activeTab = () => this.inputs.activeItem();
|
|
69
|
+
selectedTab = signal(undefined);
|
|
70
|
+
orientation = () => this.inputs.orientation();
|
|
71
|
+
disabled = () => this.inputs.disabled();
|
|
72
|
+
tabIndex = computed(() => this.focusBehavior.getListTabIndex());
|
|
73
|
+
activeDescendant = computed(() => this.focusBehavior.getActiveDescendant());
|
|
74
|
+
followFocus = computed(() => this.inputs.selectionMode() === 'follow');
|
|
75
|
+
prevKey = computed(() => {
|
|
76
|
+
if (this.inputs.orientation() === 'vertical') {
|
|
77
|
+
return 'ArrowUp';
|
|
78
|
+
}
|
|
79
|
+
return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
|
|
80
|
+
});
|
|
81
|
+
nextKey = computed(() => {
|
|
82
|
+
if (this.inputs.orientation() === 'vertical') {
|
|
83
|
+
return 'ArrowDown';
|
|
84
|
+
}
|
|
85
|
+
return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
|
|
86
|
+
});
|
|
87
|
+
keydown = computed(() => {
|
|
88
|
+
return new KeyboardEventManager().on(this.prevKey, () => this._navigate(() => this.navigationBehavior.prev(), this.followFocus())).on(this.nextKey, () => this._navigate(() => this.navigationBehavior.next(), this.followFocus())).on('Home', () => this._navigate(() => this.navigationBehavior.first(), this.followFocus())).on('End', () => this._navigate(() => this.navigationBehavior.last(), this.followFocus())).on(' ', () => this.open()).on('Enter', () => this.open());
|
|
89
|
+
});
|
|
90
|
+
pointerdown = computed(() => {
|
|
91
|
+
return new PointerEventManager().on(e => this._navigate(() => this.navigationBehavior.goto(this._getItem(e)), true));
|
|
92
|
+
});
|
|
93
|
+
constructor(inputs) {
|
|
94
|
+
this.inputs = inputs;
|
|
95
|
+
this.focusBehavior = new ListFocus(inputs);
|
|
96
|
+
this.navigationBehavior = new ListNavigation({
|
|
97
|
+
...inputs,
|
|
98
|
+
focusManager: this.focusBehavior
|
|
99
|
+
});
|
|
100
|
+
this.expansionBehavior = new ListExpansion({
|
|
101
|
+
...inputs,
|
|
102
|
+
multiExpandable: () => false
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
setDefaultState() {
|
|
106
|
+
let firstItem;
|
|
107
|
+
for (const item of this.inputs.items()) {
|
|
108
|
+
if (!this.focusBehavior.isFocusable(item)) continue;
|
|
109
|
+
if (firstItem === undefined) {
|
|
110
|
+
firstItem = item;
|
|
111
|
+
}
|
|
112
|
+
if (item.selected()) {
|
|
113
|
+
this.inputs.activeItem.set(item);
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
if (firstItem !== undefined) {
|
|
118
|
+
this.inputs.activeItem.set(firstItem);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
onKeydown(event) {
|
|
122
|
+
if (!this.disabled()) {
|
|
123
|
+
this.keydown().handle(event);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
onPointerdown(event) {
|
|
127
|
+
if (!this.disabled()) {
|
|
128
|
+
this.pointerdown().handle(event);
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
open(tab) {
|
|
132
|
+
tab ??= this.activeTab();
|
|
133
|
+
if (typeof tab === 'string') {
|
|
134
|
+
tab = this.inputs.items().find(t => t.value() === tab);
|
|
135
|
+
}
|
|
136
|
+
if (tab === undefined) return false;
|
|
137
|
+
const success = this.expansionBehavior.open(tab);
|
|
138
|
+
if (success) {
|
|
139
|
+
this.selectedTab.set(tab);
|
|
140
|
+
}
|
|
141
|
+
return success;
|
|
142
|
+
}
|
|
143
|
+
_navigate(op, shouldExpand = false) {
|
|
144
|
+
const success = op();
|
|
145
|
+
if (success && shouldExpand) {
|
|
146
|
+
this.open();
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
_getItem(e) {
|
|
150
|
+
if (!(e.target instanceof HTMLElement)) {
|
|
151
|
+
return;
|
|
152
|
+
}
|
|
153
|
+
const element = e.target.closest('[role="tab"]');
|
|
154
|
+
return this.inputs.items().find(i => i.element() === element);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
export { TabListPattern, TabPanelPattern, TabPattern };
|
|
159
|
+
//# sourceMappingURL=_tabs-chunk.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_tabs-chunk.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/behaviors/label/label.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/private/tabs/tabs.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\nimport {computed, SignalLike} from '../signal-like/signal-like';\n\n/** Represents the required inputs for the label control. */\nexport interface LabelControlInputs {\n /** The default `aria-labelledby` ids. */\n defaultLabelledBy: SignalLike<string[]>;\n}\n\n/** Represents the optional inputs for the label control. */\nexport interface LabelControlOptionalInputs {\n /** The `aria-label`. */\n label?: SignalLike<string | undefined>;\n\n /** The user-provided `aria-labelledby` ids. */\n labelledBy?: SignalLike<string[]>;\n}\n\n/** Controls label and description of an element. */\nexport class LabelControl {\n /** The `aria-label`. */\n readonly label = computed(() => this.inputs.label?.());\n\n /** The `aria-labelledby` ids. */\n readonly labelledBy = computed(() => {\n const label = this.label();\n const labelledBy = this.inputs.labelledBy?.();\n const defaultLabelledBy = this.inputs.defaultLabelledBy();\n\n if (labelledBy && labelledBy.length > 0) {\n return labelledBy;\n }\n\n // If an aria-label is provided by developers, do not set aria-labelledby with the\n // defaultLabelledBy value because if both attributes are set, aria-labelledby will be used.\n if (label) {\n return [];\n }\n\n return defaultLabelledBy;\n });\n\n constructor(readonly inputs: LabelControlInputs & LabelControlOptionalInputs) {}\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 {KeyboardEventManager, PointerEventManager} from '../behaviors/event-manager';\nimport {ExpansionItem, ListExpansionInputs, ListExpansion} from '../behaviors/expansion/expansion';\nimport {\n SignalLike,\n computed,\n signal,\n WritableSignalLike,\n} from '../behaviors/signal-like/signal-like';\nimport {LabelControl, LabelControlOptionalInputs} from '../behaviors/label/label';\nimport {ListFocus} from '../behaviors/list-focus/list-focus';\nimport {\n ListNavigationItem,\n ListNavigation,\n ListNavigationInputs,\n} from '../behaviors/list-navigation/list-navigation';\n\n/** The required inputs to tabs. */\nexport interface TabInputs\n extends Omit<ListNavigationItem, 'index'>, Omit<ExpansionItem, 'expandable'> {\n /** The parent tablist that controls the tab. */\n tablist: SignalLike<TabListPattern>;\n\n /** The remote tabpanel controlled by the tab. */\n tabpanel: SignalLike<TabPanelPattern | undefined>;\n\n /** The remote tabpanel unique identifier. */\n value: SignalLike<string>;\n}\n\n/** A tab in a tablist. */\nexport class TabPattern {\n /** A global unique identifier for the tab. */\n readonly id: SignalLike<string> = () => this.inputs.id();\n\n /** The index of the tab. */\n readonly index = computed(() => this.inputs.tablist().inputs.items().indexOf(this));\n\n /** The remote tabpanel unique identifier. */\n readonly value: SignalLike<string> = () => this.inputs.value();\n\n /** Whether the tab is disabled. */\n readonly disabled: SignalLike<boolean> = () => this.inputs.disabled();\n\n /** The html element that should receive focus. */\n readonly element: SignalLike<HTMLElement> = () => this.inputs.element()!;\n\n /** Whether this tab has expandable panel. */\n readonly expandable: SignalLike<boolean> = () => true;\n\n /** Whether the tab panel is expanded. */\n readonly expanded: WritableSignalLike<boolean>;\n\n /** Whether the tab is active. */\n readonly active = computed(() => this.inputs.tablist().inputs.activeItem() === this);\n\n /** Whether the tab is selected. */\n readonly selected = computed(() => this.inputs.tablist().selectedTab() === this);\n\n /** The tab index of the tab. */\n readonly tabIndex = computed(() => this.inputs.tablist().focusBehavior.getItemTabIndex(this));\n\n /** The id of the tabpanel associated with the tab. */\n readonly controls = computed(() => this.inputs.tabpanel()?.id());\n\n constructor(readonly inputs: TabInputs) {\n this.expanded = inputs.expanded;\n }\n\n /** Opens the tab. */\n open(): boolean {\n return this.inputs.tablist().open(this);\n }\n}\n\n/** The required inputs for the tabpanel. */\nexport interface TabPanelInputs extends LabelControlOptionalInputs {\n /** A global unique identifier for the tabpanel. */\n id: SignalLike<string>;\n\n /** The tab that controls this tabpanel. */\n tab: SignalLike<TabPattern | undefined>;\n\n /** A local unique identifier for the tabpanel. */\n value: SignalLike<string>;\n}\n\n/** A tabpanel associated with a tab. */\nexport class TabPanelPattern {\n /** A global unique identifier for the tabpanel. */\n readonly id: SignalLike<string> = () => this.inputs.id();\n\n /** A local unique identifier for the tabpanel. */\n readonly value: SignalLike<string> = () => this.inputs.value();\n\n /** Controls label for this tabpanel. */\n readonly labelManager: LabelControl;\n\n /** Whether the tabpanel is hidden. */\n readonly hidden = computed(() => this.inputs.tab()?.expanded() === false);\n\n /** The tab index of this tabpanel. */\n readonly tabIndex = computed(() => (this.hidden() ? -1 : 0));\n\n /** The aria-labelledby value for this tabpanel. */\n readonly labelledBy = computed(() =>\n this.labelManager.labelledBy().length > 0\n ? this.labelManager.labelledBy().join(' ')\n : undefined,\n );\n\n constructor(readonly inputs: TabPanelInputs) {\n this.labelManager = new LabelControl({\n ...inputs,\n defaultLabelledBy: computed(() => (this.inputs.tab() ? [this.inputs.tab()!.id()] : [])),\n });\n }\n}\n\n/** The required inputs for the tablist. */\nexport interface TabListInputs\n extends\n Omit<ListNavigationInputs<TabPattern>, 'multi'>,\n Omit<ListExpansionInputs, 'multiExpandable' | 'items'> {\n /** The selection strategy used by the tablist. */\n selectionMode: SignalLike<'follow' | 'explicit'>;\n}\n\n/** Controls the state of a tablist. */\nexport class TabListPattern {\n /** The list focus behavior for the tablist. */\n readonly focusBehavior: ListFocus<TabPattern>;\n\n /** The list navigation behavior for the tablist. */\n readonly navigationBehavior: ListNavigation<TabPattern>;\n\n /** Controls expansion for the tablist. */\n readonly expansionBehavior: ListExpansion;\n\n /** The currently active tab. */\n readonly activeTab: SignalLike<TabPattern | undefined> = () => this.inputs.activeItem();\n\n /** The currently selected tab. */\n readonly selectedTab: WritableSignalLike<TabPattern | undefined> = signal(undefined);\n\n /** Whether the tablist is vertically or horizontally oriented. */\n readonly orientation: SignalLike<'vertical' | 'horizontal'> = () => this.inputs.orientation();\n\n /** Whether the tablist is disabled. */\n readonly disabled: SignalLike<boolean> = () => this.inputs.disabled();\n\n /** The tab index of the tablist. */\n readonly tabIndex = computed(() => this.focusBehavior.getListTabIndex());\n\n /** The id of the current active tab. */\n readonly activeDescendant = computed(() => this.focusBehavior.getActiveDescendant());\n\n /** Whether selection should follow focus. */\n readonly followFocus = computed(() => this.inputs.selectionMode() === 'follow');\n\n /** The key used to navigate to the previous tab in the tablist. */\n readonly prevKey = computed(() => {\n if (this.inputs.orientation() === 'vertical') {\n return 'ArrowUp';\n }\n return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';\n });\n\n /** The key used to navigate to the next item in the list. */\n readonly nextKey = computed(() => {\n if (this.inputs.orientation() === 'vertical') {\n return 'ArrowDown';\n }\n return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n });\n\n /** The keydown event manager for the tablist. */\n readonly keydown = computed(() => {\n return new KeyboardEventManager()\n .on(this.prevKey, () =>\n this._navigate(() => this.navigationBehavior.prev(), this.followFocus()),\n )\n .on(this.nextKey, () =>\n this._navigate(() => this.navigationBehavior.next(), this.followFocus()),\n )\n .on('Home', () => this._navigate(() => this.navigationBehavior.first(), this.followFocus()))\n .on('End', () => this._navigate(() => this.navigationBehavior.last(), this.followFocus()))\n .on(' ', () => this.open())\n .on('Enter', () => this.open());\n });\n\n /** The pointerdown event manager for the tablist. */\n readonly pointerdown = computed(() => {\n return new PointerEventManager().on(e =>\n this._navigate(() => this.navigationBehavior.goto(this._getItem(e)!), true),\n );\n });\n\n constructor(readonly inputs: TabListInputs) {\n this.focusBehavior = new ListFocus(inputs);\n\n this.navigationBehavior = new ListNavigation({\n ...inputs,\n focusManager: this.focusBehavior,\n });\n\n this.expansionBehavior = new ListExpansion({\n ...inputs,\n multiExpandable: () => false,\n });\n }\n\n /**\n * Sets the tablist to its default initial state.\n *\n * Sets the active index of the tablist to the first focusable selected\n * tab if one exists. Otherwise, sets focus to the first focusable tab.\n *\n * This method should be called once the tablist and its tabs are properly initialized.\n */\n setDefaultState() {\n let firstItem: TabPattern | undefined;\n\n for (const item of this.inputs.items()) {\n if (!this.focusBehavior.isFocusable(item)) continue;\n\n if (firstItem === undefined) {\n firstItem = item;\n }\n\n if (item.selected()) {\n this.inputs.activeItem.set(item);\n return;\n }\n }\n if (firstItem !== undefined) {\n this.inputs.activeItem.set(firstItem);\n }\n }\n\n /** Handles keydown events for the tablist. */\n onKeydown(event: KeyboardEvent) {\n if (!this.disabled()) {\n this.keydown().handle(event);\n }\n }\n\n /** The pointerdown event manager for the tablist. */\n onPointerdown(event: PointerEvent) {\n if (!this.disabled()) {\n this.pointerdown().handle(event);\n }\n }\n\n /** Opens the tab by given value. */\n open(value: string): boolean;\n\n /** Opens the given tab or the current active tab. */\n open(tab?: TabPattern): boolean;\n\n open(tab: TabPattern | string | undefined): boolean {\n tab ??= this.activeTab();\n\n if (typeof tab === 'string') {\n tab = this.inputs.items().find(t => t.value() === tab);\n }\n\n if (tab === undefined) return false;\n\n const success = this.expansionBehavior.open(tab);\n if (success) {\n this.selectedTab.set(tab);\n }\n\n return success;\n }\n\n /** Executes a navigation operation and expand the active tab if needed. */\n private _navigate(op: () => boolean, shouldExpand: boolean = false): void {\n const success = op();\n if (success && shouldExpand) {\n this.open();\n }\n }\n\n /** Returns the tab item associated with the given pointer event. */\n private _getItem(e: PointerEvent) {\n if (!(e.target instanceof HTMLElement)) {\n return;\n }\n\n const element = e.target.closest('[role=\"tab\"]');\n return this.inputs.items().find(i => i.element() === element);\n }\n}\n"],"names":["LabelControl","inputs","label","computed","labelledBy","defaultLabelledBy","length","constructor","TabPattern","id","index","tablist","items","indexOf","value","disabled","element","expandable","expanded","active","activeItem","selected","selectedTab","tabIndex","focusBehavior","getItemTabIndex","controls","tabpanel","open","TabPanelPattern","labelManager","hidden","tab","join","undefined","TabListPattern","navigationBehavior","expansionBehavior","activeTab","signal","orientation","getListTabIndex","activeDescendant","getActiveDescendant","followFocus","selectionMode","prevKey","textDirection","nextKey","keydown","KeyboardEventManager","on","_navigate","prev","next","first","last","pointerdown","PointerEventManager","e","goto","_getItem","ListFocus","ListNavigation","focusManager","ListExpansion","multiExpandable","setDefaultState","firstItem","item","isFocusable","set","onKeydown","event","handle","onPointerdown","find","t","success","op","shouldExpand","target","HTMLElement","closest","i"],"mappings":"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"}
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { computed, KeyboardEventManager } from './_signal-like-chunk.mjs';
|
|
2
|
+
import { List } from './_list-chunk.mjs';
|
|
3
|
+
|
|
4
|
+
class ToolbarPattern {
|
|
5
|
+
inputs;
|
|
6
|
+
listBehavior;
|
|
7
|
+
orientation;
|
|
8
|
+
softDisabled;
|
|
9
|
+
disabled = computed(() => this.listBehavior.disabled());
|
|
10
|
+
tabIndex = computed(() => this.listBehavior.tabIndex());
|
|
11
|
+
activeDescendant = computed(() => this.listBehavior.activeDescendant());
|
|
12
|
+
activeItem = () => this.listBehavior.inputs.activeItem();
|
|
13
|
+
_prevKey = computed(() => {
|
|
14
|
+
if (this.inputs.orientation() === 'vertical') {
|
|
15
|
+
return 'ArrowUp';
|
|
16
|
+
}
|
|
17
|
+
return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
|
|
18
|
+
});
|
|
19
|
+
_nextKey = computed(() => {
|
|
20
|
+
if (this.inputs.orientation() === 'vertical') {
|
|
21
|
+
return 'ArrowDown';
|
|
22
|
+
}
|
|
23
|
+
return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
|
|
24
|
+
});
|
|
25
|
+
_altPrevKey = computed(() => {
|
|
26
|
+
if (this.inputs.orientation() === 'vertical') {
|
|
27
|
+
return this.inputs.textDirection() === 'rtl' ? 'ArrowRight' : 'ArrowLeft';
|
|
28
|
+
}
|
|
29
|
+
return 'ArrowUp';
|
|
30
|
+
});
|
|
31
|
+
_altNextKey = computed(() => {
|
|
32
|
+
if (this.inputs.orientation() === 'vertical') {
|
|
33
|
+
return this.inputs.textDirection() === 'rtl' ? 'ArrowLeft' : 'ArrowRight';
|
|
34
|
+
}
|
|
35
|
+
return 'ArrowDown';
|
|
36
|
+
});
|
|
37
|
+
_keydown = computed(() => {
|
|
38
|
+
const manager = new KeyboardEventManager();
|
|
39
|
+
return manager.on(this._nextKey, () => this.listBehavior.next()).on(this._prevKey, () => this.listBehavior.prev()).on(this._altNextKey, () => this._groupNext()).on(this._altPrevKey, () => this._groupPrev()).on(' ', () => this.select()).on('Enter', () => this.select()).on('Home', () => this.listBehavior.first()).on('End', () => this.listBehavior.last());
|
|
40
|
+
});
|
|
41
|
+
_groupNext() {
|
|
42
|
+
const currGroup = this.inputs.activeItem()?.group();
|
|
43
|
+
const nextGroup = this.listBehavior.navigationBehavior.peekNext()?.group();
|
|
44
|
+
if (!currGroup) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
if (currGroup !== nextGroup) {
|
|
48
|
+
this.listBehavior.goto(this.listBehavior.navigationBehavior.peekFirst({
|
|
49
|
+
items: currGroup.inputs.items()
|
|
50
|
+
}));
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
this.listBehavior.next();
|
|
54
|
+
}
|
|
55
|
+
_groupPrev() {
|
|
56
|
+
const currGroup = this.inputs.activeItem()?.group();
|
|
57
|
+
const nextGroup = this.listBehavior.navigationBehavior.peekPrev()?.group();
|
|
58
|
+
if (!currGroup) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
if (currGroup !== nextGroup) {
|
|
62
|
+
this.listBehavior.goto(this.listBehavior.navigationBehavior.peekLast({
|
|
63
|
+
items: currGroup.inputs.items()
|
|
64
|
+
}));
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
this.listBehavior.prev();
|
|
68
|
+
}
|
|
69
|
+
_goto(e) {
|
|
70
|
+
const item = this.inputs.getItem(e.target);
|
|
71
|
+
if (item) {
|
|
72
|
+
this.listBehavior.goto(item);
|
|
73
|
+
this.select();
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
select() {
|
|
77
|
+
const group = this.inputs.activeItem()?.group();
|
|
78
|
+
if (!group?.multi()) {
|
|
79
|
+
group?.inputs.items().forEach(i => this.listBehavior.deselect(i));
|
|
80
|
+
}
|
|
81
|
+
this.listBehavior.toggle();
|
|
82
|
+
}
|
|
83
|
+
constructor(inputs) {
|
|
84
|
+
this.inputs = inputs;
|
|
85
|
+
this.orientation = inputs.orientation;
|
|
86
|
+
this.softDisabled = inputs.softDisabled;
|
|
87
|
+
this.listBehavior = new List({
|
|
88
|
+
...inputs,
|
|
89
|
+
multi: () => true,
|
|
90
|
+
focusMode: () => 'roving',
|
|
91
|
+
selectionMode: () => 'explicit',
|
|
92
|
+
typeaheadDelay: () => 0
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
onKeydown(event) {
|
|
96
|
+
if (this.disabled()) return;
|
|
97
|
+
this._keydown().handle(event);
|
|
98
|
+
}
|
|
99
|
+
onPointerdown(event) {
|
|
100
|
+
event.preventDefault();
|
|
101
|
+
}
|
|
102
|
+
onClick(event) {
|
|
103
|
+
if (this.disabled()) return;
|
|
104
|
+
this._goto(event);
|
|
105
|
+
}
|
|
106
|
+
setDefaultState() {
|
|
107
|
+
const firstItem = this.listBehavior.navigationBehavior.peekFirst({
|
|
108
|
+
items: this.inputs.items()
|
|
109
|
+
});
|
|
110
|
+
if (firstItem) {
|
|
111
|
+
this.inputs.activeItem.set(firstItem);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
validate() {
|
|
115
|
+
const violations = [];
|
|
116
|
+
return violations;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
class ToolbarWidgetPattern {
|
|
121
|
+
inputs;
|
|
122
|
+
id = () => this.inputs.id();
|
|
123
|
+
element = () => this.inputs.element();
|
|
124
|
+
disabled = () => this.inputs.disabled() || this.group()?.disabled() || false;
|
|
125
|
+
group = () => this.inputs.group();
|
|
126
|
+
toolbar = () => this.inputs.toolbar();
|
|
127
|
+
tabIndex = computed(() => this.toolbar().listBehavior.getItemTabindex(this));
|
|
128
|
+
searchTerm = () => '';
|
|
129
|
+
value = () => this.inputs.value();
|
|
130
|
+
selectable = () => true;
|
|
131
|
+
index = computed(() => this.toolbar().inputs.items().indexOf(this) ?? -1);
|
|
132
|
+
selected = computed(() => this.toolbar().listBehavior.inputs.values().includes(this.value()));
|
|
133
|
+
active = computed(() => this.toolbar().activeItem() === this);
|
|
134
|
+
constructor(inputs) {
|
|
135
|
+
this.inputs = inputs;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
class ToolbarWidgetGroupPattern {
|
|
140
|
+
inputs;
|
|
141
|
+
disabled = () => this.inputs.disabled();
|
|
142
|
+
toolbar = () => this.inputs.toolbar();
|
|
143
|
+
multi = () => this.inputs.multi();
|
|
144
|
+
searchTerm = () => '';
|
|
145
|
+
value = () => '';
|
|
146
|
+
selectable = () => true;
|
|
147
|
+
element = () => undefined;
|
|
148
|
+
constructor(inputs) {
|
|
149
|
+
this.inputs = inputs;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
export { ToolbarPattern, ToolbarWidgetGroupPattern, ToolbarWidgetPattern };
|
|
154
|
+
//# sourceMappingURL=_toolbar-widget-group-chunk.mjs.map
|