@maggioli-design-system/mds-input-select 3.1.0 → 3.2.0
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/dist/cjs/{index-f192b288.js → index-74d0a660.js} +168 -73
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mds-input-select.cjs.entry.js +23 -14
- package/dist/cjs/mds-input-select.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/common/floating-controller.js +180 -0
- package/dist/collection/common/slot.js +19 -4
- package/dist/collection/common/string.js +30 -0
- package/dist/collection/components/mds-input-select/mds-input-select.css +119 -0
- package/dist/collection/components/mds-input-select/mds-input-select.js +41 -12
- package/dist/collection/dictionary/keyboard.js +84 -0
- package/dist/collection/dictionary/tree.js +13 -0
- package/dist/collection/type/keyboard.js +1 -0
- package/dist/collection/type/tree.js +1 -0
- package/dist/components/mds-input-select.js +22 -13
- package/dist/documentation.d.ts +8 -0
- package/dist/documentation.json +32 -12
- package/dist/esm/{index-f99575c3.js → index-5182e090.js} +168 -73
- package/dist/esm/loader.js +2 -2
- package/dist/esm/mds-input-select.entry.js +23 -14
- package/dist/esm/mds-input-select.js +3 -3
- package/dist/esm-es5/index-5182e090.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-input-select.entry.js +1 -1
- package/dist/esm-es5/mds-input-select.js +1 -1
- package/dist/mds-input-select/mds-input-select.esm.js +1 -1
- package/dist/mds-input-select/mds-input-select.js +1 -1
- package/dist/mds-input-select/p-4a33e3f5.entry.js +1 -0
- package/dist/mds-input-select/{p-ec8a0b02.system.js → p-595037e8.system.js} +1 -1
- package/{www/build/p-879b97ee.system.entry.js → dist/mds-input-select/p-5aa7dd02.system.entry.js} +1 -1
- package/dist/mds-input-select/p-a2eea2c4.system.js +2 -0
- package/dist/mds-input-select/p-ff420541.js +2 -0
- package/dist/stats.json +107 -51
- package/dist/types/common/floating-controller.d.ts +46 -0
- package/dist/types/common/slot.d.ts +3 -1
- package/dist/types/common/string.d.ts +4 -0
- package/dist/types/dictionary/keyboard.d.ts +2 -0
- package/dist/types/dictionary/tree.d.ts +4 -0
- package/dist/types/type/keyboard.d.ts +12 -0
- package/dist/types/type/tree.d.ts +3 -0
- package/documentation.json +77 -17
- package/package.json +4 -4
- package/src/common/floating-controller.ts +263 -0
- package/src/common/slot.ts +23 -3
- package/src/common/string.ts +42 -0
- package/src/components/mds-input-select/mds-input-select.css +1 -0
- package/src/dictionary/keyboard.ts +87 -0
- package/src/dictionary/tree.ts +21 -0
- package/src/fixtures/icons.json +38 -1
- package/src/fixtures/iconsauce.json +6 -0
- package/src/meta/keyboard/keys.json +83 -0
- package/src/tailwind/components.css +11 -0
- package/src/tailwind/fouc.css +118 -0
- package/src/type/keyboard.ts +93 -0
- package/src/type/tree.ts +12 -0
- package/www/build/mds-input-select.esm.js +1 -1
- package/www/build/mds-input-select.js +1 -1
- package/www/build/p-4a33e3f5.entry.js +1 -0
- package/www/build/{p-ec8a0b02.system.js → p-595037e8.system.js} +1 -1
- package/{dist/mds-input-select/p-879b97ee.system.entry.js → www/build/p-5aa7dd02.system.entry.js} +1 -1
- package/www/build/p-a2eea2c4.system.js +2 -0
- package/www/build/p-ff420541.js +2 -0
- package/dist/esm-es5/index-f99575c3.js +0 -1
- package/dist/mds-input-select/p-0511e8d9.entry.js +0 -1
- package/dist/mds-input-select/p-39558724.system.js +0 -2
- package/dist/mds-input-select/p-ecf343d4.js +0 -2
- package/www/build/p-0511e8d9.entry.js +0 -1
- package/www/build/p-39558724.system.js +0 -2
- package/www/build/p-ecf343d4.js +0 -2
package/src/fixtures/icons.json
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
[
|
|
2
2
|
"mdi/alien",
|
|
3
|
+
"mdi/apple-keyboard-shift",
|
|
3
4
|
"mdi/barley",
|
|
4
5
|
"mdi/baseball",
|
|
5
6
|
"mdi/crown",
|
|
@@ -7,9 +8,15 @@
|
|
|
7
8
|
"mdi/dots-vertical",
|
|
8
9
|
"mdi/email",
|
|
9
10
|
"mdi/file-document-remove-outline",
|
|
11
|
+
"mdi/file-download-outline",
|
|
12
|
+
"mdi/file-upload-outline",
|
|
13
|
+
"mdi/folder-open",
|
|
14
|
+
"mdi/handshake",
|
|
10
15
|
"mdi/harddisk",
|
|
16
|
+
"mdi/keyboard-space",
|
|
11
17
|
"mdi/license",
|
|
12
18
|
"mdi/map-marker",
|
|
19
|
+
"mdi/npm",
|
|
13
20
|
"mdi/replay",
|
|
14
21
|
"mdi/vector-curve",
|
|
15
22
|
"mgg/abitazione-principale",
|
|
@@ -44,6 +51,7 @@
|
|
|
44
51
|
"mgg/ai-status-processing",
|
|
45
52
|
"mgg/ai-status-suspended",
|
|
46
53
|
"mgg/alerts-pagopa",
|
|
54
|
+
"mgg/anagrafe-nazionale",
|
|
47
55
|
"mgg/anpr",
|
|
48
56
|
"mgg/ansc",
|
|
49
57
|
"mgg/area-edificabile",
|
|
@@ -68,6 +76,7 @@
|
|
|
68
76
|
"mgg/cancelled-sheet",
|
|
69
77
|
"mgg/car-license",
|
|
70
78
|
"mgg/card-stamping",
|
|
79
|
+
"mgg/cash-register-settings",
|
|
71
80
|
"mgg/check-small",
|
|
72
81
|
"mgg/checklist",
|
|
73
82
|
"mgg/checklist-settings",
|
|
@@ -164,7 +173,9 @@
|
|
|
164
173
|
"mgg/home-hammer",
|
|
165
174
|
"mgg/home-link",
|
|
166
175
|
"mgg/home-number",
|
|
176
|
+
"mgg/inad",
|
|
167
177
|
"mgg/inagibile",
|
|
178
|
+
"mgg/inps",
|
|
168
179
|
"mgg/input-calendar-costs",
|
|
169
180
|
"mgg/input-calendar-period",
|
|
170
181
|
"mgg/input-calendar-time",
|
|
@@ -237,7 +248,9 @@
|
|
|
237
248
|
"mgg/places-park",
|
|
238
249
|
"mgg/places-park-alt",
|
|
239
250
|
"mgg/places-store-access-denied",
|
|
251
|
+
"mgg/pos",
|
|
240
252
|
"mgg/property-owner",
|
|
253
|
+
"mgg/registro-imprese",
|
|
241
254
|
"mgg/relevance",
|
|
242
255
|
"mgg/reporting-abuse",
|
|
243
256
|
"mgg/residency-permit",
|
|
@@ -332,34 +345,52 @@
|
|
|
332
345
|
"mi/baseline/check-box",
|
|
333
346
|
"mi/baseline/check-box-outline-blank",
|
|
334
347
|
"mi/baseline/check-circle",
|
|
348
|
+
"mi/baseline/chevron-right",
|
|
335
349
|
"mi/baseline/close",
|
|
336
350
|
"mi/baseline/contrast",
|
|
337
351
|
"mi/baseline/css",
|
|
338
352
|
"mi/baseline/dark-mode",
|
|
339
353
|
"mi/baseline/delete",
|
|
340
354
|
"mi/baseline/description",
|
|
355
|
+
"mi/baseline/desk",
|
|
341
356
|
"mi/baseline/directions-run",
|
|
342
357
|
"mi/baseline/directions-walk",
|
|
343
358
|
"mi/baseline/done",
|
|
344
359
|
"mi/baseline/downhill-skiing",
|
|
360
|
+
"mi/baseline/draw",
|
|
345
361
|
"mi/baseline/eco",
|
|
346
362
|
"mi/baseline/email",
|
|
347
363
|
"mi/baseline/error",
|
|
348
364
|
"mi/baseline/explore",
|
|
365
|
+
"mi/baseline/favorite",
|
|
366
|
+
"mi/baseline/favorite-border",
|
|
349
367
|
"mi/baseline/file-download-done",
|
|
368
|
+
"mi/baseline/folder",
|
|
350
369
|
"mi/baseline/folder-zip",
|
|
351
370
|
"mi/baseline/horizontal-rule",
|
|
352
371
|
"mi/baseline/indeterminate-check-box",
|
|
353
372
|
"mi/baseline/info",
|
|
354
373
|
"mi/baseline/insert-drive-file",
|
|
374
|
+
"mi/baseline/keyboard",
|
|
355
375
|
"mi/baseline/keyboard-arrow-down",
|
|
376
|
+
"mi/baseline/keyboard-arrow-left",
|
|
377
|
+
"mi/baseline/keyboard-arrow-right",
|
|
356
378
|
"mi/baseline/keyboard-arrow-up",
|
|
379
|
+
"mi/baseline/keyboard-capslock",
|
|
380
|
+
"mi/baseline/keyboard-command-key",
|
|
381
|
+
"mi/baseline/keyboard-option-key",
|
|
382
|
+
"mi/baseline/keyboard-return",
|
|
383
|
+
"mi/baseline/keyboard-tab",
|
|
357
384
|
"mi/baseline/light-mode",
|
|
358
385
|
"mi/baseline/local-activity",
|
|
386
|
+
"mi/baseline/location-city",
|
|
359
387
|
"mi/baseline/lock-open",
|
|
360
388
|
"mi/baseline/login",
|
|
361
389
|
"mi/baseline/logout",
|
|
390
|
+
"mi/baseline/meeting-room",
|
|
391
|
+
"mi/baseline/more-vert",
|
|
362
392
|
"mi/baseline/navigate-next",
|
|
393
|
+
"mi/baseline/north",
|
|
363
394
|
"mi/baseline/panorama",
|
|
364
395
|
"mi/baseline/person",
|
|
365
396
|
"mi/baseline/pets",
|
|
@@ -370,13 +401,17 @@
|
|
|
370
401
|
"mi/baseline/route",
|
|
371
402
|
"mi/baseline/send",
|
|
372
403
|
"mi/baseline/settings",
|
|
404
|
+
"mi/baseline/south",
|
|
373
405
|
"mi/baseline/sports",
|
|
374
406
|
"mi/baseline/sports-soccer",
|
|
375
407
|
"mi/baseline/stadium",
|
|
376
408
|
"mi/baseline/terminal",
|
|
377
409
|
"mi/baseline/timer",
|
|
378
410
|
"mi/baseline/tv",
|
|
411
|
+
"mi/baseline/unfold-less",
|
|
379
412
|
"mi/baseline/unfold-more",
|
|
413
|
+
"mi/baseline/vertical-align-bottom",
|
|
414
|
+
"mi/baseline/vertical-align-top",
|
|
380
415
|
"mi/baseline/videocam",
|
|
381
416
|
"mi/baseline/visibility",
|
|
382
417
|
"mi/baseline/visibility-off",
|
|
@@ -385,6 +420,7 @@
|
|
|
385
420
|
"mi/baseline/web",
|
|
386
421
|
"mi/baseline/wysiwyg",
|
|
387
422
|
"mi/outline/auto-awesome",
|
|
423
|
+
"mi/outline/backspace",
|
|
388
424
|
"mi/outline/circle",
|
|
389
425
|
"mi/outline/dark-mode",
|
|
390
426
|
"mi/outline/help-outline",
|
|
@@ -393,5 +429,6 @@
|
|
|
393
429
|
"mi/round/email",
|
|
394
430
|
"mi/round/menu",
|
|
395
431
|
"mi/round/more-vert",
|
|
396
|
-
"mi/round/person"
|
|
432
|
+
"mi/round/person",
|
|
433
|
+
"mi/sharp/window"
|
|
397
434
|
]
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
"mgg/ai-status-processing",
|
|
32
32
|
"mgg/ai-status-suspended",
|
|
33
33
|
"mgg/alerts-pagopa",
|
|
34
|
+
"mgg/anagrafe-nazionale",
|
|
34
35
|
"mgg/anpr",
|
|
35
36
|
"mgg/ansc",
|
|
36
37
|
"mgg/area-edificabile",
|
|
@@ -55,6 +56,7 @@
|
|
|
55
56
|
"mgg/cancelled-sheet",
|
|
56
57
|
"mgg/car-license",
|
|
57
58
|
"mgg/card-stamping",
|
|
59
|
+
"mgg/cash-register-settings",
|
|
58
60
|
"mgg/check-small",
|
|
59
61
|
"mgg/checklist-settings",
|
|
60
62
|
"mgg/checklist",
|
|
@@ -151,7 +153,9 @@
|
|
|
151
153
|
"mgg/home-hammer",
|
|
152
154
|
"mgg/home-link",
|
|
153
155
|
"mgg/home-number",
|
|
156
|
+
"mgg/inad",
|
|
154
157
|
"mgg/inagibile",
|
|
158
|
+
"mgg/inps",
|
|
155
159
|
"mgg/input-calendar-costs",
|
|
156
160
|
"mgg/input-calendar-period",
|
|
157
161
|
"mgg/input-calendar-time",
|
|
@@ -224,7 +228,9 @@
|
|
|
224
228
|
"mgg/places-park-alt",
|
|
225
229
|
"mgg/places-park",
|
|
226
230
|
"mgg/places-store-access-denied",
|
|
231
|
+
"mgg/pos",
|
|
227
232
|
"mgg/property-owner",
|
|
233
|
+
"mgg/registro-imprese",
|
|
228
234
|
"mgg/relevance",
|
|
229
235
|
"mgg/reporting-abuse",
|
|
230
236
|
"mgg/residency-permit",
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
{
|
|
2
|
+
"0": { "description": "keyNumber", "group": "Number", "alias": "0", "keyCodes": ["Digit0", "Numpad0"] },
|
|
3
|
+
"1": { "description": "keyNumber", "group": "Number", "alias": "1", "keyCodes": ["Digit1", "Numpad1"] },
|
|
4
|
+
"2": { "description": "keyNumber", "group": "Number", "alias": "2", "keyCodes": ["Digit2", "Numpad2"] },
|
|
5
|
+
"3": { "description": "keyNumber", "group": "Number", "alias": "3", "keyCodes": ["Digit3", "Numpad3"] },
|
|
6
|
+
"4": { "description": "keyNumber", "group": "Number", "alias": "4", "keyCodes": ["Digit4", "Numpad4"] },
|
|
7
|
+
"5": { "description": "keyNumber", "group": "Number", "alias": "5", "keyCodes": ["Digit5", "Numpad5"] },
|
|
8
|
+
"6": { "description": "keyNumber", "group": "Number", "alias": "6", "keyCodes": ["Digit6", "Numpad6"] },
|
|
9
|
+
"7": { "description": "keyNumber", "group": "Number", "alias": "7", "keyCodes": ["Digit7", "Numpad7"] },
|
|
10
|
+
"8": { "description": "keyNumber", "group": "Number", "alias": "8", "keyCodes": ["Digit8", "Numpad8"] },
|
|
11
|
+
"9": { "description": "keyNumber", "group": "Number", "alias": "9", "keyCodes": ["Digit9", "Numpad9"] },
|
|
12
|
+
"a": { "description": "keyCharacter", "group": "Character", "alias": "A", "keyCodes": ["KeyA"] },
|
|
13
|
+
"alt": { "description": "modAlt", "group": "Modificator", "alias": "Alt", "keyCodes": ["AltLeft", "AltRight"] },
|
|
14
|
+
"altleft": { "description": "modAlt", "group": "Modificator", "alias": "Alt", "keyboardPosition": {"left": true}, "keyCodes": ["AltLeft"] },
|
|
15
|
+
"altright": { "description": "modAlt", "group": "Modificator", "alias": "Alt", "keyboardPosition": {"right": true}, "keyCodes": ["AltRight"] },
|
|
16
|
+
"arrowdown": { "description": "navArrowDown", "group": "Arrow", "alias": "ArrowDown", "keyCodes": ["ArrowDown"] },
|
|
17
|
+
"arrowleft": { "description": "navArrowLeft", "group": "Arrow", "alias": "ArrowLeft", "keyCodes": ["ArrowLeft"] },
|
|
18
|
+
"arrowright": { "description": "navArrowRight", "group": "Arrow", "alias": "ArrowRight", "keyCodes": ["ArrowRight"] },
|
|
19
|
+
"arrowup": { "description": "navArrowUp", "group": "Arrow", "alias": "ArrowUp", "keyCodes": ["ArrowUp"] },
|
|
20
|
+
"b": { "description": "keyCharacter", "group": "Character", "alias": "B", "keyCodes": ["KeyB"] },
|
|
21
|
+
"backspace": { "description": "specBackspace", "group": "Special", "alias": "Backspace", "keyCodes": ["Backspace"] },
|
|
22
|
+
"c": { "description": "keyCharacter", "group": "Character", "alias": "C", "keyCodes": ["KeyC"] },
|
|
23
|
+
"capslock": { "description": "specCapsLock", "group": "Special", "alias": "CapsLock", "keyCodes": ["CapsLock"] },
|
|
24
|
+
"command": { "description": "modMeta", "group": "Modificator", "alias": "Cmd", "keyCodes": ["MetaLeft", "MetaRight"] },
|
|
25
|
+
"commandleft": { "description": "modMeta", "group": "Modificator", "alias": "Cmd", "keyboardPosition": {"left": true}, "keyCodes": ["MetaLeft"] },
|
|
26
|
+
"commandright": { "description": "modMeta", "group": "Modificator", "alias": "Cmd", "keyboardPosition": {"right": true}, "keyCodes": ["MetaRight"] },
|
|
27
|
+
"control": { "description": "modControl", "group": "Modificator", "alias": "Ctrl", "keyCodes": ["ControlLeft", "ControlRight"] },
|
|
28
|
+
"controlleft": { "description": "modControl", "group": "Modificator", "alias": "Ctrl", "keyboardPosition": {"left": true}, "keyCode": "Control", "keyCodes": ["ControlLeft"] },
|
|
29
|
+
"controlright": { "description": "modControl", "group": "Modificator", "alias": "Ctrl", "keyboardPosition": {"right": true}, "keyCode": "Control", "keyCodes": ["ControlRight"] },
|
|
30
|
+
"d": { "description": "keyCharacter", "group": "Character", "alias": "D", "keyCodes": ["KeyD"] },
|
|
31
|
+
"delete": { "description": "specDelete", "group": "Special", "alias": "Delete", "keyCodes": ["Delete"] },
|
|
32
|
+
"e": { "description": "keyCharacter", "group": "Character", "alias": "E", "keyCodes": ["KeyE"] },
|
|
33
|
+
"end": { "description": "navEnd", "group": "Navigator", "alias": "End", "keyCodes": ["End"] },
|
|
34
|
+
"enter": { "description": "specEnter", "group": "Special", "alias": "Enter", "keyCodes": ["Enter"] },
|
|
35
|
+
"escape": { "description": "specEscape", "group": "Special", "alias": "Esc", "keyCodes": ["Escape"] },
|
|
36
|
+
"f": { "description": "keyCharacter", "group": "Character", "alias": "F", "keyCodes": ["KeyF"] },
|
|
37
|
+
"f1": { "description": "keyFunction", "group": "Function", "alias": "F1", "keyCodes": ["F1"] },
|
|
38
|
+
"f10": { "description": "keyFunction", "group": "Function", "alias": "F10", "keyCodes": ["F10"] },
|
|
39
|
+
"f11": { "description": "keyFunction", "group": "Function", "alias": "F11", "keyCodes": ["F11"] },
|
|
40
|
+
"f12": { "description": "keyFunction", "group": "Function", "alias": "F12", "keyCodes": ["F12"] },
|
|
41
|
+
"f2": { "description": "keyFunction", "group": "Function", "alias": "F2", "keyCodes": ["F2"] },
|
|
42
|
+
"f3": { "description": "keyFunction", "group": "Function", "alias": "F3", "keyCodes": ["F3"] },
|
|
43
|
+
"f4": { "description": "keyFunction", "group": "Function", "alias": "F4", "keyCodes": ["F4"] },
|
|
44
|
+
"f5": { "description": "keyFunction", "group": "Function", "alias": "F5", "keyCodes": ["F5"] },
|
|
45
|
+
"f6": { "description": "keyFunction", "group": "Function", "alias": "F6", "keyCodes": ["F6"] },
|
|
46
|
+
"f7": { "description": "keyFunction", "group": "Function", "alias": "F7", "keyCodes": ["F7"] },
|
|
47
|
+
"f8": { "description": "keyFunction", "group": "Function", "alias": "F8", "keyCodes": ["F8"] },
|
|
48
|
+
"f9": { "description": "keyFunction", "group": "Function", "alias": "F9", "keyCodes": ["F9"] },
|
|
49
|
+
"g": { "description": "keyCharacter", "group": "Character", "alias": "G", "keyCodes": ["KeyG"] },
|
|
50
|
+
"h": { "description": "keyCharacter", "group": "Character", "alias": "H", "keyCodes": ["KeyH"] },
|
|
51
|
+
"home": { "description": "navHome", "group": "Navigator", "alias": "Home", "keyCodes": ["Home"] },
|
|
52
|
+
"i": { "description": "keyCharacter", "group": "Character", "alias": "I", "keyCodes": ["KeyI"] },
|
|
53
|
+
"j": { "description": "keyCharacter", "group": "Character", "alias": "J", "keyCodes": ["KeyJ"] },
|
|
54
|
+
"k": { "description": "keyCharacter", "group": "Character", "alias": "K", "keyCodes": ["KeyK"] },
|
|
55
|
+
"l": { "description": "keyCharacter", "group": "Character", "alias": "L", "keyCodes": ["KeyL"] },
|
|
56
|
+
"m": { "description": "keyCharacter", "group": "Character", "alias": "M", "keyCodes": ["KeyM"] },
|
|
57
|
+
"n": { "description": "keyCharacter", "group": "Character", "alias": "N", "keyCodes": ["KeyN"] },
|
|
58
|
+
"o": { "description": "keyCharacter", "group": "Character", "alias": "O", "keyCodes": ["KeyO"] },
|
|
59
|
+
"option": { "description": "modAlt", "group": "Modificator", "alias": "Alt", "keyCodes": ["AltLeft", "AltRight"] },
|
|
60
|
+
"optionleft": { "description": "modAlt", "group": "Modificator", "alias": "Alt", "keyboardPosition": {"left": true}, "keyCodes": ["AltLeft"] },
|
|
61
|
+
"optionright": { "description": "modAlt", "group": "Modificator", "alias": "Alt", "keyboardPosition": {"right": true}, "keyCodes": ["AltRight"] },
|
|
62
|
+
"p": { "description": "keyCharacter", "group": "Character", "alias": "P", "keyCodes": ["KeyP"] },
|
|
63
|
+
"pagedown": { "description": "navPageDown", "group": "Navigator", "alias": "PageDown", "keyCodes": ["PageDown"] },
|
|
64
|
+
"pageup": { "description": "navPageUp", "group": "Navigator", "alias": "PageUp", "keyCodes": ["PageUp"] },
|
|
65
|
+
"q": { "description": "keyCharacter", "group": "Character", "alias": "Q", "keyCodes": ["KeyQ"] },
|
|
66
|
+
"r": { "description": "keyCharacter", "group": "Character", "alias": "R", "keyCodes": ["KeyR"] },
|
|
67
|
+
"s": { "description": "keyCharacter", "group": "Character", "alias": "S", "keyCodes": ["KeyS"] },
|
|
68
|
+
"shift": { "description": "modShift", "group": "Modificator", "alias": "Shift", "keyCodes": ["ShiftLeft", "ShiftRight"] },
|
|
69
|
+
"shiftleft": { "description": "modShift", "group": "Modificator", "alias": "Shift", "keyboardPosition": {"left": true}, "keyCodes": ["ShiftLeft"] },
|
|
70
|
+
"shiftright": { "description": "modShift", "group": "Modificator", "alias": "Shift", "keyboardPosition": {"right": true}, "keyCodes": ["ShiftRight"] },
|
|
71
|
+
"space": { "description": "specSpace", "group": "Special", "alias": "Space", "keyCodes": ["Space"] },
|
|
72
|
+
"t": { "description": "keyCharacter", "group": "Character", "alias": "T", "keyCodes": ["KeyT"] },
|
|
73
|
+
"tab": { "description": "specTab", "group": "Special", "alias": "Tab", "keyCodes": ["Tab"] },
|
|
74
|
+
"u": { "description": "keyCharacter", "group": "Character", "alias": "U", "keyCodes": ["KeyU"] },
|
|
75
|
+
"v": { "description": "keyCharacter", "group": "Character", "alias": "V", "keyCodes": ["KeyV"] },
|
|
76
|
+
"w": { "description": "keyCharacter", "group": "Character", "alias": "W", "keyCodes": ["KeyW"] },
|
|
77
|
+
"windows": { "description": "modMeta", "group": "Modificator", "alias": "Win", "keyCodes": ["MetaLeft", "MetaRight"] },
|
|
78
|
+
"windowsleft": { "description": "modMeta", "group": "Modificator", "alias": "Win", "keyboardPosition": {"left": true}, "keyCodes": ["MetaLeft"] },
|
|
79
|
+
"windowsright": { "description": "modMeta", "group": "Modificator", "alias": "Win", "keyboardPosition": {"right": true}, "keyCodes": ["MetaRight"] },
|
|
80
|
+
"x": { "description": "keyCharacter", "group": "Character", "alias": "X", "keyCodes": ["KeyX"] },
|
|
81
|
+
"y": { "description": "keyCharacter", "group": "Character", "alias": "Y", "keyCodes": ["KeyY"] },
|
|
82
|
+
"z": { "description": "keyCharacter", "group": "Character", "alias": "Z", "keyCodes": ["KeyZ"] }
|
|
83
|
+
}
|
|
@@ -83,4 +83,15 @@
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
|
+
|
|
87
|
+
.not-hydrated {
|
|
88
|
+
animation-duration: 0s;
|
|
89
|
+
border-color: transparent;
|
|
90
|
+
box-shadow: 0 0 0 transparent;
|
|
91
|
+
opacity: 0;
|
|
92
|
+
outline-color: transparent;
|
|
93
|
+
transition-delay: 0s;
|
|
94
|
+
transition-duration: 0s;
|
|
95
|
+
visibility: hidden;
|
|
96
|
+
}
|
|
86
97
|
}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
:host(:not(:is([hydrated], .hydrated))) {
|
|
2
|
+
animation-duration: 0s;
|
|
3
|
+
border-color: transparent;
|
|
4
|
+
box-shadow: 0 0 0 transparent;
|
|
5
|
+
opacity: 0;
|
|
6
|
+
outline-color: transparent;
|
|
7
|
+
transition-delay: 0s;
|
|
8
|
+
transition-duration: 0s;
|
|
9
|
+
visibility: hidden;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */
|
|
13
|
+
|
|
14
|
+
mds-accordion:not(:is([hydrated], .hydrated)),
|
|
15
|
+
mds-accordion-item:not(:is([hydrated], .hydrated)),
|
|
16
|
+
mds-accordion-timer:not(:is([hydrated], .hydrated)),
|
|
17
|
+
mds-accordion-timer-item:not(:is([hydrated], .hydrated)),
|
|
18
|
+
mds-author:not(:is([hydrated], .hydrated)),
|
|
19
|
+
mds-avatar:not(:is([hydrated], .hydrated)),
|
|
20
|
+
mds-badge:not(:is([hydrated], .hydrated)),
|
|
21
|
+
mds-banner:not(:is([hydrated], .hydrated)),
|
|
22
|
+
mds-benchmark-bar:not(:is([hydrated], .hydrated)),
|
|
23
|
+
mds-bibliography:not(:is([hydrated], .hydrated)),
|
|
24
|
+
mds-breadcrumb:not(:is([hydrated], .hydrated)),
|
|
25
|
+
mds-breadcrumb-item:not(:is([hydrated], .hydrated)),
|
|
26
|
+
mds-button:not(:is([hydrated], .hydrated)),
|
|
27
|
+
mds-card:not(:is([hydrated], .hydrated)),
|
|
28
|
+
mds-card-content:not(:is([hydrated], .hydrated)),
|
|
29
|
+
mds-card-footer:not(:is([hydrated], .hydrated)),
|
|
30
|
+
mds-card-header:not(:is([hydrated], .hydrated)),
|
|
31
|
+
mds-card-media:not(:is([hydrated], .hydrated)),
|
|
32
|
+
mds-chip:not(:is([hydrated], .hydrated)),
|
|
33
|
+
mds-details:not(:is([hydrated], .hydrated)),
|
|
34
|
+
mds-dropdown:not(:is([hydrated], .hydrated)),
|
|
35
|
+
mds-entity:not(:is([hydrated], .hydrated)),
|
|
36
|
+
mds-file:not(:is([hydrated], .hydrated)),
|
|
37
|
+
mds-file-preview:not(:is([hydrated], .hydrated)),
|
|
38
|
+
mds-filter:not(:is([hydrated], .hydrated)),
|
|
39
|
+
mds-filter-item:not(:is([hydrated], .hydrated)),
|
|
40
|
+
mds-header:not(:is([hydrated], .hydrated)),
|
|
41
|
+
mds-header-bar:not(:is([hydrated], .hydrated)),
|
|
42
|
+
mds-help:not(:is([hydrated], .hydrated)),
|
|
43
|
+
mds-horizontal-scroll:not(:is([hydrated], .hydrated)),
|
|
44
|
+
mds-hr:not(:is([hydrated], .hydrated)),
|
|
45
|
+
mds-icon:not(:is([hydrated], .hydrated)),
|
|
46
|
+
mds-img:not(:is([hydrated], .hydrated)),
|
|
47
|
+
mds-input:not(:is([hydrated], .hydrated)),
|
|
48
|
+
mds-input-field:not(:is([hydrated], .hydrated)),
|
|
49
|
+
mds-input-range:not(:is([hydrated], .hydrated)),
|
|
50
|
+
mds-input-select:not(:is([hydrated], .hydrated)),
|
|
51
|
+
mds-input-switch:not(:is([hydrated], .hydrated)),
|
|
52
|
+
mds-input-tip:not(:is([hydrated], .hydrated)),
|
|
53
|
+
mds-input-tip-item:not(:is([hydrated], .hydrated)),
|
|
54
|
+
mds-input-upload:not(:is([hydrated], .hydrated)),
|
|
55
|
+
mds-keyboard:not(:is([hydrated], .hydrated)),
|
|
56
|
+
mds-keyboard-key:not(:is([hydrated], .hydrated)),
|
|
57
|
+
mds-kpi:not(:is([hydrated], .hydrated)),
|
|
58
|
+
mds-kpi-item:not(:is([hydrated], .hydrated)),
|
|
59
|
+
mds-label:not(:is([hydrated], .hydrated)),
|
|
60
|
+
mds-list:not(:is([hydrated], .hydrated)),
|
|
61
|
+
mds-list-item:not(:is([hydrated], .hydrated)),
|
|
62
|
+
mds-modal:not(:is([hydrated], .hydrated)),
|
|
63
|
+
mds-note:not(:is([hydrated], .hydrated)),
|
|
64
|
+
mds-notification:not(:is([hydrated], .hydrated)),
|
|
65
|
+
mds-paginator:not(:is([hydrated], .hydrated)),
|
|
66
|
+
mds-paginator-item:not(:is([hydrated], .hydrated)),
|
|
67
|
+
mds-pref:not(:is([hydrated], .hydrated)),
|
|
68
|
+
mds-pref-animation:not(:is([hydrated], .hydrated)),
|
|
69
|
+
mds-pref-consumption:not(:is([hydrated], .hydrated)),
|
|
70
|
+
mds-pref-contrast:not(:is([hydrated], .hydrated)),
|
|
71
|
+
mds-pref-language:not(:is([hydrated], .hydrated)),
|
|
72
|
+
mds-pref-language-item:not(:is([hydrated], .hydrated)),
|
|
73
|
+
mds-pref-theme:not(:is([hydrated], .hydrated)),
|
|
74
|
+
mds-price-table:not(:is([hydrated], .hydrated)),
|
|
75
|
+
mds-price-table-features:not(:is([hydrated], .hydrated)),
|
|
76
|
+
mds-price-table-features-cell:not(:is([hydrated], .hydrated)),
|
|
77
|
+
mds-price-table-features-row:not(:is([hydrated], .hydrated)),
|
|
78
|
+
mds-price-table-header:not(:is([hydrated], .hydrated)),
|
|
79
|
+
mds-price-table-list:not(:is([hydrated], .hydrated)),
|
|
80
|
+
mds-price-table-list-item:not(:is([hydrated], .hydrated)),
|
|
81
|
+
mds-progress:not(:is([hydrated], .hydrated)),
|
|
82
|
+
mds-push-notification:not(:is([hydrated], .hydrated)),
|
|
83
|
+
mds-push-notifications:not(:is([hydrated], .hydrated)),
|
|
84
|
+
mds-quote:not(:is([hydrated], .hydrated)),
|
|
85
|
+
mds-separator:not(:is([hydrated], .hydrated)),
|
|
86
|
+
mds-spinner:not(:is([hydrated], .hydrated)),
|
|
87
|
+
mds-stepper-bar:not(:is([hydrated], .hydrated)),
|
|
88
|
+
mds-stepper-bar-item:not(:is([hydrated], .hydrated)),
|
|
89
|
+
mds-tab:not(:is([hydrated], .hydrated)),
|
|
90
|
+
mds-tab-bar:not(:is([hydrated], .hydrated)),
|
|
91
|
+
mds-tab-bar-item:not(:is([hydrated], .hydrated)),
|
|
92
|
+
mds-tab-item:not(:is([hydrated], .hydrated)),
|
|
93
|
+
mds-table:not(:is([hydrated], .hydrated)),
|
|
94
|
+
mds-table-body:not(:is([hydrated], .hydrated)),
|
|
95
|
+
mds-table-cell:not(:is([hydrated], .hydrated)),
|
|
96
|
+
mds-table-footer:not(:is([hydrated], .hydrated)),
|
|
97
|
+
mds-table-header:not(:is([hydrated], .hydrated)),
|
|
98
|
+
mds-table-header-cell:not(:is([hydrated], .hydrated)),
|
|
99
|
+
mds-table-row:not(:is([hydrated], .hydrated)),
|
|
100
|
+
mds-text:not(:is([hydrated], .hydrated)),
|
|
101
|
+
mds-toast:not(:is([hydrated], .hydrated)),
|
|
102
|
+
mds-tooltip:not(:is([hydrated], .hydrated)),
|
|
103
|
+
mds-tree:not(:is([hydrated], .hydrated)),
|
|
104
|
+
mds-tree-item:not(:is([hydrated], .hydrated)),
|
|
105
|
+
mds-url-view:not(:is([hydrated], .hydrated)),
|
|
106
|
+
mds-usage:not(:is([hydrated], .hydrated)),
|
|
107
|
+
mds-video-wall:not(:is([hydrated], .hydrated)),
|
|
108
|
+
mds-zero:not(:is([hydrated], .hydrated))
|
|
109
|
+
{
|
|
110
|
+
animation-duration: 0s;
|
|
111
|
+
border-color: transparent;
|
|
112
|
+
box-shadow: 0 0 0 transparent;
|
|
113
|
+
opacity: 0;
|
|
114
|
+
outline-color: transparent;
|
|
115
|
+
transition-delay: 0s;
|
|
116
|
+
transition-duration: 0s;
|
|
117
|
+
visibility: hidden;
|
|
118
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
export type KeyboardKeyData = {
|
|
2
|
+
alias: string
|
|
3
|
+
description: string
|
|
4
|
+
group: string
|
|
5
|
+
keyCodes: string[]
|
|
6
|
+
keyboardPosition?: { left?: boolean; right?: boolean }
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export type KeyboardKeyName =
|
|
10
|
+
| '0'
|
|
11
|
+
| '1'
|
|
12
|
+
| '2'
|
|
13
|
+
| '3'
|
|
14
|
+
| '4'
|
|
15
|
+
| '5'
|
|
16
|
+
| '6'
|
|
17
|
+
| '7'
|
|
18
|
+
| '8'
|
|
19
|
+
| '9'
|
|
20
|
+
| 'a'
|
|
21
|
+
| 'alt'
|
|
22
|
+
| 'altleft'
|
|
23
|
+
| 'altright'
|
|
24
|
+
| 'arrowdown'
|
|
25
|
+
| 'arrowleft'
|
|
26
|
+
| 'arrowright'
|
|
27
|
+
| 'arrowup'
|
|
28
|
+
| 'b'
|
|
29
|
+
| 'backspace'
|
|
30
|
+
| 'c'
|
|
31
|
+
| 'capslock'
|
|
32
|
+
| 'command'
|
|
33
|
+
| 'commandleft'
|
|
34
|
+
| 'commandright'
|
|
35
|
+
| 'control'
|
|
36
|
+
| 'controlleft'
|
|
37
|
+
| 'controlright'
|
|
38
|
+
| 'd'
|
|
39
|
+
| 'delete'
|
|
40
|
+
| 'e'
|
|
41
|
+
| 'end'
|
|
42
|
+
| 'enter'
|
|
43
|
+
| 'escape'
|
|
44
|
+
| 'f'
|
|
45
|
+
| 'f1'
|
|
46
|
+
| 'f10'
|
|
47
|
+
| 'f11'
|
|
48
|
+
| 'f12'
|
|
49
|
+
| 'f2'
|
|
50
|
+
| 'f3'
|
|
51
|
+
| 'f4'
|
|
52
|
+
| 'f5'
|
|
53
|
+
| 'f6'
|
|
54
|
+
| 'f7'
|
|
55
|
+
| 'f8'
|
|
56
|
+
| 'f9'
|
|
57
|
+
| 'g'
|
|
58
|
+
| 'h'
|
|
59
|
+
| 'home'
|
|
60
|
+
| 'i'
|
|
61
|
+
| 'j'
|
|
62
|
+
| 'k'
|
|
63
|
+
| 'l'
|
|
64
|
+
| 'm'
|
|
65
|
+
| 'n'
|
|
66
|
+
| 'o'
|
|
67
|
+
| 'option'
|
|
68
|
+
| 'optionleft'
|
|
69
|
+
| 'optionright'
|
|
70
|
+
| 'p'
|
|
71
|
+
| 'pagedown'
|
|
72
|
+
| 'pageup'
|
|
73
|
+
| 'q'
|
|
74
|
+
| 'r'
|
|
75
|
+
| 's'
|
|
76
|
+
| 'shift'
|
|
77
|
+
| 'shiftleft'
|
|
78
|
+
| 'shiftright'
|
|
79
|
+
| 'space'
|
|
80
|
+
| 't'
|
|
81
|
+
| 'tab'
|
|
82
|
+
| 'u'
|
|
83
|
+
| 'v'
|
|
84
|
+
| 'w'
|
|
85
|
+
| 'windows'
|
|
86
|
+
| 'windowsleft'
|
|
87
|
+
| 'windowsright'
|
|
88
|
+
| 'x'
|
|
89
|
+
| 'y'
|
|
90
|
+
| 'z'
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
export type KeyboardKeyMap = Record<KeyboardKeyName, KeyboardKeyData>;
|
package/src/type/tree.ts
ADDED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-
|
|
1
|
+
import{p as e,b as a}from"./p-ff420541.js";export{s as setNonce}from"./p-ff420541.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a([["p-4a33e3f5",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],variant:[513],selected:[32],hasFocus:[32]},null,{value:["valueChanged"],disabled:["disabledChanged"]}]]]],e))));
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-595037e8.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as n,c as t,h as r,H as e,g as o}from"./p-ff420541.js";function a(n){var t,r,e="";if("string"==typeof n||"number"==typeof n)e+=n;else if("object"==typeof n)if(Array.isArray(n)){var o=n.length;for(t=0;t<o;t++)n[t]&&(r=a(n[t]))&&(e&&(e+=" "),e+=r)}else for(r in n)n[r]&&(e&&(e+=" "),e+=r);return e}function i(){for(var n,t,r=0,e="",o=arguments.length;r<o;r++)(n=arguments[r])&&(t=a(n))&&(e&&(e+=" "),e+=t);return e}const s=class{constructor(r){n(this,r),this.changeEvent=t(this,"mdsInputSelectChange",7),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.hasFocus=!1,this.disabled=!1,this.required=!1,this.multiple=!1,this.size=0,this.value="",this.onInput=n=>{const t=n.target;t&&(this.value=t.value)},this.onBlur=()=>{this.hasFocus=!1},this.onFocus=()=>{this.hasFocus=!0},this.emptyOptions=()=>{var n;const t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector("select"),r=null==t?void 0:t.querySelectorAll("option");r&&r.forEach(((n,t)=>{this.placeholder||n.remove(),this.placeholder&&t>0&&n.remove()}))},this.onSlotChangeHandler=()=>{var n,t,r;const e=null===(t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelectorAll("slot")[0])||void 0===t?void 0:t.assignedNodes(),o=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector("select"),a=null==o?void 0:o.querySelectorAll("option");a&&(!this.placeholder&&a.length>0&&this.emptyOptions(),this.placeholder&&a.length>1&&this.emptyOptions(),null==e||e.forEach((n=>{null==o||o.appendChild(n.cloneNode(!0))})),this.value?null==o||o.querySelectorAll("option").forEach((n=>{n.selected=n.value===this.value})):this.placeholder||(this.value=null==o?void 0:o.querySelectorAll("option")[0].value))}}valueChanged(){var n,t,r;this.selected=""!==this.value,this.changeEvent.emit({value:null===(n=this.value)||void 0===n?void 0:n.toString()}),this.internals.setFormValue(null!==(r=null===(t=this.value)||void 0===t?void 0:t.toString())&&void 0!==r?r:null)}disabledChanged(n){n&&this.internals.setFormValue(null)}formResetCallback(){this.internals.setFormValue("")}componentDidLoad(){this.value&&(this.selected=!0,this.internals.setFormValue(this.value.toString()))}render(){return r(e,{key:"4530b7a0bc9da6176b222477f7cf41aceaf380f3"},r("select",{key:"6f190cc6924b5f0da6f9703c10eec1e0c55e3360",class:i("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select"},this.placeholder&&r("option",{key:"fca8a6450fb9c1ee9b66efc9b24f7a346673b3c6",value:"",disabled:!0,selected:!0},this.placeholder)),r("div",{key:"557463d7c2cc90f451fd9d18a9df7745352c29dd",class:"icon-container"},r("i",{key:"3b5cd0ddcd86d9ac2dd16717d3536f7daff4a48c",class:"icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>'})),r("div",{key:"c341322713f8b8e739cb3e5d6a9f1b0a163cfadd",class:"option-container"},r("slot",{key:"bffb6b7b0a0be6f2f006f2776e03021fd5f59964",onSlotchange:this.onSlotChangeHandler})),r("mds-input-tip",{key:"b8af860a3f766e829fc811fd8b3aba9f5e33394b",position:"top",active:this.hasFocus},this.disabled&&r("mds-input-tip-item",{key:"ec17d9e2e3b3baab7d6307fa31853fa01a7f78fb",expanded:!0,variant:"disabled"}),this.required&&r("mds-input-tip-item",{key:"459e3ba038297693d650405b7af577d4a44505a8",expanded:this.hasFocus,variant:""===this.value?"required":"required-success"})))}static get formAssociated(){return!0}get host(){return o(this)}static get watchers(){return{value:["valueChanged"],disabled:["disabledChanged"]}}};s.style='@tailwind components;\n@tailwind utilities;\n\n\n:host{\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n\n --mds-input-select-variant-color: var(--tone-neutral-01);\n --mds-input-select-ring: 0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);\n --mds-input-select-shadow: 0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);\n --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n --mds-input-select-arrow-icon-blur-background-color: transparent;\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n --mds-input-select-arrow-icon-hover-color: rgb(var(--mds-input-select-variant-color));\n\n color: rgb(var(--tone-neutral-02));\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n:host([required]:not([required="false"]):focus-within) .icon {\n -webkit-transform: translate(0.375rem, 0.375rem);\n transform: translate(0.375rem, 0.375rem);\n}\n\n:host(:hover),\n:host(:focus-within) {\n\n --mds-input-select-variant-color: var(--variant-primary-03);\n --mds-input-select-ring: 0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);\n --mds-input-select-shadow: 0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);\n --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-hover-background-color);\n --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-hover-color);\n}\n\n.input{\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n\n margin: 0rem;\n\n min-height: 3rem;\n\n width: 100%;\n\n border-radius: 0.5rem;\n\n padding-top: 0.75rem;\n\n padding-bottom: 0.75rem;\n\n padding-left: 1rem;\n\n padding-right: 3rem;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n -webkit-appearance: none;\n\n -moz-appearance: none;\n\n appearance: none;\n background-color: rgb(var(--tone-neutral));\n border: 0;\n -webkit-box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: rgb(var(--tone-neutral-05));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n transition-property: background-color, border-color, box-shadow, color, fill;\n transition-property: background-color, border-color, box-shadow, color, fill, -webkit-box-shadow;\n}\n\n.input:hover,\n.input:focus{\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n color: rgb(var(--tone-neutral-03));\n}\n\n:host([value]:not([value=""])) .input {\n color: rgb(var(--tone-neutral-03));\n}\n\n.input--mds-input-select-selected {\n color: rgb(var(--tone-neutral-02));\n}\n\n.input:disabled {\n background-color: rgb(var(--tone-neutral-09));\n opacity: 1;\n}\n\n:host([disabled]:not([disabled="false"])) {\n pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .input {\n pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .icon {\n fill: rgb(var(--tone-neutral-06));\n -webkit-transform: translate(0.625rem, 0.5rem);\n transform: translate(0.625rem, 0.5rem);\n}\n\n.icon-container{\n\n right: 1rem;\n\n height: 3rem;\n\n -ms-flex-align: center;\n\n align-items: center;\n color: inherit;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n position: absolute;\n}\n\n.icon{\n\n display: -ms-flexbox;\n\n display: flex;\n}\n\n.icon svg{\n\n aspect-ratio: 1/1;\n\n height: 100%;\n\n width: 100%;\n}\n\n.icon{\n\n border-radius: 9999px;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n background-color: var(--mds-input-select-arrow-icon-background-color, rgb(var(--variant-primary-09)));\n fill: var(--mds-input-select-arrow-icon-color, rgb(var(--variant-primary-04)));\n -webkit-transition-property: background-color, fill;\n transition-property: background-color, fill;\n}\n\n.option-container {\n display: none;\n}\n\n@container (max-width: 210px) {\n :host .tip__content,\n :host(:focus-within) .tip__content {\n grid-template-columns: 0fr;\n opacity: 0;\n }\n\n :host .tip {\n padding-left: 0;\n padding-right: 0;\n }\n\n :host {\n\n --mds-input-select-background: rgb(var(--variant-primary-07));\n }\n}\n\n@tailwind utilities;\n\n:host {\n\n --mds-input-select-icon-color: var(--variant-primary-03);\n --mds-input-select-variant-color: 0 0 0;\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--variant-primary-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-04));\n}\n\n:host( :hover ),\n:host( :focus-within ) {\n\n --mds-input-select-variant-color: var(--variant-primary-04);\n}\n\n:host( [variant="info"] ) {\n\n --mds-input-select-icon-color: var(--status-info-05);\n --mds-input-select-tip-background: var(--status-info-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-info-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-info-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-info-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-info-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:hover ),\n:host( [variant="info"]:focus-within ) {\n\n --mds-input-select-icon-color: var(--status-info-04);\n --mds-input-select-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n --mds-input-select-icon-color: var(--status-success-05);\n --mds-input-select-tip-background: var(--status-success-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-success-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-success-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-success-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-success-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:hover ),\n:host( [variant="success"]:focus-within ) {\n\n --mds-input-select-icon-color: var(--status-success-04);\n --mds-input-select-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n --mds-input-select-icon-color: var(--status-warning-05);\n --mds-input-select-tip-background: var(--status-warning-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-warning-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-warning-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-warning-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-warning-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:hover ),\n:host( [variant="warning"]:focus-within ) {\n\n --mds-input-select-icon-color: var(--status-warning-04);\n --mds-input-select-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n --mds-input-select-icon-color: var(--status-error-05);\n --mds-input-select-tip-background: var(--status-error-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-error-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-error-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-error-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-error-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:hover ),\n:host( [variant="error"]:focus-within ) {\n\n --mds-input-select-icon-color: var(--status-error-04);\n --mds-input-select-variant-color: var(--status-error-05);\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host,\n .input,\n .input:hover,\n .input:focus,\n .icon {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host,\n .input,\n .input:hover,\n .input:focus,\n .icon {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n :host {\n\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n }\n\n .input {\n color: rgb(var(--tone-neutral-03));\n }\n}\n\n@container style(--magma-pref-theme: system) {\n\n @media (prefers-color-scheme: dark) {\n :host {\n\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n }\n\n .input {\n color: rgb(var(--tone-neutral-03));\n }\n }\n}\n\n@container style(--magma-pref-contrast: more) {\n :host {\n\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n }\n\n .input {\n color: rgb(var(--tone-neutral-01));\n }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n @media (prefers-contrast: more) {\n :host {\n\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n }\n\n .input {\n color: rgb(var(--tone-neutral-01));\n }\n }\n}\n\n\n:host(:not(:is([hydrated], .hydrated))) {\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n';export{s as mds_input_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,u){function a(e){try{o(r.next(e))}catch(e){u(e)}}function c(e){try{o(r["throw"](e))}catch(e){u(e)}}function o(e){e.done?n(e.value):i(e.value).then(a,c)}o((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(t){return o([e,t])}}function o(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(r=1,i&&(u=c[0]&2?i["return"]:c[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,c[1])).done)return u;if(i=0,u)c=[c[0]&2,u.value];switch(c[0]){case 0:case 1:u=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;i=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(u=n.trys,u=u.length>0&&u[u.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!u||c[1]>u[0]&&c[1]<u[3])){n.label=c[1];break}if(c[0]===6&&n.label<u[1]){n.label=u[1];u=c;break}if(u&&n.label<u[2]){n.label=u[2];n.ops.push(c);break}if(u[2])n.ops.pop();n.trys.pop();continue}c=t.call(e,n)}catch(e){c=[6,e];i=0}finally{r=u=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,u){function a(e){try{o(r.next(e))}catch(e){u(e)}}function c(e){try{o(r["throw"](e))}catch(e){u(e)}}function o(e){e.done?n(e.value):i(e.value).then(a,c)}o((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(t){return o([e,t])}}function o(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(r=1,i&&(u=c[0]&2?i["return"]:c[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,c[1])).done)return u;if(i=0,u)c=[c[0]&2,u.value];switch(c[0]){case 0:case 1:u=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;i=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(u=n.trys,u=u.length>0&&u[u.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!u||c[1]>u[0]&&c[1]<u[3])){n.label=c[1];break}if(c[0]===6&&n.label<u[1]){n.label=u[1];u=c;break}if(u&&n.label<u[2]){n.label=u[2];n.ops.push(c);break}if(u[2])n.ops.pop();n.trys.pop();continue}c=t.call(e,n)}catch(e){c=[6,e];i=0}finally{r=u=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-a2eea2c4.system.js","./p-56ba5cbf.system.js"],(function(e,t){"use strict";var n,r,i;return{setters:[function(t){n=t.p;r=t.b;e("setNonce",t.s)},function(e){i=e.g}],execute:function(){var e=this;var u=function(){var e=t.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return n(r)};u().then((function(t){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,i()];case 1:e.sent();return[2,r([["p-5aa7dd02.system",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],variant:[513],selected:[32],hasFocus:[32]},null,{value:["valueChanged"],disabled:["disabledChanged"]}]]]],t)]}}))}))}))}}}));
|