@adyen/bento-vue3 1.31.1 → 1.32.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 +0 -2
- package/dist/@types/packages/vue2/src/components/accordion/accordion.types.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/accordion/accordion.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/code-snippet/highlight.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/composables/useListboxKeyboardNavigation.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/tag/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/tag/tag.vue.d.ts +1 -1
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/alert.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/card.css +1 -1
- package/dist/assets/code-snippet.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/tag.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/button.js +4 -4
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{accordion-item.BcfGYvjn.js → accordion-item.C7rQK0Xh.js} +2 -2
- package/dist/chunks/{accordion-item.BcfGYvjn.js.map → accordion-item.C7rQK0Xh.js.map} +1 -1
- package/dist/chunks/{action-bar.C7PbsWC8.js → action-bar.2Ch92mVR.js} +6 -6
- package/dist/chunks/{action-bar.C7PbsWC8.js.map → action-bar.2Ch92mVR.js.map} +1 -1
- package/dist/chunks/{alert.DbvBT-G3.js → alert.BOqbFni9.js} +3 -3
- package/dist/chunks/{alert.DbvBT-G3.js.map → alert.BOqbFni9.js.map} +1 -1
- package/dist/chunks/{avatar.IHx0kN0u.js → avatar.DWSW4vWC.js} +2 -2
- package/dist/chunks/{avatar.IHx0kN0u.js.map → avatar.DWSW4vWC.js.map} +1 -1
- package/dist/chunks/{base-button.ewkxHD6W.js → base-button.jyEuuRdl.js} +2 -2
- package/dist/chunks/{base-button.ewkxHD6W.js.map → base-button.jyEuuRdl.js.map} +1 -1
- package/dist/chunks/{base-modal.BnZz-47O.js → base-modal.09efJqFH.js} +5 -5
- package/dist/chunks/{base-modal.BnZz-47O.js.map → base-modal.09efJqFH.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.Bvv0tcKZ.js → button-actions-with-menu.DAxUzw2c.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.Bvv0tcKZ.js.map → button-actions-with-menu.DAxUzw2c.js.map} +1 -1
- package/dist/chunks/{button-actions.NZCTl5Mr.js → button-actions.Dkrp7NsY.js} +3 -3
- package/dist/chunks/{button-actions.NZCTl5Mr.js.map → button-actions.Dkrp7NsY.js.map} +1 -1
- package/dist/chunks/{button.DDi9e0jg.js → button.BbV2BOSa.js} +3 -3
- package/dist/chunks/{button.DDi9e0jg.js.map → button.BbV2BOSa.js.map} +1 -1
- package/dist/chunks/{calendar.CT__HcJG.js → calendar.DrP5wyvL.js} +4 -4
- package/dist/chunks/{calendar.CT__HcJG.js.map → calendar.DrP5wyvL.js.map} +1 -1
- package/dist/chunks/{card.VrgI9htR.js → card.BKtIXyL-.js} +3 -3
- package/dist/chunks/{card.VrgI9htR.js.map → card.BKtIXyL-.js.map} +1 -1
- package/dist/chunks/{checkbox-group.BcbkUTiD.js → checkbox-group.CEzhFcdh.js} +5 -5
- package/dist/chunks/{checkbox-group.BcbkUTiD.js.map → checkbox-group.CEzhFcdh.js.map} +1 -1
- package/dist/chunks/{checkbox.k4EEI4LJ.js → checkbox.Blsg-Tvr.js} +4 -4
- package/dist/chunks/{checkbox.k4EEI4LJ.js.map → checkbox.Blsg-Tvr.js.map} +1 -1
- package/dist/chunks/{code-snippet.DMX4z3gw.js → code-snippet.DyvQts81.js} +13 -13
- package/dist/chunks/{code-snippet.DMX4z3gw.js.map → code-snippet.DyvQts81.js.map} +1 -1
- package/dist/chunks/{controls-group.cYkJcE7Z.js → controls-group.CLureEBJ.js} +3 -3
- package/dist/chunks/{controls-group.cYkJcE7Z.js.map → controls-group.CLureEBJ.js.map} +1 -1
- package/dist/chunks/{copy.CRP53v65.js → copy._G3BOh-w.js} +3 -3
- package/dist/chunks/{copy.CRP53v65.js.map → copy._G3BOh-w.js.map} +1 -1
- package/dist/chunks/{country.vX94O3uR.js → country.DfvzuoT-.js} +2 -2
- package/dist/chunks/{country.vX94O3uR.js.map → country.DfvzuoT-.js.map} +1 -1
- package/dist/chunks/{currency.CgVd9fQN.js → currency.CUF_wGMv.js} +2 -2
- package/dist/chunks/{currency.CgVd9fQN.js.map → currency.CUF_wGMv.js.map} +1 -1
- package/dist/chunks/{dashboard-section.C7fONBmY.js → dashboard-section.CwOasd7G.js} +3 -3
- package/dist/chunks/{dashboard-section.C7fONBmY.js.map → dashboard-section.CwOasd7G.js.map} +1 -1
- package/dist/chunks/{dashed-underline.DfgsO50u.js → dashed-underline.D_262wln.js} +4 -4
- package/dist/chunks/{dashed-underline.DfgsO50u.js.map → dashed-underline.D_262wln.js.map} +1 -1
- package/dist/chunks/{data-grid-template.lVUb5AOk.js → data-grid-template.ViVmshHU.js} +3 -3
- package/dist/chunks/{data-grid-template.lVUb5AOk.js.map → data-grid-template.ViVmshHU.js.map} +1 -1
- package/dist/chunks/{data-grid.BEUdR8kC.js → data-grid.CCVRJrXT.js} +521 -518
- package/dist/chunks/{data-grid.BEUdR8kC.js.map → data-grid.CCVRJrXT.js.map} +1 -1
- package/dist/chunks/{date-picker.BBaSWZPz.js → date-picker.CKiY1ZtA.js} +7 -7
- package/dist/chunks/{date-picker.BBaSWZPz.js.map → date-picker.CKiY1ZtA.js.map} +1 -1
- package/dist/chunks/{date-range-picker.BKJphQau.js → date-range-picker.T10FmcWb.js} +10 -10
- package/dist/chunks/{date-range-picker.BKJphQau.js.map → date-range-picker.T10FmcWb.js.map} +1 -1
- package/dist/chunks/{date.2ndGvIGE.js → date.DXg5sG5Z.js} +2 -2
- package/dist/chunks/{date.2ndGvIGE.js.map → date.DXg5sG5Z.js.map} +1 -1
- package/dist/chunks/{dialog-page.CZ4ZouAB.js → dialog-page.CBim-VWH.js} +35 -36
- package/dist/chunks/{dialog-page.CZ4ZouAB.js.map → dialog-page.CBim-VWH.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.Bt5p6VI-.js → dropdown-default-textbox.Bues7tON.js} +2 -2
- package/dist/chunks/{dropdown-default-textbox.Bt5p6VI-.js.map → dropdown-default-textbox.Bues7tON.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.C7P85-hm.js → dropdown-tag.BiVKlJ-B.js} +6 -6
- package/dist/chunks/{dropdown-tag.C7P85-hm.js.map → dropdown-tag.BiVKlJ-B.js.map} +1 -1
- package/dist/chunks/{dropdown.CnuM6WO5.js → dropdown.CZyiZiox.js} +6 -6
- package/dist/chunks/{dropdown.CnuM6WO5.js.map → dropdown.CZyiZiox.js.map} +1 -1
- package/dist/chunks/{empty-state.DlKnuaPT.js → empty-state.CApqeBsH.js} +3 -3
- package/dist/chunks/{empty-state.DlKnuaPT.js.map → empty-state.CApqeBsH.js.map} +1 -1
- package/dist/chunks/{error-message.BZmulANx.js → error-message.DCScf_vk.js} +3 -3
- package/dist/chunks/{error-message.BZmulANx.js.map → error-message.DCScf_vk.js.map} +1 -1
- package/dist/chunks/{filter-bar.Dw9Kl9r7.js → filter-bar.DCaEgOFF.js} +97 -95
- package/dist/chunks/filter-bar.DCaEgOFF.js.map +1 -0
- package/dist/chunks/{fixed-scroller.DL-B8KQD.js → fixed-scroller.BN3jp9Ss.js} +2 -2
- package/dist/chunks/{fixed-scroller.DL-B8KQD.js.map → fixed-scroller.BN3jp9Ss.js.map} +1 -1
- package/dist/chunks/{footer-actions.9iYchEOX.js → footer-actions.Dj2vH6Hj.js} +4 -4
- package/dist/chunks/{footer-actions.9iYchEOX.js.map → footer-actions.Dj2vH6Hj.js.map} +1 -1
- package/dist/chunks/{form-layout-title.DwyGd8m6.js → form-layout-title.BKJPBhsv.js} +3 -3
- package/dist/chunks/{form-layout-title.DwyGd8m6.js.map → form-layout-title.BKJPBhsv.js.map} +1 -1
- package/dist/chunks/{header.DUZjBeUT.js → header.DygonMXo.js} +5 -5
- package/dist/chunks/{header.DUZjBeUT.js.map → header.DygonMXo.js.map} +1 -1
- package/dist/chunks/{info-icon.B_3zOxf8.js → info-icon.Bb20bxQm.js} +2 -2
- package/dist/chunks/{info-icon.B_3zOxf8.js.map → info-icon.Bb20bxQm.js.map} +1 -1
- package/dist/chunks/{input-field.BYonjwjm.js → input-field.dPEY8nfT.js} +4 -4
- package/dist/chunks/{input-field.BYonjwjm.js.map → input-field.dPEY8nfT.js.map} +1 -1
- package/dist/chunks/{inspector.types.C0WZj6lQ.js → inspector.types.BpPQ6zrm.js} +3 -3
- package/dist/chunks/{inspector.types.C0WZj6lQ.js.map → inspector.types.BpPQ6zrm.js.map} +1 -1
- package/dist/chunks/{link.PWBu8zGO.js → link.DgEKZGKQ.js} +2 -2
- package/dist/chunks/{link.PWBu8zGO.js.map → link.DgEKZGKQ.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.B6XSQl--.js → listbox-option-tag.BU_sJ_KV.js} +3 -3
- package/dist/chunks/{listbox-option-tag.B6XSQl--.js.map → listbox-option-tag.BU_sJ_KV.js.map} +1 -1
- package/dist/chunks/{loading-button.CokvM6FB.js → loading-button.CrijUhme.js} +2 -2
- package/dist/chunks/{loading-button.CokvM6FB.js.map → loading-button.CrijUhme.js.map} +1 -1
- package/dist/chunks/{menu.BuL47dds.js → menu.CE8khC0O.js} +5 -5
- package/dist/chunks/{menu.BuL47dds.js.map → menu.CE8khC0O.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.C6GYTX-p.js → modal-fullscreen.DYfgO3lG.js} +5 -5
- package/dist/chunks/{modal-fullscreen.C6GYTX-p.js.map → modal-fullscreen.DYfgO3lG.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.xIjlimeg.js → modal.vue_vue_type_script_setup_true_lang.uUB7rtBH.js} +6 -6
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.xIjlimeg.js.map → modal.vue_vue_type_script_setup_true_lang.uUB7rtBH.js.map} +1 -1
- package/dist/chunks/{pagination.pQeDklkD.js → pagination.DfKNN2Mb.js} +4 -4
- package/dist/chunks/{pagination.pQeDklkD.js.map → pagination.DfKNN2Mb.js.map} +1 -1
- package/dist/chunks/{payment-method.NCItxw1D.js → payment-method.Dyrh0PaX.js} +2 -2
- package/dist/chunks/{payment-method.NCItxw1D.js.map → payment-method.Dyrh0PaX.js.map} +1 -1
- package/dist/chunks/{popover.CENPURSv.js → popover.BSGQxusD.js} +4 -4
- package/dist/chunks/{popover.CENPURSv.js.map → popover.BSGQxusD.js.map} +1 -1
- package/dist/chunks/{radio-group.fS7yGIgb.js → radio-group.CIXsaLLX.js} +5 -5
- package/dist/chunks/{radio-group.fS7yGIgb.js.map → radio-group.CIXsaLLX.js.map} +1 -1
- package/dist/chunks/{search-bar.DiEgrDzT.js → search-bar.exXNyvwZ.js} +2 -2
- package/dist/chunks/{search-bar.DiEgrDzT.js.map → search-bar.exXNyvwZ.js.map} +1 -1
- package/dist/chunks/{secondary-nav.32EKF4N1.js → secondary-nav.CRJ27DQY.js} +3 -3
- package/dist/chunks/{secondary-nav.32EKF4N1.js.map → secondary-nav.CRJ27DQY.js.map} +1 -1
- package/dist/chunks/{segmented-control.YqRdXOxu.js → segmented-control.hE7kcMb7.js} +3 -3
- package/dist/chunks/{segmented-control.YqRdXOxu.js.map → segmented-control.hE7kcMb7.js.map} +1 -1
- package/dist/chunks/{selection-card-group.Dlz0V4qY.js → selection-card-group.Bxv-t-CN.js} +4 -4
- package/dist/chunks/{selection-card-group.Dlz0V4qY.js.map → selection-card-group.Bxv-t-CN.js.map} +1 -1
- package/dist/chunks/{sidepanel.CBDC89dr.js → sidepanel.C6ndYx2_.js} +5 -5
- package/dist/chunks/{sidepanel.CBDC89dr.js.map → sidepanel.C6ndYx2_.js.map} +1 -1
- package/dist/chunks/{status.types.Bqdcr1WO.js → status.types.wKICxOth.js} +2 -2
- package/dist/chunks/{status.types.Bqdcr1WO.js.map → status.types.wKICxOth.js.map} +1 -1
- package/dist/chunks/{step.lGSc3G0r.js → step.D3y_Iv1_.js} +3 -3
- package/dist/chunks/{step.lGSc3G0r.js.map → step.D3y_Iv1_.js.map} +1 -1
- package/dist/chunks/{structured-list-item.B7exg4y9.js → structured-list-item.CnrBWJgo.js} +6 -6
- package/dist/chunks/{structured-list-item.B7exg4y9.js.map → structured-list-item.CnrBWJgo.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.VthQfaW5.js → summary-grid-item-custom.BMK48oR5.js} +5 -5
- package/dist/chunks/{summary-grid-item-custom.VthQfaW5.js.map → summary-grid-item-custom.BMK48oR5.js.map} +1 -1
- package/dist/chunks/{tabs.B3J65sBM.js → tabs.BeCbcy81.js} +3 -3
- package/dist/chunks/{tabs.B3J65sBM.js.map → tabs.BeCbcy81.js.map} +1 -1
- package/dist/chunks/{tag.CjZAmD9o.js → tag.BZ90rkBe.js} +10 -10
- package/dist/chunks/tag.BZ90rkBe.js.map +1 -0
- package/dist/chunks/{textarea.CCizWd-T.js → textarea.C9dCXF7c.js} +4 -4
- package/dist/chunks/{textarea.CCizWd-T.js.map → textarea.C9dCXF7c.js.map} +1 -1
- package/dist/chunks/{timeline-item.CQaN2Las.js → timeline-item.DVugzZI5.js} +9 -9
- package/dist/chunks/{timeline-item.CQaN2Las.js.map → timeline-item.DVugzZI5.js.map} +1 -1
- package/dist/chunks/{toast.DIXqmWVE.js → toast.CtEylmx6.js} +4 -4
- package/dist/chunks/{toast.DIXqmWVE.js.map → toast.CtEylmx6.js.map} +1 -1
- package/dist/chunks/{toggle-button.B1NdyfEo.js → toggle-button.CYVGUQYj.js} +2 -2
- package/dist/chunks/{toggle-button.B1NdyfEo.js.map → toggle-button.CYVGUQYj.js.map} +1 -1
- package/dist/chunks/{toggle.DmTjGY0a.js → toggle.D1DUlF_5.js} +2 -2
- package/dist/chunks/{toggle.DmTjGY0a.js.map → toggle.D1DUlF_5.js.map} +1 -1
- package/dist/chunks/{tooltip.D8i6THF3.js → tooltip.CVUXkVlR.js} +2 -2
- package/dist/chunks/{tooltip.D8i6THF3.js.map → tooltip.CVUXkVlR.js.map} +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.Djqiqdi7.js → tutorial.vue_vue_type_script_setup_true_lang.Dorj2fX-.js} +5 -5
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.Djqiqdi7.js.map → tutorial.vue_vue_type_script_setup_true_lang.Dorj2fX-.js.map} +1 -1
- package/dist/chunks/{typography.D7onlQ9v.js → typography.CSIykcgS.js} +1 -2
- package/dist/chunks/{typography.D7onlQ9v.js.map → typography.CSIykcgS.js.map} +1 -1
- package/dist/chunks/{use-bento-toast-controller.C0A5tZgd.js → use-bento-toast-controller.kD6xtHQE.js} +2 -2
- package/dist/chunks/{use-bento-toast-controller.C0A5tZgd.js.map → use-bento-toast-controller.kD6xtHQE.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.C67Bg4Js.js → use-cached-selected-values.DplP72ef.js} +565 -561
- package/dist/chunks/use-cached-selected-values.DplP72ef.js.map +1 -0
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +1 -1
- package/dist/currency.js +1 -1
- 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/date.js +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/empty-state.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +63 -63
- package/dist/info-icon.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +8 -8
- package/dist/link.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/payment-method.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/radio-group.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/status.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/toggle.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/typography.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +3 -3
- package/dist/@types/packages/vue2/src/components/badge/badge.types.d.ts +0 -7
- package/dist/@types/packages/vue2/src/components/badge/badge.vue.d.ts +0 -46
- package/dist/@types/packages/vue2/src/components/badge/index.d.ts +0 -2
- package/dist/assets/badge.css +0 -1
- package/dist/badge.js +0 -57
- package/dist/badge.js.map +0 -1
- package/dist/chunks/filter-bar.Dw9Kl9r7.js.map +0 -1
- package/dist/chunks/tag.CjZAmD9o.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.C67Bg4Js.js.map +0 -1
- /package/dist/@types/packages/{vue2 → core}/src/components/tag/tag.types.d.ts +0 -0
package/dist/assets/menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-menu-item[data-v-9e8afd9c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-9e8afd9c],.b-menu-item[data-v-9e8afd9c]:before,.b-menu-item[data-v-9e8afd9c]:after{box-sizing:border-box}.b-menu-item *[data-v-9e8afd9c],.b-menu-item *[data-v-9e8afd9c]:before,.b-menu-item *[data-v-9e8afd9c]:after{box-sizing:border-box}.b-menu-item[data-v-9e8afd9c] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-9e8afd9c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-9e8afd9c]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-9e8afd9c] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-9e8afd9c] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-9e8afd9c] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-9e8afd9c]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-9e8afd9c]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-9e8afd9c]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-02a3ca45]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-02a3ca45],.b-menu-list-container[data-v-02a3ca45]:before,.b-menu-list-container[data-v-02a3ca45]:after{box-sizing:border-box}.b-menu-list-container *[data-v-02a3ca45],.b-menu-list-container *[data-v-02a3ca45]:before,.b-menu-list-container *[data-v-02a3ca45]:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-list-container.b-menu--inverse[data-v-02a3ca45],.b-menu--inverse .b-menu-list-container[data-v-02a3ca45]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-621db243]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-621db243],.b-sub-menu-item-list[data-v-621db243]:before,.b-sub-menu-item-list[data-v-621db243]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-621db243],.b-sub-menu-item-list *[data-v-621db243]:before,.b-sub-menu-item-list *[data-v-621db243]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sub-menu-item-list.b-menu--inverse[data-v-621db243],.b-menu--inverse .b-sub-menu-item-list[data-v-621db243]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-621db243]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-621db243]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-621db243]{animation:enter-ut734oq-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ut734oq-621db243{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-621db243]{animation:exit-ut734pg-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ut734pg-621db243{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-b2223c5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-b2223c5d],.b-menu-item-list[data-v-b2223c5d]:before,.b-menu-item-list[data-v-b2223c5d]:after{box-sizing:border-box}.b-menu-item-list *[data-v-b2223c5d],.b-menu-item-list *[data-v-b2223c5d]:before,.b-menu-item-list *[data-v-b2223c5d]:after{box-sizing:border-box}.b-menu-item-list[data-v-b2223c5d] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-b2223c5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item-list__divider[data-v-b2223c5d]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-8de6bc80]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-8de6bc80],.b-menu[data-v-8de6bc80]:before,.b-menu[data-v-8de6bc80]:after{box-sizing:border-box}.b-menu *[data-v-8de6bc80],.b-menu *[data-v-8de6bc80]:before,.b-menu *[data-v-8de6bc80]:after{box-sizing:border-box}.b-menu[data-v-8de6bc80] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-8de6bc80] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu__popover[data-v-8de6bc80]{width:250px}
|
|
1
|
+
.b-menu-item[data-v-9e8afd9c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-9e8afd9c],.b-menu-item[data-v-9e8afd9c]:before,.b-menu-item[data-v-9e8afd9c]:after{box-sizing:border-box}.b-menu-item *[data-v-9e8afd9c],.b-menu-item *[data-v-9e8afd9c]:before,.b-menu-item *[data-v-9e8afd9c]:after{box-sizing:border-box}.b-menu-item[data-v-9e8afd9c] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-9e8afd9c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-9e8afd9c] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-9e8afd9c]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-9e8afd9c] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-9e8afd9c] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-9e8afd9c] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-9e8afd9c] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-9e8afd9c]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item[data-v-9e8afd9c]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-9e8afd9c]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-9e8afd9c],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-9e8afd9c]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-02a3ca45]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-02a3ca45],.b-menu-list-container[data-v-02a3ca45]:before,.b-menu-list-container[data-v-02a3ca45]:after{box-sizing:border-box}.b-menu-list-container *[data-v-02a3ca45],.b-menu-list-container *[data-v-02a3ca45]:before,.b-menu-list-container *[data-v-02a3ca45]:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-list-container.b-menu--inverse[data-v-02a3ca45],.b-menu--inverse .b-menu-list-container[data-v-02a3ca45]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-621db243]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-621db243],.b-sub-menu-item-list[data-v-621db243]:before,.b-sub-menu-item-list[data-v-621db243]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-621db243],.b-sub-menu-item-list *[data-v-621db243]:before,.b-sub-menu-item-list *[data-v-621db243]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sub-menu-item-list.b-menu--inverse[data-v-621db243],.b-menu--inverse .b-sub-menu-item-list[data-v-621db243]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-621db243]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-621db243]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-621db243]{animation:enter-u45ynm7-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u45ynm7-621db243{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-621db243]{animation:exit-u45ynmv-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-u45ynmv-621db243{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-b2223c5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-b2223c5d],.b-menu-item-list[data-v-b2223c5d]:before,.b-menu-item-list[data-v-b2223c5d]:after{box-sizing:border-box}.b-menu-item-list *[data-v-b2223c5d],.b-menu-item-list *[data-v-b2223c5d]:before,.b-menu-item-list *[data-v-b2223c5d]:after{box-sizing:border-box}.b-menu-item-list[data-v-b2223c5d] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-b2223c5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item-list__divider[data-v-b2223c5d]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-8de6bc80]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-8de6bc80],.b-menu[data-v-8de6bc80]:before,.b-menu[data-v-8de6bc80]:after{box-sizing:border-box}.b-menu *[data-v-8de6bc80],.b-menu *[data-v-8de6bc80]:before,.b-menu *[data-v-8de6bc80]:after{box-sizing:border-box}.b-menu[data-v-8de6bc80] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-8de6bc80] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu__popover[data-v-8de6bc80]{width:250px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-modal-fullscreen-page[data-v-da0f0512]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-da0f0512],.b-modal-fullscreen-page[data-v-da0f0512]:before,.b-modal-fullscreen-page[data-v-da0f0512]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-da0f0512],.b-modal-fullscreen-page *[data-v-da0f0512]:before,.b-modal-fullscreen-page *[data-v-da0f0512]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-da0f0512]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-da0f0512]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-da0f0512]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-da0f0512]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-da0f0512]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-da0f0512]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-da0f0512]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-da0f0512]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-da0f0512] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-da0f0512]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-da0f0512]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-0eef7eae]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-0eef7eae],.b-modal-fullscreen[data-v-0eef7eae]:before,.b-modal-fullscreen[data-v-0eef7eae]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-0eef7eae],.b-modal-fullscreen *[data-v-0eef7eae]:before,.b-modal-fullscreen *[data-v-0eef7eae]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-0eef7eae] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-0eef7eae] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-0eef7eae]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-0eef7eae]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-0eef7eae]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-0eef7eae]{animation:fade-in-
|
|
1
|
+
.b-modal-fullscreen-page[data-v-da0f0512]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-da0f0512],.b-modal-fullscreen-page[data-v-da0f0512]:before,.b-modal-fullscreen-page[data-v-da0f0512]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-da0f0512],.b-modal-fullscreen-page *[data-v-da0f0512]:before,.b-modal-fullscreen-page *[data-v-da0f0512]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-da0f0512]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-da0f0512]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-da0f0512]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-da0f0512]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-da0f0512]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-da0f0512]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-da0f0512]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-da0f0512]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-da0f0512] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-da0f0512]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-da0f0512]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-0eef7eae]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-0eef7eae],.b-modal-fullscreen[data-v-0eef7eae]:before,.b-modal-fullscreen[data-v-0eef7eae]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-0eef7eae],.b-modal-fullscreen *[data-v-0eef7eae]:before,.b-modal-fullscreen *[data-v-0eef7eae]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-0eef7eae] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-0eef7eae] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-0eef7eae]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-0eef7eae]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-0eef7eae]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-0eef7eae]{animation:fade-in-u45yn6z-0eef7eae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-u45yn6z-0eef7eae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-u45yn6z-0eef7eae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u45yn6z-0eef7eae{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u45yn6z-0eef7eae{0%{scale:1}to{scale:1}}@keyframes enter-u45yn6z-0eef7eae{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-0eef7eae]{animation:fade-out-u45yn7u-0eef7eae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-u45yn7u-0eef7eae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-u45yn7u-0eef7eae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-u45yn7u-0eef7eae{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u45yn7u-0eef7eae{0%{scale:1}to{scale:1}}@keyframes exit-u45yn7u-0eef7eae{0%{translate:0 0}to{translate:0 64px}}
|
package/dist/assets/popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-popover-dismiss-button[data-v-df01cfb8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-df01cfb8],.b-popover-dismiss-button[data-v-df01cfb8]:before,.b-popover-dismiss-button[data-v-df01cfb8]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-df01cfb8],.b-popover-dismiss-button *[data-v-df01cfb8]:before,.b-popover-dismiss-button *[data-v-df01cfb8]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-9c79d244]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-9c79d244],.b-popover[data-v-9c79d244]:before,.b-popover[data-v-9c79d244]:after{box-sizing:border-box}.b-popover *[data-v-9c79d244],.b-popover *[data-v-9c79d244]:before,.b-popover *[data-v-9c79d244]:after{box-sizing:border-box}.b-popover[data-v-9c79d244] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-9c79d244] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 376px){.b-popover[data-v-9c79d244]{width:320px}}.b-popover[data-v-9c79d244] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-9c79d244]{width:fit-content}.b-popover--overflow-visible[data-v-9c79d244]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-9c79d244]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-9c79d244]{width:200px}.b-popover--large[data-v-9c79d244]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-9c79d244]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-9c79d244]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-9c79d244],.b-popover--without-space .b-popover__content[data-v-9c79d244],.b-popover--without-space .b-popover__footer[data-v-9c79d244]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-9c79d244]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-9c79d244]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-9c79d244]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-9c79d244]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-9c79d244]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-9c79d244]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-9c79d244]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-9c79d244]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-9c79d244]{animation:fade-in-
|
|
1
|
+
.b-popover-dismiss-button[data-v-df01cfb8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-df01cfb8],.b-popover-dismiss-button[data-v-df01cfb8]:before,.b-popover-dismiss-button[data-v-df01cfb8]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-df01cfb8],.b-popover-dismiss-button *[data-v-df01cfb8]:before,.b-popover-dismiss-button *[data-v-df01cfb8]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-9c79d244]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-9c79d244],.b-popover[data-v-9c79d244]:before,.b-popover[data-v-9c79d244]:after{box-sizing:border-box}.b-popover *[data-v-9c79d244],.b-popover *[data-v-9c79d244]:before,.b-popover *[data-v-9c79d244]:after{box-sizing:border-box}.b-popover[data-v-9c79d244] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-9c79d244] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 376px){.b-popover[data-v-9c79d244]{width:320px}}.b-popover[data-v-9c79d244] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-9c79d244]{width:fit-content}.b-popover--overflow-visible[data-v-9c79d244]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-9c79d244]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-9c79d244]{width:200px}.b-popover--large[data-v-9c79d244]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-9c79d244]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-9c79d244]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-9c79d244],.b-popover--without-space .b-popover__content[data-v-9c79d244],.b-popover--without-space .b-popover__footer[data-v-9c79d244]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-9c79d244]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-9c79d244]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-9c79d244]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-9c79d244]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-9c79d244]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-9c79d244]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-9c79d244]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-9c79d244]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-9c79d244]{animation:fade-in-u45yn9m-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u45yn9m-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u45yn9m-9c79d244{0%{opacity:0}to{opacity:1}}@keyframes move-in-u45yn9m-9c79d244{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-9c79d244]{animation:fade-out-u45yn9p-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u45yn9p-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u45yn9p-9c79d244{0%{opacity:1}to{opacity:0}}@keyframes move-out-u45yn9p-9c79d244{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-9c79d244]{animation:fade-in-u45ynag-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u45ynag-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u45ynag-9c79d244{0%{opacity:0}to{opacity:1}}@keyframes move-in-u45ynag-9c79d244{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-9c79d244]{animation:fade-out-u45ynan-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u45ynan-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u45ynan-9c79d244{0%{opacity:1}to{opacity:0}}@keyframes move-out-u45ynan-9c79d244{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-9c79d244]{animation:fade-in-u45ynbd-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u45ynbd-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u45ynbd-9c79d244{0%{opacity:0}to{opacity:1}}@keyframes move-in-u45ynbd-9c79d244{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-9c79d244]{animation:fade-out-u45ync9-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u45ync9-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u45ync9-9c79d244{0%{opacity:1}to{opacity:0}}@keyframes move-out-u45ync9-9c79d244{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-9c79d244]{animation:fade-in-u45yncg-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u45yncg-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u45yncg-9c79d244{0%{opacity:0}to{opacity:1}}@keyframes move-in-u45yncg-9c79d244{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-9c79d244]{animation:fade-out-u45ynd0-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u45ynd0-9c79d244 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u45ynd0-9c79d244{0%{opacity:1}to{opacity:0}}@keyframes move-out-u45ynd0-9c79d244{0%{left:0}to{left:-8px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-sidepanel-page[data-v-b0fa716c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-b0fa716c],.b-sidepanel-page[data-v-b0fa716c]:before,.b-sidepanel-page[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-b0fa716c],.b-sidepanel-page *[data-v-b0fa716c]:before,.b-sidepanel-page *[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-b0fa716c]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap}.b-sidepanel-page__title[data-v-b0fa716c]{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-b0fa716c]{flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-b0fa716c]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-c2561dbc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-c2561dbc],.b-sidepanel[data-v-c2561dbc]:before,.b-sidepanel[data-v-c2561dbc]:after{box-sizing:border-box}.b-sidepanel *[data-v-c2561dbc],.b-sidepanel *[data-v-c2561dbc]:before,.b-sidepanel *[data-v-c2561dbc]:after{box-sizing:border-box}.b-sidepanel[data-v-c2561dbc] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-c2561dbc] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 500px){.b-sidepanel[data-v-c2561dbc]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}.b-sidepanel__close-button[data-v-c2561dbc]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-c2561dbc]{overflow:hidden}.b-sidepanel[data-v-c2561dbc]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-c2561dbc]::backdrop{opacity:.4}.b-sidepanel[open][data-v-c2561dbc]{animation:enter-
|
|
1
|
+
.b-sidepanel-page[data-v-b0fa716c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-b0fa716c],.b-sidepanel-page[data-v-b0fa716c]:before,.b-sidepanel-page[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-b0fa716c],.b-sidepanel-page *[data-v-b0fa716c]:before,.b-sidepanel-page *[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-b0fa716c]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap}.b-sidepanel-page__title[data-v-b0fa716c]{flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-b0fa716c]{flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-b0fa716c]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-c2561dbc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-c2561dbc],.b-sidepanel[data-v-c2561dbc]:before,.b-sidepanel[data-v-c2561dbc]:after{box-sizing:border-box}.b-sidepanel *[data-v-c2561dbc],.b-sidepanel *[data-v-c2561dbc]:before,.b-sidepanel *[data-v-c2561dbc]:after{box-sizing:border-box}.b-sidepanel[data-v-c2561dbc] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-c2561dbc] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 500px){.b-sidepanel[data-v-c2561dbc]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}.b-sidepanel__close-button[data-v-c2561dbc]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-c2561dbc]{overflow:hidden}.b-sidepanel[data-v-c2561dbc]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-c2561dbc]::backdrop{opacity:.4}.b-sidepanel[open][data-v-c2561dbc]{animation:enter-u45yn72-c2561dbc var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-u45yn72-c2561dbc{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-c2561dbc]::backdrop{animation:fade-in-u45yn7q-c2561dbc var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-u45yn7q-c2561dbc{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-c2561dbc]{animation:exit-u45yn8m-c2561dbc var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-u45yn8m-c2561dbc{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-c2561dbc]::backdrop{animation:fade-out-u45yn9a-c2561dbc var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-u45yn9a-c2561dbc{0%{opacity:.5}to{opacity:0}}
|
package/dist/assets/tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-tag[data-v-
|
|
1
|
+
.b-tag[data-v-d4e287c9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:4px;cursor:default;display:inline-flex;flex-direction:row;gap:6px;justify-content:center;padding:var(--b-tag-padding);width:fit-content}.b-tag[data-v-d4e287c9],.b-tag[data-v-d4e287c9]:before,.b-tag[data-v-d4e287c9]:after{box-sizing:border-box}.b-tag *[data-v-d4e287c9],.b-tag *[data-v-d4e287c9]:before,.b-tag *[data-v-d4e287c9]:after{box-sizing:border-box}.b-tag[data-v-d4e287c9] ::-webkit-scrollbar{height:14px;width:14px}.b-tag[data-v-d4e287c9] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-tag--grey[data-v-d4e287c9]{background-color:var(--b-tag-default-background-color)}.b-tag--grey .b-tag__label[data-v-d4e287c9]{color:var(--b-tag-default-color)}.b-tag--blue[data-v-d4e287c9]{background-color:var(--b-tag-blue-background-color)}.b-tag--blue .b-tag__label[data-v-d4e287c9]{color:var(--b-tag-blue-color)}.b-tag--green[data-v-d4e287c9]{background-color:var(--b-tag-green-background-color)}.b-tag--green .b-tag__label[data-v-d4e287c9]{color:var(--b-tag-green-color)}.b-tag--orange[data-v-d4e287c9]{background-color:var(--b-tag-orange-background-color)}.b-tag--orange .b-tag__label[data-v-d4e287c9]{color:var(--b-tag-orange-color)}.b-tag--red[data-v-d4e287c9]{background-color:var(--b-tag-red-background-color)}.b-tag--red .b-tag__label[data-v-d4e287c9]{color:var(--b-tag-red-color)}.b-tag--white[data-v-d4e287c9]{background-color:var(--b-tag-white-background-color)}.b-tag--white .b-tag__label[data-v-d4e287c9]{color:var(--b-tag-white-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-listbox-single-select-category[data-v-a90eff17]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-a90eff17],.b-listbox-single-select-category[data-v-a90eff17]:before,.b-listbox-single-select-category[data-v-a90eff17]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-a90eff17],.b-listbox-single-select-category *[data-v-a90eff17]:before,.b-listbox-single-select-category *[data-v-a90eff17]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-a90eff17] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-a90eff17] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-single-select-category[data-v-a90eff17]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-a90eff17]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-listbox-single-select-option[data-v-f23c9ad8]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-f23c9ad8]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-9a00de22]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-9a00de22],.b-listbox-multi-select-category[data-v-9a00de22]:before,.b-listbox-multi-select-category[data-v-9a00de22]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-9a00de22],.b-listbox-multi-select-category *[data-v-9a00de22]:before,.b-listbox-multi-select-category *[data-v-9a00de22]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-9a00de22] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-9a00de22] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-category--disabled[data-v-9a00de22]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-9a00de22]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-static-category-label-text-color)}.b-listbox-multi-select-category__label[data-v-9a00de22]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-9a00de22]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-25938a72]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-25938a72],.b-listbox-multi-select-options[data-v-25938a72]:before,.b-listbox-multi-select-options[data-v-25938a72]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-25938a72] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-25938a72] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-options__category-option[data-v-25938a72]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-25938a72]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select-chips[data-v-7c5f8bdb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox-multi-select-chips[data-v-7c5f8bdb],.b-listbox-multi-select-chips[data-v-7c5f8bdb]:before,.b-listbox-multi-select-chips[data-v-7c5f8bdb]:after{box-sizing:border-box}.b-listbox-multi-select-chips[data-v-7c5f8bdb] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-chips[data-v-7c5f8bdb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]{background:var(--b-listbox-multi-select-chips-chip-background);border-radius:var(--b-listbox-multi-select-chips-chip-border-radius);display:flex;gap:var(--b-listbox-multi-select-chips-chip-gap);padding:var(--b-listbox-multi-select-chips-chip-padding)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:focus-visible{animation:outer-ring-default-7c5f8bdb var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-7c5f8bdb{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:hover{background:var(--b-listbox-multi-select-chips-chip-hover-background)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:active{background:var(--b-listbox-multi-select-chips-chip-active-background)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:disabled{background:var(--b-listbox-multi-select-chips-chip-disabled-background);color:var(--b-listbox-multi-select-chips-chip-disabled-color)}.b-listbox-multi-select-chips__option-text[data-v-7c5f8bdb]{display:flex;overflow-wrap:anywhere}.b-listbox-multi-select[data-v-67e7d1c3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-67e7d1c3],.b-listbox-multi-select[data-v-67e7d1c3]:before,.b-listbox-multi-select[data-v-67e7d1c3]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-67e7d1c3] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-67e7d1c3] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select__divider[data-v-67e7d1c3]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-67e7d1c3]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-f5e00d2e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-f5e00d2e],.b-listbox[data-v-f5e00d2e]:before,.b-listbox[data-v-f5e00d2e]:after{box-sizing:border-box}.b-listbox *[data-v-f5e00d2e],.b-listbox *[data-v-f5e00d2e]:before,.b-listbox *[data-v-f5e00d2e]:after{box-sizing:border-box}.b-listbox[data-v-f5e00d2e] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-f5e00d2e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox__empty-search-message[data-v-f5e00d2e]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-f5e00d2e]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
|
1
|
+
.b-listbox-single-select-category[data-v-a90eff17]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-a90eff17],.b-listbox-single-select-category[data-v-a90eff17]:before,.b-listbox-single-select-category[data-v-a90eff17]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-a90eff17],.b-listbox-single-select-category *[data-v-a90eff17]:before,.b-listbox-single-select-category *[data-v-a90eff17]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-a90eff17] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-a90eff17] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-single-select-category[data-v-a90eff17]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-a90eff17]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-listbox-option[data-v-18a61f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-18a61f5d],.b-listbox-option[data-v-18a61f5d]:before,.b-listbox-option[data-v-18a61f5d]:after{box-sizing:border-box}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-18a61f5d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:hover:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-18a61f5d]:focus-visible{outline:none}.b-listbox-option[data-v-18a61f5d]:focus-visible:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-focus-background-color);color:var(--b-listbox-option-focus-font-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-legacy-theme .b-listbox-option[data-v-18a61f5d]:active:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-active-description-color)}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__text,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-18a61f5d] .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-18a61f5d]{cursor:not-allowed}.b-listbox-option--disabled[data-v-18a61f5d],.b-listbox-option--disabled[data-v-18a61f5d] .b-avatar__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-country__label,.b-listbox-option--disabled[data-v-18a61f5d] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-18a61f5d]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-listbox-single-select-option[data-v-226f4c84]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-226f4c84]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-listbox-multi-select-category[data-v-9a00de22]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-9a00de22],.b-listbox-multi-select-category[data-v-9a00de22]:before,.b-listbox-multi-select-category[data-v-9a00de22]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-9a00de22],.b-listbox-multi-select-category *[data-v-9a00de22]:before,.b-listbox-multi-select-category *[data-v-9a00de22]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-9a00de22] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-9a00de22] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-category--disabled[data-v-9a00de22]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-9a00de22]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-9a00de22]{color:var(--b-listbox-multi-select-category-static-category-label-text-color)}.b-listbox-multi-select-category__label[data-v-9a00de22]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-9a00de22]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-9a00de22]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-25938a72]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-25938a72],.b-listbox-multi-select-options[data-v-25938a72]:before,.b-listbox-multi-select-options[data-v-25938a72]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-25938a72] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-25938a72] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-options__category-option[data-v-25938a72]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-25938a72]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select-chips[data-v-7c5f8bdb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox-multi-select-chips[data-v-7c5f8bdb],.b-listbox-multi-select-chips[data-v-7c5f8bdb]:before,.b-listbox-multi-select-chips[data-v-7c5f8bdb]:after{box-sizing:border-box}.b-listbox-multi-select-chips[data-v-7c5f8bdb] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-chips[data-v-7c5f8bdb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]{background:var(--b-listbox-multi-select-chips-chip-background);border-radius:var(--b-listbox-multi-select-chips-chip-border-radius);display:flex;gap:var(--b-listbox-multi-select-chips-chip-gap);padding:var(--b-listbox-multi-select-chips-chip-padding)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:focus-visible{animation:outer-ring-default-7c5f8bdb var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-7c5f8bdb{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:hover{background:var(--b-listbox-multi-select-chips-chip-hover-background)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:active{background:var(--b-listbox-multi-select-chips-chip-active-background)}.b-listbox-multi-select-chips__chip[data-v-7c5f8bdb]:disabled{background:var(--b-listbox-multi-select-chips-chip-disabled-background);color:var(--b-listbox-multi-select-chips-chip-disabled-color)}.b-listbox-multi-select-chips__option-text[data-v-7c5f8bdb]{display:flex;overflow-wrap:anywhere}.b-listbox-multi-select[data-v-282f5857]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-282f5857],.b-listbox-multi-select[data-v-282f5857]:before,.b-listbox-multi-select[data-v-282f5857]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-282f5857] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-282f5857] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox-multi-select__divider[data-v-282f5857]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-282f5857]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox[data-v-6994e724]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-6994e724],.b-listbox[data-v-6994e724]:before,.b-listbox[data-v-6994e724]:after{box-sizing:border-box}.b-listbox *[data-v-6994e724],.b-listbox *[data-v-6994e724]:before,.b-listbox *[data-v-6994e724]:after{box-sizing:border-box}.b-listbox[data-v-6994e724] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-6994e724] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-listbox__empty-search-message[data-v-6994e724]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__lazy-load[data-v-6994e724]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
package/dist/avatar.js
CHANGED
package/dist/button.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { B as n, b as B, a } from "./chunks/button.
|
|
2
|
-
import { B as s, c as u, a as r, b as i } from "./chunks/button-actions.
|
|
3
|
-
import { B as p, a as x } from "./chunks/loading-button.
|
|
4
|
-
import { B as d } from "./chunks/toggle-button.
|
|
1
|
+
import { B as n, b as B, a } from "./chunks/button.BbV2BOSa.js";
|
|
2
|
+
import { B as s, c as u, a as r, b as i } from "./chunks/button-actions.Dkrp7NsY.js";
|
|
3
|
+
import { B as p, a as x } from "./chunks/loading-button.CrijUhme.js";
|
|
4
|
+
import { B as d } from "./chunks/toggle-button.CYVGUQYj.js";
|
|
5
5
|
export {
|
|
6
6
|
n as BentoButton,
|
|
7
7
|
s as BentoButtonActions,
|
package/dist/card.js
CHANGED
package/dist/checkbox.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as t, a } from "./chunks/checkbox.
|
|
1
|
+
import { B as t, a } from "./chunks/checkbox.Blsg-Tvr.js";
|
|
2
2
|
import { C as x } from "./chunks/checkbox-input.CR1lHf7f.js";
|
|
3
|
-
import { c as B, B as c } from "./chunks/checkbox-group.
|
|
3
|
+
import { c as B, B as c } from "./chunks/checkbox-group.CEzhFcdh.js";
|
|
4
4
|
export {
|
|
5
5
|
t as BentoCheckbox,
|
|
6
6
|
a as BentoCheckboxEvent,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as C, provide as k, toRef as B, openBlock as a, createElementBlock as s, renderSlot as E, ref as b, inject as O, computed as $, watch as c, createVNode as h, unref as e, withCtx as y, createElementVNode as g, createBlock as I, createTextVNode as z, toDisplayString as D, Transition as H, normalizeStyle as V, createCommentVNode as w } from "vue";
|
|
2
2
|
import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
|
-
import { B as A } from "./typography.
|
|
3
|
+
import { B as A } from "./typography.CSIykcgS.js";
|
|
4
4
|
import { C as R, a as j } from "./chevron-up.5-KtIp8i.js";
|
|
5
5
|
import { g as x } from "./unique-id.XFfoKuc2.js";
|
|
6
6
|
import { o as M } from "./resize.Bqks3WUm.js";
|
|
@@ -123,4 +123,4 @@ export {
|
|
|
123
123
|
ae as a,
|
|
124
124
|
ie as b
|
|
125
125
|
};
|
|
126
|
-
//# sourceMappingURL=accordion-item.
|
|
126
|
+
//# sourceMappingURL=accordion-item.C7rQK0Xh.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.
|
|
1
|
+
{"version":3,"file":"accordion-item.C7rQK0Xh.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n <div class=\"b-accordion\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { PropType, provide, toRef } from 'vue';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n import type { BentoAccordionTitleSize } from './accordion.types';\n\n const props = defineProps({\n /**\n * Controls accordion title size.\n * @values default, small\n */\n titleSize: {\n type: String as PropType<BentoAccordionTitleSize>,\n default: 'default',\n },\n });\n\n provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion is a vertical stack of interactive headers used to reveal or hide\n * sections of content associated with these headers.\n *\n * This component must only have `BentoAccordionItem` components in its default slot.\n *\n * Accordion items should be collapsed by default.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n <div class=\"b-accordion-item\">\n <bento-typography\n el=\"h3\"\n :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n :strongest=\"titleSize === 'small'\"\n >\n <button\n :id=\"buttonId\"\n :aria-controls=\"contentId\"\n :aria-expanded=\"`${isOpen}`\"\n type=\"button\"\n class=\"b-accordion-item__button\"\n @click=\"isOpen = !isOpen\"\n >\n <chevron-up-icon v-if=\"isOpen\" class=\"b-accordion-item__icon\" svg-title=\"collapse\" aria-hidden=\"true\" />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" svg-title=\"expand\" aria-hidden=\"true\" />\n {{ title }}\n </button>\n </bento-typography>\n\n <Transition :name=\"CONTENT_TRANSITION_NAME\">\n <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n <slot />\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, watch } from 'vue';\n\n import { BentoTypography } from '@/components/typography';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n import { generateUid } from '@/utils/ts/unique-id';\n import { observeSizeOfElement } from '@/utils/ts/resize';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n import type { BentoAccordionTitleSize } from '../accordion.types';\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n const props = defineProps({\n /**\n * Sets the title of the accordion item.\n */\n title: {\n type: String,\n required: true,\n },\n /**\n * Controls if the content is visible or hidden.\n */\n isExpanded: {\n type: Boolean,\n default: false,\n },\n });\n\n const emit = defineEmits<{\n /**\n * Emits update event when content is toggled\n */\n (e: 'update:is-expanded', value: boolean): void;\n }>();\n\n // Refs\n const contentDiv = ref<HTMLDivElement>(null);\n const isOpen = ref(props.isExpanded);\n\n // Generating IDs\n const buttonId = generateUid('accordionItemButton');\n const contentId = generateUid('accordionItemContent');\n\n // Injecting prop from parent\n const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n // Getting and setting the item height to be able to handle height animation\n const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n watch(\n () => props.isExpanded,\n value => {\n isOpen.value = value;\n }\n );\n\n watch(\n () => contentDiv.value,\n () => {\n let observer: ResizeObserver | null = null;\n if (!observer && contentDiv.value) {\n observer = observeSizeOfElement(contentDiv.value, () => {\n if (contentDiv.value) {\n updateContentHeight();\n }\n });\n }\n }\n );\n\n watch(\n isOpen,\n value => {\n // Enable two-way data binding for `isExpanded`\n emit('update:is-expanded', value);\n\n updateContentHeight();\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion item is an interactive header used to reveal or hide a\n * section of content associated with this header.\n *\n * This component must always be wrapped by a `BentoAccordion` component.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__default__","CONTENT_TRANSITION_NAME","contentDiv","ref","isOpen","props","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement","emit"],"mappings":";;;;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,iCCqDTC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,KAAA,WAAA,CAAA;;;;mLCyHAC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;iBAnGAC,IAAA,wCA2BAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAE,EAAA,UAAA,GAGAC,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAd,GAAA,SAAA,GAGA,EAAA,qBAAAe,GAAA,eAAAC,EAAA,IAAAC,EAAAX,GAAAE,CAAA,GAEAU,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAX,EAAA;AAAA,MACgB,CAAAY,MAAA;AAER,QAAAb,EAAA,QAAAa;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAd,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAgB,IAAA;AACA,QAAA,CAAAA,KAAAhB,EAAA,UACIgB,IAAAC,EAAAjB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIS,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAZ;AAAA,MACI,CAAAa,MAAA;AAGI,QAAAG,EAAA,sBAAAH,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineComponent as W, computed as c, ref as f, toRefs as U, watch as g, provide as z, nextTick as _, openBlock as m, createBlock as b, Transition as D, withCtx as B, createElementVNode as E, normalizeClass as G, unref as e, createElementBlock as K, createVNode as y, createCommentVNode as M, createTextVNode as q, toDisplayString as S } from "vue";
|
|
2
|
-
import { B as J } from "./button.
|
|
3
|
-
import { B as Y } from "./typography.
|
|
4
|
-
import { B as Z } from "./button-actions-with-menu.
|
|
2
|
+
import { B as J } from "./button.BbV2BOSa.js";
|
|
3
|
+
import { B as Y } from "./typography.CSIykcgS.js";
|
|
4
|
+
import { B as Z } from "./button-actions-with-menu.DAxUzw2c.js";
|
|
5
5
|
import { C as $ } from "./cross.BlL0FyHo.js";
|
|
6
6
|
import { u as j } from "./i18n.DY5YXG5f.js";
|
|
7
7
|
import { u as H } from "./index.DKQuLmwu.js";
|
|
8
|
-
import { P as Q } from "./popover.
|
|
9
|
-
import { B as X } from "./button-actions.
|
|
8
|
+
import { P as Q } from "./popover.BSGQxusD.js";
|
|
9
|
+
import { B as X } from "./button-actions.Dkrp7NsY.js";
|
|
10
10
|
import { _ as ee } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
11
11
|
import "../assets/action-bar.css";
|
|
12
12
|
const N = {
|
|
@@ -185,4 +185,4 @@ const N = {
|
|
|
185
185
|
export {
|
|
186
186
|
fe as B
|
|
187
187
|
};
|
|
188
|
-
//# sourceMappingURL=action-bar.
|
|
188
|
+
//# sourceMappingURL=action-bar.2Ch92mVR.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-bar.C7PbsWC8.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n (e: 'cancel'): void;\n (e: 'save'): void;\n }>();\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;GAqPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAtMAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IAkEA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAP,EAAA,CAAA,GACAQ,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAL,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAvB,CAAA;AAGA,UAAAwB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA2B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA3B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA2B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,IAAAH,KAAAiB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,KAAAc,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAb,IACIe,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"action-bar.2Ch92mVR.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n (e: 'cancel'): void;\n (e: 'save'): void;\n }>();\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;GAqPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAtMAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IAkEA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAP,EAAA,CAAA,GACAQ,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAL,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAvB,CAAA;AAGA,UAAAwB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA2B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA3B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA2B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,IAAAH,KAAAiB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,KAAAc,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAb,IACIe,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { openBlock as o, createElementBlock as _, mergeProps as H, toDisplayString as G, createCommentVNode as l, createElementVNode as s, defineComponent as V, useSlots as N, computed as r, onMounted as A, unref as e, normalizeClass as R, createBlock as u, resolveDynamicComponent as D, withCtx as h, renderSlot as m, createVNode as P } from "vue";
|
|
2
|
-
import { c as U, a as I, B as v } from "./typography.
|
|
3
|
-
import { B as W } from "./button.
|
|
2
|
+
import { c as U, a as I, B as v } from "./typography.CSIykcgS.js";
|
|
3
|
+
import { B as W } from "./button.BbV2BOSa.js";
|
|
4
4
|
import { C as M } from "./cross-small.48UCoOqB.js";
|
|
5
5
|
import { W as F } from "./warning-filled.DHw1rVWs.js";
|
|
6
6
|
import { C as Z } from "./cross-circle-fill.vLaelNTN.js";
|
|
@@ -159,4 +159,4 @@ export {
|
|
|
159
159
|
n as b,
|
|
160
160
|
b as c
|
|
161
161
|
};
|
|
162
|
-
//# sourceMappingURL=alert.
|
|
162
|
+
//# sourceMappingURL=alert.BOqbFni9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.DbvBT-G3.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../../vue2/src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits<{\n /**\n * Emits event when the alert is closed. `closeButton` must be `true`\n */\n (e: 'close-alert');\n }>();\n\n const props = withDefaults(\n defineProps<{\n /**\n * Adds a close button on the right side of the alert\n */\n closeButton?: boolean;\n\n /**\n * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n */\n type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;\n\n /**\n * Variant for the alert\n * @values DEFAULT, TIP\n */\n variant?: BentoAlertVariant | `${BentoAlertVariant}`;\n }>(),\n {\n closeButton: false,\n type: BentoAlertTypeOption.HIGHLIGHT,\n variant: BentoAlertVariant.DEFAULT,\n }\n );\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkIcon","WarningIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;EARkQ,MAAA;AAAA,EAAe,GAAA;;;;EAAijC,OAAA;AAAA,EAAW,QAAA;AAAA,EAAY,MAAA;;;;;AAAj2C,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;MAAuE,aAAA,qCAAAA,EAAA,OAAA;AAAA;;;QAAklC,IAAA,gCAAAA,EAAA;AAAA;;;;;;;;;;;;;;;;GCmK1xCG,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBApGAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAmCA,EAAA,GAAAI,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAEAO,IAAAC,EAAA,MAAAC,EAAA,YAAAvB,EAAA,GAAA,GAEAwB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAvB,EAAA,GAAA,EAAA,GAAAqB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAArB,EAAA;AAEZ,iBAAAyB;AAAA,QAAO,KAAAzB,EAAA;AAEP,iBAAA0B;AAAA,QAAO,KAAA1B,EAAA;AAEP,iBAAA2B;AAAA,QAAO,KAAA3B,EAAA;AAAA,QACe;AAEtB,iBAAA4B;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAArB,EAAA,YAAA,WAAA,OAAA,GAEAiC,IAAA,MAAA;AACI,MAAAC,EAAAhC,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAiC,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
|
|
1
|
+
{"version":3,"file":"alert.BOqbFni9.js","sources":["../../../vue2/src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../../vue2/src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits<{\n /**\n * Emits event when the alert is closed. `closeButton` must be `true`\n */\n (e: 'close-alert');\n }>();\n\n const props = withDefaults(\n defineProps<{\n /**\n * Adds a close button on the right side of the alert\n */\n closeButton?: boolean;\n\n /**\n * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n * @values HIGHLIGHT, SUCCESS, CRITICAL, WARNING\n */\n type?: BentoAlertTypeOption | `${BentoAlertTypeOption}`;\n\n /**\n * Variant for the alert\n * @values DEFAULT, TIP\n */\n variant?: BentoAlertVariant | `${BentoAlertVariant}`;\n }>(),\n {\n closeButton: false,\n type: BentoAlertTypeOption.HIGHLIGHT,\n variant: BentoAlertVariant.DEFAULT,\n }\n );\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkIcon","WarningIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBR,IAAAE,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;EARkQ,MAAA;AAAA,EAAe,GAAA;;;;EAAijC,OAAA;AAAA,EAAW,QAAA;AAAA,EAAY,MAAA;;;;;AAAj2C,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;MAAuE,aAAA,qCAAAA,EAAA,OAAA;AAAA;;;QAAklC,IAAA,gCAAAA,EAAA;AAAA;;;;;;;;;;;;;;;;GCmK1xCG,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBApGAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAmCA,EAAA,GAAAI,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAEAO,IAAAC,EAAA,MAAAC,EAAA,YAAAvB,EAAA,GAAA,GAEAwB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAvB,EAAA,GAAA,EAAA,GAAAqB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAArB,EAAA;AAEZ,iBAAAyB;AAAA,QAAO,KAAAzB,EAAA;AAEP,iBAAA0B;AAAA,QAAO,KAAA1B,EAAA;AAEP,iBAAA2B;AAAA,QAAO,KAAA3B,EAAA;AAAA,QACe;AAEtB,iBAAA4B;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAArB,EAAA,YAAA,WAAA,OAAA,GAEAiC,IAAA,MAAA;AACI,MAAAC,EAAAhC,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAAiC,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as k, computed as n, defineComponent as v, toRefs as _, openBlock as s, createElementBlock as u, normalizeClass as R, unref as t, createVNode as p, withCtx as b, createTextVNode as L, toDisplayString as h, createBlock as x, createCommentVNode as B } from "vue";
|
|
2
|
-
import { B as y } from "./typography.
|
|
2
|
+
import { B as y } from "./typography.CSIykcgS.js";
|
|
3
3
|
import { _ as E } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
4
4
|
import "../assets/avatar.css";
|
|
5
5
|
const g = (e) => {
|
|
@@ -91,4 +91,4 @@ const S = ["src"], N = {
|
|
|
91
91
|
export {
|
|
92
92
|
V as B
|
|
93
93
|
};
|
|
94
|
-
//# sourceMappingURL=avatar.
|
|
94
|
+
//# sourceMappingURL=avatar.DWSW4vWC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.
|
|
1
|
+
{"version":3,"file":"avatar.DWSW4vWC.js","sources":["../../../vue2/src/composables/initials.ts","../../../vue2/src/components/avatar/components/avatar-image/avatar-image.types.ts","../../../vue2/src/components/avatar/components/avatar-image/avatar-image.vue","../../../vue2/src/components/avatar/avatar.vue"],"sourcesContent":["import { computed, ComputedRef, ref } from 'vue';\nimport { MaybeRef } from '@/types';\n\n/** Extracts the first letter of a username\n * @param username - The name to return the initials of\n * Common patterns:\n * 1. John => J\n * 2. John Smith => J\n * John Smith Doe Holly => J\n */\nexport const useInitials = (username: MaybeRef<string | null>): ComputedRef<string | null> => {\n const computedUsername = ref(username);\n return computed(() => (computedUsername.value ? computedUsername.value.trim().charAt(0).toUpperCase() : null));\n};\n","export enum BentoAvatarImageVariant {\n LARGE = 'large',\n SMALL = 'small',\n}\n\nexport enum BentoAvatarImageColor {\n BLUE = 'blue',\n GREEN = 'green',\n RED = 'red',\n YELLOW = 'yellow',\n}\n","<template>\n <div class=\"b-avatar-image\" :class=\"conditionalClasses\" aria-hidden=\"true\" data-testid=\"avatar\">\n <img v-if=\"src\" :src=\"src\" class=\"b-avatar-image__image\" alt=\"Profile picture\" data-testid=\"avatar-content\" />\n <div v-else class=\"b-avatar-image__default\" data-testid=\"avatar-content\">\n <bento-typography el=\"span\" variant=\"body\" strongest>\n {{ initials }}\n </bento-typography>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, toRefs } from 'vue';\n import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';\n import { BentoTypography } from '@/components/typography';\n import { useInitials } from '@/composables';\n\n const props = withDefaults(\n defineProps<{\n /**\n * Avatar color. Defaults to yellow.\n */\n color?: BentoAvatarImageColor;\n\n /**\n * Image src to load the profile picture.\n */\n src?: string;\n\n /**\n * Name of the user that will be used to extract initials to display default value.\n * John => J\n * John Smith => JS\n * John Smith Doe => JD\n * John Smith Doe Holly => JH\n */\n username?: string;\n\n /**\n * Variants supported for small and large.\n * Default - large\n */\n variant?: BentoAvatarImageVariant;\n }>(),\n {\n color: BentoAvatarImageColor.YELLOW,\n src: null,\n username: null,\n variant: BentoAvatarImageVariant.LARGE,\n }\n );\n\n const { username } = toRefs(props);\n const initials = useInitials(username);\n\n const conditionalClasses = computed(() => ({\n [`b-avatar-image--${BentoAvatarImageVariant.SMALL}`]: props.variant === BentoAvatarImageVariant.SMALL,\n [`b-avatar-image--${props.color}`]: props.color,\n }));\n</script>\n\n<script lang=\"ts\">\n /**\n * Image used as user profile inside bento-avatar.\n *\n * @example\n * import { AvatarImage } from './components/avatar-image';\n *\n * export default {\n * components: { AvatarImage },\n * template: `<avatar-image :src=\"userAvatarSrc\" username=\"Jane\" />`\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar-image.scss\" />\n","<template>\n <div class=\"b-avatar\" :aria-label=\"computedAriaLabel\">\n <avatar-image\n :src=\"src\"\n :username=\"computedUsername\"\n :variant=\"BentoAvatarImageVariant.SMALL\"\n :color=\"avatarColor\"\n />\n <bento-typography v-if=\"!iconOnly\" class=\"b-avatar__label\" el=\"span\" variant=\"body\">\n {{ username }}\n </bento-typography>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, toRefs } from 'vue';\n import { AvatarImage, BentoAvatarImageColor, BentoAvatarImageVariant } from './components/avatar-image';\n import { BentoTypography } from '@/components/typography';\n import { useInitials } from '@/composables';\n\n const props = withDefaults(\n defineProps<{\n /**\n * Displays the user profile without the label.\n */\n iconOnly?: boolean;\n\n /**\n * Image src to load the profile picture.\n */\n src?: string;\n\n /**\n * Name of the user that will be used both in the label and to extract initials to display default value.\n * John => J\n * John Smith => JS\n * John Smith Doe => JD\n * John Smith Doe Holly => JH\n */\n username: string;\n }>(),\n {\n iconOnly: false,\n src: null,\n }\n );\n\n const { username } = toRefs(props);\n\n const computedAriaLabel = computed(() => (props.iconOnly ? props.username : null));\n const computedUsername = computed(() => (!props.src ? props.username : null));\n const initials = useInitials(username);\n\n // Returns the UTF-16 char code\n const charCode = computed(() => (initials.value ? initials.value.charCodeAt(0) - 65 : null));\n\n // Returns a computed color based on the letter passed\n const avatarColor = computed(() => {\n const numberOfAlphabetLetters = 26;\n const numberOfColors = Object.keys(BentoAvatarImageColor).length;\n const rangeStep = numberOfAlphabetLetters / numberOfColors;\n\n if (charCode.value <= rangeStep) {\n return BentoAvatarImageColor.YELLOW;\n }\n if (charCode.value <= rangeStep * 2) {\n return BentoAvatarImageColor.BLUE;\n }\n if (charCode.value <= rangeStep * 3) {\n return BentoAvatarImageColor.GREEN;\n }\n return BentoAvatarImageColor.RED;\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * Displays an user profile including an avatar and optionally a label.\n *\n * @example\n * import { BentoAvatar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAvatar },\n * template: `<bento-avatar :src=\"userAvatarSrc\" username=\"Jane\" />`\n * }\n */\n export default {\n name: 'bento-avatar',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar.scss\" />\n"],"names":["useInitials","username","computedUsername","ref","computed","BentoAvatarImageVariant","BentoAvatarImageVariant2","BentoAvatarImageColor","BentoAvatarImageColor2","__default__$1","toRefs","props","initials","conditionalClasses","__default__","computedAriaLabel","charCode","avatarColor","rangeStep"],"mappings":";;;;AAUa,MAAAA,IAAA,CAAAC,MAAA;AACT,QAAAC,IAAAC,EAAAF,CAAA;AACA,SAAAG,EAAA,MAAAF,EAAA,QAAAA,EAAA,MAAA,KAAA,EAAA,OAAA,CAAA,EAAA,YAAA,IAAA,IAAA;AACJ;ACbY,IAAAG,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,MAAA,OACAA,EAAA,SAAA,UAJQA,IAAAD,KAAA,CAAA,CAAA;;;;;GCoERE,IAAA,CAAA;;;;;;;;;;iBArBA,EAAA,UAAAR,EAAA,IAAAS,EAAAC,CAAA,GACAC,IAAAZ,EAAAC,CAAA,GAEAY,IAAAT,EAAA,OAAA;AAAA,MAA2C,CAAA,mBAAAC,EAAA,KAAA,EAAA,GAAAM,EAAA,YAAAN,EAAA;AAAA,MACyD,CAAA,mBAAAM,EAAA,KAAA,EAAA,GAAAA,EAAA;AAAA,IACtD,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;sFC8B9CG,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;iBA1CA,EAAA,UAAAb,EAAA,IAAAS,EAAAC,CAAA,GAEAI,IAAAX,EAAA,MAAAO,EAAA,WAAAA,EAAA,WAAA,IAAA,GACAT,IAAAE,EAAA,MAAAO,EAAA,MAAA,OAAAA,EAAA,QAAA,GACAC,IAAAZ,EAAAC,CAAA,GAGAe,IAAAZ,EAAA,MAAAQ,EAAA,QAAAA,EAAA,MAAA,WAAA,CAAA,IAAA,KAAA,IAAA,GAGAK,IAAAb,EAAA,MAAA;AAGI,YAAAc,IAAA,KADA,OAAA,KAAAX,CAAA,EAAA;AAGA,aAAAS,EAAA,SAAAE,IACIX,EAAA,SAEJS,EAAA,SAAAE,IAAA,IACIX,EAAA,OAEJS,EAAA,SAAAE,IAAA,IACIX,EAAA,QAEJA,EAAA;AAAA,IAA6B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as B, computed as C, ref as m, resolveComponent as y, openBlock as r, createElementBlock as l, normalizeClass as S, renderSlot as u, createCommentVNode as d, createBlock as k, withCtx as g } from "vue";
|
|
2
|
-
import { B as h } from "./typography.
|
|
2
|
+
import { B as h } from "./typography.CSIykcgS.js";
|
|
3
3
|
import { u as L } from "./use-has-slot.B7eQSabc.js";
|
|
4
4
|
import { _ as O } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
5
5
|
import "../assets/base-button.css";
|
|
@@ -112,4 +112,4 @@ export {
|
|
|
112
112
|
T as B,
|
|
113
113
|
n as a
|
|
114
114
|
};
|
|
115
|
-
//# sourceMappingURL=base-button.
|
|
115
|
+
//# sourceMappingURL=base-button.jyEuuRdl.js.map
|