@vonage/vivid 4.14.2 → 4.14.3

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.
Files changed (78) hide show
  1. package/custom-elements.json +371 -27
  2. package/index.cjs +1 -0
  3. package/index.js +1 -1
  4. package/lib/accordion/definition.d.ts +5 -1
  5. package/lib/combobox/combobox.d.ts +5 -1
  6. package/lib/file-picker/file-picker.d.ts +1 -0
  7. package/lib/menu-item/definition.d.ts +1 -1
  8. package/lib/menu-item/menu-item-role.d.ts +7 -0
  9. package/lib/menu-item/menu-item.d.ts +1 -7
  10. package/lib/number-field/number-field.d.ts +1 -1
  11. package/lib/radio/radio.d.ts +2 -2
  12. package/lib/searchable-select/option-tag.d.ts +2 -2
  13. package/lib/select/select.form-associated.d.ts +1 -1
  14. package/lib/switch/switch.d.ts +1 -0
  15. package/lib/tabs/tabs.d.ts +5 -1
  16. package/lib/text-anchor/text-anchor.d.ts +1 -1
  17. package/lib/tree-item/tree-item.d.ts +1 -1
  18. package/lib/tree-view/tree-view.d.ts +1 -1
  19. package/package.json +1 -1
  20. package/shared/applyMixinsWithObservables.cjs +1 -1
  21. package/shared/applyMixinsWithObservables.js +1 -1
  22. package/shared/definition11.cjs +1 -1
  23. package/shared/definition11.js +1 -1
  24. package/shared/definition16.cjs +63 -30
  25. package/shared/definition16.js +61 -28
  26. package/shared/definition2.cjs +9 -4
  27. package/shared/definition2.js +9 -5
  28. package/shared/definition25.cjs +25 -18
  29. package/shared/definition25.js +26 -19
  30. package/shared/definition29.cjs +12 -30
  31. package/shared/definition29.js +12 -30
  32. package/shared/definition33.cjs +1 -1
  33. package/shared/definition33.js +1 -1
  34. package/shared/definition34.cjs +4 -294
  35. package/shared/definition34.js +4 -294
  36. package/shared/definition41.cjs +1 -1
  37. package/shared/definition41.js +1 -1
  38. package/shared/definition42.cjs +1 -2
  39. package/shared/definition42.js +1 -2
  40. package/shared/definition43.cjs +1 -2
  41. package/shared/definition43.js +1 -2
  42. package/shared/definition46.cjs +2 -2
  43. package/shared/definition46.js +3 -3
  44. package/shared/definition48.cjs +22 -15
  45. package/shared/definition48.js +22 -15
  46. package/shared/definition5.cjs +3 -2
  47. package/shared/definition5.js +3 -2
  48. package/shared/definition51.cjs +11 -402
  49. package/shared/definition51.js +17 -408
  50. package/shared/definition54.js +1 -1
  51. package/shared/definition56.js +1 -1
  52. package/shared/direction.cjs +2 -16
  53. package/shared/direction.js +3 -17
  54. package/shared/foundation/utilities/direction.d.ts +2 -0
  55. package/shared/listbox.cjs +22 -3
  56. package/shared/listbox.js +21 -2
  57. package/shared/text-anchor.cjs +1 -1
  58. package/shared/text-anchor.js +1 -1
  59. package/shared/text-field2.js +1 -1
  60. package/shared/vivid-element.cjs +0 -2
  61. package/shared/vivid-element.js +1 -1
  62. package/styles/core/all.css +1 -1
  63. package/styles/core/theme.css +1 -1
  64. package/styles/core/typography.css +1 -1
  65. package/styles/tokens/theme-dark.css +4 -4
  66. package/styles/tokens/theme-light.css +4 -4
  67. package/styles/tokens/vivid-2-compat.css +1 -1
  68. package/vivid.api.json +70 -3
  69. package/shared/apply-mixins2.cjs +0 -25
  70. package/shared/apply-mixins2.js +0 -23
  71. package/shared/form-associated2.cjs +0 -383
  72. package/shared/form-associated2.js +0 -381
  73. package/shared/foundation-element.cjs +0 -1417
  74. package/shared/foundation-element.js +0 -1414
  75. package/shared/key-codes2.cjs +0 -96
  76. package/shared/key-codes2.js +0 -88
  77. package/shared/start-end.cjs +0 -52
  78. package/shared/start-end.js +0 -50
