@vonage/vivid 5.15.1 → 5.17.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 (732) hide show
  1. package/accordion/definition.cjs +7 -207
  2. package/accordion/definition.js +2 -199
  3. package/accordion/index.cjs +4 -4
  4. package/accordion/index.js +93 -127
  5. package/accordion-item/definition.cjs +6 -146
  6. package/accordion-item/definition.js +2 -139
  7. package/accordion-item/index.cjs +1 -1
  8. package/accordion-item/index.js +6 -2
  9. package/action-group/definition.cjs +5 -69
  10. package/action-group/definition.js +1 -62
  11. package/action-group/index.cjs +4 -4
  12. package/action-group/index.js +16 -46
  13. package/alert/definition.cjs +6 -201
  14. package/alert/definition.js +2 -194
  15. package/alert/index.cjs +15 -15
  16. package/alert/index.js +90 -136
  17. package/audio-player/definition.cjs +6 -459
  18. package/audio-player/definition.js +2 -452
  19. package/audio-player/index.cjs +49 -49
  20. package/audio-player/index.js +234 -302
  21. package/avatar/definition.cjs +6 -117
  22. package/avatar/definition.js +2 -110
  23. package/avatar/index.cjs +14 -14
  24. package/avatar/index.js +44 -84
  25. package/badge/definition.cjs +6 -85
  26. package/badge/definition.js +2 -78
  27. package/badge/index.cjs +4 -4
  28. package/badge/index.js +21 -65
  29. package/banner/definition.cjs +6 -160
  30. package/banner/definition.js +2 -153
  31. package/banner/index.cjs +13 -13
  32. package/banner/index.js +76 -109
  33. package/breadcrumb/definition.cjs +5 -97
  34. package/breadcrumb/definition.js +1 -90
  35. package/breadcrumb/index.cjs +4 -4
  36. package/breadcrumb/index.js +33 -59
  37. package/breadcrumb-item/definition.cjs +7 -47
  38. package/breadcrumb-item/definition.js +3 -40
  39. package/breadcrumb-item/index.cjs +5 -5
  40. package/breadcrumb-item/index.js +20 -32
  41. package/bundled/affix.cjs +10 -10
  42. package/bundled/affix.js +44 -57
  43. package/bundled/anchored.cjs +3 -3
  44. package/bundled/anchored.js +47 -65
  45. package/bundled/aria.cjs +1 -1
  46. package/bundled/aria.js +6 -6
  47. package/bundled/attribute-binding-behaviour.cjs +1 -1
  48. package/bundled/attribute-binding-behaviour.js +17 -28
  49. package/bundled/base-color-picker.cjs +10 -10
  50. package/bundled/base-color-picker.js +115 -197
  51. package/bundled/base-progress.cjs +1 -1
  52. package/bundled/base-progress.js +29 -56
  53. package/bundled/breadcrumb-item.cjs +1 -1
  54. package/bundled/breadcrumb-item.js +11 -20
  55. package/bundled/button.cjs +1 -1
  56. package/bundled/button.js +65 -100
  57. package/bundled/calendar-event.cjs +1 -1
  58. package/bundled/calendar-event.js +11 -34
  59. package/bundled/calendar-picker.template.cjs +77 -77
  60. package/bundled/calendar-picker.template.js +2883 -3347
  61. package/bundled/char-count.cjs +7 -7
  62. package/bundled/char-count.js +31 -46
  63. package/bundled/children.cjs +1 -1
  64. package/bundled/children.js +27 -45
  65. package/bundled/class-names.cjs +1 -1
  66. package/bundled/class-names.js +8 -8
  67. package/bundled/data-grid.options.cjs +1 -1
  68. package/bundled/data-grid.options.js +22 -26
  69. package/bundled/decorate.cjs +1 -0
  70. package/bundled/decorate.js +9 -0
  71. package/bundled/definition.cjs +1 -39
  72. package/bundled/definition.js +5 -122
  73. package/bundled/definition10.cjs +18 -72
  74. package/bundled/definition10.js +74 -355
  75. package/bundled/definition11.cjs +10 -12
  76. package/bundled/definition11.js +28 -92
  77. package/bundled/definition12.cjs +72 -18
  78. package/bundled/definition12.js +192 -222
  79. package/bundled/definition13.cjs +20 -10
  80. package/bundled/definition13.js +55 -41
  81. package/bundled/definition14.cjs +5 -1
  82. package/bundled/definition14.js +11 -20
  83. package/bundled/definition15.cjs +19 -5
  84. package/bundled/definition15.js +77 -28
  85. package/bundled/definition16.cjs +12 -29
  86. package/bundled/definition16.js +80 -78
  87. package/bundled/definition17.cjs +17 -17
  88. package/bundled/definition17.js +126 -98
  89. package/bundled/definition18.cjs +87 -13
  90. package/bundled/definition18.js +423 -134
  91. package/bundled/definition19.cjs +5 -87
  92. package/bundled/definition19.js +16 -742
  93. package/bundled/definition2.cjs +8 -8
  94. package/bundled/definition2.js +79 -122
  95. package/bundled/definition20.cjs +26 -16
  96. package/bundled/definition20.js +153 -98
  97. package/bundled/definition21.cjs +29 -5
  98. package/bundled/definition21.js +174 -18
  99. package/bundled/definition22.cjs +38 -23
  100. package/bundled/definition22.js +70 -149
  101. package/bundled/definition3.cjs +1 -29
  102. package/bundled/definition3.js +183 -194
  103. package/bundled/definition4.cjs +24 -6
  104. package/bundled/definition4.js +88 -40
  105. package/bundled/definition5.cjs +30 -1
  106. package/bundled/definition5.js +48 -346
  107. package/bundled/definition6.cjs +28 -30
  108. package/bundled/definition6.js +110 -264
  109. package/bundled/definition7.cjs +6 -30
  110. package/bundled/definition7.js +22 -288
  111. package/bundled/definition8.cjs +13 -18
  112. package/bundled/definition8.js +150 -132
  113. package/bundled/definition9.cjs +12 -14
  114. package/bundled/definition9.js +67 -235
  115. package/bundled/delegates-aria.cjs +1 -1
  116. package/bundled/delegates-aria.js +56 -88
  117. package/bundled/dialog.cjs +1 -0
  118. package/bundled/dialog.js +6 -0
  119. package/bundled/divider.cjs +1 -1
  120. package/bundled/divider.js +16 -33
  121. package/bundled/dom.cjs +1 -1
  122. package/bundled/dom.js +5 -5
  123. package/bundled/enums.cjs +1 -1
  124. package/bundled/enums.js +16 -9
  125. package/bundled/floating-ui.dom.cjs +1 -1
  126. package/bundled/floating-ui.dom.js +953 -1238
  127. package/bundled/form-associated.cjs +1 -1
  128. package/bundled/form-associated.js +165 -318
  129. package/bundled/form-element.cjs +1 -1
  130. package/bundled/form-element.js +33 -55
  131. package/bundled/host-semantics.cjs +1 -1
  132. package/bundled/host-semantics.js +46 -69
  133. package/bundled/key-codes.cjs +1 -1
  134. package/bundled/key-codes.js +4 -16
  135. package/bundled/linkable.cjs +6 -6
  136. package/bundled/linkable.js +25 -45
  137. package/bundled/listbox.cjs +1 -1
  138. package/bundled/listbox.js +176 -351
  139. package/bundled/localized.cjs +1 -1
  140. package/bundled/localized.js +451 -564
  141. package/bundled/mixins.cjs +20 -20
  142. package/bundled/mixins.js +162 -210
  143. package/bundled/normalize.cjs +1 -1
  144. package/bundled/normalize.js +6 -6
  145. package/bundled/numbers.cjs +1 -1
  146. package/bundled/numbers.js +9 -11
  147. package/bundled/picker-field.template.cjs +23 -23
  148. package/bundled/picker-field.template.js +108 -171
  149. package/bundled/playbackRates.cjs +1 -1
  150. package/bundled/playbackRates.js +10 -10
  151. package/bundled/ref.cjs +1 -1
  152. package/bundled/ref.js +10 -14
  153. package/bundled/repeat.cjs +1 -1
  154. package/bundled/repeat.js +421 -552
  155. package/bundled/scrollIntoView.cjs +1 -1
  156. package/bundled/scrollIntoView.js +26 -29
  157. package/bundled/single-date-picker.cjs +1 -1
  158. package/bundled/single-date-picker.js +23 -38
  159. package/bundled/single-value-picker.cjs +1 -1
  160. package/bundled/single-value-picker.js +58 -86
  161. package/bundled/slider.template.cjs +14 -14
  162. package/bundled/slider.template.js +67 -78
  163. package/bundled/slottable-request.cjs +4 -4
  164. package/bundled/slottable-request.js +1907 -2904
  165. package/bundled/slotted.cjs +1 -1
  166. package/bundled/slotted.js +47 -97
  167. package/bundled/strings.cjs +1 -1
  168. package/bundled/strings.js +6 -6
  169. package/bundled/text-field.cjs +1 -1
  170. package/bundled/text-field.js +4 -4
  171. package/bundled/time-selection-picker.template.cjs +26 -26
  172. package/bundled/time-selection-picker.template.js +355 -552
  173. package/bundled/trapped-focus.cjs +1 -1
  174. package/bundled/trapped-focus.js +18 -25
  175. package/bundled/vivid-element.cjs +4 -5
  176. package/bundled/vivid-element.js +1781 -2806
  177. package/bundled/when.cjs +1 -1
  178. package/bundled/when.js +10 -10
  179. package/bundled/with-contextual-help.cjs +1 -1
  180. package/bundled/with-contextual-help.js +15 -31
  181. package/bundled/with-error-text.cjs +1 -1
  182. package/bundled/with-error-text.js +25 -38
  183. package/bundled/with-success-text.cjs +1 -1
  184. package/bundled/with-success-text.js +8 -15
  185. package/button/definition.cjs +6 -14
  186. package/button/definition.js +3 -4
  187. package/button/index.cjs +1 -1
  188. package/button/index.js +6 -2
  189. package/calendar/definition.cjs +5 -358
  190. package/calendar/definition.js +1 -351
  191. package/calendar/index.cjs +20 -20
  192. package/calendar/index.js +165 -427
  193. package/calendar-event/definition.cjs +6 -58
  194. package/calendar-event/definition.js +2 -51
  195. package/calendar-event/index.cjs +7 -7
  196. package/calendar-event/index.js +25 -41
  197. package/card/definition.cjs +6 -194
  198. package/card/definition.js +2 -187
  199. package/card/index.cjs +37 -34
  200. package/card/index.js +83 -133
  201. package/checkbox/definition.cjs +6 -209
  202. package/checkbox/definition.js +2 -202
  203. package/checkbox/index.cjs +1 -1
  204. package/checkbox/index.js +6 -2
  205. package/color-picker/definition.cjs +6 -1175
  206. package/color-picker/definition.js +2 -1168
  207. package/color-picker/index.cjs +94 -94
  208. package/color-picker/index.js +605 -737
  209. package/combobox/definition.cjs +6 -647
  210. package/combobox/definition.js +2 -640
  211. package/combobox/index.cjs +38 -37
  212. package/combobox/index.js +258 -458
  213. package/contextual-help/definition.cjs +6 -63
  214. package/contextual-help/definition.js +2 -56
  215. package/contextual-help/index.cjs +1 -1
  216. package/contextual-help/index.js +6 -2
  217. package/country/definition.cjs +6 -340
  218. package/country/definition.js +2 -333
  219. package/country/index.cjs +6 -6
  220. package/country/index.js +1209 -308
  221. package/custom-elements.json +1247 -1173
  222. package/data-grid/definition.cjs +10 -2350
  223. package/data-grid/definition.js +2 -2339
  224. package/data-grid/index.cjs +65 -65
  225. package/data-grid/index.js +644 -997
  226. package/date-picker/definition.cjs +6 -152
  227. package/date-picker/definition.js +2 -145
  228. package/date-picker/index.cjs +1 -1
  229. package/date-picker/index.js +66 -114
  230. package/date-range-picker/definition.cjs +6 -467
  231. package/date-range-picker/definition.js +2 -460
  232. package/date-range-picker/index.cjs +1 -1
  233. package/date-range-picker/index.js +218 -334
  234. package/date-time-picker/definition.cjs +6 -285
  235. package/date-time-picker/definition.js +2 -278
  236. package/date-time-picker/index.cjs +4 -4
  237. package/date-time-picker/index.js +116 -211
  238. package/dial-pad/definition.cjs +6 -460
  239. package/dial-pad/definition.js +2 -453
  240. package/dial-pad/index.cjs +44 -43
  241. package/dial-pad/index.js +197 -288
  242. package/dialog/definition.cjs +6 -349
  243. package/dialog/definition.js +2 -342
  244. package/dialog/index.cjs +28 -28
  245. package/dialog/index.js +148 -229
  246. package/divider/definition.cjs +6 -42
  247. package/divider/definition.js +2 -35
  248. package/divider/index.cjs +1 -1
  249. package/divider/index.js +5 -2
  250. package/elevation/definition.cjs +4 -11
  251. package/elevation/definition.js +2 -2
  252. package/elevation/index.cjs +1 -1
  253. package/elevation/index.js +5 -2
  254. package/empty-state/definition.cjs +6 -86
  255. package/empty-state/definition.js +2 -79
  256. package/empty-state/index.cjs +9 -9
  257. package/empty-state/index.js +28 -60
  258. package/fab/definition.cjs +6 -105
  259. package/fab/definition.js +2 -98
  260. package/fab/index.cjs +17 -17
  261. package/fab/index.js +46 -81
  262. package/file-picker/definition.cjs +6 -523
  263. package/file-picker/definition.js +2 -516
  264. package/file-picker/index.cjs +32 -29
  265. package/file-picker/index.js +254 -356
  266. package/header/definition.cjs +5 -78
  267. package/header/definition.js +1 -71
  268. package/header/index.cjs +6 -6
  269. package/header/index.js +28 -42
  270. package/icon/definition.cjs +5 -202
  271. package/icon/definition.js +1 -195
  272. package/icon/index.cjs +1 -1
  273. package/icon/index.js +5 -2
  274. package/index.cjs +353 -356
  275. package/index.js +79 -78
  276. package/layout/definition.cjs +5 -72
  277. package/layout/definition.js +1 -65
  278. package/layout/index.cjs +2 -2
  279. package/layout/index.js +10 -51
  280. package/lib/alert/alert.d.ts +0 -1
  281. package/lib/audio-player/audio-player.d.ts +0 -1
  282. package/lib/banner/banner.d.ts +0 -2
  283. package/lib/button/button.d.ts +0 -1
  284. package/lib/calendar/calendar.d.ts +0 -1
  285. package/lib/combobox/combobox.d.ts +0 -3
  286. package/lib/data-grid/data-grid-cell.d.ts +0 -3
  287. package/lib/data-grid/data-grid-row.d.ts +0 -3
  288. package/lib/data-grid/data-grid.d.ts +0 -1
  289. package/lib/date-time-picker/date-time-picker.d.ts +0 -4
  290. package/lib/dial-pad/dial-pad.d.ts +6 -2
  291. package/lib/dialog/dialog.d.ts +0 -1
  292. package/lib/fab/fab.d.ts +0 -1
  293. package/lib/file-picker/file-picker.d.ts +1 -1
  294. package/lib/icon/icon.d.ts +0 -1
  295. package/lib/menu/menu.d.ts +0 -1
  296. package/lib/option/option.d.ts +4 -1
  297. package/lib/pagination/pagination.d.ts +0 -4
  298. package/lib/popover/popover.d.ts +0 -5
  299. package/lib/rich-text-editor/rte/exports.d.ts +1 -0
  300. package/lib/rich-text-editor/rte/features/alignment.d.ts +1 -1
  301. package/lib/rich-text-editor/rte/features/character-count.d.ts +21 -0
  302. package/lib/rich-text-editor/rte/features/font-size-picker.d.ts +1 -1
  303. package/lib/rich-text-editor/rte/features/internal/basic-text-blocks.d.ts +1 -1
  304. package/lib/rich-text-editor/rte/features/keyboard-shortcuts.d.ts +1 -1
  305. package/lib/rich-text-editor/rte/features/text-color-picker.d.ts +1 -1
  306. package/lib/rich-text-editor/rte/public-interface.d.ts +6 -0
  307. package/lib/searchable-select/option-tag.d.ts +0 -1
  308. package/lib/split-button/split-button.d.ts +0 -2
  309. package/lib/tab/tab.d.ts +0 -2
  310. package/lib/table/definition.d.ts +2 -1
  311. package/lib/table/table-header-cell.d.ts +3 -0
  312. package/lib/table/table-sorting-button.d.ts +415 -0
  313. package/lib/table/table-sorting-button.template.d.ts +3 -0
  314. package/lib/tag/tag.d.ts +0 -2
  315. package/lib/toggletip/toggletip.d.ts +0 -1
  316. package/lib/tree-item/tree-item.d.ts +0 -2
  317. package/lib/tree-view/tree-view.d.ts +0 -1
  318. package/locales/de-DE.cjs +266 -550
  319. package/locales/de-DE.js +264 -548
  320. package/locales/en-GB.cjs +266 -382
  321. package/locales/en-GB.js +264 -380
  322. package/locales/en-US.cjs +266 -550
  323. package/locales/en-US.js +264 -548
  324. package/locales/ja-JP.cjs +266 -549
  325. package/locales/ja-JP.js +264 -547
  326. package/locales/zh-CN.cjs +266 -551
  327. package/locales/zh-CN.js +264 -549
  328. package/menu/definition.cjs +6 -393
  329. package/menu/definition.js +2 -386
  330. package/menu/index.cjs +1 -1
  331. package/menu/index.js +6 -2
  332. package/menu-item/definition.cjs +7 -14
  333. package/menu-item/definition.js +3 -3
  334. package/menu-item/index.cjs +1 -1
  335. package/menu-item/index.js +6 -2
  336. package/nav/definition.cjs +5 -27
  337. package/nav/definition.js +1 -20
  338. package/nav/index.cjs +3 -3
  339. package/nav/index.js +7 -10
  340. package/nav-disclosure/definition.cjs +6 -122
  341. package/nav-disclosure/definition.js +2 -115
  342. package/nav-disclosure/index.cjs +8 -8
  343. package/nav-disclosure/index.js +49 -86
  344. package/nav-item/definition.cjs +6 -79
  345. package/nav-item/definition.js +2 -72
  346. package/nav-item/index.cjs +2 -2
  347. package/nav-item/index.js +33 -58
  348. package/note/definition.cjs +6 -61
  349. package/note/definition.js +2 -54
  350. package/note/index.cjs +5 -5
  351. package/note/index.js +24 -38
  352. package/number-field/definition.cjs +6 -440
  353. package/number-field/definition.js +2 -433
  354. package/number-field/index.cjs +31 -31
  355. package/number-field/index.js +160 -328
  356. package/option/definition.cjs +6 -13
  357. package/option/definition.js +3 -3
  358. package/option/index.cjs +1 -1
  359. package/option/index.js +6 -2
  360. package/package.json +15 -17
  361. package/pagination/definition.cjs +6 -254
  362. package/pagination/definition.js +2 -247
  363. package/pagination/index.cjs +37 -37
  364. package/pagination/index.js +148 -186
  365. package/popover/definition.cjs +6 -356
  366. package/popover/definition.js +2 -349
  367. package/popover/index.cjs +16 -16
  368. package/popover/index.js +161 -239
  369. package/popup/definition.cjs +5 -13
  370. package/popup/definition.js +3 -4
  371. package/popup/index.cjs +1 -1
  372. package/popup/index.js +6 -2
  373. package/progress/definition.cjs +5 -87
  374. package/progress/definition.js +1 -80
  375. package/progress/index.cjs +9 -9
  376. package/progress/index.js +33 -55
  377. package/progress-ring/definition.cjs +5 -95
  378. package/progress-ring/definition.js +1 -88
  379. package/progress-ring/index.cjs +1 -1
  380. package/progress-ring/index.js +5 -2
  381. package/radio/definition.cjs +5 -227
  382. package/radio/definition.js +1 -220
  383. package/radio/index.cjs +1 -1
  384. package/radio/index.js +5 -2
  385. package/radio-group/definition.cjs +6 -361
  386. package/radio-group/definition.js +2 -354
  387. package/radio-group/index.cjs +10 -10
  388. package/radio-group/index.js +160 -242
  389. package/range-slider/definition.cjs +6 -632
  390. package/range-slider/definition.js +2 -625
  391. package/range-slider/index.cjs +41 -41
  392. package/range-slider/index.js +259 -429
  393. package/rich-text-editor/definition.cjs +33 -15694
  394. package/rich-text-editor/definition.js +3 -15662
  395. package/rich-text-editor/index.cjs +18 -18
  396. package/rich-text-editor/index.js +9129 -11475
  397. package/rich-text-view/definition.cjs +5 -171
  398. package/rich-text-view/definition.js +1 -164
  399. package/rich-text-view/index.cjs +1 -1
  400. package/rich-text-view/index.js +68 -102
  401. package/searchable-select/definition.cjs +5 -1401
  402. package/searchable-select/definition.js +2 -1395
  403. package/searchable-select/index.cjs +94 -94
  404. package/searchable-select/index.js +600 -1015
  405. package/select/definition.cjs +6 -1002
  406. package/select/definition.js +2 -995
  407. package/select/index.cjs +1 -1
  408. package/select/index.js +6 -2
  409. package/selectable-box/definition.cjs +6 -174
  410. package/selectable-box/definition.js +2 -167
  411. package/selectable-box/index.cjs +18 -18
  412. package/selectable-box/index.js +66 -127
  413. package/shared/foundation/test-utilities/fixture.d.ts +1 -1
  414. package/shared/patterns/linkable.d.ts +1 -1
  415. package/side-drawer/definition.cjs +5 -130
  416. package/side-drawer/definition.js +1 -123
  417. package/side-drawer/index.cjs +7 -7
  418. package/side-drawer/index.js +47 -89
  419. package/simple-color-picker/definition.cjs +6 -225
  420. package/simple-color-picker/definition.js +2 -218
  421. package/simple-color-picker/index.cjs +15 -15
  422. package/simple-color-picker/index.js +98 -135
  423. package/slider/definition.cjs +6 -499
  424. package/slider/definition.js +2 -492
  425. package/slider/index.cjs +1 -1
  426. package/slider/index.js +6 -2
  427. package/split-button/definition.cjs +6 -176
  428. package/split-button/definition.js +2 -169
  429. package/split-button/index.cjs +15 -15
  430. package/split-button/index.js +74 -135
  431. package/status/definition.cjs +6 -82
  432. package/status/definition.js +2 -75
  433. package/status/index.cjs +7 -7
  434. package/status/index.js +35 -52
  435. package/switch/definition.cjs +6 -148
  436. package/switch/definition.js +2 -141
  437. package/switch/index.cjs +8 -8
  438. package/switch/index.js +48 -92
  439. package/tab/definition.cjs +6 -127
  440. package/tab/definition.js +2 -120
  441. package/tab/index.cjs +1 -1
  442. package/tab/index.js +6 -2
  443. package/tab-panel/definition.cjs +5 -29
  444. package/tab-panel/definition.js +1 -22
  445. package/tab-panel/index.cjs +1 -1
  446. package/tab-panel/index.js +5 -2
  447. package/table/definition.cjs +18 -174
  448. package/table/definition.js +3 -158
  449. package/table/index.cjs +19 -10
  450. package/table/index.js +74 -82
  451. package/tabs/definition.cjs +7 -467
  452. package/tabs/definition.js +2 -459
  453. package/tabs/index.cjs +11 -11
  454. package/tabs/index.js +169 -296
  455. package/tag/definition.cjs +6 -176
  456. package/tag/definition.js +2 -169
  457. package/tag/index.cjs +26 -26
  458. package/tag/index.js +64 -125
  459. package/tag-group/definition.cjs +5 -40
  460. package/tag-group/definition.js +1 -33
  461. package/tag-group/index.cjs +4 -4
  462. package/tag-group/index.js +10 -21
  463. package/text-area/definition.cjs +6 -355
  464. package/text-area/definition.js +2 -348
  465. package/text-area/index.cjs +11 -11
  466. package/text-area/index.js +153 -260
  467. package/text-field/definition.cjs +6 -423
  468. package/text-field/definition.js +2 -416
  469. package/text-field/index.cjs +1 -1
  470. package/text-field/index.js +6 -2
  471. package/time-picker/definition.cjs +7 -43
  472. package/time-picker/definition.js +3 -36
  473. package/time-picker/index.cjs +1 -1
  474. package/time-picker/index.js +24 -29
  475. package/toggletip/definition.cjs +6 -159
  476. package/toggletip/definition.js +2 -152
  477. package/toggletip/index.cjs +1 -1
  478. package/toggletip/index.js +6 -2
  479. package/tooltip/definition.cjs +6 -139
  480. package/tooltip/definition.js +2 -132
  481. package/tooltip/index.cjs +1 -1
  482. package/tooltip/index.js +6 -2
  483. package/tree-item/definition.cjs +6 -13
  484. package/tree-item/definition.js +3 -3
  485. package/tree-item/index.cjs +1 -1
  486. package/tree-item/index.js +6 -2
  487. package/tree-view/definition.cjs +6 -302
  488. package/tree-view/definition.js +2 -295
  489. package/tree-view/index.cjs +11 -11
  490. package/tree-view/index.js +145 -174
  491. package/unbundled/affix.cjs +89 -62
  492. package/unbundled/affix.js +58 -55
  493. package/unbundled/anchored.cjs +87 -94
  494. package/unbundled/anchored.js +74 -90
  495. package/unbundled/attribute-binding-behaviour.cjs +37 -42
  496. package/unbundled/attribute-binding-behaviour.js +31 -40
  497. package/unbundled/base-color-picker.cjs +226 -275
  498. package/unbundled/base-color-picker.js +214 -272
  499. package/unbundled/base-progress.cjs +63 -78
  500. package/unbundled/base-progress.js +57 -76
  501. package/unbundled/breadcrumb-item.cjs +24 -28
  502. package/unbundled/breadcrumb-item.js +18 -26
  503. package/unbundled/button.cjs +115 -166
  504. package/unbundled/button.js +109 -164
  505. package/unbundled/calendar-event.cjs +28 -41
  506. package/unbundled/calendar-event.js +22 -39
  507. package/unbundled/calendar-picker.template.cjs +4967 -792
  508. package/unbundled/calendar-picker.template.js +4907 -781
  509. package/unbundled/char-count.cjs +50 -80
  510. package/unbundled/char-count.js +44 -78
  511. package/unbundled/chunk.cjs +28 -0
  512. package/unbundled/data-grid.options.cjs +80 -29
  513. package/unbundled/data-grid.options.js +51 -23
  514. package/unbundled/decorate.cjs +14 -0
  515. package/unbundled/decorate.js +9 -0
  516. package/unbundled/definition.cjs +42 -405
  517. package/unbundled/definition.js +24 -399
  518. package/unbundled/definition10.cjs +253 -0
  519. package/unbundled/definition10.js +229 -0
  520. package/unbundled/definition11.cjs +397 -0
  521. package/unbundled/definition11.js +379 -0
  522. package/unbundled/definition12.cjs +317 -0
  523. package/unbundled/definition12.js +287 -0
  524. package/unbundled/definition13.cjs +321 -0
  525. package/unbundled/definition13.js +303 -0
  526. package/unbundled/definition14.cjs +406 -0
  527. package/unbundled/definition14.js +388 -0
  528. package/unbundled/definition15.cjs +107 -0
  529. package/unbundled/definition15.js +89 -0
  530. package/unbundled/definition16.cjs +63 -0
  531. package/unbundled/definition16.js +45 -0
  532. package/unbundled/definition17.cjs +151 -0
  533. package/unbundled/definition17.js +133 -0
  534. package/unbundled/definition18.cjs +47 -0
  535. package/unbundled/definition18.js +35 -0
  536. package/unbundled/definition19.cjs +98 -0
  537. package/unbundled/definition19.js +80 -0
  538. package/unbundled/definition2.cjs +180 -220
  539. package/unbundled/definition2.js +162 -215
  540. package/unbundled/definition20.cjs +56 -0
  541. package/unbundled/definition20.js +43 -0
  542. package/unbundled/definition21.cjs +304 -0
  543. package/unbundled/definition21.js +285 -0
  544. package/unbundled/definition22.cjs +179 -0
  545. package/unbundled/definition22.js +161 -0
  546. package/unbundled/definition23.cjs +161 -0
  547. package/unbundled/definition23.js +143 -0
  548. package/unbundled/definition24.cjs +157 -0
  549. package/unbundled/definition24.js +139 -0
  550. package/unbundled/definition25.cjs +75 -0
  551. package/unbundled/definition25.js +57 -0
  552. package/unbundled/definition26.cjs +363 -0
  553. package/unbundled/definition26.js +345 -0
  554. package/unbundled/definition27.cjs +137 -0
  555. package/unbundled/definition27.js +119 -0
  556. package/unbundled/definition28.cjs +538 -0
  557. package/unbundled/definition28.js +520 -0
  558. package/unbundled/definition29.cjs +236 -0
  559. package/unbundled/definition29.js +212 -0
  560. package/unbundled/definition3.cjs +131 -284
  561. package/unbundled/definition3.js +113 -279
  562. package/unbundled/definition30.cjs +559 -0
  563. package/unbundled/definition30.js +541 -0
  564. package/unbundled/definition31.cjs +1265 -0
  565. package/unbundled/definition31.js +1247 -0
  566. package/unbundled/definition32.cjs +1908 -0
  567. package/unbundled/definition32.js +1866 -0
  568. package/unbundled/definition33.cjs +346 -0
  569. package/unbundled/definition33.js +256 -0
  570. package/unbundled/definition34.cjs +46 -0
  571. package/unbundled/definition34.js +33 -0
  572. package/unbundled/definition35.cjs +152 -0
  573. package/unbundled/definition35.js +134 -0
  574. package/unbundled/definition36.cjs +426 -0
  575. package/unbundled/definition36.js +408 -0
  576. package/unbundled/definition37.cjs +247 -0
  577. package/unbundled/definition37.js +229 -0
  578. package/unbundled/definition38.cjs +411 -0
  579. package/unbundled/definition38.js +393 -0
  580. package/unbundled/definition39.cjs +299 -0
  581. package/unbundled/definition39.js +281 -0
  582. package/unbundled/definition4.cjs +186 -205
  583. package/unbundled/definition4.js +162 -200
  584. package/unbundled/definition40.cjs +81 -0
  585. package/unbundled/definition40.js +63 -0
  586. package/unbundled/definition41.cjs +100 -0
  587. package/unbundled/definition41.js +82 -0
  588. package/unbundled/definition42.cjs +468 -0
  589. package/unbundled/definition42.js +450 -0
  590. package/unbundled/definition43.cjs +86 -0
  591. package/unbundled/definition43.js +68 -0
  592. package/unbundled/definition44.cjs +60 -0
  593. package/unbundled/definition44.js +41 -0
  594. package/unbundled/definition45.cjs +124 -0
  595. package/unbundled/definition45.js +106 -0
  596. package/unbundled/definition46.cjs +85 -0
  597. package/unbundled/definition46.js +67 -0
  598. package/unbundled/definition47.cjs +52 -0
  599. package/unbundled/definition47.js +31 -0
  600. package/unbundled/definition48.cjs +69 -0
  601. package/unbundled/definition48.js +51 -0
  602. package/unbundled/definition49.cjs +377 -0
  603. package/unbundled/definition49.js +359 -0
  604. package/unbundled/definition5.cjs +69 -298
  605. package/unbundled/definition5.js +44 -293
  606. package/unbundled/definition50.cjs +246 -0
  607. package/unbundled/definition50.js +228 -0
  608. package/unbundled/definition51.cjs +337 -0
  609. package/unbundled/definition51.js +319 -0
  610. package/unbundled/definition52.cjs +86 -0
  611. package/unbundled/definition52.js +67 -0
  612. package/unbundled/definition53.cjs +193 -0
  613. package/unbundled/definition53.js +174 -0
  614. package/unbundled/definition54.cjs +297 -0
  615. package/unbundled/definition54.js +279 -0
  616. package/unbundled/definition55.cjs +510 -0
  617. package/unbundled/definition55.js +492 -0
  618. package/unbundled/definition56.cjs +3659 -0
  619. package/unbundled/definition56.js +3478 -0
  620. package/unbundled/definition57.cjs +837 -0
  621. package/unbundled/definition57.js +819 -0
  622. package/unbundled/definition58.cjs +147 -0
  623. package/unbundled/definition58.js +129 -0
  624. package/unbundled/definition59.cjs +1081 -0
  625. package/unbundled/definition59.js +1063 -0
  626. package/unbundled/definition6.cjs +88 -56
  627. package/unbundled/definition6.js +69 -52
  628. package/unbundled/definition60.cjs +149 -0
  629. package/unbundled/definition60.js +131 -0
  630. package/unbundled/definition61.cjs +116 -0
  631. package/unbundled/definition61.js +97 -0
  632. package/unbundled/definition62.cjs +213 -0
  633. package/unbundled/definition62.js +195 -0
  634. package/unbundled/definition63.cjs +159 -0
  635. package/unbundled/definition63.js +141 -0
  636. package/unbundled/definition64.cjs +86 -0
  637. package/unbundled/definition64.js +68 -0
  638. package/unbundled/definition65.cjs +126 -0
  639. package/unbundled/definition65.js +107 -0
  640. package/unbundled/definition66.cjs +49 -0
  641. package/unbundled/definition66.js +28 -0
  642. package/unbundled/definition67.cjs +119 -0
  643. package/unbundled/definition67.js +101 -0
  644. package/unbundled/definition68.cjs +374 -0
  645. package/unbundled/definition68.js +349 -0
  646. package/unbundled/definition69.cjs +57 -0
  647. package/unbundled/definition69.js +38 -0
  648. package/unbundled/definition7.cjs +190 -0
  649. package/unbundled/definition7.js +166 -0
  650. package/unbundled/definition70.cjs +155 -0
  651. package/unbundled/definition70.js +137 -0
  652. package/unbundled/definition71.cjs +302 -0
  653. package/unbundled/definition71.js +284 -0
  654. package/unbundled/definition72.cjs +48 -0
  655. package/unbundled/definition72.js +37 -0
  656. package/unbundled/definition73.cjs +171 -0
  657. package/unbundled/definition73.js +147 -0
  658. package/unbundled/definition74.cjs +232 -0
  659. package/unbundled/definition74.js +213 -0
  660. package/unbundled/definition75.cjs +533 -0
  661. package/unbundled/definition75.js +513 -0
  662. package/unbundled/definition8.cjs +63 -0
  663. package/unbundled/definition8.js +44 -0
  664. package/unbundled/definition9.cjs +183 -0
  665. package/unbundled/definition9.js +165 -0
  666. package/unbundled/delegates-aria.cjs +90 -131
  667. package/unbundled/delegates-aria.js +77 -127
  668. package/unbundled/dialog.cjs +15 -0
  669. package/unbundled/dialog.js +10 -0
  670. package/unbundled/divider.cjs +42 -50
  671. package/unbundled/divider.js +30 -47
  672. package/unbundled/enums.cjs +166 -107
  673. package/unbundled/enums.js +95 -94
  674. package/unbundled/form-associated.cjs +408 -463
  675. package/unbundled/form-associated.js +396 -460
  676. package/unbundled/form-element.cjs +74 -83
  677. package/unbundled/form-element.js +68 -81
  678. package/unbundled/host-semantics.cjs +70 -89
  679. package/unbundled/host-semantics.js +57 -85
  680. package/unbundled/key-codes.cjs +16 -10
  681. package/unbundled/key-codes.js +5 -7
  682. package/unbundled/linkable.cjs +35 -56
  683. package/unbundled/linkable.js +27 -52
  684. package/unbundled/listbox.cjs +363 -465
  685. package/unbundled/listbox.js +357 -463
  686. package/unbundled/localized.cjs +79 -74
  687. package/unbundled/localized.js +61 -70
  688. package/unbundled/mixins.cjs +222 -223
  689. package/unbundled/mixins.js +186 -211
  690. package/unbundled/picker-field.template.cjs +188 -217
  691. package/unbundled/picker-field.template.js +165 -208
  692. package/unbundled/playbackRates.cjs +18 -11
  693. package/unbundled/playbackRates.js +13 -9
  694. package/unbundled/scrollIntoView.cjs +38 -43
  695. package/unbundled/scrollIntoView.js +33 -41
  696. package/unbundled/single-date-picker.cjs +48 -45
  697. package/unbundled/single-date-picker.js +43 -43
  698. package/unbundled/single-value-picker.cjs +106 -114
  699. package/unbundled/single-value-picker.js +101 -112
  700. package/unbundled/slider.template.cjs +107 -73
  701. package/unbundled/slider.template.js +67 -62
  702. package/unbundled/slottable-request.cjs +145 -3700
  703. package/unbundled/slottable-request.js +98 -3681
  704. package/unbundled/text-field.cjs +9 -5
  705. package/unbundled/text-field.js +4 -3
  706. package/unbundled/time-selection-picker.template.cjs +611 -755
  707. package/unbundled/time-selection-picker.template.js +554 -742
  708. package/unbundled/trapped-focus.cjs +45 -35
  709. package/unbundled/trapped-focus.js +34 -32
  710. package/unbundled/vivid-element.cjs +281 -274
  711. package/unbundled/vivid-element.js +239 -266
  712. package/unbundled/with-contextual-help.cjs +35 -39
  713. package/unbundled/with-contextual-help.js +29 -37
  714. package/unbundled/with-error-text.cjs +45 -55
  715. package/unbundled/with-error-text.js +39 -53
  716. package/unbundled/with-success-text.cjs +18 -22
  717. package/unbundled/with-success-text.js +12 -20
  718. package/video-player/definition.cjs +5 -69835
  719. package/video-player/definition.js +1 -69828
  720. package/video-player/index.cjs +44 -39
  721. package/video-player/index.js +23517 -35507
  722. package/visually-hidden/definition.cjs +5 -30
  723. package/visually-hidden/definition.js +1 -23
  724. package/visually-hidden/index.cjs +1 -1
  725. package/visually-hidden/index.js +5 -2
  726. package/vivid.api.json +331 -1874
  727. package/bundled/index.cjs +0 -1
  728. package/bundled/index.js +0 -6
  729. package/unbundled/_commonjsHelpers.cjs +0 -40
  730. package/unbundled/_commonjsHelpers.js +0 -36
  731. package/unbundled/index.cjs +0 -11
  732. package/unbundled/index.js +0 -9
