@dialpad/dialtone-vue 3.146.0 → 3.147.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.
- package/dist/chunks/{dropdown-6HXkh24e.js → dropdown-oA-_Gotg.js} +45 -40
- package/dist/chunks/{dropdown-6HXkh24e.js.map → dropdown-oA-_Gotg.js.map} +1 -1
- package/dist/chunks/{dropdown-QNvAb160.js → dropdown-p-Azgwov.js} +45 -40
- package/dist/chunks/{dropdown-QNvAb160.js.map → dropdown-p-Azgwov.js.map} +1 -1
- package/dist/chunks/dropdown_constants-2pGCXy7m.js.map +1 -1
- package/dist/chunks/dropdown_constants-w1MXGC3Z.js.map +1 -1
- package/dist/chunks/{icon_constants-gIQj4mf7.js → icon_constants-Dy4MEUJL.js} +2 -3
- package/dist/chunks/icon_constants-Dy4MEUJL.js.map +1 -0
- package/dist/chunks/{icon_constants-bvhFNOPu.js → icon_constants-QYpmdE0R.js} +2 -3
- package/dist/chunks/icon_constants-QYpmdE0R.js.map +1 -0
- package/dist/chunks/{index-ouh7Bvm-.js → index-4qgKeErp.js} +84 -71
- package/dist/chunks/{index-T15rAIdX.js.map → index-4qgKeErp.js.map} +1 -1
- package/dist/chunks/{index-dfdrE-3M.js → index-GVD15GIB.js} +12 -3
- package/dist/chunks/{index-dfdrE-3M.js.map → index-GVD15GIB.js.map} +1 -1
- package/dist/chunks/{index-T15rAIdX.js → index-b_MgDylR.js} +84 -71
- package/dist/chunks/{index-ouh7Bvm-.js.map → index-b_MgDylR.js.map} +1 -1
- package/dist/chunks/{index-fEp0B-5Z.js → index-lu2o2f4r.js} +12 -3
- package/dist/chunks/{index-fEp0B-5Z.js.map → index-lu2o2f4r.js.map} +1 -1
- package/dist/chunks/{input-HIysg24t.js → input-NmYDD5bn.js} +9 -3
- package/dist/chunks/{input-HIysg24t.js.map → input-NmYDD5bn.js.map} +1 -1
- package/dist/chunks/{input-dLLo3Wtg.js → input-ttnte8zB.js} +9 -3
- package/dist/chunks/{input-dLLo3Wtg.js.map → input-ttnte8zB.js.map} +1 -1
- package/dist/chunks/{input_group-rE6nhye8.js → input_group-M-D25pOJ.js} +2 -4
- package/dist/chunks/{input_group-hV1WT2it.js.map → input_group-M-D25pOJ.js.map} +1 -1
- package/dist/chunks/{input_group-hV1WT2it.js → input_group-jWnq2DJT.js} +2 -4
- package/dist/chunks/{input_group-rE6nhye8.js.map → input_group-jWnq2DJT.js.map} +1 -1
- package/dist/chunks/{keyboard_list_navigation-YIqTuw1W.js → keyboard_list_navigation-ScXhrxya.js} +5 -6
- package/dist/chunks/{keyboard_list_navigation-x3D6RcC7.js.map → keyboard_list_navigation-ScXhrxya.js.map} +1 -1
- package/dist/chunks/{keyboard_list_navigation-x3D6RcC7.js → keyboard_list_navigation-fJnl_Iox.js} +5 -6
- package/dist/chunks/{keyboard_list_navigation-YIqTuw1W.js.map → keyboard_list_navigation-fJnl_Iox.js.map} +1 -1
- package/dist/chunks/link_constants-AfTWrr-n.js.map +1 -1
- package/dist/chunks/link_constants-x8NwdqmA.js.map +1 -1
- package/dist/chunks/list_item_constants-EiqkqZvP.js.map +1 -1
- package/dist/chunks/list_item_constants-u1xcN9Dd.js.map +1 -1
- package/dist/chunks/{modal-OaWxzqNt.js → modal-VgxXAQFP.js} +2 -4
- package/dist/chunks/{modal-OaWxzqNt.js.map → modal-VgxXAQFP.js.map} +1 -1
- package/dist/chunks/{modal-8X6poIZW.js → modal-XOr4kiNZ.js} +2 -4
- package/dist/chunks/{modal-8X6poIZW.js.map → modal-XOr4kiNZ.js.map} +1 -1
- package/dist/chunks/{notice_action-3ed0uIMN.js → notice_action-WTucGhvr.js} +61 -40
- package/dist/chunks/{notice_action-e08Lw5W6.js.map → notice_action-WTucGhvr.js.map} +1 -1
- package/dist/chunks/{notice_action-e08Lw5W6.js → notice_action-p-ePanW_.js} +61 -40
- package/dist/chunks/{notice_action-3ed0uIMN.js.map → notice_action-p-ePanW_.js.map} +1 -1
- package/dist/chunks/notice_constants-7Qt2CQEY.js.map +1 -1
- package/dist/chunks/notice_constants-UXo9e3bS.js.map +1 -1
- package/dist/chunks/{popover_constants-6YkPPbnk.js → popover_constants-WsOUIY-m.js} +47 -26
- package/dist/chunks/{popover_constants-6YkPPbnk.js.map → popover_constants-WsOUIY-m.js.map} +1 -1
- package/dist/chunks/{popover_constants-h9MD6WUt.js → popover_constants-XnGWXaxX.js} +47 -26
- package/dist/chunks/{popover_constants-h9MD6WUt.js.map → popover_constants-XnGWXaxX.js.map} +1 -1
- package/dist/chunks/{sr_only_close_button-Ji3Zlts6.js → sr_only_close_button-3EdsV-dH.js} +4 -4
- package/dist/chunks/{sr_only_close_button-Ji3Zlts6.js.map → sr_only_close_button-3EdsV-dH.js.map} +1 -1
- package/dist/chunks/{sr_only_close_button-gKr0Vlbz.js → sr_only_close_button-xGrHFjwA.js} +4 -4
- package/dist/chunks/{sr_only_close_button-gKr0Vlbz.js.map → sr_only_close_button-xGrHFjwA.js.map} +1 -1
- package/dist/chunks/stack_constants-HraCekPm.js.map +1 -1
- package/dist/chunks/stack_constants-SMzMWnAQ.js.map +1 -1
- package/dist/chunks/{tab-aD6t0MNo.js → tab-RTDgnD9-.js} +49 -46
- package/dist/chunks/{tab-aD6t0MNo.js.map → tab-RTDgnD9-.js.map} +1 -1
- package/dist/chunks/{tab-X7IvNGTl.js → tab-qc3f42Yp.js} +49 -46
- package/dist/chunks/{tab-X7IvNGTl.js.map → tab-qc3f42Yp.js.map} +1 -1
- package/dist/common/constants.cjs.map +1 -1
- package/dist/common/constants.js.map +1 -1
- package/dist/common/dates.cjs +1 -3
- package/dist/common/dates.cjs.map +1 -1
- package/dist/common/dates.js +1 -3
- package/dist/common/dates.js.map +1 -1
- package/dist/common/emoji.cjs +1 -1
- package/dist/common/emoji.js +1 -1
- package/dist/common/mixins.cjs +3 -3
- package/dist/common/mixins.js +3 -3
- package/dist/common/utils.cjs +45 -11
- package/dist/common/utils.cjs.map +1 -1
- package/dist/common/utils.js +45 -11
- package/dist/common/utils.js.map +1 -1
- package/dist/common/validators.cjs.map +1 -1
- package/dist/common/validators.js.map +1 -1
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.cjs +12 -12
- package/dist/dialtone-vue.js +12 -12
- package/dist/lib/attachment-carousel.cjs +108 -87
- package/dist/lib/attachment-carousel.cjs.map +1 -1
- package/dist/lib/attachment-carousel.js +108 -87
- package/dist/lib/attachment-carousel.js.map +1 -1
- package/dist/lib/avatar.cjs +88 -56
- package/dist/lib/avatar.cjs.map +1 -1
- package/dist/lib/avatar.js +88 -56
- package/dist/lib/avatar.js.map +1 -1
- package/dist/lib/badge.cjs +31 -15
- package/dist/lib/badge.cjs.map +1 -1
- package/dist/lib/badge.js +31 -15
- package/dist/lib/badge.js.map +1 -1
- package/dist/lib/banner.cjs +56 -38
- package/dist/lib/banner.cjs.map +1 -1
- package/dist/lib/banner.js +56 -38
- package/dist/lib/banner.js.map +1 -1
- package/dist/lib/breadcrumbs.cjs +36 -25
- package/dist/lib/breadcrumbs.cjs.map +1 -1
- package/dist/lib/breadcrumbs.js +36 -25
- package/dist/lib/breadcrumbs.js.map +1 -1
- package/dist/lib/button-group.cjs +7 -2
- package/dist/lib/button-group.cjs.map +1 -1
- package/dist/lib/button-group.js +7 -2
- package/dist/lib/button-group.js.map +1 -1
- package/dist/lib/button.cjs +69 -44
- package/dist/lib/button.cjs.map +1 -1
- package/dist/lib/button.js +69 -44
- package/dist/lib/button.js.map +1 -1
- package/dist/lib/callbar-button-with-popover.cjs +81 -68
- package/dist/lib/callbar-button-with-popover.cjs.map +1 -1
- package/dist/lib/callbar-button-with-popover.js +81 -68
- package/dist/lib/callbar-button-with-popover.js.map +1 -1
- package/dist/lib/callbar-button.cjs +45 -32
- package/dist/lib/callbar-button.cjs.map +1 -1
- package/dist/lib/callbar-button.js +45 -32
- package/dist/lib/callbar-button.js.map +1 -1
- package/dist/lib/callbox.cjs +57 -38
- package/dist/lib/callbox.cjs.map +1 -1
- package/dist/lib/callbox.js +57 -38
- package/dist/lib/callbox.js.map +1 -1
- package/dist/lib/card.cjs +33 -13
- package/dist/lib/card.cjs.map +1 -1
- package/dist/lib/card.js +33 -13
- package/dist/lib/card.js.map +1 -1
- package/dist/lib/checkbox-group.cjs +5 -2
- package/dist/lib/checkbox-group.cjs.map +1 -1
- package/dist/lib/checkbox-group.js +5 -2
- package/dist/lib/checkbox-group.js.map +1 -1
- package/dist/lib/checkbox.cjs +45 -41
- package/dist/lib/checkbox.cjs.map +1 -1
- package/dist/lib/checkbox.js +45 -41
- package/dist/lib/checkbox.js.map +1 -1
- package/dist/lib/chip.cjs +53 -38
- package/dist/lib/chip.cjs.map +1 -1
- package/dist/lib/chip.js +53 -38
- package/dist/lib/chip.js.map +1 -1
- package/dist/lib/codeblock.cjs +6 -4
- package/dist/lib/codeblock.cjs.map +1 -1
- package/dist/lib/codeblock.js +6 -4
- package/dist/lib/codeblock.js.map +1 -1
- package/dist/lib/collapsible.cjs +76 -62
- package/dist/lib/collapsible.cjs.map +1 -1
- package/dist/lib/collapsible.js +76 -62
- package/dist/lib/collapsible.js.map +1 -1
- package/dist/lib/combobox-multi-select.cjs +88 -75
- package/dist/lib/combobox-multi-select.cjs.map +1 -1
- package/dist/lib/combobox-multi-select.js +88 -75
- package/dist/lib/combobox-multi-select.js.map +1 -1
- package/dist/lib/combobox-with-popover.cjs +85 -77
- package/dist/lib/combobox-with-popover.cjs.map +1 -1
- package/dist/lib/combobox-with-popover.js +85 -77
- package/dist/lib/combobox-with-popover.js.map +1 -1
- package/dist/lib/combobox.cjs +3 -3
- package/dist/lib/combobox.js +3 -3
- package/dist/lib/contact-centers-row.cjs +89 -65
- package/dist/lib/contact-centers-row.cjs.map +1 -1
- package/dist/lib/contact-centers-row.js +89 -65
- package/dist/lib/contact-centers-row.js.map +1 -1
- package/dist/lib/contact-info.cjs +82 -59
- package/dist/lib/contact-info.cjs.map +1 -1
- package/dist/lib/contact-info.js +82 -59
- package/dist/lib/contact-info.js.map +1 -1
- package/dist/lib/contact-row.cjs +47 -37
- package/dist/lib/contact-row.cjs.map +1 -1
- package/dist/lib/contact-row.js +47 -37
- package/dist/lib/contact-row.js.map +1 -1
- package/dist/lib/datepicker.cjs +263 -267
- package/dist/lib/datepicker.cjs.map +1 -1
- package/dist/lib/datepicker.js +263 -267
- package/dist/lib/datepicker.js.map +1 -1
- package/dist/lib/description-list.cjs +14 -9
- package/dist/lib/description-list.cjs.map +1 -1
- package/dist/lib/description-list.js +14 -9
- package/dist/lib/description-list.js.map +1 -1
- package/dist/lib/dropdown.cjs +6 -6
- package/dist/lib/dropdown.cjs.map +1 -1
- package/dist/lib/dropdown.js +6 -6
- package/dist/lib/dropdown.js.map +1 -1
- package/dist/lib/editor.cjs +249 -312
- package/dist/lib/editor.cjs.map +1 -1
- package/dist/lib/editor.js +249 -312
- package/dist/lib/editor.js.map +1 -1
- package/dist/lib/emoji-picker.cjs +419 -387
- package/dist/lib/emoji-picker.cjs.map +1 -1
- package/dist/lib/emoji-picker.js +419 -387
- package/dist/lib/emoji-picker.js.map +1 -1
- package/dist/lib/emoji-row.cjs +69 -59
- package/dist/lib/emoji-row.cjs.map +1 -1
- package/dist/lib/emoji-row.js +69 -59
- package/dist/lib/emoji-row.js.map +1 -1
- package/dist/lib/emoji-text-wrapper.cjs +12 -13
- package/dist/lib/emoji-text-wrapper.cjs.map +1 -1
- package/dist/lib/emoji-text-wrapper.js +12 -13
- package/dist/lib/emoji-text-wrapper.js.map +1 -1
- package/dist/lib/emoji.cjs +23 -19
- package/dist/lib/emoji.cjs.map +1 -1
- package/dist/lib/emoji.js +23 -19
- package/dist/lib/emoji.js.map +1 -1
- package/dist/lib/empty-state.cjs +30 -20
- package/dist/lib/empty-state.cjs.map +1 -1
- package/dist/lib/empty-state.js +30 -20
- package/dist/lib/empty-state.js.map +1 -1
- package/dist/lib/feed-item-row.cjs +74 -43
- package/dist/lib/feed-item-row.cjs.map +1 -1
- package/dist/lib/feed-item-row.js +74 -43
- package/dist/lib/feed-item-row.js.map +1 -1
- package/dist/lib/feed-pill.cjs +55 -45
- package/dist/lib/feed-pill.cjs.map +1 -1
- package/dist/lib/feed-pill.js +55 -45
- package/dist/lib/feed-pill.js.map +1 -1
- package/dist/lib/general-row.cjs +165 -115
- package/dist/lib/general-row.cjs.map +1 -1
- package/dist/lib/general-row.js +165 -115
- package/dist/lib/general-row.js.map +1 -1
- package/dist/lib/group-row.cjs +9 -7
- package/dist/lib/group-row.cjs.map +1 -1
- package/dist/lib/group-row.js +9 -7
- package/dist/lib/group-row.js.map +1 -1
- package/dist/lib/grouped-chip.cjs +48 -27
- package/dist/lib/grouped-chip.cjs.map +1 -1
- package/dist/lib/grouped-chip.js +48 -27
- package/dist/lib/grouped-chip.js.map +1 -1
- package/dist/lib/hovercard.cjs +33 -25
- package/dist/lib/hovercard.cjs.map +1 -1
- package/dist/lib/hovercard.js +33 -25
- package/dist/lib/hovercard.js.map +1 -1
- package/dist/lib/icon.cjs +1 -1
- package/dist/lib/icon.cjs.map +1 -1
- package/dist/lib/icon.js +1 -1
- package/dist/lib/icon.js.map +1 -1
- package/dist/lib/illustration.cjs +1 -2
- package/dist/lib/illustration.cjs.map +1 -1
- package/dist/lib/illustration.js +1 -2
- package/dist/lib/illustration.js.map +1 -1
- package/dist/lib/image-viewer.cjs +66 -52
- package/dist/lib/image-viewer.cjs.map +1 -1
- package/dist/lib/image-viewer.js +66 -52
- package/dist/lib/image-viewer.js.map +1 -1
- package/dist/lib/input-group.cjs +19 -15
- package/dist/lib/input-group.cjs.map +1 -1
- package/dist/lib/input-group.js +19 -15
- package/dist/lib/input-group.js.map +1 -1
- package/dist/lib/input.cjs +114 -77
- package/dist/lib/input.cjs.map +1 -1
- package/dist/lib/input.js +114 -77
- package/dist/lib/input.js.map +1 -1
- package/dist/lib/item-layout.cjs +27 -10
- package/dist/lib/item-layout.cjs.map +1 -1
- package/dist/lib/item-layout.js +27 -10
- package/dist/lib/item-layout.js.map +1 -1
- package/dist/lib/ivr-node.cjs +89 -80
- package/dist/lib/ivr-node.cjs.map +1 -1
- package/dist/lib/ivr-node.js +89 -80
- package/dist/lib/ivr-node.js.map +1 -1
- package/dist/lib/keyboard-shortcut.cjs +31 -26
- package/dist/lib/keyboard-shortcut.cjs.map +1 -1
- package/dist/lib/keyboard-shortcut.js +31 -26
- package/dist/lib/keyboard-shortcut.js.map +1 -1
- package/dist/lib/lazy-show.cjs +8 -6
- package/dist/lib/lazy-show.cjs.map +1 -1
- package/dist/lib/lazy-show.js +8 -6
- package/dist/lib/lazy-show.js.map +1 -1
- package/dist/lib/link.cjs +7 -2
- package/dist/lib/link.cjs.map +1 -1
- package/dist/lib/link.js +7 -2
- package/dist/lib/link.js.map +1 -1
- package/dist/lib/list-item-group.cjs +14 -7
- package/dist/lib/list-item-group.cjs.map +1 -1
- package/dist/lib/list-item-group.js +14 -7
- package/dist/lib/list-item-group.js.map +1 -1
- package/dist/lib/list-item.cjs +25 -24
- package/dist/lib/list-item.cjs.map +1 -1
- package/dist/lib/list-item.js +25 -24
- package/dist/lib/list-item.js.map +1 -1
- package/dist/lib/message-input.cjs +264 -227
- package/dist/lib/message-input.cjs.map +1 -1
- package/dist/lib/message-input.js +264 -227
- package/dist/lib/message-input.js.map +1 -1
- package/dist/lib/modal.cjs +99 -59
- package/dist/lib/modal.cjs.map +1 -1
- package/dist/lib/modal.js +99 -59
- package/dist/lib/modal.js.map +1 -1
- package/dist/lib/notice.cjs +46 -33
- package/dist/lib/notice.cjs.map +1 -1
- package/dist/lib/notice.js +46 -33
- package/dist/lib/notice.js.map +1 -1
- package/dist/lib/pagination.cjs +61 -49
- package/dist/lib/pagination.cjs.map +1 -1
- package/dist/lib/pagination.js +61 -49
- package/dist/lib/pagination.js.map +1 -1
- package/dist/lib/popover.cjs +156 -133
- package/dist/lib/popover.cjs.map +1 -1
- package/dist/lib/popover.js +157 -134
- package/dist/lib/popover.js.map +1 -1
- package/dist/lib/presence.cjs +17 -9
- package/dist/lib/presence.cjs.map +1 -1
- package/dist/lib/presence.js +17 -9
- package/dist/lib/presence.js.map +1 -1
- package/dist/lib/radio-group.cjs +1 -1
- package/dist/lib/radio-group.cjs.map +1 -1
- package/dist/lib/radio-group.js +1 -1
- package/dist/lib/radio-group.js.map +1 -1
- package/dist/lib/radio.cjs +41 -34
- package/dist/lib/radio.cjs.map +1 -1
- package/dist/lib/radio.js +41 -34
- package/dist/lib/radio.js.map +1 -1
- package/dist/lib/rich-text-editor.cjs +288 -292
- package/dist/lib/rich-text-editor.cjs.map +1 -1
- package/dist/lib/rich-text-editor.js +288 -292
- package/dist/lib/rich-text-editor.js.map +1 -1
- package/dist/lib/root-layout.cjs +39 -24
- package/dist/lib/root-layout.cjs.map +1 -1
- package/dist/lib/root-layout.js +39 -24
- package/dist/lib/root-layout.js.map +1 -1
- package/dist/lib/scrollbar-directive.cjs +422 -388
- package/dist/lib/scrollbar-directive.cjs.map +1 -1
- package/dist/lib/scrollbar-directive.js +422 -388
- package/dist/lib/scrollbar-directive.js.map +1 -1
- package/dist/lib/scroller.cjs +83 -100
- package/dist/lib/scroller.cjs.map +1 -1
- package/dist/lib/scroller.js +83 -100
- package/dist/lib/scroller.js.map +1 -1
- package/dist/lib/select-menu.cjs +67 -40
- package/dist/lib/select-menu.cjs.map +1 -1
- package/dist/lib/select-menu.js +67 -40
- package/dist/lib/select-menu.js.map +1 -1
- package/dist/lib/settings-menu-button.cjs +16 -10
- package/dist/lib/settings-menu-button.cjs.map +1 -1
- package/dist/lib/settings-menu-button.js +16 -10
- package/dist/lib/settings-menu-button.js.map +1 -1
- package/dist/lib/skeleton.cjs +93 -74
- package/dist/lib/skeleton.cjs.map +1 -1
- package/dist/lib/skeleton.js +93 -74
- package/dist/lib/skeleton.js.map +1 -1
- package/dist/lib/split-button.cjs +74 -68
- package/dist/lib/split-button.cjs.map +1 -1
- package/dist/lib/split-button.js +74 -68
- package/dist/lib/split-button.js.map +1 -1
- package/dist/lib/stack.cjs +26 -18
- package/dist/lib/stack.cjs.map +1 -1
- package/dist/lib/stack.js +26 -18
- package/dist/lib/stack.js.map +1 -1
- package/dist/lib/tabs.cjs +7 -3
- package/dist/lib/tabs.cjs.map +1 -1
- package/dist/lib/tabs.js +7 -3
- package/dist/lib/tabs.js.map +1 -1
- package/dist/lib/time-pill.cjs.map +1 -1
- package/dist/lib/time-pill.js.map +1 -1
- package/dist/lib/toast.cjs +51 -35
- package/dist/lib/toast.cjs.map +1 -1
- package/dist/lib/toast.js +51 -35
- package/dist/lib/toast.js.map +1 -1
- package/dist/lib/toggle.cjs +34 -24
- package/dist/lib/toggle.cjs.map +1 -1
- package/dist/lib/toggle.js +34 -24
- package/dist/lib/toggle.js.map +1 -1
- package/dist/lib/tooltip-directive.cjs +19 -26
- package/dist/lib/tooltip-directive.cjs.map +1 -1
- package/dist/lib/tooltip-directive.js +19 -26
- package/dist/lib/tooltip-directive.js.map +1 -1
- package/dist/lib/tooltip.cjs +32 -21
- package/dist/lib/tooltip.cjs.map +1 -1
- package/dist/lib/tooltip.js +33 -22
- package/dist/lib/tooltip.js.map +1 -1
- package/dist/lib/top-banner-info.cjs +23 -8
- package/dist/lib/top-banner-info.cjs.map +1 -1
- package/dist/lib/top-banner-info.js +23 -8
- package/dist/lib/top-banner-info.js.map +1 -1
- package/dist/lib/unread-pill.cjs +11 -8
- package/dist/lib/unread-pill.cjs.map +1 -1
- package/dist/lib/unread-pill.js +11 -8
- package/dist/lib/unread-pill.js.map +1 -1
- package/dist/lib/validation-messages.cjs +17 -14
- package/dist/lib/validation-messages.cjs.map +1 -1
- package/dist/lib/validation-messages.js +17 -14
- package/dist/lib/validation-messages.js.map +1 -1
- package/dist/style.css +9 -9
- package/dist/types/components/button/button.vue.d.ts +1 -1
- package/dist/types/components/chip/chip.vue.d.ts +1 -1
- package/dist/types/components/combobox/combobox.vue.d.ts +1 -1
- package/dist/types/components/datepicker/modules/month-year-picker.vue.d.ts +1 -1
- package/dist/types/components/icon/icon.vue.d.ts +2 -2
- package/dist/types/components/icon/icon_constants.d.ts +1 -1
- package/dist/types/components/icon/icon_constants.d.ts.map +1 -1
- package/dist/types/components/illustration/illustration_constants.d.ts +1 -1
- package/dist/types/components/illustration/illustration_constants.d.ts.map +1 -1
- package/dist/types/components/input/input.vue.d.ts +3 -2
- package/dist/types/components/input/input.vue.d.ts.map +1 -1
- package/dist/types/components/modal/modal.vue.d.ts +1 -1
- package/dist/types/components/notice/notice.vue.d.ts +1 -1
- package/dist/types/components/radio/radio.vue.d.ts +1 -1
- package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -1
- package/dist/types/components/scroller/modules/scroller_item.vue.d.ts +1 -1
- package/dist/types/components/split_button/split_button-alpha.vue.d.ts +1 -1
- package/dist/types/components/tabs/tab.vue.d.ts +1 -1
- package/dist/types/components/toast/toast.vue.d.ts +2 -2
- package/dist/types/components/tooltip/tooltip.vue.d.ts +1 -1
- package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts +1 -1
- package/dist/types/recipes/conversation_view/editor/editor.vue.d.ts +1 -1
- package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +1 -1
- package/dist/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +15 -0
- package/dist/types/recipes/item_layout/contact_info/contact_info.vue.d.ts.map +1 -1
- package/package.json +2 -4
- package/dist/chunks/icon_constants-bvhFNOPu.js.map +0 -1
- package/dist/chunks/icon_constants-gIQj4mf7.js.map +0 -1
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
import tippy, { sticky } from "tippy.js";
|
|
2
|
-
const BASE_TIPPY_DIRECTIONS = [
|
|
2
|
+
const BASE_TIPPY_DIRECTIONS = [
|
|
3
|
+
"bottom",
|
|
4
|
+
"bottom-start",
|
|
5
|
+
"bottom-end",
|
|
6
|
+
"right",
|
|
7
|
+
"right-start",
|
|
8
|
+
"right-end",
|
|
9
|
+
"left",
|
|
10
|
+
"left-start",
|
|
11
|
+
"left-end",
|
|
12
|
+
"top",
|
|
13
|
+
"top-start",
|
|
14
|
+
"top-end"
|
|
15
|
+
];
|
|
3
16
|
const TIPPY_STICKY_VALUES = [true, false, "reference", "popper"];
|
|
4
17
|
const createTippyPopover = (anchorElement, options) => {
|
|
5
|
-
const {
|
|
6
|
-
contentElement
|
|
7
|
-
} = {
|
|
8
|
-
...options
|
|
9
|
-
};
|
|
18
|
+
const { contentElement } = { ...options };
|
|
10
19
|
delete options.contentElement;
|
|
11
20
|
return tippy(anchorElement, {
|
|
12
21
|
...options,
|
|
@@ -31,22 +40,26 @@ const getPopperOptions = ({
|
|
|
31
40
|
tether = true
|
|
32
41
|
} = {}) => {
|
|
33
42
|
return {
|
|
34
|
-
modifiers: [
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
modifiers: [
|
|
44
|
+
{
|
|
45
|
+
name: "flip",
|
|
46
|
+
options: {
|
|
47
|
+
fallbackPlacements,
|
|
48
|
+
boundary
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
name: "hide",
|
|
53
|
+
enabled: hasHideModifierEnabled
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
name: "preventOverflow",
|
|
57
|
+
options: {
|
|
58
|
+
altAxis: !tether,
|
|
59
|
+
tether
|
|
60
|
+
}
|
|
48
61
|
}
|
|
49
|
-
|
|
62
|
+
]
|
|
50
63
|
};
|
|
51
64
|
};
|
|
52
65
|
const createAnchor = (anchorWrapper) => {
|
|
@@ -70,7 +83,9 @@ const getContentWrapper = (content) => {
|
|
|
70
83
|
popper
|
|
71
84
|
};
|
|
72
85
|
};
|
|
73
|
-
const TOOLTIP_DIRECTIONS = [
|
|
86
|
+
const TOOLTIP_DIRECTIONS = [
|
|
87
|
+
...BASE_TIPPY_DIRECTIONS
|
|
88
|
+
];
|
|
74
89
|
const TOOLTIP_DELAY_MS = 300;
|
|
75
90
|
const TOOLTIP_KIND_MODIFIERS = {
|
|
76
91
|
hover: `d-tooltip--hover`,
|
|
@@ -78,7 +93,9 @@ const TOOLTIP_KIND_MODIFIERS = {
|
|
|
78
93
|
inverted: `d-tooltip--inverted`,
|
|
79
94
|
hide: `d-tooltip--hide`
|
|
80
95
|
};
|
|
81
|
-
const TOOLTIP_STICKY_VALUES = [
|
|
96
|
+
const TOOLTIP_STICKY_VALUES = [
|
|
97
|
+
...TIPPY_STICKY_VALUES
|
|
98
|
+
];
|
|
82
99
|
const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, "toggle"];
|
|
83
100
|
const POPOVER_PADDING_CLASSES = {
|
|
84
101
|
none: void 0,
|
|
@@ -96,8 +113,12 @@ const POPOVER_ROLES = ["dialog", "menu", "listbox", "tree", "grid"];
|
|
|
96
113
|
const POPOVER_CONTENT_WIDTHS = ["", "anchor"];
|
|
97
114
|
const POPOVER_INITIAL_FOCUS_STRINGS = ["none", "dialog", "first"];
|
|
98
115
|
const POPOVER_APPEND_TO_VALUES = ["parent", "body", "root"];
|
|
99
|
-
const POPOVER_STICKY_VALUES = [
|
|
100
|
-
|
|
116
|
+
const POPOVER_STICKY_VALUES = [
|
|
117
|
+
...TIPPY_STICKY_VALUES
|
|
118
|
+
];
|
|
119
|
+
const POPOVER_DIRECTIONS = [
|
|
120
|
+
...BASE_TIPPY_DIRECTIONS
|
|
121
|
+
];
|
|
101
122
|
export {
|
|
102
123
|
POPOVER_APPEND_TO_VALUES,
|
|
103
124
|
POPOVER_CONTENT_WIDTHS,
|
|
@@ -117,4 +138,4 @@ export {
|
|
|
117
138
|
getAnchor,
|
|
118
139
|
getPopperOptions
|
|
119
140
|
};
|
|
120
|
-
//# sourceMappingURL=popover_constants-
|
|
141
|
+
//# sourceMappingURL=popover_constants-WsOUIY-m.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover_constants-
|
|
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,13 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const tippy = require("tippy.js");
|
|
3
|
-
const BASE_TIPPY_DIRECTIONS = [
|
|
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
|
+
];
|
|
4
17
|
const TIPPY_STICKY_VALUES = [true, false, "reference", "popper"];
|
|
5
18
|
const createTippyPopover = (anchorElement, options) => {
|
|
6
|
-
const {
|
|
7
|
-
contentElement
|
|
8
|
-
} = {
|
|
9
|
-
...options
|
|
10
|
-
};
|
|
19
|
+
const { contentElement } = { ...options };
|
|
11
20
|
delete options.contentElement;
|
|
12
21
|
return tippy(anchorElement, {
|
|
13
22
|
...options,
|
|
@@ -32,22 +41,26 @@ const getPopperOptions = ({
|
|
|
32
41
|
tether = true
|
|
33
42
|
} = {}) => {
|
|
34
43
|
return {
|
|
35
|
-
modifiers: [
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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
|
+
}
|
|
49
62
|
}
|
|
50
|
-
|
|
63
|
+
]
|
|
51
64
|
};
|
|
52
65
|
};
|
|
53
66
|
const createAnchor = (anchorWrapper) => {
|
|
@@ -71,7 +84,9 @@ const getContentWrapper = (content) => {
|
|
|
71
84
|
popper
|
|
72
85
|
};
|
|
73
86
|
};
|
|
74
|
-
const TOOLTIP_DIRECTIONS = [
|
|
87
|
+
const TOOLTIP_DIRECTIONS = [
|
|
88
|
+
...BASE_TIPPY_DIRECTIONS
|
|
89
|
+
];
|
|
75
90
|
const TOOLTIP_DELAY_MS = 300;
|
|
76
91
|
const TOOLTIP_KIND_MODIFIERS = {
|
|
77
92
|
hover: `d-tooltip--hover`,
|
|
@@ -79,7 +94,9 @@ const TOOLTIP_KIND_MODIFIERS = {
|
|
|
79
94
|
inverted: `d-tooltip--inverted`,
|
|
80
95
|
hide: `d-tooltip--hide`
|
|
81
96
|
};
|
|
82
|
-
const TOOLTIP_STICKY_VALUES = [
|
|
97
|
+
const TOOLTIP_STICKY_VALUES = [
|
|
98
|
+
...TIPPY_STICKY_VALUES
|
|
99
|
+
];
|
|
83
100
|
const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, "toggle"];
|
|
84
101
|
const POPOVER_PADDING_CLASSES = {
|
|
85
102
|
none: void 0,
|
|
@@ -97,8 +114,12 @@ const POPOVER_ROLES = ["dialog", "menu", "listbox", "tree", "grid"];
|
|
|
97
114
|
const POPOVER_CONTENT_WIDTHS = ["", "anchor"];
|
|
98
115
|
const POPOVER_INITIAL_FOCUS_STRINGS = ["none", "dialog", "first"];
|
|
99
116
|
const POPOVER_APPEND_TO_VALUES = ["parent", "body", "root"];
|
|
100
|
-
const POPOVER_STICKY_VALUES = [
|
|
101
|
-
|
|
117
|
+
const POPOVER_STICKY_VALUES = [
|
|
118
|
+
...TIPPY_STICKY_VALUES
|
|
119
|
+
];
|
|
120
|
+
const POPOVER_DIRECTIONS = [
|
|
121
|
+
...BASE_TIPPY_DIRECTIONS
|
|
122
|
+
];
|
|
102
123
|
exports.POPOVER_APPEND_TO_VALUES = POPOVER_APPEND_TO_VALUES;
|
|
103
124
|
exports.POPOVER_CONTENT_WIDTHS = POPOVER_CONTENT_WIDTHS;
|
|
104
125
|
exports.POPOVER_DIRECTIONS = POPOVER_DIRECTIONS;
|
|
@@ -116,4 +137,4 @@ exports.createTippy = createTippy;
|
|
|
116
137
|
exports.createTippyPopover = createTippyPopover;
|
|
117
138
|
exports.getAnchor = getAnchor;
|
|
118
139
|
exports.getPopperOptions = getPopperOptions;
|
|
119
|
-
//# sourceMappingURL=popover_constants-
|
|
140
|
+
//# sourceMappingURL=popover_constants-XnGWXaxX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover_constants-
|
|
1
|
+
{"version":3,"file":"popover_constants-XnGWXaxX.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":["sticky"],"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,CAACA,MAAAA,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,CAACA,MAAAA,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;;;;;;;;;;;;;;;;;;"}
|
|
@@ -78,9 +78,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
78
78
|
onClick: $options.close,
|
|
79
79
|
onKeydown: withKeys(withModifiers($options.close, ["prevent", "stop"]), ["space"])
|
|
80
80
|
}, {
|
|
81
|
-
default: withCtx(() => [
|
|
82
|
-
name: "close"
|
|
83
|
-
|
|
81
|
+
default: withCtx(() => [
|
|
82
|
+
createVNode(_component_dt_icon, { name: "close" })
|
|
83
|
+
]),
|
|
84
84
|
_: 1
|
|
85
85
|
}, 8, ["aria-label", "onClick", "onKeydown"]);
|
|
86
86
|
}
|
|
@@ -89,4 +89,4 @@ export {
|
|
|
89
89
|
SrOnlyCloseButton,
|
|
90
90
|
SrOnlyCloseButtonMixin
|
|
91
91
|
};
|
|
92
|
-
//# sourceMappingURL=sr_only_close_button-
|
|
92
|
+
//# sourceMappingURL=sr_only_close_button-3EdsV-dH.js.map
|
package/dist/chunks/{sr_only_close_button-Ji3Zlts6.js.map → sr_only_close_button-3EdsV-dH.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sr_only_close_button-
|
|
1
|
+
{"version":3,"file":"sr_only_close_button-3EdsV-dH.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":["_createBlock","_createVNode"],"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,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;sBAzCEA,YASY,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,kCAA4B,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;qBAElC,MAAwB;AAAA,MAAxBC,YAAwB,oBAAA,EAAf,MAAK,QAAO,CAAA;AAAA;;;;;"}
|
|
@@ -79,13 +79,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
79
79
|
onClick: $options.close,
|
|
80
80
|
onKeydown: vue.withKeys(vue.withModifiers($options.close, ["prevent", "stop"]), ["space"])
|
|
81
81
|
}, {
|
|
82
|
-
default: vue.withCtx(() => [
|
|
83
|
-
name: "close"
|
|
84
|
-
|
|
82
|
+
default: vue.withCtx(() => [
|
|
83
|
+
vue.createVNode(_component_dt_icon, { name: "close" })
|
|
84
|
+
]),
|
|
85
85
|
_: 1
|
|
86
86
|
}, 8, ["aria-label", "onClick", "onKeydown"]);
|
|
87
87
|
}
|
|
88
88
|
const SrOnlyCloseButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
89
89
|
exports.SrOnlyCloseButton = SrOnlyCloseButton;
|
|
90
90
|
exports.SrOnlyCloseButtonMixin = SrOnlyCloseButtonMixin;
|
|
91
|
-
//# sourceMappingURL=sr_only_close_button-
|
|
91
|
+
//# sourceMappingURL=sr_only_close_button-xGrHFjwA.js.map
|
package/dist/chunks/{sr_only_close_button-gKr0Vlbz.js.map → sr_only_close_button-xGrHFjwA.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sr_only_close_button-
|
|
1
|
+
{"version":3,"file":"sr_only_close_button-xGrHFjwA.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","_createBlock","_createVNode"],"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,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,QAAAA,SAAM;AAAA,IACN,UAAAC,WAAQ;AAAA,EACT;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;0BAzCEC,IASY,YAAA,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,0CAA4B,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;yBAElC,MAAwB;AAAA,MAAxBC,IAAAA,YAAwB,oBAAA,EAAf,MAAK,QAAO,CAAA;AAAA;;;;;;;"}
|
|
@@ -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":[
|
|
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 +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":[
|
|
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;;;;"}
|
|
@@ -155,57 +155,38 @@ const _sfc_main$1 = {
|
|
|
155
155
|
});
|
|
156
156
|
},
|
|
157
157
|
onChange() {
|
|
158
|
-
this.$emit("change", {
|
|
159
|
-
...this.provideObj
|
|
160
|
-
});
|
|
158
|
+
this.$emit("change", { ...this.provideObj });
|
|
161
159
|
},
|
|
162
|
-
changeContentPanel({
|
|
163
|
-
selected,
|
|
164
|
-
selectOverride
|
|
165
|
-
}) {
|
|
160
|
+
changeContentPanel({ selected, selectOverride }) {
|
|
166
161
|
this.provideObj.selected = selected;
|
|
167
162
|
if (!selectOverride) {
|
|
168
163
|
this.onChange();
|
|
169
164
|
}
|
|
170
165
|
},
|
|
171
166
|
tabLeft() {
|
|
172
|
-
const {
|
|
173
|
-
index,
|
|
174
|
-
tabs
|
|
175
|
-
} = this.getIndexAndTabs();
|
|
167
|
+
const { index, tabs } = this.getIndexAndTabs();
|
|
176
168
|
if (index === -1)
|
|
177
169
|
return;
|
|
178
170
|
const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;
|
|
179
171
|
this.selectFocusOnTab(indexElement, tabs);
|
|
180
172
|
},
|
|
181
173
|
tabRight() {
|
|
182
|
-
const {
|
|
183
|
-
index,
|
|
184
|
-
tabs
|
|
185
|
-
} = this.getIndexAndTabs();
|
|
174
|
+
const { index, tabs } = this.getIndexAndTabs();
|
|
186
175
|
if (index === -1)
|
|
187
176
|
return;
|
|
188
177
|
const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;
|
|
189
178
|
this.selectFocusOnTab(indexElement, tabs);
|
|
190
179
|
},
|
|
191
180
|
selectFocusOnTab(index, tabs) {
|
|
192
|
-
const {
|
|
193
|
-
context
|
|
194
|
-
} = tabs[index];
|
|
181
|
+
const { context } = tabs[index];
|
|
195
182
|
context.focus();
|
|
196
183
|
},
|
|
197
184
|
selectTab() {
|
|
198
|
-
const {
|
|
199
|
-
tabs,
|
|
200
|
-
index
|
|
201
|
-
} = this.getIndexAndTabs();
|
|
185
|
+
const { tabs, index } = this.getIndexAndTabs();
|
|
202
186
|
this.selectTabByIndex(index, tabs);
|
|
203
187
|
},
|
|
204
188
|
selectTabByIndex(index, tabs) {
|
|
205
|
-
const {
|
|
206
|
-
context,
|
|
207
|
-
panelId
|
|
208
|
-
} = tabs[index];
|
|
189
|
+
const { context, panelId } = tabs[index];
|
|
209
190
|
this.provideObj.selected = panelId;
|
|
210
191
|
context.focus();
|
|
211
192
|
},
|
|
@@ -230,23 +211,39 @@ const _sfc_main$1 = {
|
|
|
230
211
|
}
|
|
231
212
|
}
|
|
232
213
|
};
|
|
233
|
-
const _hoisted_1 = {
|
|
234
|
-
"data-qa": "dt-tab-group"
|
|
235
|
-
};
|
|
214
|
+
const _hoisted_1 = { "data-qa": "dt-tab-group" };
|
|
236
215
|
const _hoisted_2 = ["aria-label"];
|
|
237
216
|
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
238
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
217
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
218
|
+
createElementVNode("div", mergeProps({
|
|
219
|
+
ref: "tabs",
|
|
220
|
+
class: [
|
|
221
|
+
"d-tablist",
|
|
222
|
+
$data.TAB_LIST_SIZE_MODIFIERS[$props.size],
|
|
223
|
+
{
|
|
224
|
+
[$data.TAB_LIST_KIND_MODIFIERS.inverted]: $props.inverted,
|
|
225
|
+
[$data.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: $props.borderless
|
|
226
|
+
},
|
|
227
|
+
$props.tabListClass
|
|
228
|
+
]
|
|
229
|
+
}, $props.tabListChildProps, {
|
|
230
|
+
role: "tablist",
|
|
231
|
+
"aria-label": $props.label,
|
|
232
|
+
onKeyup: [
|
|
233
|
+
_cache[0] || (_cache[0] = withKeys((...args) => $options.tabLeft && $options.tabLeft(...args), ["left"])),
|
|
234
|
+
_cache[1] || (_cache[1] = withKeys((...args) => $options.tabRight && $options.tabRight(...args), ["right"])),
|
|
235
|
+
_cache[2] || (_cache[2] = withKeys((...args) => $options.selectTab && $options.selectTab(...args), ["enter"])),
|
|
236
|
+
_cache[3] || (_cache[3] = withKeys((...args) => $options.selectTab && $options.selectTab(...args), ["space"]))
|
|
237
|
+
],
|
|
238
|
+
onKeydown: [
|
|
239
|
+
_cache[4] || (_cache[4] = withKeys((...args) => $options.onHomeButton && $options.onHomeButton(...args), ["home"])),
|
|
240
|
+
_cache[5] || (_cache[5] = withKeys((...args) => $options.onEndButton && $options.onEndButton(...args), ["end"]))
|
|
241
|
+
]
|
|
242
|
+
}), [
|
|
243
|
+
renderSlot(_ctx.$slots, "tabs")
|
|
244
|
+
], 16, _hoisted_2),
|
|
245
|
+
renderSlot(_ctx.$slots, "default")
|
|
246
|
+
]);
|
|
250
247
|
}
|
|
251
248
|
const DtTabGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
|
|
252
249
|
const _sfc_main = {
|
|
@@ -361,9 +358,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
361
358
|
const _component_dt_button = resolveComponent("dt-button");
|
|
362
359
|
return openBlock(), createBlock(_component_dt_button, mergeProps({
|
|
363
360
|
id: `dt-tab-${$props.id}`,
|
|
364
|
-
class: [
|
|
365
|
-
|
|
366
|
-
|
|
361
|
+
class: [
|
|
362
|
+
"d-tab",
|
|
363
|
+
{
|
|
364
|
+
[$data.TAB_IMPORTANCE_MODIFIERS.selected]: $options.isSelected
|
|
365
|
+
},
|
|
366
|
+
$props.tabClass
|
|
367
|
+
],
|
|
367
368
|
role: "tab",
|
|
368
369
|
"aria-selected": `${$options.isSelected}`,
|
|
369
370
|
"aria-controls": `dt-panel-${$props.panelId}`,
|
|
@@ -372,7 +373,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
372
373
|
tabindex: $options.isSelected ? "0" : "-1",
|
|
373
374
|
disabled: $options.groupContext.disabled || $props.disabled
|
|
374
375
|
}, _ctx.$attrs, toHandlers($options.tabListeners)), {
|
|
375
|
-
default: withCtx(() => [
|
|
376
|
+
default: withCtx(() => [
|
|
377
|
+
renderSlot(_ctx.$slots, "default")
|
|
378
|
+
]),
|
|
376
379
|
_: 3
|
|
377
380
|
}, 16, ["id", "class", "aria-selected", "aria-controls", "aria-label", "tabindex", "disabled"]);
|
|
378
381
|
}
|
|
@@ -385,4 +388,4 @@ export {
|
|
|
385
388
|
TAB_LIST_KIND_MODIFIERS,
|
|
386
389
|
TAB_LIST_SIZES
|
|
387
390
|
};
|
|
388
|
-
//# sourceMappingURL=tab-
|
|
391
|
+
//# sourceMappingURL=tab-RTDgnD9-.js.map
|