@dialpad/dialtone 9.65.1 → 9.66.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 (792) hide show
  1. package/dist/tokens/doc.json +17176 -17176
  2. package/dist/vue2/chunks/{dropdown-6UoczdUY.js → dropdown-YdCyJ5Dq.js} +77 -41
  3. package/dist/vue2/chunks/{dropdown-6UoczdUY.js.map → dropdown-YdCyJ5Dq.js.map} +1 -1
  4. package/dist/vue2/chunks/{dropdown-pHxnQPzT.js → dropdown-mjrYu_mK.js} +77 -41
  5. package/dist/vue2/chunks/{dropdown-pHxnQPzT.js.map → dropdown-mjrYu_mK.js.map} +1 -1
  6. package/dist/vue2/chunks/dropdown_constants-2pGCXy7m.js.map +1 -1
  7. package/dist/vue2/chunks/dropdown_constants-w1MXGC3Z.js.map +1 -1
  8. package/dist/vue2/chunks/{icon_constants-Dy4MEUJL.js → icon_constants-TdxqLsS2.js} +3 -2
  9. package/dist/vue2/chunks/icon_constants-TdxqLsS2.js.map +1 -0
  10. package/dist/vue2/chunks/{icon_constants-QYpmdE0R.js → icon_constants-VEA0wI5C.js} +3 -2
  11. package/dist/vue2/chunks/icon_constants-VEA0wI5C.js.map +1 -0
  12. package/dist/vue2/chunks/{index-gj1jEXP4.js → index-DyqUqjvI.js} +122 -87
  13. package/dist/vue2/chunks/{index-gj1jEXP4.js.map → index-DyqUqjvI.js.map} +1 -1
  14. package/dist/vue2/chunks/{index-anN_sx1F.js → index-NYFNZeHH.js} +5 -13
  15. package/dist/vue2/chunks/{index-anN_sx1F.js.map → index-NYFNZeHH.js.map} +1 -1
  16. package/dist/vue2/chunks/{index-ODod4Oj_.js → index-i65YVk-U.js} +5 -13
  17. package/dist/vue2/chunks/{index-ODod4Oj_.js.map → index-i65YVk-U.js.map} +1 -1
  18. package/dist/vue2/chunks/{index-eJ-WWRdf.js → index-mBWay1Qb.js} +122 -87
  19. package/dist/vue2/chunks/{index-eJ-WWRdf.js.map → index-mBWay1Qb.js.map} +1 -1
  20. package/dist/vue2/chunks/{input-Axw-wFj2.js → input-Hqw33WBe.js} +3 -9
  21. package/dist/vue2/chunks/{input-Axw-wFj2.js.map → input-Hqw33WBe.js.map} +1 -1
  22. package/dist/vue2/chunks/{input-6kbd8Pju.js → input-PhJeBN6r.js} +3 -9
  23. package/dist/vue2/chunks/{input-6kbd8Pju.js.map → input-PhJeBN6r.js.map} +1 -1
  24. package/dist/vue2/chunks/{input_group-qVZaS5Bb.js → input_group-ZI7aVGEp.js} +4 -2
  25. package/dist/vue2/chunks/{input_group-m3cWYUfI.js.map → input_group-ZI7aVGEp.js.map} +1 -1
  26. package/dist/vue2/chunks/{input_group-m3cWYUfI.js → input_group-pE6ec9R3.js} +4 -2
  27. package/dist/vue2/chunks/{input_group-qVZaS5Bb.js.map → input_group-pE6ec9R3.js.map} +1 -1
  28. package/dist/vue2/chunks/{keyboard_list_navigation-ScXhrxya.js → keyboard_list_navigation-YIqTuw1W.js} +6 -5
  29. package/dist/vue2/chunks/{keyboard_list_navigation-fJnl_Iox.js.map → keyboard_list_navigation-YIqTuw1W.js.map} +1 -1
  30. package/dist/vue2/chunks/{keyboard_list_navigation-fJnl_Iox.js → keyboard_list_navigation-x3D6RcC7.js} +6 -5
  31. package/dist/vue2/chunks/{keyboard_list_navigation-ScXhrxya.js.map → keyboard_list_navigation-x3D6RcC7.js.map} +1 -1
  32. package/dist/vue2/chunks/link_constants-AfTWrr-n.js.map +1 -1
  33. package/dist/vue2/chunks/link_constants-x8NwdqmA.js.map +1 -1
  34. package/dist/vue2/chunks/list_item_constants-EiqkqZvP.js.map +1 -1
  35. package/dist/vue2/chunks/list_item_constants-u1xcN9Dd.js.map +1 -1
  36. package/dist/vue2/chunks/{modal-XOr4kiNZ.js → modal-8X6poIZW.js} +4 -2
  37. package/dist/{vue3/chunks/modal-XOr4kiNZ.js.map → vue2/chunks/modal-8X6poIZW.js.map} +1 -1
  38. package/dist/vue2/chunks/{modal-VgxXAQFP.js → modal-OaWxzqNt.js} +4 -2
  39. package/dist/vue2/chunks/{modal-VgxXAQFP.js.map → modal-OaWxzqNt.js.map} +1 -1
  40. package/dist/vue2/chunks/{notice_action-IRUoLX2d.js → notice_action-qQr3K2TC.js} +71 -46
  41. package/dist/vue2/chunks/{notice_action-IRUoLX2d.js.map → notice_action-qQr3K2TC.js.map} +1 -1
  42. package/dist/vue2/chunks/{notice_action-P6uDyE9x.js → notice_action-tEvvMg7Q.js} +71 -46
  43. package/dist/vue2/chunks/{notice_action-P6uDyE9x.js.map → notice_action-tEvvMg7Q.js.map} +1 -1
  44. package/dist/vue2/chunks/notice_constants-7Qt2CQEY.js.map +1 -1
  45. package/dist/vue2/chunks/notice_constants-UXo9e3bS.js.map +1 -1
  46. package/dist/vue2/chunks/{popover_constants-WsOUIY-m.js → popover_constants-6YkPPbnk.js} +26 -47
  47. package/dist/vue2/chunks/{popover_constants-WsOUIY-m.js.map → popover_constants-6YkPPbnk.js.map} +1 -1
  48. package/dist/vue2/chunks/{popover_constants-XnGWXaxX.js → popover_constants-h9MD6WUt.js} +26 -47
  49. package/dist/{vue3/chunks/popover_constants-WsOUIY-m.js.map → vue2/chunks/popover_constants-h9MD6WUt.js.map} +1 -1
  50. package/dist/vue2/chunks/{sr_only_close_button-ZaGdAHz7.js → sr_only_close_button-2Q9Ny1Nc.js} +24 -18
  51. package/dist/vue2/chunks/{sr_only_close_button-ZaGdAHz7.js.map → sr_only_close_button-2Q9Ny1Nc.js.map} +1 -1
  52. package/dist/vue2/chunks/{sr_only_close_button-81bHIpPu.js → sr_only_close_button-IjMVfBDE.js} +24 -18
  53. package/dist/vue2/chunks/{sr_only_close_button-81bHIpPu.js.map → sr_only_close_button-IjMVfBDE.js.map} +1 -1
  54. package/dist/vue2/chunks/stack_constants-HraCekPm.js.map +1 -1
  55. package/dist/vue2/chunks/stack_constants-SMzMWnAQ.js.map +1 -1
  56. package/dist/vue2/chunks/{tab-FcsV5VmK.js → tab-79yMX6m6.js} +86 -68
  57. package/dist/vue2/chunks/{tab-V4cb44Ry.js.map → tab-79yMX6m6.js.map} +1 -1
  58. package/dist/vue2/chunks/{tab-V4cb44Ry.js → tab-muPOS7JE.js} +86 -68
  59. package/dist/vue2/chunks/{tab-FcsV5VmK.js.map → tab-muPOS7JE.js.map} +1 -1
  60. package/dist/vue2/common/constants.cjs.map +1 -1
  61. package/dist/vue2/common/constants.js.map +1 -1
  62. package/dist/vue2/common/dates.cjs +3 -1
  63. package/dist/vue2/common/dates.cjs.map +1 -1
  64. package/dist/vue2/common/dates.js +3 -1
  65. package/dist/vue2/common/dates.js.map +1 -1
  66. package/dist/vue2/common/emoji.cjs +1 -1
  67. package/dist/vue2/common/emoji.js +1 -1
  68. package/dist/vue2/common/mixins.cjs +3 -3
  69. package/dist/vue2/common/mixins.js +3 -3
  70. package/dist/vue2/common/utils.cjs +8 -44
  71. package/dist/vue2/common/utils.cjs.map +1 -1
  72. package/dist/vue2/common/utils.js +8 -44
  73. package/dist/vue2/common/utils.js.map +1 -1
  74. package/dist/vue2/common/validators.cjs.map +1 -1
  75. package/dist/vue2/common/validators.js.map +1 -1
  76. package/dist/vue2/component-documentation.json +1 -1
  77. package/dist/vue2/dialtone-vue.cjs +12 -12
  78. package/dist/vue2/dialtone-vue.js +12 -12
  79. package/dist/vue2/lib/attachment-carousel.cjs +172 -48
  80. package/dist/vue2/lib/attachment-carousel.cjs.map +1 -1
  81. package/dist/vue2/lib/attachment-carousel.js +172 -48
  82. package/dist/vue2/lib/attachment-carousel.js.map +1 -1
  83. package/dist/vue2/lib/avatar.cjs +75 -58
  84. package/dist/vue2/lib/avatar.cjs.map +1 -1
  85. package/dist/vue2/lib/avatar.js +75 -58
  86. package/dist/vue2/lib/avatar.js.map +1 -1
  87. package/dist/vue2/lib/badge.cjs +31 -20
  88. package/dist/vue2/lib/badge.cjs.map +1 -1
  89. package/dist/vue2/lib/badge.js +31 -20
  90. package/dist/vue2/lib/badge.js.map +1 -1
  91. package/dist/vue2/lib/banner.cjs +53 -29
  92. package/dist/vue2/lib/banner.cjs.map +1 -1
  93. package/dist/vue2/lib/banner.js +53 -29
  94. package/dist/vue2/lib/banner.js.map +1 -1
  95. package/dist/vue2/lib/breadcrumbs.cjs +36 -30
  96. package/dist/vue2/lib/breadcrumbs.cjs.map +1 -1
  97. package/dist/vue2/lib/breadcrumbs.js +36 -30
  98. package/dist/vue2/lib/breadcrumbs.js.map +1 -1
  99. package/dist/vue2/lib/button-group.cjs +7 -14
  100. package/dist/vue2/lib/button-group.cjs.map +1 -1
  101. package/dist/vue2/lib/button-group.js +7 -14
  102. package/dist/vue2/lib/button-group.js.map +1 -1
  103. package/dist/vue2/lib/button.cjs +55 -62
  104. package/dist/vue2/lib/button.cjs.map +1 -1
  105. package/dist/vue2/lib/button.js +55 -62
  106. package/dist/vue2/lib/button.js.map +1 -1
  107. package/dist/vue2/lib/callbar-button-with-popover.cjs +91 -23
  108. package/dist/vue2/lib/callbar-button-with-popover.cjs.map +1 -1
  109. package/dist/vue2/lib/callbar-button-with-popover.js +91 -23
  110. package/dist/vue2/lib/callbar-button-with-popover.js.map +1 -1
  111. package/dist/vue2/lib/callbar-button.cjs +49 -33
  112. package/dist/vue2/lib/callbar-button.cjs.map +1 -1
  113. package/dist/vue2/lib/callbar-button.js +49 -33
  114. package/dist/vue2/lib/callbar-button.js.map +1 -1
  115. package/dist/vue2/lib/callbox.cjs +78 -15
  116. package/dist/vue2/lib/callbox.cjs.map +1 -1
  117. package/dist/vue2/lib/callbox.js +78 -15
  118. package/dist/vue2/lib/callbox.js.map +1 -1
  119. package/dist/vue2/lib/card.cjs +16 -23
  120. package/dist/vue2/lib/card.cjs.map +1 -1
  121. package/dist/vue2/lib/card.js +16 -23
  122. package/dist/vue2/lib/card.js.map +1 -1
  123. package/dist/vue2/lib/checkbox-group.cjs +3 -15
  124. package/dist/vue2/lib/checkbox-group.cjs.map +1 -1
  125. package/dist/vue2/lib/checkbox-group.js +3 -15
  126. package/dist/vue2/lib/checkbox-group.js.map +1 -1
  127. package/dist/vue2/lib/checkbox.cjs +52 -16
  128. package/dist/vue2/lib/checkbox.cjs.map +1 -1
  129. package/dist/vue2/lib/checkbox.js +52 -16
  130. package/dist/vue2/lib/checkbox.js.map +1 -1
  131. package/dist/vue2/lib/chip.cjs +58 -26
  132. package/dist/vue2/lib/chip.cjs.map +1 -1
  133. package/dist/vue2/lib/chip.js +58 -26
  134. package/dist/vue2/lib/chip.js.map +1 -1
  135. package/dist/vue2/lib/codeblock.cjs +4 -11
  136. package/dist/vue2/lib/codeblock.cjs.map +1 -1
  137. package/dist/vue2/lib/codeblock.js +4 -11
  138. package/dist/vue2/lib/codeblock.js.map +1 -1
  139. package/dist/vue2/lib/collapsible.cjs +91 -34
  140. package/dist/vue2/lib/collapsible.cjs.map +1 -1
  141. package/dist/vue2/lib/collapsible.js +91 -34
  142. package/dist/vue2/lib/collapsible.js.map +1 -1
  143. package/dist/vue2/lib/combobox-multi-select.cjs +131 -38
  144. package/dist/vue2/lib/combobox-multi-select.cjs.map +1 -1
  145. package/dist/vue2/lib/combobox-multi-select.js +131 -38
  146. package/dist/vue2/lib/combobox-multi-select.js.map +1 -1
  147. package/dist/vue2/lib/combobox-with-popover.cjs +130 -39
  148. package/dist/vue2/lib/combobox-with-popover.cjs.map +1 -1
  149. package/dist/vue2/lib/combobox-with-popover.js +130 -39
  150. package/dist/vue2/lib/combobox-with-popover.js.map +1 -1
  151. package/dist/vue2/lib/combobox.cjs +3 -3
  152. package/dist/vue2/lib/combobox.js +3 -3
  153. package/dist/vue2/lib/contact-centers-row.cjs +86 -29
  154. package/dist/vue2/lib/contact-centers-row.cjs.map +1 -1
  155. package/dist/vue2/lib/contact-centers-row.js +86 -29
  156. package/dist/vue2/lib/contact-centers-row.js.map +1 -1
  157. package/dist/vue2/lib/contact-info.cjs +95 -24
  158. package/dist/vue2/lib/contact-info.cjs.map +1 -1
  159. package/dist/vue2/lib/contact-info.js +95 -24
  160. package/dist/vue2/lib/contact-info.js.map +1 -1
  161. package/dist/vue2/lib/contact-row.cjs +61 -18
  162. package/dist/vue2/lib/contact-row.cjs.map +1 -1
  163. package/dist/vue2/lib/contact-row.js +61 -18
  164. package/dist/vue2/lib/contact-row.js.map +1 -1
  165. package/dist/vue2/lib/datepicker.cjs +361 -102
  166. package/dist/vue2/lib/datepicker.cjs.map +1 -1
  167. package/dist/vue2/lib/datepicker.js +361 -102
  168. package/dist/vue2/lib/datepicker.js.map +1 -1
  169. package/dist/vue2/lib/description-list.cjs +11 -12
  170. package/dist/vue2/lib/description-list.cjs.map +1 -1
  171. package/dist/vue2/lib/description-list.js +11 -12
  172. package/dist/vue2/lib/description-list.js.map +1 -1
  173. package/dist/vue2/lib/dropdown.cjs +13 -17
  174. package/dist/vue2/lib/dropdown.cjs.map +1 -1
  175. package/dist/vue2/lib/dropdown.js +13 -17
  176. package/dist/vue2/lib/dropdown.js.map +1 -1
  177. package/dist/vue2/lib/editor.cjs +409 -109
  178. package/dist/vue2/lib/editor.cjs.map +1 -1
  179. package/dist/vue2/lib/editor.js +409 -109
  180. package/dist/vue2/lib/editor.js.map +1 -1
  181. package/dist/vue2/lib/emoji-picker.cjs +512 -234
  182. package/dist/vue2/lib/emoji-picker.cjs.map +1 -1
  183. package/dist/vue2/lib/emoji-picker.js +512 -234
  184. package/dist/vue2/lib/emoji-picker.js.map +1 -1
  185. package/dist/vue2/lib/emoji-row.cjs +69 -31
  186. package/dist/vue2/lib/emoji-row.cjs.map +1 -1
  187. package/dist/vue2/lib/emoji-row.js +69 -31
  188. package/dist/vue2/lib/emoji-row.js.map +1 -1
  189. package/dist/vue2/lib/emoji-text-wrapper.cjs +14 -22
  190. package/dist/vue2/lib/emoji-text-wrapper.cjs.map +1 -1
  191. package/dist/vue2/lib/emoji-text-wrapper.js +14 -22
  192. package/dist/vue2/lib/emoji-text-wrapper.js.map +1 -1
  193. package/dist/vue2/lib/emoji.cjs +40 -13
  194. package/dist/vue2/lib/emoji.cjs.map +1 -1
  195. package/dist/vue2/lib/emoji.js +40 -13
  196. package/dist/vue2/lib/emoji.js.map +1 -1
  197. package/dist/vue2/lib/empty-state.cjs +27 -12
  198. package/dist/vue2/lib/empty-state.cjs.map +1 -1
  199. package/dist/vue2/lib/empty-state.js +27 -12
  200. package/dist/vue2/lib/empty-state.js.map +1 -1
  201. package/dist/vue2/lib/feed-item-row.cjs +106 -27
  202. package/dist/vue2/lib/feed-item-row.cjs.map +1 -1
  203. package/dist/vue2/lib/feed-item-row.js +106 -27
  204. package/dist/vue2/lib/feed-item-row.js.map +1 -1
  205. package/dist/vue2/lib/feed-pill.cjs +90 -35
  206. package/dist/vue2/lib/feed-pill.cjs.map +1 -1
  207. package/dist/vue2/lib/feed-pill.js +90 -35
  208. package/dist/vue2/lib/feed-pill.js.map +1 -1
  209. package/dist/vue2/lib/general-row.cjs +184 -75
  210. package/dist/vue2/lib/general-row.cjs.map +1 -1
  211. package/dist/vue2/lib/general-row.js +184 -75
  212. package/dist/vue2/lib/general-row.js.map +1 -1
  213. package/dist/vue2/lib/group-row.cjs +27 -16
  214. package/dist/vue2/lib/group-row.cjs.map +1 -1
  215. package/dist/vue2/lib/group-row.js +27 -16
  216. package/dist/vue2/lib/group-row.js.map +1 -1
  217. package/dist/vue2/lib/grouped-chip.cjs +68 -20
  218. package/dist/vue2/lib/grouped-chip.cjs.map +1 -1
  219. package/dist/vue2/lib/grouped-chip.js +68 -20
  220. package/dist/vue2/lib/grouped-chip.js.map +1 -1
  221. package/dist/vue2/lib/hovercard.cjs +71 -41
  222. package/dist/vue2/lib/hovercard.cjs.map +1 -1
  223. package/dist/vue2/lib/hovercard.js +71 -41
  224. package/dist/vue2/lib/hovercard.js.map +1 -1
  225. package/dist/vue2/lib/icon.cjs +10 -12
  226. package/dist/vue2/lib/icon.cjs.map +1 -1
  227. package/dist/vue2/lib/icon.js +10 -12
  228. package/dist/vue2/lib/icon.js.map +1 -1
  229. package/dist/vue2/lib/illustration.cjs +9 -12
  230. package/dist/vue2/lib/illustration.cjs.map +1 -1
  231. package/dist/vue2/lib/illustration.js +9 -12
  232. package/dist/vue2/lib/illustration.js.map +1 -1
  233. package/dist/vue2/lib/image-viewer.cjs +98 -23
  234. package/dist/vue2/lib/image-viewer.cjs.map +1 -1
  235. package/dist/vue2/lib/image-viewer.js +98 -23
  236. package/dist/vue2/lib/image-viewer.js.map +1 -1
  237. package/dist/vue2/lib/input-group.cjs +24 -14
  238. package/dist/vue2/lib/input-group.cjs.map +1 -1
  239. package/dist/vue2/lib/input-group.js +24 -14
  240. package/dist/vue2/lib/input-group.js.map +1 -1
  241. package/dist/vue2/lib/input.cjs +108 -40
  242. package/dist/vue2/lib/input.cjs.map +1 -1
  243. package/dist/vue2/lib/input.js +108 -40
  244. package/dist/vue2/lib/input.js.map +1 -1
  245. package/dist/vue2/lib/item-layout.cjs +42 -11
  246. package/dist/vue2/lib/item-layout.cjs.map +1 -1
  247. package/dist/vue2/lib/item-layout.js +42 -11
  248. package/dist/vue2/lib/item-layout.js.map +1 -1
  249. package/dist/vue2/lib/ivr-node.cjs +135 -47
  250. package/dist/vue2/lib/ivr-node.cjs.map +1 -1
  251. package/dist/vue2/lib/ivr-node.js +135 -47
  252. package/dist/vue2/lib/ivr-node.js.map +1 -1
  253. package/dist/vue2/lib/keyboard-shortcut.cjs +35 -23
  254. package/dist/vue2/lib/keyboard-shortcut.cjs.map +1 -1
  255. package/dist/vue2/lib/keyboard-shortcut.js +35 -23
  256. package/dist/vue2/lib/keyboard-shortcut.js.map +1 -1
  257. package/dist/vue2/lib/lazy-show.cjs +15 -11
  258. package/dist/vue2/lib/lazy-show.cjs.map +1 -1
  259. package/dist/vue2/lib/lazy-show.js +15 -11
  260. package/dist/vue2/lib/lazy-show.js.map +1 -1
  261. package/dist/vue2/lib/link.cjs +9 -15
  262. package/dist/vue2/lib/link.cjs.map +1 -1
  263. package/dist/vue2/lib/link.js +9 -15
  264. package/dist/vue2/lib/link.js.map +1 -1
  265. package/dist/vue2/lib/list-item-group.cjs +17 -11
  266. package/dist/vue2/lib/list-item-group.cjs.map +1 -1
  267. package/dist/vue2/lib/list-item-group.js +17 -11
  268. package/dist/vue2/lib/list-item-group.js.map +1 -1
  269. package/dist/vue2/lib/list-item.cjs +42 -23
  270. package/dist/vue2/lib/list-item.cjs.map +1 -1
  271. package/dist/vue2/lib/list-item.js +42 -23
  272. package/dist/vue2/lib/list-item.js.map +1 -1
  273. package/dist/vue2/lib/message-input.cjs +360 -97
  274. package/dist/vue2/lib/message-input.cjs.map +1 -1
  275. package/dist/vue2/lib/message-input.js +360 -97
  276. package/dist/vue2/lib/message-input.js.map +1 -1
  277. package/dist/vue2/lib/modal.cjs +94 -36
  278. package/dist/vue2/lib/modal.cjs.map +1 -1
  279. package/dist/vue2/lib/modal.js +94 -36
  280. package/dist/vue2/lib/modal.js.map +1 -1
  281. package/dist/vue2/lib/notice.cjs +40 -21
  282. package/dist/vue2/lib/notice.cjs.map +1 -1
  283. package/dist/vue2/lib/notice.js +40 -21
  284. package/dist/vue2/lib/notice.js.map +1 -1
  285. package/dist/vue2/lib/pagination.cjs +81 -20
  286. package/dist/vue2/lib/pagination.cjs.map +1 -1
  287. package/dist/vue2/lib/pagination.js +81 -20
  288. package/dist/vue2/lib/pagination.js.map +1 -1
  289. package/dist/vue2/lib/popover.cjs +194 -75
  290. package/dist/vue2/lib/popover.cjs.map +1 -1
  291. package/dist/vue2/lib/popover.js +195 -76
  292. package/dist/vue2/lib/popover.js.map +1 -1
  293. package/dist/vue2/lib/presence.cjs +23 -22
  294. package/dist/vue2/lib/presence.cjs.map +1 -1
  295. package/dist/vue2/lib/presence.js +23 -22
  296. package/dist/vue2/lib/presence.js.map +1 -1
  297. package/dist/vue2/lib/radio-group.cjs +2 -11
  298. package/dist/vue2/lib/radio-group.cjs.map +1 -1
  299. package/dist/vue2/lib/radio-group.js +2 -11
  300. package/dist/vue2/lib/radio-group.js.map +1 -1
  301. package/dist/vue2/lib/radio.cjs +47 -15
  302. package/dist/vue2/lib/radio.cjs.map +1 -1
  303. package/dist/vue2/lib/radio.js +47 -15
  304. package/dist/vue2/lib/radio.js.map +1 -1
  305. package/dist/vue2/lib/rich-text-editor.cjs +336 -317
  306. package/dist/vue2/lib/rich-text-editor.cjs.map +1 -1
  307. package/dist/vue2/lib/rich-text-editor.js +336 -317
  308. package/dist/vue2/lib/rich-text-editor.js.map +1 -1
  309. package/dist/vue2/lib/root-layout.cjs +33 -15
  310. package/dist/vue2/lib/root-layout.cjs.map +1 -1
  311. package/dist/vue2/lib/root-layout.js +33 -15
  312. package/dist/vue2/lib/root-layout.js.map +1 -1
  313. package/dist/vue2/lib/scrollbar-directive.cjs.map +1 -1
  314. package/dist/vue2/lib/scrollbar-directive.js.map +1 -1
  315. package/dist/vue2/lib/select-menu.cjs +52 -33
  316. package/dist/vue2/lib/select-menu.cjs.map +1 -1
  317. package/dist/vue2/lib/select-menu.js +52 -33
  318. package/dist/vue2/lib/select-menu.js.map +1 -1
  319. package/dist/vue2/lib/settings-menu-button.cjs +42 -16
  320. package/dist/vue2/lib/settings-menu-button.cjs.map +1 -1
  321. package/dist/vue2/lib/settings-menu-button.js +42 -16
  322. package/dist/vue2/lib/settings-menu-button.js.map +1 -1
  323. package/dist/vue2/lib/skeleton.cjs +118 -93
  324. package/dist/vue2/lib/skeleton.cjs.map +1 -1
  325. package/dist/vue2/lib/skeleton.js +118 -93
  326. package/dist/vue2/lib/skeleton.js.map +1 -1
  327. package/dist/vue2/lib/split-button.cjs +164 -64
  328. package/dist/vue2/lib/split-button.cjs.map +1 -1
  329. package/dist/vue2/lib/split-button.js +164 -64
  330. package/dist/vue2/lib/split-button.js.map +1 -1
  331. package/dist/vue2/lib/stack.cjs +21 -33
  332. package/dist/vue2/lib/stack.cjs.map +1 -1
  333. package/dist/vue2/lib/stack.js +21 -33
  334. package/dist/vue2/lib/stack.js.map +1 -1
  335. package/dist/vue2/lib/tabs.cjs +20 -13
  336. package/dist/vue2/lib/tabs.cjs.map +1 -1
  337. package/dist/vue2/lib/tabs.js +20 -13
  338. package/dist/vue2/lib/tabs.js.map +1 -1
  339. package/dist/vue2/lib/time-pill.cjs +8 -11
  340. package/dist/vue2/lib/time-pill.cjs.map +1 -1
  341. package/dist/vue2/lib/time-pill.js +8 -11
  342. package/dist/vue2/lib/time-pill.js.map +1 -1
  343. package/dist/vue2/lib/toast.cjs +42 -21
  344. package/dist/vue2/lib/toast.cjs.map +1 -1
  345. package/dist/vue2/lib/toast.js +42 -21
  346. package/dist/vue2/lib/toast.js.map +1 -1
  347. package/dist/vue2/lib/toggle.cjs +28 -24
  348. package/dist/vue2/lib/toggle.cjs.map +1 -1
  349. package/dist/vue2/lib/toggle.js +28 -24
  350. package/dist/vue2/lib/toggle.js.map +1 -1
  351. package/dist/vue2/lib/tooltip-directive.cjs +32 -26
  352. package/dist/vue2/lib/tooltip-directive.cjs.map +1 -1
  353. package/dist/vue2/lib/tooltip-directive.js +32 -26
  354. package/dist/vue2/lib/tooltip-directive.js.map +1 -1
  355. package/dist/vue2/lib/tooltip.cjs +31 -21
  356. package/dist/vue2/lib/tooltip.cjs.map +1 -1
  357. package/dist/vue2/lib/tooltip.js +32 -22
  358. package/dist/vue2/lib/tooltip.js.map +1 -1
  359. package/dist/vue2/lib/top-banner-info.cjs +18 -21
  360. package/dist/vue2/lib/top-banner-info.cjs.map +1 -1
  361. package/dist/vue2/lib/top-banner-info.js +18 -21
  362. package/dist/vue2/lib/top-banner-info.js.map +1 -1
  363. package/dist/vue2/lib/unread-pill.cjs +18 -12
  364. package/dist/vue2/lib/unread-pill.cjs.map +1 -1
  365. package/dist/vue2/lib/unread-pill.js +18 -12
  366. package/dist/vue2/lib/unread-pill.js.map +1 -1
  367. package/dist/vue2/lib/validation-messages.cjs +23 -16
  368. package/dist/vue2/lib/validation-messages.cjs.map +1 -1
  369. package/dist/vue2/lib/validation-messages.js +23 -16
  370. package/dist/vue2/lib/validation-messages.js.map +1 -1
  371. package/dist/vue2/types/common/emoji/index.d.ts +2 -59236
  372. package/dist/vue2/types/common/emoji/index.d.ts.map +1 -1
  373. package/dist/vue2/types/components/button/button.vue.d.ts +1 -1
  374. package/dist/vue2/types/components/chip/chip.vue.d.ts +1 -1
  375. package/dist/vue2/types/components/combobox/combobox.vue.d.ts +1 -1
  376. package/dist/vue2/types/components/icon/icon.vue.d.ts +2 -2
  377. package/dist/vue2/types/components/icon/icon_constants.d.ts +1 -1
  378. package/dist/vue2/types/components/icon/icon_constants.d.ts.map +1 -1
  379. package/dist/vue2/types/components/illustration/illustration.vue.d.ts +2 -2
  380. package/dist/vue2/types/components/illustration/illustration_constants.d.ts +1 -1
  381. package/dist/vue2/types/components/illustration/illustration_constants.d.ts.map +1 -1
  382. package/dist/vue2/types/components/image_viewer/image_viewer.vue.d.ts +21 -0
  383. package/dist/vue2/types/components/image_viewer/image_viewer.vue.d.ts.map +1 -1
  384. package/dist/vue2/types/components/input/input.vue.d.ts +1 -1
  385. package/dist/vue2/types/components/modal/modal.vue.d.ts +1 -1
  386. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -1
  387. package/dist/vue2/types/components/split_button/split_button-alpha.vue.d.ts +1 -1
  388. package/dist/vue2/types/components/toast/toast.vue.d.ts +1 -1
  389. package/dist/vue2/types/components/tooltip/tooltip.vue.d.ts +1 -1
  390. package/dist/vue2/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +1 -1
  391. package/dist/vue2/types/recipes/conversation_view/editor/editor.vue.d.ts +1 -1
  392. package/dist/vue2/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +1 -1
  393. package/dist/vue3/chunks/{dropdown-oA-_Gotg.js → dropdown-6HXkh24e.js} +40 -45
  394. package/dist/vue3/chunks/{dropdown-p-Azgwov.js.map → dropdown-6HXkh24e.js.map} +1 -1
  395. package/dist/vue3/chunks/{dropdown-p-Azgwov.js → dropdown-QNvAb160.js} +40 -45
  396. package/dist/vue3/chunks/{dropdown-oA-_Gotg.js.map → dropdown-QNvAb160.js.map} +1 -1
  397. package/dist/vue3/chunks/dropdown_constants-2pGCXy7m.js.map +1 -1
  398. package/dist/vue3/chunks/dropdown_constants-w1MXGC3Z.js.map +1 -1
  399. package/dist/vue3/chunks/{icon_constants-QYpmdE0R.js → icon_constants-bvhFNOPu.js} +3 -2
  400. package/dist/vue3/chunks/icon_constants-bvhFNOPu.js.map +1 -0
  401. package/dist/vue3/chunks/{icon_constants-Dy4MEUJL.js → icon_constants-gIQj4mf7.js} +3 -2
  402. package/dist/vue3/chunks/icon_constants-gIQj4mf7.js.map +1 -0
  403. package/dist/vue3/chunks/{index-b_MgDylR.js → index-T15rAIdX.js} +71 -84
  404. package/dist/vue3/chunks/{index-b_MgDylR.js.map → index-T15rAIdX.js.map} +1 -1
  405. package/dist/vue3/chunks/{index-GVD15GIB.js → index-dfdrE-3M.js} +3 -12
  406. package/dist/vue3/chunks/{index-GVD15GIB.js.map → index-dfdrE-3M.js.map} +1 -1
  407. package/dist/vue3/chunks/{index-lu2o2f4r.js → index-fEp0B-5Z.js} +3 -12
  408. package/dist/vue3/chunks/{index-lu2o2f4r.js.map → index-fEp0B-5Z.js.map} +1 -1
  409. package/dist/vue3/chunks/{index-4qgKeErp.js → index-ouh7Bvm-.js} +71 -84
  410. package/dist/vue3/chunks/{index-4qgKeErp.js.map → index-ouh7Bvm-.js.map} +1 -1
  411. package/dist/vue3/chunks/{input-NmYDD5bn.js → input-HIysg24t.js} +3 -9
  412. package/dist/vue3/chunks/{input-NmYDD5bn.js.map → input-HIysg24t.js.map} +1 -1
  413. package/dist/vue3/chunks/{input-ttnte8zB.js → input-dLLo3Wtg.js} +3 -9
  414. package/dist/vue3/chunks/{input-ttnte8zB.js.map → input-dLLo3Wtg.js.map} +1 -1
  415. package/dist/vue3/chunks/{input_group-jWnq2DJT.js → input_group-hV1WT2it.js} +4 -2
  416. package/dist/vue3/chunks/{input_group-jWnq2DJT.js.map → input_group-hV1WT2it.js.map} +1 -1
  417. package/dist/vue3/chunks/{input_group-M-D25pOJ.js → input_group-rE6nhye8.js} +4 -2
  418. package/dist/vue3/chunks/{input_group-M-D25pOJ.js.map → input_group-rE6nhye8.js.map} +1 -1
  419. package/dist/vue3/chunks/{keyboard_list_navigation-ScXhrxya.js → keyboard_list_navigation-YIqTuw1W.js} +6 -5
  420. package/dist/vue3/chunks/{keyboard_list_navigation-fJnl_Iox.js.map → keyboard_list_navigation-YIqTuw1W.js.map} +1 -1
  421. package/dist/vue3/chunks/{keyboard_list_navigation-fJnl_Iox.js → keyboard_list_navigation-x3D6RcC7.js} +6 -5
  422. package/dist/vue3/chunks/{keyboard_list_navigation-ScXhrxya.js.map → keyboard_list_navigation-x3D6RcC7.js.map} +1 -1
  423. package/dist/vue3/chunks/link_constants-AfTWrr-n.js.map +1 -1
  424. package/dist/vue3/chunks/link_constants-x8NwdqmA.js.map +1 -1
  425. package/dist/vue3/chunks/list_item_constants-EiqkqZvP.js.map +1 -1
  426. package/dist/vue3/chunks/list_item_constants-u1xcN9Dd.js.map +1 -1
  427. package/dist/vue3/chunks/{modal-XOr4kiNZ.js → modal-8X6poIZW.js} +4 -2
  428. package/dist/vue3/chunks/{modal-VgxXAQFP.js.map → modal-8X6poIZW.js.map} +1 -1
  429. package/dist/vue3/chunks/{modal-VgxXAQFP.js → modal-OaWxzqNt.js} +4 -2
  430. package/dist/{vue2/chunks/modal-XOr4kiNZ.js.map → vue3/chunks/modal-OaWxzqNt.js.map} +1 -1
  431. package/dist/vue3/chunks/{notice_action-WTucGhvr.js → notice_action-3ed0uIMN.js} +40 -61
  432. package/dist/vue3/chunks/{notice_action-p-ePanW_.js.map → notice_action-3ed0uIMN.js.map} +1 -1
  433. package/dist/vue3/chunks/{notice_action-p-ePanW_.js → notice_action-e08Lw5W6.js} +40 -61
  434. package/dist/vue3/chunks/{notice_action-WTucGhvr.js.map → notice_action-e08Lw5W6.js.map} +1 -1
  435. package/dist/vue3/chunks/notice_constants-7Qt2CQEY.js.map +1 -1
  436. package/dist/vue3/chunks/notice_constants-UXo9e3bS.js.map +1 -1
  437. package/dist/vue3/chunks/{popover_constants-WsOUIY-m.js → popover_constants-6YkPPbnk.js} +26 -47
  438. package/dist/{vue2/chunks/popover_constants-XnGWXaxX.js.map → vue3/chunks/popover_constants-6YkPPbnk.js.map} +1 -1
  439. package/dist/vue3/chunks/{popover_constants-XnGWXaxX.js → popover_constants-h9MD6WUt.js} +26 -47
  440. package/dist/vue3/chunks/{popover_constants-XnGWXaxX.js.map → popover_constants-h9MD6WUt.js.map} +1 -1
  441. package/dist/vue3/chunks/{sr_only_close_button-3EdsV-dH.js → sr_only_close_button-Ji3Zlts6.js} +4 -4
  442. package/dist/vue3/chunks/{sr_only_close_button-3EdsV-dH.js.map → sr_only_close_button-Ji3Zlts6.js.map} +1 -1
  443. package/dist/vue3/chunks/{sr_only_close_button-xGrHFjwA.js → sr_only_close_button-gKr0Vlbz.js} +4 -4
  444. package/dist/vue3/chunks/{sr_only_close_button-xGrHFjwA.js.map → sr_only_close_button-gKr0Vlbz.js.map} +1 -1
  445. package/dist/vue3/chunks/stack_constants-HraCekPm.js.map +1 -1
  446. package/dist/vue3/chunks/stack_constants-SMzMWnAQ.js.map +1 -1
  447. package/dist/vue3/chunks/{tab-qc3f42Yp.js → tab-X7IvNGTl.js} +46 -49
  448. package/dist/vue3/chunks/{tab-qc3f42Yp.js.map → tab-X7IvNGTl.js.map} +1 -1
  449. package/dist/vue3/chunks/{tab-RTDgnD9-.js → tab-aD6t0MNo.js} +46 -49
  450. package/dist/vue3/chunks/{tab-RTDgnD9-.js.map → tab-aD6t0MNo.js.map} +1 -1
  451. package/dist/vue3/common/constants.cjs.map +1 -1
  452. package/dist/vue3/common/constants.js.map +1 -1
  453. package/dist/vue3/common/dates.cjs +3 -1
  454. package/dist/vue3/common/dates.cjs.map +1 -1
  455. package/dist/vue3/common/dates.js +3 -1
  456. package/dist/vue3/common/dates.js.map +1 -1
  457. package/dist/vue3/common/emoji.cjs +1 -1
  458. package/dist/vue3/common/emoji.js +1 -1
  459. package/dist/vue3/common/mixins.cjs +3 -3
  460. package/dist/vue3/common/mixins.js +3 -3
  461. package/dist/vue3/common/utils.cjs +11 -45
  462. package/dist/vue3/common/utils.cjs.map +1 -1
  463. package/dist/vue3/common/utils.js +11 -45
  464. package/dist/vue3/common/utils.js.map +1 -1
  465. package/dist/vue3/common/validators.cjs.map +1 -1
  466. package/dist/vue3/common/validators.js.map +1 -1
  467. package/dist/vue3/component-documentation.json +1 -1
  468. package/dist/vue3/dialtone-vue.cjs +12 -12
  469. package/dist/vue3/dialtone-vue.js +12 -12
  470. package/dist/vue3/lib/attachment-carousel.cjs +87 -108
  471. package/dist/vue3/lib/attachment-carousel.cjs.map +1 -1
  472. package/dist/vue3/lib/attachment-carousel.js +87 -108
  473. package/dist/vue3/lib/attachment-carousel.js.map +1 -1
  474. package/dist/vue3/lib/avatar.cjs +56 -88
  475. package/dist/vue3/lib/avatar.cjs.map +1 -1
  476. package/dist/vue3/lib/avatar.js +56 -88
  477. package/dist/vue3/lib/avatar.js.map +1 -1
  478. package/dist/vue3/lib/badge.cjs +15 -31
  479. package/dist/vue3/lib/badge.cjs.map +1 -1
  480. package/dist/vue3/lib/badge.js +15 -31
  481. package/dist/vue3/lib/badge.js.map +1 -1
  482. package/dist/vue3/lib/banner.cjs +38 -56
  483. package/dist/vue3/lib/banner.cjs.map +1 -1
  484. package/dist/vue3/lib/banner.js +38 -56
  485. package/dist/vue3/lib/banner.js.map +1 -1
  486. package/dist/vue3/lib/breadcrumbs.cjs +25 -36
  487. package/dist/vue3/lib/breadcrumbs.cjs.map +1 -1
  488. package/dist/vue3/lib/breadcrumbs.js +25 -36
  489. package/dist/vue3/lib/breadcrumbs.js.map +1 -1
  490. package/dist/vue3/lib/button-group.cjs +2 -7
  491. package/dist/vue3/lib/button-group.cjs.map +1 -1
  492. package/dist/vue3/lib/button-group.js +2 -7
  493. package/dist/vue3/lib/button-group.js.map +1 -1
  494. package/dist/vue3/lib/button.cjs +44 -69
  495. package/dist/vue3/lib/button.cjs.map +1 -1
  496. package/dist/vue3/lib/button.js +44 -69
  497. package/dist/vue3/lib/button.js.map +1 -1
  498. package/dist/vue3/lib/callbar-button-with-popover.cjs +68 -81
  499. package/dist/vue3/lib/callbar-button-with-popover.cjs.map +1 -1
  500. package/dist/vue3/lib/callbar-button-with-popover.js +68 -81
  501. package/dist/vue3/lib/callbar-button-with-popover.js.map +1 -1
  502. package/dist/vue3/lib/callbar-button.cjs +32 -45
  503. package/dist/vue3/lib/callbar-button.cjs.map +1 -1
  504. package/dist/vue3/lib/callbar-button.js +32 -45
  505. package/dist/vue3/lib/callbar-button.js.map +1 -1
  506. package/dist/vue3/lib/callbox.cjs +38 -57
  507. package/dist/vue3/lib/callbox.cjs.map +1 -1
  508. package/dist/vue3/lib/callbox.js +38 -57
  509. package/dist/vue3/lib/callbox.js.map +1 -1
  510. package/dist/vue3/lib/card.cjs +13 -33
  511. package/dist/vue3/lib/card.cjs.map +1 -1
  512. package/dist/vue3/lib/card.js +13 -33
  513. package/dist/vue3/lib/card.js.map +1 -1
  514. package/dist/vue3/lib/checkbox-group.cjs +2 -5
  515. package/dist/vue3/lib/checkbox-group.cjs.map +1 -1
  516. package/dist/vue3/lib/checkbox-group.js +2 -5
  517. package/dist/vue3/lib/checkbox-group.js.map +1 -1
  518. package/dist/vue3/lib/checkbox.cjs +41 -45
  519. package/dist/vue3/lib/checkbox.cjs.map +1 -1
  520. package/dist/vue3/lib/checkbox.js +41 -45
  521. package/dist/vue3/lib/checkbox.js.map +1 -1
  522. package/dist/vue3/lib/chip.cjs +38 -53
  523. package/dist/vue3/lib/chip.cjs.map +1 -1
  524. package/dist/vue3/lib/chip.js +38 -53
  525. package/dist/vue3/lib/chip.js.map +1 -1
  526. package/dist/vue3/lib/codeblock.cjs +4 -6
  527. package/dist/vue3/lib/codeblock.cjs.map +1 -1
  528. package/dist/vue3/lib/codeblock.js +4 -6
  529. package/dist/vue3/lib/codeblock.js.map +1 -1
  530. package/dist/vue3/lib/collapsible.cjs +62 -76
  531. package/dist/vue3/lib/collapsible.cjs.map +1 -1
  532. package/dist/vue3/lib/collapsible.js +62 -76
  533. package/dist/vue3/lib/collapsible.js.map +1 -1
  534. package/dist/vue3/lib/combobox-multi-select.cjs +75 -88
  535. package/dist/vue3/lib/combobox-multi-select.cjs.map +1 -1
  536. package/dist/vue3/lib/combobox-multi-select.js +75 -88
  537. package/dist/vue3/lib/combobox-multi-select.js.map +1 -1
  538. package/dist/vue3/lib/combobox-with-popover.cjs +77 -85
  539. package/dist/vue3/lib/combobox-with-popover.cjs.map +1 -1
  540. package/dist/vue3/lib/combobox-with-popover.js +77 -85
  541. package/dist/vue3/lib/combobox-with-popover.js.map +1 -1
  542. package/dist/vue3/lib/combobox.cjs +3 -3
  543. package/dist/vue3/lib/combobox.js +3 -3
  544. package/dist/vue3/lib/contact-centers-row.cjs +65 -89
  545. package/dist/vue3/lib/contact-centers-row.cjs.map +1 -1
  546. package/dist/vue3/lib/contact-centers-row.js +65 -89
  547. package/dist/vue3/lib/contact-centers-row.js.map +1 -1
  548. package/dist/vue3/lib/contact-info.cjs +58 -73
  549. package/dist/vue3/lib/contact-info.cjs.map +1 -1
  550. package/dist/vue3/lib/contact-info.js +58 -73
  551. package/dist/vue3/lib/contact-info.js.map +1 -1
  552. package/dist/vue3/lib/contact-row.cjs +37 -47
  553. package/dist/vue3/lib/contact-row.cjs.map +1 -1
  554. package/dist/vue3/lib/contact-row.js +37 -47
  555. package/dist/vue3/lib/contact-row.js.map +1 -1
  556. package/dist/vue3/lib/datepicker.cjs +267 -263
  557. package/dist/vue3/lib/datepicker.cjs.map +1 -1
  558. package/dist/vue3/lib/datepicker.js +267 -263
  559. package/dist/vue3/lib/datepicker.js.map +1 -1
  560. package/dist/vue3/lib/description-list.cjs +9 -14
  561. package/dist/vue3/lib/description-list.cjs.map +1 -1
  562. package/dist/vue3/lib/description-list.js +9 -14
  563. package/dist/vue3/lib/description-list.js.map +1 -1
  564. package/dist/vue3/lib/dropdown.cjs +6 -6
  565. package/dist/vue3/lib/dropdown.cjs.map +1 -1
  566. package/dist/vue3/lib/dropdown.js +6 -6
  567. package/dist/vue3/lib/dropdown.js.map +1 -1
  568. package/dist/vue3/lib/editor.cjs +312 -249
  569. package/dist/vue3/lib/editor.cjs.map +1 -1
  570. package/dist/vue3/lib/editor.js +312 -249
  571. package/dist/vue3/lib/editor.js.map +1 -1
  572. package/dist/vue3/lib/emoji-picker.cjs +387 -419
  573. package/dist/vue3/lib/emoji-picker.cjs.map +1 -1
  574. package/dist/vue3/lib/emoji-picker.js +387 -419
  575. package/dist/vue3/lib/emoji-picker.js.map +1 -1
  576. package/dist/vue3/lib/emoji-row.cjs +59 -69
  577. package/dist/vue3/lib/emoji-row.cjs.map +1 -1
  578. package/dist/vue3/lib/emoji-row.js +59 -69
  579. package/dist/vue3/lib/emoji-row.js.map +1 -1
  580. package/dist/vue3/lib/emoji-text-wrapper.cjs +13 -12
  581. package/dist/vue3/lib/emoji-text-wrapper.cjs.map +1 -1
  582. package/dist/vue3/lib/emoji-text-wrapper.js +13 -12
  583. package/dist/vue3/lib/emoji-text-wrapper.js.map +1 -1
  584. package/dist/vue3/lib/emoji.cjs +19 -23
  585. package/dist/vue3/lib/emoji.cjs.map +1 -1
  586. package/dist/vue3/lib/emoji.js +19 -23
  587. package/dist/vue3/lib/emoji.js.map +1 -1
  588. package/dist/vue3/lib/empty-state.cjs +20 -30
  589. package/dist/vue3/lib/empty-state.cjs.map +1 -1
  590. package/dist/vue3/lib/empty-state.js +20 -30
  591. package/dist/vue3/lib/empty-state.js.map +1 -1
  592. package/dist/vue3/lib/feed-item-row.cjs +43 -74
  593. package/dist/vue3/lib/feed-item-row.cjs.map +1 -1
  594. package/dist/vue3/lib/feed-item-row.js +43 -74
  595. package/dist/vue3/lib/feed-item-row.js.map +1 -1
  596. package/dist/vue3/lib/feed-pill.cjs +45 -55
  597. package/dist/vue3/lib/feed-pill.cjs.map +1 -1
  598. package/dist/vue3/lib/feed-pill.js +45 -55
  599. package/dist/vue3/lib/feed-pill.js.map +1 -1
  600. package/dist/vue3/lib/general-row.cjs +115 -165
  601. package/dist/vue3/lib/general-row.cjs.map +1 -1
  602. package/dist/vue3/lib/general-row.js +115 -165
  603. package/dist/vue3/lib/general-row.js.map +1 -1
  604. package/dist/vue3/lib/group-row.cjs +7 -9
  605. package/dist/vue3/lib/group-row.cjs.map +1 -1
  606. package/dist/vue3/lib/group-row.js +7 -9
  607. package/dist/vue3/lib/group-row.js.map +1 -1
  608. package/dist/vue3/lib/grouped-chip.cjs +27 -48
  609. package/dist/vue3/lib/grouped-chip.cjs.map +1 -1
  610. package/dist/vue3/lib/grouped-chip.js +27 -48
  611. package/dist/vue3/lib/grouped-chip.js.map +1 -1
  612. package/dist/vue3/lib/hovercard.cjs +25 -33
  613. package/dist/vue3/lib/hovercard.cjs.map +1 -1
  614. package/dist/vue3/lib/hovercard.js +25 -33
  615. package/dist/vue3/lib/hovercard.js.map +1 -1
  616. package/dist/vue3/lib/icon.cjs +1 -1
  617. package/dist/vue3/lib/icon.cjs.map +1 -1
  618. package/dist/vue3/lib/icon.js +1 -1
  619. package/dist/vue3/lib/icon.js.map +1 -1
  620. package/dist/vue3/lib/illustration.cjs +2 -1
  621. package/dist/vue3/lib/illustration.cjs.map +1 -1
  622. package/dist/vue3/lib/illustration.js +2 -1
  623. package/dist/vue3/lib/illustration.js.map +1 -1
  624. package/dist/vue3/lib/image-viewer.cjs +62 -66
  625. package/dist/vue3/lib/image-viewer.cjs.map +1 -1
  626. package/dist/vue3/lib/image-viewer.js +62 -66
  627. package/dist/vue3/lib/image-viewer.js.map +1 -1
  628. package/dist/vue3/lib/input-group.cjs +15 -19
  629. package/dist/vue3/lib/input-group.cjs.map +1 -1
  630. package/dist/vue3/lib/input-group.js +15 -19
  631. package/dist/vue3/lib/input-group.js.map +1 -1
  632. package/dist/vue3/lib/input.cjs +76 -104
  633. package/dist/vue3/lib/input.cjs.map +1 -1
  634. package/dist/vue3/lib/input.js +76 -104
  635. package/dist/vue3/lib/input.js.map +1 -1
  636. package/dist/vue3/lib/item-layout.cjs +10 -27
  637. package/dist/vue3/lib/item-layout.cjs.map +1 -1
  638. package/dist/vue3/lib/item-layout.js +10 -27
  639. package/dist/vue3/lib/item-layout.js.map +1 -1
  640. package/dist/vue3/lib/ivr-node.cjs +80 -89
  641. package/dist/vue3/lib/ivr-node.cjs.map +1 -1
  642. package/dist/vue3/lib/ivr-node.js +80 -89
  643. package/dist/vue3/lib/ivr-node.js.map +1 -1
  644. package/dist/vue3/lib/keyboard-shortcut.cjs +26 -31
  645. package/dist/vue3/lib/keyboard-shortcut.cjs.map +1 -1
  646. package/dist/vue3/lib/keyboard-shortcut.js +26 -31
  647. package/dist/vue3/lib/keyboard-shortcut.js.map +1 -1
  648. package/dist/vue3/lib/lazy-show.cjs +6 -8
  649. package/dist/vue3/lib/lazy-show.cjs.map +1 -1
  650. package/dist/vue3/lib/lazy-show.js +6 -8
  651. package/dist/vue3/lib/lazy-show.js.map +1 -1
  652. package/dist/vue3/lib/link.cjs +2 -7
  653. package/dist/vue3/lib/link.cjs.map +1 -1
  654. package/dist/vue3/lib/link.js +2 -7
  655. package/dist/vue3/lib/link.js.map +1 -1
  656. package/dist/vue3/lib/list-item-group.cjs +7 -14
  657. package/dist/vue3/lib/list-item-group.cjs.map +1 -1
  658. package/dist/vue3/lib/list-item-group.js +7 -14
  659. package/dist/vue3/lib/list-item-group.js.map +1 -1
  660. package/dist/vue3/lib/list-item.cjs +24 -25
  661. package/dist/vue3/lib/list-item.cjs.map +1 -1
  662. package/dist/vue3/lib/list-item.js +24 -25
  663. package/dist/vue3/lib/list-item.js.map +1 -1
  664. package/dist/vue3/lib/message-input.cjs +227 -264
  665. package/dist/vue3/lib/message-input.cjs.map +1 -1
  666. package/dist/vue3/lib/message-input.js +227 -264
  667. package/dist/vue3/lib/message-input.js.map +1 -1
  668. package/dist/vue3/lib/modal.cjs +59 -99
  669. package/dist/vue3/lib/modal.cjs.map +1 -1
  670. package/dist/vue3/lib/modal.js +59 -99
  671. package/dist/vue3/lib/modal.js.map +1 -1
  672. package/dist/vue3/lib/notice.cjs +33 -46
  673. package/dist/vue3/lib/notice.cjs.map +1 -1
  674. package/dist/vue3/lib/notice.js +33 -46
  675. package/dist/vue3/lib/notice.js.map +1 -1
  676. package/dist/vue3/lib/pagination.cjs +49 -61
  677. package/dist/vue3/lib/pagination.cjs.map +1 -1
  678. package/dist/vue3/lib/pagination.js +49 -61
  679. package/dist/vue3/lib/pagination.js.map +1 -1
  680. package/dist/vue3/lib/popover.cjs +133 -156
  681. package/dist/vue3/lib/popover.cjs.map +1 -1
  682. package/dist/vue3/lib/popover.js +134 -157
  683. package/dist/vue3/lib/popover.js.map +1 -1
  684. package/dist/vue3/lib/presence.cjs +9 -17
  685. package/dist/vue3/lib/presence.cjs.map +1 -1
  686. package/dist/vue3/lib/presence.js +9 -17
  687. package/dist/vue3/lib/presence.js.map +1 -1
  688. package/dist/vue3/lib/radio-group.cjs +1 -1
  689. package/dist/vue3/lib/radio-group.cjs.map +1 -1
  690. package/dist/vue3/lib/radio-group.js +1 -1
  691. package/dist/vue3/lib/radio-group.js.map +1 -1
  692. package/dist/vue3/lib/radio.cjs +34 -41
  693. package/dist/vue3/lib/radio.cjs.map +1 -1
  694. package/dist/vue3/lib/radio.js +34 -41
  695. package/dist/vue3/lib/radio.js.map +1 -1
  696. package/dist/vue3/lib/rich-text-editor.cjs +292 -288
  697. package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
  698. package/dist/vue3/lib/rich-text-editor.js +292 -288
  699. package/dist/vue3/lib/rich-text-editor.js.map +1 -1
  700. package/dist/vue3/lib/root-layout.cjs +24 -39
  701. package/dist/vue3/lib/root-layout.cjs.map +1 -1
  702. package/dist/vue3/lib/root-layout.js +24 -39
  703. package/dist/vue3/lib/root-layout.js.map +1 -1
  704. package/dist/vue3/lib/scrollbar-directive.cjs.map +1 -1
  705. package/dist/vue3/lib/scrollbar-directive.js.map +1 -1
  706. package/dist/vue3/lib/scroller.cjs +100 -83
  707. package/dist/vue3/lib/scroller.cjs.map +1 -1
  708. package/dist/vue3/lib/scroller.js +100 -83
  709. package/dist/vue3/lib/scroller.js.map +1 -1
  710. package/dist/vue3/lib/select-menu.cjs +40 -67
  711. package/dist/vue3/lib/select-menu.cjs.map +1 -1
  712. package/dist/vue3/lib/select-menu.js +40 -67
  713. package/dist/vue3/lib/select-menu.js.map +1 -1
  714. package/dist/vue3/lib/settings-menu-button.cjs +10 -16
  715. package/dist/vue3/lib/settings-menu-button.cjs.map +1 -1
  716. package/dist/vue3/lib/settings-menu-button.js +10 -16
  717. package/dist/vue3/lib/settings-menu-button.js.map +1 -1
  718. package/dist/vue3/lib/skeleton.cjs +74 -93
  719. package/dist/vue3/lib/skeleton.cjs.map +1 -1
  720. package/dist/vue3/lib/skeleton.js +74 -93
  721. package/dist/vue3/lib/skeleton.js.map +1 -1
  722. package/dist/vue3/lib/split-button.cjs +68 -74
  723. package/dist/vue3/lib/split-button.cjs.map +1 -1
  724. package/dist/vue3/lib/split-button.js +68 -74
  725. package/dist/vue3/lib/split-button.js.map +1 -1
  726. package/dist/vue3/lib/stack.cjs +18 -26
  727. package/dist/vue3/lib/stack.cjs.map +1 -1
  728. package/dist/vue3/lib/stack.js +18 -26
  729. package/dist/vue3/lib/stack.js.map +1 -1
  730. package/dist/vue3/lib/tabs.cjs +3 -7
  731. package/dist/vue3/lib/tabs.cjs.map +1 -1
  732. package/dist/vue3/lib/tabs.js +3 -7
  733. package/dist/vue3/lib/tabs.js.map +1 -1
  734. package/dist/vue3/lib/time-pill.cjs.map +1 -1
  735. package/dist/vue3/lib/time-pill.js.map +1 -1
  736. package/dist/vue3/lib/toast.cjs +35 -51
  737. package/dist/vue3/lib/toast.cjs.map +1 -1
  738. package/dist/vue3/lib/toast.js +35 -51
  739. package/dist/vue3/lib/toast.js.map +1 -1
  740. package/dist/vue3/lib/toggle.cjs +24 -34
  741. package/dist/vue3/lib/toggle.cjs.map +1 -1
  742. package/dist/vue3/lib/toggle.js +24 -34
  743. package/dist/vue3/lib/toggle.js.map +1 -1
  744. package/dist/vue3/lib/tooltip-directive.cjs +26 -19
  745. package/dist/vue3/lib/tooltip-directive.cjs.map +1 -1
  746. package/dist/vue3/lib/tooltip-directive.js +26 -19
  747. package/dist/vue3/lib/tooltip-directive.js.map +1 -1
  748. package/dist/vue3/lib/tooltip.cjs +21 -32
  749. package/dist/vue3/lib/tooltip.cjs.map +1 -1
  750. package/dist/vue3/lib/tooltip.js +22 -33
  751. package/dist/vue3/lib/tooltip.js.map +1 -1
  752. package/dist/vue3/lib/top-banner-info.cjs +8 -23
  753. package/dist/vue3/lib/top-banner-info.cjs.map +1 -1
  754. package/dist/vue3/lib/top-banner-info.js +8 -23
  755. package/dist/vue3/lib/top-banner-info.js.map +1 -1
  756. package/dist/vue3/lib/unread-pill.cjs +8 -11
  757. package/dist/vue3/lib/unread-pill.cjs.map +1 -1
  758. package/dist/vue3/lib/unread-pill.js +8 -11
  759. package/dist/vue3/lib/unread-pill.js.map +1 -1
  760. package/dist/vue3/lib/validation-messages.cjs +14 -17
  761. package/dist/vue3/lib/validation-messages.cjs.map +1 -1
  762. package/dist/vue3/lib/validation-messages.js +14 -17
  763. package/dist/vue3/lib/validation-messages.js.map +1 -1
  764. package/dist/vue3/types/components/button/button.vue.d.ts +1 -1
  765. package/dist/vue3/types/components/chip/chip.vue.d.ts +1 -1
  766. package/dist/vue3/types/components/combobox/combobox.vue.d.ts +1 -1
  767. package/dist/vue3/types/components/datepicker/modules/month-year-picker.vue.d.ts +1 -1
  768. package/dist/vue3/types/components/icon/icon.vue.d.ts +2 -2
  769. package/dist/vue3/types/components/icon/icon_constants.d.ts +1 -1
  770. package/dist/vue3/types/components/icon/icon_constants.d.ts.map +1 -1
  771. package/dist/vue3/types/components/illustration/illustration_constants.d.ts +1 -1
  772. package/dist/vue3/types/components/illustration/illustration_constants.d.ts.map +1 -1
  773. package/dist/vue3/types/components/image_viewer/image_viewer.vue.d.ts +21 -0
  774. package/dist/vue3/types/components/image_viewer/image_viewer.vue.d.ts.map +1 -1
  775. package/dist/vue3/types/components/input/input.vue.d.ts +1 -1
  776. package/dist/vue3/types/components/modal/modal.vue.d.ts +1 -1
  777. package/dist/vue3/types/components/notice/notice.vue.d.ts +1 -1
  778. package/dist/vue3/types/components/radio/radio.vue.d.ts +1 -1
  779. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -1
  780. package/dist/vue3/types/components/scroller/modules/scroller_item.vue.d.ts +1 -1
  781. package/dist/vue3/types/components/split_button/split_button-alpha.vue.d.ts +1 -1
  782. package/dist/vue3/types/components/tabs/tab.vue.d.ts +1 -1
  783. package/dist/vue3/types/components/toast/toast.vue.d.ts +2 -2
  784. package/dist/vue3/types/components/tooltip/tooltip.vue.d.ts +1 -1
  785. package/dist/vue3/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +1 -1
  786. package/dist/vue3/types/recipes/conversation_view/editor/editor.vue.d.ts +1 -1
  787. package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +1 -1
  788. package/package.json +3 -3
  789. package/dist/vue2/chunks/icon_constants-Dy4MEUJL.js.map +0 -1
  790. package/dist/vue2/chunks/icon_constants-QYpmdE0R.js.map +0 -1
  791. package/dist/vue3/chunks/icon_constants-Dy4MEUJL.js.map +0 -1
  792. package/dist/vue3/chunks/icon_constants-QYpmdE0R.js.map +0 -1