@@ -1,159 +1,6 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
-
5
- const popup_definition = require('../unbundled/definition5.cjs');
6
- const vividElement = require('../unbundled/vivid-element.cjs');
7
- const fastElement = require('@microsoft/fast-element');
8
- const anchored = require('../unbundled/anchored.cjs');
9
- const localized = require('../unbundled/localized.cjs');
10
- const fastWebUtilities = require('@microsoft/fast-web-utilities');
11
- const index = require('../unbundled/index.cjs');
12
-
13
- const styles = ":host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.content-wrapper{width:var(--toggletip-inline-size, auto);padding:16px;max-inline-size:var(--toggletip-max-inline-size, 30ch)}.headline{margin:0;font:var(--vvd-typography-base-bold)}.action-items{display:flex;justify-content:flex-end;gap:10px}::slotted([slot=action-items]){margin-block-start:16px}";
14
-
15
- var __defProp = Object.defineProperty;
16
- var __decorateClass = (decorators, target, key, kind) => {
17
- var result = void 0 ;
18
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
19
- if (decorator = decorators[i])
20
- result = (decorator(target, key, result) ) || result;
21
- if (result) __defProp(target, key, result);
22
- return result;
23
- };
24
- class Toggletip extends localized.Localized(anchored.Anchored(vividElement.VividElement)) {
25
- constructor() {
26
- super(...arguments);
27
- this.#originalAriaLabel = null;
28
- this.alternate = false;
29
- this.placement = "right";
30
- this.open = false;
31
- this.#openIfClosed = () => {
32
- if (!this.open) fastElement.Updates.enqueue(() => this.open = true);
33
- };
34
- this.#closeOnClickOutside = (e) => {
35
- const clickedOutside = !this.contains(e.target);
36
- const clickedOnAnchor = this._anchorEl?.contains(e.target);
37
- if (clickedOutside || clickedOnAnchor) this.open = false;
38
- };
39
- this.#closeOnEscape = (e) => {
40
- if (e.key === "Escape") {
41
- this.open = false;
42
- }
43
- };
44
- }
45
- #originalAriaLabel;
46
- openChanged(oldValue, newValue) {
47
- if (oldValue === void 0) return;
48
- if (newValue) {
49
- this.setAttribute("role", "status");
50
- } else {
51
- this.removeAttribute("role");
52
- }
53
- this.#updateListeners();
54
- if (this._anchorEl) {
55
- this.#updateAnchor(this._anchorEl);
56
- }
57
- }
58
- connectedCallback() {
59
- super.connectedCallback();
60
- this.#updateListeners();
61
- }
62
- disconnectedCallback() {
63
- super.disconnectedCallback();
64
- this.#updateListeners();
65
- }
66
- /**
67
- * @internal
68
- */
69
- _anchorElChanged(oldValue, newValue) {
70
- if (oldValue) this.#cleanupAnchor(oldValue);
71
- if (newValue) this.#setupAnchor(newValue);
72
- }
73
- #setupAnchor(a) {
74
- a.addEventListener("click", this.#openIfClosed, true);
75
- this.#originalAriaLabel = a.ariaLabel;
76
- a.ariaLabel = `${this.locale.toggletip.anchorLabel(a.ariaLabel || "")}`;
77
- this.#updateAnchor(a);
78
- }
79
- #updateAnchor(a) {
80
- a.setAttribute("aria-expanded", this.open.toString());
81
- a.setAttribute("data-expanded", this.open.toString());
82
- }
83
- #cleanupAnchor(a) {
84
- a.removeEventListener("click", this.#openIfClosed, true);
85
- a.removeAttribute("aria-expanded");
86
- a.removeAttribute("data-expanded");
87
- if (a.ariaLabel) {
88
- a.ariaLabel = this.#originalAriaLabel;
89
- }
90
- }
91
- #openIfClosed;
92
- #updateListeners() {
93
- document.removeEventListener("click", this.#closeOnClickOutside);
94
- document.removeEventListener("keydown", this.#closeOnEscape);
95
- if (this.open && this.isConnected) {
96
- document.addEventListener("click", this.#closeOnClickOutside);
97
- document.addEventListener("keydown", this.#closeOnEscape);
98
- }
99
- }
100
- #closeOnClickOutside;
101
- #closeOnEscape;
102
- }
103
- __decorateClass([
104
- fastElement.attr
105
- ], Toggletip.prototype, "headline");
106
- __decorateClass([
107
- fastElement.attr({ mode: "boolean" })
108
- ], Toggletip.prototype, "alternate");
109
- __decorateClass([
110
- fastElement.attr({ mode: "fromView" })
111
- ], Toggletip.prototype, "placement");
112
- __decorateClass([
113
- fastElement.attr({ mode: "boolean" })
114
- ], Toggletip.prototype, "open");
115
-
116
- const getClasses = (_) => fastWebUtilities.classNames("control");
117
- const ToggletipTemplate = (context) => {
118
- const popup = context.tagFor(popup_definition.Popup);
119
- const anchorSlotTemplate = anchored.anchorSlotTemplateFactory();
120
- return fastElement.html`
121
- ${anchorSlotTemplate}
122
- <${popup}
123
- @keydown="${(x, { event }) => {
124
- if (x.open && index.handleEscapeKeyAndStopPropogation(event)) {
125
- return false;
126
- }
127
- return true;
128
- }}"
129
- class="${getClasses}"
130
- arrow
131
- :anchor="${(x) => x._anchorEl}"
132
- :open="${(x) => x.open}"
133
- ?alternate="${(x) => !x.alternate}"
134
- placement="${(x) => x.placement}"
135
- exportparts="vvd-theme-alternate"
136
- >
137
- <div class="content-wrapper">
138
- ${fastElement.when((x) => x.headline, fastElement.html`<h2 class="headline">${(x) => x.headline}</h2>`)}
139
- <slot></slot>
140
- <div class="action-items"><slot name="action-items"></slot></div>
141
- </div>
142
- </${popup}>
143
- `;
144
- };
145
-
146
- const toggletipDefinition = vividElement.defineVividComponent(
147
- "toggletip",
148
- Toggletip,
149
- ToggletipTemplate,
150
- [popup_definition.popupDefinition],
151
- {
152
- styles
153
- }
154
- );
155
- const registerToggletip = vividElement.createRegisterFunction(toggletipDefinition);
156
-
157
- exports.VwcToggletipElement = Toggletip;
158
- exports.registerToggletip = registerToggletip;
159
- exports.toggletipDefinition = toggletipDefinition;
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
+ require("../unbundled/definition2.cjs");
3
+ const require_definition$1 = require("../unbundled/definition24.cjs");
4
+ exports.VwcToggletipElement = require_definition$1.Toggletip;
5
+ exports.registerToggletip = require_definition$1.registerToggletip;
6
+ exports.toggletipDefinition = require_definition$1.toggletipDefinition;
@@ -1,153 +1,3 @@
1
- import { P as Popup, p as popupDefinition } from '../unbundled/definition5.js';
2
- import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
3
- import { Updates, attr, when, html } from '@microsoft/fast-element';
4
- import { A as Anchored, a as anchorSlotTemplateFactory } from '../unbundled/anchored.js';
5
- import { L as Localized } from '../unbundled/localized.js';
6
- import { classNames } from '@microsoft/fast-web-utilities';
7
- import { h as handleEscapeKeyAndStopPropogation } from '../unbundled/index.js';
8
-
9
- const styles = ":host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.content-wrapper{width:var(--toggletip-inline-size, auto);padding:16px;max-inline-size:var(--toggletip-max-inline-size, 30ch)}.headline{margin:0;font:var(--vvd-typography-base-bold)}.action-items{display:flex;justify-content:flex-end;gap:10px}::slotted([slot=action-items]){margin-block-start:16px}";
10
-
11
- var __defProp = Object.defineProperty;
12
- var __decorateClass = (decorators, target, key, kind) => {
13
- var result = void 0 ;
14
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
15
- if (decorator = decorators[i])
16
- result = (decorator(target, key, result) ) || result;
17
- if (result) __defProp(target, key, result);
18
- return result;
19
- };
20
- class Toggletip extends Localized(Anchored(VividElement)) {
21
- constructor() {
22
- super(...arguments);
23
- this.#originalAriaLabel = null;
24
- this.alternate = false;
25
- this.placement = "right";
26
- this.open = false;
27
- this.#openIfClosed = () => {
28
- if (!this.open) Updates.enqueue(() => this.open = true);
29
- };
30
- this.#closeOnClickOutside = (e) => {
31
- const clickedOutside = !this.contains(e.target);
32
- const clickedOnAnchor = this._anchorEl?.contains(e.target);
33
- if (clickedOutside || clickedOnAnchor) this.open = false;
34
- };
35
- this.#closeOnEscape = (e) => {
36
- if (e.key === "Escape") {
37
- this.open = false;
38
- }
39
- };
40
- }
41
- #originalAriaLabel;
42
- openChanged(oldValue, newValue) {
43
- if (oldValue === void 0) return;
44
- if (newValue) {
45
- this.setAttribute("role", "status");
46
- } else {
47
- this.removeAttribute("role");
48
- }
49
- this.#updateListeners();
50
- if (this._anchorEl) {
51
- this.#updateAnchor(this._anchorEl);
52
- }
53
- }
54
- connectedCallback() {
55
- super.connectedCallback();
56
- this.#updateListeners();
57
- }
58
- disconnectedCallback() {
59
- super.disconnectedCallback();
60
- this.#updateListeners();
61
- }
62
- /**
63
- * @internal
64
- */
65
- _anchorElChanged(oldValue, newValue) {
66
- if (oldValue) this.#cleanupAnchor(oldValue);
67
- if (newValue) this.#setupAnchor(newValue);
68
- }
69
- #setupAnchor(a) {
70
- a.addEventListener("click", this.#openIfClosed, true);
71
- this.#originalAriaLabel = a.ariaLabel;
72
- a.ariaLabel = `${this.locale.toggletip.anchorLabel(a.ariaLabel || "")}`;
73
- this.#updateAnchor(a);
74
- }
75
- #updateAnchor(a) {
76
- a.setAttribute("aria-expanded", this.open.toString());
77
- a.setAttribute("data-expanded", this.open.toString());
78
- }
79
- #cleanupAnchor(a) {
80
- a.removeEventListener("click", this.#openIfClosed, true);
81
- a.removeAttribute("aria-expanded");
82
- a.removeAttribute("data-expanded");
83
- if (a.ariaLabel) {
84
- a.ariaLabel = this.#originalAriaLabel;
85
- }
86
- }
87
- #openIfClosed;
88
- #updateListeners() {
89
- document.removeEventListener("click", this.#closeOnClickOutside);
90
- document.removeEventListener("keydown", this.#closeOnEscape);
91
- if (this.open && this.isConnected) {
92
- document.addEventListener("click", this.#closeOnClickOutside);
93
- document.addEventListener("keydown", this.#closeOnEscape);
94
- }
95
- }
96
- #closeOnClickOutside;
97
- #closeOnEscape;
98
- }
99
- __decorateClass([
100
- attr
101
- ], Toggletip.prototype, "headline");
102
- __decorateClass([
103
- attr({ mode: "boolean" })
104
- ], Toggletip.prototype, "alternate");
105
- __decorateClass([
106
- attr({ mode: "fromView" })
107
- ], Toggletip.prototype, "placement");
108
- __decorateClass([
109
- attr({ mode: "boolean" })
110
- ], Toggletip.prototype, "open");
111
-
112
- const getClasses = (_) => classNames("control");
113
- const ToggletipTemplate = (context) => {
114
- const popup = context.tagFor(Popup);
115
- const anchorSlotTemplate = anchorSlotTemplateFactory();
116
- return html`
117
- ${anchorSlotTemplate}
118
- <${popup}
119
- @keydown="${(x, { event }) => {
120
- if (x.open && handleEscapeKeyAndStopPropogation(event)) {
121
- return false;
122
- }
123
- return true;
124
- }}"
125
- class="${getClasses}"
126
- arrow
127
- :anchor="${(x) => x._anchorEl}"
128
- :open="${(x) => x.open}"
129
- ?alternate="${(x) => !x.alternate}"
130
- placement="${(x) => x.placement}"
131
- exportparts="vvd-theme-alternate"
132
- >
133
- <div class="content-wrapper">
134
- ${when((x) => x.headline, html`<h2 class="headline">${(x) => x.headline}</h2>`)}
135
- <slot></slot>
136
- <div class="action-items"><slot name="action-items"></slot></div>
137
- </div>
138
- </${popup}>
139
- `;
140
- };
141
-
142
- const toggletipDefinition = defineVividComponent(
143
- "toggletip",
144
- Toggletip,
145
- ToggletipTemplate,
146
- [popupDefinition],
147
- {
148
- styles
149
- }
150
- );
151
- const registerToggletip = createRegisterFunction(toggletipDefinition);
152
-
1
+ import "../unbundled/definition2.js";
2
+ import { n as toggletipDefinition, r as Toggletip, t as registerToggletip } from "../unbundled/definition24.js";
153
3
  export { Toggletip as VwcToggletipElement, registerToggletip, toggletipDefinition };
@@ -1 +1 @@
1
- "use strict";const e=require("../bundled/definition17.cjs");e.registerToggletip();
1
+ require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition10.cjs`).t();
@@ -1,2 +1,6 @@
1
- import { r } from "../bundled/definition17.js";
2
- r();
1
+ import "../bundled/vivid-element.js";
2
+ import "../bundled/definition2.js";
3
+ import { t as e } from "../bundled/definition10.js";
4
+ //#region src/lib/toggletip/index.ts
5
+ e();
6
+ //#endregion
@@ -1,139 +1,6 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
-
5
- const popup_definition = require('../unbundled/definition5.cjs');
6
- const vividElement = require('../unbundled/vivid-element.cjs');
7
- const fastElement = require('@microsoft/fast-element');
8
- const anchored = require('../unbundled/anchored.cjs');
9
- const fastWebUtilities = require('@microsoft/fast-web-utilities');
10
- const index = require('../unbundled/index.cjs');
11
-
12
- var __defProp = Object.defineProperty;
13
- var __decorateClass = (decorators, target, key, kind) => {
14
- var result = void 0 ;
15
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
16
- if (decorator = decorators[i])
17
- result = (decorator(target, key, result) ) || result;
18
- if (result) __defProp(target, key, result);
19
- return result;
20
- };
21
- class Tooltip extends anchored.Anchored(vividElement.VividElement) {
22
- constructor() {
23
- super(...arguments);
24
- this.open = false;
25
- this.#show = () => {
26
- this.open = true;
27
- this.#updateAnchorExpanded();
28
- };
29
- this.#hide = () => {
30
- this.open = false;
31
- this.#updateAnchorExpanded();
32
- };
33
- this.#closeOnEscape = (e) => {
34
- if (e.key === "Escape") {
35
- this.#hide();
36
- }
37
- };
38
- }
39
- connectedCallback() {
40
- super.connectedCallback();
41
- this.#updateListeners();
42
- }
43
- disconnectedCallback() {
44
- super.disconnectedCallback();
45
- this.#updateListeners();
46
- }
47
- /**
48
- * @internal
49
- */
50
- _anchorElChanged(oldValue, newValue) {
51
- if (oldValue) this.#cleanupAnchor(oldValue);
52
- if (newValue) this.#setupAnchor(newValue);
53
- }
54
- #setupAnchor(a) {
55
- a.addEventListener("mouseover", this.#show);
56
- a.addEventListener("mouseout", this.#hide);
57
- a.addEventListener("focusin", this.#show);
58
- a.addEventListener("focusout", this.#hide);
59
- a.setAttribute("aria-haspopup", "true");
60
- a.setAttribute("aria-expanded", String(this.open));
61
- }
62
- #cleanupAnchor(a) {
63
- a.removeEventListener("mouseover", this.#show);
64
- a.removeEventListener("mouseout", this.#hide);
65
- a.removeEventListener("focusin", this.#show);
66
- a.removeEventListener("focusout", this.#hide);
67
- a.removeAttribute("aria-haspopup");
68
- a.removeAttribute("aria-expanded");
69
- }
70
- #show;
71
- #hide;
72
- #updateAnchorExpanded() {
73
- if (this._anchorEl) {
74
- this._anchorEl.setAttribute("aria-expanded", String(this.open));
75
- }
76
- }
77
- #updateListeners() {
78
- document.removeEventListener("keydown", this.#closeOnEscape);
79
- if (this.open && this.isConnected) {
80
- document.addEventListener("keydown", this.#closeOnEscape);
81
- }
82
- }
83
- #closeOnEscape;
84
- /**
85
- * @internal
86
- */
87
- openChanged(oldValue) {
88
- if (oldValue === void 0) return;
89
- this.#updateListeners();
90
- }
91
- }
92
- __decorateClass([
93
- fastElement.attr
94
- ], Tooltip.prototype, "text");
95
- __decorateClass([
96
- fastElement.attr({ mode: "fromView" })
97
- ], Tooltip.prototype, "placement");
98
- __decorateClass([
99
- fastElement.attr({ mode: "boolean" })
100
- ], Tooltip.prototype, "open");
101
-
102
- const styles = ":host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size, auto);box-sizing:border-box;padding:8px 12px;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size, 30ch)}";
103
-
104
- const getClasses = ({ open }) => fastWebUtilities.classNames("control", ["open", Boolean(open)]);
105
- const TooltipTemplate = (context) => {
106
- const popupTag = context.tagFor(popup_definition.Popup);
107
- const anchorSlotTemplate = anchored.anchorSlotTemplateFactory();
108
- return fastElement.html`
109
- ${anchorSlotTemplate}
110
- <${popupTag} class="${getClasses}" arrow alternate
111
- :placement=${(x) => x.placement}
112
- :anchor="${(x) => x._anchorEl}"
113
- :open="${(x) => x.open}"
114
- @keydown="${(x, c) => {
115
- if (x.open && index.handleEscapeKeyAndStopPropogation(c.event)) {
116
- x.open = false;
117
- }
118
- }}"
119
- exportparts="vvd-theme-alternate">
120
- <div part="vvd-theme-alternate" class="tooltip" role="tooltip">
121
- ${(x) => x.text}
122
- </div>
123
- </${popupTag}>`;
124
- };
125
-
126
- const tooltipDefinition = vividElement.defineVividComponent(
127
- "tooltip",
128
- Tooltip,
129
- TooltipTemplate,
130
- [popup_definition.popupDefinition],
131
- {
132
- styles
133
- }
134
- );
135
- const registerTooltip = vividElement.createRegisterFunction(tooltipDefinition);
136
-
137
- exports.VwcTooltipElement = Tooltip;
138
- exports.registerTooltip = registerTooltip;
139
- exports.tooltipDefinition = tooltipDefinition;
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
+ require("../unbundled/definition2.cjs");
3
+ const require_definition$1 = require("../unbundled/definition27.cjs");
4
+ exports.VwcTooltipElement = require_definition$1.Tooltip;
5
+ exports.registerTooltip = require_definition$1.registerTooltip;
6
+ exports.tooltipDefinition = require_definition$1.tooltipDefinition;
@@ -1,133 +1,3 @@
1
- import { P as Popup, p as popupDefinition } from '../unbundled/definition5.js';
2
- import { V as VividElement, c as createRegisterFunction, d as defineVividComponent } from '../unbundled/vivid-element.js';
3
- import { attr, html } from '@microsoft/fast-element';
4
- import { A as Anchored, a as anchorSlotTemplateFactory } from '../unbundled/anchored.js';
5
- import { classNames } from '@microsoft/fast-web-utilities';
6
- import { h as handleEscapeKeyAndStopPropogation } from '../unbundled/index.js';
7
-
8
- var __defProp = Object.defineProperty;
9
- var __decorateClass = (decorators, target, key, kind) => {
10
- var result = void 0 ;
11
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
12
- if (decorator = decorators[i])
13
- result = (decorator(target, key, result) ) || result;
14
- if (result) __defProp(target, key, result);
15
- return result;
16
- };
17
- class Tooltip extends Anchored(VividElement) {
18
- constructor() {
19
- super(...arguments);
20
- this.open = false;
21
- this.#show = () => {
22
- this.open = true;
23
- this.#updateAnchorExpanded();
24
- };
25
- this.#hide = () => {
26
- this.open = false;
27
- this.#updateAnchorExpanded();
28
- };
29
- this.#closeOnEscape = (e) => {
30
- if (e.key === "Escape") {
31
- this.#hide();
32
- }
33
- };
34
- }
35
- connectedCallback() {
36
- super.connectedCallback();
37
- this.#updateListeners();
38
- }
39
- disconnectedCallback() {
40
- super.disconnectedCallback();
41
- this.#updateListeners();
42
- }
43
- /**
44
- * @internal
45
- */
46
- _anchorElChanged(oldValue, newValue) {
47
- if (oldValue) this.#cleanupAnchor(oldValue);
48
- if (newValue) this.#setupAnchor(newValue);
49
- }
50
- #setupAnchor(a) {
51
- a.addEventListener("mouseover", this.#show);
52
- a.addEventListener("mouseout", this.#hide);
53
- a.addEventListener("focusin", this.#show);
54
- a.addEventListener("focusout", this.#hide);
55
- a.setAttribute("aria-haspopup", "true");
56
- a.setAttribute("aria-expanded", String(this.open));
57
- }
58
- #cleanupAnchor(a) {
59
- a.removeEventListener("mouseover", this.#show);
60
- a.removeEventListener("mouseout", this.#hide);
61
- a.removeEventListener("focusin", this.#show);
62
- a.removeEventListener("focusout", this.#hide);
63
- a.removeAttribute("aria-haspopup");
64
- a.removeAttribute("aria-expanded");
65
- }
66
- #show;
67
- #hide;
68
- #updateAnchorExpanded() {
69
- if (this._anchorEl) {
70
- this._anchorEl.setAttribute("aria-expanded", String(this.open));
71
- }
72
- }
73
- #updateListeners() {
74
- document.removeEventListener("keydown", this.#closeOnEscape);
75
- if (this.open && this.isConnected) {
76
- document.addEventListener("keydown", this.#closeOnEscape);
77
- }
78
- }
79
- #closeOnEscape;
80
- /**
81
- * @internal
82
- */
83
- openChanged(oldValue) {
84
- if (oldValue === void 0) return;
85
- this.#updateListeners();
86
- }
87
- }
88
- __decorateClass([
89
- attr
90
- ], Tooltip.prototype, "text");
91
- __decorateClass([
92
- attr({ mode: "fromView" })
93
- ], Tooltip.prototype, "placement");
94
- __decorateClass([
95
- attr({ mode: "boolean" })
96
- ], Tooltip.prototype, "open");
97
-
98
- const styles = ":host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.control{pointer-events:none}.tooltip{width:var(--tooltip-inline-size, auto);box-sizing:border-box;padding:8px 12px;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);max-inline-size:var(--tooltip-max-inline-size, 30ch)}";
99
-
100
- const getClasses = ({ open }) => classNames("control", ["open", Boolean(open)]);
101
- const TooltipTemplate = (context) => {
102
- const popupTag = context.tagFor(Popup);
103
- const anchorSlotTemplate = anchorSlotTemplateFactory();
104
- return html`
105
- ${anchorSlotTemplate}
106
- <${popupTag} class="${getClasses}" arrow alternate
107
- :placement=${(x) => x.placement}
108
- :anchor="${(x) => x._anchorEl}"
109
- :open="${(x) => x.open}"
110
- @keydown="${(x, c) => {
111
- if (x.open && handleEscapeKeyAndStopPropogation(c.event)) {
112
- x.open = false;
113
- }
114
- }}"
115
- exportparts="vvd-theme-alternate">
116
- <div part="vvd-theme-alternate" class="tooltip" role="tooltip">
117
- ${(x) => x.text}
118
- </div>
119
- </${popupTag}>`;
120
- };
121
-
122
- const tooltipDefinition = defineVividComponent(
123
- "tooltip",
124
- Tooltip,
125
- TooltipTemplate,
126
- [popupDefinition],
127
- {
128
- styles
129
- }
130
- );
131
- const registerTooltip = createRegisterFunction(tooltipDefinition);
132
-
1
+ import "../unbundled/definition2.js";
2
+ import { n as tooltipDefinition, r as Tooltip, t as registerTooltip } from "../unbundled/definition27.js";
133
3
  export { Tooltip as VwcTooltipElement, registerTooltip, tooltipDefinition };
package/tooltip/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";const i=require("../bundled/definition11.cjs");i.registerTooltip();
1
+ require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition9.cjs`).t();
package/tooltip/index.js CHANGED
@@ -1,2 +1,6 @@
1
- import { r } from "../bundled/definition11.js";
2
- r();
1
+ import "../bundled/vivid-element.js";
2
+ import "../bundled/definition2.js";
3
+ import { t as e } from "../bundled/definition9.js";
4
+ //#region src/lib/tooltip/index.ts
5
+ e();
6
+ //#endregion
@@ -1,13 +1,6 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
-
5
- require('../icon/definition.cjs');
6
- require('../unbundled/vivid-element.cjs');
7
- const treeItem_definition = require('../unbundled/definition4.cjs');
8
-
9
-
10
-
11
- exports.VwcTreeItemElement = treeItem_definition.TreeItem;
12
- exports.registerTreeItem = treeItem_definition.registerTreeItem;
13
- exports.treeItemDefinition = treeItem_definition.treeItemDefinition;
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
+ require("../unbundled/definition2.cjs");
3
+ const require_definition$1 = require("../unbundled/definition73.cjs");
4
+ exports.VwcTreeItemElement = require_definition$1.TreeItem;
5
+ exports.registerTreeItem = require_definition$1.registerTreeItem;
6
+ exports.treeItemDefinition = require_definition$1.treeItemDefinition;
@@ -1,3 +1,3 @@
1
- import '../icon/definition.js';
2
- import '../unbundled/vivid-element.js';
3
- export { T as VwcTreeItemElement, r as registerTreeItem, t as treeItemDefinition } from '../unbundled/definition4.js';
1
+ import "../unbundled/definition2.js";
2
+ import { n as treeItemDefinition, r as TreeItem, t as registerTreeItem } from "../unbundled/definition73.js";
3
+ export { TreeItem as VwcTreeItemElement, registerTreeItem, treeItemDefinition };
@@ -1 +1 @@
1
- "use strict";const e=require("../bundled/definition22.cjs");e.registerTreeItem();
1
+ require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition4.cjs`).t();
@@ -1,2 +1,6 @@
1
- import { r } from "../bundled/definition22.js";
2
- r();
1
+ import "../bundled/vivid-element.js";
2
+ import "../bundled/definition2.js";
3
+ import { t as e } from "../bundled/definition4.js";
4
+ //#region src/lib/tree-item/index.ts
5
+ e();
6
+ //#endregion