@adyen/bento-vue2 1.85.0 → 1.86.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/components.d.ts +2 -0
- package/dist/@types/index.d.ts +358 -260
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/ai-tag.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/anchor-scroller.js +5 -0
- package/dist/anchor-scroller.js.map +1 -0
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/anchor-scroller.css +1 -0
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-picker.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown-default-textbox.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/error-message.css +1 -0
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/fixed-scroller.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/button.js +3 -3
- package/dist/card.js +1 -1
- package/dist/checkbox.js +6 -6
- package/dist/chip.js +1 -1
- package/dist/chunks/{accordion-item.DeV8s0oW.js → accordion-item.Cv6kG2N3.js} +2 -2
- package/dist/chunks/{accordion-item.DeV8s0oW.js.map → accordion-item.Cv6kG2N3.js.map} +1 -1
- package/dist/chunks/{action-bar.rgLdy6Bu.js → action-bar.Dnkt4yn7.js} +9 -9
- package/dist/chunks/{action-bar.rgLdy6Bu.js.map → action-bar.Dnkt4yn7.js.map} +1 -1
- package/dist/chunks/{ai-button.ggEcDV08.js → ai-button.BTi18ipD.js} +3 -3
- package/dist/chunks/{ai-button.ggEcDV08.js.map → ai-button.BTi18ipD.js.map} +1 -1
- package/dist/chunks/{ai-tag.DKMGiQcJ.js → ai-tag.s8TECgn_.js} +27 -19
- package/dist/chunks/{ai-tag.DKMGiQcJ.js.map → ai-tag.s8TECgn_.js.map} +1 -1
- package/dist/chunks/{alert.B3Pdp02a.js → alert.BESCd8iS.js} +5 -5
- package/dist/chunks/{alert.B3Pdp02a.js.map → alert.BESCd8iS.js.map} +1 -1
- package/dist/chunks/anchor-scroller.3_idPubO.js +178 -0
- package/dist/chunks/anchor-scroller.3_idPubO.js.map +1 -0
- package/dist/chunks/{avatar.CUCH3CTc.js → avatar.rwWPYJnt.js} +2 -2
- package/dist/chunks/{avatar.CUCH3CTc.js.map → avatar.rwWPYJnt.js.map} +1 -1
- package/dist/chunks/{base-button.IN4bpcds.js → base-button.BPRPrO0p.js} +2 -2
- package/dist/chunks/{base-button.IN4bpcds.js.map → base-button.BPRPrO0p.js.map} +1 -1
- package/dist/chunks/{base-modal.QsjzGei_.js → base-modal.09nAcnF_.js} +41 -41
- package/dist/chunks/{base-modal.QsjzGei_.js.map → base-modal.09nAcnF_.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.PL45aAcI.js → button-actions-with-menu.C8tSTxrm.js} +3 -3
- package/dist/chunks/{button-actions-with-menu.PL45aAcI.js.map → button-actions-with-menu.C8tSTxrm.js.map} +1 -1
- package/dist/chunks/{button-actions.JRDi9PFT.js → button-actions.VSc47LLH.js} +8 -8
- package/dist/chunks/{button-actions.JRDi9PFT.js.map → button-actions.VSc47LLH.js.map} +1 -1
- package/dist/chunks/{button.DIU6m9wD.js → button.Ctj3rkxw.js} +5 -5
- package/dist/chunks/{button.DIU6m9wD.js.map → button.Ctj3rkxw.js.map} +1 -1
- package/dist/chunks/{calendar.B0SmuooF.js → calendar.DiXkjQDP.js} +8 -8
- package/dist/chunks/{calendar.B0SmuooF.js.map → calendar.DiXkjQDP.js.map} +1 -1
- package/dist/chunks/{card.CVkEg8m1.js → card.BdjdBN36.js} +3 -3
- package/dist/chunks/{card.CVkEg8m1.js.map → card.BdjdBN36.js.map} +1 -1
- package/dist/chunks/{checkbox-group.DPZJjcdT.js → checkbox-group.d6VQvZL7.js} +5 -5
- package/dist/chunks/{checkbox-group.DPZJjcdT.js.map → checkbox-group.d6VQvZL7.js.map} +1 -1
- package/dist/chunks/{checkbox.D3D1I22O.js → checkbox.ClFNfhNh.js} +4 -4
- package/dist/chunks/{checkbox.D3D1I22O.js.map → checkbox.ClFNfhNh.js.map} +1 -1
- package/dist/chunks/{chip.C6DRfdJ8.js → chip.D_XQ8ReC.js} +3 -3
- package/dist/chunks/{chip.C6DRfdJ8.js.map → chip.D_XQ8ReC.js.map} +1 -1
- package/dist/chunks/{click-outside.C1Ud8AA2.js → click-outside.CDz_x8mN.js} +2 -2
- package/dist/chunks/{click-outside.C1Ud8AA2.js.map → click-outside.CDz_x8mN.js.map} +1 -1
- package/dist/chunks/{code-snippet.BN5P-KQo.js → code-snippet.DBNJgt1j.js} +11 -11
- package/dist/chunks/{code-snippet.BN5P-KQo.js.map → code-snippet.DBNJgt1j.js.map} +1 -1
- package/dist/chunks/{codemirror.Cy7iSLbd.js → codemirror.D2BAltnu.js} +3688 -3673
- package/dist/chunks/codemirror.D2BAltnu.js.map +1 -0
- package/dist/chunks/{controls-group.BwXz0UYr.js → controls-group.HUWlAOhG.js} +3 -3
- package/dist/chunks/{controls-group.BwXz0UYr.js.map → controls-group.HUWlAOhG.js.map} +1 -1
- package/dist/chunks/{copy.BIh04KTY.js → copy.BXykYfg0.js} +7 -7
- package/dist/chunks/{copy.BIh04KTY.js.map → copy.BXykYfg0.js.map} +1 -1
- package/dist/chunks/{country.DyrDj95W.js → country.BywHth0L.js} +3 -3
- package/dist/chunks/{country.DyrDj95W.js.map → country.BywHth0L.js.map} +1 -1
- package/dist/chunks/{country.types.DaVCMxk-.js → country.types.BBQbWkTY.js} +3 -3
- package/dist/chunks/{country.types.DaVCMxk-.js.map → country.types.BBQbWkTY.js.map} +1 -1
- package/dist/chunks/{currency.DYZr_RDk.js → currency.Ciyxfmg1.js} +2 -2
- package/dist/chunks/{currency.DYZr_RDk.js.map → currency.Ciyxfmg1.js.map} +1 -1
- package/dist/chunks/{dashboard-section.BvFMd9CQ.js → dashboard-section.Cw2Ima3U.js} +6 -6
- package/dist/chunks/{dashboard-section.BvFMd9CQ.js.map → dashboard-section.Cw2Ima3U.js.map} +1 -1
- package/dist/chunks/{dashed-underline.CXyMT-cF.js → dashed-underline.Dfw7cJ-9.js} +9 -9
- package/dist/chunks/{dashed-underline.CXyMT-cF.js.map → dashed-underline.Dfw7cJ-9.js.map} +1 -1
- package/dist/chunks/{data-grid-template.wWWI3FE3.js → data-grid-template.6LR2Jqka.js} +4 -4
- package/dist/chunks/{data-grid-template.wWWI3FE3.js.map → data-grid-template.6LR2Jqka.js.map} +1 -1
- package/dist/chunks/{data-grid.Dcj_tU8q.js → data-grid.B_uZEPDW.js} +177 -177
- package/dist/chunks/data-grid.B_uZEPDW.js.map +1 -0
- package/dist/chunks/date-input.etw_pFpA.js +20 -0
- package/dist/chunks/date-input.etw_pFpA.js.map +1 -0
- package/dist/chunks/{date-picker.Dh3-TgPT.js → date-picker.CITeN8WH.js} +56 -56
- package/dist/chunks/date-picker.CITeN8WH.js.map +1 -0
- package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/{date-range-picker.BOn_Xjkr.js → date-range-picker.DxVjXxap.js} +343 -343
- package/dist/chunks/{date-range-picker.BOn_Xjkr.js.map → date-range-picker.DxVjXxap.js.map} +1 -1
- package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -1
- package/dist/chunks/{date.DBWzp0So.js → date.B0m0sFP6.js} +2 -2
- package/dist/chunks/{date.DBWzp0So.js.map → date.B0m0sFP6.js.map} +1 -1
- package/dist/chunks/dialog-page.DA6E6qma.js +122 -0
- package/dist/chunks/dialog-page.DA6E6qma.js.map +1 -0
- package/dist/chunks/{directive.Cbdox5VL.js → directive.rXUeDb8p.js} +2 -2
- package/dist/chunks/{directive.Cbdox5VL.js.map → directive.rXUeDb8p.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.Cq68tN9F.js → dropdown-default-textbox.5WjhJWdh.js} +71 -80
- package/dist/chunks/dropdown-default-textbox.5WjhJWdh.js.map +1 -0
- package/dist/chunks/{dropdown-tag.C7Buz72U.js → dropdown-tag.BnMuMIDk.js} +8 -8
- package/dist/chunks/{dropdown-tag.C7Buz72U.js.map → dropdown-tag.BnMuMIDk.js.map} +1 -1
- package/dist/chunks/{dropdown.ByH2zHxF.js → dropdown.DDPfKc74.js} +227 -225
- package/dist/chunks/dropdown.DDPfKc74.js.map +1 -0
- package/dist/chunks/{empty-state.DpBnqAxu.js → empty-state.IiG1LXa2.js} +6 -6
- package/dist/chunks/{empty-state.DpBnqAxu.js.map → empty-state.IiG1LXa2.js.map} +1 -1
- package/dist/chunks/{field-label.BKxm8ehO.js → error-message.VenUl2OK.js} +54 -54
- package/dist/chunks/error-message.VenUl2OK.js.map +1 -0
- package/dist/chunks/{file-uploader.U7YUrGoM.js → file-uploader.BU1V40qK.js} +9 -9
- package/dist/chunks/{file-uploader.U7YUrGoM.js.map → file-uploader.BU1V40qK.js.map} +1 -1
- package/dist/chunks/{filter-bar.BRE0djRy.js → filter-bar.UdXQf_RN.js} +104 -96
- package/dist/chunks/{filter-bar.BRE0djRy.js.map → filter-bar.UdXQf_RN.js.map} +1 -1
- package/dist/chunks/fixed-scroller.BueAsyGk.js +120 -0
- package/dist/chunks/{fixed-scroller.Bp4-iO80.js.map → fixed-scroller.BueAsyGk.js.map} +1 -1
- package/dist/chunks/{focus-trap.Ed8RY9cJ.js → focus-trap.DMc1wL3A.js} +312 -295
- package/dist/chunks/focus-trap.DMc1wL3A.js.map +1 -0
- package/dist/chunks/{footer-actions.mS3IiJg7.js → footer-actions.z-api8J_.js} +4 -4
- package/dist/chunks/{footer-actions.mS3IiJg7.js.map → footer-actions.z-api8J_.js.map} +1 -1
- package/dist/chunks/{form-layout-title.C3uKS3GA.js → form-layout-title.Bbq05nMT.js} +5 -5
- package/dist/chunks/{form-layout-title.C3uKS3GA.js.map → form-layout-title.Bbq05nMT.js.map} +1 -1
- package/dist/chunks/{header-meta.CQTfyEJR.js → header-meta.CuMQSsOm.js} +9 -9
- package/dist/chunks/{header-meta.CQTfyEJR.js.map → header-meta.CuMQSsOm.js.map} +1 -1
- package/dist/chunks/{header-with-views.-PRI2W3p.js → header-with-views.DX8EXLMJ.js} +13 -13
- package/dist/chunks/{header-with-views.-PRI2W3p.js.map → header-with-views.DX8EXLMJ.js.map} +1 -1
- package/dist/chunks/{header.DDwoZ8fF.js → header.YECm2GAh.js} +4 -4
- package/dist/chunks/{header.DDwoZ8fF.js.map → header.YECm2GAh.js.map} +1 -1
- package/dist/chunks/index.BkJqgYF1.js +692 -0
- package/dist/chunks/{index.Zfd79j1_.js.map → index.BkJqgYF1.js.map} +1 -1
- package/dist/chunks/{info-icon.gUcRjEyG.js → info-icon.DS9ax8ZD.js} +3 -3
- package/dist/chunks/{info-icon.gUcRjEyG.js.map → info-icon.DS9ax8ZD.js.map} +1 -1
- package/dist/chunks/{input-field-password.BO3EMjVD.js → input-field-password.DrI6eF5u.js} +11 -11
- package/dist/chunks/{input-field-password.BO3EMjVD.js.map → input-field-password.DrI6eF5u.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.DDQIkRdm.js → input-field-phone-number.Buh4x3pJ.js} +4 -4
- package/dist/chunks/{input-field-phone-number.DDQIkRdm.js.map → input-field-phone-number.Buh4x3pJ.js.map} +1 -1
- package/dist/chunks/{input-field.BRIDLPBn.js → input-field.NEKXqT4R.js} +7 -7
- package/dist/chunks/{input-field.BRIDLPBn.js.map → input-field.NEKXqT4R.js.map} +1 -1
- package/dist/chunks/{inspector.DCda4tku.js → inspector.BomNgVb-.js} +5 -5
- package/dist/chunks/{inspector.DCda4tku.js.map → inspector.BomNgVb-.js.map} +1 -1
- package/dist/chunks/{isSameWeek.5sjhTHiU.js → isSameWeek.DjeUtLwI.js} +2 -2
- package/dist/chunks/{isSameWeek.5sjhTHiU.js.map → isSameWeek.DjeUtLwI.js.map} +1 -1
- package/dist/chunks/{it.DEniTaO2.js → it.DIafuXtH.js} +2 -2
- package/dist/chunks/{it.DEniTaO2.js.map → it.DIafuXtH.js.map} +1 -1
- package/dist/chunks/{layout-row.BtCzzLTz.js → layout-row.BxuMJU4E.js} +3 -3
- package/dist/chunks/{layout-row.BtCzzLTz.js.map → layout-row.BxuMJU4E.js.map} +1 -1
- package/dist/chunks/{link.PsTSQjK3.js → link.DKimL08z.js} +2 -2
- package/dist/chunks/{link.PsTSQjK3.js.map → link.DKimL08z.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.B63aT5Sq.js → listbox-option-tag.Cv3y0TvQ.js} +3 -3
- package/dist/chunks/{listbox-option-tag.B63aT5Sq.js.map → listbox-option-tag.Cv3y0TvQ.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.CRLZX72M.js → modal-fullscreen.6bAjPENL.js} +73 -69
- package/dist/chunks/modal-fullscreen.6bAjPENL.js.map +1 -0
- package/dist/chunks/{modal.BnAZ8Nj1.js → modal.DOR8c0gy.js} +6 -6
- package/dist/chunks/{modal.BnAZ8Nj1.js.map → modal.DOR8c0gy.js.map} +1 -1
- package/dist/chunks/on-click-outside.BW4rkhzG.js +91 -0
- package/dist/chunks/on-click-outside.BW4rkhzG.js.map +1 -0
- package/dist/chunks/{pagination.spAA5CX0.js → pagination.wuEIlDcq.js} +4 -4
- package/dist/chunks/{pagination.spAA5CX0.js.map → pagination.wuEIlDcq.js.map} +1 -1
- package/dist/chunks/{payment-method.BKXLPDC9.js → payment-method.B3CkgsAY.js} +2 -2
- package/dist/chunks/{payment-method.BKXLPDC9.js.map → payment-method.B3CkgsAY.js.map} +1 -1
- package/dist/chunks/popover.types.DkiRUQ4Z.js +6 -0
- package/dist/chunks/{popover.types.Zm8nugBw.js.map → popover.types.DkiRUQ4Z.js.map} +1 -1
- package/dist/chunks/popper-container.D4dworD4.js +1423 -0
- package/dist/chunks/popper-container.D4dworD4.js.map +1 -0
- package/dist/chunks/{promo-banner.BkLMZH66.js → promo-banner.bjMDm76T.js} +4 -4
- package/dist/chunks/{promo-banner.BkLMZH66.js.map → promo-banner.bjMDm76T.js.map} +1 -1
- package/dist/chunks/{radio-group.B6-Fd_kH.js → radio-group.DKRxfGtE.js} +8 -8
- package/dist/chunks/{radio-group.B6-Fd_kH.js.map → radio-group.DKRxfGtE.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.DeywBxSb.js → rich-text-editor.DiuS9alD.js} +9 -13
- package/dist/chunks/rich-text-editor.DiuS9alD.js.map +1 -0
- package/dist/chunks/{search-bar.BKRppqyI.js → search-bar.UVSaoX0h.js} +5 -5
- package/dist/chunks/{search-bar.BKRppqyI.js.map → search-bar.UVSaoX0h.js.map} +1 -1
- package/dist/chunks/{secondary-nav.RQ5eRpPH.js → secondary-nav.C6ldQMZ2.js} +18 -18
- package/dist/chunks/secondary-nav.C6ldQMZ2.js.map +1 -0
- package/dist/chunks/{segmented-control.BomURsCq.js → segmented-control.BLnuxgnJ.js} +3 -3
- package/dist/chunks/{segmented-control.BomURsCq.js.map → segmented-control.BLnuxgnJ.js.map} +1 -1
- package/dist/chunks/{selection-card-group.gh-fMA9T.js → selection-card-group.CqGYskmS.js} +5 -5
- package/dist/chunks/{selection-card-group.gh-fMA9T.js.map → selection-card-group.CqGYskmS.js.map} +1 -1
- package/dist/chunks/{sidepanel.B80Mujpk.js → sidepanel.BKE87Uef.js} +71 -67
- package/dist/chunks/sidepanel.BKE87Uef.js.map +1 -0
- package/dist/chunks/{startOfWeek.CM1KIrNi.js → startOfWeek.D8Yh4c0G.js} +3 -3
- package/dist/chunks/{startOfWeek.CM1KIrNi.js.map → startOfWeek.D8Yh4c0G.js.map} +1 -1
- package/dist/chunks/{status.types.Cv5XN4zL.js → status.types.BTsaLHQ6.js} +2 -2
- package/dist/chunks/{status.types.Cv5XN4zL.js.map → status.types.BTsaLHQ6.js.map} +1 -1
- package/dist/chunks/{step.BLFXvHL6.js → step.BEbWkprZ.js} +5 -5
- package/dist/chunks/{step.BLFXvHL6.js.map → step.BEbWkprZ.js.map} +1 -1
- package/dist/chunks/{structured-list-item.DCEKBtbT.js → structured-list-item.DRFRap_S.js} +6 -6
- package/dist/chunks/{structured-list-item.DCEKBtbT.js.map → structured-list-item.DRFRap_S.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.BV8FDXGv.js → summary-grid.types.OldkhD7S.js} +10 -10
- package/dist/chunks/{summary-grid.types.BV8FDXGv.js.map → summary-grid.types.OldkhD7S.js.map} +1 -1
- package/dist/chunks/{tab.FUMpPsBP.js → tab.BqSNoefU.js} +5 -5
- package/dist/chunks/{tab.FUMpPsBP.js.map → tab.BqSNoefU.js.map} +1 -1
- package/dist/chunks/{tag.CroNYKsL.js → tag.Cy3XkSDQ.js} +3 -3
- package/dist/chunks/{tag.CroNYKsL.js.map → tag.Cy3XkSDQ.js.map} +1 -1
- package/dist/chunks/{textarea.CtTdhV_G.js → textarea.Bm9MZb_W.js} +4 -4
- package/dist/chunks/{textarea.CtTdhV_G.js.map → textarea.Bm9MZb_W.js.map} +1 -1
- package/dist/chunks/{timeline-item.DCWllef8.js → timeline-item.Cpbm8IUw.js} +15 -15
- package/dist/chunks/{timeline-item.DCWllef8.js.map → timeline-item.Cpbm8IUw.js.map} +1 -1
- package/dist/chunks/{toast.Csv6tMyT.js → toast.Wuy6VuOT.js} +4 -4
- package/dist/chunks/{toast.Csv6tMyT.js.map → toast.Wuy6VuOT.js.map} +1 -1
- package/dist/chunks/{toggle.227XgEc7.js → toggle.B1z1YPe_.js} +4 -4
- package/dist/chunks/{toggle.227XgEc7.js.map → toggle.B1z1YPe_.js.map} +1 -1
- package/dist/chunks/{tooltip.DxJQHsuI.js → tooltip.DF11J3k3.js} +50 -50
- package/dist/chunks/{tooltip.DxJQHsuI.js.map → tooltip.DF11J3k3.js.map} +1 -1
- package/dist/chunks/{tutorial.O_vT6Q2b.js → tutorial.D5xtZ1Pt.js} +5 -5
- package/dist/chunks/{tutorial.O_vT6Q2b.js.map → tutorial.D5xtZ1Pt.js.map} +1 -1
- package/dist/chunks/{typography.Bq-EGj9y.js → typography.C8lPlsbD.js} +3 -3
- package/dist/chunks/{typography.Bq-EGj9y.js.map → typography.C8lPlsbD.js.map} +1 -1
- package/dist/chunks/{use-bento-toast-controller.MmyZXtME.js → use-bento-toast-controller.CB6Qbf3R.js} +2 -2
- package/dist/chunks/{use-bento-toast-controller.MmyZXtME.js.map → use-bento-toast-controller.CB6Qbf3R.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.3YqO69wz.js → use-cached-selected-values.wn2xnwYG.js} +12 -12
- package/dist/chunks/use-cached-selected-values.wn2xnwYG.js.map +1 -0
- package/dist/chunks/{use-country-items.ClS_So5N.js → use-country-items.CQnldpqM.js} +11 -11
- package/dist/chunks/{use-country-items.ClS_So5N.js.map → use-country-items.CQnldpqM.js.map} +1 -1
- package/dist/chunks/utils.BzUwtTXc.js +21 -0
- package/dist/chunks/utils.BzUwtTXc.js.map +1 -0
- package/dist/chunks/{zh-CN.CgIooHto.js → zh-CN.Bw_6j9Cd.js} +2 -2
- package/dist/chunks/{zh-CN.CgIooHto.js.map → zh-CN.Bw_6j9Cd.js.map} +1 -1
- package/dist/click-outside.js +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +2 -2
- 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/draggable-handle.js +47 -31
- package/dist/draggable-handle.js.map +1 -1
- package/dist/dropdown.js +11 -11
- package/dist/empty-state.js +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +281 -279
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +42 -42
- package/dist/layout.js +1 -1
- 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 +2 -2
- package/dist/popper-container.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/rich-text-editor.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/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/use-form-v4.js +756 -7787
- package/dist/use-form-v4.js.map +1 -1
- package/dist/web-types.json +128 -30
- package/package.json +6 -6
- package/dist/assets/field-label.css +0 -1
- package/dist/chunks/codemirror.Cy7iSLbd.js.map +0 -1
- package/dist/chunks/data-grid.Dcj_tU8q.js.map +0 -1
- package/dist/chunks/date-input.BbZqj10S.js +0 -15
- package/dist/chunks/date-input.BbZqj10S.js.map +0 -1
- package/dist/chunks/date-picker.Dh3-TgPT.js.map +0 -1
- package/dist/chunks/dialog-page.BegXhP0L.js +0 -118
- package/dist/chunks/dialog-page.BegXhP0L.js.map +0 -1
- package/dist/chunks/dropdown-default-textbox.Cq68tN9F.js.map +0 -1
- package/dist/chunks/dropdown.ByH2zHxF.js.map +0 -1
- package/dist/chunks/field-label.BKxm8ehO.js.map +0 -1
- package/dist/chunks/fixed-scroller.Bp4-iO80.js +0 -114
- package/dist/chunks/focus-trap.Ed8RY9cJ.js.map +0 -1
- package/dist/chunks/index.Zfd79j1_.js +0 -593
- package/dist/chunks/modal-fullscreen.CRLZX72M.js.map +0 -1
- package/dist/chunks/on-click-outside.D9aY9g8G.js +0 -101
- package/dist/chunks/on-click-outside.D9aY9g8G.js.map +0 -1
- package/dist/chunks/popover.types.Zm8nugBw.js +0 -6
- package/dist/chunks/popper-container.CXUG6v_U.js +0 -1404
- package/dist/chunks/popper-container.CXUG6v_U.js.map +0 -1
- package/dist/chunks/rich-text-editor.DeywBxSb.js.map +0 -1
- package/dist/chunks/secondary-nav.RQ5eRpPH.js.map +0 -1
- package/dist/chunks/sidepanel.B80Mujpk.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.3YqO69wz.js.map +0 -1
package/dist/assets/dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-dropdown-options-container[data-v-ddc50615]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-ddc50615],.b-dropdown-options-container[data-v-ddc50615]:before,.b-dropdown-options-container[data-v-ddc50615]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-ddc50615] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-ddc50615] ::-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-dropdown-options-container__listbox[data-v-ddc50615]{border-color:unset;border-radius:var(--b-border-radius-m);border-style:solid;border-width:0;max-height:340px}.b-dropdown-options-container__listbox--single[data-v-ddc50615]{border-width:0;box-shadow:var(--b-shadow-medium-border);margin-top:var(--b-spacer-000)}.b-dropdown-small-textbox[data-v-
|
|
1
|
+
.b-dropdown-options-container[data-v-ddc50615]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-dropdown-options-container[data-v-ddc50615],.b-dropdown-options-container[data-v-ddc50615]:before,.b-dropdown-options-container[data-v-ddc50615]:after{box-sizing:border-box}.b-dropdown-options-container[data-v-ddc50615] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-options-container[data-v-ddc50615] ::-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-dropdown-options-container__listbox[data-v-ddc50615]{border-color:unset;border-radius:var(--b-border-radius-m);border-style:solid;border-width:0;max-height:340px}.b-dropdown-options-container__listbox--single[data-v-ddc50615]{border-width:0;box-shadow:var(--b-shadow-medium-border);margin-top:var(--b-spacer-000)}.b-dropdown-small-textbox[data-v-faba160c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-color-background-secondary);border:1px solid var(--b-color-background-secondary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-primary);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;height:28px;justify-content:space-between;overflow:hidden;width:fit-content}.b-dropdown-small-textbox[data-v-faba160c],.b-dropdown-small-textbox[data-v-faba160c]:before,.b-dropdown-small-textbox[data-v-faba160c]:after{box-sizing:border-box}.b-dropdown-small-textbox[data-v-faba160c] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-small-textbox[data-v-faba160c] ::-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-dropdown-small-textbox__textbox[data-v-faba160c]{background-color:var(--b-color-background-secondary);box-sizing:unset!important;height:100%;max-height:18px;padding:var(--b-spacer-020) var(--b-spacer-030);width:100%}.b-dropdown-small-textbox[data-v-faba160c] .b-dropdown-base-textbox__additional-items{background-color:var(--b-color-background-secondary);padding:var(--b-spacer-020) var(--b-spacer-030)}.b-dropdown-small-textbox[data-v-faba160c] .b-dropdown-base-textbox{gap:var(--b-spacer-010);height:auto}.b-dropdown-small-textbox[data-v-faba160c]:focus-within,.b-dropdown-small-textbox[data-v-faba160c]:focus-visible{outline:none}.b-dropdown-small-textbox[data-v-faba160c]:focus-within:not(.b-dropdown-small-textbox--disabled),.b-dropdown-small-textbox[data-v-faba160c]:focus-visible:not(.b-dropdown-small-textbox--disabled){border-color:var(--b-color-outline-primary-active)}.b-dropdown-small-textbox[data-v-faba160c]:hover{color:var(--b-color-label-primary-hover)}.b-dropdown-small-textbox--opened[data-v-faba160c]{border-bottom-left-radius:var(--b-border-radius-s);border-bottom-right-radius:var(--b-border-radius-s)}.b-dropdown-small-textbox--disabled[data-v-faba160c],.b-dropdown-small-textbox--disabled>*[data-v-faba160c]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-dropdown-small-textbox--readonly[data-v-faba160c],.b-dropdown-small-textbox--readonly>*[data-v-faba160c]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);pointer-events:none}.b-dropdown-small-textbox--readonly .b-dropdown-small-textbox__chevron[data-v-faba160c],.b-dropdown-small-textbox--readonly>* .b-dropdown-small-textbox__chevron[data-v-faba160c]{color:var(--b-color-label-disabled)}.b-dropdown-small-textbox__chevron[data-v-faba160c]{align-items:center;display:flex;line-height:1;padding-left:6px;pointer-events:none}.b-dropdown[data-v-ae123f5d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-dropdown[data-v-ae123f5d],.b-dropdown[data-v-ae123f5d]:before,.b-dropdown[data-v-ae123f5d]:after{box-sizing:border-box}.b-dropdown *[data-v-ae123f5d],.b-dropdown *[data-v-ae123f5d]:before,.b-dropdown *[data-v-ae123f5d]:after{box-sizing:border-box}.b-dropdown[data-v-ae123f5d] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown[data-v-ae123f5d] ::-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-dropdown__description[data-v-ae123f5d]{color:var(--b-color-label-secondary);margin-top:var(--b-spacer-040)}.b-dropdown__description--error[data-v-ae123f5d]{margin-top:var(--b-spacer-020)}.b-dropdown__error-message[data-v-ae123f5d]{margin-top:var(--b-spacer-040)}.b-dropdown--condensed .b-dropdown__description[data-v-ae123f5d]{margin-top:var(--b-spacer-030)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b-field-label[data-v-2cfbcc40]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-label-primary);display:inline-block;margin-bottom:var(--b-spacer-040)}.b-field-label[data-v-2cfbcc40],.b-field-label[data-v-2cfbcc40]:before,.b-field-label[data-v-2cfbcc40]:after{box-sizing:border-box}.b-field-label *[data-v-2cfbcc40],.b-field-label *[data-v-2cfbcc40]:before,.b-field-label *[data-v-2cfbcc40]:after{box-sizing:border-box}.b-field-label[data-v-2cfbcc40] ::-webkit-scrollbar{height:14px;width:14px}.b-field-label[data-v-2cfbcc40] ::-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-field-label[data-v-2cfbcc40]>:not(:last-child){margin-right:var(--b-spacer-020)}.b-field-label__tooltip-wrapper[data-v-2cfbcc40]:not(:last-child){margin-right:var(--b-spacer-040)}.b-field-label__tooltip[data-v-2cfbcc40]{vertical-align:text-bottom}.b-field-label__requirement[data-v-2cfbcc40]{color:var(--b-color-label-secondary)}.b-field-label--condensed[data-v-2cfbcc40]{margin-bottom:var(--b-spacer-030)}[data-v-2cfbcc40]:host{display:inline-block}.b-error-message[data-v-2490b85a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;color:var(--b-color-label-critical);display:flex}.b-error-message[data-v-2490b85a],.b-error-message[data-v-2490b85a]:before,.b-error-message[data-v-2490b85a]:after{box-sizing:border-box}.b-error-message *[data-v-2490b85a],.b-error-message *[data-v-2490b85a]:before,.b-error-message *[data-v-2490b85a]:after{box-sizing:border-box}.b-error-message[data-v-2490b85a] ::-webkit-scrollbar{height:14px;width:14px}.b-error-message[data-v-2490b85a] ::-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-error-message__icon[data-v-2490b85a]{align-items:center;display:inline-flex;height:var(--b-text-body-line-height);margin-right:var(--b-spacer-040)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-file-uploader-file-card[data-v-fbe82cf6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fade-in-u9d7ckp-fbe82cf6 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u9d7ckp-fbe82cf6 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u9d7ckp-fbe82cf6 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-m);display:flex;gap:var(--b-spacer-040);padding:var(--b-spacer-040) var(--b-spacer-060);position:relative}.b-file-uploader-file-card[data-v-fbe82cf6],.b-file-uploader-file-card[data-v-fbe82cf6]:before,.b-file-uploader-file-card[data-v-fbe82cf6]:after{box-sizing:border-box}.b-file-uploader-file-card *[data-v-fbe82cf6],.b-file-uploader-file-card *[data-v-fbe82cf6]:before,.b-file-uploader-file-card *[data-v-fbe82cf6]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-fbe82cf6] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-fbe82cf6] ::-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)}@keyframes fade-in-u9d7ckp-fbe82cf6{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u9d7ckp-fbe82cf6{0%{scale:1}to{scale:1}}@keyframes enter-u9d7ckp-fbe82cf6{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card--error[data-v-fbe82cf6]{background-color:var(--b-color-background-critical-weak)}.b-file-uploader-file-card__actions[data-v-fbe82cf6]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-spacer-090)}.b-file-uploader-file-card__animation-enter-active[data-v-fbe82cf6],.b-file-uploader-file-card__animation-leave-active[data-v-fbe82cf6]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation-enter[data-v-fbe82cf6]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-fbe82cf6]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-fbe82cf6]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-fbe82cf6]{position:absolute;transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-fbe82cf6]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-fbe82cf6],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-fbe82cf6]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-fbe82cf6]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-fbe82cf6]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-fbe82cf6]{color:var(--b-color-label-critical);margin-top:var(--b-spacer-020)}.b-file-uploader-file-card__file-name[data-v-fbe82cf6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-fbe82cf6]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-fbe82cf6]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-fbe82cf6]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__icon--error[data-v-fbe82cf6]{color:var(--b-color-label-critical)}.b-file-uploader-file-card__icon--green[data-v-fbe82cf6]{color:var(--b-color-decorative-green)}.b-file-uploader-file-card__icon--grey[data-v-fbe82cf6]{color:var(--b-color-label-secondary)}.b-file-uploader-file-card__icon--orange[data-v-fbe82cf6]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__info[data-v-fbe82cf6]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-file-uploader-restrictions[data-v-c49d2e15]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-label-secondary);display:flex;flex-direction:column;margin-top:var(--b-spacer-020);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-c49d2e15],.b-file-uploader-restrictions[data-v-c49d2e15]:before,.b-file-uploader-restrictions[data-v-c49d2e15]:after{box-sizing:border-box}.b-file-uploader-restrictions *[data-v-c49d2e15],.b-file-uploader-restrictions *[data-v-c49d2e15]:before,.b-file-uploader-restrictions *[data-v-c49d2e15]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-c49d2e15] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-c49d2e15] ::-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-file-uploader-restrictions--condensed[data-v-c49d2e15]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--disabled[data-v-c49d2e15]{color:var(--b-color-label-disabled)}.b-file-uploader-restrictions--error[data-v-c49d2e15]{color:var(--b-color-label-critical)}.b-file-uploader[data-v-6f8587a8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader[data-v-6f8587a8],.b-file-uploader[data-v-6f8587a8]:before,.b-file-uploader[data-v-6f8587a8]:after{box-sizing:border-box}.b-file-uploader *[data-v-6f8587a8],.b-file-uploader *[data-v-6f8587a8]:before,.b-file-uploader *[data-v-6f8587a8]:after{box-sizing:border-box}.b-file-uploader[data-v-6f8587a8] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-6f8587a8] ::-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-file-uploader--disabled[data-v-6f8587a8]{cursor:not-allowed}.b-file-uploader__area[data-v-6f8587a8]{align-items:center;background-color:var(--b-color-background-primary);border:var(--b-border-width-m) dashed var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-spacer-080) var(--b-spacer-090)}@media(hover:hover){.b-file-uploader__area[data-v-6f8587a8]:hover{background-color:var(--b-color-background-primary-hover)}}.b-file-uploader__area[data-v-6f8587a8]:focus-visible{outline:none;animation:outer-ring-default-6f8587a8 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-6f8587a8{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-file-uploader--condensed .b-file-uploader__area[data-v-6f8587a8]{flex-direction:row;padding:var(--b-spacer-040) var(--b-spacer-060)}.b-file-uploader--disabled .b-file-uploader__area[data-v-6f8587a8]{background-color:var(--b-color-background-disabled);border:var(--b-border-width-m) dashed var(--b-color-outline-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-6f8587a8],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-6f8587a8]{background-color:var(--b-color-background-success-weak);border:var(--b-border-width-m) solid var(--b-color-outline-success)}.b-file-uploader--error .b-file-uploader__area[data-v-6f8587a8],.b-file-uploader--error:hover .b-file-uploader__area[data-v-6f8587a8]{background-color:var(--b-color-background-critical-weak);border:var(--b-border-width-m) solid var(--b-color-outline-critical)}.b-file-uploader__button[data-v-6f8587a8]{border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);margin-top:var(--b-spacer-060);padding:calc(var(--b-spacer-020) - var(--b-border-width-s)) calc(var(--b-spacer-050) - var(--b-border-width-s))}.b-file-uploader--disabled .b-file-uploader__button[data-v-6f8587a8]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-file-uploader--condensed .b-file-uploader__button[data-v-6f8587a8]{border:0;margin-left:var(--b-spacer-060);margin-top:0;padding:var(--b-spacer-000);text-decoration:underline}.b-file-uploader--condensed.b-file-uploader--disabled .b-file-uploader__button[data-v-6f8587a8]{background-color:transparent}.b-file-uploader__invisible-comma[data-v-6f8587a8]{display:none}.b-file-uploader__description[data-v-6f8587a8]{color:var(--b-color-label-secondary);margin-top:var(--b-spacer-020)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-6f8587a8]{color:var(--b-color-label-disabled)}.b-file-uploader__description--condensed[data-v-6f8587a8]{margin-top:0}.b-file-uploader__icon[data-v-6f8587a8]{background-color:var(--b-color-background-tertiary);border-radius:var(--b-border-radius-xl);height:var(--b-spacer-100);padding:var(--b-spacer-040);pointer-events:none;width:var(--b-spacer-100)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-6f8587a8]{background-color:var(--b-color-background-success-strong);color:var(--b-color-label-on-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-6f8587a8]{background-color:var(--b-color-background-critical-strong);color:var(--b-color-label-on-color)}.b-file-uploader__input[data-v-6f8587a8]{display:none}.b-file-uploader__files[data-v-6f8587a8]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader__no-files[data-v-6f8587a8]{color:var(--b-color-label-secondary)}.b-file-uploader__label[data-v-6f8587a8]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-6f8587a8]{margin-top:var(--b-spacer-060)}
|
|
1
|
+
.b-file-uploader-file-card[data-v-fbe82cf6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fade-in-uk72u0f-fbe82cf6 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uk72u0f-fbe82cf6 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uk72u0f-fbe82cf6 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-m);display:flex;gap:var(--b-spacer-040);padding:var(--b-spacer-040) var(--b-spacer-060);position:relative}.b-file-uploader-file-card[data-v-fbe82cf6],.b-file-uploader-file-card[data-v-fbe82cf6]:before,.b-file-uploader-file-card[data-v-fbe82cf6]:after{box-sizing:border-box}.b-file-uploader-file-card *[data-v-fbe82cf6],.b-file-uploader-file-card *[data-v-fbe82cf6]:before,.b-file-uploader-file-card *[data-v-fbe82cf6]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-fbe82cf6] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-fbe82cf6] ::-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)}@keyframes fade-in-uk72u0f-fbe82cf6{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uk72u0f-fbe82cf6{0%{scale:1}to{scale:1}}@keyframes enter-uk72u0f-fbe82cf6{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card--error[data-v-fbe82cf6]{background-color:var(--b-color-background-critical-weak)}.b-file-uploader-file-card__actions[data-v-fbe82cf6]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-spacer-090)}.b-file-uploader-file-card__animation-enter-active[data-v-fbe82cf6],.b-file-uploader-file-card__animation-leave-active[data-v-fbe82cf6]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation-enter[data-v-fbe82cf6]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-fbe82cf6]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-fbe82cf6]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-fbe82cf6]{position:absolute;transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-fbe82cf6]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-fbe82cf6],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-fbe82cf6]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-fbe82cf6]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-fbe82cf6]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-fbe82cf6]{color:var(--b-color-label-on-background-critical-weak);margin-top:var(--b-spacer-020)}.b-file-uploader-file-card__file-name[data-v-fbe82cf6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-fbe82cf6]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-fbe82cf6]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-fbe82cf6]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__icon--error[data-v-fbe82cf6]{color:var(--b-color-label-critical)}.b-file-uploader-file-card__icon--green[data-v-fbe82cf6]{color:var(--b-color-decorative-green)}.b-file-uploader-file-card__icon--grey[data-v-fbe82cf6]{color:var(--b-color-label-secondary)}.b-file-uploader-file-card__icon--orange[data-v-fbe82cf6]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__info[data-v-fbe82cf6]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-file-uploader-restrictions[data-v-c49d2e15]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-label-secondary);display:flex;flex-direction:column;margin-top:var(--b-spacer-020);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-c49d2e15],.b-file-uploader-restrictions[data-v-c49d2e15]:before,.b-file-uploader-restrictions[data-v-c49d2e15]:after{box-sizing:border-box}.b-file-uploader-restrictions *[data-v-c49d2e15],.b-file-uploader-restrictions *[data-v-c49d2e15]:before,.b-file-uploader-restrictions *[data-v-c49d2e15]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-c49d2e15] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-c49d2e15] ::-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-file-uploader-restrictions--condensed[data-v-c49d2e15]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--condensed .b-file-uploader-restrictions--error[data-v-c49d2e15]{color:var(--b-color-label-critical)}.b-file-uploader-restrictions--disabled[data-v-c49d2e15]{color:var(--b-color-label-disabled)}.b-file-uploader-restrictions--error[data-v-c49d2e15]{color:var(--b-color-label-on-background-critical-weak)}.b-file-uploader[data-v-7f15454d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader[data-v-7f15454d],.b-file-uploader[data-v-7f15454d]:before,.b-file-uploader[data-v-7f15454d]:after{box-sizing:border-box}.b-file-uploader *[data-v-7f15454d],.b-file-uploader *[data-v-7f15454d]:before,.b-file-uploader *[data-v-7f15454d]:after{box-sizing:border-box}.b-file-uploader[data-v-7f15454d] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-7f15454d] ::-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-file-uploader--disabled[data-v-7f15454d]{cursor:not-allowed}.b-file-uploader__area[data-v-7f15454d]{align-items:center;background-color:var(--b-color-background-primary);border:var(--b-border-width-m) dashed var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-spacer-080) var(--b-spacer-090)}@media(hover:hover){.b-file-uploader__area[data-v-7f15454d]:hover{background-color:var(--b-color-background-primary-hover)}}.b-file-uploader__area[data-v-7f15454d]:focus-visible{outline:none;animation:outer-ring-default-7f15454d 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-7f15454d{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-file-uploader--condensed .b-file-uploader__area[data-v-7f15454d]{flex-direction:row;padding:var(--b-spacer-040) var(--b-spacer-060)}.b-file-uploader--disabled .b-file-uploader__area[data-v-7f15454d]{background-color:var(--b-color-background-disabled);border:var(--b-border-width-m) dashed var(--b-color-outline-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-7f15454d],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-7f15454d]{background-color:var(--b-color-background-success-weak);border:var(--b-border-width-m) solid var(--b-color-outline-success)}.b-file-uploader--error .b-file-uploader__area[data-v-7f15454d],.b-file-uploader--error:hover .b-file-uploader__area[data-v-7f15454d]{background-color:var(--b-color-background-critical-weak);border:var(--b-border-width-m) solid var(--b-color-outline-critical)}.b-file-uploader__button[data-v-7f15454d]{border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);margin-top:var(--b-spacer-060);padding:calc(var(--b-spacer-020) - var(--b-border-width-s)) calc(var(--b-spacer-050) - var(--b-border-width-s))}.b-file-uploader--disabled .b-file-uploader__button[data-v-7f15454d]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-file-uploader--condensed .b-file-uploader__button[data-v-7f15454d]{border:0;margin-left:var(--b-spacer-060);margin-top:0;padding:var(--b-spacer-000);text-decoration:underline}.b-file-uploader--condensed.b-file-uploader--disabled .b-file-uploader__button[data-v-7f15454d]{background-color:transparent}.b-file-uploader__invisible-comma[data-v-7f15454d]{display:none}.b-file-uploader__description[data-v-7f15454d]{color:var(--b-color-label-secondary);margin-top:var(--b-spacer-020)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-7f15454d]{color:var(--b-color-label-disabled)}.b-file-uploader__description--condensed[data-v-7f15454d]{margin-top:0}.b-file-uploader__icon[data-v-7f15454d]{background-color:var(--b-color-background-tertiary);border-radius:var(--b-border-radius-xl);height:var(--b-spacer-100);padding:var(--b-spacer-040);pointer-events:none;width:var(--b-spacer-100)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-7f15454d]{background-color:var(--b-color-background-success-strong);color:var(--b-color-label-on-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-7f15454d]{background-color:var(--b-color-background-critical-strong);color:var(--b-color-label-on-color)}.b-file-uploader__input[data-v-7f15454d]{display:none}.b-file-uploader__files[data-v-7f15454d]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader__no-files[data-v-7f15454d]{color:var(--b-color-label-secondary)}.b-file-uploader__label[data-v-7f15454d]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-7f15454d]{margin-top:var(--b-spacer-060)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-fixed-scroller[data-v-
|
|
1
|
+
.b-fixed-scroller[data-v-e320ec31]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;position:relative}.b-fixed-scroller[data-v-e320ec31],.b-fixed-scroller[data-v-e320ec31]:before,.b-fixed-scroller[data-v-e320ec31]:after{box-sizing:border-box}.b-fixed-scroller *[data-v-e320ec31],.b-fixed-scroller *[data-v-e320ec31]:before,.b-fixed-scroller *[data-v-e320ec31]:after{box-sizing:border-box}.b-fixed-scroller[data-v-e320ec31] ::-webkit-scrollbar{height:14px;width:14px}.b-fixed-scroller[data-v-e320ec31] ::-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-fixed-scroller__container[data-v-e320ec31]{margin-left:calc(-1 * (var(--b-focus-ring-spacer) + var(--b-focus-ring-outline)));padding-left:calc(var(--b-focus-ring-spacer) + var(--b-focus-ring-outline));margin-right:calc(-1 * (var(--b-focus-ring-spacer) + var(--b-focus-ring-outline)));padding-right:calc(var(--b-focus-ring-spacer) + var(--b-focus-ring-outline));margin-bottom:calc(-1 * (var(--b-focus-ring-spacer) + var(--b-focus-ring-outline)));padding-bottom:calc(var(--b-focus-ring-spacer) + var(--b-focus-ring-outline));margin-top:calc(-1 * (var(--b-focus-ring-spacer) + var(--b-focus-ring-outline)));padding-top:calc(var(--b-focus-ring-spacer) + var(--b-focus-ring-outline));overflow:hidden}.b-fixed-scroller__content[data-v-e320ec31]{position:relative;transition:transform var(--b-animation-duration-slow) var(--b-animation-easing-standard)}.b-fixed-scroller__left[data-v-e320ec31]{margin-left:calc(-1 * (var(--b-focus-ring-spacer) + var(--b-focus-ring-outline)));padding-left:calc(var(--b-focus-ring-spacer) + var(--b-focus-ring-outline));background:linear-gradient(90deg,var(--b-color-background-primary) 75%,rgba(255,255,255,0) 100%);left:0;padding-right:var(--b-spacer-080);position:absolute;top:0}.b-fixed-scroller__right[data-v-e320ec31]{margin-right:calc(-1 * (var(--b-focus-ring-spacer) + var(--b-focus-ring-outline)));padding-right:calc(var(--b-focus-ring-spacer) + var(--b-focus-ring-outline));background:linear-gradient(270deg,var(--b-color-background-primary) 75%,rgba(255,255,255,0) 100%);padding-left:var(--b-spacer-080);position:absolute;right:0;top:0}.b-fixed-scroller__button[data-v-e320ec31]:not(.b-fixed-scroller__button--centered){margin-bottom:calc(-1 * (var(--b-focus-ring-spacer) + var(--b-focus-ring-outline)));padding-bottom:calc(var(--b-focus-ring-spacer) + var(--b-focus-ring-outline));margin-top:calc(-1 * (var(--b-focus-ring-spacer) + var(--b-focus-ring-outline)));padding-top:calc(var(--b-focus-ring-spacer) + var(--b-focus-ring-outline))}.b-fixed-scroller__button--centered[data-v-e320ec31]{top:50%;transform:translateY(-50%)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector *[data-v-62a28c4d],.b-inspector *[data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-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-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-
|
|
1
|
+
.b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector *[data-v-62a28c4d],.b-inspector *[data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-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-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uk72txh-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uk72txh-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uk72ty3-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uk72ty3-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uk72tyc-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uk72tyc-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uk72tyz-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uk72tyz-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-modal-fullscreen-page[data-v-f90522fe]{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-f90522fe],.b-modal-fullscreen-page[data-v-f90522fe]:before,.b-modal-fullscreen-page[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-f90522fe],.b-modal-fullscreen-page *[data-v-f90522fe]:before,.b-modal-fullscreen-page *[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-f90522fe] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-f90522fe] ::-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-f90522fe]{align-items:center;display:flex;flex-grow:1;gap:var(--b-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header-section[data-v-f90522fe]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-f90522fe]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-f90522fe]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-f90522fe]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-f90522fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-f90522fe]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-f90522fe]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-f90522fe] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-f90522fe]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__content[data-v-f90522fe]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-
|
|
1
|
+
.b-modal-fullscreen-page[data-v-f90522fe]{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-f90522fe],.b-modal-fullscreen-page[data-v-f90522fe]:before,.b-modal-fullscreen-page[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-f90522fe],.b-modal-fullscreen-page *[data-v-f90522fe]:before,.b-modal-fullscreen-page *[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-f90522fe] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-f90522fe] ::-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-f90522fe]{align-items:center;display:flex;flex-grow:1;gap:var(--b-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header-section[data-v-f90522fe]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-f90522fe]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-f90522fe]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-f90522fe]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-f90522fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-f90522fe]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-f90522fe]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-f90522fe] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-f90522fe]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__content[data-v-f90522fe]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-84662cd7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-84662cd7],.b-modal-fullscreen[data-v-84662cd7]:before,.b-modal-fullscreen[data-v-84662cd7]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-84662cd7],.b-modal-fullscreen *[data-v-84662cd7]:before,.b-modal-fullscreen *[data-v-84662cd7]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-84662cd7] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-84662cd7] ::-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-84662cd7]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-84662cd7]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-84662cd7]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-84662cd7]{animation:fade-in-uk72ti3-84662cd7 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uk72ti3-84662cd7 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uk72ti3-84662cd7 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uk72ti3-84662cd7{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uk72ti3-84662cd7{0%{scale:1}to{scale:1}}@keyframes enter-uk72ti3-84662cd7{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-84662cd7]{animation:fade-out-uk72tit-84662cd7 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uk72tit-84662cd7 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uk72tit-84662cd7 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uk72tit-84662cd7{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uk72tit-84662cd7{0%{scale:1}to{scale:1}}@keyframes exit-uk72tit-84662cd7{0%{translate:0 0}to{translate:0 64px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
button[data-v-
|
|
1
|
+
button[data-v-2ddb108a]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-2ddb108a]:focus-visible{outline:none}.b-secondary-nav-item[data-v-2ddb108a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;margin-top:var(--b-spacer-040);padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}.b-secondary-nav-item[data-v-2ddb108a],.b-secondary-nav-item[data-v-2ddb108a]:before,.b-secondary-nav-item[data-v-2ddb108a]:after{box-sizing:border-box}.b-secondary-nav-item *[data-v-2ddb108a],.b-secondary-nav-item *[data-v-2ddb108a]:before,.b-secondary-nav-item *[data-v-2ddb108a]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-2ddb108a] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-2ddb108a] ::-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-secondary-nav-item[data-v-2ddb108a]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item[data-v-2ddb108a]:active,.b-secondary-nav-item--active[data-v-2ddb108a]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item[data-v-2ddb108a]:focus-visible{animation:outer-ring-default-2ddb108a 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-2ddb108a{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-secondary-nav-category[data-v-a7c2cab3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-a7c2cab3],.b-secondary-nav-category[data-v-a7c2cab3]:before,.b-secondary-nav-category[data-v-a7c2cab3]:after{box-sizing:border-box}.b-secondary-nav-category *[data-v-a7c2cab3],.b-secondary-nav-category *[data-v-a7c2cab3]:before,.b-secondary-nav-category *[data-v-a7c2cab3]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-a7c2cab3] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-a7c2cab3] ::-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-secondary-nav-category__label[data-v-a7c2cab3]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-8517eb6e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-8517eb6e],.b-secondary-nav[data-v-8517eb6e]:before,.b-secondary-nav[data-v-8517eb6e]:after{box-sizing:border-box}.b-secondary-nav *[data-v-8517eb6e],.b-secondary-nav *[data-v-8517eb6e]:before,.b-secondary-nav *[data-v-8517eb6e]:after{box-sizing:border-box}.b-secondary-nav[data-v-8517eb6e] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-8517eb6e] ::-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-secondary-nav[data-v-8517eb6e]{max-width:200px}}.b-secondary-nav[data-v-8517eb6e] .b-secondary-nav__list{list-style:none;margin:0;padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-sidepanel-page[data-v-12d4c262]{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-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-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-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-
|
|
1
|
+
.b-sidepanel-page[data-v-12d4c262]{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-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-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-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e2c7d722]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel *[data-v-e2c7d722],.b-sidepanel *[data-v-e2c7d722]:before,.b-sidepanel *[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-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-e2c7d722]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-uk72tr6-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uk72tr6-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-uk72trr-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uk72trr-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-uk72ts9-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uk72ts9-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-uk72tt0-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uk72tt0-e2c7d722{0%{opacity:.5}to{opacity:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-listbox-single-select-category[data-v-bfbc1649]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-070)}.b-listbox-single-select-category[data-v-bfbc1649],.b-listbox-single-select-category[data-v-bfbc1649]:before,.b-listbox-single-select-category[data-v-bfbc1649]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-bfbc1649],.b-listbox-single-select-category *[data-v-bfbc1649]:before,.b-listbox-single-select-category *[data-v-bfbc1649]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-bfbc1649] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-bfbc1649] ::-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-bfbc1649]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-bfbc1649]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070)}.b-checkbox-input[data-v-c345b6c0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-spacer-010) 0;position:relative}.b-checkbox-input[data-v-c345b6c0],.b-checkbox-input[data-v-c345b6c0]:before,.b-checkbox-input[data-v-c345b6c0]:after{box-sizing:border-box}.b-checkbox-input *[data-v-c345b6c0],.b-checkbox-input *[data-v-c345b6c0]:before,.b-checkbox-input *[data-v-c345b6c0]:after{box-sizing:border-box}.b-checkbox-input[data-v-c345b6c0] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-c345b6c0] ::-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-checkbox-input--disabled[data-v-c345b6c0],.b-checkbox-input--disabled *[data-v-c345b6c0]{cursor:not-allowed}.b-checkbox-input--readonly[data-v-c345b6c0],.b-checkbox-input--readonly *[data-v-c345b6c0]{pointer-events:none}.b-checkbox-input__outline[data-v-c345b6c0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-border-radius-s);border-style:solid;border-width:var(--b-border-width-s);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-c345b6c0]{background-color:var(--b-color-background-primary);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-c345b6c0]:hover{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-c345b6c0]:active{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-c345b6c0]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-c345b6c0],.b-checkbox-input__outline[data-v-c345b6c0]:checked{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--checked[data-v-c345b6c0]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-c345b6c0]:not(:disabled),.b-checkbox-input__outline[data-v-c345b6c0]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-c345b6c0]:checked:not(:disabled){background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--checked[data-v-c345b6c0]:active,.b-checkbox-input__outline[data-v-c345b6c0]:checked:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-c345b6c0],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-c345b6c0]:checked{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-c345b6c0],.b-checkbox-input__outline[data-v-c345b6c0]:indeterminate{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--indeterminate[data-v-c345b6c0]:hover,.b-checkbox-input__outline[data-v-c345b6c0]:indeterminate:hover{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--indeterminate[data-v-c345b6c0]:active,.b-checkbox-input__outline[data-v-c345b6c0]:indeterminate:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-c345b6c0],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-c345b6c0]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline[data-v-c345b6c0]:focus-visible{animation:outer-ring-default-c345b6c0 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-c345b6c0{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-checkbox-input__outline--error[data-v-c345b6c0]{border:1.5px solid var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-c345b6c0]:checked{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-c345b6c0]:indeterminate{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--readonly[data-v-c345b6c0],.b-checkbox-input__outline--readonly[data-v-c345b6c0]:checked,.b-checkbox-input__outline--readonly[data-v-c345b6c0]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-checkbox-input__icon[data-v-c345b6c0]{color:var(--b-color-label-inverse-primary);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-c345b6c0]{color:var(--b-color-label-disabled)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-c345b6c0]{color:var(--b-color-label-primary)}.b-listbox-option[data-v-c345b6c0]{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-spacer-040) var(--b-spacer-070)}.b-listbox-option[data-v-c345b6c0],.b-listbox-option[data-v-c345b6c0]:before,.b-listbox-option[data-v-c345b6c0]:after{box-sizing:border-box}.b-listbox-option[data-v-c345b6c0] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-c345b6c0] ::-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-c345b6c0]:hover:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-hover)}.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--unchecked{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--checked{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--indeterminate{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}}.b-listbox-option[data-v-c345b6c0]:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--b-border-width-m) var(--b-focus-ring-color),inset 0 0 0 var(--b-border-width-l) var(--b-color-background-primary)}.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-active)}.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}.b-listbox-option[data-v-c345b6c0] .b-listbox-single-select-option__text,.b-listbox-option[data-v-c345b6c0] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-c345b6c0] .b-listbox-single-select-option__description,.b-listbox-option[data-v-c345b6c0] .b-listbox-multi-select__option-description{margin-top:var(--b-spacer-020)}.b-listbox-option[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-color-label-secondary)}.b-listbox-option--disabled[data-v-c345b6c0]{cursor:not-allowed}.b-listbox-option--disabled[data-v-c345b6c0],.b-listbox-option--disabled[data-v-c345b6c0] .b-avatar__label,.b-listbox-option--disabled[data-v-c345b6c0] .b-country__label,.b-listbox-option--disabled[data-v-c345b6c0] .b-payment-method__label{color:var(--b-color-label-disabled)}.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-active)}.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-color-label-secondary)}.b-listbox-single-select-option[data-v-bb14d75a]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-bb14d75a]{align-items:center;display:flex;margin-left:var(--b-spacer-070)}.b-checkbox-input[data-v-b87bbaf9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-spacer-010) 0;position:relative}.b-checkbox-input[data-v-b87bbaf9],.b-checkbox-input[data-v-b87bbaf9]:before,.b-checkbox-input[data-v-b87bbaf9]:after{box-sizing:border-box}.b-checkbox-input *[data-v-b87bbaf9],.b-checkbox-input *[data-v-b87bbaf9]:before,.b-checkbox-input *[data-v-b87bbaf9]:after{box-sizing:border-box}.b-checkbox-input[data-v-b87bbaf9] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-b87bbaf9] ::-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-checkbox-input--disabled[data-v-b87bbaf9],.b-checkbox-input--disabled *[data-v-b87bbaf9]{cursor:not-allowed}.b-checkbox-input--readonly[data-v-b87bbaf9],.b-checkbox-input--readonly *[data-v-b87bbaf9]{pointer-events:none}.b-checkbox-input__outline[data-v-b87bbaf9]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-border-radius-s);border-style:solid;border-width:var(--b-border-width-s);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-b87bbaf9]{background-color:var(--b-color-background-primary);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-b87bbaf9]:hover{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-b87bbaf9]:active{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-b87bbaf9]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-b87bbaf9],.b-checkbox-input__outline[data-v-b87bbaf9]:checked{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--checked[data-v-b87bbaf9]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-b87bbaf9]:not(:disabled),.b-checkbox-input__outline[data-v-b87bbaf9]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-b87bbaf9]:checked:not(:disabled){background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--checked[data-v-b87bbaf9]:active,.b-checkbox-input__outline[data-v-b87bbaf9]:checked:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-b87bbaf9],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-b87bbaf9]:checked{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-b87bbaf9],.b-checkbox-input__outline[data-v-b87bbaf9]:indeterminate{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--indeterminate[data-v-b87bbaf9]:hover,.b-checkbox-input__outline[data-v-b87bbaf9]:indeterminate:hover{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--indeterminate[data-v-b87bbaf9]:active,.b-checkbox-input__outline[data-v-b87bbaf9]:indeterminate:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-b87bbaf9],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-b87bbaf9]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline[data-v-b87bbaf9]:focus-visible{animation:outer-ring-default-b87bbaf9 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-b87bbaf9{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-checkbox-input__outline--error[data-v-b87bbaf9]{border:1.5px solid var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-b87bbaf9]:checked{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-b87bbaf9]:indeterminate{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--readonly[data-v-b87bbaf9],.b-checkbox-input__outline--readonly[data-v-b87bbaf9]:checked,.b-checkbox-input__outline--readonly[data-v-b87bbaf9]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-checkbox-input__icon[data-v-b87bbaf9]{color:var(--b-color-label-inverse-primary);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-b87bbaf9]{color:var(--b-color-label-disabled)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-b87bbaf9]{color:var(--b-color-label-primary)}.b-listbox-multi-select-category[data-v-00ccd708]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-00ccd708],.b-listbox-multi-select-category[data-v-00ccd708]:before,.b-listbox-multi-select-category[data-v-00ccd708]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-00ccd708],.b-listbox-multi-select-category *[data-v-00ccd708]:before,.b-listbox-multi-select-category *[data-v-00ccd708]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-00ccd708] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-00ccd708] ::-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-00ccd708]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-00ccd708]{color:var(--b-color-label-disabled)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-00ccd708]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-00ccd708]{gap:var(--b-spacer-070);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-00ccd708]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070)}.b-listbox-multi-select-category__label[data-v-00ccd708]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-00ccd708]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-00ccd708]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-00ccd708]{display:flex;gap:var(--b-spacer-060)}.b-listbox-multi-select-options[data-v-68986632]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-spacer-060)}.b-listbox-multi-select-options[data-v-68986632],.b-listbox-multi-select-options[data-v-68986632]:before,.b-listbox-multi-select-options[data-v-68986632]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-68986632] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-68986632] ::-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-68986632]{padding-left:var(--b-spacer-100)}.b-listbox-multi-select-options__static-category-option[data-v-68986632]{padding-left:var(--b-spacer-070)}.b-listbox-multi-select[data-v-efcc8ad5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-efcc8ad5],.b-listbox-multi-select[data-v-efcc8ad5]:before,.b-listbox-multi-select[data-v-efcc8ad5]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-efcc8ad5] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-efcc8ad5] ::-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-efcc8ad5]{background-color:var(--b-color-separator-primary);border:0;height:1px;margin:var(--b-spacer-040) var(--b-spacer-000)}.b-listbox-multi-select__option[data-v-efcc8ad5]{display:flex;gap:var(--b-spacer-060)}.b-listbox-multi-select__chips[data-v-efcc8ad5]{container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-spacer-030);list-style-type:none;margin:0;padding:0 var(--b-spacer-070)}.b-listbox[data-v-35cb3605]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);color:var(--b-color-label-primary);overflow-y:auto;padding:var(--b-spacer-040) 0}.b-listbox[data-v-35cb3605],.b-listbox[data-v-35cb3605]:before,.b-listbox[data-v-35cb3605]:after{box-sizing:border-box}.b-listbox *[data-v-35cb3605],.b-listbox *[data-v-35cb3605]:before,.b-listbox *[data-v-35cb3605]:after{box-sizing:border-box}.b-listbox[data-v-35cb3605] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-35cb3605] ::-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-35cb3605]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070);text-align:center}.b-listbox__empty-search-message[data-v-35cb3605] .b-empty-state__title{color:var(--b-color-label-secondary)}.b-listbox__loading-filtered-items[data-v-35cb3605]{display:flex;justify-content:center}.b-listbox__lazy-load[data-v-35cb3605]{display:flex;justify-content:center;margin:var(--b-spacer-040) 0}
|
|
1
|
+
.b-listbox-single-select-category[data-v-bfbc1649]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-070)}.b-listbox-single-select-category[data-v-bfbc1649],.b-listbox-single-select-category[data-v-bfbc1649]:before,.b-listbox-single-select-category[data-v-bfbc1649]:after{box-sizing:border-box}.b-listbox-single-select-category *[data-v-bfbc1649],.b-listbox-single-select-category *[data-v-bfbc1649]:before,.b-listbox-single-select-category *[data-v-bfbc1649]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-bfbc1649] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-bfbc1649] ::-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-bfbc1649]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-bfbc1649]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070)}.b-checkbox-input[data-v-c345b6c0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-spacer-010) 0;position:relative}.b-checkbox-input[data-v-c345b6c0],.b-checkbox-input[data-v-c345b6c0]:before,.b-checkbox-input[data-v-c345b6c0]:after{box-sizing:border-box}.b-checkbox-input *[data-v-c345b6c0],.b-checkbox-input *[data-v-c345b6c0]:before,.b-checkbox-input *[data-v-c345b6c0]:after{box-sizing:border-box}.b-checkbox-input[data-v-c345b6c0] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-c345b6c0] ::-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-checkbox-input--disabled[data-v-c345b6c0],.b-checkbox-input--disabled *[data-v-c345b6c0]{cursor:not-allowed}.b-checkbox-input--readonly[data-v-c345b6c0],.b-checkbox-input--readonly *[data-v-c345b6c0]{pointer-events:none}.b-checkbox-input__outline[data-v-c345b6c0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-border-radius-s);border-style:solid;border-width:var(--b-border-width-s);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-c345b6c0]{background-color:var(--b-color-background-primary);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-c345b6c0]:hover{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-c345b6c0]:active{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-c345b6c0]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-c345b6c0],.b-checkbox-input__outline[data-v-c345b6c0]:checked{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--checked[data-v-c345b6c0]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-c345b6c0]:not(:disabled),.b-checkbox-input__outline[data-v-c345b6c0]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-c345b6c0]:checked:not(:disabled){background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--checked[data-v-c345b6c0]:active,.b-checkbox-input__outline[data-v-c345b6c0]:checked:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-c345b6c0],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-c345b6c0]:checked{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-c345b6c0],.b-checkbox-input__outline[data-v-c345b6c0]:indeterminate{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--indeterminate[data-v-c345b6c0]:hover,.b-checkbox-input__outline[data-v-c345b6c0]:indeterminate:hover{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--indeterminate[data-v-c345b6c0]:active,.b-checkbox-input__outline[data-v-c345b6c0]:indeterminate:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-c345b6c0],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-c345b6c0]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline[data-v-c345b6c0]:focus-visible{animation:outer-ring-default-c345b6c0 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-c345b6c0{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-checkbox-input__outline--error[data-v-c345b6c0]{border:1.5px solid var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-c345b6c0]:checked{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-c345b6c0]:indeterminate{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--readonly[data-v-c345b6c0],.b-checkbox-input__outline--readonly[data-v-c345b6c0]:checked,.b-checkbox-input__outline--readonly[data-v-c345b6c0]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-checkbox-input__icon[data-v-c345b6c0]{color:var(--b-color-label-inverse-primary);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-c345b6c0]{color:var(--b-color-label-disabled)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-c345b6c0]{color:var(--b-color-label-primary)}.b-listbox-option[data-v-c345b6c0]{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-spacer-040) var(--b-spacer-070)}.b-listbox-option[data-v-c345b6c0],.b-listbox-option[data-v-c345b6c0]:before,.b-listbox-option[data-v-c345b6c0]:after{box-sizing:border-box}.b-listbox-option[data-v-c345b6c0] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-c345b6c0] ::-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-c345b6c0]:hover:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-hover)}.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--unchecked{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--checked{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--indeterminate{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-c345b6c0]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}}.b-listbox-option[data-v-c345b6c0]:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--b-border-width-m) var(--b-focus-ring-color),inset 0 0 0 var(--b-border-width-l) var(--b-color-background-primary)}.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-active)}.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-c345b6c0]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}.b-listbox-option[data-v-c345b6c0] .b-listbox-single-select-option__text,.b-listbox-option[data-v-c345b6c0] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-c345b6c0] .b-listbox-single-select-option__description,.b-listbox-option[data-v-c345b6c0] .b-listbox-multi-select__option-description{margin-top:var(--b-spacer-020)}.b-listbox-option[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-color-label-secondary)}.b-listbox-option--disabled[data-v-c345b6c0]{cursor:not-allowed}.b-listbox-option--disabled[data-v-c345b6c0],.b-listbox-option--disabled[data-v-c345b6c0] .b-avatar__label,.b-listbox-option--disabled[data-v-c345b6c0] .b-country__label,.b-listbox-option--disabled[data-v-c345b6c0] .b-payment-method__label{color:var(--b-color-label-disabled)}.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled){background-color:var(--b-color-background-modal-active)}.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-color-label-primary)}.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-c345b6c0]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-color-label-secondary)}.b-listbox-single-select-option[data-v-bb14d75a]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-bb14d75a]{align-items:center;display:flex;margin-left:var(--b-spacer-070)}.b-checkbox-input[data-v-b87bbaf9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-spacer-010) 0;position:relative}.b-checkbox-input[data-v-b87bbaf9],.b-checkbox-input[data-v-b87bbaf9]:before,.b-checkbox-input[data-v-b87bbaf9]:after{box-sizing:border-box}.b-checkbox-input *[data-v-b87bbaf9],.b-checkbox-input *[data-v-b87bbaf9]:before,.b-checkbox-input *[data-v-b87bbaf9]:after{box-sizing:border-box}.b-checkbox-input[data-v-b87bbaf9] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-b87bbaf9] ::-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-checkbox-input--disabled[data-v-b87bbaf9],.b-checkbox-input--disabled *[data-v-b87bbaf9]{cursor:not-allowed}.b-checkbox-input--readonly[data-v-b87bbaf9],.b-checkbox-input--readonly *[data-v-b87bbaf9]{pointer-events:none}.b-checkbox-input__outline[data-v-b87bbaf9]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-border-radius-s);border-style:solid;border-width:var(--b-border-width-s);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-b87bbaf9]{background-color:var(--b-color-background-primary);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-b87bbaf9]:hover{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input__outline--unchecked[data-v-b87bbaf9]:active{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-b87bbaf9]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-b87bbaf9],.b-checkbox-input__outline[data-v-b87bbaf9]:checked{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--checked[data-v-b87bbaf9]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-b87bbaf9]:not(:disabled),.b-checkbox-input__outline[data-v-b87bbaf9]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-b87bbaf9]:checked:not(:disabled){background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--checked[data-v-b87bbaf9]:active,.b-checkbox-input__outline[data-v-b87bbaf9]:checked:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-b87bbaf9],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-b87bbaf9]:checked{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-b87bbaf9],.b-checkbox-input__outline[data-v-b87bbaf9]:indeterminate{background-color:var(--b-color-background-inverse-primary);border-color:var(--b-color-background-inverse-primary)}.b-checkbox-input__outline--indeterminate[data-v-b87bbaf9]:hover,.b-checkbox-input__outline[data-v-b87bbaf9]:indeterminate:hover{background-color:var(--b-color-background-inverse-primary-hover);border-color:var(--b-color-background-inverse-primary-hover)}.b-checkbox-input__outline--indeterminate[data-v-b87bbaf9]:active,.b-checkbox-input__outline[data-v-b87bbaf9]:indeterminate:active{background-color:var(--b-color-background-inverse-primary-active);border-color:var(--b-color-background-inverse-primary-active)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-b87bbaf9],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-b87bbaf9]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-background-disabled);cursor:not-allowed}.b-checkbox-input__outline[data-v-b87bbaf9]:focus-visible{animation:outer-ring-default-b87bbaf9 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-b87bbaf9{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-checkbox-input__outline--error[data-v-b87bbaf9]{border:1.5px solid var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-b87bbaf9]:checked{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--error[data-v-b87bbaf9]:indeterminate{background-color:var(--b-color-background-critical-strong);border-color:var(--b-color-outline-critical)}.b-checkbox-input__outline--readonly[data-v-b87bbaf9],.b-checkbox-input__outline--readonly[data-v-b87bbaf9]:checked,.b-checkbox-input__outline--readonly[data-v-b87bbaf9]:indeterminate{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-checkbox-input__icon[data-v-b87bbaf9]{color:var(--b-color-label-inverse-primary);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-b87bbaf9]{color:var(--b-color-label-disabled)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-b87bbaf9]{color:var(--b-color-label-primary)}.b-listbox-multi-select-category[data-v-00ccd708]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-00ccd708],.b-listbox-multi-select-category[data-v-00ccd708]:before,.b-listbox-multi-select-category[data-v-00ccd708]:after{box-sizing:border-box}.b-listbox-multi-select-category *[data-v-00ccd708],.b-listbox-multi-select-category *[data-v-00ccd708]:before,.b-listbox-multi-select-category *[data-v-00ccd708]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-00ccd708] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-00ccd708] ::-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-00ccd708]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-00ccd708]{color:var(--b-color-label-disabled)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-00ccd708]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-00ccd708]{gap:var(--b-spacer-070);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-00ccd708]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070)}.b-listbox-multi-select-category__label[data-v-00ccd708]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-00ccd708]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-00ccd708]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-00ccd708]{display:flex;gap:var(--b-spacer-060)}.b-listbox-multi-select-options[data-v-0985e0a4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-spacer-060)}.b-listbox-multi-select-options[data-v-0985e0a4],.b-listbox-multi-select-options[data-v-0985e0a4]:before,.b-listbox-multi-select-options[data-v-0985e0a4]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-0985e0a4] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-0985e0a4] ::-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-0985e0a4]{padding-left:var(--b-spacer-100)}.b-listbox-multi-select-options__static-category-option[data-v-0985e0a4]{padding-left:var(--b-spacer-070)}.b-listbox-multi-select[data-v-efcc8ad5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-efcc8ad5],.b-listbox-multi-select[data-v-efcc8ad5]:before,.b-listbox-multi-select[data-v-efcc8ad5]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-efcc8ad5] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-efcc8ad5] ::-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-efcc8ad5]{background-color:var(--b-color-separator-primary);border:0;height:1px;margin:var(--b-spacer-040) var(--b-spacer-000)}.b-listbox-multi-select__option[data-v-efcc8ad5]{display:flex;gap:var(--b-spacer-060)}.b-listbox-multi-select__chips[data-v-efcc8ad5]{container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-spacer-030);list-style-type:none;margin:0;padding:0 var(--b-spacer-070)}.b-listbox[data-v-35cb3605]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);color:var(--b-color-label-primary);overflow-y:auto;padding:var(--b-spacer-040) 0}.b-listbox[data-v-35cb3605],.b-listbox[data-v-35cb3605]:before,.b-listbox[data-v-35cb3605]:after{box-sizing:border-box}.b-listbox *[data-v-35cb3605],.b-listbox *[data-v-35cb3605]:before,.b-listbox *[data-v-35cb3605]:after{box-sizing:border-box}.b-listbox[data-v-35cb3605] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-35cb3605] ::-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-35cb3605]{color:var(--b-color-label-secondary);padding:var(--b-spacer-040) var(--b-spacer-070);text-align:center}.b-listbox__empty-search-message[data-v-35cb3605] .b-empty-state__title{color:var(--b-color-label-secondary)}.b-listbox__loading-filtered-items[data-v-35cb3605]{display:flex;justify-content:center}.b-listbox__lazy-load[data-v-35cb3605]{display:flex;justify-content:center;margin:var(--b-spacer-040) 0}
|
package/dist/avatar.js
CHANGED
package/dist/button.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { B as n,
|
|
2
|
-
import { a as s } from "./chunks/ai-button.
|
|
3
|
-
import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.
|
|
1
|
+
import { B as n, a as B, b as a } from "./chunks/button.Ctj3rkxw.js";
|
|
2
|
+
import { a as s } from "./chunks/ai-button.BTi18ipD.js";
|
|
3
|
+
import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.VSc47LLH.js";
|
|
4
4
|
import { B as A, a as L, b as d } from "./chunks/button-actions.types.BptAXjD8.js";
|
|
5
5
|
export {
|
|
6
6
|
s as BentoAiButton,
|
package/dist/card.js
CHANGED
package/dist/checkbox.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { B as t, a } from "./chunks/checkbox.
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { B as t, a } from "./chunks/checkbox.ClFNfhNh.js";
|
|
2
|
+
import { B as x, a as n } from "./chunks/checkbox-group.d6VQvZL7.js";
|
|
3
|
+
import { C } from "./chunks/minus-small.DJacLGTw.js";
|
|
4
4
|
export {
|
|
5
5
|
t as BentoCheckbox,
|
|
6
6
|
a as BentoCheckboxEvent,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
x as BentoCheckboxGroup,
|
|
8
|
+
n as BentoCheckboxGroupVariant,
|
|
9
|
+
C as BentoCheckboxState
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=checkbox.js.map
|
package/dist/chip.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as u, provide as x, toRef as h, ref as _, inject as g, computed as y, watch as l } from "vue";
|
|
2
2
|
import { n as m } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
3
|
-
import { B as E } from "./typography.
|
|
3
|
+
import { B as E } from "./typography.C8lPlsbD.js";
|
|
4
4
|
import { C as O } from "./chevron-down.eYtgv5ly.js";
|
|
5
5
|
import { C as T } from "./chevron-up.d8cwIlA_.js";
|
|
6
6
|
import { g as p } from "./generate-uid.NJ8tVoha.js";
|
|
@@ -114,4 +114,4 @@ export {
|
|
|
114
114
|
Q as a,
|
|
115
115
|
V as b
|
|
116
116
|
};
|
|
117
|
-
//# sourceMappingURL=accordion-item.
|
|
117
|
+
//# sourceMappingURL=accordion-item.Cv6kG2N3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.
|
|
1
|
+
{"version":3,"file":"accordion-item.Cv6kG2N3.js","sources":["../../src/components/accordion/accordion.keys.ts","../../src/components/accordion/accordion.vue","../../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 { type 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\n v-if=\"isOpen\"\n class=\"b-accordion-item__icon\"\n :svg-title=\"t('collapse')\"\n aria-hidden=\"true\"\n />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('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 '@/core/utils/ts';\n import { observeSizeOfElement } from '@/utils/ts/resize';\n import { useI18n } from '@/utils/ts/i18n';\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 import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\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([\"update:is-expanded\"]);\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\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 i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","props","__default__","messages","CONTENT_TRANSITION_NAME","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement","emit"],"mappings":";;;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,GCqDHC,IAAA,CAAA;;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAAAC,GAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GCgIAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;iBAlGAC,IAAA,wCAqBA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAGAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAP,EAAA,UAAA,GAGAS,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAjB,GAAA,SAAA,GAGA,EAAA,qBAAAkB,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAnB,EAAA;AAAA,MACgB,CAAAoB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAb,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAe,IAAA;AACA,QAAA,CAAAA,KAAAf,EAAA,UACIe,IAAAC,EAAAhB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIQ,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAX;AAAA,MACI,CAAAY,MAAA;AAGI,QAAAG,EAAA,sBAAAH,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { defineComponent as O, computed as o, ref as b, toRefs as P, watch as g, provide as R, nextTick as C } from "vue";
|
|
2
|
-
import { B as F } from "./button.
|
|
3
|
-
import { B as W } from "./typography.
|
|
4
|
-
import { B as L } from "./button-actions-with-menu.
|
|
2
|
+
import { B as F } from "./button.Ctj3rkxw.js";
|
|
3
|
+
import { B as W } from "./typography.C8lPlsbD.js";
|
|
4
|
+
import { B as L } from "./button-actions-with-menu.C8tSTxrm.js";
|
|
5
5
|
import { C as U } from "./cross.CC_B-vG-.js";
|
|
6
6
|
import { u as k } from "./index.B6WW_F-J.js";
|
|
7
|
-
import { u as M } from "./index.
|
|
8
|
-
import { P as z, B as D } from "./button-actions.
|
|
7
|
+
import { u as M } from "./index.BkJqgYF1.js";
|
|
8
|
+
import { P as z, B as D } from "./button-actions.VSc47LLH.js";
|
|
9
9
|
import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
10
10
|
import "../assets/action-bar.css";
|
|
11
11
|
const J = {
|
|
@@ -23,15 +23,15 @@ const J = {
|
|
|
23
23
|
close: "閉じる",
|
|
24
24
|
save: "保存",
|
|
25
25
|
selected: "選択済み",
|
|
26
|
-
unsavedChanges: "
|
|
26
|
+
unsavedChanges: "保存されていない変更 | 保存されていない変更 | 保存されていない変更"
|
|
27
27
|
},
|
|
28
28
|
"pt-BR": {
|
|
29
29
|
actionBar: "Barra de ação",
|
|
30
30
|
cancel: "Cancelar",
|
|
31
31
|
close: "Fechar",
|
|
32
32
|
save: "Salvar",
|
|
33
|
-
selected: "
|
|
34
|
-
unsavedChanges: "alteração não salva | alterações não salvas"
|
|
33
|
+
selected: "selecionado",
|
|
34
|
+
unsavedChanges: "Alterações não salvas | alteração não salva | alterações não salvas"
|
|
35
35
|
}
|
|
36
36
|
}, K = {
|
|
37
37
|
i18n: { messages: J }
|
|
@@ -160,4 +160,4 @@ const ot = $.exports;
|
|
|
160
160
|
export {
|
|
161
161
|
ot as B
|
|
162
162
|
};
|
|
163
|
-
//# sourceMappingURL=action-bar.
|
|
163
|
+
//# sourceMappingURL=action-bar.Dnkt4yn7.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-bar.rgLdy6Bu.js","sources":["../../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 <template v-if=\"isConfirmationVariant && noItemCounter\">\n {{ tc('unsavedChanges', 0) }}\n </template>\n <template v-else>\n {{ n(itemCounter) }}\n {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </template>\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 disable-responsive-behavior\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, type PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, type 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 * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n */\n itemCounter: {\n type: Number,\n default: null,\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([\"close\", \"cancel\", \"save\"]);\n\n const { t, tc, n } = 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 const noItemCounter = computed(() => {\n return props.itemCounter == null || props.itemCounter < 1;\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","n","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","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0PIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBApMAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA4DA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAN,EAAA,UAAA,CAAA,GAGAO,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,GAAAxB,CAAA;AAGA,UAAAyB,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,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA4B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA5B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA4B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJC,IAAAxB,EAAA,MACIC,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DwB,IAAA,YAAA;AACI,YAAAC,EAAA,GACAnB,EAAA,QAAAL,EAAA,MAAA,cAAAR,IAAAH,KAAAkB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAnB,EAAA,QAAAL,EAAA,MAAA,cAAAR,KAAAe,EAAA,QAAA,MACIA,EAAA,SAAA,GACAkB,EAAA;AAAA,IACJ;AAIJ,WAAAf;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAqB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAxB,EAAA;AACI;AAEJ,cAAA4B,IAAAF,IAAAC;AACA,QAAAtB,EAAA,QAAAd,IACIgB,EAAA,QAAA,IAAiCqB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"action-bar.Dnkt4yn7.js","sources":["../../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 <template v-if=\"isConfirmationVariant && noItemCounter\">\n {{ tc('unsavedChanges', 0) }}\n </template>\n <template v-else>\n {{ n(itemCounter) }}\n {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </template>\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 disable-responsive-behavior\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, type PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, type 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 * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n */\n itemCounter: {\n type: Number,\n default: null,\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([\"close\", \"cancel\", \"save\"]);\n\n const { t, tc, n } = 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 const noItemCounter = computed(() => {\n return props.itemCounter == null || props.itemCounter < 1;\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","n","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","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0PIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBApMAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA4DA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAN,EAAA,UAAA,CAAA,GAGAO,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,GAAAxB,CAAA;AAGA,UAAAyB,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,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA4B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA5B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA4B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJC,IAAAxB,EAAA,MACIC,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DwB,IAAA,YAAA;AACI,YAAAC,EAAA,GACAnB,EAAA,QAAAL,EAAA,MAAA,cAAAR,IAAAH,KAAAkB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAnB,EAAA,QAAAL,EAAA,MAAA,cAAAR,KAAAe,EAAA,QAAA,MACIA,EAAA,SAAA,GACAkB,EAAA;AAAA,IACJ;AAIJ,WAAAf;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAqB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAxB,EAAA;AACI;AAEJ,cAAA4B,IAAAF,IAAAC;AACA,QAAAtB,EAAA,QAAAd,IACIgB,EAAA,QAAA,IAAiCqB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as r, useSlots as c, computed as u, onMounted as d } from "vue";
|
|
2
|
-
import { B as p } from "./button.
|
|
2
|
+
import { B as p } from "./button.Ctj3rkxw.js";
|
|
3
3
|
import { A as f } from "./artificial-intelligence-ai-filled.C6TMsiHK.js";
|
|
4
4
|
import { u as _ } from "./use-has-slot.C9lQZ6nz.js";
|
|
5
|
-
import { p as m } from "./typography.
|
|
5
|
+
import { p as m } from "./typography.C8lPlsbD.js";
|
|
6
6
|
import { n as b } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
7
7
|
import "../assets/ai-button.css";
|
|
8
8
|
const v = {
|
|
@@ -47,4 +47,4 @@ const F = k.exports;
|
|
|
47
47
|
export {
|
|
48
48
|
F as a
|
|
49
49
|
};
|
|
50
|
-
//# sourceMappingURL=ai-button.
|
|
50
|
+
//# sourceMappingURL=ai-button.BTi18ipD.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-button.
|
|
1
|
+
{"version":3,"file":"ai-button.BTi18ipD.js","sources":["../../src/components/button/components/ai-button/ai-button.vue"],"sourcesContent":["<template>\n <div class=\"b-ai-button\" :class=\"conditionalClass\">\n <div class=\"b-ai-button__animation\" />\n\n <bento-button\n class=\"b-ai-button__button\"\n :condensed=\"condensed\"\n :disabled=\"disabled\"\n :inverse=\"inverse\"\n variant=\"secondary\"\n @click.capture.stop=\"onClick\"\n >\n <template #iconLeft>\n <ai-filled-icon aria-hidden=\"true\" class=\"b-ai-button__icon\" />\n </template>\n\n <slot></slot>\n </bento-button>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n import BentoButton from '../../button.vue';\n import AiFilledIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { type BentoAiButtonProps } from './ai-button.types';\n\n const props = defineProps({\n condensed: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n inverse: { type: Boolean, default: false },\n link: { default: undefined },\n type: { default: 'button' }\n});\n\n const emit = defineEmits([\"click\"]);\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const conditionalClass = computed(() => ({\n 'b-ai-button--disabled': props.disabled,\n }));\n\n const onClick = (e: MouseEvent) => {\n // Prevent Vue3 from triggering event twice\n e.stopPropagation();\n\n emit('click', e);\n };\n\n onMounted(() => {\n if (!hasSlot('default')) {\n printDevelopmentWarning('An icon-only button cannot be a AI button');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * AI Button component is used for cases where pressing a button starts an AI-related action.\n *\n * @example\n * import { BentoAiButton } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiButton },\n * template: `\n * <bento-ai-button @click=\"onClick\">Generate with AI</bento-ai-button>\n * `\n * }\n */\n export default {\n name: 'bento-ai-button',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-button.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","conditionalClass","computed","props","onClick","e","emit","onMounted","printDevelopmentWarning"],"mappings":";;;;;;;AA0EI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;iBArCAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OAAA;AAAA,MAAyC,yBAAAC,EAAA;AAAA,IACN,EAAA,GAGnCC,IAAA,CAAAC,MAAA;AAEI,MAAAA,EAAA,gBAAA,GAEAC,EAAA,SAAAD,CAAA;AAAA,IAAe;AAGnB,WAAAE,EAAA,MAAA;AACI,MAAAR,EAAA,SAAA,KACIS,EAAA,2CAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;"}
|