@@ -1,96 +0,0 @@
1
- 'use strict';
2
-
3
- /**
4
- * Key Code values
5
- * @deprecated - KeyCodes are deprecated, use individual string key exports
6
- */
7
- var KeyCodes;
8
- (function (KeyCodes) {
9
- KeyCodes[KeyCodes["alt"] = 18] = "alt";
10
- KeyCodes[KeyCodes["arrowDown"] = 40] = "arrowDown";
11
- KeyCodes[KeyCodes["arrowLeft"] = 37] = "arrowLeft";
12
- KeyCodes[KeyCodes["arrowRight"] = 39] = "arrowRight";
13
- KeyCodes[KeyCodes["arrowUp"] = 38] = "arrowUp";
14
- KeyCodes[KeyCodes["back"] = 8] = "back";
15
- KeyCodes[KeyCodes["backSlash"] = 220] = "backSlash";
16
- KeyCodes[KeyCodes["break"] = 19] = "break";
17
- KeyCodes[KeyCodes["capsLock"] = 20] = "capsLock";
18
- KeyCodes[KeyCodes["closeBracket"] = 221] = "closeBracket";
19
- KeyCodes[KeyCodes["colon"] = 186] = "colon";
20
- KeyCodes[KeyCodes["colon2"] = 59] = "colon2";
21
- KeyCodes[KeyCodes["comma"] = 188] = "comma";
22
- KeyCodes[KeyCodes["ctrl"] = 17] = "ctrl";
23
- KeyCodes[KeyCodes["delete"] = 46] = "delete";
24
- KeyCodes[KeyCodes["end"] = 35] = "end";
25
- KeyCodes[KeyCodes["enter"] = 13] = "enter";
26
- KeyCodes[KeyCodes["equals"] = 187] = "equals";
27
- KeyCodes[KeyCodes["equals2"] = 61] = "equals2";
28
- KeyCodes[KeyCodes["equals3"] = 107] = "equals3";
29
- KeyCodes[KeyCodes["escape"] = 27] = "escape";
30
- KeyCodes[KeyCodes["forwardSlash"] = 191] = "forwardSlash";
31
- KeyCodes[KeyCodes["function1"] = 112] = "function1";
32
- KeyCodes[KeyCodes["function10"] = 121] = "function10";
33
- KeyCodes[KeyCodes["function11"] = 122] = "function11";
34
- KeyCodes[KeyCodes["function12"] = 123] = "function12";
35
- KeyCodes[KeyCodes["function2"] = 113] = "function2";
36
- KeyCodes[KeyCodes["function3"] = 114] = "function3";
37
- KeyCodes[KeyCodes["function4"] = 115] = "function4";
38
- KeyCodes[KeyCodes["function5"] = 116] = "function5";
39
- KeyCodes[KeyCodes["function6"] = 117] = "function6";
40
- KeyCodes[KeyCodes["function7"] = 118] = "function7";
41
- KeyCodes[KeyCodes["function8"] = 119] = "function8";
42
- KeyCodes[KeyCodes["function9"] = 120] = "function9";
43
- KeyCodes[KeyCodes["home"] = 36] = "home";
44
- KeyCodes[KeyCodes["insert"] = 45] = "insert";
45
- KeyCodes[KeyCodes["menu"] = 93] = "menu";
46
- KeyCodes[KeyCodes["minus"] = 189] = "minus";
47
- KeyCodes[KeyCodes["minus2"] = 109] = "minus2";
48
- KeyCodes[KeyCodes["numLock"] = 144] = "numLock";
49
- KeyCodes[KeyCodes["numPad0"] = 96] = "numPad0";
50
- KeyCodes[KeyCodes["numPad1"] = 97] = "numPad1";
51
- KeyCodes[KeyCodes["numPad2"] = 98] = "numPad2";
52
- KeyCodes[KeyCodes["numPad3"] = 99] = "numPad3";
53
- KeyCodes[KeyCodes["numPad4"] = 100] = "numPad4";
54
- KeyCodes[KeyCodes["numPad5"] = 101] = "numPad5";
55
- KeyCodes[KeyCodes["numPad6"] = 102] = "numPad6";
56
- KeyCodes[KeyCodes["numPad7"] = 103] = "numPad7";
57
- KeyCodes[KeyCodes["numPad8"] = 104] = "numPad8";
58
- KeyCodes[KeyCodes["numPad9"] = 105] = "numPad9";
59
- KeyCodes[KeyCodes["numPadDivide"] = 111] = "numPadDivide";
60
- KeyCodes[KeyCodes["numPadDot"] = 110] = "numPadDot";
61
- KeyCodes[KeyCodes["numPadMinus"] = 109] = "numPadMinus";
62
- KeyCodes[KeyCodes["numPadMultiply"] = 106] = "numPadMultiply";
63
- KeyCodes[KeyCodes["numPadPlus"] = 107] = "numPadPlus";
64
- KeyCodes[KeyCodes["openBracket"] = 219] = "openBracket";
65
- KeyCodes[KeyCodes["pageDown"] = 34] = "pageDown";
66
- KeyCodes[KeyCodes["pageUp"] = 33] = "pageUp";
67
- KeyCodes[KeyCodes["period"] = 190] = "period";
68
- KeyCodes[KeyCodes["print"] = 44] = "print";
69
- KeyCodes[KeyCodes["quote"] = 222] = "quote";
70
- KeyCodes[KeyCodes["scrollLock"] = 145] = "scrollLock";
71
- KeyCodes[KeyCodes["shift"] = 16] = "shift";
72
- KeyCodes[KeyCodes["space"] = 32] = "space";
73
- KeyCodes[KeyCodes["tab"] = 9] = "tab";
74
- KeyCodes[KeyCodes["tilde"] = 192] = "tilde";
75
- KeyCodes[KeyCodes["windowsLeft"] = 91] = "windowsLeft";
76
- KeyCodes[KeyCodes["windowsOpera"] = 219] = "windowsOpera";
77
- KeyCodes[KeyCodes["windowsRight"] = 92] = "windowsRight";
78
- })(KeyCodes || (KeyCodes = {}));
79
- /**
80
- * String values for use with KeyboardEvent.key
81
- */
82
- const keyArrowDown = "ArrowDown";
83
- const keyArrowLeft = "ArrowLeft";
84
- const keyArrowRight = "ArrowRight";
85
- const keyArrowUp = "ArrowUp";
86
- const keyEnter = "Enter";
87
- const keyHome = "Home";
88
- const keyEnd = "End";
89
-
90
- exports.keyArrowDown = keyArrowDown;
91
- exports.keyArrowLeft = keyArrowLeft;
92
- exports.keyArrowRight = keyArrowRight;
93
- exports.keyArrowUp = keyArrowUp;
94
- exports.keyEnd = keyEnd;
95
- exports.keyEnter = keyEnter;
96
- exports.keyHome = keyHome;
@@ -1,88 +0,0 @@
1
- /**
2
- * Key Code values
3
- * @deprecated - KeyCodes are deprecated, use individual string key exports
4
- */
5
- var KeyCodes;
6
- (function (KeyCodes) {
7
- KeyCodes[KeyCodes["alt"] = 18] = "alt";
8
- KeyCodes[KeyCodes["arrowDown"] = 40] = "arrowDown";
9
- KeyCodes[KeyCodes["arrowLeft"] = 37] = "arrowLeft";
10
- KeyCodes[KeyCodes["arrowRight"] = 39] = "arrowRight";
11
- KeyCodes[KeyCodes["arrowUp"] = 38] = "arrowUp";
12
- KeyCodes[KeyCodes["back"] = 8] = "back";
13
- KeyCodes[KeyCodes["backSlash"] = 220] = "backSlash";
14
- KeyCodes[KeyCodes["break"] = 19] = "break";
15
- KeyCodes[KeyCodes["capsLock"] = 20] = "capsLock";
16
- KeyCodes[KeyCodes["closeBracket"] = 221] = "closeBracket";
17
- KeyCodes[KeyCodes["colon"] = 186] = "colon";
18
- KeyCodes[KeyCodes["colon2"] = 59] = "colon2";
19
- KeyCodes[KeyCodes["comma"] = 188] = "comma";
20
- KeyCodes[KeyCodes["ctrl"] = 17] = "ctrl";
21
- KeyCodes[KeyCodes["delete"] = 46] = "delete";
22
- KeyCodes[KeyCodes["end"] = 35] = "end";
23
- KeyCodes[KeyCodes["enter"] = 13] = "enter";
24
- KeyCodes[KeyCodes["equals"] = 187] = "equals";
25
- KeyCodes[KeyCodes["equals2"] = 61] = "equals2";
26
- KeyCodes[KeyCodes["equals3"] = 107] = "equals3";
27
- KeyCodes[KeyCodes["escape"] = 27] = "escape";
28
- KeyCodes[KeyCodes["forwardSlash"] = 191] = "forwardSlash";
29
- KeyCodes[KeyCodes["function1"] = 112] = "function1";
30
- KeyCodes[KeyCodes["function10"] = 121] = "function10";
31
- KeyCodes[KeyCodes["function11"] = 122] = "function11";
32
- KeyCodes[KeyCodes["function12"] = 123] = "function12";
33
- KeyCodes[KeyCodes["function2"] = 113] = "function2";
34
- KeyCodes[KeyCodes["function3"] = 114] = "function3";
35
- KeyCodes[KeyCodes["function4"] = 115] = "function4";
36
- KeyCodes[KeyCodes["function5"] = 116] = "function5";
37
- KeyCodes[KeyCodes["function6"] = 117] = "function6";
38
- KeyCodes[KeyCodes["function7"] = 118] = "function7";
39
- KeyCodes[KeyCodes["function8"] = 119] = "function8";
40
- KeyCodes[KeyCodes["function9"] = 120] = "function9";
41
- KeyCodes[KeyCodes["home"] = 36] = "home";
42
- KeyCodes[KeyCodes["insert"] = 45] = "insert";
43
- KeyCodes[KeyCodes["menu"] = 93] = "menu";
44
- KeyCodes[KeyCodes["minus"] = 189] = "minus";
45
- KeyCodes[KeyCodes["minus2"] = 109] = "minus2";
46
- KeyCodes[KeyCodes["numLock"] = 144] = "numLock";
47
- KeyCodes[KeyCodes["numPad0"] = 96] = "numPad0";
48
- KeyCodes[KeyCodes["numPad1"] = 97] = "numPad1";
49
- KeyCodes[KeyCodes["numPad2"] = 98] = "numPad2";
50
- KeyCodes[KeyCodes["numPad3"] = 99] = "numPad3";
51
- KeyCodes[KeyCodes["numPad4"] = 100] = "numPad4";
52
- KeyCodes[KeyCodes["numPad5"] = 101] = "numPad5";
53
- KeyCodes[KeyCodes["numPad6"] = 102] = "numPad6";
54
- KeyCodes[KeyCodes["numPad7"] = 103] = "numPad7";
55
- KeyCodes[KeyCodes["numPad8"] = 104] = "numPad8";
56
- KeyCodes[KeyCodes["numPad9"] = 105] = "numPad9";
57
- KeyCodes[KeyCodes["numPadDivide"] = 111] = "numPadDivide";
58
- KeyCodes[KeyCodes["numPadDot"] = 110] = "numPadDot";
59
- KeyCodes[KeyCodes["numPadMinus"] = 109] = "numPadMinus";
60
- KeyCodes[KeyCodes["numPadMultiply"] = 106] = "numPadMultiply";
61
- KeyCodes[KeyCodes["numPadPlus"] = 107] = "numPadPlus";
62
- KeyCodes[KeyCodes["openBracket"] = 219] = "openBracket";
63
- KeyCodes[KeyCodes["pageDown"] = 34] = "pageDown";
64
- KeyCodes[KeyCodes["pageUp"] = 33] = "pageUp";
65
- KeyCodes[KeyCodes["period"] = 190] = "period";
66
- KeyCodes[KeyCodes["print"] = 44] = "print";
67
- KeyCodes[KeyCodes["quote"] = 222] = "quote";
68
- KeyCodes[KeyCodes["scrollLock"] = 145] = "scrollLock";
69
- KeyCodes[KeyCodes["shift"] = 16] = "shift";
70
- KeyCodes[KeyCodes["space"] = 32] = "space";
71
- KeyCodes[KeyCodes["tab"] = 9] = "tab";
72
- KeyCodes[KeyCodes["tilde"] = 192] = "tilde";
73
- KeyCodes[KeyCodes["windowsLeft"] = 91] = "windowsLeft";
74
- KeyCodes[KeyCodes["windowsOpera"] = 219] = "windowsOpera";
75
- KeyCodes[KeyCodes["windowsRight"] = 92] = "windowsRight";
76
- })(KeyCodes || (KeyCodes = {}));
77
- /**
78
- * String values for use with KeyboardEvent.key
79
- */
80
- const keyArrowDown = "ArrowDown";
81
- const keyArrowLeft = "ArrowLeft";
82
- const keyArrowRight = "ArrowRight";
83
- const keyArrowUp = "ArrowUp";
84
- const keyEnter = "Enter";
85
- const keyHome = "Home";
86
- const keyEnd = "End";
87
-
88
- export { keyArrowRight as a, keyArrowLeft as b, keyArrowDown as c, keyArrowUp as d, keyEnd as e, keyHome as f, keyEnter as k };
@@ -1,52 +0,0 @@
1
- 'use strict';
2
-
3
- const vividElement = require('./vivid-element.cjs');
4
- const ref = require('./ref.cjs');
5
-
6
- /**
7
- * A mixin class implementing start and end elements.
8
- * These are generally used to decorate text elements with icons or other visual indicators.
9
- * @public
10
- */
11
- class StartEnd {
12
- handleStartContentChange() {
13
- this.startContainer.classList.toggle("start", this.start.assignedNodes().length > 0);
14
- }
15
- handleEndContentChange() {
16
- this.endContainer.classList.toggle("end", this.end.assignedNodes().length > 0);
17
- }
18
- }
19
- /**
20
- * The template for the end element.
21
- * For use with {@link StartEnd}
22
- *
23
- * @public
24
- * @deprecated - use endSlotTemplate
25
- */
26
- vividElement.html `
27
- <span part="end" ${ref.ref("endContainer")}>
28
- <slot
29
- name="end"
30
- ${ref.ref("end")}
31
- @slotchange="${x => x.handleEndContentChange()}"
32
- ></slot>
33
- </span>
34
- `;
35
- /**
36
- * The template for the start element.
37
- * For use with {@link StartEnd}
38
- *
39
- * @public
40
- * @deprecated - use startSlotTemplate
41
- */
42
- vividElement.html `
43
- <span part="start" ${ref.ref("startContainer")}>
44
- <slot
45
- name="start"
46
- ${ref.ref("start")}
47
- @slotchange="${x => x.handleStartContentChange()}"
48
- ></slot>
49
- </span>
50
- `;
51
-
52
- exports.StartEnd = StartEnd;
@@ -1,50 +0,0 @@
1
- import { h as html } from './vivid-element.js';
2
- import { r as ref } from './ref.js';
3
-
4
- /**
5
- * A mixin class implementing start and end elements.
6
- * These are generally used to decorate text elements with icons or other visual indicators.
7
- * @public
8
- */
9
- class StartEnd {
10
- handleStartContentChange() {
11
- this.startContainer.classList.toggle("start", this.start.assignedNodes().length > 0);
12
- }
13
- handleEndContentChange() {
14
- this.endContainer.classList.toggle("end", this.end.assignedNodes().length > 0);
15
- }
16
- }
17
- /**
18
- * The template for the end element.
19
- * For use with {@link StartEnd}
20
- *
21
- * @public
22
- * @deprecated - use endSlotTemplate
23
- */
24
- html `
25
- <span part="end" ${ref("endContainer")}>
26
- <slot
27
- name="end"
28
- ${ref("end")}
29
- @slotchange="${x => x.handleEndContentChange()}"
30
- ></slot>
31
- </span>
32
- `;
33
- /**
34
- * The template for the start element.
35
- * For use with {@link StartEnd}
36
- *
37
- * @public
38
- * @deprecated - use startSlotTemplate
39
- */
40
- html `
41
- <span part="start" ${ref("startContainer")}>
42
- <slot
43
- name="start"
44
- ${ref("start")}
45
- @slotchange="${x => x.handleStartContentChange()}"
46
- ></slot>
47
- </span>
48
- `;
49
-
50
- export { StartEnd as S };