@@ -1,22 +1,13 @@
1
1
  "use strict";
2
2
  const tippy = require("tippy.js");
3
- const BASE_TIPPY_DIRECTIONS = [
4
- "bottom",
5
- "bottom-start",
6
- "bottom-end",
7
- "right",
8
- "right-start",
9
- "right-end",
10
- "left",
11
- "left-start",
12
- "left-end",
13
- "top",
14
- "top-start",
15
- "top-end"
16
- ];
3
+ const BASE_TIPPY_DIRECTIONS = ["bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end", "top", "top-start", "top-end"];
17
4
  const TIPPY_STICKY_VALUES = [true, false, "reference", "popper"];
18
5
  const createTippyPopover = (anchorElement, options) => {
19
- const { contentElement } = { ...options };
6
+ const {
7
+ contentElement
8
+ } = {
9
+ ...options
10
+ };
20
11
  delete options.contentElement;
21
12
  return tippy(anchorElement, {
22
13
  ...options,
@@ -41,26 +32,22 @@ const getPopperOptions = ({
41
32
  tether = true
42
33
  } = {}) => {
43
34
  return {
44
- modifiers: [
45
- {
46
- name: "flip",
47
- options: {
48
- fallbackPlacements,
49
- boundary
50
- }
51
- },
52
- {
53
- name: "hide",
54
- enabled: hasHideModifierEnabled
55
- },
56
- {
57
- name: "preventOverflow",
58
- options: {
59
- altAxis: !tether,
60
- tether
61
- }
35
+ modifiers: [{
36
+ name: "flip",
37
+ options: {
38
+ fallbackPlacements,
39
+ boundary
40
+ }
41
+ }, {
42
+ name: "hide",
43
+ enabled: hasHideModifierEnabled
44
+ }, {
45
+ name: "preventOverflow",
46
+ options: {
47
+ altAxis: !tether,
48
+ tether
62
49
  }
63
- ]
50
+ }]
64
51
  };
65
52
  };
66
53
  const createAnchor = (anchorWrapper) => {
@@ -84,9 +71,7 @@ const getContentWrapper = (content) => {
84
71
  popper
85
72
  };
86
73
  };
87
- const TOOLTIP_DIRECTIONS = [
88
- ...BASE_TIPPY_DIRECTIONS
89
- ];
74
+ const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
90
75
  const TOOLTIP_DELAY_MS = 300;
91
76
  const TOOLTIP_KIND_MODIFIERS = {
92
77
  hover: `d-tooltip--hover`,
@@ -94,9 +79,7 @@ const TOOLTIP_KIND_MODIFIERS = {
94
79
  inverted: `d-tooltip--inverted`,
95
80
  hide: `d-tooltip--hide`
96
81
  };
97
- const TOOLTIP_STICKY_VALUES = [
98
- ...TIPPY_STICKY_VALUES
99
- ];
82
+ const TOOLTIP_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
100
83
  const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, "toggle"];
101
84
  const POPOVER_PADDING_CLASSES = {
102
85
  none: void 0,
@@ -114,12 +97,8 @@ const POPOVER_ROLES = ["dialog", "menu", "listbox", "tree", "grid"];
114
97
  const POPOVER_CONTENT_WIDTHS = ["", "anchor"];
115
98
  const POPOVER_INITIAL_FOCUS_STRINGS = ["none", "dialog", "first"];
116
99
  const POPOVER_APPEND_TO_VALUES = ["parent", "body", "root"];
117
- const POPOVER_STICKY_VALUES = [
118
- ...TIPPY_STICKY_VALUES
119
- ];
120
- const POPOVER_DIRECTIONS = [
121
- ...BASE_TIPPY_DIRECTIONS
122
- ];
100
+ const POPOVER_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
101
+ const POPOVER_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
123
102
  exports.POPOVER_APPEND_TO_VALUES = POPOVER_APPEND_TO_VALUES;
124
103
  exports.POPOVER_CONTENT_WIDTHS = POPOVER_CONTENT_WIDTHS;
125
104
  exports.POPOVER_DIRECTIONS = POPOVER_DIRECTIONS;
@@ -137,4 +116,4 @@ exports.createTippy = createTippy;
137
116
  exports.createTippyPopover = createTippyPopover;
138
117
  exports.getAnchor = getAnchor;
139
118
  exports.getPopperOptions = getPopperOptions;
140
- //# sourceMappingURL=popover_constants-XnGWXaxX.js.map
119
+ //# sourceMappingURL=popover_constants-h9MD6WUt.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover_constants-WsOUIY-m.js","sources":["../../components/popover/tippy_utils.js","../../components/tooltip/tooltip_constants.js","../../components/popover/popover_constants.js"],"sourcesContent":["import tippy, { sticky } from 'tippy.js';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n 'bottom', 'bottom-start', 'bottom-end',\n 'right', 'right-start', 'right-end',\n 'left', 'left-start', 'left-end',\n 'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\nexport const createTippyPopover = (anchorElement, options) => {\n const { contentElement } = { ...options };\n delete options.contentElement;\n return tippy(anchorElement, {\n ...options,\n plugins: [sticky],\n render: () => getContentWrapper(contentElement),\n });\n};\n\nexport const createTippy = (anchorElement, options) => {\n return tippy(anchorElement, {\n ...options,\n plugins: [sticky],\n });\n};\n\nexport const getPopperOptions = ({\n boundary = 'clippingParents',\n fallbackPlacements = [],\n onChangePlacement = () => {},\n hasHideModifierEnabled = false,\n // If set to false the dialog will display over top of the anchor when there is insufficient space.\n // if set to true it will never move from its position relative to the anchor and will clip instead.\n tether = true,\n} = {}) => {\n return {\n modifiers: [\n {\n name: 'flip',\n options: {\n fallbackPlacements,\n boundary,\n },\n },\n {\n name: 'hide',\n enabled: hasHideModifierEnabled,\n },\n {\n name: 'preventOverflow',\n options: {\n altAxis: !tether,\n tether,\n },\n },\n ],\n };\n};\n\nconst createAnchor = (anchorWrapper) => {\n const span = document.createElement('span');\n span.innerText = anchorWrapper.innerText || '';\n anchorWrapper.innerText = '';\n anchorWrapper.appendChild(span);\n return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n const anchor = anchorWrapper?.children[0];\n if (!anchor) return createAnchor(anchorWrapper);\n return anchor;\n};\n\nexport const getContentWrapper = content => {\n // The recommended structure is to use the popper as an outer wrapper\n const popper = document.createElement('div');\n popper.className = 'tippy-box d-ps-absolute';\n popper.appendChild(content);\n return {\n popper,\n };\n};\n","/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n hover: `d-tooltip--hover`,\n show: `d-tooltip--show`,\n inverted: `d-tooltip--inverted`,\n hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n TOOLTIP_DIRECTIONS,\n TOOLTIP_DELAY_MS,\n TOOLTIP_KIND_MODIFIERS,\n TOOLTIP_STICKY_VALUES,\n TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n","import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './tippy_utils';\n\nexport const POPOVER_PADDING_CLASSES = {\n none: undefined,\n small: 'd-p4',\n medium: 'd-p8',\n large: 'd-p16',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n none: undefined,\n small: 'd-pl4',\n medium: 'd-pl8',\n large: 'd-pl16',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body', 'root'];\nexport const POPOVER_STICKY_VALUES = [\n ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n POPOVER_PADDING_CLASSES,\n POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n POPOVER_ROLES,\n POPOVER_CONTENT_WIDTHS,\n POPOVER_INITIAL_FOCUS_STRINGS,\n POPOVER_APPEND_TO_VALUES,\n POPOVER_STICKY_VALUES,\n POPOVER_DIRECTIONS,\n};\n"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EAAU;AAAA,EAAgB;AAAA,EAC1B;AAAA,EAAS;AAAA,EAAe;AAAA,EACxB;AAAA,EAAQ;AAAA,EAAc;AAAA,EACtB;AAAA,EAAO;AAAA,EAAa;AACtB;AAEO,MAAM,sBAAsB,CAAC,MAAM,OAAO,aAAa,QAAQ;AAC1D,MAAC,qBAAqB,CAAC,eAAe,YAAY;AAC5D,QAAM,EAAE,eAAc,IAAK,EAAE,GAAG,QAAO;AACvC,SAAO,QAAQ;AACf,SAAO,MAAM,eAAe;AAAA,IAC1B,GAAG;AAAA,IACH,SAAS,CAAC,MAAM;AAAA,IAChB,QAAQ,MAAM,kBAAkB,cAAc;AAAA,EAClD,CAAG;AACH;AAEY,MAAC,cAAc,CAAC,eAAe,YAAY;AACrD,SAAO,MAAM,eAAe;AAAA,IAC1B,GAAG;AAAA,IACH,SAAS,CAAC,MAAM;AAAA,EACpB,CAAG;AACH;AAEY,MAAC,mBAAmB,CAAC;AAAA,EAC/B,WAAW;AAAA,EACX,qBAAqB,CAAE;AAAA,EACvB,oBAAoB,MAAM;AAAA,EAAE;AAAA,EAC5B,yBAAyB;AAAA;AAAA;AAAA,EAGzB,SAAS;AACX,IAAI,OAAO;AACT,SAAO;AAAA,IACL,WAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,UACA;AAAA,QACD;AAAA,MACF;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,MACV;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,SAAS,CAAC;AAAA,UACV;AAAA,QACD;AAAA,MACF;AAAA,IACF;AAAA,EACL;AACA;AAEA,MAAM,eAAe,CAAC,kBAAkB;AACtC,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,YAAY,cAAc,aAAa;AAC5C,gBAAc,YAAY;AAC1B,gBAAc,YAAY,IAAI;AAC9B,SAAO;AACT;AAEY,MAAC,YAAY,CAAC,kBAAkB;AAC1C,QAAM,SAAS,+CAAe,SAAS;AACvC,MAAI,CAAC;AAAQ,WAAO,aAAa,aAAa;AAC9C,SAAO;AACT;AAEO,MAAM,oBAAoB,aAAW;AAE1C,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO,YAAY,OAAO;AAC1B,SAAO;AAAA,IACL;AAAA,EACJ;AACA;AC7EY,MAAC,qBAAqB;AAAA,EAChC,GAAG;AACL;AAEY,MAAC,mBAAmB;AAEpB,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEY,MAAC,wBAAwB;AAAA,EACnC,GAAG;AACL;AAEY,MAAC,iCAAiC,CAAC,MAAM,OAAO,QAAQ;ACpBxD,MAAC,0BAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AACY,MAAC,wCAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AACY,MAAC,gBAAgB,CAAC,UAAU,QAAQ,WAAW,QAAQ,MAAM;AAC7D,MAAC,yBAAyB,CAAC,IAAI,QAAQ;AACvC,MAAC,gCAAgC,CAAC,QAAQ,UAAU,OAAO;AAC3D,MAAC,2BAA2B,CAAC,UAAU,QAAQ,MAAM;AACrD,MAAC,wBAAwB;AAAA,EACnC,GAAG;AACL;AACY,MAAC,qBAAqB;AAAA,EAChC,GAAG;AACL;"}
1
+ {"version":3,"file":"popover_constants-h9MD6WUt.js","sources":["../../components/popover/tippy_utils.js","../../components/tooltip/tooltip_constants.js","../../components/popover/popover_constants.js"],"sourcesContent":["import tippy, { sticky } from 'tippy.js';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n 'bottom', 'bottom-start', 'bottom-end',\n 'right', 'right-start', 'right-end',\n 'left', 'left-start', 'left-end',\n 'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\nexport const createTippyPopover = (anchorElement, options) => {\n const { contentElement } = { ...options };\n delete options.contentElement;\n return tippy(anchorElement, {\n ...options,\n plugins: [sticky],\n render: () => getContentWrapper(contentElement),\n });\n};\n\nexport const createTippy = (anchorElement, options) => {\n return tippy(anchorElement, {\n ...options,\n plugins: [sticky],\n });\n};\n\nexport const getPopperOptions = ({\n boundary = 'clippingParents',\n fallbackPlacements = [],\n onChangePlacement = () => {},\n hasHideModifierEnabled = false,\n // If set to false the dialog will display over top of the anchor when there is insufficient space.\n // if set to true it will never move from its position relative to the anchor and will clip instead.\n tether = true,\n} = {}) => {\n return {\n modifiers: [\n {\n name: 'flip',\n options: {\n fallbackPlacements,\n boundary,\n },\n },\n {\n name: 'hide',\n enabled: hasHideModifierEnabled,\n },\n {\n name: 'preventOverflow',\n options: {\n altAxis: !tether,\n tether,\n },\n },\n ],\n };\n};\n\nconst createAnchor = (anchorWrapper) => {\n const span = document.createElement('span');\n span.innerText = anchorWrapper.innerText || '';\n anchorWrapper.innerText = '';\n anchorWrapper.appendChild(span);\n return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n const anchor = anchorWrapper?.children[0];\n if (!anchor) return createAnchor(anchorWrapper);\n return anchor;\n};\n\nexport const getContentWrapper = content => {\n // The recommended structure is to use the popper as an outer wrapper\n const popper = document.createElement('div');\n popper.className = 'tippy-box d-ps-absolute';\n popper.appendChild(content);\n return {\n popper,\n };\n};\n","/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n hover: `d-tooltip--hover`,\n show: `d-tooltip--show`,\n inverted: `d-tooltip--inverted`,\n hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n TOOLTIP_DIRECTIONS,\n TOOLTIP_DELAY_MS,\n TOOLTIP_KIND_MODIFIERS,\n TOOLTIP_STICKY_VALUES,\n TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n","import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './tippy_utils';\n\nexport const POPOVER_PADDING_CLASSES = {\n none: undefined,\n small: 'd-p4',\n medium: 'd-p8',\n large: 'd-p16',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n none: undefined,\n small: 'd-pl4',\n medium: 'd-pl8',\n large: 'd-pl16',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body', 'root'];\nexport const POPOVER_STICKY_VALUES = [\n ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n POPOVER_PADDING_CLASSES,\n POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n POPOVER_ROLES,\n POPOVER_CONTENT_WIDTHS,\n POPOVER_INITIAL_FOCUS_STRINGS,\n POPOVER_APPEND_TO_VALUES,\n POPOVER_STICKY_VALUES,\n POPOVER_DIRECTIONS,\n};\n"],"names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES","createTippyPopover","anchorElement","options","contentElement","tippy","plugins","sticky","render","getContentWrapper","createTippy","getPopperOptions","boundary","fallbackPlacements","onChangePlacement","hasHideModifierEnabled","tether","modifiers","name","enabled","altAxis","createAnchor","anchorWrapper","span","document","createElement","innerText","appendChild","getAnchor","anchor","children","content","popper","className","TOOLTIP_DIRECTIONS","TOOLTIP_DELAY_MS","TOOLTIP_KIND_MODIFIERS","hover","show","inverted","hide","TOOLTIP_STICKY_VALUES","TOOLTIP_HIDE_ON_CLICK_VARIANTS","POPOVER_PADDING_CLASSES","none","undefined","small","medium","large","POPOVER_HEADER_FOOTER_PADDING_CLASSES","POPOVER_ROLES","POPOVER_CONTENT_WIDTHS","POPOVER_INITIAL_FOCUS_STRINGS","POPOVER_APPEND_TO_VALUES","POPOVER_STICKY_VALUES","POPOVER_DIRECTIONS"],"mappings":";;AAEO,MAAMA,wBAAwB,CACnC,UAAU,gBAAgB,cAC1B,SAAS,eAAe,aACxB,QAAQ,cAAc,YACtB,OAAO,aAAa,SAAS;AAGxB,MAAMC,sBAAsB,CAAC,MAAM,OAAO,aAAa,QAAQ;MACzDC,qBAAqBA,CAACC,eAAeC,YAAY;AAC5D,QAAM;AAAA,IAAEC;AAAAA,EAAe,IAAI;AAAA,IAAE,GAAGD;AAAAA;AAChC,SAAOA,QAAQC;AACf,SAAOC,MAAMH,eAAe;AAAA,IAC1B,GAAGC;AAAAA,IACHG,SAAS,CAACC,MAAAA,MAAM;AAAA,IAChBC,QAAQA,MAAMC,kBAAkBL,cAAc;AAAA,EAChD,CAAC;AACH;MAEaM,cAAcA,CAACR,eAAeC,YAAY;AACrD,SAAOE,MAAMH,eAAe;AAAA,IAC1B,GAAGC;AAAAA,IACHG,SAAS,CAACC,MAAAA,MAAM;AAAA,EAClB,CAAC;AACH;AAEO,MAAMI,mBAAmBA,CAAC;AAAA,EAC/BC,WAAW;AAAA,EACXC,qBAAqB,CAAE;AAAA,EACvBC,oBAAoBA,MAAM;AAAA,EAAE;AAAA,EAC5BC,yBAAyB;AAAA;AAAA;AAAA,EAGzBC,SAAS;AACX,IAAI,OAAO;AACT,SAAO;AAAA,IACLC,WAAW,CACT;AAAA,MACEC,MAAM;AAAA,MACNf,SAAS;AAAA,QACPU;AAAAA,QACAD;AAAAA,MACF;AAAA,IACF,GACA;AAAA,MACEM,MAAM;AAAA,MACNC,SAASJ;AAAAA,IACX,GACA;AAAA,MACEG,MAAM;AAAA,MACNf,SAAS;AAAA,QACPiB,SAAS,CAACJ;AAAAA,QACVA;AAAAA,MACF;AAAA,KACD;AAAA;AAGP;AAEA,MAAMK,eAAgBC,mBAAkB;AACtC,QAAMC,OAAOC,SAASC,cAAc,MAAM;AAC1CF,OAAKG,YAAYJ,cAAcI,aAAa;AAC5CJ,gBAAcI,YAAY;AAC1BJ,gBAAcK,YAAYJ,IAAI;AAC9B,SAAOA;AACT;AAEaK,MAAAA,YAAaN,mBAAkB;AAC1C,QAAMO,SAASP,+CAAeQ,SAAS;AACvC,MAAI,CAACD;AAAQ,WAAOR,aAAaC,aAAa;AAC9C,SAAOO;AACT;AAEO,MAAMpB,oBAAoBsB,aAAW;AAE1C,QAAMC,SAASR,SAASC,cAAc,KAAK;AAC3CO,SAAOC,YAAY;AACnBD,SAAOL,YAAYI,OAAO;AAC1B,SAAO;AAAA,IACLC;AAAAA;AAEJ;MC7EaE,qBAAqB,CAChC,GAAGnC,qBAAqB;AAGnB,MAAMoC,mBAAmB;AAEzB,MAAMC,yBAAyB;AAAA,EACpCC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,UAAU;AAAA,EACVC,MAAM;AACR;MAEaC,wBAAwB,CACnC,GAAGzC,mBAAmB;AAGjB,MAAM0C,iCAAiC,CAAC,MAAM,OAAO,QAAQ;ACpB7D,MAAMC,0BAA0B;AAAA,EACrCC,MAAMC;AAAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,OAAO;AACT;AACO,MAAMC,wCAAwC;AAAA,EACnDL,MAAMC;AAAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,OAAO;AACT;AACaE,MAAAA,gBAAgB,CAAC,UAAU,QAAQ,WAAW,QAAQ,MAAM;MAC5DC,yBAAyB,CAAC,IAAI,QAAQ;AAC5C,MAAMC,gCAAgC,CAAC,QAAQ,UAAU,OAAO;AAChE,MAAMC,2BAA2B,CAAC,UAAU,QAAQ,MAAM;MACpDC,wBAAwB,CACnC,GAAGtD,mBAAmB;MAEXuD,qBAAqB,CAChC,GAAGxD,qBAAqB;;;;;;;;;;;;;;;;;;"}
@@ -69,26 +69,32 @@ const _sfc_main = {
69
69
  };
70
70
  var _sfc_render = function render() {
71
71
  var _vm = this, _c = _vm._self._c;
72
- return _c("dt-button", { staticClass: "d-vi-visible-sr", attrs: { "id": "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": _vm.visuallyHiddenCloseLabel }, on: { "click": _vm.close, "keydown": function($event) {
73
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
74
- return null;
75
- $event.preventDefault();
76
- $event.stopPropagation();
77
- return _vm.close.apply(null, arguments);
78
- } } }, [_c("dt-icon", { attrs: { "name": "close" } })], 1);
72
+ return _c("dt-button", {
73
+ staticClass: "d-vi-visible-sr",
74
+ attrs: {
75
+ "id": "sr-only-close-button",
76
+ "data-qa": "dt-sr-only-close-button",
77
+ "aria-label": _vm.visuallyHiddenCloseLabel
78
+ },
79
+ on: {
80
+ "click": _vm.close,
81
+ "keydown": function($event) {
82
+ if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
83
+ return null;
84
+ $event.preventDefault();
85
+ $event.stopPropagation();
86
+ return _vm.close.apply(null, arguments);
87
+ }
88
+ }
89
+ }, [_c("dt-icon", {
90
+ attrs: {
91
+ "name": "close"
92
+ }
93
+ })], 1);
79
94
  };
80
95
  var _sfc_staticRenderFns = [];
81
- var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
82
- _sfc_main,
83
- _sfc_render,
84
- _sfc_staticRenderFns,
85
- false,
86
- null,
87
- null,
88
- null,
89
- null
90
- );
96
+ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
91
97
  const SrOnlyCloseButton = __component__.exports;
92
98
  exports.SrOnlyCloseButton = SrOnlyCloseButton;
93
99
  exports.SrOnlyCloseButtonMixin = SrOnlyCloseButtonMixin;
94
- //# sourceMappingURL=sr_only_close_button-ZaGdAHz7.js.map
100
+ //# sourceMappingURL=sr_only_close_button-2Q9Ny1Nc.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sr_only_close_button-ZaGdAHz7.js","sources":["../../common/mixins/sr_only_close_button.js","../../common/sr_only_close_button.vue"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n props: {\n /**\n * If true, a hidden close button is included for screen readers\n * @values true, false\n */\n visuallyHiddenClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n watch: {\n $props: {\n immediate: true,\n deep: true,\n handler () {\n this.validateVisuallyHiddenCloseProps();\n },\n },\n },\n\n computed: {\n showVisuallyHiddenClose () {\n return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n },\n },\n\n methods: {\n validateVisuallyHiddenCloseProps () {\n if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n console.error(`If visuallyHiddenClose prop is true, the component includes\n a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n }\n },\n },\n};\n","<template>\n <dt-button\n id=\"sr-only-close-button\"\n data-qa=\"dt-sr-only-close-button\"\n class=\"d-vi-visible-sr\"\n :aria-label=\"visuallyHiddenCloseLabel\"\n @click=\"close\"\n @keydown.space.prevent.stop=\"close\"\n >\n <dt-icon name=\"close\" />\n </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n name: 'SrOnlyCloseButton',\n components: {\n DtIcon,\n DtButton,\n },\n\n props: {\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n emits: ['close'],\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"names":["DtIcon","DtButton"],"mappings":";;;;AAGA,MAAe,yBAAA;AAAA,EACb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAW;AACT,aAAK,iCAAgC;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,0BAA2B;AACzB,aAAO,KAAK,uBAAuB,KAAK,4BAA4B;AAAA,IACrE;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,mCAAoC;AAClC,UAAI,KAAK,uBAAuB,CAAC,KAAK,0BAA0B;AAC9D,gBAAQ,MAAM;AAAA,8FACwE;AAAA,MACvF;AAAA,IACF;AAAA,EACF;AACH;AC/BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,QAAAA,SAAA;AAAA,IACA,UAAAC,WAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"sr_only_close_button-2Q9Ny1Nc.js","sources":["../../common/mixins/sr_only_close_button.js","../../common/sr_only_close_button.vue"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n props: {\n /**\n * If true, a hidden close button is included for screen readers\n * @values true, false\n */\n visuallyHiddenClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n watch: {\n $props: {\n immediate: true,\n deep: true,\n handler () {\n this.validateVisuallyHiddenCloseProps();\n },\n },\n },\n\n computed: {\n showVisuallyHiddenClose () {\n return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n },\n },\n\n methods: {\n validateVisuallyHiddenCloseProps () {\n if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n console.error(`If visuallyHiddenClose prop is true, the component includes\n a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n }\n },\n },\n};\n","<template>\n <dt-button\n id=\"sr-only-close-button\"\n data-qa=\"dt-sr-only-close-button\"\n class=\"d-vi-visible-sr\"\n :aria-label=\"visuallyHiddenCloseLabel\"\n @click=\"close\"\n @keydown.space.prevent.stop=\"close\"\n >\n <dt-icon name=\"close\" />\n </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n name: 'SrOnlyCloseButton',\n components: {\n DtIcon,\n DtButton,\n },\n\n props: {\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n emits: ['close'],\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"names":["props","visuallyHiddenClose","type","Boolean","default","visuallyHiddenCloseLabel","String","watch","$props","immediate","deep","handler","validateVisuallyHiddenCloseProps","computed","showVisuallyHiddenClose","methods","console","error","_sfc_main","name","components","DtIcon","DtButton","emits","close","$emit"],"mappings":";;;;AAGA,MAAe,yBAAA;AAAA,EACbA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,qBAAqB;AAAA,MACnBC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDC,0BAA0B;AAAA,MACxBH,MAAMI;AAAAA,MACNF,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDG,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,WAAW;AAAA,MACXC,MAAM;AAAA,MACNC,UAAW;AACT,aAAKC,iCAAgC;AAAA,MACvC;AAAA,IACF;AAAA,EACD;AAAA,EAEDC,UAAU;AAAA,IACRC,0BAA2B;AACzB,aAAO,KAAKb,uBAAuB,KAAKI,4BAA4B;AAAA,IACtE;AAAA,EACD;AAAA,EAEDU,SAAS;AAAA,IACPH,mCAAoC;AAClC,UAAI,KAAKX,uBAAuB,CAAC,KAAKI,0BAA0B;AAC9DW,gBAAQC,MAAM;AAAA,8FACwE;AAAA,MACxF;AAAA,IACF;AAAA,EACF;AACF;AC/BA,MAAAC,YAAA;AAAA,EACAC,MAAA;AAAA,EACAC,YAAA;AAAA,YACAC,SAAA;AAAA,IACAC,UAAAA,WAAAA;AAAAA,EACA;AAAA,EAEAtB,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKAK,0BAAA;AAAA,MACAH,MAAAI;AAAAA,MACAF,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEAmB,OAAA,CAAA,OAAA;AAAA,EAEAR,SAAA;AAAA,IACAS,QAAA;AACA,WAAAC,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -68,28 +68,34 @@ const _sfc_main = {
68
68
  };
69
69
  var _sfc_render = function render() {
70
70
  var _vm = this, _c = _vm._self._c;
71
- return _c("dt-button", { staticClass: "d-vi-visible-sr", attrs: { "id": "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": _vm.visuallyHiddenCloseLabel }, on: { "click": _vm.close, "keydown": function($event) {
72
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
73
- return null;
74
- $event.preventDefault();
75
- $event.stopPropagation();
76
- return _vm.close.apply(null, arguments);
77
- } } }, [_c("dt-icon", { attrs: { "name": "close" } })], 1);
71
+ return _c("dt-button", {
72
+ staticClass: "d-vi-visible-sr",
73
+ attrs: {
74
+ "id": "sr-only-close-button",
75
+ "data-qa": "dt-sr-only-close-button",
76
+ "aria-label": _vm.visuallyHiddenCloseLabel
77
+ },
78
+ on: {
79
+ "click": _vm.close,
80
+ "keydown": function($event) {
81
+ if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
82
+ return null;
83
+ $event.preventDefault();
84
+ $event.stopPropagation();
85
+ return _vm.close.apply(null, arguments);
86
+ }
87
+ }
88
+ }, [_c("dt-icon", {
89
+ attrs: {
90
+ "name": "close"
91
+ }
92
+ })], 1);
78
93
  };
79
94
  var _sfc_staticRenderFns = [];
80
- var __component__ = /* @__PURE__ */ normalizeComponent(
81
- _sfc_main,
82
- _sfc_render,
83
- _sfc_staticRenderFns,
84
- false,
85
- null,
86
- null,
87
- null,
88
- null
89
- );
95
+ var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
90
96
  const SrOnlyCloseButton = __component__.exports;
91
97
  export {
92
98
  SrOnlyCloseButton,
93
99
  SrOnlyCloseButtonMixin
94
100
  };
95
- //# sourceMappingURL=sr_only_close_button-81bHIpPu.js.map
101
+ //# sourceMappingURL=sr_only_close_button-IjMVfBDE.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sr_only_close_button-81bHIpPu.js","sources":["../../common/mixins/sr_only_close_button.js","../../common/sr_only_close_button.vue"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n props: {\n /**\n * If true, a hidden close button is included for screen readers\n * @values true, false\n */\n visuallyHiddenClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n watch: {\n $props: {\n immediate: true,\n deep: true,\n handler () {\n this.validateVisuallyHiddenCloseProps();\n },\n },\n },\n\n computed: {\n showVisuallyHiddenClose () {\n return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n },\n },\n\n methods: {\n validateVisuallyHiddenCloseProps () {\n if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n console.error(`If visuallyHiddenClose prop is true, the component includes\n a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n }\n },\n },\n};\n","<template>\n <dt-button\n id=\"sr-only-close-button\"\n data-qa=\"dt-sr-only-close-button\"\n class=\"d-vi-visible-sr\"\n :aria-label=\"visuallyHiddenCloseLabel\"\n @click=\"close\"\n @keydown.space.prevent.stop=\"close\"\n >\n <dt-icon name=\"close\" />\n </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n name: 'SrOnlyCloseButton',\n components: {\n DtIcon,\n DtButton,\n },\n\n props: {\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n emits: ['close'],\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"names":[],"mappings":";;;AAGA,MAAe,yBAAA;AAAA,EACb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAW;AACT,aAAK,iCAAgC;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,0BAA2B;AACzB,aAAO,KAAK,uBAAuB,KAAK,4BAA4B;AAAA,IACrE;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,mCAAoC;AAClC,UAAI,KAAK,uBAAuB,CAAC,KAAK,0BAA0B;AAC9D,gBAAQ,MAAM;AAAA,8FACwE;AAAA,MACvF;AAAA,IACF;AAAA,EACF;AACH;AC/BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"sr_only_close_button-IjMVfBDE.js","sources":["../../common/mixins/sr_only_close_button.js","../../common/sr_only_close_button.vue"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n props: {\n /**\n * If true, a hidden close button is included for screen readers\n * @values true, false\n */\n visuallyHiddenClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n watch: {\n $props: {\n immediate: true,\n deep: true,\n handler () {\n this.validateVisuallyHiddenCloseProps();\n },\n },\n },\n\n computed: {\n showVisuallyHiddenClose () {\n return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n },\n },\n\n methods: {\n validateVisuallyHiddenCloseProps () {\n if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n console.error(`If visuallyHiddenClose prop is true, the component includes\n a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n }\n },\n },\n};\n","<template>\n <dt-button\n id=\"sr-only-close-button\"\n data-qa=\"dt-sr-only-close-button\"\n class=\"d-vi-visible-sr\"\n :aria-label=\"visuallyHiddenCloseLabel\"\n @click=\"close\"\n @keydown.space.prevent.stop=\"close\"\n >\n <dt-icon name=\"close\" />\n </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n name: 'SrOnlyCloseButton',\n components: {\n DtIcon,\n DtButton,\n },\n\n props: {\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n emits: ['close'],\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"names":["props","visuallyHiddenClose","type","Boolean","default","visuallyHiddenCloseLabel","String","watch","$props","immediate","deep","handler","validateVisuallyHiddenCloseProps","computed","showVisuallyHiddenClose","methods","console","error","_sfc_main","name","components","DtIcon","DtButton","emits","close","$emit"],"mappings":";;;AAGA,MAAe,yBAAA;AAAA,EACbA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKLC,qBAAqB;AAAA,MACnBC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDC,0BAA0B;AAAA,MACxBH,MAAMI;AAAAA,MACNF,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDG,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,WAAW;AAAA,MACXC,MAAM;AAAA,MACNC,UAAW;AACT,aAAKC,iCAAgC;AAAA,MACvC;AAAA,IACF;AAAA,EACD;AAAA,EAEDC,UAAU;AAAA,IACRC,0BAA2B;AACzB,aAAO,KAAKb,uBAAuB,KAAKI,4BAA4B;AAAA,IACtE;AAAA,EACD;AAAA,EAEDU,SAAS;AAAA,IACPH,mCAAoC;AAClC,UAAI,KAAKX,uBAAuB,CAAC,KAAKI,0BAA0B;AAC9DW,gBAAQC,MAAM;AAAA,8FACwE;AAAA,MACxF;AAAA,IACF;AAAA,EACF;AACF;AC/BA,MAAAC,YAAA;AAAA,EACAC,MAAA;AAAA,EACAC,YAAA;AAAA,IACAC;AAAAA,IACAC;AAAAA,EACA;AAAA,EAEAtB,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKAK,0BAAA;AAAA,MACAH,MAAAI;AAAAA,MACAF,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEAmB,OAAA,CAAA,OAAA;AAAA,EAEAR,SAAA;AAAA,IACAS,QAAA;AACA,WAAAC,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"stack_constants-HraCekPm.js","sources":["../../components/stack/stack_constants.js"],"sourcesContent":["export const DT_STACK_DIRECTION = {\n default: 'column',\n column: 'column',\n row: 'row',\n 'row-reverse': 'row-reverse',\n 'column-reverse': 'column-reverse',\n};\n\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\nexport const DT_STACK_GAP = ['0', '100', '200', '300', '400', '450', '500', '600'];\n\nexport default {\n DT_STACK_DIRECTION,\n DT_STACK_RESPONSIVE_BREAKPOINTS,\n DT_STACK_GAP,\n};\n"],"names":[],"mappings":"AAAY,MAAC,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,eAAe;AAAA,EACf,kBAAkB;AACpB;AAEY,MAAC,kCAAkC,CAAC,MAAM,MAAM,MAAM,IAAI;AAE1D,MAAC,eAAe,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;"}
1
+ {"version":3,"file":"stack_constants-HraCekPm.js","sources":["../../components/stack/stack_constants.js"],"sourcesContent":["export const DT_STACK_DIRECTION = {\n default: 'column',\n column: 'column',\n row: 'row',\n 'row-reverse': 'row-reverse',\n 'column-reverse': 'column-reverse',\n};\n\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\nexport const DT_STACK_GAP = ['0', '100', '200', '300', '400', '450', '500', '600'];\n\nexport default {\n DT_STACK_DIRECTION,\n DT_STACK_RESPONSIVE_BREAKPOINTS,\n DT_STACK_GAP,\n};\n"],"names":["DT_STACK_DIRECTION","default","column","row","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_GAP"],"mappings":"AAAO,MAAMA,qBAAqB;AAAA,EAChCC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,KAAK;AAAA,EACL,eAAe;AAAA,EACf,kBAAkB;AACpB;AAEO,MAAMC,kCAAkC,CAAC,MAAM,MAAM,MAAM,IAAI;MAEzDC,eAAe,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;"}
@@ -1 +1 @@
1
- {"version":3,"file":"stack_constants-SMzMWnAQ.js","sources":["../../components/stack/stack_constants.js"],"sourcesContent":["export const DT_STACK_DIRECTION = {\n default: 'column',\n column: 'column',\n row: 'row',\n 'row-reverse': 'row-reverse',\n 'column-reverse': 'column-reverse',\n};\n\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\nexport const DT_STACK_GAP = ['0', '100', '200', '300', '400', '450', '500', '600'];\n\nexport default {\n DT_STACK_DIRECTION,\n DT_STACK_RESPONSIVE_BREAKPOINTS,\n DT_STACK_GAP,\n};\n"],"names":[],"mappings":";AAAY,MAAC,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,eAAe;AAAA,EACf,kBAAkB;AACpB;AAEY,MAAC,kCAAkC,CAAC,MAAM,MAAM,MAAM,IAAI;AAE1D,MAAC,eAAe,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;;;;"}
1
+ {"version":3,"file":"stack_constants-SMzMWnAQ.js","sources":["../../components/stack/stack_constants.js"],"sourcesContent":["export const DT_STACK_DIRECTION = {\n default: 'column',\n column: 'column',\n row: 'row',\n 'row-reverse': 'row-reverse',\n 'column-reverse': 'column-reverse',\n};\n\nexport const DT_STACK_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];\n\nexport const DT_STACK_GAP = ['0', '100', '200', '300', '400', '450', '500', '600'];\n\nexport default {\n DT_STACK_DIRECTION,\n DT_STACK_RESPONSIVE_BREAKPOINTS,\n DT_STACK_GAP,\n};\n"],"names":["DT_STACK_DIRECTION","default","column","row","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_GAP"],"mappings":";AAAO,MAAMA,qBAAqB;AAAA,EAChCC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,KAAK;AAAA,EACL,eAAe;AAAA,EACf,kBAAkB;AACpB;AAEO,MAAMC,kCAAkC,CAAC,MAAM,MAAM,MAAM,IAAI;MAEzDC,eAAe,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;;;;"}
@@ -154,38 +154,57 @@ const _sfc_main$1 = {
154
154
  });
155
155
  },
