@dialpad/dialtone-vue 2.153.0 → 2.154.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/{dropdown-YdCyJ5Dq.js → dropdown-6UoczdUY.js} +41 -77
- package/dist/chunks/{dropdown-YdCyJ5Dq.js.map → dropdown-6UoczdUY.js.map} +1 -1
- package/dist/chunks/{dropdown-mjrYu_mK.js → dropdown-pHxnQPzT.js} +41 -77
- package/dist/chunks/{dropdown-mjrYu_mK.js.map → dropdown-pHxnQPzT.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-TdxqLsS2.js → icon_constants-Dy4MEUJL.js} +2 -3
- package/dist/chunks/icon_constants-Dy4MEUJL.js.map +1 -0
- package/dist/chunks/{icon_constants-VEA0wI5C.js → icon_constants-QYpmdE0R.js} +2 -3
- package/dist/chunks/icon_constants-QYpmdE0R.js.map +1 -0
- package/dist/chunks/{index-i65YVk-U.js → index-ODod4Oj_.js} +13 -5
- package/dist/chunks/{index-i65YVk-U.js.map → index-ODod4Oj_.js.map} +1 -1
- package/dist/chunks/{index-NYFNZeHH.js → index-anN_sx1F.js} +13 -5
- package/dist/chunks/{index-NYFNZeHH.js.map → index-anN_sx1F.js.map} +1 -1
- package/dist/chunks/{index-mBWay1Qb.js → index-eJ-WWRdf.js} +87 -122
- package/dist/chunks/{index-mBWay1Qb.js.map → index-eJ-WWRdf.js.map} +1 -1
- package/dist/chunks/{index-DyqUqjvI.js → index-gj1jEXP4.js} +87 -122
- package/dist/chunks/{index-DyqUqjvI.js.map → index-gj1jEXP4.js.map} +1 -1
- package/dist/chunks/{input-PhJeBN6r.js → input-6kbd8Pju.js} +9 -3
- package/dist/chunks/{input-PhJeBN6r.js.map → input-6kbd8Pju.js.map} +1 -1
- package/dist/chunks/{input-Hqw33WBe.js → input-Axw-wFj2.js} +9 -3
- package/dist/chunks/{input-Hqw33WBe.js.map → input-Axw-wFj2.js.map} +1 -1
- package/dist/chunks/{input_group-pE6ec9R3.js → input_group-m3cWYUfI.js} +2 -4
- package/dist/chunks/{input_group-ZI7aVGEp.js.map → input_group-m3cWYUfI.js.map} +1 -1
- package/dist/chunks/{input_group-ZI7aVGEp.js → input_group-qVZaS5Bb.js} +2 -4
- package/dist/chunks/{input_group-pE6ec9R3.js.map → input_group-qVZaS5Bb.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-qQr3K2TC.js → notice_action-IRUoLX2d.js} +46 -71
- package/dist/chunks/{notice_action-qQr3K2TC.js.map → notice_action-IRUoLX2d.js.map} +1 -1
- package/dist/chunks/{notice_action-tEvvMg7Q.js → notice_action-P6uDyE9x.js} +46 -71
- package/dist/chunks/{notice_action-tEvvMg7Q.js.map → notice_action-P6uDyE9x.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-IjMVfBDE.js → sr_only_close_button-81bHIpPu.js} +18 -24
- package/dist/chunks/{sr_only_close_button-IjMVfBDE.js.map → sr_only_close_button-81bHIpPu.js.map} +1 -1
- package/dist/chunks/{sr_only_close_button-2Q9Ny1Nc.js → sr_only_close_button-ZaGdAHz7.js} +18 -24
- package/dist/chunks/{sr_only_close_button-2Q9Ny1Nc.js.map → sr_only_close_button-ZaGdAHz7.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-79yMX6m6.js → tab-FcsV5VmK.js} +68 -86
- package/dist/chunks/{tab-muPOS7JE.js.map → tab-FcsV5VmK.js.map} +1 -1
- package/dist/chunks/{tab-muPOS7JE.js → tab-V4cb44Ry.js} +68 -86
- package/dist/chunks/{tab-79yMX6m6.js.map → tab-V4cb44Ry.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 +44 -8
- package/dist/common/utils.cjs.map +1 -1
- package/dist/common/utils.js +44 -8
- 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 +48 -172
- package/dist/lib/attachment-carousel.cjs.map +1 -1
- package/dist/lib/attachment-carousel.js +48 -172
- package/dist/lib/attachment-carousel.js.map +1 -1
- package/dist/lib/avatar.cjs +58 -75
- package/dist/lib/avatar.cjs.map +1 -1
- package/dist/lib/avatar.js +58 -75
- package/dist/lib/avatar.js.map +1 -1
- package/dist/lib/badge.cjs +20 -31
- package/dist/lib/badge.cjs.map +1 -1
- package/dist/lib/badge.js +20 -31
- package/dist/lib/badge.js.map +1 -1
- package/dist/lib/banner.cjs +29 -53
- package/dist/lib/banner.cjs.map +1 -1
- package/dist/lib/banner.js +29 -53
- package/dist/lib/banner.js.map +1 -1
- package/dist/lib/breadcrumbs.cjs +30 -36
- package/dist/lib/breadcrumbs.cjs.map +1 -1
- package/dist/lib/breadcrumbs.js +30 -36
- package/dist/lib/breadcrumbs.js.map +1 -1
- package/dist/lib/button-group.cjs +14 -7
- package/dist/lib/button-group.cjs.map +1 -1
- package/dist/lib/button-group.js +14 -7
- package/dist/lib/button-group.js.map +1 -1
- package/dist/lib/button.cjs +62 -55
- package/dist/lib/button.cjs.map +1 -1
- package/dist/lib/button.js +62 -55
- package/dist/lib/button.js.map +1 -1
- package/dist/lib/callbar-button-with-popover.cjs +23 -91
- package/dist/lib/callbar-button-with-popover.cjs.map +1 -1
- package/dist/lib/callbar-button-with-popover.js +23 -91
- package/dist/lib/callbar-button-with-popover.js.map +1 -1
- package/dist/lib/callbar-button.cjs +33 -49
- package/dist/lib/callbar-button.cjs.map +1 -1
- package/dist/lib/callbar-button.js +33 -49
- package/dist/lib/callbar-button.js.map +1 -1
- package/dist/lib/callbox.cjs +15 -78
- package/dist/lib/callbox.cjs.map +1 -1
- package/dist/lib/callbox.js +15 -78
- package/dist/lib/callbox.js.map +1 -1
- package/dist/lib/card.cjs +23 -16
- package/dist/lib/card.cjs.map +1 -1
- package/dist/lib/card.js +23 -16
- package/dist/lib/card.js.map +1 -1
- package/dist/lib/checkbox-group.cjs +15 -3
- package/dist/lib/checkbox-group.cjs.map +1 -1
- package/dist/lib/checkbox-group.js +15 -3
- package/dist/lib/checkbox-group.js.map +1 -1
- package/dist/lib/checkbox.cjs +16 -52
- package/dist/lib/checkbox.cjs.map +1 -1
- package/dist/lib/checkbox.js +16 -52
- package/dist/lib/checkbox.js.map +1 -1
- package/dist/lib/chip.cjs +26 -58
- package/dist/lib/chip.cjs.map +1 -1
- package/dist/lib/chip.js +26 -58
- package/dist/lib/chip.js.map +1 -1
- package/dist/lib/codeblock.cjs +11 -4
- package/dist/lib/codeblock.cjs.map +1 -1
- package/dist/lib/codeblock.js +11 -4
- package/dist/lib/codeblock.js.map +1 -1
- package/dist/lib/collapsible.cjs +34 -91
- package/dist/lib/collapsible.cjs.map +1 -1
- package/dist/lib/collapsible.js +34 -91
- package/dist/lib/collapsible.js.map +1 -1
- package/dist/lib/combobox-multi-select.cjs +38 -131
- package/dist/lib/combobox-multi-select.cjs.map +1 -1
- package/dist/lib/combobox-multi-select.js +38 -131
- package/dist/lib/combobox-multi-select.js.map +1 -1
- package/dist/lib/combobox-with-popover.cjs +39 -130
- package/dist/lib/combobox-with-popover.cjs.map +1 -1
- package/dist/lib/combobox-with-popover.js +39 -130
- 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 +29 -86
- package/dist/lib/contact-centers-row.cjs.map +1 -1
- package/dist/lib/contact-centers-row.js +29 -86
- package/dist/lib/contact-centers-row.js.map +1 -1
- package/dist/lib/contact-info.cjs +31 -95
- package/dist/lib/contact-info.cjs.map +1 -1
- package/dist/lib/contact-info.js +31 -95
- package/dist/lib/contact-info.js.map +1 -1
- package/dist/lib/contact-row.cjs +18 -61
- package/dist/lib/contact-row.cjs.map +1 -1
- package/dist/lib/contact-row.js +18 -61
- package/dist/lib/contact-row.js.map +1 -1
- package/dist/lib/datepicker.cjs +102 -361
- package/dist/lib/datepicker.cjs.map +1 -1
- package/dist/lib/datepicker.js +102 -361
- package/dist/lib/datepicker.js.map +1 -1
- package/dist/lib/description-list.cjs +12 -11
- package/dist/lib/description-list.cjs.map +1 -1
- package/dist/lib/description-list.js +12 -11
- package/dist/lib/description-list.js.map +1 -1
- package/dist/lib/dropdown.cjs +17 -13
- package/dist/lib/dropdown.cjs.map +1 -1
- package/dist/lib/dropdown.js +17 -13
- package/dist/lib/dropdown.js.map +1 -1
- package/dist/lib/editor.cjs +109 -409
- package/dist/lib/editor.cjs.map +1 -1
- package/dist/lib/editor.js +109 -409
- package/dist/lib/editor.js.map +1 -1
- package/dist/lib/emoji-picker.cjs +234 -512
- package/dist/lib/emoji-picker.cjs.map +1 -1
- package/dist/lib/emoji-picker.js +234 -512
- package/dist/lib/emoji-picker.js.map +1 -1
- package/dist/lib/emoji-row.cjs +31 -69
- package/dist/lib/emoji-row.cjs.map +1 -1
- package/dist/lib/emoji-row.js +31 -69
- package/dist/lib/emoji-row.js.map +1 -1
- package/dist/lib/emoji-text-wrapper.cjs +22 -14
- package/dist/lib/emoji-text-wrapper.cjs.map +1 -1
- package/dist/lib/emoji-text-wrapper.js +22 -14
- package/dist/lib/emoji-text-wrapper.js.map +1 -1
- package/dist/lib/emoji.cjs +13 -40
- package/dist/lib/emoji.cjs.map +1 -1
- package/dist/lib/emoji.js +13 -40
- package/dist/lib/emoji.js.map +1 -1
- package/dist/lib/empty-state.cjs +12 -27
- package/dist/lib/empty-state.cjs.map +1 -1
- package/dist/lib/empty-state.js +12 -27
- package/dist/lib/empty-state.js.map +1 -1
- package/dist/lib/feed-item-row.cjs +27 -106
- package/dist/lib/feed-item-row.cjs.map +1 -1
- package/dist/lib/feed-item-row.js +27 -106
- package/dist/lib/feed-item-row.js.map +1 -1
- package/dist/lib/feed-pill.cjs +35 -90
- package/dist/lib/feed-pill.cjs.map +1 -1
- package/dist/lib/feed-pill.js +35 -90
- package/dist/lib/feed-pill.js.map +1 -1
- package/dist/lib/general-row.cjs +75 -184
- package/dist/lib/general-row.cjs.map +1 -1
- package/dist/lib/general-row.js +75 -184
- package/dist/lib/general-row.js.map +1 -1
- package/dist/lib/group-row.cjs +16 -27
- package/dist/lib/group-row.cjs.map +1 -1
- package/dist/lib/group-row.js +16 -27
- package/dist/lib/group-row.js.map +1 -1
- package/dist/lib/grouped-chip.cjs +20 -68
- package/dist/lib/grouped-chip.cjs.map +1 -1
- package/dist/lib/grouped-chip.js +20 -68
- package/dist/lib/grouped-chip.js.map +1 -1
- package/dist/lib/hovercard.cjs +41 -71
- package/dist/lib/hovercard.cjs.map +1 -1
- package/dist/lib/hovercard.js +41 -71
- package/dist/lib/hovercard.js.map +1 -1
- package/dist/lib/icon.cjs +12 -10
- package/dist/lib/icon.cjs.map +1 -1
- package/dist/lib/icon.js +12 -10
- package/dist/lib/icon.js.map +1 -1
- package/dist/lib/illustration.cjs +12 -9
- package/dist/lib/illustration.cjs.map +1 -1
- package/dist/lib/illustration.js +12 -9
- package/dist/lib/illustration.js.map +1 -1
- package/dist/lib/image-viewer.cjs +23 -88
- package/dist/lib/image-viewer.cjs.map +1 -1
- package/dist/lib/image-viewer.js +23 -88
- package/dist/lib/image-viewer.js.map +1 -1
- package/dist/lib/input-group.cjs +14 -24
- package/dist/lib/input-group.cjs.map +1 -1
- package/dist/lib/input-group.js +14 -24
- package/dist/lib/input-group.js.map +1 -1
- package/dist/lib/input.cjs +47 -109
- package/dist/lib/input.cjs.map +1 -1
- package/dist/lib/input.js +47 -109
- package/dist/lib/input.js.map +1 -1
- package/dist/lib/item-layout.cjs +11 -42
- package/dist/lib/item-layout.cjs.map +1 -1
- package/dist/lib/item-layout.js +11 -42
- package/dist/lib/item-layout.js.map +1 -1
- package/dist/lib/ivr-node.cjs +47 -135
- package/dist/lib/ivr-node.cjs.map +1 -1
- package/dist/lib/ivr-node.js +47 -135
- package/dist/lib/ivr-node.js.map +1 -1
- package/dist/lib/keyboard-shortcut.cjs +23 -35
- package/dist/lib/keyboard-shortcut.cjs.map +1 -1
- package/dist/lib/keyboard-shortcut.js +23 -35
- package/dist/lib/keyboard-shortcut.js.map +1 -1
- package/dist/lib/lazy-show.cjs +11 -15
- package/dist/lib/lazy-show.cjs.map +1 -1
- package/dist/lib/lazy-show.js +11 -15
- package/dist/lib/lazy-show.js.map +1 -1
- package/dist/lib/link.cjs +15 -9
- package/dist/lib/link.cjs.map +1 -1
- package/dist/lib/link.js +15 -9
- package/dist/lib/link.js.map +1 -1
- package/dist/lib/list-item-group.cjs +11 -17
- package/dist/lib/list-item-group.cjs.map +1 -1
- package/dist/lib/list-item-group.js +11 -17
- package/dist/lib/list-item-group.js.map +1 -1
- package/dist/lib/list-item.cjs +23 -42
- package/dist/lib/list-item.cjs.map +1 -1
- package/dist/lib/list-item.js +23 -42
- package/dist/lib/list-item.js.map +1 -1
- package/dist/lib/message-input.cjs +102 -360
- package/dist/lib/message-input.cjs.map +1 -1
- package/dist/lib/message-input.js +102 -360
- package/dist/lib/message-input.js.map +1 -1
- package/dist/lib/modal.cjs +36 -94
- package/dist/lib/modal.cjs.map +1 -1
- package/dist/lib/modal.js +36 -94
- package/dist/lib/modal.js.map +1 -1
- package/dist/lib/notice.cjs +21 -40
- package/dist/lib/notice.cjs.map +1 -1
- package/dist/lib/notice.js +21 -40
- package/dist/lib/notice.js.map +1 -1
- package/dist/lib/pagination.cjs +20 -81
- package/dist/lib/pagination.cjs.map +1 -1
- package/dist/lib/pagination.js +20 -81
- package/dist/lib/pagination.js.map +1 -1
- package/dist/lib/popover.cjs +75 -194
- package/dist/lib/popover.cjs.map +1 -1
- package/dist/lib/popover.js +76 -195
- package/dist/lib/popover.js.map +1 -1
- package/dist/lib/presence.cjs +22 -23
- package/dist/lib/presence.cjs.map +1 -1
- package/dist/lib/presence.js +22 -23
- package/dist/lib/presence.js.map +1 -1
- package/dist/lib/radio-group.cjs +11 -2
- package/dist/lib/radio-group.cjs.map +1 -1
- package/dist/lib/radio-group.js +11 -2
- package/dist/lib/radio-group.js.map +1 -1
- package/dist/lib/radio.cjs +15 -47
- package/dist/lib/radio.cjs.map +1 -1
- package/dist/lib/radio.js +15 -47
- package/dist/lib/radio.js.map +1 -1
- package/dist/lib/rich-text-editor.cjs +317 -336
- package/dist/lib/rich-text-editor.cjs.map +1 -1
- package/dist/lib/rich-text-editor.js +317 -336
- package/dist/lib/rich-text-editor.js.map +1 -1
- package/dist/lib/root-layout.cjs +15 -33
- package/dist/lib/root-layout.cjs.map +1 -1
- package/dist/lib/root-layout.js +15 -33
- 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/select-menu.cjs +33 -52
- package/dist/lib/select-menu.cjs.map +1 -1
- package/dist/lib/select-menu.js +33 -52
- package/dist/lib/select-menu.js.map +1 -1
- package/dist/lib/settings-menu-button.cjs +16 -42
- package/dist/lib/settings-menu-button.cjs.map +1 -1
- package/dist/lib/settings-menu-button.js +16 -42
- package/dist/lib/settings-menu-button.js.map +1 -1
- package/dist/lib/skeleton.cjs +93 -118
- package/dist/lib/skeleton.cjs.map +1 -1
- package/dist/lib/skeleton.js +93 -118
- package/dist/lib/skeleton.js.map +1 -1
- package/dist/lib/split-button.cjs +64 -164
- package/dist/lib/split-button.cjs.map +1 -1
- package/dist/lib/split-button.js +64 -164
- package/dist/lib/split-button.js.map +1 -1
- package/dist/lib/stack.cjs +33 -21
- package/dist/lib/stack.cjs.map +1 -1
- package/dist/lib/stack.js +33 -21
- package/dist/lib/stack.js.map +1 -1
- package/dist/lib/tabs.cjs +13 -20
- package/dist/lib/tabs.cjs.map +1 -1
- package/dist/lib/tabs.js +13 -20
- package/dist/lib/tabs.js.map +1 -1
- package/dist/lib/time-pill.cjs +11 -8
- package/dist/lib/time-pill.cjs.map +1 -1
- package/dist/lib/time-pill.js +11 -8
- package/dist/lib/time-pill.js.map +1 -1
- package/dist/lib/toast.cjs +21 -42
- package/dist/lib/toast.cjs.map +1 -1
- package/dist/lib/toast.js +21 -42
- package/dist/lib/toast.js.map +1 -1
- package/dist/lib/toggle.cjs +24 -28
- package/dist/lib/toggle.cjs.map +1 -1
- package/dist/lib/toggle.js +24 -28
- package/dist/lib/toggle.js.map +1 -1
- package/dist/lib/tooltip-directive.cjs +26 -32
- package/dist/lib/tooltip-directive.cjs.map +1 -1
- package/dist/lib/tooltip-directive.js +26 -32
- package/dist/lib/tooltip-directive.js.map +1 -1
- package/dist/lib/tooltip.cjs +21 -31
- package/dist/lib/tooltip.cjs.map +1 -1
- package/dist/lib/tooltip.js +22 -32
- package/dist/lib/tooltip.js.map +1 -1
- package/dist/lib/top-banner-info.cjs +21 -18
- package/dist/lib/top-banner-info.cjs.map +1 -1
- package/dist/lib/top-banner-info.js +21 -18
- package/dist/lib/top-banner-info.js.map +1 -1
- package/dist/lib/unread-pill.cjs +12 -18
- package/dist/lib/unread-pill.cjs.map +1 -1
- package/dist/lib/unread-pill.js +12 -18
- package/dist/lib/unread-pill.js.map +1 -1
- package/dist/lib/validation-messages.cjs +16 -23
- package/dist/lib/validation-messages.cjs.map +1 -1
- package/dist/lib/validation-messages.js +16 -23
- package/dist/lib/validation-messages.js.map +1 -1
- package/dist/style.css +9 -9
- package/dist/types/common/emoji/index.d.ts +59236 -2
- package/dist/types/common/emoji/index.d.ts.map +1 -1
- 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/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.vue.d.ts +2 -2
- 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/rich_text_editor/rich_text_editor.vue.d.ts +1 -1
- package/dist/types/components/split_button/split_button-alpha.vue.d.ts +1 -1
- package/dist/types/components/toast/toast.vue.d.ts +1 -1
- 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-TdxqLsS2.js.map +0 -1
- package/dist/chunks/icon_constants-VEA0wI5C.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notice_action-
|
|
1
|
+
{"version":3,"file":"notice_action-P6uDyE9x.js","sources":["../../components/notice/notice_icon.vue","../../components/notice/notice_content.vue","../../components/notice/notice_action.vue"],"sourcesContent":["<template>\n <div\n v-if=\"defaultIcon || $slots.default\"\n aria-hidden=\"true\"\n class=\"d-notice__icon\"\n >\n <!-- @slot Slot for the main content -->\n <slot>\n <dt-icon\n :name=\"defaultIcon\"\n size=\"400\"\n />\n </slot>\n </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { NOTICE_KINDS } from './notice_constants';\n\nconst kindToIcon = new Map([\n ['info', 'info'],\n ['success', 'check-circle'],\n ['warning', 'alert-triangle'],\n ['error', 'alert-circle'],\n ['base', 'bell'],\n]);\n\nexport default {\n name: 'DtNoticeIcon',\n\n components: {\n DtIcon,\n },\n\n props: {\n /**\n * Kind of icon\n * @values base, error, info, success, warning\n */\n kind: {\n type: String,\n default: 'base',\n validate (kind) {\n return NOTICE_KINDS.includes(kind);\n },\n },\n },\n\n computed: {\n defaultIcon () {\n return kindToIcon.get(this.kind);\n },\n },\n};\n</script>\n","<template>\n <div\n class=\"d-notice__content\"\n data-qa=\"notice-content\"\n >\n <p\n v-if=\"title || $slots.titleOverride\"\n :id=\"titleId\"\n class=\"d-notice__title\"\n data-qa=\"notice-content-title\"\n >\n <!-- @slot Slot for the title -->\n <slot name=\"titleOverride\">\n {{ title }}\n </slot>\n </p>\n <p\n :id=\"contentId\"\n class=\"d-notice__message\"\n data-qa=\"notice-content-message\"\n >\n <!-- @slot Slot for main content -->\n <slot />\n </p>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'DtNoticeContent',\n\n props: {\n /**\n * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n */\n title: {\n type: String,\n default: '',\n },\n\n /**\n * ID for the title element of the component. Useful for aria-describedby\n * or aria-labelledby or any other reason you may need an id to refer to the title.\n */\n titleId: {\n type: String,\n default: undefined,\n },\n\n /**\n * ID for the content element of the component. Useful for aria-describedby\n * or aria-labelledby or any other reason you may need an id to refer to the content.\n */\n contentId: {\n type: String,\n default: undefined,\n },\n },\n};\n</script>\n","<template>\n <div\n class=\"d-notice__actions\"\n data-qa=\"notice-content-actions\"\n >\n <!-- @slot Slot for main content -->\n <slot v-if=\"!hideAction\" />\n <dt-button\n v-if=\"!hideClose\"\n ref=\"closeButton\"\n data-qa=\"dt-notice-action-close-button\"\n size=\"sm\"\n importance=\"clear\"\n circle\n :aria-label=\"closeButtonProps.ariaLabel ? closeButtonProps.ariaLabel : 'Close'\"\n v-bind=\"closeButtonProps\"\n v-on=\"noticeActionListeners\"\n >\n <template #icon>\n <dt-icon\n name=\"close\"\n size=\"200\"\n />\n </template>\n </dt-button>\n <sr-only-close-button\n v-if=\"showVisuallyHiddenClose\"\n :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n @close=\"close\"\n />\n </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\nexport default {\n name: 'DtNoticeAction',\n\n components: {\n DtIcon,\n DtButton,\n SrOnlyCloseButton,\n },\n\n mixins: [SrOnlyCloseButtonMixin],\n\n props: {\n /**\n * Props for the notice close button.\n */\n closeButtonProps: {\n type: Object,\n default: () => ({}),\n },\n\n /**\n * Hides the close button from the notice\n * @values true, false\n */\n hideClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Hides the action from the notice\n * @values true, false\n */\n hideAction: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n /**\n * Close button click event\n *\n * @event close\n */\n 'close',\n ],\n\n computed: {\n noticeActionListeners () {\n return {\n ...this.$listeners,\n\n click: event => {\n this.close();\n this.$emit('click', event);\n },\n };\n },\n },\n\n created () {\n if (!this.hideClose && !this.closeButtonProps.ariaLabel) {\n console.error('Invalid props: you must pass in closeButtonProps.ariaLabel if the close button is displayed.');\n }\n },\n\n mounted () {\n if (!this.hideClose) {\n this.lastFocusedElement = document.activeElement;\n }\n },\n\n beforeDestroy () {\n this.lastFocusedElement?.focus();\n },\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtIcon","NOTICE_KINDS","DtButton","SrOnlyCloseButton","SrOnlyCloseButtonMixin"],"mappings":";;;;;;AAoBA,MAAA,aAAA,oBAAA,IAAA;AAAA,EACA,CAAA,QAAA,MAAA;AAAA,EACA,CAAA,WAAA,cAAA;AAAA,EACA,CAAA,WAAA,gBAAA;AAAA,EACA,CAAA,SAAA,cAAA;AAAA,EACA,CAAA,QAAA,MAAA;AACA,CAAA;AAEA,MAAAA,cAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,QAAAC,SAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA,MAAA;AACA,eAAAC,iBAAA,aAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,WAAA,IAAA,KAAA,IAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;AC1BA,MAAAF,cAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;ACnBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,QAAAC,SAAA;AAAA,IACA,UAAAE,WAAA;AAAA,IACA,mBAAAC,qBAAA;AAAA,EACA;AAAA,EAEA,QAAA,CAAAC,qBAAAA,sBAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,OAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,wBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QAEA,OAAA,WAAA;AACA,eAAA,MAAA;AACA,eAAA,MAAA,SAAA,KAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,QAAA,CAAA,KAAA,aAAA,CAAA,KAAA,iBAAA,WAAA;AACA,cAAA,MAAA,8FAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,QAAA,CAAA,KAAA,WAAA;AACA,WAAA,qBAAA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,gBAAA;;AACA,eAAA,uBAAA,mBAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notice_constants-7Qt2CQEY.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n NOTICE_KINDS,\n NOTICE_ROLES,\n};\n"],"names":[
|
|
1
|
+
{"version":3,"file":"notice_constants-7Qt2CQEY.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n NOTICE_KINDS,\n NOTICE_ROLES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notice_constants-UXo9e3bS.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n NOTICE_KINDS,\n NOTICE_ROLES,\n};\n"],"names":[
|
|
1
|
+
{"version":3,"file":"notice_constants-UXo9e3bS.js","sources":["../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n NOTICE_KINDS,\n NOTICE_ROLES,\n};\n"],"names":[],"mappings":";AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;;;"}
|
|
@@ -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;;;;;;;;;;;;;;;;;;"}
|
|
@@ -68,34 +68,28 @@ const _sfc_main = {
|
|
|
68
68
|
};
|
|
69
69
|
var _sfc_render = function render() {
|
|
70
70
|
var _vm = this, _c = _vm._self._c;
|
|
71
|
-
return _c("dt-button", {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
on: {
|
|
79
|
-
"click": _vm.close,
|
|
80
|
-
"keydown": function($event) {
|
|
81
|
-
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
|
|
82
|
-
return null;
|
|
83
|
-
$event.preventDefault();
|
|
84
|
-
$event.stopPropagation();
|
|
85
|
-
return _vm.close.apply(null, arguments);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}, [_c("dt-icon", {
|
|
89
|
-
attrs: {
|
|
90
|
-
"name": "close"
|
|
91
|
-
}
|
|
92
|
-
})], 1);
|
|
71
|
+
return _c("dt-button", { staticClass: "d-vi-visible-sr", attrs: { "id": "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": _vm.visuallyHiddenCloseLabel }, on: { "click": _vm.close, "keydown": function($event) {
|
|
72
|
+
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
|
|
73
|
+
return null;
|
|
74
|
+
$event.preventDefault();
|
|
75
|
+
$event.stopPropagation();
|
|
76
|
+
return _vm.close.apply(null, arguments);
|
|
77
|
+
} } }, [_c("dt-icon", { attrs: { "name": "close" } })], 1);
|
|
93
78
|
};
|
|
94
79
|
var _sfc_staticRenderFns = [];
|
|
95
|
-
var __component__ = /* @__PURE__ */ normalizeComponent(
|
|
80
|
+
var __component__ = /* @__PURE__ */ normalizeComponent(
|
|
81
|
+
_sfc_main,
|
|
82
|
+
_sfc_render,
|
|
83
|
+
_sfc_staticRenderFns,
|
|
84
|
+
false,
|
|
85
|
+
null,
|
|
86
|
+
null,
|
|
87
|
+
null,
|
|
88
|
+
null
|
|
89
|
+
);
|
|
96
90
|
const SrOnlyCloseButton = __component__.exports;
|
|
97
91
|
export {
|
|
98
92
|
SrOnlyCloseButton,
|
|
99
93
|
SrOnlyCloseButtonMixin
|
|
100
94
|
};
|
|
101
|
-
//# sourceMappingURL=sr_only_close_button-
|
|
95
|
+
//# sourceMappingURL=sr_only_close_button-81bHIpPu.js.map
|
package/dist/chunks/{sr_only_close_button-IjMVfBDE.js.map → sr_only_close_button-81bHIpPu.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sr_only_close_button-
|
|
1
|
+
{"version":3,"file":"sr_only_close_button-81bHIpPu.js","sources":["../../common/mixins/sr_only_close_button.js","../../common/sr_only_close_button.vue"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n props: {\n /**\n * If true, a hidden close button is included for screen readers\n * @values true, false\n */\n visuallyHiddenClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n watch: {\n $props: {\n immediate: true,\n deep: true,\n handler () {\n this.validateVisuallyHiddenCloseProps();\n },\n },\n },\n\n computed: {\n showVisuallyHiddenClose () {\n return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n },\n },\n\n methods: {\n validateVisuallyHiddenCloseProps () {\n if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n console.error(`If visuallyHiddenClose prop is true, the component includes\n a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n }\n },\n },\n};\n","<template>\n <dt-button\n id=\"sr-only-close-button\"\n data-qa=\"dt-sr-only-close-button\"\n class=\"d-vi-visible-sr\"\n :aria-label=\"visuallyHiddenCloseLabel\"\n @click=\"close\"\n @keydown.space.prevent.stop=\"close\"\n >\n <dt-icon name=\"close\" />\n </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n name: 'SrOnlyCloseButton',\n components: {\n DtIcon,\n DtButton,\n },\n\n props: {\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n emits: ['close'],\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"names":[],"mappings":";;;AAGA,MAAe,yBAAA;AAAA,EACb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAW;AACT,aAAK,iCAAgC;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,0BAA2B;AACzB,aAAO,KAAK,uBAAuB,KAAK,4BAA4B;AAAA,IACrE;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,mCAAoC;AAClC,UAAI,KAAK,uBAAuB,CAAC,KAAK,0BAA0B;AAC9D,gBAAQ,MAAM;AAAA,8FACwE;AAAA,MACvF;AAAA,IACF;AAAA,EACF;AACH;AC/BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -69,32 +69,26 @@ const _sfc_main = {
|
|
|
69
69
|
};
|
|
70
70
|
var _sfc_render = function render() {
|
|
71
71
|
var _vm = this, _c = _vm._self._c;
|
|
72
|
-
return _c("dt-button", {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
on: {
|
|
80
|
-
"click": _vm.close,
|
|
81
|
-
"keydown": function($event) {
|
|
82
|
-
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
|
|
83
|
-
return null;
|
|
84
|
-
$event.preventDefault();
|
|
85
|
-
$event.stopPropagation();
|
|
86
|
-
return _vm.close.apply(null, arguments);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}, [_c("dt-icon", {
|
|
90
|
-
attrs: {
|
|
91
|
-
"name": "close"
|
|
92
|
-
}
|
|
93
|
-
})], 1);
|
|
72
|
+
return _c("dt-button", { staticClass: "d-vi-visible-sr", attrs: { "id": "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": _vm.visuallyHiddenCloseLabel }, on: { "click": _vm.close, "keydown": function($event) {
|
|
73
|
+
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"]))
|
|
74
|
+
return null;
|
|
75
|
+
$event.preventDefault();
|
|
76
|
+
$event.stopPropagation();
|
|
77
|
+
return _vm.close.apply(null, arguments);
|
|
78
|
+
} } }, [_c("dt-icon", { attrs: { "name": "close" } })], 1);
|
|
94
79
|
};
|
|
95
80
|
var _sfc_staticRenderFns = [];
|
|
96
|
-
var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
|
|
81
|
+
var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
|
|
82
|
+
_sfc_main,
|
|
83
|
+
_sfc_render,
|
|
84
|
+
_sfc_staticRenderFns,
|
|
85
|
+
false,
|
|
86
|
+
null,
|
|
87
|
+
null,
|
|
88
|
+
null,
|
|
89
|
+
null
|
|
90
|
+
);
|
|
97
91
|
const SrOnlyCloseButton = __component__.exports;
|
|
98
92
|
exports.SrOnlyCloseButton = SrOnlyCloseButton;
|
|
99
93
|
exports.SrOnlyCloseButtonMixin = SrOnlyCloseButtonMixin;
|
|
100
|
-
//# sourceMappingURL=sr_only_close_button-
|
|
94
|
+
//# sourceMappingURL=sr_only_close_button-ZaGdAHz7.js.map
|
package/dist/chunks/{sr_only_close_button-2Q9Ny1Nc.js.map → sr_only_close_button-ZaGdAHz7.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sr_only_close_button-
|
|
1
|
+
{"version":3,"file":"sr_only_close_button-ZaGdAHz7.js","sources":["../../common/mixins/sr_only_close_button.js","../../common/sr_only_close_button.vue"],"sourcesContent":["/**\n * @displayName Sr-Only close button mixin\n */\nexport default {\n props: {\n /**\n * If true, a hidden close button is included for screen readers\n * @values true, false\n */\n visuallyHiddenClose: {\n type: Boolean,\n default: false,\n },\n\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n watch: {\n $props: {\n immediate: true,\n deep: true,\n handler () {\n this.validateVisuallyHiddenCloseProps();\n },\n },\n },\n\n computed: {\n showVisuallyHiddenClose () {\n return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;\n },\n },\n\n methods: {\n validateVisuallyHiddenCloseProps () {\n if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {\n console.error(`If visuallyHiddenClose prop is true, the component includes\n a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);\n }\n },\n },\n};\n","<template>\n <dt-button\n id=\"sr-only-close-button\"\n data-qa=\"dt-sr-only-close-button\"\n class=\"d-vi-visible-sr\"\n :aria-label=\"visuallyHiddenCloseLabel\"\n @click=\"close\"\n @keydown.space.prevent.stop=\"close\"\n >\n <dt-icon name=\"close\" />\n </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n name: 'SrOnlyCloseButton',\n components: {\n DtIcon,\n DtButton,\n },\n\n props: {\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n emits: ['close'],\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"names":["DtIcon","DtButton"],"mappings":";;;;AAGA,MAAe,yBAAA;AAAA,EACb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,MACN,UAAW;AACT,aAAK,iCAAgC;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,0BAA2B;AACzB,aAAO,KAAK,uBAAuB,KAAK,4BAA4B;AAAA,IACrE;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,mCAAoC;AAClC,UAAI,KAAK,uBAAuB,CAAC,KAAK,0BAA0B;AAC9D,gBAAQ,MAAM;AAAA,8FACwE;AAAA,MACvF;AAAA,IACF;AAAA,EACF;AACH;AC/BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,QAAAA,SAAA;AAAA,IACA,UAAAC,WAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,0BAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA;AACA,WAAA,MAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +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;;;;"}
|