@vonage/vivid 5.21.0 → 5.23.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.
Files changed (284) hide show
  1. package/accordion/index.cjs +1 -1
  2. package/accordion/index.js +2 -2
  3. package/alert/index.cjs +1 -1
  4. package/alert/index.js +1 -1
  5. package/audio-player/index.cjs +3 -5
  6. package/audio-player/index.js +30 -32
  7. package/avatar/index.cjs +1 -1
  8. package/avatar/index.js +1 -1
  9. package/banner/index.cjs +1 -1
  10. package/banner/index.js +1 -1
  11. package/bundled/affix.cjs +4 -4
  12. package/bundled/affix.js +4 -4
  13. package/bundled/base-color-picker.cjs +2 -2
  14. package/bundled/base-color-picker.js +2 -2
  15. package/bundled/button.cjs +1 -1
  16. package/bundled/button.js +1 -1
  17. package/bundled/definition10.cjs +1 -1
  18. package/bundled/definition10.js +1 -1
  19. package/bundled/definition13.cjs +1 -1
  20. package/bundled/definition13.js +1 -1
  21. package/bundled/definition15.cjs +1 -1
  22. package/bundled/definition15.js +2 -2
  23. package/bundled/definition16.cjs +2 -2
  24. package/bundled/definition16.js +2 -2
  25. package/bundled/definition17.cjs +1 -1
  26. package/bundled/definition17.js +1 -1
  27. package/bundled/definition18.cjs +2 -2
  28. package/bundled/definition18.js +14 -5
  29. package/bundled/definition19.cjs +1 -1
  30. package/bundled/definition19.js +1 -1
  31. package/bundled/definition20.cjs +1 -1
  32. package/bundled/definition20.js +1 -1
  33. package/bundled/definition21.cjs +1 -1
  34. package/bundled/definition21.js +2 -2
  35. package/bundled/definition24.cjs +1 -1
  36. package/bundled/definition24.js +1 -1
  37. package/bundled/definition3.cjs +1 -1
  38. package/bundled/definition3.js +3 -3
  39. package/bundled/definition4.cjs +1 -1
  40. package/bundled/definition4.js +1 -1
  41. package/bundled/definition5.cjs +1 -1
  42. package/bundled/definition5.js +1 -1
  43. package/bundled/definition6.cjs +1 -1
  44. package/bundled/definition6.js +2 -1
  45. package/bundled/definition8.cjs +1 -1
  46. package/bundled/definition8.js +12 -6
  47. package/bundled/definition9.cjs +1 -1
  48. package/bundled/definition9.js +1 -1
  49. package/bundled/form-associated.cjs +1 -1
  50. package/bundled/form-associated.js +2 -2
  51. package/bundled/listbox.cjs +1 -1
  52. package/bundled/listbox.js +5 -5
  53. package/bundled/numberConverter.cjs +1 -1
  54. package/bundled/numberConverter.js +2 -2
  55. package/bundled/slider.template.cjs +1 -1
  56. package/bundled/slider.template.js +1 -1
  57. package/bundled/vivid-element.cjs +1 -1
  58. package/bundled/vivid-element.js +1 -1
  59. package/bundled/with-contextual-help.cjs +1 -1
  60. package/bundled/with-contextual-help.js +1 -1
  61. package/calendar/index.cjs +1 -1
  62. package/calendar/index.js +3 -3
  63. package/color-picker/index.cjs +20 -20
  64. package/color-picker/index.js +22 -22
  65. package/combobox/index.cjs +1 -1
  66. package/combobox/index.js +6 -6
  67. package/country-group/index.cjs +1 -1
  68. package/country-group/index.js +1 -1
  69. package/custom-elements.json +1270 -1228
  70. package/data-grid/index.cjs +2 -2
  71. package/data-grid/index.js +12 -10
  72. package/dial-pad/index.cjs +1 -1
  73. package/dial-pad/index.js +2 -2
  74. package/dialog/index.cjs +1 -1
  75. package/dialog/index.js +1 -1
  76. package/fab/index.cjs +1 -1
  77. package/fab/index.js +1 -0
  78. package/header/index.cjs +1 -1
  79. package/header/index.js +1 -1
  80. package/lib/audio-player/audio-player.d.ts +0 -1
  81. package/lib/calendar/helpers/calendar.keyboard-interactions.d.ts +1 -1
  82. package/lib/checkbox/checkbox.d.ts +16 -16
  83. package/lib/color-picker/color-picker.d.ts +16 -16
  84. package/lib/combobox/combobox.d.ts +21 -21
  85. package/lib/date-picker/date-picker.d.ts +26 -26
  86. package/lib/date-range-picker/date-range-picker.d.ts +14 -14
  87. package/lib/date-time-picker/date-time-picker.d.ts +24 -24
  88. package/lib/dial-pad/dial-pad.d.ts +1 -1
  89. package/lib/file-picker/file-picker.d.ts +21 -21
  90. package/lib/menu/menu.d.ts +1 -1
  91. package/lib/number-field/number-field.d.ts +22 -22
  92. package/lib/popup/popup.d.ts +2 -1
  93. package/lib/radio/radio.d.ts +16 -16
  94. package/lib/range-slider/range-slider.d.ts +10 -10
  95. package/lib/rich-text-editor/popover.d.ts +1 -1
  96. package/lib/rich-text-editor/rte/exports.d.ts +1 -0
  97. package/lib/rich-text-editor/rte/feature.d.ts +5 -5
  98. package/lib/rich-text-editor/rte/features/drop-handler.d.ts +1 -2
  99. package/lib/rich-text-editor/rte/features/internal/core.d.ts +8 -0
  100. package/lib/rich-text-editor/rte/features/keyboard-shortcuts.d.ts +1 -1
  101. package/lib/rich-text-editor/rte/features/text-color-picker.d.ts +1 -1
  102. package/lib/rich-text-editor/rte/instance.d.ts +1 -0
  103. package/lib/rich-text-editor/rte/public-interface.d.ts +3 -0
  104. package/lib/rich-text-editor/rte/utils/ui.d.ts +1 -1
  105. package/lib/searchable-select/searchable-select.d.ts +21 -21
  106. package/lib/select/select.d.ts +22 -22
  107. package/lib/simple-color-picker/simple-color-picker.d.ts +5 -5
  108. package/lib/slider/slider.d.ts +5 -5
  109. package/lib/switch/switch.d.ts +5 -5
  110. package/lib/table/table-body.template.d.ts +1 -2
  111. package/lib/table/table-cell.template.d.ts +1 -2
  112. package/lib/table/table-head.template.d.ts +1 -2
  113. package/lib/table/table-row.template.d.ts +1 -2
  114. package/lib/table/table.template.d.ts +1 -2
  115. package/lib/text-area/text-area.d.ts +21 -21
  116. package/lib/text-field/text-field.d.ts +22 -22
  117. package/lib/time-picker/time-picker.d.ts +12 -12
  118. package/nav-disclosure/index.cjs +1 -1
  119. package/nav-disclosure/index.js +1 -1
  120. package/nav-item/index.cjs +1 -1
  121. package/nav-item/index.js +1 -1
  122. package/package.json +9 -7
  123. package/pagination/index.cjs +1 -1
  124. package/pagination/index.js +9 -2
  125. package/popover/index.cjs +1 -1
  126. package/popover/index.js +1 -1
  127. package/progress/index.cjs +1 -1
  128. package/progress/index.js +1 -1
  129. package/radio-group/index.cjs +1 -1
  130. package/radio-group/index.js +21 -19
  131. package/range-slider/index.cjs +1 -1
  132. package/range-slider/index.js +1 -1
  133. package/rich-text-editor/index.cjs +4 -3
  134. package/rich-text-editor/index.js +55 -27
  135. package/selectable-box/index.cjs +1 -1
  136. package/selectable-box/index.js +6 -1
  137. package/shared/color-picker/base-color-picker.d.ts +5 -5
  138. package/shared/feedback/mixins.d.ts +1 -1
  139. package/shared/foundation/button/button.d.ts +5 -5
  140. package/shared/foundation/form-associated/form-associated.d.ts +10 -10
  141. package/shared/foundation/listbox/listbox.d.ts +1 -1
  142. package/shared/patterns/form-elements/form-element.d.ts +5 -5
  143. package/shared/patterns/form-elements/with-contextual-help.d.ts +5 -5
  144. package/shared/patterns/form-elements/with-error-text.d.ts +6 -6
  145. package/shared/picker-field/mixins/calendar-picker.d.ts +6 -6
  146. package/shared/picker-field/mixins/calendar-picker.template.d.ts +6 -6
  147. package/shared/picker-field/mixins/min-max-calendar-picker.d.ts +8 -8
  148. package/shared/picker-field/mixins/single-date-picker.d.ts +6 -6
  149. package/shared/picker-field/mixins/single-value-picker.d.ts +6 -6
  150. package/shared/picker-field/mixins/time-selection-picker.d.ts +6 -6
  151. package/shared/picker-field/mixins/time-selection-picker.template.d.ts +12 -12
  152. package/shared/picker-field/picker-field.d.ts +21 -21
  153. package/shared/utils/slottable-request.d.ts +1 -1
  154. package/split-button/index.cjs +1 -1
  155. package/split-button/index.js +2 -0
  156. package/switch/index.cjs +1 -1
  157. package/switch/index.js +1 -1
  158. package/table/index.cjs +5 -5
  159. package/table/index.js +5 -5
  160. package/tabs/index.cjs +1 -1
  161. package/tabs/index.js +2 -2
  162. package/tag/index.cjs +1 -1
  163. package/tag/index.js +1 -1
  164. package/tree-view/index.cjs +1 -1
  165. package/tree-view/index.js +0 -2
  166. package/unbundled/affix.cjs +4 -4
  167. package/unbundled/affix.js +4 -4
  168. package/unbundled/base-color-picker.cjs +3 -3
  169. package/unbundled/base-color-picker.js +3 -3
  170. package/unbundled/button.cjs +5 -5
  171. package/unbundled/button.js +5 -5
  172. package/unbundled/definition10.cjs +15 -4
  173. package/unbundled/definition10.js +15 -4
  174. package/unbundled/definition11.cjs +3 -3
  175. package/unbundled/definition11.js +3 -3
  176. package/unbundled/definition12.cjs +1 -1
  177. package/unbundled/definition12.js +1 -1
  178. package/unbundled/definition13.cjs +2 -2
  179. package/unbundled/definition13.js +2 -2
  180. package/unbundled/definition14.cjs +73 -76
  181. package/unbundled/definition14.js +73 -76
  182. package/unbundled/definition15.cjs +1 -1
  183. package/unbundled/definition15.js +1 -1
  184. package/unbundled/definition17.cjs +1 -1
  185. package/unbundled/definition17.js +1 -1
  186. package/unbundled/definition19.cjs +2 -1
  187. package/unbundled/definition19.js +2 -1
  188. package/unbundled/definition2.cjs +1 -1
  189. package/unbundled/definition2.js +1 -1
  190. package/unbundled/definition21.cjs +3 -3
  191. package/unbundled/definition21.js +3 -3
  192. package/unbundled/definition23.cjs +2 -2
  193. package/unbundled/definition23.js +2 -2
  194. package/unbundled/definition24.cjs +1 -1
  195. package/unbundled/definition24.js +1 -1
  196. package/unbundled/definition27.cjs +1 -1
  197. package/unbundled/definition27.js +1 -1
  198. package/unbundled/definition28.cjs +23 -23
  199. package/unbundled/definition28.js +23 -23
  200. package/unbundled/definition29.cjs +1 -1
  201. package/unbundled/definition29.js +1 -1
  202. package/unbundled/definition3.cjs +2 -2
  203. package/unbundled/definition3.js +2 -2
  204. package/unbundled/definition30.cjs +7 -7
  205. package/unbundled/definition30.js +7 -7
  206. package/unbundled/definition32.cjs +1 -1
  207. package/unbundled/definition32.js +1 -1
  208. package/unbundled/definition34.cjs +9 -8
  209. package/unbundled/definition34.js +9 -8
  210. package/unbundled/definition35.cjs +1 -1
  211. package/unbundled/definition35.js +1 -1
  212. package/unbundled/definition39.cjs +2 -2
  213. package/unbundled/definition39.js +2 -2
  214. package/unbundled/definition40.cjs +1 -1
  215. package/unbundled/definition40.js +1 -1
  216. package/unbundled/definition42.cjs +1 -0
  217. package/unbundled/definition42.js +1 -0
  218. package/unbundled/definition44.cjs +1 -1
  219. package/unbundled/definition44.js +1 -1
  220. package/unbundled/definition48.cjs +1 -1
  221. package/unbundled/definition48.js +1 -1
  222. package/unbundled/definition49.cjs +1 -1
  223. package/unbundled/definition49.js +1 -1
  224. package/unbundled/definition5.cjs +1 -1
  225. package/unbundled/definition5.js +1 -1
  226. package/unbundled/definition53.cjs +10 -3
  227. package/unbundled/definition53.js +10 -3
  228. package/unbundled/definition55.cjs +1 -1
  229. package/unbundled/definition55.js +1 -1
  230. package/unbundled/definition56.cjs +1 -1
  231. package/unbundled/definition56.js +1 -1
  232. package/unbundled/definition57.cjs +4 -5
  233. package/unbundled/definition57.js +4 -5
  234. package/unbundled/definition58.cjs +20 -19
  235. package/unbundled/definition58.js +20 -19
  236. package/unbundled/definition59.cjs +1 -1
  237. package/unbundled/definition59.js +1 -1
  238. package/unbundled/definition60.cjs +47 -9
  239. package/unbundled/definition60.js +47 -9
  240. package/unbundled/definition61.cjs +12 -6
  241. package/unbundled/definition61.js +12 -6
  242. package/unbundled/definition64.cjs +4 -1
  243. package/unbundled/definition64.js +4 -1
  244. package/unbundled/definition65.cjs +2 -1
  245. package/unbundled/definition65.js +2 -1
  246. package/unbundled/definition67.cjs +2 -0
  247. package/unbundled/definition67.js +2 -0
  248. package/unbundled/definition69.cjs +3 -2
  249. package/unbundled/definition69.js +3 -2
  250. package/unbundled/definition7.cjs +2 -1
  251. package/unbundled/definition7.js +2 -1
  252. package/unbundled/definition71.cjs +1 -1
  253. package/unbundled/definition71.js +1 -1
  254. package/unbundled/definition72.cjs +5 -5
  255. package/unbundled/definition72.js +5 -5
  256. package/unbundled/definition73.cjs +2 -2
  257. package/unbundled/definition73.js +2 -2
  258. package/unbundled/definition75.cjs +1 -1
  259. package/unbundled/definition75.js +1 -1
  260. package/unbundled/definition78.cjs +1 -1
  261. package/unbundled/definition78.js +1 -1
  262. package/unbundled/definition79.cjs +0 -2
  263. package/unbundled/definition79.js +0 -2
  264. package/unbundled/definition80.cjs +1 -1
  265. package/unbundled/definition80.js +1 -1
  266. package/unbundled/definition9.cjs +1 -1
  267. package/unbundled/definition9.js +1 -1
  268. package/unbundled/form-associated.cjs +2 -2
  269. package/unbundled/form-associated.js +2 -2
  270. package/unbundled/listbox.cjs +7 -7
  271. package/unbundled/listbox.js +7 -7
  272. package/unbundled/numberConverter.cjs +2 -2
  273. package/unbundled/numberConverter.js +2 -2
  274. package/unbundled/slider.template.cjs +1 -1
  275. package/unbundled/slider.template.js +1 -1
  276. package/unbundled/slottable-request.cjs +5 -5
  277. package/unbundled/slottable-request.js +5 -5
  278. package/unbundled/vivid-element.cjs +1 -1
  279. package/unbundled/vivid-element.js +1 -1
  280. package/unbundled/with-contextual-help.cjs +4 -1
  281. package/unbundled/with-contextual-help.js +4 -1
  282. package/video-player/index.cjs +1 -1
  283. package/video-player/index.js +1 -1
  284. package/vivid.api.json +60 -18