156
156
  onChange() {
157
- this.$emit("change", { ...this.provideObj });
157
+ this.$emit("change", {
158
+ ...this.provideObj
159
+ });
158
160
  },
159
- changeContentPanel({ selected, selectOverride }) {
161
+ changeContentPanel({
162
+ selected,
163
+ selectOverride
164
+ }) {
160
165
  this.provideObj.selected = selected;
161
166
  if (!selectOverride) {
162
167
  this.onChange();
163
168
  }
164
169
  },
165
170
  tabLeft() {
166
- const { index, tabs } = this.getIndexAndTabs();
171
+ const {
172
+ index,
173
+ tabs
174
+ } = this.getIndexAndTabs();
167
175
  if (index === -1)
168
176
  return;
169
177
  const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;
170
178
  this.selectFocusOnTab(indexElement, tabs);
171
179
  },
172
180
  tabRight() {
173
- const { index, tabs } = this.getIndexAndTabs();
181
+ const {
182
+ index,
183
+ tabs
184
+ } = this.getIndexAndTabs();
174
185
  if (index === -1)
175
186
  return;
176
187
  const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;
177
188
  this.selectFocusOnTab(indexElement, tabs);
178
189
  },
179
190
  selectFocusOnTab(index, tabs) {
180
- const { context } = tabs[index];
191
+ const {
192
+ context
193
+ } = tabs[index];
181
194
  context.focus();
182
195
  },
183
196
  selectTab() {
184
- const { tabs, index } = this.getIndexAndTabs();
197
+ const {
198
+ tabs,
199
+ index
200
+ } = this.getIndexAndTabs();
185
201
  this.selectTabByIndex(index, tabs);
186
202
  },
187
203
  selectTabByIndex(index, tabs) {
188
- const { context, panelId } = tabs[index];
204
+ const {
205
+ context,
206
+ panelId
207
+ } = tabs[index];
189
208
  this.provideObj.selected = panelId;
190
209
  context.focus();
191
210
  },
@@ -212,55 +231,55 @@ const _sfc_main$1 = {
212
231
  };
213
232
  var _sfc_render$1 = function render() {
214
233
  var _vm = this, _c = _vm._self._c;
215
- return _c("div", { attrs: { "data-qa": "dt-tab-group" } }, [_c("div", _vm._b({ class: [
216
- "d-tablist",
217
- _vm.TAB_LIST_SIZE_MODIFIERS[_vm.size],
218
- {
234
+ return _c("div", {
235
+ attrs: {
236
+ "data-qa": "dt-tab-group"
237
+ }
238
+ }, [_c("div", _vm._b({
239
+ class: ["d-tablist", _vm.TAB_LIST_SIZE_MODIFIERS[_vm.size], {
219
240
  [_vm.TAB_LIST_KIND_MODIFIERS.inverted]: _vm.inverted,
220
241
  [_vm.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: _vm.borderless
242
+ }, _vm.tabListClass],
243
+ attrs: {
244
+ "role": "tablist",
245
+ "aria-label": _vm.label
221
246
  },
222
- _vm.tabListClass
223
- ], attrs: { "role": "tablist", "aria-label": _vm.label }, on: { "keyup": [function($event) {
224
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "left", 37, $event.key, ["Left", "ArrowLeft"]))
225
- return null;
226
- if ("button" in $event && $event.button !== 0)
227
- return null;
228
- return _vm.tabLeft.apply(null, arguments);
229
- }, function($event) {
230
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "right", 39, $event.key, ["Right", "ArrowRight"]))
231
- return null;
232
- if ("button" in $event && $event.button !== 2)
233
- return null;
234
- return _vm.tabRight.apply(null, arguments);
235
- }, function($event) {
236
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
237
- return null;
238
- return _vm.selectTab.apply(null, arguments);
239
- }, function($event) {
240
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
241
- return null;
242
- return _vm.selectTab.apply(null, arguments);
243
- }], "keydown": [function($event) {
244
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "home", void 0, $event.key, void 0))
245
- return null;
246
- return _vm.onHomeButton.apply(null, arguments);
247
- }, function($event) {
248
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "end", void 0, $event.key, void 0))
249
- return null;
250
- return _vm.onEndButton.apply(null, arguments);
251
- }] } }, "div", _vm.tabListChildProps, false), [_vm._t("tabs")], 2), _vm._t("default")], 2);
247
+ on: {
248
+ "keyup": [function($event) {
249
+ if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "left", 37, $event.key, ["Left", "ArrowLeft"]))
250
+ return null;
251
+ if ("button" in $event && $event.button !== 0)
252
+ return null;
253
+ return _vm.tabLeft.apply(null, arguments);
254
+ }, function($event) {
255
+ if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "right", 39, $event.key, ["Right", "ArrowRight"]))
256
+ return null;
257
+ if ("button" in $event && $event.button !== 2)
258
+ return null;
259
+ return _vm.tabRight.apply(null, arguments);
260
+ }, function($event) {
261
+ if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
262
+ return null;
263
+ return _vm.selectTab.apply(null, arguments);
264
+ }, function($event) {
265
+ if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
266
+ return null;
267
+ return _vm.selectTab.apply(null, arguments);
268
+ }],
269
+ "keydown": [function($event) {
270
+ if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "home", void 0, $event.key, void 0))
271
+ return null;
272
+ return _vm.onHomeButton.apply(null, arguments);
273
+ }, function($event) {
274
+ if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "end", void 0, $event.key, void 0))
275
+ return null;
276
+ return _vm.onEndButton.apply(null, arguments);
277
+ }]
278
+ }
279
+ }, "div", _vm.tabListChildProps, false), [_vm._t("tabs")], 2), _vm._t("default")], 2);
252
280
  };
