@dialpad/dialtone-vue 2.125.1 → 2.127.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 (290) hide show
  1. package/dist/chunks/_plugin-vue2_normalizer-ZK80B3OL.js +2 -0
  2. package/dist/chunks/_plugin-vue2_normalizer-ZK80B3OL.js.map +1 -0
  3. package/dist/chunks/dropdown-zhMEz3bn.js +2 -0
  4. package/dist/chunks/dropdown-zhMEz3bn.js.map +1 -0
  5. package/dist/chunks/dropdown_constants-KHFvVI2L.js +2 -0
  6. package/dist/chunks/dropdown_constants-KHFvVI2L.js.map +1 -0
  7. package/dist/chunks/icon_constants-2S_OSQ1t.js +2 -0
  8. package/dist/chunks/icon_constants-2S_OSQ1t.js.map +1 -0
  9. package/dist/chunks/index-2jPosQBn.js +3 -0
  10. package/dist/chunks/index-2jPosQBn.js.map +1 -0
  11. package/dist/chunks/{index-o4OMWMuv.js → index-YkSDT8-g.js} +2 -2
  12. package/dist/chunks/{index-o4OMWMuv.js.map → index-YkSDT8-g.js.map} +1 -1
  13. package/dist/chunks/index-sdfB7Aok.js +2 -0
  14. package/dist/chunks/index-sdfB7Aok.js.map +1 -0
  15. package/dist/chunks/input-o-fc1X4b.js +2 -0
  16. package/dist/chunks/input-o-fc1X4b.js.map +1 -0
  17. package/dist/chunks/input_group-j2gTtc1C.js +2 -0
  18. package/dist/chunks/input_group-j2gTtc1C.js.map +1 -0
  19. package/dist/chunks/keyboard_list_navigation-N74Bpdq7.js +2 -0
  20. package/dist/chunks/keyboard_list_navigation-N74Bpdq7.js.map +1 -0
  21. package/dist/chunks/link_constants-Kn6kP4i1.js +2 -0
  22. package/dist/chunks/link_constants-Kn6kP4i1.js.map +1 -0
  23. package/dist/chunks/list_item_constants-Tsz5CO1m.js +2 -0
  24. package/dist/chunks/list_item_constants-Tsz5CO1m.js.map +1 -0
  25. package/dist/chunks/modal-qEzlo0Sj.js +2 -0
  26. package/dist/chunks/modal-qEzlo0Sj.js.map +1 -0
  27. package/dist/chunks/notice_action-u3ZKIhit.js +2 -0
  28. package/dist/chunks/notice_action-u3ZKIhit.js.map +1 -0
  29. package/dist/chunks/notice_constants-mC6al2Dm.js +2 -0
  30. package/dist/chunks/notice_constants-mC6al2Dm.js.map +1 -0
  31. package/dist/chunks/popover_constants-hOEhklvr.js +2 -0
  32. package/dist/chunks/popover_constants-hOEhklvr.js.map +1 -0
  33. package/dist/chunks/sr_only_close_button-ErijKGYR.js +3 -0
  34. package/dist/chunks/sr_only_close_button-ErijKGYR.js.map +1 -0
  35. package/dist/chunks/stack_constants-m9Ickqw0.js +2 -0
  36. package/dist/chunks/stack_constants-m9Ickqw0.js.map +1 -0
  37. package/dist/chunks/tab-7hJQSLFx.js +2 -0
  38. package/dist/chunks/tab-7hJQSLFx.js.map +1 -0
  39. package/dist/component-documentation.json +1 -1
  40. package/dist/dialtone-vue.cjs +2 -0
  41. package/dist/dialtone-vue.cjs.map +1 -0
  42. package/dist/dialtone-vue.js +1 -1
  43. package/dist/lib/attachment-carousel.cjs +2 -0
  44. package/dist/lib/attachment-carousel.cjs.map +1 -0
  45. package/dist/lib/attachment-carousel.js +2 -3
  46. package/dist/lib/attachment-carousel.js.map +1 -1
  47. package/dist/lib/avatar.cjs +2 -0
  48. package/dist/lib/avatar.cjs.map +1 -0
  49. package/dist/lib/avatar.js +2 -3
  50. package/dist/lib/avatar.js.map +1 -1
  51. package/dist/lib/badge.cjs +2 -0
  52. package/dist/lib/badge.cjs.map +1 -0
  53. package/dist/lib/badge.js +2 -3
  54. package/dist/lib/badge.js.map +1 -1
  55. package/dist/lib/banner.cjs +3 -0
  56. package/dist/lib/banner.cjs.map +1 -0
  57. package/dist/lib/banner.js +2 -3
  58. package/dist/lib/banner.js.map +1 -1
  59. package/dist/lib/breadcrumbs.cjs +2 -0
  60. package/dist/lib/breadcrumbs.cjs.map +1 -0
  61. package/dist/lib/button-group.cjs +2 -0
  62. package/dist/lib/button-group.cjs.map +1 -0
  63. package/dist/lib/button.cjs +2 -0
  64. package/dist/lib/button.cjs.map +1 -0
  65. package/dist/lib/callbar-button-with-popover.cjs +2 -0
  66. package/dist/lib/callbar-button-with-popover.cjs.map +1 -0
  67. package/dist/lib/callbar-button-with-popover.js +2 -3
  68. package/dist/lib/callbar-button-with-popover.js.map +1 -1
  69. package/dist/lib/callbar-button.cjs +2 -0
  70. package/dist/lib/callbar-button.cjs.map +1 -0
  71. package/dist/lib/callbox.cjs +2 -0
  72. package/dist/lib/callbox.cjs.map +1 -0
  73. package/dist/lib/callbox.js +2 -3
  74. package/dist/lib/callbox.js.map +1 -1
  75. package/dist/lib/card.cjs +2 -0
  76. package/dist/lib/card.cjs.map +1 -0
  77. package/dist/lib/checkbox-group.cjs +2 -0
  78. package/dist/lib/checkbox-group.cjs.map +1 -0
  79. package/dist/lib/checkbox.cjs +2 -0
  80. package/dist/lib/checkbox.cjs.map +1 -0
  81. package/dist/lib/chip.cjs +2 -0
  82. package/dist/lib/chip.cjs.map +1 -0
  83. package/dist/lib/chip.js +2 -3
  84. package/dist/lib/chip.js.map +1 -1
  85. package/dist/lib/codeblock.cjs +3 -0
  86. package/dist/lib/codeblock.cjs.map +1 -0
  87. package/dist/lib/collapsible.cjs +2 -0
  88. package/dist/lib/collapsible.cjs.map +1 -0
  89. package/dist/lib/collapsible.js +2 -3
  90. package/dist/lib/collapsible.js.map +1 -1
  91. package/dist/lib/combobox-multi-select.cjs +2 -0
  92. package/dist/lib/combobox-multi-select.cjs.map +1 -0
  93. package/dist/lib/combobox-with-popover.cjs +2 -0
  94. package/dist/lib/combobox-with-popover.cjs.map +1 -0
  95. package/dist/lib/combobox-with-popover.js +1 -1
  96. package/dist/lib/combobox.cjs +2 -0
  97. package/dist/lib/combobox.cjs.map +1 -0
  98. package/dist/lib/constants.cjs +2 -0
  99. package/dist/lib/constants.cjs.map +1 -0
  100. package/dist/lib/contact-info.cjs +2 -0
  101. package/dist/lib/contact-info.cjs.map +1 -0
  102. package/dist/lib/contact-info.js +2 -3
  103. package/dist/lib/contact-info.js.map +1 -1
  104. package/dist/lib/contact-row.cjs +2 -0
  105. package/dist/lib/contact-row.cjs.map +1 -0
  106. package/dist/lib/contact-row.js +1 -1
  107. package/dist/lib/datepicker.cjs +2 -0
  108. package/dist/lib/datepicker.cjs.map +1 -0
  109. package/dist/lib/datepicker.js +12 -13
  110. package/dist/lib/datepicker.js.map +1 -1
  111. package/dist/lib/dates.cjs +2 -0
  112. package/dist/lib/dates.cjs.map +1 -0
  113. package/dist/lib/description-list.cjs +2 -0
  114. package/dist/lib/description-list.cjs.map +1 -0
  115. package/dist/lib/dropdown.cjs +2 -0
  116. package/dist/lib/dropdown.cjs.map +1 -0
  117. package/dist/lib/dropdown.js +6 -7
  118. package/dist/lib/dropdown.js.map +1 -1
  119. package/dist/lib/editor.cjs +2 -0
  120. package/dist/lib/editor.cjs.map +1 -0
  121. package/dist/lib/editor.js +1 -1
  122. package/dist/lib/emoji-picker.cjs +2 -0
  123. package/dist/lib/emoji-picker.cjs.map +1 -0
  124. package/dist/lib/emoji-picker.js +2 -3
  125. package/dist/lib/emoji-picker.js.map +1 -1
  126. package/dist/lib/emoji-row.cjs +2 -0
  127. package/dist/lib/emoji-row.cjs.map +1 -0
  128. package/dist/lib/emoji-row.js +1 -1
  129. package/dist/lib/emoji-text-wrapper.cjs +2 -0
  130. package/dist/lib/emoji-text-wrapper.cjs.map +1 -0
  131. package/dist/lib/emoji-text-wrapper.js +1 -1
  132. package/dist/lib/emoji.cjs +2 -0
  133. package/dist/lib/emoji.cjs.map +1 -0
  134. package/dist/lib/emoji.js +1 -1
  135. package/dist/lib/feed-item-row.cjs +2 -0
  136. package/dist/lib/feed-item-row.cjs.map +1 -0
  137. package/dist/lib/feed-item-row.js +2 -3
  138. package/dist/lib/feed-item-row.js.map +1 -1
  139. package/dist/lib/feed-pill.cjs +2 -0
  140. package/dist/lib/feed-pill.cjs.map +1 -0
  141. package/dist/lib/feed-pill.js +2 -3
  142. package/dist/lib/feed-pill.js.map +1 -1
  143. package/dist/lib/general-row.cjs +2 -0
  144. package/dist/lib/general-row.cjs.map +1 -0
  145. package/dist/lib/general-row.js +1 -1
  146. package/dist/lib/group-row.cjs +2 -0
  147. package/dist/lib/group-row.cjs.map +1 -0
  148. package/dist/lib/group-row.js +2 -2
  149. package/dist/lib/grouped-chip.cjs +2 -0
  150. package/dist/lib/grouped-chip.cjs.map +1 -0
  151. package/dist/lib/grouped-chip.js +6 -7
  152. package/dist/lib/grouped-chip.js.map +1 -1
  153. package/dist/lib/hovercard.cjs +2 -0
  154. package/dist/lib/hovercard.cjs.map +1 -0
  155. package/dist/lib/hovercard.js +6 -7
  156. package/dist/lib/hovercard.js.map +1 -1
  157. package/dist/lib/icon.cjs +2 -0
  158. package/dist/lib/icon.cjs.map +1 -0
  159. package/dist/lib/icon.js +14 -38
  160. package/dist/lib/icon.js.map +1 -1
  161. package/dist/lib/image-viewer.cjs +2 -0
  162. package/dist/lib/image-viewer.cjs.map +1 -0
  163. package/dist/lib/image-viewer.js +11 -12
  164. package/dist/lib/image-viewer.js.map +1 -1
  165. package/dist/lib/input-group.cjs +2 -0
  166. package/dist/lib/input-group.cjs.map +1 -0
  167. package/dist/lib/input.cjs +2 -0
  168. package/dist/lib/input.cjs.map +1 -0
  169. package/dist/lib/item-layout.cjs +2 -0
  170. package/dist/lib/item-layout.cjs.map +1 -0
  171. package/dist/lib/ivr-node.cjs +2 -0
  172. package/dist/lib/ivr-node.cjs.map +1 -0
  173. package/dist/lib/ivr-node.js +4 -5
  174. package/dist/lib/ivr-node.js.map +1 -1
  175. package/dist/lib/keyboard-shortcut.cjs +2 -0
  176. package/dist/lib/keyboard-shortcut.cjs.map +1 -0
  177. package/dist/lib/keyboard-shortcut.js +4 -5
  178. package/dist/lib/keyboard-shortcut.js.map +1 -1
  179. package/dist/lib/lazy-show.cjs +2 -0
  180. package/dist/lib/lazy-show.cjs.map +1 -0
  181. package/dist/lib/link.cjs +2 -0
  182. package/dist/lib/link.cjs.map +1 -0
  183. package/dist/lib/list-item-group.cjs +2 -0
  184. package/dist/lib/list-item-group.cjs.map +1 -0
  185. package/dist/lib/list-item.cjs +2 -0
  186. package/dist/lib/list-item.cjs.map +1 -0
  187. package/dist/lib/list-item.js +2 -3
  188. package/dist/lib/list-item.js.map +1 -1
  189. package/dist/lib/message-input.cjs +2 -0
  190. package/dist/lib/message-input.cjs.map +1 -0
  191. package/dist/lib/message-input.js +90 -48
  192. package/dist/lib/message-input.js.map +1 -1
  193. package/dist/lib/mixins.cjs +2 -0
  194. package/dist/lib/mixins.cjs.map +1 -0
  195. package/dist/lib/modal.cjs +3 -0
  196. package/dist/lib/modal.cjs.map +1 -0
  197. package/dist/lib/modal.js +10 -11
  198. package/dist/lib/modal.js.map +1 -1
  199. package/dist/lib/notice.cjs +2 -0
  200. package/dist/lib/notice.cjs.map +1 -0
  201. package/dist/lib/notice.js +2 -3
  202. package/dist/lib/notice.js.map +1 -1
  203. package/dist/lib/pagination.cjs +2 -0
  204. package/dist/lib/pagination.cjs.map +1 -0
  205. package/dist/lib/pagination.js +2 -3
  206. package/dist/lib/pagination.js.map +1 -1
  207. package/dist/lib/popover.cjs +2 -0
  208. package/dist/lib/popover.cjs.map +1 -0
  209. package/dist/lib/popover.js +4 -5
  210. package/dist/lib/popover.js.map +1 -1
  211. package/dist/lib/presence.cjs +2 -0
  212. package/dist/lib/presence.cjs.map +1 -0
  213. package/dist/lib/radio-group.cjs +2 -0
  214. package/dist/lib/radio-group.cjs.map +1 -0
  215. package/dist/lib/radio.cjs +2 -0
  216. package/dist/lib/radio.cjs.map +1 -0
  217. package/dist/lib/rich-text-editor.cjs +2 -0
  218. package/dist/lib/rich-text-editor.cjs.map +1 -0
  219. package/dist/lib/rich-text-editor.js +107 -75
  220. package/dist/lib/rich-text-editor.js.map +1 -1
  221. package/dist/lib/root-layout.cjs +2 -0
  222. package/dist/lib/root-layout.cjs.map +1 -0
  223. package/dist/lib/select-menu.cjs +2 -0
  224. package/dist/lib/select-menu.cjs.map +1 -0
  225. package/dist/lib/settings-menu-button.cjs +2 -0
  226. package/dist/lib/settings-menu-button.cjs.map +1 -0
  227. package/dist/lib/settings-menu-button.js +2 -3
  228. package/dist/lib/settings-menu-button.js.map +1 -1
  229. package/dist/lib/skeleton.cjs +2 -0
  230. package/dist/lib/skeleton.cjs.map +1 -0
  231. package/dist/lib/stack.cjs +2 -0
  232. package/dist/lib/stack.cjs.map +1 -0
  233. package/dist/lib/tabs.cjs +2 -0
  234. package/dist/lib/tabs.cjs.map +1 -0
  235. package/dist/lib/time-pill.cjs +2 -0
  236. package/dist/lib/time-pill.cjs.map +1 -0
  237. package/dist/lib/toast.cjs +2 -0
  238. package/dist/lib/toast.cjs.map +1 -0
  239. package/dist/lib/toast.js +2 -3
  240. package/dist/lib/toast.js.map +1 -1
  241. package/dist/lib/toggle.cjs +2 -0
  242. package/dist/lib/toggle.cjs.map +1 -0
  243. package/dist/lib/tooltip-directive.cjs +2 -0
  244. package/dist/lib/tooltip-directive.cjs.map +1 -0
  245. package/dist/lib/tooltip.cjs +2 -0
  246. package/dist/lib/tooltip.cjs.map +1 -0
  247. package/dist/lib/top-banner-info.cjs +2 -0
  248. package/dist/lib/top-banner-info.cjs.map +1 -0
  249. package/dist/lib/unread-pill.cjs +2 -0
  250. package/dist/lib/unread-pill.cjs.map +1 -0
  251. package/dist/lib/unread-pill.js +3 -4
  252. package/dist/lib/unread-pill.js.map +1 -1
  253. package/dist/lib/utils.cjs +2 -0
  254. package/dist/lib/utils.cjs.map +1 -0
  255. package/dist/lib/validation-messages.cjs +2 -0
  256. package/dist/lib/validation-messages.cjs.map +1 -0
  257. package/dist/lib/validators.cjs +2 -0
  258. package/dist/lib/validators.cjs.map +1 -0
  259. package/dist/style.css +1 -1
  260. package/dist/types/common/emoji/index.d.ts +3302 -1014
  261. package/dist/types/common/emoji/index.d.ts.map +1 -1
  262. package/dist/types/components/avatar/avatar.vue.d.ts +1 -1
  263. package/dist/types/components/button/button.vue.d.ts +2 -2
  264. package/dist/types/components/card/card.vue.d.ts +1 -1
  265. package/dist/types/components/chip/chip.vue.d.ts +1 -1
  266. package/dist/types/components/collapsible/collapsible.vue.d.ts +2 -2
  267. package/dist/types/components/combobox/combobox.vue.d.ts +1 -1
  268. package/dist/types/components/dropdown/dropdown.vue.d.ts +1 -1
  269. package/dist/types/components/emoji/emoji.vue.d.ts +1 -1
  270. package/dist/types/components/icon/icon.vue.d.ts +2 -22
  271. package/dist/types/components/icon/icon.vue.d.ts.map +1 -1
  272. package/dist/types/components/list_item_group/list_item_group.vue.d.ts +1 -1
  273. package/dist/types/components/modal/modal.vue.d.ts +2 -2
  274. package/dist/types/components/popover/popover_header_footer.vue.d.ts +1 -1
  275. package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts +91 -1
  276. package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  277. package/dist/types/components/skeleton/skeleton-list-item.vue.d.ts +1 -1
  278. package/dist/types/components/skeleton/skeleton-paragraph.vue.d.ts +3 -3
  279. package/dist/types/components/skeleton/skeleton-shape.vue.d.ts +2 -2
  280. package/dist/types/components/skeleton/skeleton-text.vue.d.ts +2 -2
  281. package/dist/types/components/skeleton/skeleton.vue.d.ts +1 -1
  282. package/dist/types/components/tooltip/tooltip.vue.d.ts +2 -2
  283. package/dist/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts +1 -1
  284. package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -1
  285. package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +2 -2
  286. package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts +90 -0
  287. package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  288. package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
  289. package/dist/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts +1 -1
  290. package/package.json +11 -10