@@ -36,7 +36,7 @@ var table_cell_default = ":host{border-bottom:1px solid var(--vvd-color-neutral-
36
36
  var Table = class extends require_vivid_element.VividElement {};
37
37
  //#endregion
38
38
  //#region src/lib/table/table.template.ts
39
- var TableTemplate = (context) => {
39
+ var TableTemplate = () => {
40
40
  return _microsoft_fast_element.html`
41
41
  <template role="table">
42
42
  <div part="inner-container" class="table-inner-container">
@@ -58,7 +58,7 @@ var tableHeadName = "table-head";
58
58
  var TableHead = class extends require_vivid_element.VividElement {};
59
59
  //#endregion
60
60
  //#region src/lib/table/table-head.template.ts
61
- var TableHeadTemplate = (context) => {
61
+ var TableHeadTemplate = () => {
62
62
  return _microsoft_fast_element.html`
63
63
  <template>
64
64
  <slot></slot>
@@ -75,7 +75,7 @@ var TableHeadTemplate = (context) => {
75
75
  var TableBody = class extends require_vivid_element.VividElement {};
76
76
  //#endregion
77
77
  //#region src/lib/table/table-body.template.ts
78
- var TableBodyTemplate = (context) => {
78
+ var TableBodyTemplate = () => {
79
79
  return _microsoft_fast_element.html`
80
80
  <template>
81
81
  <slot></slot>
@@ -92,7 +92,7 @@ var TableBodyTemplate = (context) => {
92
92
  var TableRow = class extends require_host_semantics.HostSemantics(require_vivid_element.VividElement) {};
93
93
  //#endregion
94
94
  //#region src/lib/table/table-row.template.ts
95
- var TableRowTemplate = (context) => {
95
+ var TableRowTemplate = () => {
96
96
  return _microsoft_fast_element.html`
97
97
  <template
98
98
  ${require_host_semantics.applyHostSemantics({ role: "row" })}
@@ -153,7 +153,7 @@ var TableHeaderCellTemplate = (context) => {
153
153
  var TableCell = class extends require_host_semantics.HostSemantics(require_vivid_element.VividElement) {};
154
154
  //#endregion
155
155
  //#region src/lib/table/table-cell.template.ts
156
- var TableCellTemplate = (context) => {
156
+ var TableCellTemplate = () => {
157
157
  return _microsoft_fast_element.html`
158
158
  <template
159
159
  ${require_host_semantics.applyHostSemantics({ role: () => "cell" })}
@@ -35,7 +35,7 @@ var table_cell_default = ":host{border-bottom:1px solid var(--vvd-color-neutral-
35
35
  var Table = class extends VividElement {};
36
36
  //#endregion
37
37
  //#region src/lib/table/table.template.ts
38
- var TableTemplate = (context) => {
38
+ var TableTemplate = () => {
39
39
  return html`
40
40
  <template role="table">
41
41
  <div part="inner-container" class="table-inner-container">
@@ -57,7 +57,7 @@ var tableHeadName = "table-head";
57
57
  var TableHead = class extends VividElement {};
58
58
  //#endregion
59
59
  //#region src/lib/table/table-head.template.ts
60
- var TableHeadTemplate = (context) => {
60
+ var TableHeadTemplate = () => {
61
61
  return html`
62
62
  <template>
63
63
  <slot></slot>
@@ -74,7 +74,7 @@ var TableHeadTemplate = (context) => {
74
74
  var TableBody = class extends VividElement {};
75
75
  //#endregion
76
76
  //#region src/lib/table/table-body.template.ts
77
- var TableBodyTemplate = (context) => {
77
+ var TableBodyTemplate = () => {
78
78
  return html`
79
79
  <template>
80
80
  <slot></slot>
@@ -91,7 +91,7 @@ var TableBodyTemplate = (context) => {
91
91
  var TableRow = class extends HostSemantics(VividElement) {};
92
92
  //#endregion
93
93
  //#region src/lib/table/table-row.template.ts
94
- var TableRowTemplate = (context) => {
94
+ var TableRowTemplate = () => {
95
95
  return html`
96
96
  <template
97
97
  ${applyHostSemantics({ role: "row" })}
@@ -152,7 +152,7 @@ var TableHeaderCellTemplate = (context) => {
152
152
  var TableCell = class extends HostSemantics(VividElement) {};
153
153
  //#endregion
154
154
  //#region src/lib/table/table-cell.template.ts
155
- var TableCellTemplate = (context) => {
155
+ var TableCellTemplate = () => {
156
156
  return html`
157
157
  <template
158
158
  ${applyHostSemantics({ role: () => "cell" })}
@@ -219,7 +219,7 @@ var Tabs = class extends require_vivid_element.VividElement {
219
219
  if (currentTransform !== targetTransform) this.#isTransitioningTransform = true;
220
220
  } else this.#cancelAnimationIfNeeded();
221
221
  indicatorEl.style.transform = targetTransform;
222
- indicatorEl.style.setProperty(ACTIVE_TAB_WIDTH, this.tabs[activeTabIndex].getBoundingClientRect().width + "px");
222
+ indicatorEl.style.setProperty(ACTIVE_TAB_WIDTH, `${this.tabs[activeTabIndex].getBoundingClientRect().width}px`);
223
223
  }
224
224
  /**
225
225
  * @internal
@@ -287,7 +287,7 @@ require_decorate.__decorate([_microsoft_fast_element.observable], Tabs.prototype
287
287
  require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], Tabs.prototype, "activeindicator", void 0);
288
288
  //#endregion
289
289
  //#region src/lib/tabs/tabs.template.ts
290
- var getClasses = ({ connotation, orientation, gutters, scrollablePanel, tabsLayout, _actionItemsSlottedContent }) => (0, _microsoft_fast_web_utilities.classNames)("base", `layout-${tabsLayout ?? "align-start"}`, [`connotation-${connotation}`, Boolean(connotation)], [`orientation-${orientation}`, Boolean(orientation)], `gutters-${gutters ?? "small"}`, ["scroll", Boolean(scrollablePanel)], ["has-action-items", Boolean(_actionItemsSlottedContent.length)]);
290
+ var getClasses = ({ connotation, orientation, gutters, scrollablePanel, tabsLayout, _actionItemsSlottedContent }) => (0, _microsoft_fast_web_utilities.classNames)("base", `layout-${tabsLayout ?? "align-start"}`, [`connotation-${connotation}`, Boolean(connotation)], [`orientation-${orientation}`, Boolean(orientation)], `gutters-${gutters ?? "small"}`, ["scroll", scrollablePanel], ["has-action-items", Boolean(_actionItemsSlottedContent.length)]);
291
291
  function setNoScrollState(scrollShadow, scrollWrapper) {
292
292
  if (scrollWrapper.scrollWidth <= scrollWrapper.clientWidth) {
293
293
  scrollShadow.classList.toggle("start-scroll", false);
@@ -218,7 +218,7 @@ var Tabs = class extends VividElement {
218
218
  if (currentTransform !== targetTransform) this.#isTransitioningTransform = true;
219
219
  } else this.#cancelAnimationIfNeeded();
220
220
  indicatorEl.style.transform = targetTransform;
221
- indicatorEl.style.setProperty(ACTIVE_TAB_WIDTH, this.tabs[activeTabIndex].getBoundingClientRect().width + "px");
221
+ indicatorEl.style.setProperty(ACTIVE_TAB_WIDTH, `${this.tabs[activeTabIndex].getBoundingClientRect().width}px`);
222
222
  }
223
223
  /**
224
224
  * @internal
@@ -286,7 +286,7 @@ __decorate([observable], Tabs.prototype, "_actionItemsSlottedContent", void 0);
286
286
  __decorate([attr({ mode: "boolean" })], Tabs.prototype, "activeindicator", void 0);
287
287
  //#endregion
288
288
  //#region src/lib/tabs/tabs.template.ts
289
- var getClasses = ({ connotation, orientation, gutters, scrollablePanel, tabsLayout, _actionItemsSlottedContent }) => classNames("base", `layout-${tabsLayout ?? "align-start"}`, [`connotation-${connotation}`, Boolean(connotation)], [`orientation-${orientation}`, Boolean(orientation)], `gutters-${gutters ?? "small"}`, ["scroll", Boolean(scrollablePanel)], ["has-action-items", Boolean(_actionItemsSlottedContent.length)]);
289
+ var getClasses = ({ connotation, orientation, gutters, scrollablePanel, tabsLayout, _actionItemsSlottedContent }) => classNames("base", `layout-${tabsLayout ?? "align-start"}`, [`connotation-${connotation}`, Boolean(connotation)], [`orientation-${orientation}`, Boolean(orientation)], `gutters-${gutters ?? "small"}`, ["scroll", scrollablePanel], ["has-action-items", Boolean(_actionItemsSlottedContent.length)]);
290
290
  function setNoScrollState(scrollShadow, scrollWrapper) {
291
291
  if (scrollWrapper.scrollWidth <= scrollWrapper.clientWidth) {
292
292
  scrollShadow.classList.toggle("start-scroll", false);
@@ -42,7 +42,7 @@ var Tag = class extends require_localized.Localized(require_delegates_aria.Deleg
42
42
  remove() {
43
43
  if (!this.removable || this.selectable) return;
44
44
  this.$emit("removed");
45
- this.parentElement && this.parentElement.removeChild(this);
45
+ this.parentElement?.removeChild(this);
46
46
  }
47
47
  #select;
48
48
  /**
@@ -41,7 +41,7 @@ var Tag = class extends Localized(DelegatesAria(AffixIcon(VividElement))) {
41
41
  remove() {
42
42
  if (!this.removable || this.selectable) return;
43
43
  this.$emit("removed");
44
- this.parentElement && this.parentElement.removeChild(this);
44
+ this.parentElement?.removeChild(this);
45
45
  }
46
46
  #select;
47
47
  /**
@@ -91,7 +91,7 @@ require_decorate.__decorate([_microsoft_fast_element.observable], TreeItem.proto
91
91
  require_decorate.__decorate([_microsoft_fast_element.observable], TreeItem.prototype, "renderCollapsedChildren", void 0);
92
92
  //#endregion
93
93
  //#region src/lib/tree-item/tree-item.template.ts
94
- var getClasses = ({ disabled, selected }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", disabled], ["selected", Boolean(selected)]);
94
+ var getClasses = ({ disabled, selected }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", disabled], ["selected", selected]);
95
95
  var expandCollapseButton = (context) => {
96
96
  const iconTag = context.tagFor(require_definition.Icon);
97
97
  return _microsoft_fast_element.html`
@@ -90,7 +90,7 @@ __decorate([observable], TreeItem.prototype, "nested", void 0);
90
90
  __decorate([observable], TreeItem.prototype, "renderCollapsedChildren", void 0);
91
91
  //#endregion
92
92
  //#region src/lib/tree-item/tree-item.template.ts
93
- var getClasses = ({ disabled, selected }) => classNames("control", ["disabled", disabled], ["selected", Boolean(selected)]);
93
+ var getClasses = ({ disabled, selected }) => classNames("control", ["disabled", disabled], ["selected", selected]);
94
94
  var expandCollapseButton = (context) => {
95
95
  const iconTag = context.tagFor(Icon);
96
96
  return html`
@@ -101,7 +101,6 @@ var TreeView = class extends require_host_semantics.HostSemantics(require_vivid_
101
101
  if (this.currentSelected && this.currentSelected !== item) this.currentSelected.selected = false;
102
102
  this.currentSelected = item;
103
103
  } else if (!item.selected && this.currentSelected === item) this.currentSelected = null;
104
- return;
105
104
  }
106
105
  };
107
106
  this.setItems = () => {
@@ -144,7 +143,6 @@ var TreeView = class extends require_host_semantics.HostSemantics(require_vivid_
144
143
  if (!(e.target instanceof Element) || !require_definition.isTreeItemElement(e.target)) return true;
145
144
  const item = e.target;
146
145
  if (!item.disabled) item.selected = !item.selected;
147
- return;
148
146
  }
149
147
  }
150
148
  /**
@@ -100,7 +100,6 @@ var TreeView = class extends HostSemantics(VividElement) {
100
100
  if (this.currentSelected && this.currentSelected !== item) this.currentSelected.selected = false;
101
101
  this.currentSelected = item;
102
102
  } else if (!item.selected && this.currentSelected === item) this.currentSelected = null;
103
- return;
104
103
  }
105
104
  };
106
105
  this.setItems = () => {
@@ -143,7 +142,6 @@ var TreeView = class extends HostSemantics(VividElement) {
143
142
  if (!(e.target instanceof Element) || !isTreeItemElement(e.target)) return true;
144
143
  const item = e.target;
145
144
  if (!item.disabled) item.selected = !item.selected;
146
- return;
147
145
  }
148
146
  }
149
147
  /**
@@ -118,7 +118,7 @@ var VideoPlayer = class extends require_localized.Localized(require_vivid_elemen
118
118
  return this.shadowRoot.getElementById("no-sources");
119
119
  }
120
120
  #disposePlayer() {
121
- this._player && this._player.dispose();
121
+ this._player?.dispose();
122
122
  }
123
123
  #setupVideoElement() {
124
124
  this.#videoElement = document.createElement("video");
@@ -116,7 +116,7 @@ var VideoPlayer = class extends Localized(VividElement) {
116
116
  return this.shadowRoot.getElementById("no-sources");
117
117
  }
118
118
  #disposePlayer() {
119
- this._player && this._player.dispose();
119
+ this._player?.dispose();
120
120
  }
121
121
  #setupVideoElement() {
122
122
  this.#videoElement = document.createElement("video");
@@ -61,7 +61,7 @@ var Alert = class extends require_affix.AffixIcon(require_localized.Localized(re
61
61
  if (newValue) {
62
62
  this.style.display = "contents";
63
63
  const closeBtn = this.shadowRoot.querySelector(".dismiss-button");
64
- if (this.removable && closeBtn) closeBtn.focus();
64
+ if (this.removable) closeBtn?.focus();
65
65
  } else this.style.display = "none";
66
66
  }
67
67
  connectedCallback() {
@@ -60,7 +60,7 @@ var Alert = class extends AffixIcon(Localized(VividElement)) {
60
60
  if (newValue) {
61
61
  this.style.display = "contents";
62
62
  const closeBtn = this.shadowRoot.querySelector(".dismiss-button");
63
- if (this.removable && closeBtn) closeBtn.focus();
63
+ if (this.removable) closeBtn?.focus();
64
64
  } else this.style.display = "none";
65
65
  }
66
66
  connectedCallback() {
@@ -57,7 +57,7 @@ var FormAssociated = (Base) => {
57
57
  */
58
58
  get labels() {
59
59
  if (this.elementInternals) return Object.freeze(Array.from(this.elementInternals.labels));
60
- else if (this.proxy instanceof HTMLElement && this.proxy.ownerDocument && this.id) {
60
+ else if (this.proxy instanceof HTMLElement && this.id) {
61
61
  const parentLabels = this.proxy.labels;
62
62
  const forLabels = Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));
63
63
  return Object.freeze(forLabels.concat(Array.from(parentLabels)));
@@ -382,7 +382,7 @@ var CheckableFormAssociated = (Base) => {
382
382
  */
383
383
  formResetCallback() {
384
384
  super.formResetCallback();
385
- this.checked = !!this.defaultChecked;
385
+ this.checked = this.defaultChecked;
386
386
  this.dirtyChecked = false;
387
387
  }
388
388
  }
@@ -56,7 +56,7 @@ var FormAssociated = (Base) => {
56
56
  */
57
57
  get labels() {
58
58
  if (this.elementInternals) return Object.freeze(Array.from(this.elementInternals.labels));
59
- else if (this.proxy instanceof HTMLElement && this.proxy.ownerDocument && this.id) {
59
+ else if (this.proxy instanceof HTMLElement && this.id) {
60
60
  const parentLabels = this.proxy.labels;
61
61
  const forLabels = Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));
62
62
  return Object.freeze(forLabels.concat(Array.from(parentLabels)));
@@ -381,7 +381,7 @@ var CheckableFormAssociated = (Base) => {
381
381
  */
382
382
  formResetCallback() {
383
383
  super.formResetCallback();
384
- this.checked = !!this.defaultChecked;
384
+ this.checked = this.defaultChecked;
385
385
  this.dirtyChecked = false;
386
386
  }
387
387
  }
@@ -178,25 +178,25 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
178
178
  e.preventDefault();
179
179
  this.selectFirstOption();
180
180
  }
181
- break;
181
+ return;
182
182
  case _microsoft_fast_web_utilities.keyArrowDown:
183
183
  /* v8 ignore else -- @preserve */
184
184
  if (!e.shiftKey) {
185
185
  e.preventDefault();
186
186
  this.selectNextOption();
187
187
  }
188
- break;
188
+ return;
189
189
  case _microsoft_fast_web_utilities.keyArrowUp:
190
190
  /* v8 ignore else -- @preserve */
191
191
  if (!e.shiftKey) {
192
192
  e.preventDefault();
193
193
  this.selectPreviousOption();
194
194
  }
195
- break;
195
+ return;
196
196
  case _microsoft_fast_web_utilities.keyEnd:
197
197
  e.preventDefault();
198
198
  this.selectLastOption();
199
- break;
199
+ return;
200
200
  case _microsoft_fast_web_utilities.keyTab:
201
201
  this.focusAndScrollOptionIntoView();
202
202
  return true;
@@ -207,7 +207,7 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
207
207
  if (this.typeaheadExpired) return true;
208
208
  default:
209
209
  /* v8 ignore else -- @preserve */
210
- if (key.length === 1) this.handleTypeAhead(`${key}`);
210
+ if (key.length === 1) this.handleTypeAhead(key);
211
211
  return true;
212
212
  }
213
213
  }
@@ -229,7 +229,7 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
229
229
  *
230
230
  * @internal
231
231
  */
232
- selectedIndexChanged(prev, next) {
232
+ selectedIndexChanged(_prev, next) {
233
233
  const validNext = this._validSelectedIndex(next);
234
234
  if (next !== validNext) {
235
235
  this.selectedIndex = validNext;
@@ -296,7 +296,7 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
296
296
  if (prevIndex !== -1) this.selectedIndex = prevIndex;
297
297
  }
298
298
  }
299
- _newDefaultSelectedIndex(prev, next, currentSelectedIndex) {
299
+ _newDefaultSelectedIndex(prev, next, _currentSelectedIndex) {
300
300
  for (const [index, newOption] of next.entries()) if (this._isDefaultSelected(newOption) && !prev.includes(newOption)) return index;
301
301
  return null;
302
302
  }
@@ -177,25 +177,25 @@ var Listbox = class Listbox extends VividElement {
177
177
  e.preventDefault();
178
178
  this.selectFirstOption();
179
179
  }
180
- break;
180
+ return;
181
181
  case keyArrowDown:
182
182
  /* v8 ignore else -- @preserve */
183
183
  if (!e.shiftKey) {
184
184
  e.preventDefault();
185
185
  this.selectNextOption();
186
186
  }
187
- break;
187
+ return;
188
188
  case keyArrowUp:
189
189
  /* v8 ignore else -- @preserve */
190
190
  if (!e.shiftKey) {
191
191
  e.preventDefault();
192
192
  this.selectPreviousOption();
193
193
  }
194
- break;
194
+ return;
195
195
  case keyEnd:
196
196
  e.preventDefault();
197
197
  this.selectLastOption();
198
- break;
198
+ return;
199
199
  case keyTab:
200
200
  this.focusAndScrollOptionIntoView();
201
201
  return true;
@@ -206,7 +206,7 @@ var Listbox = class Listbox extends VividElement {
206
206
  if (this.typeaheadExpired) return true;
207
207
  default:
208
208
  /* v8 ignore else -- @preserve */
209
- if (key.length === 1) this.handleTypeAhead(`${key}`);
209
+ if (key.length === 1) this.handleTypeAhead(key);
210
210
  return true;
211
211
  }
212
212
  }
@@ -228,7 +228,7 @@ var Listbox = class Listbox extends VividElement {
228
228
  *
229
229
  * @internal
230
230
  */
231
- selectedIndexChanged(prev, next) {
231
+ selectedIndexChanged(_prev, next) {
232
232
  const validNext = this._validSelectedIndex(next);
233
233
  if (next !== validNext) {
234
234
  this.selectedIndex = validNext;
@@ -295,7 +295,7 @@ var Listbox = class Listbox extends VividElement {
295
295
  if (prevIndex !== -1) this.selectedIndex = prevIndex;
296
296
  }
297
297
  }
298
- _newDefaultSelectedIndex(prev, next, currentSelectedIndex) {
298
+ _newDefaultSelectedIndex(prev, next, _currentSelectedIndex) {
299
299
  for (const [index, newOption] of next.entries()) if (this._isDefaultSelected(newOption) && !prev.includes(newOption)) return index;
300
300
  return null;
301
301
  }
@@ -13,7 +13,7 @@ var PLACEHOLDER_ICON = `<svg width="80%" height="80%" viewBox="0 0 64 64">
13
13
  </svg>`;
14
14
  //#endregion
15
15
  //#region ../icons/dist/index.mjs
16
- var version = "4.10.0";
16
+ var version = "4.11.0";
17
17
  var ICONS_BASE_URL = "https://icon.resources.vonage.com";
18
18
  var ICONS_VERSION = version;
19
19
  `${ICONS_BASE_URL}${ICONS_VERSION}`;
@@ -65,7 +65,7 @@ var numberConverter = {
65
65
  return value.toString();
66
66
  },
67
67
  fromView(value) {
68
- if (typeof value === "string") value = parseFloat(value.toString());
68
+ if (typeof value === "string") value = parseFloat(value);
69
69
  if (typeof value !== "number") return;
70
70
  return isNaN(value) || !isFinite(value) ? void 0 : value;
71
71
  }
@@ -13,7 +13,7 @@ var PLACEHOLDER_ICON = `<svg width="80%" height="80%" viewBox="0 0 64 64">
13
13
  </svg>`;
14
14
  //#endregion
15
15
  //#region ../icons/dist/index.mjs
16
- var version = "4.10.0";
16
+ var version = "4.11.0";
17
17
  var ICONS_BASE_URL = "https://icon.resources.vonage.com";
18
18
  var ICONS_VERSION = version;
19
19
  `${ICONS_BASE_URL}${ICONS_VERSION}`;
@@ -65,7 +65,7 @@ var numberConverter = {
65
65
  return value.toString();
66
66
  },
67
67
  fromView(value) {
68
- if (typeof value === "string") value = parseFloat(value.toString());
68
+ if (typeof value === "string") value = parseFloat(value);
69
69
  if (typeof value !== "number") return;
70
70
  return isNaN(value) || !isFinite(value) ? void 0 : value;
71
71
  }
@@ -38,7 +38,7 @@ var lerp = (a, b, value) => a + (b - a) * value;
38
38
  var inverseLerp = (a, b, value) => (0, _microsoft_fast_web_utilities.limit)(0, 1, (value - a) / (b - a));
39
39
  //#endregion
40
40
  //#region src/lib/slider/slider.template.ts
41
- var getClasses = ({ disabled, connotation }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", Boolean(disabled)], [`connotation-${connotation}`, Boolean(connotation)]);
41
+ var getClasses = ({ disabled, connotation }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", disabled], [`connotation-${connotation}`, Boolean(connotation)]);
42
42
  var getThumbClasses = ({ _focusVisible }) => (0, _microsoft_fast_web_utilities.classNames)("thumb-container", ["focus-visible", _focusVisible]);
43
43
  var getMarkersTemplate = (isHorizontal, numMarkers) => {
44
44
  const placeholder = isHorizontal ? [
@@ -37,7 +37,7 @@ var lerp = (a, b, value) => a + (b - a) * value;
37
37
  var inverseLerp = (a, b, value) => limit(0, 1, (value - a) / (b - a));
38
38
  //#endregion
39
39
  //#region src/lib/slider/slider.template.ts
40
- var getClasses = ({ disabled, connotation }) => classNames("control", ["disabled", Boolean(disabled)], [`connotation-${connotation}`, Boolean(connotation)]);
40
+ var getClasses = ({ disabled, connotation }) => classNames("control", ["disabled", disabled], [`connotation-${connotation}`, Boolean(connotation)]);
41
41
  var getThumbClasses = ({ _focusVisible }) => classNames("thumb-container", ["focus-visible", _focusVisible]);
42
42
  var getMarkersTemplate = (isHorizontal, numMarkers) => {
43
43
  const placeholder = isHorizontal ? [
@@ -32,7 +32,7 @@ var RteFeatureImpl = class {
32
32
  getStyles() {
33
33
  return [];
34
34
  }
35
- getSchema(textblockAttrs, textblockMarks) {
35
+ getSchema(_textblockAttrs, _textblockMarks) {
36
36
  return [];
37
37
  }
38
38
  getTextblockAttrs() {
@@ -41,20 +41,20 @@ var RteFeatureImpl = class {
41
41
  getTextblockMarks() {
42
42
  return [];
43
43
  }
44
- getPlugins(rte) {
44
+ getPlugins(_rte) {
45
45
  return [];
46
46
  }
47
- getToolbarItems(rte) {
47
+ getToolbarItems(_rte) {
48
48
  return [];
49
49
  }
50
- getInputRules(rte) {
50
+ getInputRules(_rte) {
51
51
  return [];
52
52
  }
53
53
  getFeatures() {
54
54
  return [this];
55
55
  }
56
56
  /* v8 ignore next */
57
- getPublicInterface(rte) {}
57
+ getPublicInterface(_rte) {}
58
58
  };
59
59
  var featureImpls = /* @__PURE__ */ new WeakMap();
60
60
  var getFeatureImpl = (facade) => featureImpls.get(facade);
@@ -32,7 +32,7 @@ var RteFeatureImpl = class {
32
32
  getStyles() {
33
33
  return [];
34
34
  }
35
- getSchema(textblockAttrs, textblockMarks) {
35
+ getSchema(_textblockAttrs, _textblockMarks) {
36
36
  return [];
37
37
  }
38
38
  getTextblockAttrs() {
@@ -41,20 +41,20 @@ var RteFeatureImpl = class {
41
41
  getTextblockMarks() {
42
42
  return [];
43
43
  }
44
- getPlugins(rte) {
44
+ getPlugins(_rte) {
45
45
  return [];
46
46
  }
47
- getToolbarItems(rte) {
47
+ getToolbarItems(_rte) {
48
48
  return [];
49
49
  }
50
- getInputRules(rte) {
50
+ getInputRules(_rte) {
51
51
  return [];
52
52
  }
53
53
  getFeatures() {
54
54
  return [this];
55
55
  }
56
56
  /* v8 ignore next */
57
- getPublicInterface(rte) {}
57
+ getPublicInterface(_rte) {}
58
58
  };
59
59
  var featureImpls = /* @__PURE__ */ new WeakMap();
60
60
  var getFeatureImpl = (facade) => featureImpls.get(facade);
@@ -299,7 +299,7 @@ var ReplacedPropHandling = (Base) => {
299
299
  */
300
300
  var VividElement = class extends AriaMixin(ReplacedPropHandling(ReactiveControllerHostSupport(_microsoft_fast_element.FASTElement))) {
301
301
  static {
302
- this.VIVID_VERSION = "5.21.0";
302
+ this.VIVID_VERSION = "5.23.0";
303
303
  }
304
304
  /**
305
305
  * Add data-vvd-component attribute with component name globally,
@@ -298,7 +298,7 @@ var ReplacedPropHandling = (Base) => {
298
298
  */
299
299
  var VividElement = class extends AriaMixin(ReplacedPropHandling(ReactiveControllerHostSupport(FASTElement))) {
300
300
  static {
301
- this.VIVID_VERSION = "5.21.0";
301
+ this.VIVID_VERSION = "5.23.0";
302
302
  }
303
303
  /**
304
304
  * Add data-vvd-component attribute with component name globally,
@@ -21,7 +21,10 @@ var WithContextualHelp = (Base) => {
21
21
  * @internal
22
22
  */
23
23
  _isFromContextualHelp(e) {
24
- return e.composedPath().some((t) => t?.closest?.("[slot=\"contextual-help\"],[data-vvd-component=\"contextual-help\"]"));
24
+ return e.composedPath().some((t) => {
25
+ if (t instanceof Element) return t.closest("[slot=\"contextual-help\"],[data-vvd-component=\"contextual-help\"]");
26
+ return false;
27
+ });
25
28
  }
26
29
  }
27
30
  require_decorate.__decorate([_microsoft_fast_element.observable], ElementWithContextualHelp.prototype, "_contextualHelpSlottedContent", void 0);
@@ -20,7 +20,10 @@ var WithContextualHelp = (Base) => {
20
20
  * @internal
21
21
  */
22
22
  _isFromContextualHelp(e) {
23
- return e.composedPath().some((t) => t?.closest?.("[slot=\"contextual-help\"],[data-vvd-component=\"contextual-help\"]"));
23
+ return e.composedPath().some((t) => {
24
+ if (t instanceof Element) return t.closest("[slot=\"contextual-help\"],[data-vvd-component=\"contextual-help\"]");
25
+ return false;
26
+ });
24
27
  }
25
28
  }
26
29
  __decorate([observable], ElementWithContextualHelp.prototype, "_contextualHelpSlottedContent", void 0);