253
281
  var _sfc_staticRenderFns$1 = [];
254
- var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
255
- _sfc_main$1,
256
- _sfc_render$1,
257
- _sfc_staticRenderFns$1,
258
- false,
259
- null,
260
- null,
261
- null,
262
- null
263
- );
282
+ var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main$1, _sfc_render$1, _sfc_staticRenderFns$1, false, null, null, null, null);
264
283
  const DtTabGroup = __component__$1.exports;
265
284
  const _sfc_main = {
266
285
  name: "DtTab",
@@ -357,25 +376,24 @@ const _sfc_main = {
357
376
  };
358
377
  var _sfc_render = function render2() {
359
378
  var _vm = this, _c = _vm._self._c;
360
- return _c("dt-button", _vm._g(_vm._b({ class: [
361
- "d-tab",
362
- {
379
+ return _c("dt-button", _vm._g(_vm._b({
380
+ class: ["d-tab", {
363
381
  [_vm.TAB_IMPORTANCE_MODIFIERS.selected]: _vm.isSelected
364
- },
365
- _vm.tabClass
366
- ], attrs: { "id": `dt-tab-${_vm.id}`, "role": "tab", "aria-selected": `${_vm.isSelected}`, "aria-controls": `dt-panel-${_vm.panelId}`, "aria-label": _vm.label, "data-qa": "dt-tab", "tabindex": _vm.isSelected ? "0" : "-1", "disabled": _vm.groupContext.disabled || _vm.disabled } }, "dt-button", _vm.$attrs, false), _vm.tabListeners), [_vm._t("default")], 2);
382
+ }, _vm.tabClass],
383
+ attrs: {
384
+ "id": `dt-tab-${_vm.id}`,
385
+ "role": "tab",
386
+ "aria-selected": `${_vm.isSelected}`,
387
+ "aria-controls": `dt-panel-${_vm.panelId}`,
388
+ "aria-label": _vm.label,
389
+ "data-qa": "dt-tab",
390
+ "tabindex": _vm.isSelected ? "0" : "-1",
391
+ "disabled": _vm.groupContext.disabled || _vm.disabled
392
+ }
393
+ }, "dt-button", _vm.$attrs, false), _vm.tabListeners), [_vm._t("default")], 2);
367
394
  };
368
395
  var _sfc_staticRenderFns = [];
369
- var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
370
- _sfc_main,
371
- _sfc_render,
372
- _sfc_staticRenderFns,
373
- false,
374
- null,
375
- null,
376
- null,
377
- null
378
- );
396
+ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
379
397
  const DtTab = __component__.exports;
