@dialpad/dialtone-vue 2.126.0 → 2.127.1
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.
- package/dist/chunks/_plugin-vue2_normalizer-1aBeR4AK.js +59 -0
- package/dist/chunks/_plugin-vue2_normalizer-1aBeR4AK.js.map +1 -0
- package/dist/chunks/_plugin-vue2_normalizer-sOSkiPF3.js +60 -0
- package/dist/chunks/_plugin-vue2_normalizer-sOSkiPF3.js.map +1 -0
- package/dist/chunks/{dropdown-SMWaTWyF.js → dropdown-DTtcQEFC.js} +131 -84
- package/dist/chunks/{dropdown-SMWaTWyF.js.map → dropdown-DTtcQEFC.js.map} +1 -1
- package/dist/chunks/dropdown-IaLNHmVd.js +403 -0
- package/dist/chunks/dropdown-IaLNHmVd.js.map +1 -0
- package/dist/chunks/dropdown_constants-2pGCXy7m.js +8 -0
- package/dist/chunks/dropdown_constants-2pGCXy7m.js.map +1 -0
- package/dist/chunks/dropdown_constants-w1MXGC3Z.js +9 -0
- package/dist/chunks/dropdown_constants-w1MXGC3Z.js.map +1 -0
- package/dist/chunks/{icon_constants-OpYAAKwF.js → icon_constants-Dy4MEUJL.js} +7 -6
- package/dist/chunks/{icon_constants-OpYAAKwF.js.map → icon_constants-Dy4MEUJL.js.map} +1 -1
- package/dist/chunks/icon_constants-QYpmdE0R.js +16 -0
- package/dist/chunks/icon_constants-QYpmdE0R.js.map +1 -0
- package/dist/chunks/index-DUr1xHR0.js +442 -0
- package/dist/chunks/{index-nIyl_PL6.js.map → index-DUr1xHR0.js.map} +1 -1
- package/dist/chunks/index-IA-Z8fgm.js +441 -0
- package/dist/chunks/index-IA-Z8fgm.js.map +1 -0
- package/dist/chunks/{input-1tm09l_-.js → input-6kbd8Pju.js} +83 -60
- package/dist/chunks/{input-1tm09l_-.js.map → input-6kbd8Pju.js.map} +1 -1
- package/dist/chunks/input-Axw-wFj2.js +295 -0
- package/dist/chunks/input-Axw-wFj2.js.map +1 -0
- package/dist/chunks/input_group-m3cWYUfI.js +143 -0
- package/dist/chunks/{input_group-zcAq3DQl.js.map → input_group-m3cWYUfI.js.map} +1 -1
- package/dist/chunks/{input_group-zcAq3DQl.js → input_group-qVZaS5Bb.js} +27 -24
- package/dist/chunks/input_group-qVZaS5Bb.js.map +1 -0
- package/dist/chunks/keyboard_list_navigation-ScXhrxya.js +284 -0
- package/dist/chunks/{keyboard_list_navigation-F0O8nht0.js.map → keyboard_list_navigation-ScXhrxya.js.map} +1 -1
- package/dist/chunks/keyboard_list_navigation-fJnl_Iox.js +283 -0
- package/dist/chunks/keyboard_list_navigation-fJnl_Iox.js.map +1 -0
- package/dist/chunks/link_constants-Huj7D_hm.js +22 -0
- package/dist/chunks/{link_constants-vIUB92L4.js.map → link_constants-Huj7D_hm.js.map} +1 -1
- package/dist/chunks/link_constants-nWVlXQBs.js +23 -0
- package/dist/chunks/link_constants-nWVlXQBs.js.map +1 -0
- package/dist/chunks/list_item_constants-EiqkqZvP.js +13 -0
- package/dist/chunks/{list_item_constants-LTUc74pD.js.map → list_item_constants-EiqkqZvP.js.map} +1 -1
- package/dist/chunks/list_item_constants-u1xcN9Dd.js +14 -0
- package/dist/chunks/list_item_constants-u1xcN9Dd.js.map +1 -0
- package/dist/chunks/modal-VgxXAQFP.js +105 -0
- package/dist/chunks/{modal-VuMFkZFH.js.map → modal-VgxXAQFP.js.map} +1 -1
- package/dist/chunks/modal-XOr4kiNZ.js +106 -0
- package/dist/chunks/modal-XOr4kiNZ.js.map +1 -0
- package/dist/chunks/notice_action-IRUoLX2d.js +196 -0
- package/dist/chunks/{notice_action-9NmtQRai.js.map → notice_action-IRUoLX2d.js.map} +1 -1
- package/dist/chunks/notice_action-P6uDyE9x.js +195 -0
- package/dist/chunks/notice_action-P6uDyE9x.js.map +1 -0
- package/dist/chunks/notice_constants-7Qt2CQEY.js +7 -0
- package/dist/chunks/{notice_constants-c--hBFQw.js.map → notice_constants-7Qt2CQEY.js.map} +1 -1
- package/dist/chunks/notice_constants-UXo9e3bS.js +6 -0
- package/dist/chunks/notice_constants-UXo9e3bS.js.map +1 -0
- package/dist/chunks/popover_constants-JwBF9h1Z.js +143 -0
- package/dist/chunks/{popover_constants-qjlEkroB.js.map → popover_constants-JwBF9h1Z.js.map} +1 -1
- package/dist/chunks/popover_constants-Qkpb0yh2.js +144 -0
- package/dist/chunks/popover_constants-Qkpb0yh2.js.map +1 -0
- package/dist/chunks/sr_only_close_button-81bHIpPu.js +95 -0
- package/dist/chunks/{sr_only_close_button-JGole5Xi.js.map → sr_only_close_button-81bHIpPu.js.map} +1 -1
- package/dist/chunks/sr_only_close_button-ZaGdAHz7.js +94 -0
- package/dist/chunks/sr_only_close_button-ZaGdAHz7.js.map +1 -0
- package/dist/chunks/stack_constants-HraCekPm.js +15 -0
- package/dist/chunks/{stack_constants-u7tNqGtc.js.map → stack_constants-HraCekPm.js.map} +1 -1
- package/dist/chunks/stack_constants-SMzMWnAQ.js +14 -0
- package/dist/chunks/stack_constants-SMzMWnAQ.js.map +1 -0
- package/dist/chunks/tab-FcsV5VmK.js +386 -0
- package/dist/chunks/tab-FcsV5VmK.js.map +1 -0
- package/dist/chunks/tab-V4cb44Ry.js +387 -0
- package/dist/chunks/{tab-Qm9LVkYj.js.map → tab-V4cb44Ry.js.map} +1 -1
- package/dist/common/constants.cjs +60 -0
- package/dist/common/constants.cjs.map +1 -0
- package/dist/{lib → common}/constants.js +25 -18
- package/dist/{lib → common}/constants.js.map +1 -1
- package/dist/common/dates.cjs +72 -0
- package/dist/common/dates.cjs.map +1 -0
- package/dist/common/dates.js +72 -0
- package/dist/{lib → common}/dates.js.map +1 -1
- package/dist/common/emoji.cjs +163 -0
- package/dist/common/emoji.cjs.map +1 -0
- package/dist/common/emoji.js +168 -0
- package/dist/common/emoji.js.map +1 -0
- package/dist/common/mixins.cjs +17 -0
- package/dist/common/mixins.cjs.map +1 -0
- package/dist/common/mixins.js +17 -0
- package/dist/common/utils.cjs +237 -0
- package/dist/common/utils.cjs.map +1 -0
- package/dist/common/utils.js +237 -0
- package/dist/{lib → common}/utils.js.map +1 -1
- package/dist/common/validators.cjs +23 -0
- package/dist/common/validators.cjs.map +1 -0
- package/dist/common/validators.js +23 -0
- package/dist/{lib → common}/validators.js.map +1 -1
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.cjs +373 -0
- package/dist/dialtone-vue.cjs.map +1 -0
- package/dist/dialtone-vue.js +325 -324
- package/dist/dialtone-vue.js.map +1 -1
- package/dist/lib/attachment-carousel.cjs +261 -0
- package/dist/lib/attachment-carousel.cjs.map +1 -0
- package/dist/lib/attachment-carousel.js +96 -85
- package/dist/lib/attachment-carousel.js.map +1 -1
- package/dist/lib/avatar.cjs +400 -0
- package/dist/lib/avatar.cjs.map +1 -0
- package/dist/lib/avatar.js +111 -80
- package/dist/lib/avatar.js.map +1 -1
- package/dist/lib/badge.cjs +183 -0
- package/dist/lib/badge.cjs.map +1 -0
- package/dist/lib/badge.js +53 -39
- package/dist/lib/badge.js.map +1 -1
- package/dist/lib/banner.cjs +210 -0
- package/dist/lib/banner.cjs.map +1 -0
- package/dist/lib/banner.js +58 -48
- package/dist/lib/banner.js.map +1 -1
- package/dist/lib/breadcrumbs.cjs +147 -0
- package/dist/lib/breadcrumbs.cjs.map +1 -0
- package/dist/lib/breadcrumbs.js +57 -48
- package/dist/lib/breadcrumbs.js.map +1 -1
- package/dist/lib/button-group.cjs +48 -0
- package/dist/lib/button-group.cjs.map +1 -0
- package/dist/lib/button-group.js +21 -18
- package/dist/lib/button-group.js.map +1 -1
- package/dist/lib/button.cjs +350 -0
- package/dist/lib/button.cjs.map +1 -0
- package/dist/lib/button.js +98 -76
- package/dist/lib/button.js.map +1 -1
- package/dist/lib/callbar-button-with-popover.cjs +250 -0
- package/dist/lib/callbar-button-with-popover.cjs.map +1 -0
- package/dist/lib/callbar-button-with-popover.js +66 -51
- package/dist/lib/callbar-button-with-popover.js.map +1 -1
- package/dist/lib/callbar-button.cjs +183 -0
- package/dist/lib/callbar-button.cjs.map +1 -0
- package/dist/lib/callbar-button.js +42 -34
- package/dist/lib/callbar-button.js.map +1 -1
- package/dist/lib/callbox.cjs +147 -0
- package/dist/lib/callbox.cjs.map +1 -0
- package/dist/lib/callbox.js +38 -33
- package/dist/lib/callbox.js.map +1 -1
- package/dist/lib/card.cjs +74 -0
- package/dist/lib/card.cjs.map +1 -0
- package/dist/lib/card.js +22 -20
- package/dist/lib/card.js.map +1 -1
- package/dist/lib/checkbox-group.cjs +130 -0
- package/dist/lib/checkbox-group.cjs.map +1 -0
- package/dist/lib/checkbox-group.js +42 -29
- package/dist/lib/checkbox-group.js.map +1 -1
- package/dist/lib/checkbox.cjs +128 -0
- package/dist/lib/checkbox.cjs.map +1 -0
- package/dist/lib/checkbox.js +46 -35
- package/dist/lib/checkbox.js.map +1 -1
- package/dist/lib/chip.cjs +199 -0
- package/dist/lib/chip.cjs.map +1 -0
- package/dist/lib/chip.js +59 -46
- package/dist/lib/chip.js.map +1 -1
- package/dist/lib/codeblock.cjs +30 -0
- package/dist/lib/codeblock.cjs.map +1 -0
- package/dist/lib/codeblock.js +15 -14
- package/dist/lib/codeblock.js.map +1 -1
- package/dist/lib/collapsible.cjs +335 -0
- package/dist/lib/collapsible.cjs.map +1 -0
- package/dist/lib/collapsible.js +91 -69
- package/dist/lib/collapsible.js.map +1 -1
- package/dist/lib/combobox-multi-select.cjs +520 -0
- package/dist/lib/combobox-multi-select.cjs.map +1 -0
- package/dist/lib/combobox-multi-select.js +223 -136
- package/dist/lib/combobox-multi-select.js.map +1 -1
- package/dist/lib/combobox-with-popover.cjs +385 -0
- package/dist/lib/combobox-with-popover.cjs.map +1 -0
- package/dist/lib/combobox-with-popover.js +131 -87
- package/dist/lib/combobox-with-popover.js.map +1 -1
- package/dist/lib/combobox.cjs +19 -0
- package/dist/lib/combobox.cjs.map +1 -0
- package/dist/lib/combobox.js +9 -9
- package/dist/lib/contact-info.cjs +146 -0
- package/dist/lib/contact-info.cjs.map +1 -0
- package/dist/lib/contact-info.js +34 -33
- package/dist/lib/contact-info.js.map +1 -1
- package/dist/lib/contact-row.cjs +206 -0
- package/dist/lib/contact-row.cjs.map +1 -0
- package/dist/lib/contact-row.js +42 -39
- package/dist/lib/contact-row.js.map +1 -1
- package/dist/lib/datepicker.cjs +663 -0
- package/dist/lib/datepicker.cjs.map +1 -0
- package/dist/lib/datepicker.js +330 -219
- package/dist/lib/datepicker.js.map +1 -1
- package/dist/lib/description-list.cjs +115 -0
- package/dist/lib/description-list.cjs.map +1 -0
- package/dist/lib/description-list.js +51 -19
- package/dist/lib/description-list.js.map +1 -1
- package/dist/lib/dropdown.cjs +46 -0
- package/dist/lib/dropdown.cjs.map +1 -0
- package/dist/lib/dropdown.js +27 -26
- package/dist/lib/dropdown.js.map +1 -1
- package/dist/lib/editor.cjs +556 -0
- package/dist/lib/editor.cjs.map +1 -0
- package/dist/lib/editor.js +191 -162
- package/dist/lib/editor.js.map +1 -1
- package/dist/lib/emoji-picker.cjs +1064 -0
- package/dist/lib/emoji-picker.cjs.map +1 -0
- package/dist/lib/emoji-picker.js +638 -375
- package/dist/lib/emoji-picker.js.map +1 -1
- package/dist/lib/emoji-row.cjs +89 -0
- package/dist/lib/emoji-row.cjs.map +1 -0
- package/dist/lib/emoji-row.js +46 -40
- package/dist/lib/emoji-row.js.map +1 -1
- package/dist/lib/emoji-text-wrapper.cjs +110 -0
- package/dist/lib/emoji-text-wrapper.cjs.map +1 -0
- package/dist/lib/emoji-text-wrapper.js +49 -35
- package/dist/lib/emoji-text-wrapper.js.map +1 -1
- package/dist/lib/emoji.cjs +146 -0
- package/dist/lib/emoji.cjs.map +1 -0
- package/dist/lib/emoji.js +140 -5
- package/dist/lib/emoji.js.map +1 -1
- package/dist/lib/feed-item-row.cjs +214 -0
- package/dist/lib/feed-item-row.cjs.map +1 -0
- package/dist/lib/feed-item-row.js +71 -64
- package/dist/lib/feed-item-row.js.map +1 -1
- package/dist/lib/feed-pill.cjs +150 -0
- package/dist/lib/feed-pill.cjs.map +1 -0
- package/dist/lib/feed-pill.js +60 -52
- package/dist/lib/feed-pill.js.map +1 -1
- package/dist/lib/general-row.cjs +406 -0
- package/dist/lib/general-row.cjs.map +1 -0
- package/dist/lib/general-row.js +133 -106
- package/dist/lib/general-row.js.map +1 -1
- package/dist/lib/group-row.cjs +118 -0
- package/dist/lib/group-row.cjs.map +1 -0
- package/dist/lib/group-row.js +34 -31
- package/dist/lib/group-row.js.map +1 -1
- package/dist/lib/grouped-chip.cjs +46 -0
- package/dist/lib/grouped-chip.cjs.map +1 -0
- package/dist/lib/grouped-chip.js +28 -27
- package/dist/lib/grouped-chip.js.map +1 -1
- package/dist/lib/hovercard.cjs +228 -0
- package/dist/lib/hovercard.cjs.map +1 -0
- package/dist/lib/hovercard.js +98 -64
- package/dist/lib/hovercard.js.map +1 -1
- package/dist/lib/icon.cjs +60 -0
- package/dist/lib/icon.cjs.map +1 -0
- package/dist/lib/icon.js +22 -44
- package/dist/lib/icon.js.map +1 -1
- package/dist/lib/image-viewer.cjs +191 -0
- package/dist/lib/image-viewer.cjs.map +1 -0
- package/dist/lib/image-viewer.js +83 -63
- package/dist/lib/image-viewer.js.map +1 -1
- package/dist/lib/input-group.cjs +92 -0
- package/dist/lib/input-group.cjs.map +1 -0
- package/dist/lib/input-group.js +29 -27
- package/dist/lib/input-group.js.map +1 -1
- package/dist/lib/input.cjs +493 -0
- package/dist/lib/input.cjs.map +1 -0
- package/dist/lib/input.js +127 -89
- package/dist/lib/input.js.map +1 -1
- package/dist/lib/item-layout.cjs +41 -0
- package/dist/lib/item-layout.cjs.map +1 -0
- package/dist/lib/item-layout.js +15 -13
- package/dist/lib/item-layout.js.map +1 -1
- package/dist/lib/ivr-node.cjs +210 -0
- package/dist/lib/ivr-node.cjs.map +1 -0
- package/dist/lib/ivr-node.js +115 -100
- package/dist/lib/ivr-node.js.map +1 -1
- package/dist/lib/keyboard-shortcut.cjs +107 -0
- package/dist/lib/keyboard-shortcut.cjs.map +1 -0
- package/dist/lib/keyboard-shortcut.js +42 -35
- package/dist/lib/keyboard-shortcut.js.map +1 -1
- package/dist/lib/lazy-show.cjs +81 -0
- package/dist/lib/lazy-show.cjs.map +1 -0
- package/dist/lib/lazy-show.js +20 -16
- package/dist/lib/lazy-show.js.map +1 -1
- package/dist/lib/link.cjs +71 -0
- package/dist/lib/link.cjs.map +1 -0
- package/dist/lib/link.js +22 -20
- package/dist/lib/link.js.map +1 -1
- package/dist/lib/list-item-group.cjs +61 -0
- package/dist/lib/list-item-group.cjs.map +1 -0
- package/dist/lib/list-item-group.js +19 -17
- package/dist/lib/list-item-group.js.map +1 -1
- package/dist/lib/list-item.cjs +205 -0
- package/dist/lib/list-item.cjs.map +1 -0
- package/dist/lib/list-item.js +67 -57
- package/dist/lib/list-item.js.map +1 -1
- package/dist/lib/message-input.cjs +555 -0
- package/dist/lib/message-input.cjs.map +1 -0
- package/dist/lib/message-input.js +211 -147
- package/dist/lib/message-input.js.map +1 -1
- package/dist/lib/modal.cjs +351 -0
- package/dist/lib/modal.cjs.map +1 -0
- package/dist/lib/modal.js +118 -91
- package/dist/lib/modal.js.map +1 -1
- package/dist/lib/notice.cjs +160 -0
- package/dist/lib/notice.cjs.map +1 -0
- package/dist/lib/notice.js +46 -44
- package/dist/lib/notice.js.map +1 -1
- package/dist/lib/pagination.cjs +153 -0
- package/dist/lib/pagination.cjs.map +1 -0
- package/dist/lib/pagination.js +60 -49
- package/dist/lib/pagination.js.map +1 -1
- package/dist/lib/popover.cjs +957 -0
- package/dist/lib/popover.cjs.map +1 -0
- package/dist/lib/popover.js +401 -222
- package/dist/lib/popover.js.map +1 -1
- package/dist/lib/presence.cjs +66 -0
- package/dist/lib/presence.cjs.map +1 -0
- package/dist/lib/presence.js +32 -26
- package/dist/lib/presence.js.map +1 -1
- package/dist/lib/radio-group.cjs +99 -0
- package/dist/lib/radio-group.cjs.map +1 -0
- package/dist/lib/radio-group.js +24 -22
- package/dist/lib/radio-group.js.map +1 -1
- package/dist/lib/radio.cjs +119 -0
- package/dist/lib/radio.cjs.map +1 -0
- package/dist/lib/radio.js +43 -35
- package/dist/lib/radio.js.map +1 -1
- package/dist/lib/rich-text-editor.cjs +1139 -0
- package/dist/lib/rich-text-editor.cjs.map +1 -0
- package/dist/lib/rich-text-editor.js +611 -392
- package/dist/lib/rich-text-editor.js.map +1 -1
- package/dist/lib/root-layout.cjs +131 -0
- package/dist/lib/root-layout.cjs.map +1 -0
- package/dist/lib/root-layout.js +28 -24
- package/dist/lib/root-layout.js.map +1 -1
- package/dist/lib/select-menu.cjs +283 -0
- package/dist/lib/select-menu.cjs.map +1 -0
- package/dist/lib/select-menu.js +101 -61
- package/dist/lib/select-menu.js.map +1 -1
- package/dist/lib/settings-menu-button.cjs +66 -0
- package/dist/lib/settings-menu-button.cjs.map +1 -0
- package/dist/lib/settings-menu-button.js +26 -25
- package/dist/lib/settings-menu-button.js.map +1 -1
- package/dist/lib/skeleton.cjs +613 -0
- package/dist/lib/skeleton.cjs.map +1 -0
- package/dist/lib/skeleton.js +174 -135
- package/dist/lib/skeleton.js.map +1 -1
- package/dist/lib/stack.cjs +128 -0
- package/dist/lib/stack.cjs.map +1 -0
- package/dist/lib/stack.js +66 -56
- package/dist/lib/stack.js.map +1 -1
- package/dist/lib/tabs.cjs +100 -0
- package/dist/lib/tabs.cjs.map +1 -0
- package/dist/lib/tabs.js +42 -35
- package/dist/lib/tabs.js.map +1 -1
- package/dist/lib/time-pill.cjs +48 -0
- package/dist/lib/time-pill.cjs.map +1 -0
- package/dist/lib/time-pill.js +21 -16
- package/dist/lib/time-pill.js.map +1 -1
- package/dist/lib/toast.cjs +248 -0
- package/dist/lib/toast.cjs.map +1 -0
- package/dist/lib/toast.js +78 -56
- package/dist/lib/toast.js.map +1 -1
- package/dist/lib/toggle.cjs +178 -0
- package/dist/lib/toggle.cjs.map +1 -0
- package/dist/lib/toggle.js +46 -37
- package/dist/lib/toggle.js.map +1 -1
- package/dist/lib/tooltip-directive.cjs +88 -0
- package/dist/lib/tooltip-directive.cjs.map +1 -0
- package/dist/lib/tooltip-directive.js +55 -41
- package/dist/lib/tooltip-directive.js.map +1 -1
- package/dist/lib/tooltip.cjs +437 -0
- package/dist/lib/tooltip.cjs.map +1 -0
- package/dist/lib/tooltip.js +152 -90
- package/dist/lib/tooltip.js.map +1 -1
- package/dist/lib/top-banner-info.cjs +64 -0
- package/dist/lib/top-banner-info.cjs.map +1 -0
- package/dist/lib/top-banner-info.js +22 -18
- package/dist/lib/top-banner-info.js.map +1 -1
- package/dist/lib/unread-pill.cjs +64 -0
- package/dist/lib/unread-pill.cjs.map +1 -0
- package/dist/lib/unread-pill.js +25 -22
- package/dist/lib/unread-pill.js.map +1 -1
- package/dist/lib/validation-messages.cjs +86 -0
- package/dist/lib/validation-messages.cjs.map +1 -0
- package/dist/lib/validation-messages.js +32 -29
- package/dist/lib/validation-messages.js.map +1 -1
- package/dist/style.css +1214 -1
- package/dist/types/components/avatar/avatar.vue.d.ts +1 -1
- package/dist/types/components/button/button.vue.d.ts +2 -2
- package/dist/types/components/card/card.vue.d.ts +1 -1
- package/dist/types/components/chip/chip.vue.d.ts +1 -1
- package/dist/types/components/collapsible/collapsible.vue.d.ts +2 -2
- package/dist/types/components/combobox/combobox.vue.d.ts +1 -1
- package/dist/types/components/dropdown/dropdown.vue.d.ts +1 -1
- package/dist/types/components/emoji/emoji.vue.d.ts +1 -1
- package/dist/types/components/icon/icon.vue.d.ts +2 -22
- package/dist/types/components/icon/icon.vue.d.ts.map +1 -1
- package/dist/types/components/list_item_group/list_item_group.vue.d.ts +1 -1
- package/dist/types/components/modal/modal.vue.d.ts +2 -2
- package/dist/types/components/popover/popover_header_footer.vue.d.ts +1 -1
- package/dist/types/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.d.ts +2 -2
- package/dist/types/components/rich_text_editor/extensions/mentions/MentionComponent.vue.d.ts +2 -2
- package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts +91 -1
- package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
- package/dist/types/components/skeleton/skeleton-list-item.vue.d.ts +1 -1
- package/dist/types/components/skeleton/skeleton-paragraph.vue.d.ts +3 -3
- package/dist/types/components/skeleton/skeleton-shape.vue.d.ts +2 -2
- package/dist/types/components/skeleton/skeleton-text.vue.d.ts +2 -2
- package/dist/types/components/skeleton/skeleton.vue.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.vue.d.ts +2 -2
- package/dist/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts +1 -1
- package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -1
- package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +2 -2
- package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts +90 -0
- package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
- package/dist/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts +1 -1
- package/package.json +37 -35
- package/dist/chunks/_plugin-vue2_normalizer-u6G_3nkj.js +0 -33
- package/dist/chunks/_plugin-vue2_normalizer-u6G_3nkj.js.map +0 -1
- package/dist/chunks/dropdown_constants-EUcDxBrX.js +0 -9
- package/dist/chunks/dropdown_constants-EUcDxBrX.js.map +0 -1
- package/dist/chunks/index-YkSDT8-g.js +0 -244
- package/dist/chunks/index-YkSDT8-g.js.map +0 -1
- package/dist/chunks/index-nIyl_PL6.js +0 -372
- package/dist/chunks/keyboard_list_navigation-F0O8nht0.js +0 -197
- package/dist/chunks/link_constants-vIUB92L4.js +0 -16
- package/dist/chunks/list_item_constants-LTUc74pD.js +0 -13
- package/dist/chunks/modal-VuMFkZFH.js +0 -82
- package/dist/chunks/notice_action-9NmtQRai.js +0 -182
- package/dist/chunks/notice_constants-c--hBFQw.js +0 -6
- package/dist/chunks/popover_constants-qjlEkroB.js +0 -114
- package/dist/chunks/sr_only_close_button-JGole5Xi.js +0 -86
- package/dist/chunks/stack_constants-u7tNqGtc.js +0 -13
- package/dist/chunks/tab-Qm9LVkYj.js +0 -346
- package/dist/lib/dates.js +0 -57
- package/dist/lib/mixins.js +0 -17
- package/dist/lib/utils.js +0 -175
- package/dist/lib/validators.js +0 -12
- /package/dist/{lib → common}/mixins.js.map +0 -0
|
@@ -1,372 +0,0 @@
|
|
|
1
|
-
import { K as l } from "./keyboard_list_navigation-F0O8nht0.js";
|
|
2
|
-
import { getUniqueString as r } from "../lib/utils.js";
|
|
3
|
-
import { n } from "./_plugin-vue2_normalizer-u6G_3nkj.js";
|
|
4
|
-
import { DtListItem as o } from "../lib/list-item.js";
|
|
5
|
-
import { DtSkeleton as a } from "../lib/skeleton.js";
|
|
6
|
-
const d = {
|
|
7
|
-
name: "ComboboxLoadingList",
|
|
8
|
-
components: { DtListItem: o, DtSkeleton: a }
|
|
9
|
-
};
|
|
10
|
-
var h = function() {
|
|
11
|
-
var t = this, s = t._self._c;
|
|
12
|
-
return s("ol", { staticClass: "d-combobox__loading-list", attrs: { "aria-busy": "true" } }, t._l(7, function(e) {
|
|
13
|
-
return s("dt-list-item", { key: e, attrs: { role: "option", "navigation-type": "none" } }, [s("dt-skeleton", { attrs: { "text-option": { type: "body" }, offset: 0 } })], 1);
|
|
14
|
-
}), 1);
|
|
15
|
-
}, p = [], u = /* @__PURE__ */ n(
|
|
16
|
-
d,
|
|
17
|
-
h,
|
|
18
|
-
p,
|
|
19
|
-
!1,
|
|
20
|
-
null,
|
|
21
|
-
null,
|
|
22
|
-
null,
|
|
23
|
-
null
|
|
24
|
-
);
|
|
25
|
-
const m = u.exports, g = {
|
|
26
|
-
name: "ComboboxEmptyList",
|
|
27
|
-
components: { DtListItem: o },
|
|
28
|
-
props: {
|
|
29
|
-
/**
|
|
30
|
-
* Message to display when list is empty
|
|
31
|
-
*/
|
|
32
|
-
message: {
|
|
33
|
-
type: String,
|
|
34
|
-
required: !0
|
|
35
|
-
},
|
|
36
|
-
/**
|
|
37
|
-
* Additional class name for the empty list element.
|
|
38
|
-
* Can accept all of String, Object, and Array, i.e. has the
|
|
39
|
-
* same api as Vue's built-in handling of the class attribute.
|
|
40
|
-
*/
|
|
41
|
-
itemClass: {
|
|
42
|
-
type: [String, Object, Array],
|
|
43
|
-
default: ""
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
var f = function() {
|
|
48
|
-
var t = this, s = t._self._c;
|
|
49
|
-
return s("ol", { staticClass: "d-combobox__empty-list", attrs: { "data-qa": "dt-combobox-empty-list" } }, [t._t("default", function() {
|
|
50
|
-
return [s("dt-list-item", { class: ["dt-empty-list-item", t.itemClass], attrs: { role: "option", "navigation-type": "none", type: "custom" } }, [s("span", [t._v(t._s(t.message))])])];
|
|
51
|
-
})], 2);
|
|
52
|
-
}, c = [], y = /* @__PURE__ */ n(
|
|
53
|
-
g,
|
|
54
|
-
f,
|
|
55
|
-
c,
|
|
56
|
-
!1,
|
|
57
|
-
null,
|
|
58
|
-
null,
|
|
59
|
-
null,
|
|
60
|
-
null
|
|
61
|
-
);
|
|
62
|
-
const _ = y.exports, b = {
|
|
63
|
-
EXTRA_SMALL: "xs",
|
|
64
|
-
SMALL: "sm",
|
|
65
|
-
DEFAULT: "md",
|
|
66
|
-
LARGE: "lg",
|
|
67
|
-
EXTRA_LARGE: "xl"
|
|
68
|
-
}, L = {
|
|
69
|
-
name: "DtCombobox",
|
|
70
|
-
components: {
|
|
71
|
-
ComboboxLoadingList: m,
|
|
72
|
-
ComboboxEmptyList: _
|
|
73
|
-
},
|
|
74
|
-
mixins: [
|
|
75
|
-
l({
|
|
76
|
-
indexKey: "highlightIndex",
|
|
77
|
-
idKey: "highlightId",
|
|
78
|
-
listElementKey: "getListElement",
|
|
79
|
-
afterHighlightMethod: "afterHighlight",
|
|
80
|
-
beginningOfListMethod: "beginningOfListMethod",
|
|
81
|
-
endOfListMethod: "endOfListMethod",
|
|
82
|
-
activeItemKey: "activeItemEl"
|
|
83
|
-
})
|
|
84
|
-
],
|
|
85
|
-
props: {
|
|
86
|
-
/**
|
|
87
|
-
* String to use for the input label.
|
|
88
|
-
*/
|
|
89
|
-
label: {
|
|
90
|
-
type: String,
|
|
91
|
-
required: !0
|
|
92
|
-
},
|
|
93
|
-
/**
|
|
94
|
-
* Determines visibility of input label.
|
|
95
|
-
* @values true, false
|
|
96
|
-
*/
|
|
97
|
-
labelVisible: {
|
|
98
|
-
type: Boolean,
|
|
99
|
-
default: !0
|
|
100
|
-
},
|
|
101
|
-
/**
|
|
102
|
-
* Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`
|
|
103
|
-
* @values null, xs, sm, md, lg, xl
|
|
104
|
-
*/
|
|
105
|
-
size: {
|
|
106
|
-
type: String,
|
|
107
|
-
default: null,
|
|
108
|
-
validator: (i) => Object.values(b).includes(i)
|
|
109
|
-
},
|
|
110
|
-
/**
|
|
111
|
-
* Description for the input
|
|
112
|
-
*/
|
|
113
|
-
description: {
|
|
114
|
-
type: String,
|
|
115
|
-
default: ""
|
|
116
|
-
},
|
|
117
|
-
/**
|
|
118
|
-
* Sets an ID on the list element of the component. Used by several aria attributes
|
|
119
|
-
* as well as when deriving the IDs for each item.
|
|
120
|
-
*/
|
|
121
|
-
listId: {
|
|
122
|
-
type: String,
|
|
123
|
-
default() {
|
|
124
|
-
return r();
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
/**
|
|
128
|
-
* A method that will be called when the selection goes past the beginning of the list.
|
|
129
|
-
*/
|
|
130
|
-
onBeginningOfList: {
|
|
131
|
-
type: Function,
|
|
132
|
-
default: null
|
|
133
|
-
},
|
|
134
|
-
/**
|
|
135
|
-
* A method that will be called when the selection goes past the end of the list.
|
|
136
|
-
*/
|
|
137
|
-
onEndOfList: {
|
|
138
|
-
type: Function,
|
|
139
|
-
default: null
|
|
140
|
-
},
|
|
141
|
-
/**
|
|
142
|
-
* Determines when to show the list element and also controls the aria-expanded attribute.
|
|
143
|
-
* @values true, false
|
|
144
|
-
*/
|
|
145
|
-
showList: {
|
|
146
|
-
type: Boolean,
|
|
147
|
-
default: !1
|
|
148
|
-
},
|
|
149
|
-
/**
|
|
150
|
-
* If the list is rendered outside the component, like when using popover as the list wrapper.
|
|
151
|
-
* @values true, false
|
|
152
|
-
*/
|
|
153
|
-
listRenderedOutside: {
|
|
154
|
-
type: Boolean,
|
|
155
|
-
default: !1
|
|
156
|
-
},
|
|
157
|
-
/**
|
|
158
|
-
* Determines when to show the skeletons and also controls aria-busy attribute.
|
|
159
|
-
* @values true, false
|
|
160
|
-
*/
|
|
161
|
-
loading: {
|
|
162
|
-
type: Boolean,
|
|
163
|
-
default: !1
|
|
164
|
-
},
|
|
165
|
-
/**
|
|
166
|
-
* Sets the list to an empty state, and displays the message from prop `emptyStateMessage`.
|
|
167
|
-
* @values true, false
|
|
168
|
-
*/
|
|
169
|
-
emptyList: {
|
|
170
|
-
type: Boolean,
|
|
171
|
-
default: !1
|
|
172
|
-
},
|
|
173
|
-
/**
|
|
174
|
-
* Message to show when the list is empty
|
|
175
|
-
*/
|
|
176
|
-
emptyStateMessage: {
|
|
177
|
-
type: String,
|
|
178
|
-
default: ""
|
|
179
|
-
},
|
|
180
|
-
/**
|
|
181
|
-
* Additional class name for the empty list element.
|
|
182
|
-
* Can accept all of String, Object, and Array, i.e. has the
|
|
183
|
-
* same api as Vue's built-in handling of the class attribute.
|
|
184
|
-
*/
|
|
185
|
-
emptyStateClass: {
|
|
186
|
-
type: [String, Object, Array],
|
|
187
|
-
default: ""
|
|
188
|
-
},
|
|
189
|
-
/**
|
|
190
|
-
* Programmatically click on the active list item element when a selection
|
|
191
|
-
* comes from keyboard navigation, i.e. pressing the "Enter" key.
|
|
192
|
-
* @values true, false
|
|
193
|
-
*/
|
|
194
|
-
clickOnSelect: {
|
|
195
|
-
type: Boolean,
|
|
196
|
-
default: !1
|
|
197
|
-
}
|
|
198
|
-
},
|
|
199
|
-
emits: [
|
|
200
|
-
/**
|
|
201
|
-
* Event fired when item selected
|
|
202
|
-
*
|
|
203
|
-
* @event select
|
|
204
|
-
* @type {Number}
|
|
205
|
-
*/
|
|
206
|
-
"select",
|
|
207
|
-
/**
|
|
208
|
-
* Event fired when pressing escape
|
|
209
|
-
*
|
|
210
|
-
* @event escape
|
|
211
|
-
*/
|
|
212
|
-
"escape",
|
|
213
|
-
/**
|
|
214
|
-
* Event fired when the highlight changes
|
|
215
|
-
*
|
|
216
|
-
* @event highlight
|
|
217
|
-
* @type {Number}
|
|
218
|
-
*/
|
|
219
|
-
"highlight",
|
|
220
|
-
/**
|
|
221
|
-
* Event fired when list is shown or hidden
|
|
222
|
-
*
|
|
223
|
-
* @event opened
|
|
224
|
-
* @type {Boolean}
|
|
225
|
-
*/
|
|
226
|
-
"opened"
|
|
227
|
-
],
|
|
228
|
-
data() {
|
|
229
|
-
return {
|
|
230
|
-
// If the list is rendered at the root, rather than as a child
|
|
231
|
-
// of this component, this is the ref to that dom element. Set
|
|
232
|
-
// by the onOpen method.
|
|
233
|
-
outsideRenderedListRef: null
|
|
234
|
-
};
|
|
235
|
-
},
|
|
236
|
-
computed: {
|
|
237
|
-
inputProps() {
|
|
238
|
-
return {
|
|
239
|
-
label: this.label,
|
|
240
|
-
labelVisible: this.labelVisible,
|
|
241
|
-
size: this.size,
|
|
242
|
-
description: this.description,
|
|
243
|
-
role: "combobox",
|
|
244
|
-
"aria-label": this.label,
|
|
245
|
-
"aria-expanded": this.showList.toString(),
|
|
246
|
-
"aria-owns": this.listId,
|
|
247
|
-
"aria-haspopup": "listbox",
|
|
248
|
-
"aria-activedescendant": this.activeItemId,
|
|
249
|
-
"aria-controls": this.listId
|
|
250
|
-
};
|
|
251
|
-
},
|
|
252
|
-
listProps() {
|
|
253
|
-
return {
|
|
254
|
-
role: "listbox",
|
|
255
|
-
id: this.listId,
|
|
256
|
-
// The list has to be positioned relatively so that the auto-scroll can
|
|
257
|
-
// calculate the correct offset for the list items.
|
|
258
|
-
class: "d-ps-relative",
|
|
259
|
-
"aria-label": this.label
|
|
260
|
-
};
|
|
261
|
-
},
|
|
262
|
-
beginningOfListMethod() {
|
|
263
|
-
return this.onBeginningOfList || this.jumpToEnd;
|
|
264
|
-
},
|
|
265
|
-
endOfListMethod() {
|
|
266
|
-
return this.onEndOfList || this.jumpToBeginning;
|
|
267
|
-
},
|
|
268
|
-
activeItemId() {
|
|
269
|
-
if (!(!this.showList || this.highlightIndex < 0 || this.loading))
|
|
270
|
-
return this.highlightId;
|
|
271
|
-
},
|
|
272
|
-
activeItemEl() {
|
|
273
|
-
return this.highlightId ? this.getListElement().querySelector("#" + this.highlightId) : "";
|
|
274
|
-
}
|
|
275
|
-
},
|
|
276
|
-
watch: {
|
|
277
|
-
showList(i) {
|
|
278
|
-
this.listRenderedOutside || (this.setInitialHighlightIndex(), this.$emit("opened", i)), !i && this.outsideRenderedListRef && (this.outsideRenderedListRef.removeEventListener("mousemove", this.onMouseHighlight), this.outsideRenderedListRef = null);
|
|
279
|
-
},
|
|
280
|
-
loading(i) {
|
|
281
|
-
this.$nextTick(() => {
|
|
282
|
-
this.setInitialHighlightIndex();
|
|
283
|
-
});
|
|
284
|
-
},
|
|
285
|
-
$props: {
|
|
286
|
-
deep: !0,
|
|
287
|
-
immediate: !0,
|
|
288
|
-
handler() {
|
|
289
|
-
this.validateEmptyListProps();
|
|
290
|
-
}
|
|
291
|
-
}
|
|
292
|
-
},
|
|
293
|
-
created() {
|
|
294
|
-
this.validateEmptyListProps();
|
|
295
|
-
},
|
|
296
|
-
methods: {
|
|
297
|
-
onMouseHighlight(i) {
|
|
298
|
-
if (this.loading)
|
|
299
|
-
return;
|
|
300
|
-
const t = i.target.closest("li");
|
|
301
|
-
t && this.highlightId !== t.id && this.setHighlightId(t.id);
|
|
302
|
-
},
|
|
303
|
-
getListElement() {
|
|
304
|
-
var i;
|
|
305
|
-
return this.outsideRenderedListRef ?? ((i = this.$refs.listWrapper) == null ? void 0 : i.querySelector(`#${this.listId}`));
|
|
306
|
-
},
|
|
307
|
-
clearHighlightIndex() {
|
|
308
|
-
this.showList && this.setHighlightIndex(-1);
|
|
309
|
-
},
|
|
310
|
-
afterHighlight() {
|
|
311
|
-
this.loading || this.$emit("highlight", this.highlightIndex);
|
|
312
|
-
},
|
|
313
|
-
onEnterKey() {
|
|
314
|
-
var i;
|
|
315
|
-
this.loading || this.emptyList || this.highlightIndex >= 0 && (this.$emit("select", this.highlightIndex), this.clickOnSelect && ((i = this.activeItemEl) == null || i.click()));
|
|
316
|
-
},
|
|
317
|
-
onEscapeKey() {
|
|
318
|
-
this.$emit("escape");
|
|
319
|
-
},
|
|
320
|
-
onOpen(i, t) {
|
|
321
|
-
var s;
|
|
322
|
-
this.outsideRenderedListRef = t, (s = this.outsideRenderedListRef) == null || s.addEventListener("mousemove", this.onMouseHighlight), this.$emit("opened", i), i && this.setInitialHighlightIndex();
|
|
323
|
-
},
|
|
324
|
-
onKeyValidation(i, t) {
|
|
325
|
-
!this.showList || !this.getListElement() || this[t](i);
|
|
326
|
-
},
|
|
327
|
-
setInitialHighlightIndex() {
|
|
328
|
-
this.showList && this.$nextTick(() => {
|
|
329
|
-
this.setHighlightIndex(this.loading ? -1 : 0);
|
|
330
|
-
});
|
|
331
|
-
},
|
|
332
|
-
validateEmptyListProps() {
|
|
333
|
-
this.$slots.emptyListItem || (this.emptyList && !this.emptyStateMessage || !this.emptyList && this.emptyStateMessage) && console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
|
|
334
|
-
empty message.`);
|
|
335
|
-
}
|
|
336
|
-
}
|
|
337
|
-
};
|
|
338
|
-
var x = function() {
|
|
339
|
-
var t = this, s = t._self._c;
|
|
340
|
-
return s("div", { on: { keydown: [function(e) {
|
|
341
|
-
return !e.type.indexOf("key") && t._k(e.keyCode, "esc", 27, e.key, ["Esc", "Escape"]) ? null : (e.stopPropagation(), t.onKeyValidation(e, "onEscapeKey"));
|
|
342
|
-
}, function(e) {
|
|
343
|
-
return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") || e.ctrlKey || e.shiftKey || e.altKey || e.metaKey ? null : t.onKeyValidation(e, "onEnterKey");
|
|
344
|
-
}, function(e) {
|
|
345
|
-
return !e.type.indexOf("key") && t._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"]) ? null : (e.stopPropagation(), e.preventDefault(), t.onKeyValidation(e, "onUpKey"));
|
|
346
|
-
}, function(e) {
|
|
347
|
-
return !e.type.indexOf("key") && t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? null : (e.stopPropagation(), e.preventDefault(), t.onKeyValidation(e, "onDownKey"));
|
|
348
|
-
}, function(e) {
|
|
349
|
-
return !e.type.indexOf("key") && t._k(e.keyCode, "home", void 0, e.key, void 0) ? null : (e.stopPropagation(), e.preventDefault(), t.onKeyValidation(e, "onHomeKey"));
|
|
350
|
-
}, function(e) {
|
|
351
|
-
return !e.type.indexOf("key") && t._k(e.keyCode, "end", void 0, e.key, void 0) ? null : (e.stopPropagation(), e.preventDefault(), t.onKeyValidation(e, "onEndKey"));
|
|
352
|
-
}] } }, [s("div", { attrs: { "data-qa": "dt-combobox-input-wrapper" } }, [t._t("input", null, { inputProps: t.inputProps })], 2), t.showList ? s("div", { ref: "listWrapper", attrs: { "data-qa": "dt-combobox-list-wrapper" }, on: { mouseleave: t.clearHighlightIndex, focusout: t.clearHighlightIndex, "!mousemove": function(e) {
|
|
353
|
-
return t.onMouseHighlight.apply(null, arguments);
|
|
354
|
-
} } }, [t.loading && !t.listRenderedOutside ? s("combobox-loading-list", t._b({}, "combobox-loading-list", t.listProps, !1)) : t.emptyList && (t.emptyStateMessage || t.$slots.emptyListItem) && !t.listRenderedOutside ? s("combobox-empty-list", t._b({ attrs: { message: t.emptyStateMessage, "item-class": t.emptyStateClass } }, "combobox-empty-list", t.listProps, !1), [t._t("emptyListItem")], 2) : t._t("list", null, { listProps: t.listProps, opened: t.onOpen, clearHighlightIndex: t.clearHighlightIndex })], 2) : t._e()]);
|
|
355
|
-
}, I = [], E = /* @__PURE__ */ n(
|
|
356
|
-
L,
|
|
357
|
-
x,
|
|
358
|
-
I,
|
|
359
|
-
!1,
|
|
360
|
-
null,
|
|
361
|
-
null,
|
|
362
|
-
null,
|
|
363
|
-
null
|
|
364
|
-
);
|
|
365
|
-
const C = E.exports;
|
|
366
|
-
export {
|
|
367
|
-
m as C,
|
|
368
|
-
C as D,
|
|
369
|
-
b as L,
|
|
370
|
-
_ as a
|
|
371
|
-
};
|
|
372
|
-
//# sourceMappingURL=index-nIyl_PL6.js.map
|
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
const E = {
|
|
2
|
-
methods: {
|
|
3
|
-
/**
|
|
4
|
-
* Scroll an element into view if it is not fully visible in its nearest scrollable ancestor.
|
|
5
|
-
* @param {Element} ref
|
|
6
|
-
*/
|
|
7
|
-
scrollElementIntoViewIfNeeded(e, i, s, n) {
|
|
8
|
-
e.scrollIntoViewIfNeeded ? this.scrollIntoViewIfNeeded(e, i, s, n) : this.scrollIntoView(e, "bottom", !1, s, n);
|
|
9
|
-
},
|
|
10
|
-
/**
|
|
11
|
-
* Scroll an element to the top or bottom of its scroll ancestor.
|
|
12
|
-
* @param {Element} ref
|
|
13
|
-
*/
|
|
14
|
-
scrollElementIntoView(e, i, s, n) {
|
|
15
|
-
if (i === "center") {
|
|
16
|
-
this.scrollIntoView(e, "center", !1, s, n);
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
i === !1 ? this.scrollIntoView(e, "bottom", !1, s, n) : this.scrollIntoView(e, "top", !1, s, n);
|
|
20
|
-
},
|
|
21
|
-
scrollIntoViewIfNeeded(e, i, s, n) {
|
|
22
|
-
const r = i ? "center" : void 0;
|
|
23
|
-
this.scrollIntoView(e, r, !0, s, n);
|
|
24
|
-
},
|
|
25
|
-
scrollIntoView(e, i, s, n, r) {
|
|
26
|
-
if (!e || !e.parentElement)
|
|
27
|
-
return;
|
|
28
|
-
const l = e.offsetTop, h = r || e.parentElement, c = this._getScrollBounds(h), m = c.bottom - c.top, d = this._getElementHeight(e), g = l + d;
|
|
29
|
-
let t = -1;
|
|
30
|
-
switch (i) {
|
|
31
|
-
case "top":
|
|
32
|
-
t = l;
|
|
33
|
-
break;
|
|
34
|
-
case "center":
|
|
35
|
-
t = l + (d - m) / 2;
|
|
36
|
-
break;
|
|
37
|
-
case "bottom":
|
|
38
|
-
t = t = g - m;
|
|
39
|
-
break;
|
|
40
|
-
default:
|
|
41
|
-
l - c.top <= m / 2 ? t = l : t = g - m;
|
|
42
|
-
break;
|
|
43
|
-
}
|
|
44
|
-
this._setScrollTop(h, t, c, l, g, s, n);
|
|
45
|
-
},
|
|
46
|
-
_setScrollTop(e, i, s, n, r, l, h) {
|
|
47
|
-
s = s || this._getScrollBounds(e);
|
|
48
|
-
const c = s.bottom - s.top;
|
|
49
|
-
if (l && this._inScrollBounds(n, r, s))
|
|
50
|
-
if (n < s.top)
|
|
51
|
-
i = n;
|
|
52
|
-
else if (r > s.bottom)
|
|
53
|
-
i = r - c;
|
|
54
|
-
else
|
|
55
|
-
return;
|
|
56
|
-
h ? e.scrollTo({ top: i, behavior: h }) : e.scrollTop = i;
|
|
57
|
-
},
|
|
58
|
-
_getElementHeight(e) {
|
|
59
|
-
return e.getBoundingClientRect().height;
|
|
60
|
-
},
|
|
61
|
-
_getScrollBounds(e) {
|
|
62
|
-
const i = this._getElementHeight(e), s = e.scrollTop;
|
|
63
|
-
return {
|
|
64
|
-
top: s,
|
|
65
|
-
bottom: s + i
|
|
66
|
-
};
|
|
67
|
-
},
|
|
68
|
-
_inScrollBounds(e, i, s) {
|
|
69
|
-
const n = i - e;
|
|
70
|
-
return i <= s.bottom + 3 * n / 4 && e >= s.top - n / 4;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}, N = "listElementKey is required or the referenced element doesn't exist. Received listElement: ", w = ({
|
|
74
|
-
// Role of the list items in the component. This is used to identify the list items
|
|
75
|
-
// so you must update this if the role of your list items is anything other than 'option'
|
|
76
|
-
listItemRole: e = "option",
|
|
77
|
-
// Key of the data prop that will be added to the component.
|
|
78
|
-
indexKey: i = "highlightIndex",
|
|
79
|
-
idKey: s = "highlightId",
|
|
80
|
-
// Key of the method that references the list element.
|
|
81
|
-
listElementKey: n = "listRef",
|
|
82
|
-
// Optional, Key of the computed prop that references the currently active item element.
|
|
83
|
-
activeItemKey: r = "",
|
|
84
|
-
// Optional, name of the method that toggles the list visibility. Used for
|
|
85
|
-
// opening the list when up or down is pressed.
|
|
86
|
-
openMethod: l = null,
|
|
87
|
-
// Optional, method to call when the highlightIndex is changed.
|
|
88
|
-
afterHighlightMethod: h = null,
|
|
89
|
-
// Optional, method to call when the highlightIndex goes past the beginning of the list.
|
|
90
|
-
beginningOfListMethod: c = null,
|
|
91
|
-
// Optional, method to call when the highlightIndex goes past the end of the list.
|
|
92
|
-
endOfListMethod: m = null,
|
|
93
|
-
// Scroll the active element into view when highlighted by a keyboard event.
|
|
94
|
-
scrollToOnHighlight: d = !0,
|
|
95
|
-
// Focus the active element on keyboard navigation.
|
|
96
|
-
focusOnKeyboardNavigation: g = !1
|
|
97
|
-
} = {}) => ({
|
|
98
|
-
mixins: [E],
|
|
99
|
-
data() {
|
|
100
|
-
return {
|
|
101
|
-
[i]: -1,
|
|
102
|
-
[s]: "",
|
|
103
|
-
scrollToOnHighlight: d,
|
|
104
|
-
focusOnKeyboardNavigation: g
|
|
105
|
-
};
|
|
106
|
-
},
|
|
107
|
-
provide() {
|
|
108
|
-
return {
|
|
109
|
-
highlightId: () => this[s]
|
|
110
|
-
};
|
|
111
|
-
},
|
|
112
|
-
methods: {
|
|
113
|
-
// Returns the list element
|
|
114
|
-
// this[listElement]() can return a Vue component, in which case we need to target
|
|
115
|
-
// the $el property, or it can simply be an html element.
|
|
116
|
-
_getListElement() {
|
|
117
|
-
var t;
|
|
118
|
-
return ((t = this[n]()) == null ? void 0 : t.$el) || this[n]();
|
|
119
|
-
},
|
|
120
|
-
// Gets the length of all the items in the list, uses the listItemRole param to determine
|
|
121
|
-
// whether an element is a list item.
|
|
122
|
-
_itemsLength() {
|
|
123
|
-
const t = this._getListItemNodes();
|
|
124
|
-
return t === null ? 0 : t.length;
|
|
125
|
-
},
|
|
126
|
-
// Gets all the list item nodes within the list element
|
|
127
|
-
_getListItemNodes() {
|
|
128
|
-
const t = this._getListElement();
|
|
129
|
-
return t ? Array.from(t.querySelectorAll(`[role="${e}"], #sr-only-close-button`)) : (console.error(N, t), null);
|
|
130
|
-
},
|
|
131
|
-
onUpKey() {
|
|
132
|
-
l && this[l](!0), this[i] > 0 ? this.setHighlightIndex(this[i] - 1) : c && this[c](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
|
|
133
|
-
},
|
|
134
|
-
onDownKey() {
|
|
135
|
-
l && this[l](!0), this[i] < this._itemsLength() - 1 ? this.setHighlightIndex(this[i] + 1) : m && this[m](), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
|
|
136
|
-
},
|
|
137
|
-
onHomeKey() {
|
|
138
|
-
this.jumpToBeginning(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
|
|
139
|
-
},
|
|
140
|
-
onEndKey() {
|
|
141
|
-
this.jumpToEnd(), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
|
|
142
|
-
},
|
|
143
|
-
onNavigationKey(t) {
|
|
144
|
-
const o = this._getListItemNodes(), I = o.filter((f) => f.textContent.trim().toLowerCase().startsWith(t.toLowerCase()));
|
|
145
|
-
if (I.length <= 0)
|
|
146
|
-
return;
|
|
147
|
-
const u = I.findIndex((f) => this[i] === o.indexOf(f)), a = o.indexOf(
|
|
148
|
-
u < I.length - 1 ? I[u + 1] : I[0]
|
|
149
|
-
);
|
|
150
|
-
this.setHighlightIndex(a), this.scrollActiveItemIntoViewIfNeeded(), this.focusActiveItemIfNeeded();
|
|
151
|
-
},
|
|
152
|
-
isValidLetter(t) {
|
|
153
|
-
return t.length > 1 ? !1 : t >= "a" && t <= "z" || t >= "A" && t <= "Z";
|
|
154
|
-
},
|
|
155
|
-
jumpToBeginning() {
|
|
156
|
-
this.setHighlightIndex(0);
|
|
157
|
-
},
|
|
158
|
-
jumpToEnd() {
|
|
159
|
-
this.setHighlightIndex(this._itemsLength() - 1);
|
|
160
|
-
},
|
|
161
|
-
setHighlightIndex(t) {
|
|
162
|
-
this[i] = t, this[s] = this._getItemId(t), this._itemsLength() && h && this[h](t);
|
|
163
|
-
},
|
|
164
|
-
setHighlightId(t) {
|
|
165
|
-
this[s] = t, this[i] = this._getItemIndex(t), this._itemsLength() && h && this[h](this._getItemIndex(t));
|
|
166
|
-
},
|
|
167
|
-
_getItemIndex(t) {
|
|
168
|
-
const o = this._getListElement();
|
|
169
|
-
return o ? Array.from(o.querySelectorAll(`[role="${e}"], #sr-only-close-button`)).indexOf(o.querySelector(`#${t}`)) : void 0;
|
|
170
|
-
},
|
|
171
|
-
_getItemId(t) {
|
|
172
|
-
var I;
|
|
173
|
-
const o = this._getListElement();
|
|
174
|
-
if (o)
|
|
175
|
-
return (I = o.querySelectorAll(`[role="${e}"], #sr-only-close-button`)[t]) == null ? void 0 : I.id;
|
|
176
|
-
},
|
|
177
|
-
scrollActiveItemIntoViewIfNeeded() {
|
|
178
|
-
if (!this.scrollToOnHighlight)
|
|
179
|
-
return;
|
|
180
|
-
const t = this[r];
|
|
181
|
-
if (t) {
|
|
182
|
-
const o = this._getListElement();
|
|
183
|
-
this.scrollElementIntoViewIfNeeded(t, null, null, o);
|
|
184
|
-
}
|
|
185
|
-
},
|
|
186
|
-
focusActiveItemIfNeeded() {
|
|
187
|
-
if (!this.focusOnKeyboardNavigation)
|
|
188
|
-
return;
|
|
189
|
-
const t = this[r];
|
|
190
|
-
t && t.focus();
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
});
|
|
194
|
-
export {
|
|
195
|
-
w as K
|
|
196
|
-
};
|
|
197
|
-
//# sourceMappingURL=keyboard_list_navigation-F0O8nht0.js.map
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const n = "danger", s = "warning", e = "success", t = "muted", d = "inverted", i = "mention", c = ["", n, s, e, t, d, i], a = {
|
|
2
|
-
default: "",
|
|
3
|
-
warning: "d-link--warning",
|
|
4
|
-
danger: "d-link--danger",
|
|
5
|
-
success: "d-link--success",
|
|
6
|
-
muted: "d-link--muted",
|
|
7
|
-
inverted: "d-link--inverted",
|
|
8
|
-
mention: "d-link--mention"
|
|
9
|
-
};
|
|
10
|
-
export {
|
|
11
|
-
d as I,
|
|
12
|
-
c as L,
|
|
13
|
-
t as M,
|
|
14
|
-
a
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=link_constants-vIUB92L4.js.map
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
const o = ':not(:disabled):not([aria-disabled="true"]):not([role="presentation"])', r = `${o}:not([tabindex="-1"])`, a = "button,[href],input,select,textarea,details,[tabindex]", c = {
|
|
2
|
-
methods: {
|
|
3
|
-
/**
|
|
4
|
-
* get the first focusable element in your component, includes tabindex="-1".
|
|
5
|
-
* @param {object} el - optional - ref of dom element to trap focus on.
|
|
6
|
-
* will default to the root node of the vue component
|
|
7
|
-
*/
|
|
8
|
-
async getFirstFocusableElement(e) {
|
|
9
|
-
await this.$nextTick();
|
|
10
|
-
const t = this._getFocusableElements(e, !0);
|
|
11
|
-
return this._getFirstFocusElement(t);
|
|
12
|
-
},
|
|
13
|
-
/**
|
|
14
|
-
* set focus to the first focusable element in your component, includes tabindex="-1".
|
|
15
|
-
* @param {object} el - optional - ref of dom element to trap focus on.
|
|
16
|
-
* will default to the root node of the vue component
|
|
17
|
-
*/
|
|
18
|
-
async focusFirstElement(e = this.$el) {
|
|
19
|
-
const t = await this.getFirstFocusableElement(e);
|
|
20
|
-
t == null || t.focus({ preventScroll: !0 });
|
|
21
|
-
},
|
|
22
|
-
async focusElementById(e) {
|
|
23
|
-
var s;
|
|
24
|
-
await this.$nextTick();
|
|
25
|
-
const t = (s = this.$el) == null ? void 0 : s.querySelector(e);
|
|
26
|
-
if (t) {
|
|
27
|
-
t.focus();
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
console.warn('Could not find the element specified in dt-modal prop "initialFocusElement". Defaulting to focusing the first element.'), await this.focusFirstElement();
|
|
31
|
-
},
|
|
32
|
-
/**
|
|
33
|
-
* internal use only.
|
|
34
|
-
*
|
|
35
|
-
* @param focusableElements - list of focusable elements
|
|
36
|
-
* @returns {*} - first DOM element that is focusable.
|
|
37
|
-
* @private
|
|
38
|
-
*/
|
|
39
|
-
_getFirstFocusElement(e) {
|
|
40
|
-
if (!e.length)
|
|
41
|
-
return;
|
|
42
|
-
let t = e[0];
|
|
43
|
-
return t.matches('[type="radio"]:not(:checked)') && (t = e.find((s) => s.checked && s.name === t.name) || t), t;
|
|
44
|
-
},
|
|
45
|
-
/**
|
|
46
|
-
* internal use only.
|
|
47
|
-
*
|
|
48
|
-
* gets all the focusable elements within the component
|
|
49
|
-
* and sets the first and last of those elements.
|
|
50
|
-
*
|
|
51
|
-
* @param {object} el - the root dom element to find focusable elements in.
|
|
52
|
-
* @param {bool} includeNegativeTabIndex - will include tabindex="-1" in the list of focusable elements.
|
|
53
|
-
*/
|
|
54
|
-
_getFocusableElements(e = this.$el, t = !1) {
|
|
55
|
-
return e ? [...e.querySelectorAll(a)].filter((n) => {
|
|
56
|
-
const i = window.getComputedStyle(n);
|
|
57
|
-
return i.getPropertyValue("display") !== "none" && i.getPropertyValue("visibility") !== "hidden" && n.matches(t ? o : r);
|
|
58
|
-
}) : [];
|
|
59
|
-
},
|
|
60
|
-
/**
|
|
61
|
-
* tabs to the next element contained within your component, does not include tabindex="-1".
|
|
62
|
-
* @param {object} e - keypress event
|
|
63
|
-
* @param {object} el - optional - ref of dom element to trap focus on.
|
|
64
|
-
* will default to the root node of the vue component
|
|
65
|
-
*/
|
|
66
|
-
focusTrappedTabPress(e, t) {
|
|
67
|
-
if (!(e.key === "Tab"))
|
|
68
|
-
return;
|
|
69
|
-
const n = this._getFocusableElements(t);
|
|
70
|
-
if (!n.length) {
|
|
71
|
-
e.preventDefault();
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
const i = this._getFirstFocusElement(n), l = n[n.length - 1];
|
|
75
|
-
e.shiftKey ? document.activeElement === i && (l.focus(), e.preventDefault()) : document.activeElement === l && (i.focus(), e.preventDefault());
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
export {
|
|
80
|
-
c as M
|
|
81
|
-
};
|
|
82
|
-
//# sourceMappingURL=modal-VuMFkZFH.js.map
|