@adyen/bento-vue3 1.89.2 → 1.90.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/@types/components.d.ts +2 -0
- package/dist/@types/index.d.ts +403 -298
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/ai-tag.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/anchor-scroller.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/input-time.css +1 -0
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chip.js +1 -1
- package/dist/chunks/accordion-item.CZIxxSsH.js +141 -0
- package/dist/chunks/{accordion-item.BX1KrLMl.js.map → accordion-item.CZIxxSsH.js.map} +1 -1
- package/dist/chunks/action-bar.Pe_hvtja.js +336 -0
- package/dist/chunks/{action-bar.DLMaIUWW.js.map → action-bar.Pe_hvtja.js.map} +1 -1
- package/dist/chunks/ai-tag.BSlc78DU.js +137 -0
- package/dist/chunks/{ai-tag.DK63ExDc.js.map → ai-tag.BSlc78DU.js.map} +1 -1
- package/dist/chunks/{alert.C_8-VNi_.js → alert.CFWN2E0b.js} +86 -79
- package/dist/chunks/{alert.C_8-VNi_.js.map → alert.CFWN2E0b.js.map} +1 -1
- package/dist/chunks/anchor-scroller.DSfXK6vK.js +214 -0
- package/dist/chunks/{anchor-scroller.NhjLDBZI.js.map → anchor-scroller.DSfXK6vK.js.map} +1 -1
- package/dist/chunks/{base-modal.C2-JyHC_.js → base-modal.BjjDrx0z.js} +132 -125
- package/dist/chunks/{base-modal.C2-JyHC_.js.map → base-modal.BjjDrx0z.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.BQFAgAI2.js → button-actions-with-menu.DvkS16ur.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.BQFAgAI2.js.map → button-actions-with-menu.DvkS16ur.js.map} +1 -1
- package/dist/chunks/{button-actions.cMQWyZne.js → button-actions.Bh_PZ_fV.js} +202 -188
- package/dist/chunks/{button-actions.cMQWyZne.js.map → button-actions.Bh_PZ_fV.js.map} +1 -1
- package/dist/chunks/{calendar.DcCqkSNJ.js → calendar.CH-1Vgeb.js} +343 -329
- package/dist/chunks/{calendar.DcCqkSNJ.js.map → calendar.CH-1Vgeb.js.map} +1 -1
- package/dist/chunks/card.BzCGCCzH.js +223 -0
- package/dist/chunks/{card.CoxQ_L0w.js.map → card.BzCGCCzH.js.map} +1 -1
- package/dist/chunks/{checkbox-group.96n9Cc3W.js → checkbox-group.D_fN6Glu.js} +4 -4
- package/dist/chunks/{checkbox-group.96n9Cc3W.js.map → checkbox-group.D_fN6Glu.js.map} +1 -1
- package/dist/chunks/{checkbox.C6ATh8f5.js → checkbox.BlAhQl9N.js} +78 -71
- package/dist/chunks/{checkbox.C6ATh8f5.js.map → checkbox.BlAhQl9N.js.map} +1 -1
- package/dist/chunks/chip.DFldnqfz.js +72 -0
- package/dist/chunks/{chip.CdgpQyXN.js.map → chip.DFldnqfz.js.map} +1 -1
- package/dist/chunks/{code-snippet.DgAuuZF5.js → code-snippet.BePxxR3q.js} +113 -106
- package/dist/chunks/{code-snippet.DgAuuZF5.js.map → code-snippet.BePxxR3q.js.map} +1 -1
- package/dist/chunks/{controls-group.C7hOE1F4.js → controls-group.Cxk-0fCy.js} +2 -2
- package/dist/chunks/{controls-group.C7hOE1F4.js.map → controls-group.Cxk-0fCy.js.map} +1 -1
- package/dist/chunks/copy.CL893i9-.js +114 -0
- package/dist/chunks/{copy.C2kQ1PbI.js.map → copy.CL893i9-.js.map} +1 -1
- package/dist/chunks/{country.CaGc08Ps.js → country.15m_ATbO.js} +3 -3
- package/dist/chunks/{country.CaGc08Ps.js.map → country.15m_ATbO.js.map} +1 -1
- package/dist/chunks/country.types.6a7xxZIR.js +26 -0
- package/dist/chunks/{country.types.DjpMGz7a.js.map → country.types.6a7xxZIR.js.map} +1 -1
- package/dist/chunks/{dashboard-section.UafHRkMa.js → dashboard-section.CiNDItU2.js} +3 -3
- package/dist/chunks/{dashboard-section.UafHRkMa.js.map → dashboard-section.CiNDItU2.js.map} +1 -1
- package/dist/chunks/{dashed-underline.CcDV2Aks.js → dashed-underline.CwdpUz76.js} +3 -3
- package/dist/chunks/{dashed-underline.CcDV2Aks.js.map → dashed-underline.CwdpUz76.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CnC4TQvk.js → data-grid-template.nXn1dLCw.js} +4 -4
- package/dist/chunks/{data-grid-template.CnC4TQvk.js.map → data-grid-template.nXn1dLCw.js.map} +1 -1
- package/dist/chunks/data-grid.CXWaoqzi.js +4242 -0
- package/dist/chunks/data-grid.CXWaoqzi.js.map +1 -0
- package/dist/chunks/date-picker.DPjCROIP.js +238 -0
- package/dist/chunks/{date-picker.dlzZ_-5f.js.map → date-picker.DPjCROIP.js.map} +1 -1
- package/dist/chunks/date-range-picker.fyrfFd04.js +998 -0
- package/dist/chunks/date-range-picker.fyrfFd04.js.map +1 -0
- package/dist/chunks/dialog-page.Bh-7RAwX.js +163 -0
- package/dist/chunks/{dialog-page.COfKqjT-.js.map → dialog-page.Bh-7RAwX.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.bq9AlGzJ.js → dropdown-default-textbox.aYsTZDZ7.js} +69 -62
- package/dist/chunks/{dropdown-default-textbox.bq9AlGzJ.js.map → dropdown-default-textbox.aYsTZDZ7.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.Ysrac5GN.js → dropdown-tag.B7OA_Yv9.js} +5 -5
- package/dist/chunks/{dropdown-tag.Ysrac5GN.js.map → dropdown-tag.B7OA_Yv9.js.map} +1 -1
- package/dist/chunks/{dropdown.MhmX1P9o.js → dropdown.Do-mZiI6.js} +285 -271
- package/dist/chunks/{dropdown.MhmX1P9o.js.map → dropdown.Do-mZiI6.js.map} +1 -1
- package/dist/chunks/error-message.849uzpkq.js +157 -0
- package/dist/chunks/{error-message.DCgo8q20.js.map → error-message.849uzpkq.js.map} +1 -1
- package/dist/chunks/{file-uploader.Bfd1uUMe.js → file-uploader.BUvDU_cn.js} +604 -583
- package/dist/chunks/{file-uploader.Bfd1uUMe.js.map → file-uploader.BUvDU_cn.js.map} +1 -1
- package/dist/chunks/{filter-bar.CkAjLQol.js → filter-bar.fowl40RS.js} +998 -928
- package/dist/chunks/{filter-bar.CkAjLQol.js.map → filter-bar.fowl40RS.js.map} +1 -1
- package/dist/chunks/fixed-scroller.yVsaQzy5.js +157 -0
- package/dist/chunks/{fixed-scroller.DtkaGyMD.js.map → fixed-scroller.yVsaQzy5.js.map} +1 -1
- package/dist/chunks/{footer-actions.BcYSsoUg.js → footer-actions.uoNbOGAQ.js} +2 -2
- package/dist/chunks/{footer-actions.BcYSsoUg.js.map → footer-actions.uoNbOGAQ.js.map} +1 -1
- package/dist/chunks/form-layout-title.Cr3wdpK_.js +239 -0
- package/dist/chunks/{form-layout-title.DW5Kg1rh.js.map → form-layout-title.Cr3wdpK_.js.map} +1 -1
- package/dist/chunks/{header-meta.Bym9AlQm.js → header-meta.CmH6SnjE.js} +98 -84
- package/dist/chunks/{header-meta.Bym9AlQm.js.map → header-meta.CmH6SnjE.js.map} +1 -1
- package/dist/chunks/{header-with-views.Djba6iol.js → header-with-views.B2pPBcTf.js} +1091 -1070
- package/dist/chunks/{header-with-views.Djba6iol.js.map → header-with-views.B2pPBcTf.js.map} +1 -1
- package/dist/chunks/{header.o-7SyHtU.js → header.BVM8Usdi.js} +3 -3
- package/dist/chunks/{header.o-7SyHtU.js.map → header.BVM8Usdi.js.map} +1 -1
- package/dist/chunks/{info-icon.BUala_wq.js → info-icon.B3MDsjMu.js} +2 -2
- package/dist/chunks/{info-icon.BUala_wq.js.map → info-icon.B3MDsjMu.js.map} +1 -1
- package/dist/chunks/input-field-password.CHb2Ros_.js +353 -0
- package/dist/chunks/{input-field-password.DZytmp_p.js.map → input-field-password.CHb2Ros_.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.CxblrmaU.js → input-field-phone-number.DM2rmZkQ.js} +12 -5
- package/dist/chunks/{input-field-phone-number.CxblrmaU.js.map → input-field-phone-number.DM2rmZkQ.js.map} +1 -1
- package/dist/chunks/{input-field.CfU0ZKtL.js → input-field.DnYjM6yy.js} +118 -111
- package/dist/chunks/{input-field.CfU0ZKtL.js.map → input-field.DnYjM6yy.js.map} +1 -1
- package/dist/chunks/input-time.DeJ8lDio.js +103 -0
- package/dist/chunks/input-time.DeJ8lDio.js.map +1 -0
- package/dist/chunks/{inspector.B9k4tJWe.js → inspector.DMhKNW1K.js} +70 -63
- package/dist/chunks/{inspector.B9k4tJWe.js.map → inspector.DMhKNW1K.js.map} +1 -1
- package/dist/chunks/{list-item.DO5uULke.js → list-item.BHvXpqaS.js} +2 -2
- package/dist/chunks/{list-item.DO5uULke.js.map → list-item.BHvXpqaS.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.Cvplth7d.js → listbox-option-tag.CVxaZqbc.js} +2 -2
- package/dist/chunks/{listbox-option-tag.Cvplth7d.js.map → listbox-option-tag.CVxaZqbc.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.CuKVyTWb.js → modal-fullscreen.9CSTqFQc.js} +54 -47
- package/dist/chunks/{modal-fullscreen.CuKVyTWb.js.map → modal-fullscreen.9CSTqFQc.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.DmPw0l5Y.js → modal.vue_vue_type_script_setup_true_lang.BAxTkaQM.js} +48 -41
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.DmPw0l5Y.js.map → modal.vue_vue_type_script_setup_true_lang.BAxTkaQM.js.map} +1 -1
- package/dist/chunks/pagination.DL-h8OLF.js +413 -0
- package/dist/chunks/{pagination.dpVc6Yt0.js.map → pagination.DL-h8OLF.js.map} +1 -1
- package/dist/chunks/{promo-banner.BzveHNOI.js → promo-banner.-H4r_cwj.js} +39 -32
- package/dist/chunks/{promo-banner.BzveHNOI.js.map → promo-banner.-H4r_cwj.js.map} +1 -1
- package/dist/chunks/{radio-group.Cuiq4mxy.js → radio-group.DzhQgXv9.js} +4 -4
- package/dist/chunks/{radio-group.Cuiq4mxy.js.map → radio-group.DzhQgXv9.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.DLMiT4f5.js → rich-text-editor.Ij2t4pyI.js} +418 -411
- package/dist/chunks/{rich-text-editor.DLMiT4f5.js.map → rich-text-editor.Ij2t4pyI.js.map} +1 -1
- package/dist/chunks/search-bar.DfNwnjes.js +114 -0
- package/dist/chunks/{search-bar.CsFyP0_I.js.map → search-bar.DfNwnjes.js.map} +1 -1
- package/dist/chunks/secondary-nav.CvipTDRh.js +285 -0
- package/dist/chunks/secondary-nav.CvipTDRh.js.map +1 -0
- package/dist/chunks/{segmented-control.KeQ5kuR1.js → segmented-control.CQWOO1-J.js} +2 -2
- package/dist/chunks/{segmented-control.KeQ5kuR1.js.map → segmented-control.CQWOO1-J.js.map} +1 -1
- package/dist/chunks/{selection-card-group.XM11Kk-4.js → selection-card-group.CcOWQAUC.js} +11 -11
- package/dist/chunks/{selection-card-group.XM11Kk-4.js.map → selection-card-group.CcOWQAUC.js.map} +1 -1
- package/dist/chunks/{sidepanel.b2QZ1Jsx.js → sidepanel.BObSv8UU.js} +56 -49
- package/dist/chunks/{sidepanel.b2QZ1Jsx.js.map → sidepanel.BObSv8UU.js.map} +1 -1
- package/dist/chunks/step.AsX2jAeL.js +268 -0
- package/dist/chunks/{step.BlwoLfdw.js.map → step.AsX2jAeL.js.map} +1 -1
- package/dist/chunks/structured-list-item.CgJR_ufh.js +112 -0
- package/dist/chunks/{structured-list-item.e-8kRleh.js.map → structured-list-item.CgJR_ufh.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.CcvOC03H.js → summary-grid.types.DKPhtHw3.js} +5 -5
- package/dist/chunks/{summary-grid.types.CcvOC03H.js.map → summary-grid.types.DKPhtHw3.js.map} +1 -1
- package/dist/chunks/{tab.mR5uUSdp.js → tab.9nyNZiGw.js} +2 -2
- package/dist/chunks/{tab.mR5uUSdp.js.map → tab.9nyNZiGw.js.map} +1 -1
- package/dist/chunks/{tag.DujMVFh-.js → tag.YN2r-Pp3.js} +2 -2
- package/dist/chunks/{tag.DujMVFh-.js.map → tag.YN2r-Pp3.js.map} +1 -1
- package/dist/chunks/textarea.C-sBemuo.js +256 -0
- package/dist/chunks/{textarea.CHV6Z8nt.js.map → textarea.C-sBemuo.js.map} +1 -1
- package/dist/chunks/timeline-item.CHk8wXeT.js +433 -0
- package/dist/chunks/{timeline-item.CaGcRZbt.js.map → timeline-item.CHk8wXeT.js.map} +1 -1
- package/dist/chunks/{toast.C2oehk9P.js → toast.De4MTkiH.js} +64 -57
- package/dist/chunks/{toast.C2oehk9P.js.map → toast.De4MTkiH.js.map} +1 -1
- package/dist/chunks/{tooltip.CbADa_4p.js → tooltip.DHfG2aRt.js} +40 -38
- package/dist/chunks/tooltip.DHfG2aRt.js.map +1 -0
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.BOruzlTt.js → tutorial.vue_vue_type_script_setup_true_lang.CUDeriBU.js} +120 -113
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.BOruzlTt.js.map → tutorial.vue_vue_type_script_setup_true_lang.CUDeriBU.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.ClEJRFAd.js → use-cached-selected-values.DIbfa5F1.js} +381 -360
- package/dist/chunks/{use-cached-selected-values.ClEJRFAd.js.map → use-cached-selected-values.DIbfa5F1.js.map} +1 -1
- package/dist/chunks/{use-country-items.D_3LBe2I.js → use-country-items.Dp7X1r2e.js} +3 -3
- package/dist/chunks/{use-country-items.D_3LBe2I.js.map → use-country-items.Dp7X1r2e.js.map} +1 -1
- package/dist/chunks/{use-country-phon-code.DoqTGkNr.js → use-country-phon-code.BzcawGpE.js} +107 -104
- package/dist/chunks/{use-country-phon-code.DoqTGkNr.js.map → use-country-phon-code.BzcawGpE.js.map} +1 -1
- package/dist/chunks/{use-date-input-formatter.CDRzd-hW.js → use-date-input-formatter.BiIraXZZ.js} +2 -2
- package/dist/chunks/{use-date-input-formatter.CDRzd-hW.js.map → use-date-input-formatter.BiIraXZZ.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +3 -3
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/draggable-handle.js +51 -44
- package/dist/draggable-handle.js.map +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +205 -203
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/input-time.js +5 -0
- package/dist/input-time.js.map +1 -0
- package/dist/inspector.js +1 -1
- package/dist/internal.js +12 -12
- package/dist/list.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +4 -4
- package/dist/chunks/accordion-item.BX1KrLMl.js +0 -134
- package/dist/chunks/action-bar.DLMaIUWW.js +0 -329
- package/dist/chunks/ai-tag.DK63ExDc.js +0 -130
- package/dist/chunks/anchor-scroller.NhjLDBZI.js +0 -207
- package/dist/chunks/card.CoxQ_L0w.js +0 -216
- package/dist/chunks/chip.CdgpQyXN.js +0 -65
- package/dist/chunks/copy.C2kQ1PbI.js +0 -107
- package/dist/chunks/country.types.DjpMGz7a.js +0 -19
- package/dist/chunks/data-grid.BSIXLRm7.js +0 -4014
- package/dist/chunks/data-grid.BSIXLRm7.js.map +0 -1
- package/dist/chunks/date-picker.dlzZ_-5f.js +0 -231
- package/dist/chunks/date-range-picker.DC6CK0As.js +0 -995
- package/dist/chunks/date-range-picker.DC6CK0As.js.map +0 -1
- package/dist/chunks/dialog-page.COfKqjT-.js +0 -156
- package/dist/chunks/error-message.DCgo8q20.js +0 -143
- package/dist/chunks/fixed-scroller.DtkaGyMD.js +0 -150
- package/dist/chunks/form-layout-title.DW5Kg1rh.js +0 -230
- package/dist/chunks/input-field-password.DZytmp_p.js +0 -346
- package/dist/chunks/pagination.dpVc6Yt0.js +0 -401
- package/dist/chunks/search-bar.CsFyP0_I.js +0 -107
- package/dist/chunks/secondary-nav.CLBdq98c.js +0 -138
- package/dist/chunks/secondary-nav.CLBdq98c.js.map +0 -1
- package/dist/chunks/step.BlwoLfdw.js +0 -259
- package/dist/chunks/structured-list-item.e-8kRleh.js +0 -105
- package/dist/chunks/textarea.CHV6Z8nt.js +0 -247
- package/dist/chunks/timeline-item.CaGcRZbt.js +0 -419
- package/dist/chunks/tooltip.CbADa_4p.js.map +0 -1
|
@@ -1,38 +1,45 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { B as
|
|
3
|
-
import { B as
|
|
1
|
+
import { defineComponent as $, useSlots as q, computed as g, openBlock as l, createBlock as h, withModifiers as z, normalizeClass as F, createSlots as V, withCtx as b, renderSlot as w, unref as p, createElementVNode as K, createCommentVNode as I, mergeProps as Y, renderList as Z, normalizeProps as Se, guardReactiveProps as $e, resolveComponent as S, createVNode as O, createTextVNode as G, toDisplayString as U, onMounted as Q, onUnmounted as fe, useAttrs as Le, inject as P, ref as v, toRefs as Te, Transition as me, createElementBlock as C, Teleport as Me, resolveDynamicComponent as H, toHandlers as ne, withKeys as T, Fragment as X, watch as pe, nextTick as x, toRef as ve, normalizeStyle as be, provide as Ne } from "vue";
|
|
2
|
+
import { B as E } from "./button.DWF7FSIw.js";
|
|
3
|
+
import { B as we } from "./loading-indicator.BPol9I84.js";
|
|
4
4
|
import { C as Re } from "./cross-circle-fill.BWCKKn0E.js";
|
|
5
5
|
import { C as Ae } from "./checkmark-circle-fill.DugX5fbG.js";
|
|
6
6
|
import { u as oe } from "./use-has-slot.CyMiImRQ.js";
|
|
7
7
|
import { u as he } from "./index.B875RXHM.js";
|
|
8
|
-
import { _ as
|
|
8
|
+
import { _ as L } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
9
9
|
import { B as ye, D as De } from "./divider.BIY84UH7.js";
|
|
10
10
|
import { C as Pe } from "./cross.CCHdi6v3.js";
|
|
11
11
|
import { B as ge, c as ae, p as Fe } from "./typography.B3J6_tYk.js";
|
|
12
|
-
import { a as We, P as Ke, b as
|
|
13
|
-
import { u as
|
|
12
|
+
import { a as We, P as Ke, b as Ve } from "./popper-container.DMN8n5iC.js";
|
|
13
|
+
import { u as Ue } from "./aria-label.CaUURpnB.js";
|
|
14
14
|
import { o as je } from "./on-click-outside.ZUMLlxE_.js";
|
|
15
|
-
import { g as
|
|
16
|
-
import { C as
|
|
15
|
+
import { g as Ge } from "./generate-uid.DBWe4g6T.js";
|
|
16
|
+
import { C as Ye } from "./chevron-down.XeE-LBV_.js";
|
|
17
17
|
/* empty css */
|
|
18
18
|
import { a as Je, C as le } from "./chevron-left.C_vPW7OR.js";
|
|
19
19
|
import { a as re, B as He } from "./base-button.CvHl36Ue.js";
|
|
20
|
-
import { t as
|
|
20
|
+
import { t as ze } from "./truncate.DmCXQmeb.js";
|
|
21
21
|
import { i as _e } from "./index.CWuzEfiV.js";
|
|
22
|
-
import { o as
|
|
23
|
-
import { g as
|
|
22
|
+
import { o as Xe } from "./resize.Bqks3WUm.js";
|
|
23
|
+
import { g as qe } from "./es6.C1DXQV6f.js";
|
|
24
24
|
import "../assets/button-actions.css";
|
|
25
|
-
var
|
|
25
|
+
var N = /* @__PURE__ */ ((e) => (e.START = "start", e.LOADING = "loading", e.SUCCESS = "success", e.FAIL = "fail", e))(N || {});
|
|
26
26
|
const Ce = {
|
|
27
|
+
"de-DE": { failed: "Fehlgeschlagen", succeded: "Erfolgreich" },
|
|
28
|
+
"en-GB": { failed: "Failed", succeded: "Succeeded" },
|
|
27
29
|
"en-US": { failed: "Failed", succeded: "Succeded" },
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
+
"es-ES": { failed: "Error", succeded: "Correcto" },
|
|
31
|
+
"es-MX": { failed: "Fallido", succeded: "Correcto" },
|
|
32
|
+
"fr-FR": { failed: "Échec", succeded: "Réussite" },
|
|
33
|
+
"it-IT": { failed: "Operazione non riuscita", succeded: "Operazione riuscita" },
|
|
34
|
+
"ja-JP": { failed: "失敗", succeded: "成功" },
|
|
35
|
+
"pt-BR": { failed: "Falhou", succeded: "Bem-sucedido" },
|
|
36
|
+
"zh-CN": { failed: "失败", succeded: "成功" }
|
|
30
37
|
}, Ze = {
|
|
31
38
|
class: "b-loading-button__icon",
|
|
32
39
|
"data-testid": "loading-button-rotating-icon"
|
|
33
40
|
}, Qe = {
|
|
34
41
|
i18n: { messages: Ce }
|
|
35
|
-
}, xe = /* @__PURE__ */
|
|
42
|
+
}, xe = /* @__PURE__ */ $({
|
|
36
43
|
...Qe,
|
|
37
44
|
__name: "loading-button",
|
|
38
45
|
props: {
|
|
@@ -40,21 +47,21 @@ const Ce = {
|
|
|
40
47
|
* Reduces sizing of button
|
|
41
48
|
*/
|
|
42
49
|
condensed: {
|
|
43
|
-
type:
|
|
50
|
+
type: E.props.condensed.type,
|
|
44
51
|
default: !1
|
|
45
52
|
},
|
|
46
53
|
/**
|
|
47
54
|
* Displays loading-button as critical
|
|
48
55
|
*/
|
|
49
56
|
critical: {
|
|
50
|
-
type:
|
|
57
|
+
type: E.props.critical.type,
|
|
51
58
|
default: !1
|
|
52
59
|
},
|
|
53
60
|
/**
|
|
54
61
|
* Disables button functonality
|
|
55
62
|
*/
|
|
56
63
|
disabled: {
|
|
57
|
-
type:
|
|
64
|
+
type: E.props.disabled.type,
|
|
58
65
|
default: !1
|
|
59
66
|
},
|
|
60
67
|
/**
|
|
@@ -70,50 +77,50 @@ const Ce = {
|
|
|
70
77
|
*/
|
|
71
78
|
state: {
|
|
72
79
|
type: String,
|
|
73
|
-
default:
|
|
74
|
-
validator: (e) => Object.values(
|
|
80
|
+
default: N.START,
|
|
81
|
+
validator: (e) => Object.values(N).includes(e)
|
|
75
82
|
},
|
|
76
83
|
/**
|
|
77
84
|
* Types of flavour of Button
|
|
78
85
|
*/
|
|
79
86
|
variant: {
|
|
80
|
-
type:
|
|
87
|
+
type: E.props.variant.type,
|
|
81
88
|
default: "primary",
|
|
82
|
-
validator:
|
|
89
|
+
validator: E.props.variant.validator
|
|
83
90
|
}
|
|
84
91
|
},
|
|
85
92
|
emits: ["click"],
|
|
86
93
|
setup(e, { emit: t }) {
|
|
87
|
-
const i = e, o = t, u =
|
|
88
|
-
[`b-loading-button--${i.variant}-${
|
|
89
|
-
"b-loading-button--loading": i.state ===
|
|
90
|
-
[`b-loading-button--${i.variant}-${
|
|
94
|
+
const i = e, o = t, u = q(), m = oe(u), { t: r } = he({ messages: Ce }), c = g(() => ({
|
|
95
|
+
[`b-loading-button--${i.variant}-${N.LOADING}`]: i.state === N.LOADING && !i.disabled,
|
|
96
|
+
"b-loading-button--loading": i.state === N.LOADING && !i.disabled,
|
|
97
|
+
[`b-loading-button--${i.variant}-${N.SUCCESS}`]: i.state === N.SUCCESS,
|
|
91
98
|
"b-loading-button--inverse": i.inverse
|
|
92
99
|
})), f = g(
|
|
93
100
|
() => i.variant === "primary" && !i.inverse || i.variant !== "primary" && i.inverse
|
|
94
101
|
), a = g(
|
|
95
|
-
() => i.critical && i.state ===
|
|
102
|
+
() => i.critical && i.state === N.START || i.state === N.FAIL
|
|
96
103
|
), s = (d) => {
|
|
97
|
-
d.stopPropagation(), i.state !==
|
|
104
|
+
d.stopPropagation(), i.state !== N.LOADING && o("click", d);
|
|
98
105
|
};
|
|
99
|
-
return (d, n) => (l(), h(
|
|
106
|
+
return (d, n) => (l(), h(E, {
|
|
100
107
|
critical: a.value,
|
|
101
108
|
variant: e.variant,
|
|
102
109
|
condensed: e.condensed,
|
|
103
110
|
disabled: e.disabled,
|
|
104
111
|
inverse: e.inverse,
|
|
105
112
|
class: F(["b-loading-button", c.value]),
|
|
106
|
-
onClickCapture:
|
|
107
|
-
},
|
|
113
|
+
onClickCapture: z(s, ["stop"])
|
|
114
|
+
}, V({
|
|
108
115
|
default: b(() => [
|
|
109
|
-
|
|
116
|
+
w(d.$slots, "default", {}, void 0, !0)
|
|
110
117
|
]),
|
|
111
118
|
_: 2
|
|
112
119
|
}, [
|
|
113
120
|
e.state === "start" && p(m)("iconLeft") ? {
|
|
114
121
|
name: "iconLeft",
|
|
115
122
|
fn: b(() => [
|
|
116
|
-
|
|
123
|
+
w(d.$slots, "iconLeft", {}, void 0, !0)
|
|
117
124
|
]),
|
|
118
125
|
key: "0"
|
|
119
126
|
} : e.state !== "start" ? {
|
|
@@ -126,18 +133,18 @@ const Ce = {
|
|
|
126
133
|
}, null, 8, ["svg-title"])) : e.state === "success" ? (l(), h(p(Ae), {
|
|
127
134
|
key: 1,
|
|
128
135
|
"svg-title": p(r)("succeded")
|
|
129
|
-
}, null, 8, ["svg-title"])) : e.state === "loading" ? (l(), h(p(
|
|
136
|
+
}, null, 8, ["svg-title"])) : e.state === "loading" ? (l(), h(p(we), {
|
|
130
137
|
key: 2,
|
|
131
138
|
small: "",
|
|
132
139
|
inverse: f.value
|
|
133
|
-
}, null, 8, ["inverse"])) :
|
|
140
|
+
}, null, 8, ["inverse"])) : I("", !0)
|
|
134
141
|
])
|
|
135
142
|
]),
|
|
136
143
|
key: "1"
|
|
137
144
|
} : void 0
|
|
138
145
|
]), 1032, ["critical", "variant", "condensed", "disabled", "inverse", "class"]));
|
|
139
146
|
}
|
|
140
|
-
}), et = /* @__PURE__ */
|
|
147
|
+
}), et = /* @__PURE__ */ L(xe, [["__scopeId", "data-v-e68a786b"]]), tt = {}, nt = /* @__PURE__ */ $({
|
|
141
148
|
...tt,
|
|
142
149
|
__name: "toggle-button",
|
|
143
150
|
props: {
|
|
@@ -145,14 +152,14 @@ const Ce = {
|
|
|
145
152
|
* Reduces sizing of button
|
|
146
153
|
*/
|
|
147
154
|
condensed: {
|
|
148
|
-
type:
|
|
155
|
+
type: E.props.condensed.type,
|
|
149
156
|
default: !1
|
|
150
157
|
},
|
|
151
158
|
/**
|
|
152
159
|
* Disables button functonality
|
|
153
160
|
*/
|
|
154
161
|
disabled: {
|
|
155
|
-
type:
|
|
162
|
+
type: E.props.disabled.type,
|
|
156
163
|
default: !1
|
|
157
164
|
},
|
|
158
165
|
/**
|
|
@@ -167,9 +174,9 @@ const Ce = {
|
|
|
167
174
|
* @values primary, secondary, tertiary
|
|
168
175
|
*/
|
|
169
176
|
variant: {
|
|
170
|
-
type:
|
|
177
|
+
type: E.props.variant.type,
|
|
171
178
|
default: "primary",
|
|
172
|
-
validator:
|
|
179
|
+
validator: E.props.variant.validator
|
|
173
180
|
},
|
|
174
181
|
/**
|
|
175
182
|
* The state of the button whether it is toggled or not.
|
|
@@ -189,8 +196,8 @@ const Ce = {
|
|
|
189
196
|
"b-toggle-button--inverse": i.inverse
|
|
190
197
|
})), r = (a) => {
|
|
191
198
|
a.stopPropagation(), i?.disabled || (o("click", a), o("update:toggled", !i.toggled));
|
|
192
|
-
}, c =
|
|
193
|
-
return (a, s) => (l(), h(
|
|
199
|
+
}, c = q(), f = (a) => ({ key: a });
|
|
200
|
+
return (a, s) => (l(), h(E, Y({ class: "b-toggle-button" }, a.$attrs, {
|
|
194
201
|
"aria-expanded": `${e.toggled}`,
|
|
195
202
|
"aria-pressed": `${e.toggled}`,
|
|
196
203
|
condensed: e.condensed,
|
|
@@ -198,19 +205,19 @@ const Ce = {
|
|
|
198
205
|
disabled: e.disabled,
|
|
199
206
|
inverse: e.inverse,
|
|
200
207
|
variant: u.value,
|
|
201
|
-
onClickCapture:
|
|
202
|
-
}),
|
|
208
|
+
onClickCapture: z(r, ["stop"])
|
|
209
|
+
}), V({ _: 2 }, [
|
|
203
210
|
Z(p(c), (d, n) => ({
|
|
204
211
|
name: n,
|
|
205
212
|
fn: b(() => [
|
|
206
|
-
|
|
213
|
+
w(a.$slots, n, Se($e(f(n))), void 0, !0)
|
|
207
214
|
])
|
|
208
215
|
}))
|
|
209
216
|
]), 1040, ["aria-expanded", "aria-pressed", "condensed", "class", "disabled", "inverse", "variant"]));
|
|
210
217
|
}
|
|
211
|
-
}), ot = /* @__PURE__ */
|
|
218
|
+
}), ot = /* @__PURE__ */ L(nt, [["__scopeId", "data-v-f1b10e5f"]]), st = $({
|
|
212
219
|
name: "bento-popover-dismiss-button",
|
|
213
|
-
components: { BentoButton:
|
|
220
|
+
components: { BentoButton: E, CrossIcon: Pe },
|
|
214
221
|
props: {
|
|
215
222
|
onImage: {
|
|
216
223
|
type: Boolean,
|
|
@@ -225,19 +232,19 @@ const Ce = {
|
|
|
225
232
|
}
|
|
226
233
|
});
|
|
227
234
|
function it(e, t, i, o, u, m) {
|
|
228
|
-
const r =
|
|
235
|
+
const r = S("cross-icon"), c = S("bento-button");
|
|
229
236
|
return l(), h(c, {
|
|
230
237
|
class: F(e.conditionalClass),
|
|
231
238
|
variant: "tertiary",
|
|
232
239
|
onClick: t[0] || (t[0] = (f) => e.$emit("click"))
|
|
233
240
|
}, {
|
|
234
241
|
iconLeft: b(() => [
|
|
235
|
-
|
|
242
|
+
O(r, { "svg-title": "dismiss" })
|
|
236
243
|
]),
|
|
237
244
|
_: 1
|
|
238
245
|
}, 8, ["class"]);
|
|
239
246
|
}
|
|
240
|
-
const ue = /* @__PURE__ */
|
|
247
|
+
const ue = /* @__PURE__ */ L(st, [["render", it], ["__scopeId", "data-v-424ecdaa"]]), at = $({
|
|
241
248
|
components: { BentoTypography: ge },
|
|
242
249
|
props: {
|
|
243
250
|
/**
|
|
@@ -261,19 +268,19 @@ const ue = /* @__PURE__ */ S(st, [["render", it], ["__scopeId", "data-v-424ecdaa
|
|
|
261
268
|
}
|
|
262
269
|
});
|
|
263
270
|
function lt(e, t, i, o, u, m) {
|
|
264
|
-
const r =
|
|
271
|
+
const r = S("bento-typography");
|
|
265
272
|
return l(), h(r, {
|
|
266
273
|
strongest: e.isStrongest,
|
|
267
274
|
variant: e.titleVariant,
|
|
268
275
|
el: "span"
|
|
269
276
|
}, {
|
|
270
277
|
default: b(() => [
|
|
271
|
-
|
|
278
|
+
G(U(e.title), 1)
|
|
272
279
|
]),
|
|
273
280
|
_: 1
|
|
274
281
|
}, 8, ["strongest", "variant"]);
|
|
275
282
|
}
|
|
276
|
-
const rt = /* @__PURE__ */
|
|
283
|
+
const rt = /* @__PURE__ */ L(at, [["render", lt]]), ut = (e, t, i = {}) => {
|
|
277
284
|
let o;
|
|
278
285
|
Q(() => {
|
|
279
286
|
o = je(e, t, i);
|
|
@@ -292,7 +299,7 @@ const rt = /* @__PURE__ */ S(at, [["render", lt]]), ut = (e, t, i = {}) => {
|
|
|
292
299
|
}, bt = { class: "b-popover__header-title" }, ht = { key: 0 }, yt = {
|
|
293
300
|
key: 3,
|
|
294
301
|
class: "b-popover__footer"
|
|
295
|
-
}, gt = {}, _t = /* @__PURE__ */
|
|
302
|
+
}, gt = {}, _t = /* @__PURE__ */ $({
|
|
296
303
|
...gt,
|
|
297
304
|
__name: "popover",
|
|
298
305
|
props: {
|
|
@@ -319,21 +326,21 @@ const rt = /* @__PURE__ */ S(at, [["render", lt]]), ut = (e, t, i = {}) => {
|
|
|
319
326
|
},
|
|
320
327
|
emits: ["dismiss", "placement"],
|
|
321
328
|
setup(e, { emit: t }) {
|
|
322
|
-
const o = e, u = t, m =
|
|
329
|
+
const o = e, u = t, m = q(), r = Le(), c = g(() => ({
|
|
323
330
|
id: r.id?.toString(),
|
|
324
331
|
role: r?.role === null ? void 0 : We.POPOVER
|
|
325
|
-
})), f = P(ft, 2), a = v(r["aria-label"]), { ariaLabel: s, title: d } = Te(o), n =
|
|
332
|
+
})), f = P(ft, 2), a = v(r["aria-label"]), { ariaLabel: s, title: d } = Te(o), n = Ue({
|
|
326
333
|
ariaLabel: a.value,
|
|
327
334
|
// TODO: take this line away when the aria-label props is removed
|
|
328
335
|
label: s,
|
|
329
336
|
defaultFallback: d
|
|
330
|
-
}),
|
|
337
|
+
}), k = P(ct, !1) || P(dt, !1), B = g(() => ({
|
|
331
338
|
"b-popover--small": o.small && !o.large,
|
|
332
339
|
"b-popover--with-divider": !!o.divider,
|
|
333
340
|
"b-popover--large": o.large && !o.small,
|
|
334
341
|
"b-popover--fit-content": o.fitContent,
|
|
335
342
|
"b-popover--without-space": o.withoutSpace,
|
|
336
|
-
"b-popover--overflow-visible": o.overflowVisible ||
|
|
343
|
+
"b-popover--overflow-visible": o.overflowVisible || k
|
|
337
344
|
})), W = g(() => ({
|
|
338
345
|
"b-popover__content--with-title": !!o.title
|
|
339
346
|
})), j = () => u("dismiss"), R = oe(m);
|
|
@@ -348,7 +355,7 @@ const rt = /* @__PURE__ */ S(at, [["render", lt]]), ut = (e, t, i = {}) => {
|
|
|
348
355
|
"disabled-focus-trap": _.disableFocusTrap,
|
|
349
356
|
"trap-all": _.trapAll,
|
|
350
357
|
"trap-all-options": _.trapAllOptions,
|
|
351
|
-
class: F([
|
|
358
|
+
class: F([B.value, "b-popover"]),
|
|
352
359
|
"fallback-position": _.fallbackPosition,
|
|
353
360
|
"fixed-positioning": _.fixedPositioning,
|
|
354
361
|
offset: [0, p(f)],
|
|
@@ -359,45 +366,45 @@ const rt = /* @__PURE__ */ S(at, [["render", lt]]), ut = (e, t, i = {}) => {
|
|
|
359
366
|
default: b(() => [
|
|
360
367
|
p(R)("image") ? (l(), C("div", mt, [
|
|
361
368
|
_.dismissible ? (l(), C("div", pt, [
|
|
362
|
-
|
|
369
|
+
O(ue, {
|
|
363
370
|
"on-image": "",
|
|
364
371
|
onClick: j
|
|
365
372
|
})
|
|
366
|
-
])) :
|
|
367
|
-
|
|
368
|
-
])) :
|
|
373
|
+
])) : I("", !0),
|
|
374
|
+
w(_.$slots, "image", {}, void 0, !0)
|
|
375
|
+
])) : I("", !0),
|
|
369
376
|
p(d) ? (l(), C("div", vt, [
|
|
370
377
|
K("div", bt, [
|
|
371
|
-
p(R)("headerIcon") ?
|
|
372
|
-
|
|
378
|
+
p(R)("headerIcon") ? w(_.$slots, "headerIcon", { key: 0 }, void 0, !0) : I("", !0),
|
|
379
|
+
O(rt, {
|
|
373
380
|
title: p(d),
|
|
374
381
|
"is-image-title": !!p(R)("image")
|
|
375
382
|
}, null, 8, ["title", "is-image-title"])
|
|
376
383
|
]),
|
|
377
384
|
_.dismissible && !p(R)("image") ? (l(), C("div", ht, [
|
|
378
|
-
|
|
379
|
-
])) :
|
|
380
|
-
])) :
|
|
385
|
+
O(ue, { onClick: j })
|
|
386
|
+
])) : I("", !0)
|
|
387
|
+
])) : I("", !0),
|
|
381
388
|
p(R)("default") ? (l(), C("div", {
|
|
382
389
|
key: 2,
|
|
383
390
|
class: F(["b-popover__content", W.value])
|
|
384
391
|
}, [
|
|
385
|
-
|
|
386
|
-
], 2)) :
|
|
392
|
+
w(_.$slots, "default", {}, void 0, !0)
|
|
393
|
+
], 2)) : I("", !0),
|
|
387
394
|
_.actions ? (l(), C("div", yt, [
|
|
388
|
-
|
|
395
|
+
O(en, {
|
|
389
396
|
actions: _.actions,
|
|
390
397
|
layout: _.actionsLayout
|
|
391
398
|
}, null, 8, ["actions", "layout"])
|
|
392
|
-
])) :
|
|
399
|
+
])) : I("", !0)
|
|
393
400
|
]),
|
|
394
401
|
_: 3
|
|
395
|
-
}, 8, ["id", "aria-role", "aria-label", "disabled-focus-trap", "trap-all", "trap-all-options", "class", "fallback-position", "fixed-positioning", "offset", "position", "target-element"])) :
|
|
402
|
+
}, 8, ["id", "aria-role", "aria-label", "disabled-focus-trap", "trap-all", "trap-all-options", "class", "fallback-position", "fixed-positioning", "offset", "position", "target-element"])) : I("", !0)
|
|
396
403
|
]),
|
|
397
404
|
_: 3
|
|
398
405
|
}));
|
|
399
406
|
}
|
|
400
|
-
}), Ct = /* @__PURE__ */
|
|
407
|
+
}), Ct = /* @__PURE__ */ L(_t, [["__scopeId", "data-v-84ebb43a"]]), kt = /* @__PURE__ */ Symbol("modal injection key"), It = /* @__PURE__ */ Symbol("sidepanel children element injection key"), Bt = /* @__PURE__ */ Symbol("modal fullscreen children element injection key"), En = /* @__PURE__ */ Symbol("modal fullscreen title id injection key"), Sn = /* @__PURE__ */ Symbol("modal fullscreen close injection key"), Ot = $({
|
|
401
408
|
name: "teleport",
|
|
402
409
|
props: {
|
|
403
410
|
to: {
|
|
@@ -425,7 +432,7 @@ const rt = /* @__PURE__ */ S(at, [["render", lt]]), ut = (e, t, i = {}) => {
|
|
|
425
432
|
defaultTo() {
|
|
426
433
|
if (this.to)
|
|
427
434
|
return this.to;
|
|
428
|
-
const e = P(
|
|
435
|
+
const e = P(kt, "") || P(Bt, "") || P(It, "");
|
|
429
436
|
return e ? `#${e}` : "body";
|
|
430
437
|
}
|
|
431
438
|
},
|
|
@@ -496,14 +503,14 @@ const rt = /* @__PURE__ */ S(at, [["render", lt]]), ut = (e, t, i = {}) => {
|
|
|
496
503
|
return [];
|
|
497
504
|
}
|
|
498
505
|
}
|
|
499
|
-
}),
|
|
500
|
-
...
|
|
506
|
+
}), Et = /* @__PURE__ */ $({
|
|
507
|
+
...Ot,
|
|
501
508
|
setup(e) {
|
|
502
509
|
return (t, i) => p(_e) ? (l(), C("div", {
|
|
503
510
|
key: 0,
|
|
504
511
|
class: F(t.classes)
|
|
505
512
|
}, [
|
|
506
|
-
|
|
513
|
+
w(t.$slots, "default", {}, void 0, !0)
|
|
507
514
|
], 2)) : (l(), h(Me, {
|
|
508
515
|
key: 1,
|
|
509
516
|
to: t.defaultTo,
|
|
@@ -511,25 +518,25 @@ const rt = /* @__PURE__ */ S(at, [["render", lt]]), ut = (e, t, i = {}) => {
|
|
|
511
518
|
disabled: t.disabled,
|
|
512
519
|
class: F(t.classes)
|
|
513
520
|
}, [
|
|
514
|
-
|
|
521
|
+
w(t.$slots, "default", {}, void 0, !0)
|
|
515
522
|
], 8, ["to", "where", "disabled", "class"]));
|
|
516
523
|
}
|
|
517
|
-
}),
|
|
524
|
+
}), St = /* @__PURE__ */ L(Et, [["__scopeId", "data-v-acbda3aa"]]);
|
|
518
525
|
let de = 0;
|
|
519
|
-
const
|
|
526
|
+
const $t = {
|
|
520
527
|
beforeCreate() {
|
|
521
528
|
this.uuid = de.toString(), de += 1;
|
|
522
529
|
}
|
|
523
|
-
},
|
|
530
|
+
}, Lt = { key: 0 };
|
|
524
531
|
function Tt(e, t, i, o, u, m) {
|
|
525
|
-
return l(), C("svg",
|
|
532
|
+
return l(), C("svg", Y({ role: "img" }, e.$attrs, {
|
|
526
533
|
class: "ui-assets-icons-16",
|
|
527
534
|
xmlns: "http://www.w3.org/2000/svg",
|
|
528
535
|
width: "16",
|
|
529
536
|
height: "16",
|
|
530
537
|
fill: "none"
|
|
531
538
|
}), [
|
|
532
|
-
e.$attrs["svg-title"] ? (l(), C("title",
|
|
539
|
+
e.$attrs["svg-title"] ? (l(), C("title", Lt, U(e.$attrs["svg-title"]), 1)) : I("", !0),
|
|
533
540
|
t[0] || (t[0] = K("path", {
|
|
534
541
|
fill: "#001222",
|
|
535
542
|
d: "M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z"
|
|
@@ -544,7 +551,7 @@ function Tt(e, t, i, o, u, m) {
|
|
|
544
551
|
}, null, -1))
|
|
545
552
|
], 16);
|
|
546
553
|
}
|
|
547
|
-
const Mt = /* @__PURE__ */
|
|
554
|
+
const Mt = /* @__PURE__ */ L($t, [["render", Tt]]), Nt = $({
|
|
548
555
|
name: "menu-item",
|
|
549
556
|
components: { BaseButton: He, BentoTypography: ge, ChevronRightIcon: Je },
|
|
550
557
|
props: {
|
|
@@ -619,7 +626,7 @@ const Mt = /* @__PURE__ */ S(Lt, [["render", Tt]]), wt = L({
|
|
|
619
626
|
const o = g(() => ({
|
|
620
627
|
"b-menu-item--critical": e.critical,
|
|
621
628
|
"b-menu-item--indent": e.indent
|
|
622
|
-
})), u = g(() =>
|
|
629
|
+
})), u = g(() => ze(e.secondaryText, 10));
|
|
623
630
|
return {
|
|
624
631
|
// Values
|
|
625
632
|
conditionalClasses: o,
|
|
@@ -631,24 +638,24 @@ const Mt = /* @__PURE__ */ S(Lt, [["render", Tt]]), wt = L({
|
|
|
631
638
|
};
|
|
632
639
|
}
|
|
633
640
|
});
|
|
634
|
-
function
|
|
635
|
-
const r =
|
|
641
|
+
function wt(e, t, i, o, u, m) {
|
|
642
|
+
const r = S("bento-typography"), c = S("chevron-right-icon"), f = S("base-button");
|
|
636
643
|
return l(), h(f, {
|
|
637
644
|
class: F(["b-menu-item", e.conditionalClasses]),
|
|
638
645
|
role: "menuitem",
|
|
639
646
|
disabled: e.disabled,
|
|
640
647
|
tabindex: "-1",
|
|
641
648
|
onClick: e.onClick
|
|
642
|
-
},
|
|
649
|
+
}, V({
|
|
643
650
|
default: b(() => [
|
|
644
|
-
|
|
651
|
+
O(r, {
|
|
645
652
|
el: "span",
|
|
646
653
|
variant: "body",
|
|
647
654
|
stronger: e.isTitle,
|
|
648
655
|
class: "b-menu-item__primary-text"
|
|
649
656
|
}, {
|
|
650
657
|
default: b(() => [
|
|
651
|
-
|
|
658
|
+
G(U(e.text), 1)
|
|
652
659
|
]),
|
|
653
660
|
_: 1
|
|
654
661
|
}, 8, ["stronger"]),
|
|
@@ -659,10 +666,10 @@ function Nt(e, t, i, o, u, m) {
|
|
|
659
666
|
class: "b-menu-item__secondary-text"
|
|
660
667
|
}, {
|
|
661
668
|
default: b(() => [
|
|
662
|
-
|
|
669
|
+
G(U(e.computedSecondaryText), 1)
|
|
663
670
|
]),
|
|
664
671
|
_: 1
|
|
665
|
-
})) :
|
|
672
|
+
})) : I("", !0)
|
|
666
673
|
]),
|
|
667
674
|
_: 2
|
|
668
675
|
}, [
|
|
@@ -679,18 +686,18 @@ function Nt(e, t, i, o, u, m) {
|
|
|
679
686
|
e.chevron ? {
|
|
680
687
|
name: "iconRight",
|
|
681
688
|
fn: b(() => [
|
|
682
|
-
|
|
689
|
+
O(c, { "aria-hidden": "true" })
|
|
683
690
|
]),
|
|
684
691
|
key: "1"
|
|
685
692
|
} : void 0
|
|
686
693
|
]), 1032, ["class", "disabled", "onClick"]);
|
|
687
694
|
}
|
|
688
|
-
const
|
|
689
|
-
({ ...
|
|
695
|
+
const ke = /* @__PURE__ */ L(Nt, [["render", wt], ["__scopeId", "data-v-9dace5ac"]]);
|
|
696
|
+
({ ...Ve });
|
|
690
697
|
var D = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(D || {});
|
|
691
698
|
const Rt = /* @__PURE__ */ Symbol("menu registering injection key"), At = {
|
|
692
699
|
name: "bento-menu-list-container"
|
|
693
|
-
}, Dt = /* @__PURE__ */
|
|
700
|
+
}, Dt = /* @__PURE__ */ $({
|
|
694
701
|
...At,
|
|
695
702
|
setup(e) {
|
|
696
703
|
const t = v(), i = v({}), o = P(Rt, !1);
|
|
@@ -700,23 +707,30 @@ const Rt = /* @__PURE__ */ Symbol("menu registering injection key"), At = {
|
|
|
700
707
|
mouseleave: o?.menuMouseLeave
|
|
701
708
|
};
|
|
702
709
|
}
|
|
703
|
-
return (u, m) => (l(), C("div",
|
|
710
|
+
return (u, m) => (l(), C("div", Y({
|
|
704
711
|
ref_key: "menuListContainerRef",
|
|
705
712
|
ref: t,
|
|
706
713
|
class: "b-menu-list-container",
|
|
707
714
|
"data-testid": "menu-list-container"
|
|
708
715
|
}, ne(i.value, !0)), [
|
|
709
|
-
|
|
716
|
+
w(u.$slots, "default", {}, void 0, !0)
|
|
710
717
|
], 16));
|
|
711
718
|
}
|
|
712
|
-
}),
|
|
719
|
+
}), Ie = /* @__PURE__ */ L(Dt, [["__scopeId", "data-v-9ef14d73"]]), se = {
|
|
720
|
+
"de-DE": { backButton: "Zurück", menuButton: "Menü öffnen" },
|
|
721
|
+
"en-GB": { backButton: "Go back", menuButton: "Open menu" },
|
|
713
722
|
"en-US": { backButton: "Go back", menuButton: "Open menu" },
|
|
723
|
+
"es-ES": { backButton: "Volver atrás", menuButton: "Abrir menú" },
|
|
724
|
+
"es-MX": { backButton: "Volver", menuButton: "Abrir menú" },
|
|
725
|
+
"fr-FR": { backButton: "Retour", menuButton: "Ouvrir le menu" },
|
|
726
|
+
"it-IT": { backButton: "Torna indietro", menuButton: "Apri menu" },
|
|
714
727
|
"ja-JP": { backButton: "戻る", menuButton: "メニューを開く" },
|
|
715
|
-
"pt-BR": { backButton: "
|
|
716
|
-
|
|
728
|
+
"pt-BR": { backButton: "Voltar", menuButton: "Abrir menu" },
|
|
729
|
+
"zh-CN": { backButton: "返回", menuButton: "打开菜单" }
|
|
730
|
+
}, Pt = $({
|
|
717
731
|
i18n: { messages: se },
|
|
718
732
|
name: "sub-menu-item-list",
|
|
719
|
-
components: { BentoDivider: ye, MenuItem:
|
|
733
|
+
components: { BentoDivider: ye, MenuItem: ke, MenuListContainer: Ie },
|
|
720
734
|
props: {
|
|
721
735
|
items: {
|
|
722
736
|
type: Array,
|
|
@@ -779,29 +793,29 @@ const Rt = /* @__PURE__ */ Symbol("menu registering injection key"), At = {
|
|
|
779
793
|
}
|
|
780
794
|
});
|
|
781
795
|
function Ft(e, t, i, o, u, m) {
|
|
782
|
-
const r =
|
|
796
|
+
const r = S("menu-item"), c = S("bento-divider"), f = S("menu-list-container");
|
|
783
797
|
return l(), h(me, {
|
|
784
798
|
name: "b-sub-menu-item-list__transition",
|
|
785
799
|
appear: ""
|
|
786
800
|
}, {
|
|
787
801
|
default: b(() => [
|
|
788
|
-
|
|
802
|
+
O(f, { class: "b-sub-menu-item-list" }, {
|
|
789
803
|
default: b(() => [
|
|
790
804
|
K("ul", {
|
|
791
805
|
ref: "subMenuItemListRefLocal",
|
|
792
806
|
role: "menu",
|
|
793
807
|
class: "b-sub-menu-item-list__list",
|
|
794
808
|
onKeydown: [
|
|
795
|
-
t[0] || (t[0] = T(
|
|
796
|
-
t[1] || (t[1] = T(
|
|
797
|
-
t[2] || (t[2] = T(
|
|
809
|
+
t[0] || (t[0] = T(z((...a) => e.focusNext && e.focusNext(...a), ["stop"]), ["down"])),
|
|
810
|
+
t[1] || (t[1] = T(z((...a) => e.focusPrevious && e.focusPrevious(...a), ["stop"]), ["up"])),
|
|
811
|
+
t[2] || (t[2] = T(z((...a) => e.onBackButton && e.onBackButton(...a), ["stop"]), ["esc"]))
|
|
798
812
|
]
|
|
799
813
|
}, [
|
|
800
|
-
(l(!0), C(
|
|
814
|
+
(l(!0), C(X, null, Z(e.computedItems, (a, s) => (l(), C("li", {
|
|
801
815
|
key: `sub-menu-item-list-item-${s}`,
|
|
802
816
|
role: "none"
|
|
803
817
|
}, [
|
|
804
|
-
|
|
818
|
+
O(r, {
|
|
805
819
|
text: a.text,
|
|
806
820
|
handler: a.handler,
|
|
807
821
|
"secondary-text": a.secondaryText,
|
|
@@ -816,7 +830,7 @@ function Ft(e, t, i, o, u, m) {
|
|
|
816
830
|
a.addDivider ? (l(), h(c, {
|
|
817
831
|
key: 0,
|
|
818
832
|
class: "b-sub-menu-item-list__divider"
|
|
819
|
-
})) :
|
|
833
|
+
})) : I("", !0)
|
|
820
834
|
]))), 128))
|
|
821
835
|
], 544)
|
|
822
836
|
]),
|
|
@@ -826,9 +840,9 @@ function Ft(e, t, i, o, u, m) {
|
|
|
826
840
|
_: 1
|
|
827
841
|
});
|
|
828
842
|
}
|
|
829
|
-
const Wt = /* @__PURE__ */
|
|
830
|
-
function
|
|
831
|
-
return Math.max(
|
|
843
|
+
const Wt = /* @__PURE__ */ L(Pt, [["render", Ft], ["__scopeId", "data-v-e1de172e"]]), Be = 350, Oe = 150;
|
|
844
|
+
function Ee(e) {
|
|
845
|
+
return Math.max(Oe, Math.min(e, Be));
|
|
832
846
|
}
|
|
833
847
|
function Kt(e, t, i, o) {
|
|
834
848
|
const u = v(0), m = v(0), r = (a) => {
|
|
@@ -836,10 +850,10 @@ function Kt(e, t, i, o) {
|
|
|
836
850
|
return;
|
|
837
851
|
const s = a.parentElement, d = a.cloneNode(!0);
|
|
838
852
|
d.style.position = "absolute", d.style.visibility = "hidden", s.appendChild(d), d.style.width = "max-content";
|
|
839
|
-
const n = d.offsetWidth,
|
|
840
|
-
u.value =
|
|
841
|
-
const
|
|
842
|
-
m.value =
|
|
853
|
+
const n = d.offsetWidth, k = Math.max(Oe, Math.min(n, Be));
|
|
854
|
+
u.value = k, d.style.width = `${k}px`;
|
|
855
|
+
const B = d.offsetHeight;
|
|
856
|
+
m.value = B, s.removeChild(d), m.value = B;
|
|
843
857
|
};
|
|
844
858
|
pe([t, i], async ([a]) => {
|
|
845
859
|
if (a !== null) {
|
|
@@ -849,7 +863,7 @@ function Kt(e, t, i, o) {
|
|
|
849
863
|
} else
|
|
850
864
|
u.value = 0, m.value = 0;
|
|
851
865
|
});
|
|
852
|
-
const c = g(() => o?.value ?
|
|
866
|
+
const c = g(() => o?.value ? Ee(o.value) : 0);
|
|
853
867
|
return { computedStyle: g(() => {
|
|
854
868
|
const a = {
|
|
855
869
|
width: c.value > 0 ? `${c.value}px` : "max-content"
|
|
@@ -857,9 +871,9 @@ function Kt(e, t, i, o) {
|
|
|
857
871
|
return i.value && (m.value > 0 && (a.height = `${m.value}px`), u.value > 0 && (a.width = `${u.value}px`)), a;
|
|
858
872
|
}) };
|
|
859
873
|
}
|
|
860
|
-
const
|
|
874
|
+
const Vt = $({
|
|
861
875
|
name: "menu-item-list",
|
|
862
|
-
components: { BentoDivider: ye, MenuItem:
|
|
876
|
+
components: { BentoDivider: ye, MenuItem: ke, MenuListContainer: Ie, SubMenuItemList: Wt },
|
|
863
877
|
props: {
|
|
864
878
|
/**
|
|
865
879
|
* The data to be displayed in the list
|
|
@@ -899,13 +913,13 @@ const Ut = L({
|
|
|
899
913
|
},
|
|
900
914
|
emits: [D.CLOSE, "menu-item-click"],
|
|
901
915
|
setup(e, { emit: t, expose: i }) {
|
|
902
|
-
const o = v(null), u = v(null), m = v(null), r = v(null), c = v(!1), f = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), s = v(0), d = v(e.data.length - 1), n = g(() => e.data.some((M) => M.icon)),
|
|
916
|
+
const o = v(null), u = v(null), m = v(null), r = v(null), c = v(!1), f = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), s = v(0), d = v(e.data.length - 1), n = g(() => e.data.some((M) => M.icon)), k = g(() => e.indentItems || n.value ? e.data.map((M) => {
|
|
903
917
|
let y = !1;
|
|
904
918
|
return M.icon || (y = !0), {
|
|
905
919
|
...M,
|
|
906
920
|
indent: y
|
|
907
921
|
};
|
|
908
|
-
}) : e.data),
|
|
922
|
+
}) : e.data), B = async () => {
|
|
909
923
|
await x(), u.value?.children[a.value]?.children[0]?.focus();
|
|
910
924
|
}, W = () => t(D.CLOSE), j = (M, y) => {
|
|
911
925
|
if (M.items) {
|
|
@@ -914,18 +928,18 @@ const Ut = L({
|
|
|
914
928
|
}
|
|
915
929
|
f.value = y, c.value = !1, !M.skipClose && e.closeMenuOnItemSelect !== !1 && W(), t("menu-item-click");
|
|
916
930
|
}, R = () => {
|
|
917
|
-
a.value > 0 ? (a.value -= 1,
|
|
931
|
+
a.value > 0 ? (a.value -= 1, k.value[a.value].disabled && R()) : a.value = d.value, B();
|
|
918
932
|
}, _ = () => {
|
|
919
|
-
a.value < d.value ? (a.value += 1,
|
|
933
|
+
a.value < d.value ? (a.value += 1, k.value[a.value].disabled && _()) : a.value = 0, B();
|
|
920
934
|
}, A = (M, y) => {
|
|
921
935
|
M?.items?.length && (f.value = y, c.value = !0);
|
|
922
936
|
}, J = () => {
|
|
923
937
|
f.value && c.value && (f.value = null, c.value = !1);
|
|
924
938
|
}, ee = () => {
|
|
925
|
-
c.value = !1, f.value = null,
|
|
939
|
+
c.value = !1, f.value = null, B();
|
|
926
940
|
};
|
|
927
941
|
i({
|
|
928
|
-
focusItem:
|
|
942
|
+
focusItem: B
|
|
929
943
|
});
|
|
930
944
|
const { computedStyle: te } = Kt(
|
|
931
945
|
r,
|
|
@@ -939,7 +953,7 @@ const Ut = L({
|
|
|
939
953
|
menuItemListWrapperRef: m,
|
|
940
954
|
subMenuItemListRef: r,
|
|
941
955
|
menuItemRef: o,
|
|
942
|
-
computedData:
|
|
956
|
+
computedData: k,
|
|
943
957
|
computedStyle: te,
|
|
944
958
|
focusedIndex: a,
|
|
945
959
|
subMenuFocusedIndex: s,
|
|
@@ -955,9 +969,9 @@ const Ut = L({
|
|
|
955
969
|
onBackButton: ee
|
|
956
970
|
};
|
|
957
971
|
}
|
|
958
|
-
}),
|
|
972
|
+
}), Ut = ["onKeydown"];
|
|
959
973
|
function jt(e, t, i, o, u, m) {
|
|
960
|
-
const r =
|
|
974
|
+
const r = S("menu-item"), c = S("bento-divider"), f = S("sub-menu-item-list"), a = S("menu-list-container");
|
|
961
975
|
return l(), h(a, {
|
|
962
976
|
ref: "menuItemListWrapperRef",
|
|
963
977
|
style: be(e.computedStyle)
|
|
@@ -974,7 +988,7 @@ function jt(e, t, i, o, u, m) {
|
|
|
974
988
|
t[4] || (t[4] = T((...s) => e.closeMenu && e.closeMenu(...s), ["tab"]))
|
|
975
989
|
]
|
|
976
990
|
}, [
|
|
977
|
-
(l(!0), C(
|
|
991
|
+
(l(!0), C(X, null, Z(e.computedData, (s, d) => (l(), C("li", {
|
|
978
992
|
key: `menu-item-${d}`,
|
|
979
993
|
ref_for: !0,
|
|
980
994
|
ref: "menuItemRef",
|
|
@@ -985,7 +999,7 @@ function jt(e, t, i, o, u, m) {
|
|
|
985
999
|
t[0] || (t[0] = T((n) => e.focusLeft(), ["left"]))
|
|
986
1000
|
]
|
|
987
1001
|
}, [
|
|
988
|
-
|
|
1002
|
+
O(r, {
|
|
989
1003
|
text: s.text,
|
|
990
1004
|
handler: s.items?.length ? () => null : s.handler,
|
|
991
1005
|
"secondary-text": s.secondaryText,
|
|
@@ -1002,7 +1016,7 @@ function jt(e, t, i, o, u, m) {
|
|
|
1002
1016
|
s.addDivider ? (l(), h(c, {
|
|
1003
1017
|
key: 0,
|
|
1004
1018
|
class: "b-menu-item-list__divider"
|
|
1005
|
-
})) :
|
|
1019
|
+
})) : I("", !0),
|
|
1006
1020
|
s.items?.length && e.showSubMenu && e.visibleSubMenuIndex === d ? (l(), h(f, {
|
|
1007
1021
|
key: 1,
|
|
1008
1022
|
ref_for: !0,
|
|
@@ -1011,17 +1025,17 @@ function jt(e, t, i, o, u, m) {
|
|
|
1011
1025
|
title: s.text,
|
|
1012
1026
|
onBack: e.onBackButton,
|
|
1013
1027
|
onClose: e.closeMenu
|
|
1014
|
-
}, null, 8, ["items", "title", "onBack", "onClose"])) :
|
|
1015
|
-
], 40,
|
|
1028
|
+
}, null, 8, ["items", "title", "onBack", "onClose"])) : I("", !0)
|
|
1029
|
+
], 40, Ut))), 128))
|
|
1016
1030
|
], 544)
|
|
1017
1031
|
]),
|
|
1018
1032
|
_: 1
|
|
1019
1033
|
}, 8, ["style"]);
|
|
1020
1034
|
}
|
|
1021
|
-
const
|
|
1035
|
+
const Gt = /* @__PURE__ */ L(Vt, [["render", jt], ["__scopeId", "data-v-7253ab73"]]), Yt = /* @__PURE__ */ Symbol("menu inverse style injection key"), Jt = {
|
|
1022
1036
|
i18n: { messages: se },
|
|
1023
1037
|
name: "bento-menu"
|
|
1024
|
-
}, Ht = /* @__PURE__ */
|
|
1038
|
+
}, Ht = /* @__PURE__ */ $({
|
|
1025
1039
|
...Jt,
|
|
1026
1040
|
props: {
|
|
1027
1041
|
button: { default: () => ({
|
|
@@ -1039,12 +1053,12 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1039
1053
|
},
|
|
1040
1054
|
emits: ["menu-item-click", "click-outside"],
|
|
1041
1055
|
setup(e, { expose: t, emit: i }) {
|
|
1042
|
-
const o = e, u = i, m =
|
|
1043
|
-
|
|
1056
|
+
const o = e, u = i, m = q(), r = oe(m), { t: c } = he({ messages: se }), f = v(null), a = v(null), s = v(!1), d = v(!1), n = v(null), k = Ge("menu"), B = P(Yt, v(!1));
|
|
1057
|
+
Ne(De, B);
|
|
1044
1058
|
const W = g(() => ({
|
|
1045
|
-
"b-menu--inverse":
|
|
1059
|
+
"b-menu--inverse": B.value
|
|
1046
1060
|
})), j = g(
|
|
1047
|
-
() => o.menuWidth ? { width: `${
|
|
1061
|
+
() => o.menuWidth ? { width: `${Ee(o.menuWidth)}px` } : null
|
|
1048
1062
|
), R = g(() => {
|
|
1049
1063
|
if (o?.button)
|
|
1050
1064
|
return {
|
|
@@ -1091,22 +1105,22 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1091
1105
|
ie[0] || (ie[0] = T((tn) => A(), ["esc"]))
|
|
1092
1106
|
]
|
|
1093
1107
|
}, [
|
|
1094
|
-
|
|
1108
|
+
O(ot, Y({
|
|
1095
1109
|
ref_key: "menuButtonRef",
|
|
1096
1110
|
ref: f,
|
|
1097
1111
|
class: "b-menu__toggle-button",
|
|
1098
1112
|
"aria-haspopup": "true"
|
|
1099
1113
|
}, R.value, {
|
|
1100
|
-
"aria-controls": s.value ? p(
|
|
1114
|
+
"aria-controls": s.value ? p(k) : null,
|
|
1101
1115
|
toggled: s.value,
|
|
1102
|
-
inverse: p(
|
|
1116
|
+
inverse: p(B),
|
|
1103
1117
|
onClick: J
|
|
1104
|
-
}),
|
|
1118
|
+
}), V({ _: 2 }, [
|
|
1105
1119
|
!p(r)("default") || p(r)("iconLeft") ? {
|
|
1106
1120
|
name: "iconLeft",
|
|
1107
1121
|
fn: b(() => [
|
|
1108
|
-
|
|
1109
|
-
|
|
1122
|
+
w(y.$slots, "iconLeft", {}, () => [
|
|
1123
|
+
O(p(Mt), {
|
|
1110
1124
|
title: p(c)("menuButton")
|
|
1111
1125
|
}, null, 8, ["title"])
|
|
1112
1126
|
], !0)
|
|
@@ -1116,26 +1130,26 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1116
1130
|
p(r)("default") ? {
|
|
1117
1131
|
name: "default",
|
|
1118
1132
|
fn: b(() => [
|
|
1119
|
-
|
|
1133
|
+
w(y.$slots, "default", {}, void 0, !0)
|
|
1120
1134
|
]),
|
|
1121
1135
|
key: "1"
|
|
1122
1136
|
} : void 0,
|
|
1123
1137
|
p(r)("default") ? {
|
|
1124
1138
|
name: "iconRight",
|
|
1125
1139
|
fn: b(() => [
|
|
1126
|
-
|
|
1140
|
+
O(p(Ye))
|
|
1127
1141
|
]),
|
|
1128
1142
|
key: "2"
|
|
1129
1143
|
} : void 0
|
|
1130
1144
|
]), 1040, ["aria-controls", "toggled", "inverse"]),
|
|
1131
|
-
f.value ? (l(), h(p(
|
|
1145
|
+
f.value ? (l(), h(p(St), {
|
|
1132
1146
|
key: 0,
|
|
1133
1147
|
disabled: !y.teleport
|
|
1134
1148
|
}, {
|
|
1135
1149
|
default: b(() => [
|
|
1136
1150
|
f.value ? (l(), h(Ct, {
|
|
1137
1151
|
key: 0,
|
|
1138
|
-
id: p(
|
|
1152
|
+
id: p(k),
|
|
1139
1153
|
ref_key: "popoverRef",
|
|
1140
1154
|
ref: n,
|
|
1141
1155
|
role: null,
|
|
@@ -1159,7 +1173,7 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1159
1173
|
"without-space": ""
|
|
1160
1174
|
}, {
|
|
1161
1175
|
default: b(() => [
|
|
1162
|
-
|
|
1176
|
+
O(Gt, {
|
|
1163
1177
|
ref_key: "menuItemListRef",
|
|
1164
1178
|
ref: a,
|
|
1165
1179
|
"close-menu-on-item-select": y.closeMenuOnItemSelect,
|
|
@@ -1171,28 +1185,28 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1171
1185
|
}, null, 8, ["close-menu-on-item-select", "data", "focus-last-element", "popover-width"])
|
|
1172
1186
|
]),
|
|
1173
1187
|
_: 1
|
|
1174
|
-
}, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) :
|
|
1188
|
+
}, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : I("", !0)
|
|
1175
1189
|
]),
|
|
1176
1190
|
_: 1
|
|
1177
|
-
}, 8, ["disabled"])) :
|
|
1191
|
+
}, 8, ["disabled"])) : I("", !0)
|
|
1178
1192
|
], 34));
|
|
1179
1193
|
}
|
|
1180
|
-
}),
|
|
1194
|
+
}), zt = /* @__PURE__ */ L(Ht, [["__scopeId", "data-v-eee5aa88"]]), Xt = /* @__PURE__ */ Symbol(
|
|
1181
1195
|
"button actions with menu container injection key"
|
|
1182
|
-
),
|
|
1196
|
+
), qt = 242, ce = parseInt(qe, 10), Zt = (e, t, i) => {
|
|
1183
1197
|
const o = v(0);
|
|
1184
1198
|
let u = null;
|
|
1185
|
-
const { buttonActionsWithMenu: m, menu: r, stackButtons: c } = P(
|
|
1199
|
+
const { buttonActionsWithMenu: m, menu: r, stackButtons: c } = P(Xt, {
|
|
1186
1200
|
buttonActionsWithMenu: v(null),
|
|
1187
1201
|
menu: v(null),
|
|
1188
1202
|
stackButtons: v(!1)
|
|
1189
1203
|
}), f = g(() => m.value ?? e.value), a = g(() => r.value ? [...t.value, r.value.$el] : t.value), s = (d) => {
|
|
1190
1204
|
const n = a.value?.reduce(
|
|
1191
|
-
(
|
|
1205
|
+
(B, W) => B + W.clientWidth + ce,
|
|
1192
1206
|
-ce - 1
|
|
1193
1207
|
// to remove the extra spacing, as if there's 3 buttons, only two will have a gap in between
|
|
1194
|
-
),
|
|
1195
|
-
return d && (o.value =
|
|
1208
|
+
), k = f.value.clientWidth;
|
|
1209
|
+
return d && (o.value = k >= qt && !c.value ? n : 0), o.value > k;
|
|
1196
1210
|
};
|
|
1197
1211
|
return pe(
|
|
1198
1212
|
() => i.value,
|
|
@@ -1203,13 +1217,13 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1203
1217
|
},
|
|
1204
1218
|
{ deep: !0 }
|
|
1205
1219
|
), Q(() => {
|
|
1206
|
-
u =
|
|
1220
|
+
u = Xe(f.value, () => {
|
|
1207
1221
|
c.value = s(o.value === 0);
|
|
1208
1222
|
});
|
|
1209
1223
|
}), fe(() => {
|
|
1210
1224
|
u?.disconnect();
|
|
1211
1225
|
}), c;
|
|
1212
|
-
}, Qt = {}, xt = /* @__PURE__ */
|
|
1226
|
+
}, Qt = {}, xt = /* @__PURE__ */ $({
|
|
1213
1227
|
...Qt,
|
|
1214
1228
|
__name: "button-actions",
|
|
1215
1229
|
props: {
|
|
@@ -1236,14 +1250,14 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1236
1250
|
class: F(["b-button-actions__container-wrapper", c.value]),
|
|
1237
1251
|
role: "group"
|
|
1238
1252
|
}, [
|
|
1239
|
-
(l(!0), C(
|
|
1240
|
-
key:
|
|
1253
|
+
(l(!0), C(X, null, Z(m.value, (n, k) => (l(), C("div", {
|
|
1254
|
+
key: k,
|
|
1241
1255
|
ref_for: !0,
|
|
1242
1256
|
ref_key: "buttons",
|
|
1243
1257
|
ref: o,
|
|
1244
1258
|
class: "b-button-actions__button-wrapper"
|
|
1245
1259
|
}, [
|
|
1246
|
-
n.data ? (l(), h(
|
|
1260
|
+
n.data ? (l(), h(zt, {
|
|
1247
1261
|
key: 0,
|
|
1248
1262
|
ref_for: !0,
|
|
1249
1263
|
ref: n.elementRef,
|
|
@@ -1256,7 +1270,7 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1256
1270
|
"menu-width": n.menuWidth,
|
|
1257
1271
|
"revert-focus-to-button": n.revertFocusToButton,
|
|
1258
1272
|
teleport: n.teleport
|
|
1259
|
-
},
|
|
1273
|
+
}, V({ _: 2 }, [
|
|
1260
1274
|
n.icon || n.iconLeft ? {
|
|
1261
1275
|
name: "iconLeft",
|
|
1262
1276
|
fn: b(() => [
|
|
@@ -1269,12 +1283,12 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1269
1283
|
a(n) ? void 0 : {
|
|
1270
1284
|
name: "default",
|
|
1271
1285
|
fn: b(() => [
|
|
1272
|
-
|
|
1286
|
+
G(U(n.title), 1)
|
|
1273
1287
|
]),
|
|
1274
1288
|
key: "1"
|
|
1275
1289
|
}
|
|
1276
|
-
]), 1032, ["data", "close-menu-on-item-select", "close-on-click-outside-options", "disable-arrow-down-opening-menu", "menu-position", "menu-fixed-positioning", "menu-width", "revert-focus-to-button", "teleport"])) : (l(), C(
|
|
1277
|
-
n.state ? (l(), h(et,
|
|
1290
|
+
]), 1032, ["data", "close-menu-on-item-select", "close-on-click-outside-options", "disable-arrow-down-opening-menu", "menu-position", "menu-fixed-positioning", "menu-width", "revert-focus-to-button", "teleport"])) : (l(), C(X, { key: 1 }, [
|
|
1291
|
+
n.state ? (l(), h(et, Y({
|
|
1278
1292
|
key: 0,
|
|
1279
1293
|
ref_for: !0,
|
|
1280
1294
|
ref: n.elementRef,
|
|
@@ -1283,8 +1297,8 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1283
1297
|
disabled: n.disabled,
|
|
1284
1298
|
inverse: s.inverse,
|
|
1285
1299
|
state: n.state,
|
|
1286
|
-
variant: n.variant || r(
|
|
1287
|
-
}, ne(f(n))),
|
|
1300
|
+
variant: n.variant || r(k)
|
|
1301
|
+
}, ne(f(n))), V({ _: 2 }, [
|
|
1288
1302
|
n.icon || n.iconLeft ? {
|
|
1289
1303
|
name: "iconLeft",
|
|
1290
1304
|
fn: b(() => [
|
|
@@ -1297,11 +1311,11 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1297
1311
|
a(n) ? void 0 : {
|
|
1298
1312
|
name: "default",
|
|
1299
1313
|
fn: b(() => [
|
|
1300
|
-
|
|
1314
|
+
G(U(n.title), 1)
|
|
1301
1315
|
]),
|
|
1302
1316
|
key: "1"
|
|
1303
1317
|
}
|
|
1304
|
-
]), 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (l(), h(
|
|
1318
|
+
]), 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (l(), h(E, Y({
|
|
1305
1319
|
key: 1,
|
|
1306
1320
|
ref_for: !0,
|
|
1307
1321
|
ref: n.elementRef,
|
|
@@ -1310,8 +1324,8 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1310
1324
|
disabled: n.disabled,
|
|
1311
1325
|
inverse: s.inverse,
|
|
1312
1326
|
link: n.link,
|
|
1313
|
-
variant: n.variant || r(
|
|
1314
|
-
}, ne(f(n))),
|
|
1327
|
+
variant: n.variant || r(k)
|
|
1328
|
+
}, ne(f(n))), V({ _: 2 }, [
|
|
1315
1329
|
n.icon || n.iconLeft ? {
|
|
1316
1330
|
name: "iconLeft",
|
|
1317
1331
|
fn: b(() => [
|
|
@@ -1324,7 +1338,7 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1324
1338
|
a(n) ? void 0 : {
|
|
1325
1339
|
name: "default",
|
|
1326
1340
|
fn: b(() => [
|
|
1327
|
-
|
|
1341
|
+
G(U(n.title), 1)
|
|
1328
1342
|
]),
|
|
1329
1343
|
key: "1"
|
|
1330
1344
|
},
|
|
@@ -1343,28 +1357,28 @@ const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73
|
|
|
1343
1357
|
], 2)
|
|
1344
1358
|
], 512));
|
|
1345
1359
|
}
|
|
1346
|
-
}), en = /* @__PURE__ */
|
|
1360
|
+
}), en = /* @__PURE__ */ L(xt, [["__scopeId", "data-v-1a12c479"]]);
|
|
1347
1361
|
export {
|
|
1348
1362
|
en as B,
|
|
1349
1363
|
Rt as D,
|
|
1350
1364
|
dt as I,
|
|
1351
|
-
|
|
1365
|
+
Yt as M,
|
|
1352
1366
|
Mt as O,
|
|
1353
1367
|
ft as P,
|
|
1354
|
-
|
|
1368
|
+
It as S,
|
|
1355
1369
|
et as a,
|
|
1356
|
-
|
|
1370
|
+
N as b,
|
|
1357
1371
|
ot as c,
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1372
|
+
Xt as d,
|
|
1373
|
+
St as e,
|
|
1374
|
+
zt as f,
|
|
1361
1375
|
D as g,
|
|
1362
1376
|
Ct as h,
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1377
|
+
En as i,
|
|
1378
|
+
Sn as j,
|
|
1379
|
+
Bt as k,
|
|
1380
|
+
kt as l,
|
|
1367
1381
|
ct as m,
|
|
1368
1382
|
ut as u
|
|
1369
1383
|
};
|
|
1370
|
-
//# sourceMappingURL=button-actions.
|
|
1384
|
+
//# sourceMappingURL=button-actions.Bh_PZ_fV.js.map
|