380
398
  exports.DtTab = DtTab;
381
399
  exports.DtTabGroup = DtTabGroup;
@@ -383,4 +401,4 @@ exports.TAB_IMPORTANCE_MODIFIERS = TAB_IMPORTANCE_MODIFIERS;
383
401
  exports.TAB_LIST_IMPORTANCE_MODIFIERS = TAB_LIST_IMPORTANCE_MODIFIERS;
384
402
  exports.TAB_LIST_KIND_MODIFIERS = TAB_LIST_KIND_MODIFIERS;
385
403
  exports.TAB_LIST_SIZES = TAB_LIST_SIZES;
386
- //# sourceMappingURL=tab-FcsV5VmK.js.map
404
+ //# sourceMappingURL=tab-79yMX6m6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab-V4cb44Ry.js","sources":["../../components/tabs/tabs_constants.js","../../components/tabs/tab_group.vue","../../components/tabs/tab.vue"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n selected: 'd-tab--selected',\n};\n","<template>\n <div\n data-qa=\"dt-tab-group\"\n >\n <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n <div\n :class=\"[\n 'd-tablist',\n TAB_LIST_SIZE_MODIFIERS[size],\n {\n [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n },\n tabListClass,\n ]\"\n v-bind=\"tabListChildProps\"\n role=\"tablist\"\n :aria-label=\"label\"\n @keyup.left=\"tabLeft\"\n @keyup.right=\"tabRight\"\n @keyup.enter=\"selectTab\"\n @keyup.space=\"selectTab\"\n @keydown.home=\"onHomeButton\"\n @keydown.end=\"onEndButton\"\n >\n <!-- @slot Slot for Tabs -->\n <slot name=\"tabs\" />\n </div>\n <!-- @slot Default slot for Panel -->\n <slot />\n </div>\n</template>\n\n<script>\nimport {\n TAB_LIST_SIZES,\n TAB_LIST_KIND_MODIFIERS,\n TAB_LIST_IMPORTANCE_MODIFIERS,\n TAB_LIST_SIZE_MODIFIERS,\n} from './tabs_constants';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n name: 'DtTabGroup',\n\n provide () {\n return {\n groupContext: this.provideObj,\n changeContentPanel: this.changeContentPanel,\n setFocus: this.setFocus,\n };\n },\n\n props: {\n /**\n * Identifies the tab group\n */\n label: {\n type: String,\n default: '',\n },\n\n /**\n * The id of the selected tab panel which should be displayed\n */\n selected: {\n type: String,\n default: '',\n },\n\n /**\n * If true, disables the tab group\n * @values true, false\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If true, applies inverted styles to the tab group\n * @values true, false\n */\n inverted: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If true, applies borderless styles to the tab group\n * @values true, false\n */\n borderless: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If provided, applies size styles to the tab group\n * @values default, sm\n */\n size: {\n type: String,\n default: 'default',\n validate (size) {\n return TAB_LIST_SIZES.includes(size);\n },\n },\n\n /**\n * Pass through classes, used to customize the tab list\n */\n tabListClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Pass through props, used to customize the tab list\n */\n tabListChildProps: {\n type: Object,\n default: () => ({}),\n },\n },\n\n emits: [\n /**\n * Change tab event with the arguments: selected id of the current tab and disabled value\n *\n * @event change\n * @type {Object}\n */\n 'change',\n ],\n\n data () {\n return {\n provideObj: {\n selected: '', // the currently displayed tab id\n disabled: false, // disable group\n },\n\n focusId: null,\n tabs: [],\n TAB_LIST_SIZE_MODIFIERS,\n TAB_LIST_KIND_MODIFIERS,\n TAB_LIST_IMPORTANCE_MODIFIERS,\n };\n },\n\n watch: {\n disabled: {\n immediate: true,\n handler () {\n this.provideObj.disabled = this.disabled;\n },\n },\n\n selected: {\n immediate: true,\n handler () {\n this.provideObj.selected = this.selected;\n },\n },\n },\n\n mounted () {\n this.updateSelected();\n },\n\n beforeUpdate () {\n this.updateSelected();\n },\n\n methods: {\n updateSelected () {\n /**\n * Prevent override tab selected by default\n */\n if (!this.provideObj.selected) {\n this.provideObj.selected = this.selected;\n }\n this.tabs = this.getTabChildren();\n },\n\n setFocus (focusId) {\n this.focusId = focusId;\n },\n\n getTabChildren () {\n return Array.from(this.$el.querySelectorAll('.d-tab'))\n .map(el => {\n return ({\n context: el,\n panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n id: el.getAttribute('id')?.replace('dt-tab-', ''),\n isSelected: el.getAttribute('aria-selected') === 'true',\n });\n });\n },\n\n onChange () {\n this.$emit('change', { ...this.provideObj });\n },\n\n changeContentPanel ({ selected, selectOverride }) {\n this.provideObj.selected = selected;\n if (!selectOverride) {\n this.onChange();\n }\n },\n\n tabLeft () {\n const { index, tabs } = this.getIndexAndTabs();\n if (index === -1) return;\n const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;\n this.selectFocusOnTab(indexElement, tabs);\n },\n\n tabRight () {\n const { index, tabs } = this.getIndexAndTabs();\n if (index === -1) return;\n\n const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;\n this.selectFocusOnTab(indexElement, tabs);\n },\n\n selectFocusOnTab (index, tabs) {\n const { context } = tabs[index];\n context.focus();\n },\n\n selectTab () {\n const { tabs, index } = this.getIndexAndTabs();\n this.selectTabByIndex(index, tabs);\n },\n\n selectTabByIndex (index, tabs) {\n const { context, panelId } = tabs[index];\n this.provideObj.selected = panelId;\n context.focus();\n },\n\n getIndexAndTabs () {\n const index = this.tabs.findIndex((context) =>\n this.focusId ? context.id === `${this.focusId}` : context.isSelected);\n return {\n tabs: this.tabs,\n index,\n };\n },\n\n onHomeButton () {\n if (this.tabs.length === 0) return;\n this.tabs[0]?.context?.focus();\n },\n\n onEndButton () {\n if (this.tabs.length === 0) return;\n this.tabs[this.tabs.length - 1]?.context?.focus();\n },\n },\n};\n</script>\n","<template>\n <dt-button\n :id=\"`dt-tab-${id}`\"\n :class=\"[\n 'd-tab',\n {\n [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n },\n tabClass,\n ]\"\n role=\"tab\"\n :aria-selected=\"`${isSelected}`\"\n :aria-controls=\"`dt-panel-${panelId}`\"\n :aria-label=\"label\"\n data-qa=\"dt-tab\"\n :tabindex=\"isSelected ? '0' : '-1'\"\n :disabled=\"groupContext.disabled || disabled\"\n v-bind=\"$attrs\"\n v-on=\"tabListeners\"\n >\n <!-- @slot default slot, defaults contains dt-button -->\n <slot />\n </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n name: 'DtTab',\n components: {\n DtButton,\n },\n\n inject: ['changeContentPanel', 'groupContext', 'setFocus'],\n\n inheritAttrs: false,\n\n props: {\n /**\n * Id of the tab\n */\n id: {\n type: String,\n required: true,\n },\n\n /**\n * Id of the associated content panel\n */\n panelId: {\n type: String,\n required: true,\n },\n\n /**\n * Describes the tab\n */\n label: {\n type: String,\n default: '',\n },\n\n /**\n * Controls the state of the tab\n * @values true, false\n */\n selected: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If true, disables the tab\n * @values true, false\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Used to customize the tab element\n */\n tabClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n\n data () {\n return {\n TAB_IMPORTANCE_MODIFIERS,\n };\n },\n\n computed: {\n isSelected () {\n return this.groupContext.selected === this.panelId;\n },\n\n tabListeners () {\n return {\n ...this.$listeners,\n\n click: event => {\n this.selectPanel();\n this.$emit('click', event);\n },\n\n focus: event => {\n this.setFocus(this.id);\n this.$emit('focus', event);\n },\n };\n },\n },\n\n mounted () {\n this.setSelectedPanelByDefault();\n },\n\n methods: {\n setSelectedPanelByDefault () {\n if (this.selected) {\n this.selectPanel(true);\n }\n },\n\n selectPanel (selectOverride = false) {\n this.changeContentPanel({\n selected: this.panelId,\n selectOverride,\n });\n },\n },\n};\n</script>\n"],"names":["_sfc_main"],"mappings":"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"}
1
+ {"version":3,"file":"tab-79yMX6m6.js","sources":["../../components/tabs/tabs_constants.js","../../components/tabs/tab_group.vue","../../components/tabs/tab.vue"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n selected: 'd-tab--selected',\n};\n","<template>\n <div\n data-qa=\"dt-tab-group\"\n >\n <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n <div\n :class=\"[\n 'd-tablist',\n TAB_LIST_SIZE_MODIFIERS[size],\n {\n [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n },\n tabListClass,\n ]\"\n v-bind=\"tabListChildProps\"\n role=\"tablist\"\n :aria-label=\"label\"\n @keyup.left=\"tabLeft\"\n @keyup.right=\"tabRight\"\n @keyup.enter=\"selectTab\"\n @keyup.space=\"selectTab\"\n @keydown.home=\"onHomeButton\"\n @keydown.end=\"onEndButton\"\n >\n <!-- @slot Slot for Tabs -->\n <slot name=\"tabs\" />\n </div>\n <!-- @slot Default slot for Panel -->\n <slot />\n </div>\n</template>\n\n<script>\nimport {\n TAB_LIST_SIZES,\n TAB_LIST_KIND_MODIFIERS,\n TAB_LIST_IMPORTANCE_MODIFIERS,\n TAB_LIST_SIZE_MODIFIERS,\n} from './tabs_constants';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n name: 'DtTabGroup',\n\n provide () {\n return {\n groupContext: this.provideObj,\n changeContentPanel: this.changeContentPanel,\n setFocus: this.setFocus,\n };\n },\n\n props: {\n /**\n * Identifies the tab group\n */\n label: {\n type: String,\n default: '',\n },\n\n /**\n * The id of the selected tab panel which should be displayed\n */\n selected: {\n type: String,\n default: '',\n },\n\n /**\n * If true, disables the tab group\n * @values true, false\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If true, applies inverted styles to the tab group\n * @values true, false\n */\n inverted: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If true, applies borderless styles to the tab group\n * @values true, false\n */\n borderless: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If provided, applies size styles to the tab group\n * @values default, sm\n */\n size: {\n type: String,\n default: 'default',\n validate (size) {\n return TAB_LIST_SIZES.includes(size);\n },\n },\n\n /**\n * Pass through classes, used to customize the tab list\n */\n tabListClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /**\n * Pass through props, used to customize the tab list\n */\n tabListChildProps: {\n type: Object,\n default: () => ({}),\n },\n },\n\n emits: [\n /**\n * Change tab event with the arguments: selected id of the current tab and disabled value\n *\n * @event change\n * @type {Object}\n */\n 'change',\n ],\n\n data () {\n return {\n provideObj: {\n selected: '', // the currently displayed tab id\n disabled: false, // disable group\n },\n\n focusId: null,\n tabs: [],\n TAB_LIST_SIZE_MODIFIERS,\n TAB_LIST_KIND_MODIFIERS,\n TAB_LIST_IMPORTANCE_MODIFIERS,\n };\n },\n\n watch: {\n disabled: {\n immediate: true,\n handler () {\n this.provideObj.disabled = this.disabled;\n },\n },\n\n selected: {\n immediate: true,\n handler () {\n this.provideObj.selected = this.selected;\n },\n },\n },\n\n mounted () {\n this.updateSelected();\n },\n\n beforeUpdate () {\n this.updateSelected();\n },\n\n methods: {\n updateSelected () {\n /**\n * Prevent override tab selected by default\n */\n if (!this.provideObj.selected) {\n this.provideObj.selected = this.selected;\n }\n this.tabs = this.getTabChildren();\n },\n\n setFocus (focusId) {\n this.focusId = focusId;\n },\n\n getTabChildren () {\n return Array.from(this.$el.querySelectorAll('.d-tab'))\n .map(el => {\n return ({\n context: el,\n panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n id: el.getAttribute('id')?.replace('dt-tab-', ''),\n isSelected: el.getAttribute('aria-selected') === 'true',\n });\n });\n },\n\n onChange () {\n this.$emit('change', { ...this.provideObj });\n },\n\n changeContentPanel ({ selected, selectOverride }) {\n this.provideObj.selected = selected;\n if (!selectOverride) {\n this.onChange();\n }\n },\n\n tabLeft () {\n const { index, tabs } = this.getIndexAndTabs();\n if (index === -1) return;\n const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;\n this.selectFocusOnTab(indexElement, tabs);\n },\n\n tabRight () {\n const { index, tabs } = this.getIndexAndTabs();\n if (index === -1) return;\n\n const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;\n this.selectFocusOnTab(indexElement, tabs);\n },\n\n selectFocusOnTab (index, tabs) {\n const { context } = tabs[index];\n context.focus();\n },\n\n selectTab () {\n const { tabs, index } = this.getIndexAndTabs();\n this.selectTabByIndex(index, tabs);\n },\n\n selectTabByIndex (index, tabs) {\n const { context, panelId } = tabs[index];\n this.provideObj.selected = panelId;\n context.focus();\n },\n\n getIndexAndTabs () {\n const index = this.tabs.findIndex((context) =>\n this.focusId ? context.id === `${this.focusId}` : context.isSelected);\n return {\n tabs: this.tabs,\n index,\n };\n },\n\n onHomeButton () {\n if (this.tabs.length === 0) return;\n this.tabs[0]?.context?.focus();\n },\n\n onEndButton () {\n if (this.tabs.length === 0) return;\n this.tabs[this.tabs.length - 1]?.context?.focus();\n },\n },\n};\n</script>\n","<template>\n <dt-button\n :id=\"`dt-tab-${id}`\"\n :class=\"[\n 'd-tab',\n {\n [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n },\n tabClass,\n ]\"\n role=\"tab\"\n :aria-selected=\"`${isSelected}`\"\n :aria-controls=\"`dt-panel-${panelId}`\"\n :aria-label=\"label\"\n data-qa=\"dt-tab\"\n :tabindex=\"isSelected ? '0' : '-1'\"\n :disabled=\"groupContext.disabled || disabled\"\n v-bind=\"$attrs\"\n v-on=\"tabListeners\"\n >\n <!-- @slot default slot, defaults contains dt-button -->\n <slot />\n </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n name: 'DtTab',\n components: {\n DtButton,\n },\n\n inject: ['changeContentPanel', 'groupContext', 'setFocus'],\n\n inheritAttrs: false,\n\n props: {\n /**\n * Id of the tab\n */\n id: {\n type: String,\n required: true,\n },\n\n /**\n * Id of the associated content panel\n */\n panelId: {\n type: String,\n required: true,\n },\n\n /**\n * Describes the tab\n */\n label: {\n type: String,\n default: '',\n },\n\n /**\n * Controls the state of the tab\n * @values true, false\n */\n selected: {\n type: Boolean,\n default: false,\n },\n\n /**\n * If true, disables the tab\n * @values true, false\n */\n disabled: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Used to customize the tab element\n */\n tabClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n\n data () {\n return {\n TAB_IMPORTANCE_MODIFIERS,\n };\n },\n\n computed: {\n isSelected () {\n return this.groupContext.selected === this.panelId;\n },\n\n tabListeners () {\n return {\n ...this.$listeners,\n\n click: event => {\n this.selectPanel();\n this.$emit('click', event);\n },\n\n focus: event => {\n this.setFocus(this.id);\n this.$emit('focus', event);\n },\n };\n },\n },\n\n mounted () {\n this.setSelectedPanelByDefault();\n },\n\n methods: {\n setSelectedPanelByDefault () {\n if (this.selected) {\n this.selectPanel(true);\n }\n },\n\n selectPanel (selectOverride = false) {\n this.changeContentPanel({\n selected: this.panelId,\n selectOverride,\n });\n },\n },\n};\n</script>\n"],"names":["TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","sm","TAB_LIST_KIND_MODIFIERS","inverted","TAB_LIST_IMPORTANCE_MODIFIERS","borderless","TAB_IMPORTANCE_MODIFIERS","selected","_sfc_main","name","provide","groupContext","provideObj","changeContentPanel","setFocus","props","label","type","String","default","disabled","Boolean","size","validate","includes","tabListClass","Array","Object","tabListChildProps","emits","data","focusId","tabs","watch","immediate","handler","mounted","updateSelected","beforeUpdate","methods","getTabChildren","from","$el","querySelectorAll","map","el","context","panelId","getAttribute","replace","id","isSelected","onChange","$emit","selectOverride","tabLeft","index","getIndexAndTabs","indexElement","length","selectFocusOnTab","tabRight","focus","selectTab","selectTabByIndex","findIndex","onHomeButton","onEndButton","components","DtButton","inject","inheritAttrs","required","tabClass","computed","tabListeners","$listeners","click","event","selectPanel","setSelectedPanelByDefault"],"mappings":"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"}