@@ -0,0 +1,2 @@
1
+ "use strict";const e={default:"column",column:"column",row:"row","row-reverse":"row-reverse","column-reverse":"column-reverse"},r=["sm","md","lg","xl"],o=["0","100","200","300","400","450","500","600"];exports.D=e;exports.a=r;exports.b=o;
2
+ //# sourceMappingURL=stack_constants-m9Ickqw0.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack_constants-m9Ickqw0.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","DT_STACK_RESPONSIVE_BREAKPOINTS","DT_STACK_GAP"],"mappings":"aAAY,MAACA,EAAqB,CAChC,QAAS,SACT,OAAQ,SACR,IAAK,MACL,cAAe,cACf,iBAAkB,gBACpB,EAEaC,EAAkC,CAAC,KAAM,KAAM,KAAM,IAAI,EAEzDC,EAAe,CAAC,IAAK,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,KAAK"}
@@ -0,0 +1,2 @@
1
+ "use strict";const a=require("./_plugin-vue2_normalizer-ZK80B3OL.js"),u=require("../lib/button.cjs"),l=["default","sm"],o={sm:"d-tablist--sm"},i={inverted:"d-tablist--inverted"},d={borderless:"d-tablist--no-border"},r={selected:"d-tab--selected"},c={name:"DtTabGroup",provide(){return{groupContext:this.provideObj,changeContentPanel:this.changeContentPanel,setFocus:this.setFocus}},props:{label:{type:String,default:""},selected:{type:String,default:""},disabled:{type:Boolean,default:!1},inverted:{type:Boolean,default:!1},borderless:{type:Boolean,default:!1},size:{type:String,default:"default",validate(t){return l.includes(t)}},tabListClass:{type:[String,Array,Object],default:""},tabListChildProps:{type:Object,default:()=>({})}},emits:["change"],data(){return{provideObj:{selected:"",disabled:!1},focusId:null,tabs:[],TAB_LIST_SIZE_MODIFIERS:o,TAB_LIST_KIND_MODIFIERS:i,TAB_LIST_IMPORTANCE_MODIFIERS:d}},watch:{disabled:{immediate:!0,handler(){this.provideObj.disabled=this.disabled}},selected:{immediate:!0,handler(){this.provideObj.selected=this.selected}}},mounted(){this.updateSelected()},beforeUpdate(){this.updateSelected()},methods:{updateSelected(){this.provideObj.selected||(this.provideObj.selected=this.selected),this.tabs=this.getTabChildren()},setFocus(t){this.focusId=t},getTabChildren(){return Array.from(this.$el.querySelectorAll(".d-tab")).map(t=>{var e,n;return{context:t,panelId:(e=t.getAttribute("aria-controls"))==null?void 0:e.replace("dt-panel-",""),id:(n=t.getAttribute("id"))==null?void 0:n.replace("dt-tab-",""),isSelected:t.getAttribute("aria-selected")==="true"}})},onChange(){this.$emit("change",{...this.provideObj})},changeContentPanel({selected:t,selectOverride:e}){this.provideObj.selected=t,e||this.onChange()},tabLeft(){const{index:t,tabs:e}=this.getIndexAndTabs();if(t===-1)return;const n=t-1<0?e.length-1:t-1;this.selectFocusOnTab(n,e)},tabRight(){const{index:t,tabs:e}=this.getIndexAndTabs();if(t===-1)return;const n=t+1>e.length-1?0:t+1;this.selectFocusOnTab(n,e)},selectFocusOnTab(t,e){const{context:n}=e[t];n.focus()},selectTab(){const{tabs:t,index:e}=this.getIndexAndTabs();this.selectTabByIndex(e,t)},selectTabByIndex(t,e){const{context:n,panelId:s}=e[t];this.provideObj.selected=s,n.focus()},getIndexAndTabs(){const t=this.tabs.findIndex(e=>this.focusId?e.id===`${this.focusId}`:e.isSelected);return{tabs:this.tabs,index:t}},onHomeButton(){var t,e;this.tabs.length!==0&&((e=(t=this.tabs[0])==null?void 0:t.context)==null||e.focus())},onEndButton(){var t,e;this.tabs.length!==0&&((e=(t=this.tabs[this.tabs.length-1])==null?void 0:t.context)==null||e.focus())}}};var b=function(){var e=this,n=e._self._c;return n("div",{attrs:{"data-qa":"dt-tab-group"}},[n("div",e._b({class:["d-tablist",e.TAB_LIST_SIZE_MODIFIERS[e.size],{[e.TAB_LIST_KIND_MODIFIERS.inverted]:e.inverted,[e.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]:e.borderless},e.tabListClass],attrs:{role:"tablist","aria-label":e.label},on:{keyup:[function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"left",37,s.key,["Left","ArrowLeft"])||"button"in s&&s.button!==0?null:e.tabLeft.apply(null,arguments)},function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"right",39,s.key,["Right","ArrowRight"])||"button"in s&&s.button!==2?null:e.tabRight.apply(null,arguments)},function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"enter",13,s.key,"Enter")?null:e.selectTab.apply(null,arguments)},function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"space",32,s.key,[" ","Spacebar"])?null:e.selectTab.apply(null,arguments)}],keydown:[function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"home",void 0,s.key,void 0)?null:e.onHomeButton.apply(null,arguments)},function(s){return!s.type.indexOf("key")&&e._k(s.keyCode,"end",void 0,s.key,void 0)?null:e.onEndButton.apply(null,arguments)}]}},"div",e.tabListChildProps,!1),[e._t("tabs")],2),e._t("default")],2)},f=[],h=a.n(c,b,f,!1,null,null,null,null);const p=h.exports,_={name:"DtTab",components:{DtButton:u.DtButton},inject:["changeContentPanel","groupContext","setFocus"],inheritAttrs:!1,props:{id:{type:String,required:!0},panelId:{type:String,required:!0},label:{type:String,default:""},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabClass:{type:[String,Array,Object],default:""}},data(){return{TAB_IMPORTANCE_MODIFIERS:r}},computed:{isSelected(){return this.groupContext.selected===this.panelId},tabListeners(){return{...this.$listeners,click:t=>{this.selectPanel(),this.$emit("click",t)},focus:t=>{this.setFocus(this.id),this.$emit("focus",t)}}}},mounted(){this.setSelectedPanelByDefault()},methods:{setSelectedPanelByDefault(){this.selected&&this.selectPanel(!0)},selectPanel(t=!1){this.changeContentPanel({selected:this.panelId,selectOverride:t})}}};var y=function(){var e=this,n=e._self._c;return n("dt-button",e._g(e._b({class:["d-tab",{[e.TAB_IMPORTANCE_MODIFIERS.selected]:e.isSelected},e.tabClass],attrs:{id:`dt-tab-${e.id}`,role:"tab","aria-selected":`${e.isSelected}`,"aria-controls":`dt-panel-${e.panelId}`,"aria-label":e.label,"data-qa":"dt-tab",tabindex:e.isSelected?"0":"-1",disabled:e.groupContext.disabled||e.disabled}},"dt-button",e.$attrs,!1),e.tabListeners),[e._t("default")],2)},g=[],I=a.n(_,y,g,!1,null,null,null,null);const S=I.exports;exports.D=p;exports.T=i;exports.a=S;exports.b=l;exports.c=d;exports.d=r;
2
+ //# sourceMappingURL=tab-7hJQSLFx.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tab-7hJQSLFx.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","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","TAB_IMPORTANCE_MODIFIERS","_sfc_main","size","focusId","el","_a","_b","selected","selectOverride","index","tabs","indexElement","context","panelId","DtButton","event"],"mappings":"qGAAaA,EAAiB,CAAC,UAAW,IAAI,EAEjCC,EAA0B,CACrC,GAAI,eACN,EAEaC,EAA0B,CACrC,SAAU,qBACZ,EAEaC,EAAgC,CAC3C,WAAY,sBACd,EAEaC,EAA2B,CACtC,SAAU,iBACZ,EC6BAC,EAAA,CACA,KAAA,aAEA,SAAA,CACA,MAAA,CACA,aAAA,KAAA,WACA,mBAAA,KAAA,mBACA,SAAA,KAAA,QACA,CACA,EAEA,MAAA,CAIA,MAAA,CACA,KAAA,OACA,QAAA,EACA,EAKA,SAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAMA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAMA,WAAA,CACA,KAAA,QACA,QAAA,EACA,EAMA,KAAA,CACA,KAAA,OACA,QAAA,UACA,SAAAC,EAAA,CACA,OAAAN,EAAA,SAAAM,CAAA,CACA,CACA,EAKA,aAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,CACA,EAEA,MAAA,CAOA,QACA,EAEA,MAAA,CACA,MAAA,CACA,WAAA,CACA,SAAA,GACA,SAAA,EACA,EAEA,QAAA,KACA,KAAA,CAAA,EACA,wBAAAL,EACA,wBAAAC,EACA,8BAAAC,CACA,CACA,EAEA,MAAA,CACA,SAAA,CACA,UAAA,GACA,SAAA,CACA,KAAA,WAAA,SAAA,KAAA,QACA,CACA,EAEA,SAAA,CACA,UAAA,GACA,SAAA,CACA,KAAA,WAAA,SAAA,KAAA,QACA,CACA,CACA,EAEA,SAAA,CACA,KAAA,eAAA,CACA,EAEA,cAAA,CACA,KAAA,eAAA,CACA,EAEA,QAAA,CACA,gBAAA,CAIA,KAAA,WAAA,WACA,KAAA,WAAA,SAAA,KAAA,UAEA,KAAA,KAAA,KAAA,gBACA,EAEA,SAAAI,EAAA,CACA,KAAA,QAAAA,CACA,EAEA,gBAAA,CACA,OAAA,MAAA,KAAA,KAAA,IAAA,iBAAA,QAAA,CAAA,EACA,IAAAC,GAAA,SACA,MAAA,CACA,QAAAA,EACA,SAAAC,EAAAD,EAAA,aAAA,eAAA,IAAA,YAAAC,EAAA,QAAA,YAAA,IACA,IAAAC,EAAAF,EAAA,aAAA,IAAA,IAAA,YAAAE,EAAA,QAAA,UAAA,IACA,WAAAF,EAAA,aAAA,eAAA,IAAA,MACA,CACA,CAAA,CACA,EAEA,UAAA,CACA,KAAA,MAAA,SAAA,CAAA,GAAA,KAAA,UAAA,CAAA,CACA,EAEA,mBAAA,CAAA,SAAAG,EAAA,eAAAC,GAAA,CACA,KAAA,WAAA,SAAAD,EACAC,GACA,KAAA,SAAA,CAEA,EAEA,SAAA,CACA,KAAA,CAAA,MAAAC,EAAA,KAAAC,CAAA,EAAA,KAAA,gBAAA,EACA,GAAAD,IAAA,GAAA,OACA,MAAAE,EAAAF,EAAA,EAAA,EAAAC,EAAA,OAAA,EAAAD,EAAA,EACA,KAAA,iBAAAE,EAAAD,CAAA,CACA,EAEA,UAAA,CACA,KAAA,CAAA,MAAAD,EAAA,KAAAC,CAAA,EAAA,KAAA,gBAAA,EACA,GAAAD,IAAA,GAAA,OAEA,MAAAE,EAAAF,EAAA,EAAAC,EAAA,OAAA,EAAA,EAAAD,EAAA,EACA,KAAA,iBAAAE,EAAAD,CAAA,CACA,EAEA,iBAAAD,EAAAC,EAAA,CACA,KAAA,CAAA,QAAAE,CAAA,EAAAF,EAAAD,CAAA,EACAG,EAAA,MAAA,CACA,EAEA,WAAA,CACA,KAAA,CAAA,KAAAF,EAAA,MAAAD,CAAA,EAAA,KAAA,gBAAA,EACA,KAAA,iBAAAA,EAAAC,CAAA,CACA,EAEA,iBAAAD,EAAAC,EAAA,CACA,KAAA,CAAA,QAAAE,EAAA,QAAAC,CAAA,EAAAH,EAAAD,CAAA,EACA,KAAA,WAAA,SAAAI,EACAD,EAAA,MAAA,CACA,EAEA,iBAAA,CACA,MAAAH,EAAA,KAAA,KAAA,UAAAG,GACA,KAAA,QAAAA,EAAA,KAAA,GAAA,KAAA,OAAA,GAAAA,EAAA,UAAA,EACA,MAAA,CACA,KAAA,KAAA,KACA,MAAAH,CACA,CACA,EAEA,cAAA,SACA,KAAA,KAAA,SAAA,KACAH,GAAAD,EAAA,KAAA,KAAA,CAAA,IAAA,YAAAA,EAAA,UAAA,MAAAC,EAAA,QACA,EAEA,aAAA,SACA,KAAA,KAAA,SAAA,KACAA,GAAAD,EAAA,KAAA,KAAA,KAAA,KAAA,OAAA,CAAA,IAAA,YAAAA,EAAA,UAAA,MAAAC,EAAA,QACA,CACA,CACA,oyCCzOAL,EAAA,CACA,KAAA,QACA,WAAA,CACA,SAAAa,EAAA,QACA,EAEA,OAAA,CAAA,qBAAA,eAAA,UAAA,EAEA,aAAA,GAEA,MAAA,CAIA,GAAA,CACA,KAAA,OACA,SAAA,EACA,EAKA,QAAA,CACA,KAAA,OACA,SAAA,EACA,EAKA,MAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAMA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAKA,SAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,yBAAAd,CACA,CACA,EAEA,SAAA,CACA,YAAA,CACA,OAAA,KAAA,aAAA,WAAA,KAAA,OACA,EAEA,cAAA,CACA,MAAA,CACA,GAAA,KAAA,WAEA,MAAAe,GAAA,CACA,KAAA,YAAA,EACA,KAAA,MAAA,QAAAA,CAAA,CACA,EAEA,MAAAA,GAAA,CACA,KAAA,SAAA,KAAA,EAAA,EACA,KAAA,MAAA,QAAAA,CAAA,CACA,CACA,CACA,CACA,EAEA,SAAA,CACA,KAAA,0BAAA,CACA,EAEA,QAAA,CACA,2BAAA,CACA,KAAA,UACA,KAAA,YAAA,EAAA,CAEA,EAEA,YAAAP,EAAA,GAAA,CACA,KAAA,mBAAA,CACA,SAAA,KAAA,QACA,eAAAA,CACA,CAAA,CACA,CACA,CACA"}