@adyen/bento-vue2 2.0.1-rc.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/navigation-menu-group.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{accordion-item.DOj7vqeL.js → accordion-item.B7lteJBu.js} +2 -2
- package/dist/chunks/{accordion-item.DOj7vqeL.js.map → accordion-item.B7lteJBu.js.map} +1 -1
- package/dist/chunks/{action-bar.KJSfr89B.js → action-bar.BsXW7BI2.js} +3 -3
- package/dist/chunks/{action-bar.KJSfr89B.js.map → action-bar.BsXW7BI2.js.map} +1 -1
- package/dist/chunks/{ai-tag.TLrUno9t.js → ai-tag.D2Q0xhFK.js} +2 -2
- package/dist/chunks/{ai-tag.TLrUno9t.js.map → ai-tag.D2Q0xhFK.js.map} +1 -1
- package/dist/chunks/{alert.DT6T5Uxb.js → alert.DJDHwVeR.js} +70 -52
- package/dist/chunks/alert.DJDHwVeR.js.map +1 -0
- package/dist/chunks/{base-modal.CGHkdr9t.js → base-modal.CcmoTJdc.js} +4 -4
- package/dist/chunks/{base-modal.CGHkdr9t.js.map → base-modal.CcmoTJdc.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.CjTaZoYW.js → button-actions-with-menu.BY394ars.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.CjTaZoYW.js.map → button-actions-with-menu.BY394ars.js.map} +1 -1
- package/dist/chunks/{button-actions.sLmpjWGK.js → button-actions.bkcLUE1G.js} +2 -2
- package/dist/chunks/{button-actions.sLmpjWGK.js.map → button-actions.bkcLUE1G.js.map} +1 -1
- package/dist/chunks/{calendar.BNRImpE_.js → calendar.CXdLEeN4.js} +18 -18
- package/dist/chunks/{calendar.BNRImpE_.js.map → calendar.CXdLEeN4.js.map} +1 -1
- package/dist/chunks/{card.DmnYYMmv.js → card.BmpB0VbL.js} +4 -4
- package/dist/chunks/{card.DmnYYMmv.js.map → card.BmpB0VbL.js.map} +1 -1
- package/dist/chunks/{checkbox-group.D1SE-hz6.js → checkbox-group.D1uyc3z3.js} +3 -3
- package/dist/chunks/{checkbox-group.D1SE-hz6.js.map → checkbox-group.D1uyc3z3.js.map} +1 -1
- package/dist/chunks/{checkbox.CyGdeEdp.js → checkbox.D5xZ5Nnh.js} +2 -2
- package/dist/chunks/{checkbox.CyGdeEdp.js.map → checkbox.D5xZ5Nnh.js.map} +1 -1
- package/dist/chunks/{code-snippet.BwswvtkY.js → code-snippet.CnThWqVb.js} +4 -4
- package/dist/chunks/{code-snippet.BwswvtkY.js.map → code-snippet.CnThWqVb.js.map} +1 -1
- package/dist/chunks/{controls-group.DUNvd6DZ.js → controls-group.fdGc6epa.js} +2 -2
- package/dist/chunks/{controls-group.DUNvd6DZ.js.map → controls-group.fdGc6epa.js.map} +1 -1
- package/dist/chunks/{copy.DSnfQU_F.js → copy.CSk1rCRo.js} +3 -3
- package/dist/chunks/{copy.DSnfQU_F.js.map → copy.CSk1rCRo.js.map} +1 -1
- package/dist/chunks/{dashboard-section.CowwqnVA.js → dashboard-section.CYEoNH9Q.js} +3 -3
- package/dist/chunks/{dashboard-section.CowwqnVA.js.map → dashboard-section.CYEoNH9Q.js.map} +1 -1
- package/dist/chunks/{dashed-underline.dNu0qaf7.js → dashed-underline.CzKc-fJW.js} +3 -3
- package/dist/chunks/{dashed-underline.dNu0qaf7.js.map → dashed-underline.CzKc-fJW.js.map} +1 -1
- package/dist/chunks/{data-grid-template.D5699UWb.js → data-grid-template.DCwzh2G7.js} +4 -4
- package/dist/chunks/{data-grid-template.D5699UWb.js.map → data-grid-template.DCwzh2G7.js.map} +1 -1
- package/dist/chunks/{data-grid.CN25cWaQ.js → data-grid.CMxQpfrY.js} +19 -19
- package/dist/chunks/{data-grid.CN25cWaQ.js.map → data-grid.CMxQpfrY.js.map} +1 -1
- package/dist/chunks/{date-picker.DhIMx1wH.js → date-picker.gDsw8bn1.js} +7 -7
- package/dist/chunks/{date-picker.DhIMx1wH.js.map → date-picker.gDsw8bn1.js.map} +1 -1
- package/dist/chunks/{date-range-picker.Cz6ijJAa.js → date-range-picker.CqixIJxG.js} +39 -39
- package/dist/chunks/{date-range-picker.Cz6ijJAa.js.map → date-range-picker.CqixIJxG.js.map} +1 -1
- package/dist/chunks/{date-time-picker.CHELyYSN.js → date-time-picker.Bktntun4.js} +5 -5
- package/dist/chunks/{date-time-picker.CHELyYSN.js.map → date-time-picker.Bktntun4.js.map} +1 -1
- package/dist/chunks/{draggable-handle.C75v14oN.js → draggable-handle.DgVdGC1V.js} +2 -2
- package/dist/chunks/{draggable-handle.C75v14oN.js.map → draggable-handle.DgVdGC1V.js.map} +1 -1
- package/dist/chunks/{draggable.COHEAPF5.js → draggable.DYKdXdbj.js} +2 -2
- package/dist/chunks/{draggable.COHEAPF5.js.map → draggable.DYKdXdbj.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.DKGloEzh.js → dropdown-tag.Dk7SooVv.js} +3 -3
- package/dist/chunks/{dropdown-tag.DKGloEzh.js.map → dropdown-tag.Dk7SooVv.js.map} +1 -1
- package/dist/chunks/{dropdown.QLkWJ9zk.js → dropdown.Bnq4kP7k.js} +5 -5
- package/dist/chunks/{dropdown.QLkWJ9zk.js.map → dropdown.Bnq4kP7k.js.map} +1 -1
- package/dist/chunks/{empty-state.CRdHhJLl.js → empty-state.C2wjdE3y.js} +2 -2
- package/dist/chunks/{empty-state.CRdHhJLl.js.map → empty-state.C2wjdE3y.js.map} +1 -1
- package/dist/chunks/{field-label.CEp7WMYe.js → field-label.C7BCsofY.js} +2 -2
- package/dist/chunks/{field-label.CEp7WMYe.js.map → field-label.C7BCsofY.js.map} +1 -1
- package/dist/chunks/{file-uploader.2MeaNIlv.js → file-uploader.DllKBmP8.js} +6 -7
- package/dist/chunks/{file-uploader.2MeaNIlv.js.map → file-uploader.DllKBmP8.js.map} +1 -1
- package/dist/chunks/filter-bar.D7Lk7wlq.js +3131 -0
- package/dist/chunks/filter-bar.D7Lk7wlq.js.map +1 -0
- package/dist/chunks/{focus-trap.BDpcWIxI.js → focus-trap.fd6_d2EW.js} +2 -1
- package/dist/chunks/{focus-trap.BDpcWIxI.js.map → focus-trap.fd6_d2EW.js.map} +1 -1
- package/dist/chunks/{footer-actions.B5YZ95jM.js → footer-actions.C9STwwcv.js} +2 -2
- package/dist/chunks/{footer-actions.B5YZ95jM.js.map → footer-actions.C9STwwcv.js.map} +1 -1
- package/dist/chunks/{form-layout-title.BStxZj9d.js → form-layout-title.C0lwzPZz.js} +2 -2
- package/dist/chunks/{form-layout-title.BStxZj9d.js.map → form-layout-title.C0lwzPZz.js.map} +1 -1
- package/dist/chunks/{header-with-views.DQh7mz0T.js → header-with-views.BqobE7IF.js} +10 -10
- package/dist/chunks/{header-with-views.DQh7mz0T.js.map → header-with-views.BqobE7IF.js.map} +1 -1
- package/dist/chunks/{header.DeRBttdY.js → header.CmyqVXuG.js} +4 -4
- package/dist/chunks/{header.DeRBttdY.js.map → header.CmyqVXuG.js.map} +1 -1
- package/dist/chunks/{info-icon-with-popover.8pL3B3m3.js → info-icon-with-popover.BvYyGm4D.js} +3 -3
- package/dist/chunks/{info-icon-with-popover.8pL3B3m3.js.map → info-icon-with-popover.BvYyGm4D.js.map} +1 -1
- package/dist/chunks/{info-icon.CmWiZXvc.js → info-icon.B-FAeceD.js} +3 -3
- package/dist/chunks/{info-icon.CmWiZXvc.js.map → info-icon.B-FAeceD.js.map} +1 -1
- package/dist/chunks/{input-field-password.BiPMXS1j.js → input-field-password.9bWhLud0.js} +4 -4
- package/dist/chunks/{input-field-password.BiPMXS1j.js.map → input-field-password.9bWhLud0.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.GK1UAt7-.js → input-field-phone-number.CCn1N9St.js} +2 -2
- package/dist/chunks/{input-field-phone-number.GK1UAt7-.js.map → input-field-phone-number.CCn1N9St.js.map} +1 -1
- package/dist/chunks/{input-field.BT5tx_DM.js → input-field.D912rZS_.js} +3 -3
- package/dist/chunks/{input-field.BT5tx_DM.js.map → input-field.D912rZS_.js.map} +1 -1
- package/dist/chunks/{input-time.DGaMMWxj.js → input-time.CXMuvF9N.js} +3 -3
- package/dist/chunks/{input-time.DGaMMWxj.js.map → input-time.CXMuvF9N.js.map} +1 -1
- package/dist/chunks/{inspector-page.C5VCiyLD.js → inspector-page.BRC_7uro.js} +2 -2
- package/dist/chunks/{inspector-page.C5VCiyLD.js.map → inspector-page.BRC_7uro.js.map} +1 -1
- package/dist/chunks/{inspector.BoZBD8_z.js → inspector.IOtNex1r.js} +2 -2
- package/dist/chunks/{inspector.BoZBD8_z.js.map → inspector.IOtNex1r.js.map} +1 -1
- package/dist/chunks/{list-item.Bh5Z1f0K.js → list-item.HjabBEb8.js} +3 -3
- package/dist/chunks/{list-item.Bh5Z1f0K.js.map → list-item.HjabBEb8.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.BY6i9YgP.js → listbox-option-tag.DhNxvqRO.js} +2 -2
- package/dist/chunks/{listbox-option-tag.BY6i9YgP.js.map → listbox-option-tag.DhNxvqRO.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.Bteroyik.js → modal-fullscreen.Bi1bQs4Z.js} +3 -3
- package/dist/chunks/{modal-fullscreen.Bteroyik.js.map → modal-fullscreen.Bi1bQs4Z.js.map} +1 -1
- package/dist/chunks/{modal.C6OJMJ_D.js → modal.B3-pmL5s.js} +4 -4
- package/dist/chunks/{modal.C6OJMJ_D.js.map → modal.B3-pmL5s.js.map} +1 -1
- package/dist/chunks/{navigation-menu-group.uqIv5yZG.js → navigation-menu-group.BnHdXODQ.js} +3 -3
- package/dist/chunks/{navigation-menu-group.uqIv5yZG.js.map → navigation-menu-group.BnHdXODQ.js.map} +1 -1
- package/dist/chunks/{pagination.CGiu-kog.js → pagination.cI_pc6oE.js} +2 -2
- package/dist/chunks/{pagination.CGiu-kog.js.map → pagination.cI_pc6oE.js.map} +1 -1
- package/dist/chunks/popover.types.DvIwSAAp.js +6 -0
- package/dist/chunks/{popover.types.CoDfZgDc.js.map → popover.types.DvIwSAAp.js.map} +1 -1
- package/dist/chunks/{popper-container.Co4j6qME.js → popper-container.Cj3AWXSd.js} +2 -2
- package/dist/chunks/{popper-container.Co4j6qME.js.map → popper-container.Cj3AWXSd.js.map} +1 -1
- package/dist/chunks/{progress-bar.CJ6j8lIr.js → progress-bar.RlF3a0Gb.js} +2 -2
- package/dist/chunks/{progress-bar.CJ6j8lIr.js.map → progress-bar.RlF3a0Gb.js.map} +1 -1
- package/dist/chunks/{radio-group.CQfxWRbM.js → radio-group.CvsQDlHi.js} +3 -3
- package/dist/chunks/{radio-group.CQfxWRbM.js.map → radio-group.CvsQDlHi.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.CDrX-0g1.js → rich-text-editor.rXoS7KGY.js} +5 -5
- package/dist/chunks/{rich-text-editor.CDrX-0g1.js.map → rich-text-editor.rXoS7KGY.js.map} +1 -1
- package/dist/chunks/{search-bar.CFscAHEn.js → search-bar.--4KVNkf.js} +3 -3
- package/dist/chunks/{search-bar.CFscAHEn.js.map → search-bar.--4KVNkf.js.map} +1 -1
- package/dist/chunks/{secondary-nav.Ba7pNe_-.js → secondary-nav.CgdV0QwZ.js} +4 -4
- package/dist/chunks/{secondary-nav.Ba7pNe_-.js.map → secondary-nav.CgdV0QwZ.js.map} +1 -1
- package/dist/chunks/{segmented-control.Dp7Xd5Oa.js → segmented-control.nYpRQTGc.js} +2 -2
- package/dist/chunks/{segmented-control.Dp7Xd5Oa.js.map → segmented-control.nYpRQTGc.js.map} +1 -1
- package/dist/chunks/{selection-card-group.B2IEfuke.js → selection-card-group.CmDuj1c7.js} +2 -2
- package/dist/chunks/{selection-card-group.B2IEfuke.js.map → selection-card-group.CmDuj1c7.js.map} +1 -1
- package/dist/chunks/{sidepanel.B9QGoXGV.js → sidepanel.CntIcmx-.js} +4 -4
- package/dist/chunks/{sidepanel.B9QGoXGV.js.map → sidepanel.CntIcmx-.js.map} +1 -1
- package/dist/chunks/{structured-list-item.Cp1OuRJJ.js → structured-list-item.Bhe0CH1M.js} +4 -4
- package/dist/chunks/{structured-list-item.Cp1OuRJJ.js.map → structured-list-item.Bhe0CH1M.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.Ddf7FShu.js → summary-grid.types.C70ED6WD.js} +5 -5
- package/dist/chunks/{summary-grid.types.Ddf7FShu.js.map → summary-grid.types.C70ED6WD.js.map} +1 -1
- package/dist/chunks/{tab.DavwEprr.js → tab.BK1sIJAJ.js} +2 -2
- package/dist/chunks/{tab.DavwEprr.js.map → tab.BK1sIJAJ.js.map} +1 -1
- package/dist/chunks/{tag.HGmLa47S.js → tag.Dz1FQSZb.js} +2 -2
- package/dist/chunks/{tag.HGmLa47S.js.map → tag.Dz1FQSZb.js.map} +1 -1
- package/dist/chunks/{textarea.CFCNYWVT.js → textarea.CcV9U3I7.js} +2 -2
- package/dist/chunks/{textarea.CFCNYWVT.js.map → textarea.CcV9U3I7.js.map} +1 -1
- package/dist/chunks/{timeline-item.BIDEQCUw.js → timeline-item.BG2by0xf.js} +6 -6
- package/dist/chunks/{timeline-item.BIDEQCUw.js.map → timeline-item.BG2by0xf.js.map} +1 -1
- package/dist/chunks/{title-details.kDWlIY1W.js → title-details.ChwPP7C5.js} +2 -2
- package/dist/chunks/{title-details.kDWlIY1W.js.map → title-details.ChwPP7C5.js.map} +1 -1
- package/dist/chunks/{tooltip.D9Nqxoyp.js → tooltip.DFYc5NKM.js} +3 -3
- package/dist/chunks/{tooltip.D9Nqxoyp.js.map → tooltip.DFYc5NKM.js.map} +1 -1
- package/dist/chunks/{tutorial.dS_oywbu.js → tutorial.K0aOQWIg.js} +4 -4
- package/dist/chunks/{tutorial.dS_oywbu.js.map → tutorial.K0aOQWIg.js.map} +1 -1
- package/dist/chunks/{use-date-input-formatter.5r7srQZU.js → use-date-input-formatter.MgbFwUqJ.js} +2 -2
- package/dist/chunks/{use-date-input-formatter.5r7srQZU.js.map → use-date-input-formatter.MgbFwUqJ.js.map} +1 -1
- package/dist/chunks/use-expandable-content-height.DmFeas9-.js +36 -0
- package/dist/chunks/use-expandable-content-height.DmFeas9-.js.map +1 -0
- package/dist/code-snippet.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-time-picker.js +1 -1
- package/dist/draggable.js +2 -2
- package/dist/dropdown.js +2 -2
- 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 +57 -57
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/input-time.js +1 -1
- package/dist/inspector.js +2 -2
- package/dist/internal.js +11 -11
- package/dist/list.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/navigation-menu.js +1 -1
- package/dist/pagination.js +1 -1
- package/dist/popover.js +2 -2
- package/dist/popper-container.js +1 -1
- package/dist/progress-bar.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/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/tutorial.js +1 -1
- package/dist/web-types.json +1 -9
- package/package.json +6 -6
- package/dist/assets/date-filter.css +0 -1
- package/dist/assets/date-range-filter.css +0 -1
- package/dist/assets/input-with-dropdown-filter.css +0 -1
- package/dist/chunks/alert.DT6T5Uxb.js.map +0 -1
- package/dist/chunks/date-filter.BZVe74cH.js +0 -117
- package/dist/chunks/date-filter.BZVe74cH.js.map +0 -1
- package/dist/chunks/date-range-filter.CDrrP22U.js +0 -868
- package/dist/chunks/date-range-filter.CDrrP22U.js.map +0 -1
- package/dist/chunks/filter-bar.DUw139BE.js +0 -1867
- package/dist/chunks/filter-bar.DUw139BE.js.map +0 -1
- package/dist/chunks/input-with-dropdown-filter.axFutymM.js +0 -80
- package/dist/chunks/input-with-dropdown-filter.axFutymM.js.map +0 -1
- package/dist/chunks/popover.types.CoDfZgDc.js +0 -6
- package/dist/chunks/select-avatar-filter.EG4IpfbR.js +0 -51
- package/dist/chunks/select-avatar-filter.EG4IpfbR.js.map +0 -1
- package/dist/chunks/select-country-filter.BtUlbnFP.js +0 -55
- package/dist/chunks/select-country-filter.BtUlbnFP.js.map +0 -1
- package/dist/chunks/select-currency-filter.B__ByL7N.js +0 -89
- package/dist/chunks/select-currency-filter.B__ByL7N.js.map +0 -1
- package/dist/chunks/select-payment-method-filter.DndRc65T.js +0 -51
- package/dist/chunks/select-payment-method-filter.DndRc65T.js.map +0 -1
- package/dist/chunks/select-tag-filter.DiWow_m7.js +0 -59
- package/dist/chunks/select-tag-filter.DiWow_m7.js.map +0 -1
- package/dist/chunks/use-expandable-content-height.Bdd9hQwq.js +0 -34
- package/dist/chunks/use-expandable-content-height.Bdd9hQwq.js.map +0 -1
- package/dist/chunks/warning-filled.DI6aB6vH.js +0 -26
- package/dist/chunks/warning-filled.DI6aB6vH.js.map +0 -1
|
@@ -1,1867 +0,0 @@
|
|
|
1
|
-
import { ref as S, onMounted as de, watch as G, computed as n, defineComponent as k, useSlots as fe, useAttrs as Ye, nextTick as _e, onBeforeUpdate as he, toRef as M, unref as Xe, defineAsyncComponent as We, shallowRef as Ze, onBeforeUnmount as Qe, getCurrentInstance as et } from "vue";
|
|
2
|
-
import { B as tt } from "./loading-indicator.PxbRzshH.js";
|
|
3
|
-
import { a as Ee } from "./radio-group.CQfxWRbM.js";
|
|
4
|
-
import { u as X } from "./index.CPOlyau9.js";
|
|
5
|
-
import { t as ee } from "./truncate.DmCXQmeb.js";
|
|
6
|
-
import { B as oe, d as lt, p as at } from "./typography.D1OZJbEa.js";
|
|
7
|
-
import { u as st, e as Oe, h as rt, B as Pe } from "./button-actions.sLmpjWGK.js";
|
|
8
|
-
import { b as xe } from "./tooltip.D9Nqxoyp.js";
|
|
9
|
-
import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
|
|
10
|
-
import { g as re } from "./generate-uid.DBWe4g6T.js";
|
|
11
|
-
import { C as ke } from "./cross-small.B9l4YLVX.js";
|
|
12
|
-
import { B as De, a as Be } from "./base-button.DOhHyU7x.js";
|
|
13
|
-
import { u as Ve } from "./use-has-slot.C9lQZ6nz.js";
|
|
14
|
-
import { u as Ne } from "./aria-label.CaUURpnB.js";
|
|
15
|
-
import { g as $e } from "./get-slot-text.DM_NdrUC.js";
|
|
16
|
-
import { B as nt } from "./checkbox-group.D1SE-hz6.js";
|
|
17
|
-
import "./index.Cl4_42j5.js";
|
|
18
|
-
import { B as Me } from "./input-field.BT5tx_DM.js";
|
|
19
|
-
import { u as Se, f as we, d as ot, B as it, C as ut } from "./dropdown.QLkWJ9zk.js";
|
|
20
|
-
import { B as me, a as ae } from "./search-bar.CFscAHEn.js";
|
|
21
|
-
import { B as ct } from "./divider.KxXy6nzJ.js";
|
|
22
|
-
import { C as dt } from "./checkbox-input.CIoy_QxO.js";
|
|
23
|
-
import { m as ft, f as pt, k as bt } from "./index.CL3TXc0a.js";
|
|
24
|
-
import { F as Ue } from "./fixed-scroller.YC4bZifw.js";
|
|
25
|
-
import { a as vt, B as _t } from "./modal-fullscreen.Bteroyik.js";
|
|
26
|
-
import { B as ht } from "./modal.C6OJMJ_D.js";
|
|
27
|
-
import { C as mt } from "./chevron-up.YQRo8uKs.js";
|
|
28
|
-
import { C as Ft } from "./chevron-down.B_QiVCoO.js";
|
|
29
|
-
import { B as yt } from "./button.DII5Ifwa.js";
|
|
30
|
-
import { g as Bt } from "./focus-trap.BDpcWIxI.js";
|
|
31
|
-
/* empty css */
|
|
32
|
-
import { R as St } from "./refresh.DG69D4K2.js";
|
|
33
|
-
import { u as gt } from "./use-bento-toast-controller.A5xraVqa.js";
|
|
34
|
-
import "../assets/filter-bar.css";
|
|
35
|
-
const He = (s) => s === null || typeof s != "object" ? !1 : Object.prototype.toString.call(s) === "[object Object]", qe = (s) => Array.isArray(s), ge = (s) => qe(s) ? s.length === 0 || s.every((e) => e === "") : !s, be = (s, e) => JSON.stringify(s) === JSON.stringify(e), se = (s) => He(s) ? s instanceof Date ? new Date(s.getTime()) : qe(s) ? s.map((e) => se(e)) : Object.keys(s).reduce((e, l) => (e[l] = se(s[l]), e), {}) : s, Ct = (s) => He(s) ? Object.fromEntries(Object.keys(s).map((e) => [e, void 0])) : void 0;
|
|
36
|
-
function Ge(s, e) {
|
|
37
|
-
const l = S(), t = S();
|
|
38
|
-
de(() => {
|
|
39
|
-
s.value != null && (t.value = Ct(s.value));
|
|
40
|
-
}), G(
|
|
41
|
-
() => s.value,
|
|
42
|
-
(p) => {
|
|
43
|
-
l.value = se(p);
|
|
44
|
-
},
|
|
45
|
-
{ immediate: !0 }
|
|
46
|
-
);
|
|
47
|
-
const a = n(
|
|
48
|
-
() => ge(s.value) || be(s.value, t.value)
|
|
49
|
-
), r = n(
|
|
50
|
-
() => e.value != null ? be(e.value, s.value) : a.value
|
|
51
|
-
), o = n(() => be(l.value, s.value) || ge(l.value) && a.value);
|
|
52
|
-
function i(p) {
|
|
53
|
-
l.value = se(t.value), p && p(l.value);
|
|
54
|
-
}
|
|
55
|
-
function c(p) {
|
|
56
|
-
l.value = se(e.value), p && p(l.value);
|
|
57
|
-
}
|
|
58
|
-
function h(p) {
|
|
59
|
-
l.value = se(s.value), p && p(l.value);
|
|
60
|
-
}
|
|
61
|
-
return {
|
|
62
|
-
// Values
|
|
63
|
-
internalFilterValue: l,
|
|
64
|
-
isSecondaryButtonDisabled: r,
|
|
65
|
-
isApplyButtonDisabled: o,
|
|
66
|
-
// Methods
|
|
67
|
-
clearFilter: i,
|
|
68
|
-
resetFilter: c,
|
|
69
|
-
openFilter: h
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
const At = {}, Tt = /* @__PURE__ */ k({
|
|
73
|
-
...At,
|
|
74
|
-
__name: "filter-bar-button",
|
|
75
|
-
props: {
|
|
76
|
-
/**
|
|
77
|
-
* Allows to set the button as active without setting a "secondaryLabel"
|
|
78
|
-
*/
|
|
79
|
-
active: { type: Boolean, default: !1 },
|
|
80
|
-
/**
|
|
81
|
-
* The number of applied values within the filter.
|
|
82
|
-
* Text can also be applied here such as 'All'.
|
|
83
|
-
* e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
|
|
84
|
-
*/
|
|
85
|
-
appliedFiltersCount: { type: [String, Number], default: null },
|
|
86
|
-
/**
|
|
87
|
-
* Disables button functionality.
|
|
88
|
-
*/
|
|
89
|
-
disabled: { type: Boolean, default: !1 },
|
|
90
|
-
/**
|
|
91
|
-
* Signifies if the filter is open or closed.
|
|
92
|
-
*/
|
|
93
|
-
isFilterOpen: { type: Boolean, default: !1 },
|
|
94
|
-
/**
|
|
95
|
-
* Signifies if the filter is a persistent filter
|
|
96
|
-
*/
|
|
97
|
-
isPersistentFilter: { type: Boolean, default: !1 },
|
|
98
|
-
/**
|
|
99
|
-
* Renders the button without the applied state styles
|
|
100
|
-
*/
|
|
101
|
-
noAppliedStateStyles: { type: Boolean, default: !1 },
|
|
102
|
-
/**
|
|
103
|
-
* A secondary label to be added next to the primary for additional filtering information.
|
|
104
|
-
* i.e. Can be used to show the set value for said filter.
|
|
105
|
-
*/
|
|
106
|
-
secondaryLabel: { type: String, default: null }
|
|
107
|
-
},
|
|
108
|
-
emits: ["click"],
|
|
109
|
-
setup(s, { emit: e }) {
|
|
110
|
-
const l = s, t = fe(), a = Ye(), r = Ve(t), o = n(() => t.default ? $e(t)("default") : null), i = n(() => !r("default") && r("iconLeft")), c = Ne({ ariaLabel: o }), h = S(null), p = n(() => ({
|
|
111
|
-
"aria-controls": a["aria-controls"]?.toString()
|
|
112
|
-
})), d = n(
|
|
113
|
-
() => (l.appliedFiltersCount || l.secondaryLabel || l.isPersistentFilter) && !l.noAppliedStateStyles
|
|
114
|
-
), b = n(() => ({
|
|
115
|
-
"b-filter-bar-button--applied": d.value || l.active,
|
|
116
|
-
"b-filter-bar-button--filter-open": l.isFilterOpen && !d.value,
|
|
117
|
-
"b-filter-bar-button--filter-open-applied": l.isFilterOpen && d.value,
|
|
118
|
-
"b-filter-bar-button--with-secondary-label": l.secondaryLabel,
|
|
119
|
-
"b-filter-bar-button--with-counter": l.appliedFiltersCount,
|
|
120
|
-
"b-filter-bar-button--icon-only": i.value
|
|
121
|
-
}));
|
|
122
|
-
return { __sfc: !0, props: l, emit: e, slots: t, attrs: a, hasSlot: r, labelSlot: o, isIconOnly: i, computedAriaLabel: c, filterBarButtonRef: h, ariaAttributes: p, isAppliedFilter: d, conditionalClasses: b, onClickButton: (L) => {
|
|
123
|
-
L.preventDefault(), l.disabled || e("click", L);
|
|
124
|
-
}, BaseButton: De, BentoTypography: oe };
|
|
125
|
-
}
|
|
126
|
-
});
|
|
127
|
-
var Rt = function() {
|
|
128
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
129
|
-
return l(t.BaseButton, e._b({ ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: t.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": t.computedAriaLabel, "aria-controls": t.ariaAttributes["aria-controls"], type: "button" }, on: { click: t.onClickButton } }, "base-button", e.$attrs, !1), [l("div", { staticClass: "b-filter-bar-button__container" }, [t.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), l("div", { staticClass: "b-filter-bar-button__label-container" }, [l(t.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [l("span", [e._t("default")], 2), e.secondaryLabel && !t.isIconOnly ? l(t.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(":")]) : e._e()], 1), e.appliedFiltersCount && !t.isIconOnly ? l(t.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e(), e.secondaryLabel && !t.isIconOnly ? l(t.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
|
|
130
|
-
}, It = [], Lt = /* @__PURE__ */ x(
|
|
131
|
-
Tt,
|
|
132
|
-
Rt,
|
|
133
|
-
It,
|
|
134
|
-
!1,
|
|
135
|
-
null,
|
|
136
|
-
"347aabba"
|
|
137
|
-
);
|
|
138
|
-
const pe = Lt.exports, Et = {}, Ot = /* @__PURE__ */ k({
|
|
139
|
-
...Et,
|
|
140
|
-
__name: "filter-bar-button-group",
|
|
141
|
-
props: {
|
|
142
|
-
isActive: { type: Boolean, default: !1 },
|
|
143
|
-
skipGrouping: { type: Boolean, default: !1 }
|
|
144
|
-
},
|
|
145
|
-
setup(s) {
|
|
146
|
-
const e = s, l = n(() => ({
|
|
147
|
-
"b-filter-bar-button-group--active": e.isActive,
|
|
148
|
-
"b-filter-bar-button-group--grouped": !e.skipGrouping
|
|
149
|
-
}));
|
|
150
|
-
return { __sfc: !0, props: e, conditionalClasses: l };
|
|
151
|
-
}
|
|
152
|
-
});
|
|
153
|
-
var Pt = function() {
|
|
154
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
155
|
-
return l("div", { staticClass: "b-filter-bar-button-group", class: t.conditionalClasses }, [e._t("default")], 2);
|
|
156
|
-
}, xt = [], kt = /* @__PURE__ */ x(
|
|
157
|
-
Ot,
|
|
158
|
-
Pt,
|
|
159
|
-
xt,
|
|
160
|
-
!1,
|
|
161
|
-
null,
|
|
162
|
-
"c0b008f0"
|
|
163
|
-
);
|
|
164
|
-
const ze = kt.exports;
|
|
165
|
-
var J = /* @__PURE__ */ ((s) => (s.APPLY = "apply", s.CLEAR = "clear", s.OPEN = "open", s.CLOSE = "close", s.RESET = "reset", s.CANCEL = "cancel", s))(J || {});
|
|
166
|
-
const Dt = {
|
|
167
|
-
"de-DE": { apply: "Anwenden", clear: "Löschen", clearFilter: "Filter löschen {function}", filtersHaveBeenCleared: "Filter wurden gelöscht", numberSelected: "{numberOfItemsSelected} ausgewählt", reset: "Zurücksetzen", resetFilter: "Filter zurücksetzen {function}" },
|
|
168
|
-
"en-GB": { apply: "Apply", clear: "Clear", clearFilter: "Clear filter {function}", filtersHaveBeenCleared: "Filters have been cleared", numberSelected: "{numberOfItemsSelected} selected", reset: "Reset", resetFilter: "Reset filter {function}" },
|
|
169
|
-
"en-US": { apply: "Apply", clear: "Clear", clearFilter: "Clear filter {function}", filtersHaveBeenCleared: "Filters have been cleared", numberSelected: "{numberOfItemsSelected} selected", reset: "Reset", resetFilter: "Reset filter {function}" },
|
|
170
|
-
"es-419": { apply: "Aplicar", clear: "Borrar", clearFilter: "Borrar filtro {function}", filtersHaveBeenCleared: "Se borraron los filtros", numberSelected: "{numberOfItemsSelected} seleccionados", reset: "Restablecer", resetFilter: "Restablecer filtro {function}" },
|
|
171
|
-
"es-ES": { apply: "Aplicar", clear: "Borrar", clearFilter: "Borrar filtro {function}", filtersHaveBeenCleared: "Se han borrado los filtros", numberSelected: "{numberOfItemsSelected} seleccionado(s)", reset: "Reiniciar", resetFilter: "Restablecer filtro {function}" },
|
|
172
|
-
"es-MX": { apply: "Aplicar", clear: "Borrar", clearFilter: "Borrar filtro {function}", filtersHaveBeenCleared: "Se limpiaron los filtros", numberSelected: "{numberOfItemsSelected} seleccionado", reset: "Restablecer", resetFilter: "Restablecer filtro {function}" },
|
|
173
|
-
"fr-FR": { apply: "Appliquer", clear: "Effacer", clearFilter: "Effacer le filtre {function}", filtersHaveBeenCleared: "Les filtres ont été effacés", numberSelected: "{numberOfItemsSelected} sélectionné(s)", reset: "Réinitialiser", resetFilter: "Réinitialiser le filtre {function}" },
|
|
174
|
-
"it-IT": { apply: "Applica", clear: "Cancella", clearFilter: "Cancella filtro {function}", filtersHaveBeenCleared: "I filtri sono stati cancellati", numberSelected: "{numberOfItemsSelected} selezionati", reset: "Resetta", resetFilter: "Resetta filtro {function}" },
|
|
175
|
-
"ja-JP": { apply: "適用", clear: "クリア", clearFilter: "フィルター{function}をクリア", filtersHaveBeenCleared: "フィルターをクリアしました", numberSelected: "{numberOfItemsSelected}件選択済み", reset: "リセット", resetFilter: "フィルター{function}をリセット" },
|
|
176
|
-
"pt-BR": { apply: "Aplicar", clear: "Apagar", clearFilter: "Limpar filtro {function}", filtersHaveBeenCleared: "Os filtros foram apagados", numberSelected: "{numberOfItemsSelected} selecionados", reset: "Redefinir", resetFilter: "Limpar filtro {function}" },
|
|
177
|
-
"zh-CN": { apply: "应用", clear: "清除", clearFilter: "清除筛选器 {function}", filtersHaveBeenCleared: "筛选器已清除", numberSelected: "{numberOfItemsSelected} 已选择", reset: "重置", resetFilter: "重置过滤器 {function}" }
|
|
178
|
-
}, Vt = {
|
|
179
|
-
i18n: { messages: Dt },
|
|
180
|
-
name: "bento-base-filter"
|
|
181
|
-
}, Nt = /* @__PURE__ */ k({
|
|
182
|
-
...Vt,
|
|
183
|
-
props: {
|
|
184
|
-
appliedFiltersCount: { default: null },
|
|
185
|
-
buttonLabel: { default: void 0 },
|
|
186
|
-
buttonSecondaryLabel: { default: void 0 },
|
|
187
|
-
disabled: { type: Boolean, default: !1 },
|
|
188
|
-
defaultValue: { default: null },
|
|
189
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
190
|
-
controlled: { type: Boolean, default: !1 },
|
|
191
|
-
disableApplyButton: { type: Boolean, default: !1 },
|
|
192
|
-
disableSecondaryButton: { type: Boolean, default: !1 },
|
|
193
|
-
field: null,
|
|
194
|
-
label: null,
|
|
195
|
-
fitContent: { type: Boolean, default: void 0 },
|
|
196
|
-
tooltipText: { default: void 0 },
|
|
197
|
-
tooltipPosition: { default: void 0 },
|
|
198
|
-
value: { default: void 0 }
|
|
199
|
-
},
|
|
200
|
-
emits: [
|
|
201
|
-
J.APPLY,
|
|
202
|
-
J.CLEAR,
|
|
203
|
-
J.OPEN,
|
|
204
|
-
J.CLOSE,
|
|
205
|
-
J.RESET,
|
|
206
|
-
J.CANCEL
|
|
207
|
-
],
|
|
208
|
-
setup(s, { expose: e, emit: l }) {
|
|
209
|
-
const t = s, { t: a } = X(), r = re("base-filter-popover"), o = S(!1), i = S(null), c = S(null), h = n(() => i.value?.$el ?? null), p = (V) => {
|
|
210
|
-
c.value = V ?? null;
|
|
211
|
-
}, d = n(() => t.defaultValue !== null), b = n(() => d.value ? JSON.stringify(t.value) !== JSON.stringify(t.defaultValue) : t.appliedFiltersCount || t.buttonSecondaryLabel), T = n(() => {
|
|
212
|
-
let V = t.buttonSecondaryLabel ? `: ${t.buttonSecondaryLabel}` : "";
|
|
213
|
-
return t.appliedFiltersCount && (V = `: ${a("numberSelected", { numberOfItemsSelected: t.appliedFiltersCount })}`), (d.value ? t.label : P.value) + V;
|
|
214
|
-
}), L = n(
|
|
215
|
-
() => d.value ? a("resetFilter", {
|
|
216
|
-
function: P.value
|
|
217
|
-
}) : a("clearFilter", {
|
|
218
|
-
function: P.value
|
|
219
|
-
})
|
|
220
|
-
), P = n(() => t.buttonLabel || t.label), E = async () => {
|
|
221
|
-
await _e(), i.value?.$el?.focus();
|
|
222
|
-
}, A = () => {
|
|
223
|
-
o.value && (o.value = !1, E(), l(J.CLOSE));
|
|
224
|
-
}, O = () => {
|
|
225
|
-
d.value ? l(J.RESET) : l(J.CLEAR), E();
|
|
226
|
-
}, R = () => {
|
|
227
|
-
A(), O();
|
|
228
|
-
}, z = () => {
|
|
229
|
-
o.value ? A() : (o.value = !0, l(J.OPEN));
|
|
230
|
-
}, I = () => {
|
|
231
|
-
A(), l(J.APPLY);
|
|
232
|
-
}, j = () => {
|
|
233
|
-
A(), l(J.CANCEL);
|
|
234
|
-
}, U = () => j(), D = n(() => [
|
|
235
|
-
{
|
|
236
|
-
title: a("apply"),
|
|
237
|
-
event: I,
|
|
238
|
-
disabled: t.disableApplyButton
|
|
239
|
-
},
|
|
240
|
-
{
|
|
241
|
-
title: d.value ? a("reset") : a("clear"),
|
|
242
|
-
event: R,
|
|
243
|
-
disabled: t.disableSecondaryButton
|
|
244
|
-
}
|
|
245
|
-
]);
|
|
246
|
-
return G(
|
|
247
|
-
() => o.value,
|
|
248
|
-
(V, K) => {
|
|
249
|
-
!V && K && i.value?.filterBarButtonRef?.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
|
|
250
|
-
}
|
|
251
|
-
), st(c, U, { ignore: [i] }), e({
|
|
252
|
-
closePopover: A
|
|
253
|
-
}), { __sfc: !0, emit: l, props: t, t: a, popoverId: r, isFilterOpen: o, filterButtonRef: i, popoverRef: c, filterButtonEl: h, setPopoverRef: p, isPersistentFilter: d, isValueChanged: b, computedAriaLabel: T, computedClearButtonLabel: L, computedButtonText: P, resetFocus: E, closePopover: A, resetFilter: O, onClickSecondaryAction: R, onClickFilter: z, onClickApply: I, onCancel: j, onClickOutside: U, actions: D, BentoPopover: rt, vBentoTooltipDirective: xe, FilterBarButton: pe, FilterBarButtonGroup: ze, BentoTeleport: Oe, CrossSmallIcon: ke };
|
|
254
|
-
}
|
|
255
|
-
});
|
|
256
|
-
var $t = function() {
|
|
257
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
258
|
-
return e.onlySlot ? l("div", [e._t("default")], 2) : l("div", { staticClass: "b-base-filter" }, [l(t.FilterBarButtonGroup, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], attrs: { "is-active": t.isFilterOpen, "skip-grouping": !t.isValueChanged } }, [l(t.FilterBarButton, { ref: "filterButtonRef", attrs: { "aria-label": t.computedAriaLabel, "aria-controls": t.isFilterOpen ? t.popoverId : null, "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": t.isPersistentFilter, "is-filter-open": t.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: t.onClickFilter, keydown: function(a) {
|
|
259
|
-
return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : t.closePopover.apply(null, arguments);
|
|
260
|
-
} } }, [e._v(" " + e._s(t.computedButtonText) + " ")]), t.isValueChanged ? l(t.FilterBarButton, { attrs: { "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": t.isPersistentFilter, "is-filter-open": t.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: t.resetFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
261
|
-
return [l(t.CrossSmallIcon, { attrs: { "svg-title": t.computedClearButtonLabel } })];
|
|
262
|
-
}, proxy: !0 }], null, !1, 892273033) }) : e._e()], 1), t.filterButtonEl ? l(t.BentoTeleport, [l(t.BentoPopover, { ref: t.setPopoverRef, staticClass: "b-base-filter__popover", attrs: { id: t.popoverId, divider: "", "aria-label": e.label, open: t.isFilterOpen, actions: e.controlled ? null : t.actions, "actions-layout": "space-between", "target-element": t.filterButtonEl, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: "bottom-start", "without-space": e.controlled, "fallback-position": ["bottom-end"], "overflow-visible": "" } }, [l("div", { on: { keydown: function(a) {
|
|
263
|
-
return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : t.onCancel.apply(null, arguments);
|
|
264
|
-
} } }, [e._t("default")], 2)])], 1) : e._e()], 1);
|
|
265
|
-
}, Mt = [], wt = /* @__PURE__ */ x(
|
|
266
|
-
Nt,
|
|
267
|
-
$t,
|
|
268
|
-
Mt,
|
|
269
|
-
!1,
|
|
270
|
-
null,
|
|
271
|
-
"ef208dbd"
|
|
272
|
-
);
|
|
273
|
-
const ne = wt.exports, Ut = (s) => s instanceof Array, Ce = (s) => Ut(s) ? s.length === 0 || s.every((e) => e === "") : !s, Ae = (s, e) => JSON.stringify(s) === JSON.stringify(e), ie = (s, e) => {
|
|
274
|
-
const l = S(s.value);
|
|
275
|
-
G(
|
|
276
|
-
() => s.value,
|
|
277
|
-
() => {
|
|
278
|
-
l.value = s.value;
|
|
279
|
-
}
|
|
280
|
-
);
|
|
281
|
-
const t = n(() => Ce(s.value)), a = n(
|
|
282
|
-
() => e.value !== null ? Ae(e.value, s.value) : t.value
|
|
283
|
-
), r = n(() => Ae(l.value, s.value) || Ce(l.value) && t.value);
|
|
284
|
-
return {
|
|
285
|
-
internalFilterValue: l,
|
|
286
|
-
isSecondaryButtonDisabled: a,
|
|
287
|
-
isApplyButtonDisabled: r
|
|
288
|
-
};
|
|
289
|
-
};
|
|
290
|
-
var w = /* @__PURE__ */ ((s) => (s.INPUT = "input", s.UPDATE = "update", s))(w || {}), le = /* @__PURE__ */ ((s) => (s.INPUT = "input", s.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", s.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", s))(le || {}), $ = /* @__PURE__ */ ((s) => (s.BOOLEAN = "BentoBooleanFilter", s.RANGE = "BentoRangeFilter", s.INPUT = "BentoInputFilter", s.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", s.SELECT = "BentoSelectFilter", s.SELECT_AVATAR = "BentoSelectAvatarFilter", s.SELECT_COUNTRY = "BentoSelectCountryFilter", s.SELECT_CURRENCY = "BentoSelectCurrencyFilter", s.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", s.SELECT_TAG = "BentoSelectTagFilter", s.DATE = "BentoDateFilter", s.DATE_RANGE = "BentoDateRangeFilter", s.RADIO_GROUP = "BentoRadioGroupFilter", s.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", s.TOGGLE = "BentoToggleFilter", s))($ || {});
|
|
291
|
-
const Ht = {
|
|
292
|
-
"de-DE": { no: "Nein", yes: "Ja" },
|
|
293
|
-
"en-GB": { no: "No", yes: "Yes" },
|
|
294
|
-
"en-US": { no: "No", yes: "Yes" },
|
|
295
|
-
"es-419": { no: "No", yes: "Sí" },
|
|
296
|
-
"es-ES": { no: "No", yes: "Sí" },
|
|
297
|
-
"es-MX": { no: "No", yes: "Sí" },
|
|
298
|
-
"fr-FR": { no: "Non", yes: "Oui" },
|
|
299
|
-
"it-IT": { no: "No", yes: "Sì" },
|
|
300
|
-
"ja-JP": { no: "いいえ", yes: "はい" },
|
|
301
|
-
"pt-BR": { no: "Não", yes: "Sim" },
|
|
302
|
-
"zh-CN": { no: "不", yes: "是" }
|
|
303
|
-
}, qt = k({
|
|
304
|
-
name: "bento-boolean-filter",
|
|
305
|
-
i18n: { messages: Ht },
|
|
306
|
-
components: { BentoBaseFilter: ne, BentoRadioGroup: Ee },
|
|
307
|
-
props: {
|
|
308
|
-
/**
|
|
309
|
-
* Disables the filter from being interacted with.
|
|
310
|
-
*/
|
|
311
|
-
disabled: { type: Boolean, default: !1 },
|
|
312
|
-
/**
|
|
313
|
-
* Default value of the filter to reset to.
|
|
314
|
-
*/
|
|
315
|
-
defaultValue: { type: [String, Boolean], default: null },
|
|
316
|
-
/**
|
|
317
|
-
* Filter name/key referencing the actual property name in the data set.
|
|
318
|
-
* Should be unique per filter bar.
|
|
319
|
-
*/
|
|
320
|
-
field: { type: String, required: !0 },
|
|
321
|
-
/**
|
|
322
|
-
* Label text to be displayed
|
|
323
|
-
*/
|
|
324
|
-
label: { type: String, required: !0 },
|
|
325
|
-
/**
|
|
326
|
-
* Current value of the filter
|
|
327
|
-
*/
|
|
328
|
-
value: { type: [String, Boolean], default: null },
|
|
329
|
-
/**
|
|
330
|
-
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
331
|
-
* Used for the allFiltersModal component.
|
|
332
|
-
*/
|
|
333
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
334
|
-
/**
|
|
335
|
-
* List of options that are needed to setup the filter
|
|
336
|
-
* Available options:
|
|
337
|
-
* - positiveOption: The positive option label/value
|
|
338
|
-
* - negativeOption: The positive option label/value
|
|
339
|
-
* - tooltipPosition: The position of the tooltip attached to the filter button
|
|
340
|
-
* - tooltipText: The content of the tooltip attached to the filter button
|
|
341
|
-
*/
|
|
342
|
-
options: {
|
|
343
|
-
type: Object,
|
|
344
|
-
default: void 0
|
|
345
|
-
}
|
|
346
|
-
},
|
|
347
|
-
emits: [w.INPUT, w.UPDATE],
|
|
348
|
-
setup(s, { emit: e }) {
|
|
349
|
-
const { t: l } = X(), t = (R) => typeof R == "boolean" ? R?.toString() : R, a = (R) => s?.options?.positiveOption?.value !== void 0 && s?.options?.negativeOption?.value !== void 0 && typeof s.options.positiveOption.value == "boolean" && typeof s.options.negativeOption.value == "boolean" && typeof R == "string" ? R === "true" : R, r = n(() => t(s.defaultValue)), o = n(() => t(s.value)), i = n(() => s.options && s.options.positiveOption && s.options.negativeOption ? [
|
|
350
|
-
{
|
|
351
|
-
...s.options.positiveOption,
|
|
352
|
-
value: t(s.options.positiveOption.value)
|
|
353
|
-
},
|
|
354
|
-
{
|
|
355
|
-
...s.options.negativeOption,
|
|
356
|
-
value: t(s.options.negativeOption.value)
|
|
357
|
-
}
|
|
358
|
-
] : [
|
|
359
|
-
{ value: "yes", label: l("yes") },
|
|
360
|
-
{ value: "no", label: l("no") }
|
|
361
|
-
]), { internalFilterValue: c, isSecondaryButtonDisabled: h, isApplyButtonDisabled: p } = ie(
|
|
362
|
-
o,
|
|
363
|
-
r
|
|
364
|
-
), d = n(() => s.label), b = n(
|
|
365
|
-
() => ee(i.value.find(({ value: R }) => R === o.value)?.label, 12)
|
|
366
|
-
), T = n(() => ({
|
|
367
|
-
"b-boolean-filter--only-slot": s.onlySlot
|
|
368
|
-
}));
|
|
369
|
-
he(() => {
|
|
370
|
-
c.value || (c.value = null);
|
|
371
|
-
});
|
|
372
|
-
const L = (R) => {
|
|
373
|
-
c.value = R, e(w.INPUT, {
|
|
374
|
-
...s,
|
|
375
|
-
value: a(c.value)
|
|
376
|
-
});
|
|
377
|
-
}, P = () => {
|
|
378
|
-
c.value = o.value;
|
|
379
|
-
}, E = () => {
|
|
380
|
-
e(w.UPDATE, {
|
|
381
|
-
...s,
|
|
382
|
-
value: a(c.value)
|
|
383
|
-
});
|
|
384
|
-
}, A = () => e(w.UPDATE, { ...s, value: s.defaultValue }), O = () => {
|
|
385
|
-
c.value = null, E();
|
|
386
|
-
};
|
|
387
|
-
return de(() => {
|
|
388
|
-
lt(
|
|
389
|
-
'Boolean filter "BentoFilterItemType.BOOLEAN"',
|
|
390
|
-
'Use the Radio group filter type "BentoFilterItemType.RADIO_GROUP" instead.',
|
|
391
|
-
"2.0.0"
|
|
392
|
-
);
|
|
393
|
-
}), {
|
|
394
|
-
// Values
|
|
395
|
-
items: i,
|
|
396
|
-
conditionalClasses: T,
|
|
397
|
-
buttonLabel: d,
|
|
398
|
-
buttonSecondaryLabel: b,
|
|
399
|
-
internalFilterValue: c,
|
|
400
|
-
isApplyButtonDisabled: p,
|
|
401
|
-
isSecondaryButtonDisabled: h,
|
|
402
|
-
translatedValue: o,
|
|
403
|
-
translatedDefaultValue: r,
|
|
404
|
-
// Events
|
|
405
|
-
onInput: L,
|
|
406
|
-
updateFilter: E,
|
|
407
|
-
clearFilter: O,
|
|
408
|
-
openFilter: P,
|
|
409
|
-
resetFilter: A
|
|
410
|
-
};
|
|
411
|
-
}
|
|
412
|
-
});
|
|
413
|
-
var Gt = function() {
|
|
414
|
-
var e = this, l = e._self._c;
|
|
415
|
-
return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { value: e.translatedValue, "default-value": e.translatedDefaultValue, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": e.options?.tooltipPosition, "tooltip-text": e.options?.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(t) {
|
|
416
|
-
return !t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
|
|
417
|
-
} } }, [l("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, disabled: e.disabled, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
|
|
418
|
-
}, zt = [], jt = /* @__PURE__ */ x(
|
|
419
|
-
qt,
|
|
420
|
-
Gt,
|
|
421
|
-
zt,
|
|
422
|
-
!1,
|
|
423
|
-
null,
|
|
424
|
-
"85731910"
|
|
425
|
-
);
|
|
426
|
-
const Jt = jt.exports, Kt = {
|
|
427
|
-
"de-DE": { all: "Alle" },
|
|
428
|
-
"en-GB": { all: "All" },
|
|
429
|
-
"en-US": { all: "All" },
|
|
430
|
-
"es-419": { all: "Todos" },
|
|
431
|
-
"es-ES": { all: "Todos" },
|
|
432
|
-
"es-MX": { all: "Todos" },
|
|
433
|
-
"fr-FR": { all: "Tout" },
|
|
434
|
-
"it-IT": { all: "Tutti" },
|
|
435
|
-
"ja-JP": { all: "すべて" },
|
|
436
|
-
"pt-BR": { all: "Todos os" },
|
|
437
|
-
"zh-CN": { all: "全部" }
|
|
438
|
-
}, Yt = {
|
|
439
|
-
name: "bento-checkbox-group-filter",
|
|
440
|
-
i18n: { messages: Kt }
|
|
441
|
-
}, Xt = /* @__PURE__ */ k({
|
|
442
|
-
...Yt,
|
|
443
|
-
props: {
|
|
444
|
-
disabled: { type: Boolean, default: !1 },
|
|
445
|
-
defaultValue: { default: void 0 },
|
|
446
|
-
field: null,
|
|
447
|
-
label: null,
|
|
448
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
449
|
-
options: { default: void 0 },
|
|
450
|
-
value: { default: void 0 }
|
|
451
|
-
},
|
|
452
|
-
emits: ["input", "update"],
|
|
453
|
-
setup(s, { emit: e }) {
|
|
454
|
-
const l = s, { t } = X(), {
|
|
455
|
-
internalFilterValue: a,
|
|
456
|
-
isSecondaryButtonDisabled: r,
|
|
457
|
-
isApplyButtonDisabled: o,
|
|
458
|
-
clearFilter: i,
|
|
459
|
-
resetFilter: c,
|
|
460
|
-
openFilter: h
|
|
461
|
-
} = Ge(M(l, "value"), M(l, "defaultValue")), p = S(a.value ?? []);
|
|
462
|
-
G(
|
|
463
|
-
() => l.value,
|
|
464
|
-
(A) => {
|
|
465
|
-
p.value = A ?? [];
|
|
466
|
-
}
|
|
467
|
-
);
|
|
468
|
-
const d = n(() => ({
|
|
469
|
-
"b-checkbox-group-filter--only-slot": l.onlySlot
|
|
470
|
-
})), b = n(() => l.label), T = n(
|
|
471
|
-
() => p.value.length === 1 ? ee(
|
|
472
|
-
l.options?.checkboxItems.find((A) => p.value[0] === A.value)?.label ?? "",
|
|
473
|
-
12
|
|
474
|
-
) : null
|
|
475
|
-
), L = n(() => !p.value.length || T.value ? null : p.value.length === l.options?.checkboxItems.length ? t("all") : p.value.length);
|
|
476
|
-
return { __sfc: !0, props: l, emit: e, t, internalFilterValue: a, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o, clearFilter: i, resetFilter: c, openFilter: h, displayedValues: p, conditionalClasses: d, buttonLabel: b, buttonSecondaryLabel: T, appliedFiltersCount: L, updateFilter: (A) => {
|
|
477
|
-
p.value = A ?? [], e("update", { ...l, value: A });
|
|
478
|
-
}, onModelValueUpdate: (A) => {
|
|
479
|
-
a.value = A, e("input", { ...l, value: a.value });
|
|
480
|
-
}, BentoCheckboxGroup: nt, BentoBaseFilter: ne };
|
|
481
|
-
}
|
|
482
|
-
});
|
|
483
|
-
var Wt = function() {
|
|
484
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
485
|
-
return l(t.BentoBaseFilter, e._b({ attrs: { "applied-filters-count": t.appliedFiltersCount, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "tooltip-position": e.options?.tooltipPosition, "tooltip-text": e.options?.tooltipText }, on: { apply: function(a) {
|
|
486
|
-
return t.updateFilter(t.internalFilterValue);
|
|
487
|
-
}, clear: function(a) {
|
|
488
|
-
return t.clearFilter(t.updateFilter);
|
|
489
|
-
}, open: t.openFilter, reset: function(a) {
|
|
490
|
-
return t.resetFilter(t.updateFilter);
|
|
491
|
-
} } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-checkbox-group-filter", class: t.conditionalClasses, on: { keydown: function(a) {
|
|
492
|
-
return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.updateFilter(t.internalFilterValue);
|
|
493
|
-
} } }, [l(t.BentoCheckboxGroup, { attrs: { "model-value": t.internalFilterValue, items: e.options?.checkboxItems, label: e.label, disabled: e.disabled, "hide-label": "" }, on: { "update:model-value": t.onModelValueUpdate } })], 1)]);
|
|
494
|
-
}, Zt = [], Qt = /* @__PURE__ */ x(
|
|
495
|
-
Xt,
|
|
496
|
-
Wt,
|
|
497
|
-
Zt,
|
|
498
|
-
!1,
|
|
499
|
-
null,
|
|
500
|
-
"a3c2bae1"
|
|
501
|
-
);
|
|
502
|
-
const el = Qt.exports, tl = {
|
|
503
|
-
name: "bento-input-filter"
|
|
504
|
-
}, ll = /* @__PURE__ */ k({
|
|
505
|
-
...tl,
|
|
506
|
-
props: {
|
|
507
|
-
defaultValue: { default: null },
|
|
508
|
-
disabled: { type: Boolean, default: !1 },
|
|
509
|
-
field: null,
|
|
510
|
-
label: null,
|
|
511
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
512
|
-
options: { default: void 0 },
|
|
513
|
-
value: { default: null }
|
|
514
|
-
},
|
|
515
|
-
emits: ["input", "update"],
|
|
516
|
-
setup(s, { emit: e }) {
|
|
517
|
-
const l = s, t = S(null), { internalFilterValue: a, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = ie(
|
|
518
|
-
M(l, "value"),
|
|
519
|
-
M(l, "defaultValue")
|
|
520
|
-
), i = n(() => l.label), c = n(() => ee(l.value, 12)), h = n(() => ({
|
|
521
|
-
"b-input-filter--only-slot": l.onlySlot
|
|
522
|
-
}));
|
|
523
|
-
he(() => {
|
|
524
|
-
a.value === "" && (a.value = null);
|
|
525
|
-
}), G(t, () => {
|
|
526
|
-
t.value?.focusInput();
|
|
527
|
-
});
|
|
528
|
-
const p = () => {
|
|
529
|
-
a.value = l.value;
|
|
530
|
-
}, d = () => {
|
|
531
|
-
!a.value && l.defaultValue !== null && (a.value = l.defaultValue), e("update", {
|
|
532
|
-
...l,
|
|
533
|
-
value: a.value
|
|
534
|
-
});
|
|
535
|
-
};
|
|
536
|
-
return { __sfc: !0, props: l, emit: e, inputTextRef: t, internalFilterValue: a, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o, buttonLabel: i, buttonSecondaryLabel: c, conditionalClasses: h, openFilter: p, updateFilter: d, resetFilter: () => e("update", { ...l, value: l.defaultValue }), clearFilter: () => {
|
|
537
|
-
a.value = null, d();
|
|
538
|
-
}, onInput: () => {
|
|
539
|
-
e("input", { ...l, value: a.value });
|
|
540
|
-
}, setInternalFilterValue: (E) => {
|
|
541
|
-
a.value = E;
|
|
542
|
-
}, BentoBaseFilter: ne, BentoInputField: Me };
|
|
543
|
-
}
|
|
544
|
-
});
|
|
545
|
-
var al = function() {
|
|
546
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
547
|
-
return l(t.BentoBaseFilter, e._b({ attrs: { "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": e.options?.tooltipPosition, "tooltip-text": e.options?.tooltipText }, on: { apply: t.updateFilter, clear: t.clearFilter, open: t.openFilter, reset: t.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-input-filter", class: t.conditionalClasses, on: { keydown: function(a) {
|
|
548
|
-
return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
|
|
549
|
-
}, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { placeholder: e.options?.placeholder, "model-value": t.internalFilterValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue } })], 1)]);
|
|
550
|
-
}, sl = [], rl = /* @__PURE__ */ x(
|
|
551
|
-
ll,
|
|
552
|
-
al,
|
|
553
|
-
sl,
|
|
554
|
-
!1,
|
|
555
|
-
null,
|
|
556
|
-
"68f919fd"
|
|
557
|
-
);
|
|
558
|
-
const nl = rl.exports, ol = {
|
|
559
|
-
name: "bento-radio-group-filter"
|
|
560
|
-
}, il = /* @__PURE__ */ k({
|
|
561
|
-
...ol,
|
|
562
|
-
props: {
|
|
563
|
-
disabled: { type: Boolean },
|
|
564
|
-
defaultValue: { default: void 0 },
|
|
565
|
-
field: null,
|
|
566
|
-
label: null,
|
|
567
|
-
options: { default: () => ({
|
|
568
|
-
items: []
|
|
569
|
-
}) },
|
|
570
|
-
onlySlot: { type: Boolean },
|
|
571
|
-
value: { default: void 0 }
|
|
572
|
-
},
|
|
573
|
-
emits: ["input", "update"],
|
|
574
|
-
setup(s, { emit: e }) {
|
|
575
|
-
const l = s, {
|
|
576
|
-
// Fields
|
|
577
|
-
internalFilterValue: t,
|
|
578
|
-
isSecondaryButtonDisabled: a,
|
|
579
|
-
isApplyButtonDisabled: r,
|
|
580
|
-
// Methods
|
|
581
|
-
clearFilter: o,
|
|
582
|
-
openFilter: i,
|
|
583
|
-
resetFilter: c
|
|
584
|
-
} = Ge(M(l, "value"), M(l, "defaultValue")), h = n(() => {
|
|
585
|
-
const T = l.options.items.find((L) => L.value === l.value)?.label || "";
|
|
586
|
-
return ee(T, 12);
|
|
587
|
-
}), p = n(() => ({
|
|
588
|
-
"b-radio-group-filter--only-slot": l.onlySlot
|
|
589
|
-
}));
|
|
590
|
-
function d(T) {
|
|
591
|
-
t.value = T, e("input", { ...l, value: t.value });
|
|
592
|
-
}
|
|
593
|
-
function b() {
|
|
594
|
-
e("update", { ...l, value: t.value });
|
|
595
|
-
}
|
|
596
|
-
return { __sfc: !0, props: l, emit: e, internalFilterValue: t, isSecondaryButtonDisabled: a, isApplyButtonDisabled: r, clearFilter: o, openFilter: i, resetFilter: c, buttonSecondaryLabel: h, conditionalClasses: p, onInput: d, updateFilter: b, BentoRadioGroup: Ee, BentoBaseFilter: ne };
|
|
597
|
-
}
|
|
598
|
-
});
|
|
599
|
-
var ul = function() {
|
|
600
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
601
|
-
return l(t.BentoBaseFilter, e._b({ attrs: { "button-label": e.label, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: t.updateFilter, clear: function(a) {
|
|
602
|
-
return t.clearFilter(t.updateFilter);
|
|
603
|
-
}, open: t.openFilter, reset: function(a) {
|
|
604
|
-
return t.resetFilter(t.updateFilter);
|
|
605
|
-
} } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-radio-group-filter", class: t.conditionalClasses }, [l(t.BentoRadioGroup, { attrs: { items: e.options?.items, label: e.label, disabled: e.disabled, "hide-label": "", variant: "vertical" }, on: { "update:model-value": t.onInput }, model: { value: t.internalFilterValue, callback: function(a) {
|
|
606
|
-
t.internalFilterValue = a;
|
|
607
|
-
}, expression: "internalFilterValue" } })], 1)]);
|
|
608
|
-
}, cl = [], dl = /* @__PURE__ */ x(
|
|
609
|
-
il,
|
|
610
|
-
ul,
|
|
611
|
-
cl,
|
|
612
|
-
!1,
|
|
613
|
-
null,
|
|
614
|
-
"8fe9c1b3"
|
|
615
|
-
);
|
|
616
|
-
const fl = dl.exports, Te = (s) => /^\d$/.test(s);
|
|
617
|
-
function Re(s) {
|
|
618
|
-
const { value: e, onInput: l } = s, t = n(() => Xe(s.prettyOutput) ?? !1), { n: a, locale: r } = X(), o = S(null), i = S(!1), c = S(!1), h = S(null), p = S(null), d = n(() => new Intl.NumberFormat(r.value, { style: "decimal" }).formatToParts(0.1).find((y) => y.type === "decimal")?.value || "."), b = n(() => new Intl.NumberFormat(r.value, { style: "decimal" }).resolvedOptions().maximumFractionDigits), T = n(() => new RegExp(`[^\\d${d.value}]`, "g")), L = (f) => typeof f == "string" ? f.trim() : f.target?.value?.trim() ?? "", P = (f) => {
|
|
619
|
-
const y = f.startsWith("-"), B = f.slice(y ? 1 : 0).replace(T.value, ""), v = B.indexOf(d.value), g = v !== -1 && v === B.lastIndexOf(d.value), N = g ? B.slice(v + d.value.length) : null, Z = t.value && i.value && h.value !== null && N !== null ? N.slice(0, b.value) : N, te = Z !== null ? `${B.slice(0, v)}${d.value}${Z}` : B, u = d.value === "." ? te : te.split(d.value).join("."), m = u.length > 0 ? Number(u) : null, C = y && (Number.isFinite(m) || B.length === 0 || g && B.slice(0, v).length === 0);
|
|
620
|
-
return {
|
|
621
|
-
decimalPart: Z,
|
|
622
|
-
isNegative: C,
|
|
623
|
-
numberValue: Number.isFinite(m) ? m : null
|
|
624
|
-
};
|
|
625
|
-
}, E = (f) => t.value ? a(f, { style: "decimal" }) : String(f), A = (f) => {
|
|
626
|
-
const y = Math.trunc(f);
|
|
627
|
-
return `${t.value ? a(y, { style: "decimal" }) : String(y)}${d.value}${h.value}`;
|
|
628
|
-
}, O = n(() => {
|
|
629
|
-
if (p.value === null)
|
|
630
|
-
return i.value && c.value ? h.value !== null ? `-${d.value}${h.value}` : "-" : "";
|
|
631
|
-
const f = i.value && h.value !== null ? A(p.value) : E(p.value);
|
|
632
|
-
return c.value ? `-${f}` : f;
|
|
633
|
-
}), R = (f) => {
|
|
634
|
-
const { decimalPart: y, isNegative: B, numberValue: v } = P(f);
|
|
635
|
-
if (c.value = B, h.value = y, v !== null) {
|
|
636
|
-
p.value = v;
|
|
637
|
-
const g = c.value ? -v : v;
|
|
638
|
-
l?.(g);
|
|
639
|
-
} else
|
|
640
|
-
p.value = null, l?.(null);
|
|
641
|
-
};
|
|
642
|
-
G(
|
|
643
|
-
e,
|
|
644
|
-
(f) => {
|
|
645
|
-
const y = typeof f == "number", B = y && (f < 0 || Object.is(f, -0)), v = y ? Math.abs(f) : null;
|
|
646
|
-
(p.value !== v || c.value !== B) && (c.value = B, h.value = null, p.value = v);
|
|
647
|
-
},
|
|
648
|
-
{ immediate: !0 }
|
|
649
|
-
);
|
|
650
|
-
const z = () => o.value?.selectionStart || 0, I = (f) => {
|
|
651
|
-
o.value && o.value.setSelectionRange(f, f);
|
|
652
|
-
}, j = (f, y) => {
|
|
653
|
-
let B = 0;
|
|
654
|
-
for (let v = 0; v < y; v++)
|
|
655
|
-
Te(f[v]) && B++;
|
|
656
|
-
return B;
|
|
657
|
-
}, U = (f) => {
|
|
658
|
-
let y = 0, B = 0;
|
|
659
|
-
const v = O.value;
|
|
660
|
-
if (v.length)
|
|
661
|
-
for (; y < f && B < v.length; )
|
|
662
|
-
Te(v[B]) && y++, B++;
|
|
663
|
-
I(B);
|
|
664
|
-
}, D = async (f) => {
|
|
665
|
-
const y = z();
|
|
666
|
-
if (y === f.length)
|
|
667
|
-
R(f);
|
|
668
|
-
else {
|
|
669
|
-
const v = j(f, y);
|
|
670
|
-
R(f), await _e(), U(v);
|
|
671
|
-
}
|
|
672
|
-
};
|
|
673
|
-
return {
|
|
674
|
-
inputRef: o,
|
|
675
|
-
displayValue: O,
|
|
676
|
-
isFocused: i,
|
|
677
|
-
handleInput: (f) => {
|
|
678
|
-
const y = L(f);
|
|
679
|
-
t.value && i.value ? D(y) : R(y), o.value && o.value.value !== O.value && (o.value.value = O.value);
|
|
680
|
-
},
|
|
681
|
-
handleKeyDown: (f) => {
|
|
682
|
-
const y = f.target;
|
|
683
|
-
if (y && f.key === d.value) {
|
|
684
|
-
const B = y.selectionStart ?? 0, v = y.selectionEnd ?? 0, g = y.value ?? "", N = g.slice(0, B) + g.slice(v);
|
|
685
|
-
(!N || N.includes(d.value)) && f.preventDefault?.();
|
|
686
|
-
}
|
|
687
|
-
},
|
|
688
|
-
onFocus: () => {
|
|
689
|
-
i.value = !0;
|
|
690
|
-
},
|
|
691
|
-
onBlur: () => {
|
|
692
|
-
i.value = !1, h.value = null;
|
|
693
|
-
}
|
|
694
|
-
};
|
|
695
|
-
}
|
|
696
|
-
const pl = {
|
|
697
|
-
"de-DE": { from: "Von", to: "Bis" },
|
|
698
|
-
"en-GB": { from: "From", to: "To" },
|
|
699
|
-
"en-US": { from: "From", to: "To" },
|
|
700
|
-
"es-419": { from: "Desde", to: "A" },
|
|
701
|
-
"es-ES": { from: "Desde", to: "Hasta" },
|
|
702
|
-
"es-MX": { from: "De", to: "A" },
|
|
703
|
-
"fr-FR": { from: "De", to: "À" },
|
|
704
|
-
"it-IT": { from: "Da", to: "A" },
|
|
705
|
-
"ja-JP": { from: "下限", to: "上限" },
|
|
706
|
-
"pt-BR": { from: "De", to: "Para" },
|
|
707
|
-
"zh-CN": { from: "自", to: "至" }
|
|
708
|
-
}, bl = {
|
|
709
|
-
name: "bento-range-filter",
|
|
710
|
-
i18n: { messages: pl }
|
|
711
|
-
}, vl = /* @__PURE__ */ k({
|
|
712
|
-
...bl,
|
|
713
|
-
props: {
|
|
714
|
-
disabled: { type: Boolean, default: !1 },
|
|
715
|
-
defaultValue: { default: null },
|
|
716
|
-
field: null,
|
|
717
|
-
label: null,
|
|
718
|
-
value: { default: () => ["", ""] },
|
|
719
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
720
|
-
options: { default: void 0 }
|
|
721
|
-
},
|
|
722
|
-
emits: [w.INPUT, w.UPDATE],
|
|
723
|
-
setup(s, { emit: e }) {
|
|
724
|
-
const l = s, { t, n: a } = X(), r = S(null), o = S(null), { internalFilterValue: i, isSecondaryButtonDisabled: c, isApplyButtonDisabled: h } = ie(M(l, "value"), M(l, "defaultValue")), p = S(null), d = S(null), b = (u) => u !== null ? Object.is(u, -0) ? "-0" : u.toString() : "", {
|
|
725
|
-
displayValue: T,
|
|
726
|
-
handleInput: L,
|
|
727
|
-
handleKeyDown: P,
|
|
728
|
-
onFocus: E,
|
|
729
|
-
onBlur: A,
|
|
730
|
-
inputRef: O
|
|
731
|
-
} = Re({
|
|
732
|
-
value: p,
|
|
733
|
-
prettyOutput: !0,
|
|
734
|
-
onInput: (u) => {
|
|
735
|
-
const m = i.value ?? ["", ""];
|
|
736
|
-
i.value = [b(u), m[1]], N();
|
|
737
|
-
}
|
|
738
|
-
}), R = (u) => L(String(u)), {
|
|
739
|
-
displayValue: z,
|
|
740
|
-
handleInput: I,
|
|
741
|
-
handleKeyDown: j,
|
|
742
|
-
onFocus: U,
|
|
743
|
-
onBlur: D,
|
|
744
|
-
inputRef: V
|
|
745
|
-
} = Re({
|
|
746
|
-
value: d,
|
|
747
|
-
prettyOutput: !0,
|
|
748
|
-
onInput: (u) => {
|
|
749
|
-
const m = i.value ?? ["", ""];
|
|
750
|
-
i.value = [m[0], b(u)], N();
|
|
751
|
-
}
|
|
752
|
-
}), K = (u) => I(String(u));
|
|
753
|
-
de(() => {
|
|
754
|
-
O.value = r.value?.inputFieldElement ?? null, V.value = o.value?.inputFieldElement ?? null;
|
|
755
|
-
}), G(
|
|
756
|
-
() => i.value,
|
|
757
|
-
(u) => {
|
|
758
|
-
const m = u?.[0] ? parseFloat(u[0]) : null, C = u?.[1] ? parseFloat(u[1]) : null;
|
|
759
|
-
p.value !== m && (p.value = m), d.value !== C && (d.value = C);
|
|
760
|
-
},
|
|
761
|
-
{ immediate: !0 }
|
|
762
|
-
);
|
|
763
|
-
const f = n(() => {
|
|
764
|
-
if (!l.value?.[0] && !l.value?.[1])
|
|
765
|
-
return null;
|
|
766
|
-
let u = "";
|
|
767
|
-
l.value?.[0] ? l.value?.[1] || (u = "≥") : u = "≤";
|
|
768
|
-
const m = l.value?.[0] ? parseFloat(l.value[0]) : null, C = l.value?.[1] ? parseFloat(l.value[1]) : null, Y = m !== null ? a(m, { style: "decimal" }) : "", H = l.value?.[0] && l.value?.[1] ? " - " : "", ue = C !== null ? a(C, { style: "decimal" }) : "";
|
|
769
|
-
return `${u}${ee(Y, 10)}${H}${ee(ue, 10)}`;
|
|
770
|
-
}), y = n(() => l.label), B = n(() => f.value), v = n(() => ({
|
|
771
|
-
"b-range-filter--only-slot": l.onlySlot
|
|
772
|
-
})), g = () => {
|
|
773
|
-
i.value = l.value, _e(() => r.value?.focusInput());
|
|
774
|
-
}, N = () => {
|
|
775
|
-
e(w.INPUT, { ...l, value: i.value });
|
|
776
|
-
}, W = () => {
|
|
777
|
-
i.value?.some((u) => u) || (i.value = l.defaultValue !== null ? l.defaultValue : void 0), e(w.UPDATE, {
|
|
778
|
-
...l,
|
|
779
|
-
value: i.value
|
|
780
|
-
});
|
|
781
|
-
};
|
|
782
|
-
return { __sfc: !0, props: l, emit: e, t, n: a, fromFieldRef: r, toFieldRef: o, internalFilterValue: i, isSecondaryButtonDisabled: c, isApplyButtonDisabled: h, fromNum: p, toNum: d, stringifyInputValue: b, displayFrom: T, handleInputFrom: L, handleKeyDownFrom: P, onFocusFrom: E, onBlurFrom: A, inputRefFrom: O, handleModelValueFrom: R, displayTo: z, handleInputTo: I, handleKeyDownTo: j, onFocusTo: U, onBlurTo: D, inputRefTo: V, handleModelValueTo: K, truncatedRangeValues: f, buttonLabel: y, buttonSecondaryLabel: B, conditionalClasses: v, openFilter: g, onInput: N, updateFilter: W, resetFilter: () => e(w.UPDATE, { ...l, value: l.defaultValue }), clearFilter: () => {
|
|
783
|
-
i.value = ["", ""], W();
|
|
784
|
-
}, BentoBaseFilter: ne, BentoInputField: Me };
|
|
785
|
-
}
|
|
786
|
-
});
|
|
787
|
-
var _l = function() {
|
|
788
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
789
|
-
return l(t.BentoBaseFilter, e._b({ attrs: { "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "only-slot": t.props.onlySlot, "tooltip-position": t.props.options?.tooltipPosition, "tooltip-text": t.props.options?.tooltipText }, on: { apply: t.updateFilter, clear: t.clearFilter, open: t.openFilter, reset: t.resetFilter } }, "bento-base-filter", t.props, !1), [l("div", { staticClass: "b-range-filter", class: t.conditionalClasses, on: { keydown: function(a) {
|
|
790
|
-
return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
|
|
791
|
-
} } }, [l(t.BentoInputField, { ref: "fromFieldRef", attrs: { "model-value": t.displayFrom, type: "text", inputmode: "numeric", "aria-label": t.t("from").toString(), disabled: t.props.disabled }, on: { "update:model-value": t.handleModelValueFrom, keydown: t.handleKeyDownFrom, focus: t.onFocusFrom, blur: t.onBlurFrom } }, [e._v(" " + e._s(t.t("from")) + " ")]), l(t.BentoInputField, { ref: "toFieldRef", staticClass: "b-range-filter__input-field", attrs: { "model-value": t.displayTo, type: "text", inputmode: "numeric", "aria-label": t.t("to"), disabled: t.props.disabled }, on: { "update:model-value": t.handleModelValueTo, keydown: t.handleKeyDownTo, focus: t.onFocusTo, blur: t.onBlurTo } }, [e._v(" " + e._s(t.t("to")) + " ")])], 1)]);
|
|
792
|
-
}, hl = [], ml = /* @__PURE__ */ x(
|
|
793
|
-
vl,
|
|
794
|
-
_l,
|
|
795
|
-
hl,
|
|
796
|
-
!1,
|
|
797
|
-
null,
|
|
798
|
-
"1947f716"
|
|
799
|
-
);
|
|
800
|
-
const Fl = ml.exports, yl = {
|
|
801
|
-
"de-DE": { all: "Alle", noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.", searchFilter: "Suche {filter}" },
|
|
802
|
-
"en-GB": { all: "All", noFiltersMatchThisSearch: "No filters match this search", searchFilter: "Search {filter}" },
|
|
803
|
-
"en-US": { all: "All", noFiltersMatchThisSearch: "No filters match this search", searchFilter: "Search {filter}" },
|
|
804
|
-
"es-419": { all: "Todos", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", searchFilter: "Buscar {filter}" },
|
|
805
|
-
"es-ES": { all: "Todos", noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda", searchFilter: "Buscar {filter}" },
|
|
806
|
-
"es-MX": { all: "Todos", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", searchFilter: "Buscar {filter}" },
|
|
807
|
-
"fr-FR": { all: "Tous", noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche", searchFilter: "Rechercher {filter}" },
|
|
808
|
-
"it-IT": { all: "Tutti", noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca", searchFilter: "Cerca {filter}" },
|
|
809
|
-
"ja-JP": { all: "すべて", noFiltersMatchThisSearch: "この検索に一致するフィルターはありません", searchFilter: "{filter}を検索" },
|
|
810
|
-
"pt-BR": { all: "Todos", noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca", searchFilter: "Procurar {filter}" },
|
|
811
|
-
"zh-CN": { all: "全部", noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器", searchFilter: "搜索 {filter}" }
|
|
812
|
-
}, Bl = {
|
|
813
|
-
i18n: { messages: yl }
|
|
814
|
-
}, Sl = /* @__PURE__ */ k({
|
|
815
|
-
...Bl,
|
|
816
|
-
__name: "select-filter-button",
|
|
817
|
-
props: {
|
|
818
|
-
/**
|
|
819
|
-
* Disables the filter from being interacted with.
|
|
820
|
-
*/
|
|
821
|
-
disabled: { type: Boolean, default: !1 },
|
|
822
|
-
/**
|
|
823
|
-
* Default value of the filter to reset to.
|
|
824
|
-
*
|
|
825
|
-
*/
|
|
826
|
-
defaultValue: {
|
|
827
|
-
type: [String, Number, Array],
|
|
828
|
-
default: null
|
|
829
|
-
},
|
|
830
|
-
/**
|
|
831
|
-
* Filter name/key referencing the actual property name in the data set.
|
|
832
|
-
* Should be unique per filter bar.
|
|
833
|
-
*/
|
|
834
|
-
field: { type: String, required: !0 },
|
|
835
|
-
/**
|
|
836
|
-
* Label text to be displayed
|
|
837
|
-
*/
|
|
838
|
-
label: { type: String, required: !0 },
|
|
839
|
-
/**
|
|
840
|
-
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
841
|
-
* Used for the allFiltersModal component.
|
|
842
|
-
*/
|
|
843
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
844
|
-
/**
|
|
845
|
-
* List of options that are needed to setup the filter
|
|
846
|
-
* Available options:
|
|
847
|
-
* - multiple: If "true", the user will be able to select multiple items.
|
|
848
|
-
* - listboxItems: The option elements to populate the filter with.
|
|
849
|
-
*
|
|
850
|
-
* @default undefined
|
|
851
|
-
*/
|
|
852
|
-
options: {
|
|
853
|
-
type: Object,
|
|
854
|
-
default: void 0
|
|
855
|
-
},
|
|
856
|
-
/**
|
|
857
|
-
* Current value of the filter
|
|
858
|
-
*
|
|
859
|
-
* @default undefined
|
|
860
|
-
*/
|
|
861
|
-
value: {
|
|
862
|
-
type: [String, Number, Array, Object],
|
|
863
|
-
default: void 0
|
|
864
|
-
}
|
|
865
|
-
},
|
|
866
|
-
emits: ["input", "update"],
|
|
867
|
-
setup(s, { emit: e }) {
|
|
868
|
-
const l = s, t = fe(), { t: a } = X(), r = S(""), o = M(l, "options"), i = S(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: c, setCachedValues: h, resetCache: p } = Se(
|
|
869
|
-
i,
|
|
870
|
-
M(l, "value"),
|
|
871
|
-
M(o.value, "multiple")
|
|
872
|
-
), { cachedSelectedListboxOptions: d } = Se(
|
|
873
|
-
i,
|
|
874
|
-
M(l, "defaultValue"),
|
|
875
|
-
M(o.value, "multiple")
|
|
876
|
-
), { internalFilterValue: b, isSecondaryButtonDisabled: T, isApplyButtonDisabled: L } = ie(c, d);
|
|
877
|
-
G(o, () => {
|
|
878
|
-
i.value = o.value.listboxItems ?? [];
|
|
879
|
-
});
|
|
880
|
-
const P = we(
|
|
881
|
-
r,
|
|
882
|
-
i,
|
|
883
|
-
l.options?.search?.searchEvent
|
|
884
|
-
), E = n(() => a("noFiltersMatchThisSearch")), A = n(() => l.label), O = n(() => {
|
|
885
|
-
const f = !l?.options?.multiple && l.value != null, y = l?.options?.multiple && Array.isArray(l.value) && l.value.length === 1;
|
|
886
|
-
if (f || y) {
|
|
887
|
-
if (l.options?.enableValueLabelPair) {
|
|
888
|
-
let g = l.value?.length > 0 ? l.value[0].label : l.value.label;
|
|
889
|
-
return g || (g = l.value, at(
|
|
890
|
-
'BentoFilterBar Select filter (single & multi): The "value" provided is incorrect. The "value" must be of type "BentoListboxSelectedValueLabelPair" or "Array<BentoListboxSelectedValueLabelPair>" when "enableValueLabelPair" is set to true'
|
|
891
|
-
)), ee(g, 12);
|
|
892
|
-
}
|
|
893
|
-
let v = l.options.listboxItems.flatMap((g) => g.items ? g.items : g).find(
|
|
894
|
-
({ value: g }) => Array.isArray(l.value) ? l?.value?.includes(g) : g === l.value
|
|
895
|
-
)?.label;
|
|
896
|
-
return !v && l.value && (v = l.value[0]), ee(v, 12);
|
|
897
|
-
}
|
|
898
|
-
return null;
|
|
899
|
-
}), R = n(() => re(`filter-listbox-${l.field}`)), z = (f) => {
|
|
900
|
-
b.value = f;
|
|
901
|
-
const { onlySlot: y, ...B } = l;
|
|
902
|
-
if (l.options?.multiple) {
|
|
903
|
-
let g;
|
|
904
|
-
l.options?.enableValueLabelPair ? g = f.length ? b.value : null : g = f.length ? b.value.map(({ value: N }) => N) : null, e(w.INPUT, { ...B, value: g });
|
|
905
|
-
return;
|
|
906
|
-
}
|
|
907
|
-
let v;
|
|
908
|
-
l.options?.enableValueLabelPair ? v = f.length ? f[0] : null : v = f.length ? f[0].value : null, e(w.INPUT, { ...B, value: v });
|
|
909
|
-
}, I = () => {
|
|
910
|
-
const { onlySlot: f, ...y } = l;
|
|
911
|
-
if (l.options.multiple) {
|
|
912
|
-
b.value && b.value?.length === 0 && (b.value = l.defaultValue !== null ? d.value : void 0);
|
|
913
|
-
let v;
|
|
914
|
-
l.options?.enableValueLabelPair ? v = b.value?.length ? b.value : null : v = b.value?.length ? b.value?.map(({ value: g }) => g) : null, e(w.UPDATE, {
|
|
915
|
-
...y,
|
|
916
|
-
value: v
|
|
917
|
-
});
|
|
918
|
-
return;
|
|
919
|
-
}
|
|
920
|
-
let B;
|
|
921
|
-
l.options?.enableValueLabelPair ? B = b.value.length ? b.value[0] : void 0 : B = b.value.length ? b.value[0].value : void 0, e(w.UPDATE, { ...y, value: B });
|
|
922
|
-
}, j = () => {
|
|
923
|
-
b.value = c.value, l.options?.onOpen?.();
|
|
924
|
-
}, U = () => {
|
|
925
|
-
r.value && (r.value = "");
|
|
926
|
-
}, D = () => {
|
|
927
|
-
h(d.value), b.value = d.value, I();
|
|
928
|
-
}, V = () => {
|
|
929
|
-
p(), b.value = [], I();
|
|
930
|
-
}, K = n(() => {
|
|
931
|
-
if (l.value == null || !l.options.multiple)
|
|
932
|
-
return null;
|
|
933
|
-
const f = l.options.listboxItems?.reduce((B, v) => (B += v?.items?.length ? v.items.length : 1, B), 0), y = l.value?.length;
|
|
934
|
-
return y === 1 ? null : y === f ? a("all") : y;
|
|
935
|
-
});
|
|
936
|
-
return { __sfc: !0, slots: t, emit: e, props: l, t: a, searchTerm: r, optionsRef: o, itemsRef: i, cachedSelectedListboxOptions: c, setCachedValues: h, resetCache: p, cachedDefaultSelectedListboxOptions: d, internalFilterValue: b, isSecondaryButtonDisabled: T, isApplyButtonDisabled: L, filteredItems: P, noResultsMessage: E, buttonLabel: A, buttonSecondaryLabel: O, listboxFilterId: R, onOptionSelected: z, updateFilter: I, openFilter: j, closeFilter: U, resetFilter: D, clearFilter: V, appliedFiltersCount: K, BentoSearchBar: me, BentoDivider: ct, BentoListbox: ot, BentoBaseFilter: ne };
|
|
937
|
-
}
|
|
938
|
-
});
|
|
939
|
-
var gl = function() {
|
|
940
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
941
|
-
return l(t.BentoBaseFilter, { attrs: { "applied-filters-count": t.appliedFiltersCount, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, disabled: e.disabled, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1, "tooltip-position": e.options?.tooltipPosition, "tooltip-text": e.options?.tooltipText, value: e.value }, on: { apply: t.updateFilter, clear: t.clearFilter, reset: t.resetFilter, open: t.openFilter, close: t.closeFilter } }, [l("div", { staticClass: "b-select-filter-button__search-bar-wrapper" }, [e.options?.dynamicFiltering ?? !0 ? l("div", { staticClass: "b-select-filter-button__search-bar" }, [l(t.BentoSearchBar, { attrs: { "debounce-time": e.options?.search?.debounceTime, value: t.searchTerm, "input-field-aria-label": t.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(a) {
|
|
942
|
-
t.searchTerm = a;
|
|
943
|
-
} } })], 1) : e._e(), l("div", { staticClass: "b-select-filter-button__divider" }, [l(t.BentoDivider)], 1)]), l(t.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: t.listboxFilterId, "aria-label": e.label, "component-loading": e.options?.loading, "empty-state": e.options?.emptyState, "has-more-items": e.options?.lazy?.hasMoreItems, items: t.filteredItems, "is-option-disabled": e.options?.isOptionDisabled, "lazy-load-type": e.options?.lazy?.lazyLoadType, loading: e.options?.lazy?.loading, multiple: e.options?.multiple, "static-categories": e.options?.staticCategories, "no-results-message": t.noResultsMessage, searching: !!t.searchTerm, "selected-value": t.internalFilterValue, "virtual-scroll": e.options?.virtualScroll }, on: { select: t.onOptionSelected, "space-pressed": t.onOptionSelected, "enter-pressed": t.onOptionSelected, "show-more": function(a) {
|
|
944
|
-
e.options?.lazy?.showMoreEvent();
|
|
945
|
-
} }, scopedSlots: e._u([e._l(t.slots, function(a, r) {
|
|
946
|
-
return { key: r, fn: function(o) {
|
|
947
|
-
return [e._t(r, null, null, o)];
|
|
948
|
-
} };
|
|
949
|
-
})], null, !0) })], 1);
|
|
950
|
-
}, Cl = [], Al = /* @__PURE__ */ x(
|
|
951
|
-
Sl,
|
|
952
|
-
gl,
|
|
953
|
-
Cl,
|
|
954
|
-
!1,
|
|
955
|
-
null,
|
|
956
|
-
"4e3d3b74"
|
|
957
|
-
);
|
|
958
|
-
const Tl = Al.exports, Rl = {
|
|
959
|
-
"de-DE": { noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche." },
|
|
960
|
-
"en-GB": { noFiltersMatchThisSearch: "No filters match this search" },
|
|
961
|
-
"en-US": { noFiltersMatchThisSearch: "No filters match this search" },
|
|
962
|
-
"es-419": { noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda" },
|
|
963
|
-
"es-ES": { noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda" },
|
|
964
|
-
"es-MX": { noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda" },
|
|
965
|
-
"fr-FR": { noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche" },
|
|
966
|
-
"it-IT": { noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca" },
|
|
967
|
-
"ja-JP": { noFiltersMatchThisSearch: "この検索に一致するフィルターはありません" },
|
|
968
|
-
"pt-BR": { noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca" },
|
|
969
|
-
"zh-CN": { noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器" }
|
|
970
|
-
}, Il = {
|
|
971
|
-
i18n: { messages: Rl },
|
|
972
|
-
name: "select-filter-dropdown"
|
|
973
|
-
}, Ll = /* @__PURE__ */ k({
|
|
974
|
-
...Il,
|
|
975
|
-
props: {
|
|
976
|
-
/**
|
|
977
|
-
* Disables the filter from being interacted with.
|
|
978
|
-
*/
|
|
979
|
-
disabled: { type: Boolean, default: !1 },
|
|
980
|
-
/**
|
|
981
|
-
* Default value of the filter to reset to.
|
|
982
|
-
*
|
|
983
|
-
*/
|
|
984
|
-
defaultValue: {
|
|
985
|
-
type: [String, Number, Array],
|
|
986
|
-
default: null
|
|
987
|
-
},
|
|
988
|
-
/**
|
|
989
|
-
* Filter name/key referencing the actual property name in the data set.
|
|
990
|
-
* Should be unique per filter bar.
|
|
991
|
-
*/
|
|
992
|
-
field: { type: String, required: !0 },
|
|
993
|
-
/**
|
|
994
|
-
* Label text to be displayed
|
|
995
|
-
*/
|
|
996
|
-
label: { type: String, required: !0 },
|
|
997
|
-
/**
|
|
998
|
-
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
999
|
-
* Used for the allFiltersModal component.
|
|
1000
|
-
*
|
|
1001
|
-
*/
|
|
1002
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
1003
|
-
/**
|
|
1004
|
-
* List of options that are needed to setup the filter
|
|
1005
|
-
* Available options:
|
|
1006
|
-
* - multiple: If "true", the user will be able to select multiple items.
|
|
1007
|
-
* - listboxItems: The option elements to populate the filter with.
|
|
1008
|
-
*
|
|
1009
|
-
* @default undefined
|
|
1010
|
-
*/
|
|
1011
|
-
options: {
|
|
1012
|
-
type: Object,
|
|
1013
|
-
default: void 0
|
|
1014
|
-
},
|
|
1015
|
-
/**
|
|
1016
|
-
* Current value of the filter
|
|
1017
|
-
*
|
|
1018
|
-
* @default undefined
|
|
1019
|
-
*/
|
|
1020
|
-
value: {
|
|
1021
|
-
type: [String, Number, Array],
|
|
1022
|
-
default: void 0
|
|
1023
|
-
}
|
|
1024
|
-
},
|
|
1025
|
-
emits: ["input", "update"],
|
|
1026
|
-
setup(s, { emit: e }) {
|
|
1027
|
-
const l = s, { t } = X(), a = fe(), { internalFilterValue: r } = ie(M(l, "value"), M(l, "defaultValue")), o = M(l, "options"), i = S(l.options.listboxItems);
|
|
1028
|
-
G(o, () => {
|
|
1029
|
-
i.value = o.value.listboxItems;
|
|
1030
|
-
});
|
|
1031
|
-
const c = n(() => t("noFiltersMatchThisSearch"));
|
|
1032
|
-
return { __sfc: !0, t, slots: a, emit: e, props: l, internalFilterValue: r, optionsRef: o, itemsRef: i, noResultsMessage: c, onOptionSelected: (p) => {
|
|
1033
|
-
r.value = p;
|
|
1034
|
-
const { onlySlot: d, ...b } = l;
|
|
1035
|
-
e(w.INPUT, { ...b, value: r.value });
|
|
1036
|
-
}, BentoDropdown: it };
|
|
1037
|
-
}
|
|
1038
|
-
});
|
|
1039
|
-
var El = function() {
|
|
1040
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1041
|
-
return l(t.BentoDropdown, { attrs: { "model-value": t.internalFilterValue, items: e.options.listboxItems, search: e.options?.search, multiple: e.options?.multiple, "static-categories": e.options?.staticCategories, "no-results-message": t.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": e.options?.dynamicFiltering ?? !0, "component-loading": e.options?.loading, "empty-state": e.options?.emptyState, disabled: e.disabled, "enable-value-label-pair": e.options?.enableValueLabelPair }, on: { "update:model-value": t.onOptionSelected, open: () => e.options?.onOpen?.() }, scopedSlots: e._u([e._l(t.slots, function(a, r) {
|
|
1042
|
-
return { key: r, fn: function(o) {
|
|
1043
|
-
return [e._t(r, null, null, o)];
|
|
1044
|
-
} };
|
|
1045
|
-
})], null, !0) });
|
|
1046
|
-
}, Ol = [], Pl = /* @__PURE__ */ x(
|
|
1047
|
-
Ll,
|
|
1048
|
-
El,
|
|
1049
|
-
Ol,
|
|
1050
|
-
!1,
|
|
1051
|
-
null,
|
|
1052
|
-
null
|
|
1053
|
-
);
|
|
1054
|
-
const xl = Pl.exports, kl = {
|
|
1055
|
-
/**
|
|
1056
|
-
* Disables the filter from being interacted with.
|
|
1057
|
-
*/
|
|
1058
|
-
disabled: { type: Boolean, default: !1 },
|
|
1059
|
-
/**
|
|
1060
|
-
* Default value of the filter to reset to.
|
|
1061
|
-
*
|
|
1062
|
-
*/
|
|
1063
|
-
defaultValue: {
|
|
1064
|
-
type: [String, Number, Array, Object],
|
|
1065
|
-
default: null
|
|
1066
|
-
},
|
|
1067
|
-
/**
|
|
1068
|
-
* Filter name/key referencing the actual property name in the data set.
|
|
1069
|
-
* Should be unique per filter bar.
|
|
1070
|
-
*/
|
|
1071
|
-
field: { type: String, required: !0 },
|
|
1072
|
-
/**
|
|
1073
|
-
* Label text to be displayed
|
|
1074
|
-
*/
|
|
1075
|
-
label: { type: String, required: !0 },
|
|
1076
|
-
/**
|
|
1077
|
-
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
1078
|
-
* Used for the allFiltersModal component.
|
|
1079
|
-
*
|
|
1080
|
-
*/
|
|
1081
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
1082
|
-
/**
|
|
1083
|
-
* List of options that are needed to setup the filter
|
|
1084
|
-
* Available options:
|
|
1085
|
-
* - multiple: If "true", the user will be able to select multiple items.
|
|
1086
|
-
* - listboxItems: The option elements to populate the filter with.
|
|
1087
|
-
* - tooltipPosition: The position of the tooltip attached to the filter button
|
|
1088
|
-
* - tooltipText: The content of the tooltip attached to the filter button
|
|
1089
|
-
*
|
|
1090
|
-
* @default undefined
|
|
1091
|
-
*/
|
|
1092
|
-
options: {
|
|
1093
|
-
type: Object,
|
|
1094
|
-
default: void 0
|
|
1095
|
-
},
|
|
1096
|
-
/**
|
|
1097
|
-
* Current value of the filter
|
|
1098
|
-
*
|
|
1099
|
-
* @default undefined
|
|
1100
|
-
*/
|
|
1101
|
-
value: {
|
|
1102
|
-
type: [String, Number, Array, Object],
|
|
1103
|
-
default: void 0
|
|
1104
|
-
}
|
|
1105
|
-
}, Dl = {}, Vl = /* @__PURE__ */ k({
|
|
1106
|
-
...Dl,
|
|
1107
|
-
__name: "select-filter",
|
|
1108
|
-
props: kl,
|
|
1109
|
-
emits: ["input", "update"],
|
|
1110
|
-
setup(s, { emit: e }) {
|
|
1111
|
-
return { __sfc: !0, slots: fe(), emit: e, onInput: (r) => e("input", r), onUpdate: (r) => e("update", r), SelectFilterButton: Tl, SelectFilterDropdown: xl };
|
|
1112
|
-
}
|
|
1113
|
-
});
|
|
1114
|
-
var Nl = function() {
|
|
1115
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1116
|
-
return e.onlySlot ? l(t.SelectFilterDropdown, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: t.onInput, update: t.onUpdate }, scopedSlots: e._u([e._l(t.slots, function(a, r) {
|
|
1117
|
-
return { key: r, fn: function(o) {
|
|
1118
|
-
return [e._t(r, null, null, o)];
|
|
1119
|
-
} };
|
|
1120
|
-
})], null, !0) }) : l(t.SelectFilterButton, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: t.onInput, update: t.onUpdate }, scopedSlots: e._u([e._l(t.slots, function(a, r) {
|
|
1121
|
-
return { key: r, fn: function(o) {
|
|
1122
|
-
return [e._t(r, null, null, o)];
|
|
1123
|
-
} };
|
|
1124
|
-
})], null, !0) });
|
|
1125
|
-
}, $l = [], Ml = /* @__PURE__ */ x(
|
|
1126
|
-
Vl,
|
|
1127
|
-
Nl,
|
|
1128
|
-
$l,
|
|
1129
|
-
!1,
|
|
1130
|
-
null,
|
|
1131
|
-
null
|
|
1132
|
-
);
|
|
1133
|
-
const wl = Ml.exports, Ul = {
|
|
1134
|
-
"de-DE": { filter: "Mein Filter", resetFilter: "Filter zurücksetzen {filterName}" },
|
|
1135
|
-
"en-GB": { filter: "My filter", resetFilter: "Reset filter {filterName}" },
|
|
1136
|
-
"en-US": { filter: "My filter", resetFilter: "Reset filter {filterName}" },
|
|
1137
|
-
"es-419": { filter: "Mi filtro", resetFilter: "Resetear el filtro {filterName}" },
|
|
1138
|
-
"es-ES": { filter: "Mi filtro", resetFilter: "Reiniciar el filtro {filterName}" },
|
|
1139
|
-
"es-MX": { filter: "Mi filtro", resetFilter: "Resetear el filtro {filterName}" },
|
|
1140
|
-
"fr-FR": { filter: "Mon filtre", resetFilter: "Réinitialiser le filtre {filterName}" },
|
|
1141
|
-
"it-IT": { filter: "Il mio filtro", resetFilter: "Reimposta il filtro {filterName}" },
|
|
1142
|
-
"ja-JP": { filter: "フィルター", resetFilter: "フィルター{filterName}をリセット" },
|
|
1143
|
-
"pt-BR": { filter: "Meu filtro", resetFilter: "Limpar filtro {filterName}" },
|
|
1144
|
-
"zh-CN": { filter: "我的筛选器", resetFilter: "重置筛选器 {filterName}" }
|
|
1145
|
-
}, Hl = {
|
|
1146
|
-
i18n: { messages: Ul },
|
|
1147
|
-
name: "bento-toggle-filter"
|
|
1148
|
-
}, ql = /* @__PURE__ */ k({
|
|
1149
|
-
...Hl,
|
|
1150
|
-
props: {
|
|
1151
|
-
description: null,
|
|
1152
|
-
disabled: { type: Boolean, default: !1 },
|
|
1153
|
-
field: null,
|
|
1154
|
-
label: null,
|
|
1155
|
-
onlySlot: { type: Boolean, default: !1 },
|
|
1156
|
-
options: { default: void 0 },
|
|
1157
|
-
value: { type: Boolean, default: !1 }
|
|
1158
|
-
},
|
|
1159
|
-
emits: ["input", "update"],
|
|
1160
|
-
setup(s, { emit: e }) {
|
|
1161
|
-
const l = s, { t } = X(), a = re("toggle-filter-checkbox-label"), r = re("toggle-filter-checkbox-description"), o = S(l.value);
|
|
1162
|
-
G(
|
|
1163
|
-
() => l.value,
|
|
1164
|
-
(b) => {
|
|
1165
|
-
o.value = b;
|
|
1166
|
-
}
|
|
1167
|
-
);
|
|
1168
|
-
const i = n(() => ({
|
|
1169
|
-
"b-toggle-filter__only-slot--disabled": l.disabled
|
|
1170
|
-
})), c = (b) => {
|
|
1171
|
-
o.value = b, e("input", { ...l, value: b });
|
|
1172
|
-
}, h = () => {
|
|
1173
|
-
e("update", { ...l, value: o.value });
|
|
1174
|
-
};
|
|
1175
|
-
return { __sfc: !0, t, checkboxLabelId: a, checkboxDescriptionId: r, props: l, emit: e, internalValue: o, onlySlotConditionalClasses: i, onInput: c, updateProps: h, toggleFilter: () => {
|
|
1176
|
-
o.value = !o.value, h();
|
|
1177
|
-
}, resetFilter: () => {
|
|
1178
|
-
o.value = !1, h();
|
|
1179
|
-
}, vBentoTooltipDirective: xe, FilterBarButtonGroup: ze, FilterBarButton: pe, CheckboxInput: dt, BentoTypography: oe, CheckmarkIcon: ut, CrossSmallIcon: ke };
|
|
1180
|
-
}
|
|
1181
|
-
});
|
|
1182
|
-
var Gl = function() {
|
|
1183
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1184
|
-
return e.onlySlot ? l("label", { staticClass: "b-toggle-filter__only-slot", class: t.onlySlotConditionalClasses }, [l(t.CheckboxInput, { staticClass: "b-toggle-filter__checkbox", attrs: { "aria-labelledby": t.checkboxLabelId, "aria-describedby": t.checkboxDescriptionId, disabled: e.disabled, "model-value": t.internalValue }, on: { "update:model-value": t.onInput } }), l("div", { staticClass: "b-toggle-filter__content" }, [l(t.BentoTypography, { attrs: { id: t.checkboxLabelId, variant: "title", medium: "" } }, [e._v(e._s(e.label))]), e.description ? l(t.BentoTypography, { attrs: { id: t.checkboxDescriptionId } }, [e._v(e._s(e.description))]) : e._e()], 1)], 1) : l(t.FilterBarButtonGroup, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[options?.tooltipPosition]", value: e.options?.tooltipText, expression: "options?.tooltipText", arg: e.options?.tooltipPosition }], attrs: { "skip-grouping": !t.internalValue } }, [l(t.FilterBarButton, { attrs: { "aria-pressed": t.internalValue ? "true" : "false", active: t.internalValue, disabled: e.disabled }, on: { click: t.toggleFilter } }, [l("div", { staticClass: "b-toggle-filter" }, [e._v(" " + e._s(e.label) + " "), l(t.CheckmarkIcon, { directives: [{ name: "show", rawName: "v-show", value: t.internalValue, expression: "internalValue" }], staticClass: "b-toggle-filter__checkmark", attrs: { "aria-hidden": "true" } })], 1)]), t.internalValue ? l(t.FilterBarButton, { attrs: { "aria-label": t.t("resetFilter", { filterName: e.label }), disabled: e.disabled, active: t.internalValue }, on: { click: t.resetFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
1185
|
-
return [l(t.CrossSmallIcon, { attrs: { "aria-hidden": "true" } })];
|
|
1186
|
-
}, proxy: !0 }], null, !1, 1418887828) }) : e._e()], 1);
|
|
1187
|
-
}, zl = [], jl = /* @__PURE__ */ x(
|
|
1188
|
-
ql,
|
|
1189
|
-
Gl,
|
|
1190
|
-
zl,
|
|
1191
|
-
!1,
|
|
1192
|
-
null,
|
|
1193
|
-
"ddd4eb90"
|
|
1194
|
-
);
|
|
1195
|
-
const Jl = jl.exports, Q = (s) => We({
|
|
1196
|
-
loader: s,
|
|
1197
|
-
loadingComponent: tt,
|
|
1198
|
-
delay: 200,
|
|
1199
|
-
timeout: 3e4,
|
|
1200
|
-
onError: (e, l, t, a) => a <= 2 ? l() : t()
|
|
1201
|
-
}), je = {
|
|
1202
|
-
BentoBooleanFilter: Jt,
|
|
1203
|
-
BentoCheckboxGroupFilter: el,
|
|
1204
|
-
BentoDateFilter: Q(() => import("./date-filter.BZVe74cH.js")),
|
|
1205
|
-
BentoDateRangeFilter: Q(() => import("./date-range-filter.CDrrP22U.js")),
|
|
1206
|
-
BentoInputFilter: nl,
|
|
1207
|
-
BentoInputWithDropdownFilter: Q(
|
|
1208
|
-
() => import("./input-with-dropdown-filter.axFutymM.js")
|
|
1209
|
-
),
|
|
1210
|
-
BentoRadioGroupFilter: fl,
|
|
1211
|
-
BentoRangeFilter: Fl,
|
|
1212
|
-
BentoSelectAvatarFilter: Q(
|
|
1213
|
-
() => import("./select-avatar-filter.EG4IpfbR.js")
|
|
1214
|
-
),
|
|
1215
|
-
BentoSelectCountryFilter: Q(
|
|
1216
|
-
() => import("./select-country-filter.BtUlbnFP.js")
|
|
1217
|
-
),
|
|
1218
|
-
BentoSelectCurrencyFilter: Q(
|
|
1219
|
-
() => import("./select-currency-filter.B__ByL7N.js")
|
|
1220
|
-
),
|
|
1221
|
-
BentoSelectFilter: wl,
|
|
1222
|
-
BentoSelectPaymentMethodFilter: Q(
|
|
1223
|
-
() => import("./select-payment-method-filter.DndRc65T.js")
|
|
1224
|
-
),
|
|
1225
|
-
BentoSelectTagFilter: Q(
|
|
1226
|
-
() => import("./select-tag-filter.DiWow_m7.js")
|
|
1227
|
-
),
|
|
1228
|
-
BentoToggleFilter: Jl
|
|
1229
|
-
}, Ie = 430, Le = 700;
|
|
1230
|
-
function Kl(s, e) {
|
|
1231
|
-
const l = Ze("div"), t = S(!1), a = S(0), r = n(() => !(a.value < Ie && e.value.small === "multi-line"));
|
|
1232
|
-
function o() {
|
|
1233
|
-
t.value = !1, l.value = "div";
|
|
1234
|
-
}
|
|
1235
|
-
function i() {
|
|
1236
|
-
t.value = !0, l.value = Ue;
|
|
1237
|
-
}
|
|
1238
|
-
function c() {
|
|
1239
|
-
a.value >= Le ? e.value?.large === "one-line" ? i() : o() : a.value >= Ie && e.value?.medium === "multi-line" ? o() : i();
|
|
1240
|
-
}
|
|
1241
|
-
G(() => e.value, c), ft(s, (d) => {
|
|
1242
|
-
a.value = d[0].contentRect.width, c();
|
|
1243
|
-
});
|
|
1244
|
-
const h = n(() => a.value >= Le), p = n(() => ({ "b-filter-bar--large-layout": h.value }));
|
|
1245
|
-
return {
|
|
1246
|
-
screenLayoutComponent: l,
|
|
1247
|
-
showSearchbarInsideContainer: r,
|
|
1248
|
-
isOneLineLayout: t,
|
|
1249
|
-
isLargeLayout: h,
|
|
1250
|
-
rootElementConditionalClasses: p
|
|
1251
|
-
};
|
|
1252
|
-
}
|
|
1253
|
-
var ve = /* @__PURE__ */ ((s) => (s.INPUT = "input", s))(ve || {});
|
|
1254
|
-
const Yl = k({
|
|
1255
|
-
name: "base-filter-button",
|
|
1256
|
-
components: { BaseButton: De, BentoTypography: oe, ChevronUpIcon: mt, ChevronDownIcon: Ft },
|
|
1257
|
-
props: {
|
|
1258
|
-
/**
|
|
1259
|
-
* The number of applies values within the filter.
|
|
1260
|
-
* e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
|
|
1261
|
-
*/
|
|
1262
|
-
amountAppliedValues: { type: [Number, String], default: null },
|
|
1263
|
-
/**
|
|
1264
|
-
* Disables button functionality.
|
|
1265
|
-
*/
|
|
1266
|
-
disabled: { type: Boolean, default: !1 },
|
|
1267
|
-
/**
|
|
1268
|
-
* Signifies if the filter is open or closed.
|
|
1269
|
-
*/
|
|
1270
|
-
isFilterOpen: { type: Boolean, default: !1 },
|
|
1271
|
-
/**
|
|
1272
|
-
* Toggles if a chevron icon should be displayed in the button.
|
|
1273
|
-
* The chevron will change depending on the open state of the filter.
|
|
1274
|
-
*/
|
|
1275
|
-
hasChevron: { type: Boolean, default: !1 },
|
|
1276
|
-
/**
|
|
1277
|
-
* Renders the text in a stronger variant.
|
|
1278
|
-
*/
|
|
1279
|
-
bold: { type: Boolean, default: !1 }
|
|
1280
|
-
},
|
|
1281
|
-
emits: [Be.CLICK],
|
|
1282
|
-
setup(s, { slots: e, emit: l, attrs: t }) {
|
|
1283
|
-
const a = n(() => e.default ? $e(e)("default") : null), r = Ne({ ariaLabel: a }), o = S(null), i = n(() => ({
|
|
1284
|
-
"aria-controls": t["aria-controls"]?.toString()
|
|
1285
|
-
})), c = n(() => ({
|
|
1286
|
-
"b-base-filter-button--with-chevron": s.hasChevron,
|
|
1287
|
-
"b-base-filter-button--filter-open": s.isFilterOpen
|
|
1288
|
-
}));
|
|
1289
|
-
return {
|
|
1290
|
-
// Values
|
|
1291
|
-
ariaAttributes: i,
|
|
1292
|
-
computedAriaLabel: r,
|
|
1293
|
-
conditionalClasses: c,
|
|
1294
|
-
// Methods
|
|
1295
|
-
onClickButton: () => {
|
|
1296
|
-
s.disabled || l(Be.CLICK);
|
|
1297
|
-
},
|
|
1298
|
-
hasSlot: Ve(e),
|
|
1299
|
-
// Refs
|
|
1300
|
-
baseFilterButtonRef: o
|
|
1301
|
-
};
|
|
1302
|
-
}
|
|
1303
|
-
});
|
|
1304
|
-
var Xl = function() {
|
|
1305
|
-
var e = this, l = e._self._c;
|
|
1306
|
-
return e._self._setupProxy, l("base-button", { ref: "baseFilterButtonRef", staticClass: "b-base-filter-button", class: e.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": e.computedAriaLabel, "aria-controls": e.ariaAttributes["aria-controls"], type: "button" }, on: { click: e.onClickButton }, scopedSlots: e._u([e.hasChevron ? { key: "iconRight", fn: function() {
|
|
1307
|
-
return [e.isFilterOpen ? l("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : l("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
|
|
1308
|
-
}, proxy: !0 } : null], null, !0) }, [l("div", { staticClass: "b-base-filter-button__default-container" }, [l("div", { staticClass: "b-base-filter-button__label-container" }, [l("bento-typography", { staticClass: "b-base-filter-button__label", attrs: { el: "span", variant: "body", stronger: e.bold } }, [e._t("default")], 2)], 1), e.amountAppliedValues && !e.hasChevron ? l("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [l("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
|
|
1309
|
-
}, Wl = [], Zl = /* @__PURE__ */ x(
|
|
1310
|
-
Yl,
|
|
1311
|
-
Xl,
|
|
1312
|
-
Wl,
|
|
1313
|
-
!1,
|
|
1314
|
-
null,
|
|
1315
|
-
"66b170d4"
|
|
1316
|
-
);
|
|
1317
|
-
const Ql = Zl.exports, ea = k({
|
|
1318
|
-
name: "all-filters-modal-button",
|
|
1319
|
-
components: { BaseFilterButton: Ql },
|
|
1320
|
-
props: {
|
|
1321
|
-
/**
|
|
1322
|
-
* Button label to be displayed
|
|
1323
|
-
*/
|
|
1324
|
-
label: { type: String, required: !0 },
|
|
1325
|
-
/**
|
|
1326
|
-
* Total count of applied filters
|
|
1327
|
-
*/
|
|
1328
|
-
appliedFiltersCount: { type: [Number, String], default: null },
|
|
1329
|
-
/**
|
|
1330
|
-
* Indicates whether the filter popover tied to this button is showing
|
|
1331
|
-
*/
|
|
1332
|
-
isFilterOpen: { type: Boolean, default: !1 },
|
|
1333
|
-
/**
|
|
1334
|
-
* Disables button functionality.
|
|
1335
|
-
*/
|
|
1336
|
-
disabled: { type: Boolean, default: !1 }
|
|
1337
|
-
},
|
|
1338
|
-
emits: ["click"],
|
|
1339
|
-
setup(s, { emit: e }) {
|
|
1340
|
-
return {
|
|
1341
|
-
conditionalClasses: n(() => ({
|
|
1342
|
-
"b-all-filters-modal-button--with-counter": s.appliedFiltersCount,
|
|
1343
|
-
"b-all-filters-modal-button--filter-open": s.isFilterOpen
|
|
1344
|
-
})),
|
|
1345
|
-
onClick: () => {
|
|
1346
|
-
e("click");
|
|
1347
|
-
}
|
|
1348
|
-
};
|
|
1349
|
-
}
|
|
1350
|
-
});
|
|
1351
|
-
var ta = function() {
|
|
1352
|
-
var e = this, l = e._self._c;
|
|
1353
|
-
return e._self._setupProxy, l("base-filter-button", { staticClass: "b-all-filters-modal-button", class: e.conditionalClasses, attrs: { "amount-applied-values": e.appliedFiltersCount, "is-filter-open": e.isFilterOpen, disabled: e.disabled }, on: { click: e.onClick } }, [e._v(" " + e._s(e.label) + " ")]);
|
|
1354
|
-
}, la = [], aa = /* @__PURE__ */ x(
|
|
1355
|
-
ea,
|
|
1356
|
-
ta,
|
|
1357
|
-
la,
|
|
1358
|
-
!1,
|
|
1359
|
-
null,
|
|
1360
|
-
"4c415ac7"
|
|
1361
|
-
);
|
|
1362
|
-
const sa = aa.exports, ra = {
|
|
1363
|
-
name: "all-filters-modal-filter-selection"
|
|
1364
|
-
}, na = /* @__PURE__ */ k({
|
|
1365
|
-
...ra,
|
|
1366
|
-
props: {
|
|
1367
|
-
activeFilters: null,
|
|
1368
|
-
actions: { default: () => [] },
|
|
1369
|
-
activeFiltersLabel: null,
|
|
1370
|
-
emptySearchMessage: { default: "" },
|
|
1371
|
-
getFilterCount: { type: Function },
|
|
1372
|
-
otherFilters: null,
|
|
1373
|
-
otherFiltersLabel: null,
|
|
1374
|
-
selectedFilterLabel: null,
|
|
1375
|
-
searchBarAriaLabel: null,
|
|
1376
|
-
searchTerm: null,
|
|
1377
|
-
smallScreen: { type: Boolean, default: !1 },
|
|
1378
|
-
uniqueId: null
|
|
1379
|
-
},
|
|
1380
|
-
emits: ["clear-search", "keydown-right", "select-filter", "update:search-term"],
|
|
1381
|
-
setup(s, { expose: e }) {
|
|
1382
|
-
const l = s, t = n(() => ({
|
|
1383
|
-
"b-all-filters-modal-filter-selection--small-screen": l.smallScreen
|
|
1384
|
-
})), a = S({}), r = n(() => l.smallScreen ? "small-screen-" : "");
|
|
1385
|
-
he(() => {
|
|
1386
|
-
a.value = {};
|
|
1387
|
-
});
|
|
1388
|
-
const o = (c, h) => {
|
|
1389
|
-
c && (a.value[h] = c);
|
|
1390
|
-
}, i = (c) => {
|
|
1391
|
-
a.value[c]?.$el?.focus();
|
|
1392
|
-
};
|
|
1393
|
-
return e({ focusFilter: i }), { __sfc: !0, props: l, conditionalClasses: t, filterButtons: a, screenIdPrefix: r, setFilterButtonRef: o, focusFilter: i, BentoButtonActions: Pe, BentoTypography: oe, BentoSearchBar: me, AllFiltersModalButton: sa };
|
|
1394
|
-
}
|
|
1395
|
-
});
|
|
1396
|
-
var oa = function() {
|
|
1397
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1398
|
-
return l("div", { staticClass: "b-all-filters-modal-filter-selection", class: t.conditionalClasses, on: { keydown: function(a) {
|
|
1399
|
-
return !a.type.indexOf("key") && e._k(a.keyCode, "right", 39, a.key, ["Right", "ArrowRight"]) || "button" in a && a.button !== 2 ? null : e.$emit("keydown-right");
|
|
1400
|
-
} } }, [l(t.BentoSearchBar, { staticClass: "b-all-filters-modal-filter-selection__search-bar", attrs: { value: e.searchTerm, "input-field-aria-label": e.searchBarAriaLabel }, on: { input: function(a) {
|
|
1401
|
-
return e.$emit("update:search-term", a);
|
|
1402
|
-
}, clear: function(a) {
|
|
1403
|
-
return e.$emit("clear-search");
|
|
1404
|
-
} } }), e.emptySearchMessage ? l("div", { staticClass: "b-all-filters-modal-filter-selection__empty-search-message" }, [l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(e._s(e.emptySearchMessage))])], 1) : e._e(), e.activeFilters.length ? l("div", { staticClass: "b-all-filters-modal-filter-selection__filters-section" }, [l(t.BentoTypography, { staticClass: "b-all-filters-modal-filter-selection__filters-section-title", attrs: { id: `active-filters-${t.screenIdPrefix}${e.uniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.activeFiltersLabel) + " ")]), l("ul", { staticClass: "b-all-filters-modal-filter-selection__filters-list", attrs: { "aria-labelledby": `active-filters-${t.screenIdPrefix}${e.uniqueId}` } }, e._l(e.activeFilters, function(a) {
|
|
1405
|
-
return l("li", { key: `${a.label}-${a.field}` }, [l(t.AllFiltersModalButton, { ref: (r) => t.setFilterButtonRef(r, a.label), refInFor: !0, attrs: { label: a.label, "applied-filters-count": e.getFilterCount(a), "is-filter-open": !e.smallScreen && e.selectedFilterLabel === a.label, disabled: a.disabled }, on: { click: function(r) {
|
|
1406
|
-
return e.$emit("select-filter", a.label, a.field);
|
|
1407
|
-
} } })], 1);
|
|
1408
|
-
}), 0)], 1) : e._e(), e.otherFilters.length ? l("div", { staticClass: "b-all-filters-modal-filter-selection__filters-section" }, [e.activeFilters.length ? l(t.BentoTypography, { staticClass: "b-all-filters-modal-filter-selection__filters-section-title", attrs: { id: `other-filters-${t.screenIdPrefix}${e.uniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.otherFiltersLabel) + " ")]) : e._e(), l("ul", { staticClass: "b-all-filters-modal-filter-selection__filters-list", attrs: { "aria-labelledby": `other-filters-${t.screenIdPrefix}${e.uniqueId}` } }, e._l(e.otherFilters, function(a) {
|
|
1409
|
-
return l("li", { key: `${a.label}-${a.field}` }, [l(t.AllFiltersModalButton, { ref: (r) => t.setFilterButtonRef(r, a.label), refInFor: !0, attrs: { label: a.label, disabled: a.disabled, "applied-filters-count": e.getFilterCount(a), "is-filter-open": !e.smallScreen && e.selectedFilterLabel === a.label }, on: { click: function(r) {
|
|
1410
|
-
return e.$emit("select-filter", a.label, a.field);
|
|
1411
|
-
} } })], 1);
|
|
1412
|
-
}), 0)], 1) : e._e(), e.smallScreen ? l(t.BentoButtonActions, { staticClass: "b-all-filters-modal-filter-selection__actions", attrs: { actions: e.actions, layout: "vertical-stack" } }) : e._e()], 1);
|
|
1413
|
-
}, ia = [], ua = /* @__PURE__ */ x(
|
|
1414
|
-
na,
|
|
1415
|
-
oa,
|
|
1416
|
-
ia,
|
|
1417
|
-
!1,
|
|
1418
|
-
null,
|
|
1419
|
-
"c1f91314"
|
|
1420
|
-
);
|
|
1421
|
-
const ca = ua.exports, da = {
|
|
1422
|
-
name: "all-filters-modal-selected-filter",
|
|
1423
|
-
components: je
|
|
1424
|
-
}, fa = /* @__PURE__ */ k({
|
|
1425
|
-
...da,
|
|
1426
|
-
props: {
|
|
1427
|
-
actions: { default: () => [] },
|
|
1428
|
-
clearButtonLabel: null,
|
|
1429
|
-
isClearButtonDisabled: { type: Boolean },
|
|
1430
|
-
selectedFilter: null,
|
|
1431
|
-
smallScreen: { type: Boolean, default: !1 },
|
|
1432
|
-
shouldShowFilterTitle: { type: Boolean }
|
|
1433
|
-
},
|
|
1434
|
-
emits: ["clear", "input", "keydown-left"],
|
|
1435
|
-
setup(s, { expose: e }) {
|
|
1436
|
-
const l = s, t = n(() => ({
|
|
1437
|
-
"b-all-filters-modal-selected-filter--small-screen": l.smallScreen
|
|
1438
|
-
})), a = S(null);
|
|
1439
|
-
let r = null, o = null;
|
|
1440
|
-
const i = () => {
|
|
1441
|
-
const d = a.value;
|
|
1442
|
-
return d ? Bt(d).find(({ node: b }) => b !== d) : void 0;
|
|
1443
|
-
}, c = () => {
|
|
1444
|
-
if (!r || r !== document.activeElement)
|
|
1445
|
-
return;
|
|
1446
|
-
const d = i();
|
|
1447
|
-
d && (r = null, d.node.focus());
|
|
1448
|
-
}, h = () => {
|
|
1449
|
-
const d = i();
|
|
1450
|
-
r = d ? null : document.activeElement, d?.node.focus();
|
|
1451
|
-
}, p = () => {
|
|
1452
|
-
r = null;
|
|
1453
|
-
};
|
|
1454
|
-
return de(() => {
|
|
1455
|
-
a.value && (o = new MutationObserver(c), o.observe(a.value, { childList: !0, subtree: !0 }));
|
|
1456
|
-
}), Qe(() => o?.disconnect()), pt(document, "focusin", () => {
|
|
1457
|
-
document.activeElement !== r && p();
|
|
1458
|
-
}), G(() => l.selectedFilter.field, p), e({ focusFirstInput: h }), { __sfc: !0, props: l, conditionalClasses: t, selectedFilterRef: a, pendingFocusSource: r, selectedFilterObserver: o, getFirstFocusable: i, focusPendingInput: c, focusFirstInput: h, cancelPendingFocus: p, BentoButton: yt, BentoButtonActions: Pe, BentoTypography: oe };
|
|
1459
|
-
}
|
|
1460
|
-
});
|
|
1461
|
-
var pa = function() {
|
|
1462
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1463
|
-
return l("div", { staticClass: "b-all-filters-modal-selected-filter", class: t.conditionalClasses, on: { keydown: function(a) {
|
|
1464
|
-
return !a.type.indexOf("key") && e._k(a.keyCode, "left", 37, a.key, ["Left", "ArrowLeft"]) || "button" in a && a.button !== 0 ? null : e.$emit("keydown-left");
|
|
1465
|
-
} } }, [e.smallScreen || e.shouldShowFilterTitle ? l("div", { staticClass: "b-all-filters-modal-selected-filter__text" }, [l(t.BentoTypography, { attrs: { id: e.selectedFilter.labelId, el: "div", variant: "title", medium: "" } }, [e._v(" " + e._s(e.selectedFilter.label) + " ")]), e.selectedFilter.description ? l(t.BentoTypography, { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(e.selectedFilter.description) + " ")]) : e._e()], 1) : e._e(), l("div", { ref: "selectedFilterRef", staticClass: "b-all-filters-modal-selected-filter__component" }, [l(e.selectedFilter.type, { key: e.selectedFilter.field, tag: "component", attrs: { description: e.selectedFilter.description, field: e.selectedFilter.field, label: e.selectedFilter.label, options: e.selectedFilter.options, value: e.selectedFilter.value, "default-value": e.selectedFilter.defaultValue, "only-slot": !0, disabled: e.selectedFilter.disabled, "aria-labelledby": e.selectedFilter.labelId }, on: { input: function(a) {
|
|
1466
|
-
return e.$emit("input", a);
|
|
1467
|
-
} } })], 1), e.smallScreen ? l(t.BentoButtonActions, { staticClass: "b-all-filters-modal-selected-filter__actions", attrs: { actions: e.actions, layout: "vertical-stack" } }) : l("div", { staticClass: "b-all-filters-modal-selected-filter__clear-button" }, [l(t.BentoButton, { attrs: { variant: "secondary", disabled: e.isClearButtonDisabled }, on: { click: function(a) {
|
|
1468
|
-
return e.$emit("clear");
|
|
1469
|
-
} } }, [e._v(" " + e._s(e.clearButtonLabel) + " ")])], 1)], 1);
|
|
1470
|
-
}, ba = [], va = /* @__PURE__ */ x(
|
|
1471
|
-
fa,
|
|
1472
|
-
pa,
|
|
1473
|
-
ba,
|
|
1474
|
-
!1,
|
|
1475
|
-
null,
|
|
1476
|
-
"77564087"
|
|
1477
|
-
);
|
|
1478
|
-
const _a = va.exports, ha = {
|
|
1479
|
-
__name: "sliders-1",
|
|
1480
|
-
setup(s) {
|
|
1481
|
-
const e = et(), l = String(e?.uid ?? e?.proxy?._uid);
|
|
1482
|
-
return { __sfc: !0, instance: e, uuid: l };
|
|
1483
|
-
}
|
|
1484
|
-
};
|
|
1485
|
-
var ma = function() {
|
|
1486
|
-
var e = this, l = e._self._c;
|
|
1487
|
-
return e._self._setupProxy, l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z" } }), l("path", { attrs: { fill: "#001222", d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z" } })]);
|
|
1488
|
-
}, Fa = [], ya = /* @__PURE__ */ x(
|
|
1489
|
-
ha,
|
|
1490
|
-
ma,
|
|
1491
|
-
Fa,
|
|
1492
|
-
!1,
|
|
1493
|
-
null,
|
|
1494
|
-
null
|
|
1495
|
-
);
|
|
1496
|
-
const Ba = ya.exports, Sa = {
|
|
1497
|
-
"de-DE": { activeFilters: "Aktive Filter", all: "Alle", allFilters: "Alle Filter", applyAll: "Alle anwenden", cancel: "Abbrechen", clear: "Löschen", clearAll: "Alle löschen", noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.", otherFilters: "Andere Filter", reset: "Zurücksetzen", resetAll: "Alle zurücksetzen", searchBar: "Suchleiste" },
|
|
1498
|
-
"en-GB": { activeFilters: "Active filters", all: "All", allFilters: "All filters", applyAll: "Apply all", cancel: "Cancel", clear: "Clear", clearAll: "Clear all", noFiltersMatchThisSearch: "No filters match this search", otherFilters: "Other filters", reset: "Reset", resetAll: "Reset all", searchBar: "Search bar" },
|
|
1499
|
-
"en-US": { activeFilters: "Active filters", all: "All", allFilters: "All filters", applyAll: "Apply all", cancel: "Cancel", clear: "Clear", clearAll: "Clear all", noFiltersMatchThisSearch: "No filters match this search", otherFilters: "Other filters", reset: "Reset", resetAll: "Reset all", searchBar: "Search bar" },
|
|
1500
|
-
"es-419": { activeFilters: "Filtros activos", all: "Todos", allFilters: "Todos los filtros", applyAll: "Aplicar todo", cancel: "Cancelar", clear: "Borrar", clearAll: "Borrar todo", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", otherFilters: "Otros filtros", reset: "Restablecer", resetAll: "Restablecer todo", searchBar: "Barra de búsqueda" },
|
|
1501
|
-
"es-ES": { activeFilters: "Filtros activos", all: "Todos", allFilters: "Todos los filtros", applyAll: "Aplicar todo", cancel: "Cancelar", clear: "Borrar", clearAll: "Borrar todo", noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda", otherFilters: "Otros filtros", reset: "Reiniciar", resetAll: "Restablecer todo", searchBar: "Barra de búsqueda" },
|
|
1502
|
-
"es-MX": { activeFilters: "Filtros activos", all: "Todos", allFilters: "Todos los filtros", applyAll: "Aplicar todo", cancel: "Cancelar", clear: "Claro", clearAll: "Borrar todo", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", otherFilters: "Otros filtros", searchBar: "Barra de búsqueda" },
|
|
1503
|
-
"fr-FR": { activeFilters: "Filtres actifs", all: "Tous", allFilters: "Tous les filtres", applyAll: "Tout appliquer", cancel: "Annuler", clear: "Effacer", clearAll: "Tout effacer", noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche", otherFilters: "Autres filtres", reset: "Réinitialiser", resetAll: "Tout réinitialiser", searchBar: "Barre de recherche" },
|
|
1504
|
-
"it-IT": { activeFilters: "Filtri attivi", all: "Tutti", allFilters: "Tutti i filtri", applyAll: "Applica tutto", cancel: "Annulla", clear: "Cancella", clearAll: "Cancella tutto", noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca", otherFilters: "Altri filtri", reset: "Resetta", resetAll: "Resetta tutto", searchBar: "Barra di ricerca" },
|
|
1505
|
-
"ja-JP": { activeFilters: "適用中のフィルター", all: "すべて", allFilters: "すべてのフィルター", applyAll: "すべて適用", cancel: "キャンセル", clear: "クリア", clearAll: "すべてクリア", noFiltersMatchThisSearch: "この検索に一致するフィルターはありません", otherFilters: "他のフィルター", reset: "リセット", resetAll: "すべてリセット", searchBar: "検索バー" },
|
|
1506
|
-
"pt-BR": { activeFilters: "Filtros ativos", all: "Todos", allFilters: "Todos os filtros", applyAll: "Aplicar tudo", cancel: "Cancelar", clear: "Limpar", clearAll: "Limpar tudo", noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca", otherFilters: "Outros filtros", reset: "Limpar", resetAll: "Limpar tudo", searchBar: "Barra de busca" },
|
|
1507
|
-
"zh-CN": { activeFilters: "有效筛选器", all: "全部", allFilters: "所有筛选器", applyAll: "全部应用", cancel: "取消", clear: "清除", clearAll: "全部清除", noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器", otherFilters: "其他筛选器", reset: "重置", resetAll: "全部重置", searchBar: "搜索栏" }
|
|
1508
|
-
}, ga = {
|
|
1509
|
-
name: "all-filters-modal",
|
|
1510
|
-
i18n: { messages: Sa }
|
|
1511
|
-
}, Ca = /* @__PURE__ */ k({
|
|
1512
|
-
...ga,
|
|
1513
|
-
props: {
|
|
1514
|
-
value: { default: () => [] }
|
|
1515
|
-
},
|
|
1516
|
-
emits: [ve.INPUT],
|
|
1517
|
-
setup(s, { emit: e }) {
|
|
1518
|
-
const l = s, t = "filter-selection", a = "filter-application", r = S(l.value), o = re("all-filters-modal"), i = S(null), c = S(!1), h = S(0), p = S(null), d = S(""), b = S(t), { t: T, n: L } = X(), P = bt("(max-width: 599px)"), E = we(d, M(r, "value"));
|
|
1519
|
-
G(
|
|
1520
|
-
() => l.value,
|
|
1521
|
-
() => {
|
|
1522
|
-
c.value ? r.value = l.value.map((_, F) => ({ ..._, value: r.value[F].value })) : r.value = l.value;
|
|
1523
|
-
}
|
|
1524
|
-
);
|
|
1525
|
-
const A = (_) => _.sort((F, q) => F.label > q.label ? 1 : q.label > F.label ? -1 : 0), O = n(
|
|
1526
|
-
() => A(
|
|
1527
|
-
E.value.filter(
|
|
1528
|
-
(_) => Array.isArray(_.value) ? _.value?.length && _.value?.find((F) => F !== "") : _.value
|
|
1529
|
-
)
|
|
1530
|
-
)
|
|
1531
|
-
), R = n(
|
|
1532
|
-
() => A(
|
|
1533
|
-
E.value.filter(
|
|
1534
|
-
(_) => Array.isArray(_.value) ? _.value?.length === 0 || _.value?.every((F) => F === "") : !_.value
|
|
1535
|
-
)
|
|
1536
|
-
)
|
|
1537
|
-
), z = n(() => d.value && E.value?.length === 0), I = n(() => ({
|
|
1538
|
-
...r.value[h.value],
|
|
1539
|
-
labelId: re(r.value[h.value]?.field)
|
|
1540
|
-
})), j = () => {
|
|
1541
|
-
const _ = O.value.length ? O.value[0] : R.value[0], F = r.value.findIndex(
|
|
1542
|
-
(q) => q.label === _.label && q.field === _.field
|
|
1543
|
-
);
|
|
1544
|
-
h.value = F;
|
|
1545
|
-
};
|
|
1546
|
-
G(
|
|
1547
|
-
() => c.value,
|
|
1548
|
-
(_) => {
|
|
1549
|
-
_ && j();
|
|
1550
|
-
}
|
|
1551
|
-
);
|
|
1552
|
-
const U = (_) => _.map((F) => {
|
|
1553
|
-
switch (F.type) {
|
|
1554
|
-
case $.SELECT:
|
|
1555
|
-
case $.SELECT_AVATAR:
|
|
1556
|
-
case $.SELECT_COUNTRY:
|
|
1557
|
-
case $.SELECT_CURRENCY:
|
|
1558
|
-
case $.SELECT_PAYMENT_METHOD:
|
|
1559
|
-
case $.SELECT_TAG:
|
|
1560
|
-
return F.options?.multiple === !0 ? {
|
|
1561
|
-
label: F.label,
|
|
1562
|
-
field: F.field,
|
|
1563
|
-
count: F.value?.length ? F.value?.length : null
|
|
1564
|
-
} : {
|
|
1565
|
-
label: F.label,
|
|
1566
|
-
field: F.field,
|
|
1567
|
-
count: F.value == null ? null : 1
|
|
1568
|
-
};
|
|
1569
|
-
case $.DATE_RANGE:
|
|
1570
|
-
return {
|
|
1571
|
-
label: F.label,
|
|
1572
|
-
field: F.field,
|
|
1573
|
-
count: F.value?.startDate != null && F.value?.endDate != null ? 1 : null
|
|
1574
|
-
};
|
|
1575
|
-
case $.RANGE:
|
|
1576
|
-
return {
|
|
1577
|
-
label: F.label,
|
|
1578
|
-
field: F.field,
|
|
1579
|
-
count: F.value?.find((q) => q !== "") ? 1 : null
|
|
1580
|
-
};
|
|
1581
|
-
case $.CHECKBOX_GROUP:
|
|
1582
|
-
return {
|
|
1583
|
-
label: F.label,
|
|
1584
|
-
field: F.field,
|
|
1585
|
-
count: F.value?.length ? F.value?.length : null
|
|
1586
|
-
};
|
|
1587
|
-
case $.TOGGLE:
|
|
1588
|
-
return {
|
|
1589
|
-
label: F.label,
|
|
1590
|
-
field: F.field,
|
|
1591
|
-
count: F.value ? 1 : null
|
|
1592
|
-
};
|
|
1593
|
-
case $.INPUT:
|
|
1594
|
-
case $.BOOLEAN:
|
|
1595
|
-
case $.DATE:
|
|
1596
|
-
case $.RADIO_GROUP:
|
|
1597
|
-
default:
|
|
1598
|
-
return {
|
|
1599
|
-
label: F.label,
|
|
1600
|
-
field: F.field,
|
|
1601
|
-
count: F.value != null ? 1 : null
|
|
1602
|
-
};
|
|
1603
|
-
}
|
|
1604
|
-
}), D = n(() => I.value.value), V = n(
|
|
1605
|
-
() => Array.isArray(D.value) ? D.value.length && D.value.find((_) => _ !== "") : !!D.value
|
|
1606
|
-
), K = n(
|
|
1607
|
-
() => r.value.some(({ defaultValue: _ }) => _ !== void 0)
|
|
1608
|
-
), f = n(() => I.value.defaultValue !== void 0), y = n(() => I.value.type !== $.TOGGLE), B = n(
|
|
1609
|
-
() => I.value.disabled || (f.value ? JSON.stringify(I.value.value) === JSON.stringify(I.value.defaultValue) : !V.value)
|
|
1610
|
-
), v = n(
|
|
1611
|
-
() => l.value.filter(
|
|
1612
|
-
(_) => _.defaultValue === void 0 || _.visible === !1 && JSON.stringify(_.value) !== JSON.stringify(_.defaultValue)
|
|
1613
|
-
)
|
|
1614
|
-
), g = n(
|
|
1615
|
-
() => U(v.value)?.filter(({ count: _ }) => !!_).length
|
|
1616
|
-
), N = () => {
|
|
1617
|
-
c.value ? c.value = !1 : (b.value = t, c.value = !0);
|
|
1618
|
-
}, W = n(
|
|
1619
|
-
() => new Map(U(r.value).map(({ field: _, count: F }) => [_, F]))
|
|
1620
|
-
), Z = (_) => {
|
|
1621
|
-
const F = W.value.get(_.field), q = typeof _.type == "string" && // Type guard to avoid casting
|
|
1622
|
-
_.type.includes("BentoSelect") && _.options?.multiple && F === _.options?.listboxItems?.length, ce = typeof _.type == "string" && _.type === $.CHECKBOX_GROUP && F === _.options?.checkboxItems?.length;
|
|
1623
|
-
return q || ce ? T("all") : F == null ? null : L(F);
|
|
1624
|
-
}, te = (_, F) => {
|
|
1625
|
-
h.value = r.value.findIndex(
|
|
1626
|
-
(q) => q.label === _ && q.field === F
|
|
1627
|
-
), P.value && (b.value = a);
|
|
1628
|
-
}, u = () => {
|
|
1629
|
-
d.value = "";
|
|
1630
|
-
}, m = () => {
|
|
1631
|
-
c.value = !1, r.value = l.value, u();
|
|
1632
|
-
}, C = (_) => {
|
|
1633
|
-
const F = r.value.map(({ value: q, ...ce }, Ke) => Ke === h.value ? { value: _.value, ...ce } : { value: q, ...ce });
|
|
1634
|
-
r.value = F;
|
|
1635
|
-
}, Y = () => {
|
|
1636
|
-
C({
|
|
1637
|
-
field: I.value.field,
|
|
1638
|
-
label: I.value.label,
|
|
1639
|
-
type: I.value.type,
|
|
1640
|
-
value: f.value ? I.value.defaultValue : void 0
|
|
1641
|
-
});
|
|
1642
|
-
}, H = () => {
|
|
1643
|
-
r.value = l.value.map((_) => ({
|
|
1644
|
-
..._,
|
|
1645
|
-
value: _.defaultValue
|
|
1646
|
-
}));
|
|
1647
|
-
}, ue = () => {
|
|
1648
|
-
e(ve.INPUT, r.value), c.value = !1, b.value = t;
|
|
1649
|
-
}, Fe = n(
|
|
1650
|
-
() => JSON.stringify(r.value) === JSON.stringify(l.value)
|
|
1651
|
-
), ye = n(
|
|
1652
|
-
() => K.value ? r.value.every((_) => JSON.stringify(_.value) === JSON.stringify(_.defaultValue)) : !g.value
|
|
1653
|
-
), Je = n(() => [
|
|
1654
|
-
{
|
|
1655
|
-
title: T("applyAll"),
|
|
1656
|
-
disabled: Fe.value,
|
|
1657
|
-
event: ue
|
|
1658
|
-
},
|
|
1659
|
-
{
|
|
1660
|
-
title: T("cancel"),
|
|
1661
|
-
event: m
|
|
1662
|
-
},
|
|
1663
|
-
{
|
|
1664
|
-
title: T(K.value ? "resetAll" : "clearAll"),
|
|
1665
|
-
disabled: ye.value,
|
|
1666
|
-
event: H
|
|
1667
|
-
}
|
|
1668
|
-
]);
|
|
1669
|
-
return { __sfc: !0, FILTER_SELECTION_PAGE_ID: t, FILTER_APPLICATION_PAGE_ID: a, props: l, emit: e, filtersInModal: r, allFiltersModalUniqueId: o, filterSelectionRef: i, isModalOpen: c, selectedFilterIndex: h, selectedFilterContentRef: p, searchTerm: d, smallScreenActivePage: b, t: T, n: L, isSmallScreen: P, filteredItems: E, sortAlphabetically: A, activeFilters: O, otherFilters: R, isEmptyResultForSearchFilter: z, selectedFilter: I, selectOpenedFilter: j, computeCounts: U, selectedFilterValue: D, hasValueSelected: V, hasPersistentFilters: K, isSelectedFilterPersistent: f, shouldShowFilterTitle: y, isClearButtonDisabled: B, filtersIncludedInActiveCount: v, numberOfActiveFilters: g, onClickAllFiltersModal: N, filterCounts: W, getFilterCount: Z, selectFilter: te, onSearchbarClear: u, cancel: m, updateFilter: C, clearSelectedFilter: Y, clearAll: H, applyAll: ue, isApplyAllButtonDisabled: Fe, isClearAllButtonDisabled: ye, modalActions: Je, onKeydownRight: () => {
|
|
1670
|
-
p.value?.focusFirstInput();
|
|
1671
|
-
}, onKeydownLeft: () => {
|
|
1672
|
-
i.value?.focusFilter(I.value.label);
|
|
1673
|
-
}, BentoModalFullscreen: _t, BentoModalFullscreenPage: vt, BentoModal: ht, FilterBarButton: pe, AllFiltersModalFilterSelection: ca, AllFiltersModalSelectedFilter: _a, SlidersIcon: Ba };
|
|
1674
|
-
}
|
|
1675
|
-
});
|
|
1676
|
-
var Aa = function() {
|
|
1677
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1678
|
-
return l("div", { staticClass: "b-all-filters-modal" }, [l(t.FilterBarButton, { attrs: { "is-filter-open": t.isModalOpen, "applied-filters-count": t.numberOfActiveFilters, "no-applied-state-styles": "" }, on: { click: t.onClickAllFiltersModal }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
1679
|
-
return [l(t.SlidersIcon, { attrs: { "aria-hidden": "true" } })];
|
|
1680
|
-
}, proxy: !0 }]) }, [e._v(" " + e._s(t.t("allFilters")) + " ")]), t.isSmallScreen ? l(t.BentoModalFullscreen, { staticClass: "b-all-filters-modal__modal b-all-filters-modal__modal--small-screen", attrs: { "active-page": t.smallScreenActivePage, "is-open": t.isModalOpen }, on: { "before-close": t.cancel, "update:active-page": function(a) {
|
|
1681
|
-
t.smallScreenActivePage = a;
|
|
1682
|
-
} } }, [l(t.BentoModalFullscreenPage, { attrs: { "page-id": t.FILTER_SELECTION_PAGE_ID, "previous-page": null, title: t.t("allFilters") } }, [l(t.AllFiltersModalFilterSelection, { attrs: { "active-filters": t.activeFilters, actions: t.modalActions, "active-filters-label": t.t("activeFilters"), "empty-search-message": t.isEmptyResultForSearchFilter ? t.t("noFiltersMatchThisSearch") : "", "get-filter-count": t.getFilterCount, "other-filters": t.otherFilters, "other-filters-label": t.t("otherFilters"), "search-bar-aria-label": t.t("searchBar"), "search-term": t.searchTerm, "selected-filter-label": t.selectedFilter.label, "unique-id": t.allFiltersModalUniqueId, "small-screen": "" }, on: { "clear-search": t.onSearchbarClear, "select-filter": t.selectFilter, "update:search-term": function(a) {
|
|
1683
|
-
t.searchTerm = a;
|
|
1684
|
-
} } })], 1), l(t.BentoModalFullscreenPage, { attrs: { "page-id": t.FILTER_APPLICATION_PAGE_ID, "previous-page": t.FILTER_SELECTION_PAGE_ID, title: t.t("allFilters") } }, [l(t.AllFiltersModalSelectedFilter, { attrs: { actions: t.modalActions, "clear-button-label": t.t(t.isSelectedFilterPersistent ? "reset" : "clear"), "is-clear-button-disabled": t.isClearButtonDisabled, "selected-filter": t.selectedFilter, "should-show-filter-title": t.shouldShowFilterTitle, "small-screen": "" }, on: { input: t.updateFilter } })], 1)], 1) : l(t.BentoModal, { staticClass: "b-all-filters-modal__modal", attrs: { "is-open": t.isModalOpen, "with-column-layout": !0, size: "large", actions: t.modalActions, "is-dismissible": !1, "hide-close-button": "" }, on: { "close-modal": t.cancel }, scopedSlots: e._u([{ key: "default", fn: function() {
|
|
1685
|
-
return [e._v(" " + e._s(t.t("allFilters")) + " ")];
|
|
1686
|
-
}, proxy: !0 }, { key: "content-col-1", fn: function() {
|
|
1687
|
-
return [l(t.AllFiltersModalFilterSelection, { ref: "filterSelectionRef", attrs: { "active-filters": t.activeFilters, actions: t.modalActions, "active-filters-label": t.t("activeFilters"), "empty-search-message": t.isEmptyResultForSearchFilter ? t.t("noFiltersMatchThisSearch") : "", "get-filter-count": t.getFilterCount, "other-filters": t.otherFilters, "other-filters-label": t.t("otherFilters"), "search-bar-aria-label": t.t("searchBar"), "search-term": t.searchTerm, "selected-filter-label": t.selectedFilter.label, "unique-id": t.allFiltersModalUniqueId }, on: { "clear-search": t.onSearchbarClear, "keydown-right": t.onKeydownRight, "select-filter": t.selectFilter, "update:search-term": function(a) {
|
|
1688
|
-
t.searchTerm = a;
|
|
1689
|
-
} } })];
|
|
1690
|
-
}, proxy: !0 }, { key: "content-col-2", fn: function() {
|
|
1691
|
-
return [l(t.AllFiltersModalSelectedFilter, { ref: "selectedFilterContentRef", attrs: { actions: t.modalActions, "clear-button-label": t.t(t.isSelectedFilterPersistent ? "reset" : "clear"), "is-clear-button-disabled": t.isClearButtonDisabled, "selected-filter": t.selectedFilter, "should-show-filter-title": t.shouldShowFilterTitle }, on: { clear: t.clearSelectedFilter, input: t.updateFilter, "keydown-left": t.onKeydownLeft } })];
|
|
1692
|
-
}, proxy: !0 }], null, !1, 2679786022) })], 1);
|
|
1693
|
-
}, Ta = [], Ra = /* @__PURE__ */ x(
|
|
1694
|
-
Ca,
|
|
1695
|
-
Aa,
|
|
1696
|
-
Ta,
|
|
1697
|
-
!1,
|
|
1698
|
-
null,
|
|
1699
|
-
"f28a169f"
|
|
1700
|
-
);
|
|
1701
|
-
const Ia = Ra.exports, La = {
|
|
1702
|
-
"de-DE": { clearFilters: "Filter löschen", filtersHaveBeenCleared: "Filter wurden gelöscht.", filtersHaveBeenReset: "Die Filter wurden zurückgesetzt.", resetFilters: "Filter zurücksetzen", searchBar: "Suchleiste", undo: "Rückgängig machen" },
|
|
1703
|
-
"en-GB": { clearFilters: "Clear filters", filtersHaveBeenCleared: "Filters have been cleared.", filtersHaveBeenReset: "Filters have been reset.", resetFilters: "Reset filters", searchBar: "Search bar", undo: "Undo" },
|
|
1704
|
-
"en-US": { clearFilters: "Clear filters", filtersHaveBeenCleared: "Filters have been cleared.", filtersHaveBeenReset: "Filters have been reset.", resetFilters: "Reset filters", searchBar: "Search bar", undo: "Undo" },
|
|
1705
|
-
"es-419": { clearFilters: "Borrar filtros", filtersHaveBeenCleared: "Se han borrado los filtros.", filtersHaveBeenReset: "Se han restablecido los filtros.", resetFilters: "Restablecer filtros", searchBar: "Barra de búsqueda", undo: "Deshacer" },
|
|
1706
|
-
"es-ES": { clearFilters: "Borrar filtros", filtersHaveBeenCleared: "Se han borrado los filtros.", filtersHaveBeenReset: "Los filtros se han restablecido.", resetFilters: "Reiniciar filtros", searchBar: "Barra de búsqueda", undo: "Deshacer" },
|
|
1707
|
-
"es-MX": { clearFilters: "Borrar filtros", filtersHaveBeenCleared: "Se borraron los filtros.", filtersHaveBeenReset: "Se restablecieron los filtros.", resetFilters: "Restablecer filtros", searchBar: "Barra de búsqueda", undo: "Deshacer" },
|
|
1708
|
-
"fr-FR": { clearFilters: "Effacer les filtres", filtersHaveBeenCleared: "Les filtres ont été effacés.", filtersHaveBeenReset: "Les filtres ont été réinitialisés.", resetFilters: "Réinitialiser les filtres", searchBar: "Barre de recherche", undo: "Annuler" },
|
|
1709
|
-
"it-IT": { clearFilters: "Cancella filtri", filtersHaveBeenCleared: "I filtri sono stati cancellati.", filtersHaveBeenReset: "I filtri sono stati resettati.", resetFilters: "Resetta filtri", searchBar: "Barra di ricerca", undo: "Annulla" },
|
|
1710
|
-
"ja-JP": { clearFilters: "フィルターをクリア", filtersHaveBeenCleared: "フィルターをクリアしました。", filtersHaveBeenReset: "フィルターがリセットされました。", resetFilters: "フィルターをリセット", searchBar: "検索バー", undo: "元に戻す" },
|
|
1711
|
-
"pt-BR": { clearFilters: "Limpar filtros", filtersHaveBeenCleared: "Os filtros foram apagados.", filtersHaveBeenReset: "Os filtros foram limpos.", resetFilters: "Limpar filtros", searchBar: "Barra de busca", undo: "Desfazer" },
|
|
1712
|
-
"zh-CN": { clearFilters: "清除筛选器", filtersHaveBeenCleared: "筛选器已清除。", filtersHaveBeenReset: "筛选器已重置。", resetFilters: "重置筛选器", searchBar: "搜索栏", undo: "撤销" }
|
|
1713
|
-
}, Ea = {
|
|
1714
|
-
i18n: { messages: La },
|
|
1715
|
-
name: "bento-filter-bar",
|
|
1716
|
-
components: {
|
|
1717
|
-
...je,
|
|
1718
|
-
BentoTeleport: Oe,
|
|
1719
|
-
FixedScroller: Ue
|
|
1720
|
-
}
|
|
1721
|
-
}, Oa = /* @__PURE__ */ k({
|
|
1722
|
-
...Ea,
|
|
1723
|
-
props: {
|
|
1724
|
-
config: { default: () => [] },
|
|
1725
|
-
filterValues: { default: () => [] },
|
|
1726
|
-
containerSizeLayout: { default: null },
|
|
1727
|
-
search: { default: void 0 },
|
|
1728
|
-
searchTerm: { default: void 0 },
|
|
1729
|
-
showAppliedHiddenFilters: { type: Boolean, default: !1 },
|
|
1730
|
-
filterValuesObject: { default: void 0 }
|
|
1731
|
-
},
|
|
1732
|
-
emits: [
|
|
1733
|
-
le.INPUT,
|
|
1734
|
-
le.UPDATE_FILTER_VALUES_OBJECT,
|
|
1735
|
-
le.UPDATE_FILTER_VALUES_ARRAY,
|
|
1736
|
-
ae.CLEAR,
|
|
1737
|
-
ae.INPUT,
|
|
1738
|
-
ae.UPDATE
|
|
1739
|
-
],
|
|
1740
|
-
setup(s, { expose: e, emit: l }) {
|
|
1741
|
-
const t = s, { t: a } = X(), r = S(null), o = n(
|
|
1742
|
-
() => t.config?.map((u) => {
|
|
1743
|
-
let m = t.filterValues.find(({ field: C }) => C === u.field)?.value;
|
|
1744
|
-
return t.filterValuesObject && u.field in t.filterValuesObject && (m = t.filterValuesObject[u.field]), m === void 0 && (m = u?.defaultValue), { ...u, value: m };
|
|
1745
|
-
})
|
|
1746
|
-
), { addToast: i } = gt(), c = {
|
|
1747
|
-
large: "multi-line",
|
|
1748
|
-
medium: "one-line",
|
|
1749
|
-
small: "multi-line"
|
|
1750
|
-
}, h = n(() => ({
|
|
1751
|
-
...c,
|
|
1752
|
-
...t.containerSizeLayout
|
|
1753
|
-
})), {
|
|
1754
|
-
screenLayoutComponent: p,
|
|
1755
|
-
showSearchbarInsideContainer: d,
|
|
1756
|
-
isOneLineLayout: b,
|
|
1757
|
-
isLargeLayout: T,
|
|
1758
|
-
rootElementConditionalClasses: L
|
|
1759
|
-
} = Kl(r, h), P = n(() => ({
|
|
1760
|
-
"b-filter-bar__fixed-scroller": b.value,
|
|
1761
|
-
"b-filter-bar__container": !b.value
|
|
1762
|
-
// Multi-line
|
|
1763
|
-
})), E = n(() => ({
|
|
1764
|
-
"b-filter-bar__scroller-content": b.value,
|
|
1765
|
-
"b-filter-bar__filters": !b.value
|
|
1766
|
-
// Multi-line
|
|
1767
|
-
})), A = n(() => t.search?.inputFieldAriaLabel || a("searchBar")), O = n(() => {
|
|
1768
|
-
if (!t.search)
|
|
1769
|
-
return;
|
|
1770
|
-
const { debounceTime: u, disabled: m, inputFieldAriaLabel: C, hint: Y, placeholder: H } = t.search;
|
|
1771
|
-
return { debounceTime: u, disabled: m, inputFieldAriaLabel: C, hint: Y, placeholder: H };
|
|
1772
|
-
}), R = n(
|
|
1773
|
-
() => t.search?.width && T.value ? { flexBasis: t.search.width, maxWidth: t.search.width } : void 0
|
|
1774
|
-
), z = n(
|
|
1775
|
-
() => o.value.some(({ visible: u }) => u != null)
|
|
1776
|
-
), I = n(
|
|
1777
|
-
() => z.value ? o.value.some(({ visible: u }) => !u) : !1
|
|
1778
|
-
), j = n(
|
|
1779
|
-
() => o.value.filter(
|
|
1780
|
-
({ defaultValue: u, visible: m }) => u !== void 0 && m !== !1
|
|
1781
|
-
)
|
|
1782
|
-
), U = n(
|
|
1783
|
-
() => o.value.filter(
|
|
1784
|
-
({ defaultValue: u, visible: m }) => u === void 0 || m === !1
|
|
1785
|
-
)
|
|
1786
|
-
), D = n(
|
|
1787
|
-
() => o.value.some(({ defaultValue: u }) => u !== void 0)
|
|
1788
|
-
), V = n(() => z.value ? o.value.filter(
|
|
1789
|
-
({ defaultValue: u, visible: m, value: C }) => u === void 0 && (m || t.showAppliedHiddenFilters && C !== void 0 && C !== null)
|
|
1790
|
-
) : o.value.filter(({ defaultValue: u }) => u === void 0)), K = n(() => t.searchTerm != null), f = n(
|
|
1791
|
-
() => o.value.filter(({ defaultValue: u }) => u == null).some(({ value: u }) => u != null)
|
|
1792
|
-
), y = n(() => !D.value && f.value), B = n(() => D.value ? !o.value.filter(({ defaultValue: m }) => m !== void 0 || m !== null).every(({ value: m, defaultValue: C }) => JSON.stringify(m) === JSON.stringify(C)) || f.value : !1), v = (u) => {
|
|
1793
|
-
l(le.INPUT, u), l(
|
|
1794
|
-
le.UPDATE_FILTER_VALUES_ARRAY,
|
|
1795
|
-
u?.filter(({ value: m }) => m !== null || m !== void 0).map(({ field: m, value: C }) => ({ field: m, value: C }))
|
|
1796
|
-
), l(
|
|
1797
|
-
le.UPDATE_FILTER_VALUES_OBJECT,
|
|
1798
|
-
u?.filter(({ value: m }) => m !== null || m !== void 0).reduce((m, C) => (m[C.field] = C.value, m), {})
|
|
1799
|
-
);
|
|
1800
|
-
}, g = (u) => {
|
|
1801
|
-
const m = Array.isArray(u) ? u : [u], C = new Map(m.map((H) => [H.field, H.value])), Y = o.value.map((H) => C.has(H.field) ? { ...H, value: C.get(H.field) } : H);
|
|
1802
|
-
v(Y);
|
|
1803
|
-
}, N = () => {
|
|
1804
|
-
const u = o.value.slice(), m = o.value.map(({ value: C, ...Y }) => ({
|
|
1805
|
-
...Y,
|
|
1806
|
-
value: void 0
|
|
1807
|
-
}));
|
|
1808
|
-
i({
|
|
1809
|
-
text: a("filtersHaveBeenCleared"),
|
|
1810
|
-
action: {
|
|
1811
|
-
handler: () => v(u),
|
|
1812
|
-
text: a("undo")
|
|
1813
|
-
}
|
|
1814
|
-
}), v(m);
|
|
1815
|
-
}, W = () => {
|
|
1816
|
-
const u = o.value.slice(), m = o.value.map(({ defaultValue: C, ...Y }) => ({
|
|
1817
|
-
...Y,
|
|
1818
|
-
defaultValue: C,
|
|
1819
|
-
value: C
|
|
1820
|
-
}));
|
|
1821
|
-
i({
|
|
1822
|
-
text: a("filtersHaveBeenReset"),
|
|
1823
|
-
action: {
|
|
1824
|
-
handler: () => v(u),
|
|
1825
|
-
text: a("undo")
|
|
1826
|
-
}
|
|
1827
|
-
}), v(m);
|
|
1828
|
-
}, Z = (u) => {
|
|
1829
|
-
l(ae.INPUT, u), l(ae.UPDATE, u);
|
|
1830
|
-
}, te = () => {
|
|
1831
|
-
l(ae.CLEAR);
|
|
1832
|
-
};
|
|
1833
|
-
return e({ isClearAllVisible: y, clearAllFilters: N, isResetAllVisible: B, resetAllFilters: W }), { __sfc: !0, props: t, emit: l, t: a, filterBarRef: r, valueAndFilterValuesPropsMerged: o, addToast: i, DEFAULT_CONTAINER_SIZE_LAYOUT: c, mergedContainerSizeLayout: h, screenLayoutComponent: p, showSearchbarInsideContainer: d, isOneLineLayout: b, isLargeLayout: T, rootElementConditionalClasses: L, containerConditionalClasses: P, contentConditionalClasses: E, searchBarAriaLabel: A, searchBarProps: O, searchBarWidthStyle: R, hasVisibleSet: z, hasHiddenFilters: I, persistentFilters: j, filtersInAllFiltersModal: U, hasPersistentFilters: D, regularFilters: V, isSearchBarEnabled: K, hasActiveFilters: f, isClearAllVisible: y, isResetAllVisible: B, updateAllFilters: v, updateFilterHandler: g, clearAllFilters: N, resetAllFilters: W, onSearchbarInput: Z, onSearchbarClear: te, FilterBarButton: pe, BentoSearchBar: me, AllFiltersModal: Ia, RefreshIcon: St };
|
|
1834
|
-
}
|
|
1835
|
-
});
|
|
1836
|
-
var Pa = function() {
|
|
1837
|
-
var e = this, l = e._self._c, t = e._self._setupProxy;
|
|
1838
|
-
return l("div", { ref: "filterBarRef", staticClass: "b-filter-bar", class: t.rootElementConditionalClasses }, [!t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", { staticClass: "b-filter-bar__search-external-container" }, [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", style: t.searchBarWidthStyle, attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), l(t.screenLayoutComponent, { tag: "component", class: t.containerConditionalClasses, attrs: { condensed: "" } }, [l("div", { class: t.contentConditionalClasses }, [t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", { staticClass: "b-filter-bar__search-bar-container", style: t.searchBarWidthStyle }, [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), t.persistentFilters.length ? e._l(t.persistentFilters, function(a) {
|
|
1839
|
-
return l(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, disabled: a?.disabled, options: a.options, value: a.value, "default-value": a.defaultValue }, on: { update: t.updateFilterHandler } });
|
|
1840
|
-
}) : e._e(), e._l(t.regularFilters, function(a) {
|
|
1841
|
-
return l(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, disabled: a?.disabled, options: a.options, value: a.value }, on: { update: t.updateFilterHandler } });
|
|
1842
|
-
}), t.hasHiddenFilters ? l(t.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: t.filtersInAllFiltersModal }, on: { input: t.updateFilterHandler } }) : e._e(), t.isClearAllVisible ? l(t.FilterBarButton, { staticClass: "b-filter-bar__clear-all", on: { click: t.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
1843
|
-
return [l(t.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
|
|
1844
|
-
}, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(t.t("clearFilters")) + " ")]) : e._e(), t.isResetAllVisible ? l(t.FilterBarButton, { staticClass: "b-filter-bar__reset-all", on: { click: t.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
|
|
1845
|
-
return [l(t.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
|
|
1846
|
-
}, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(t.t("resetFilters")) + " ")]) : e._e()], 2)])], 1);
|
|
1847
|
-
}, xa = [], ka = /* @__PURE__ */ x(
|
|
1848
|
-
Oa,
|
|
1849
|
-
Pa,
|
|
1850
|
-
xa,
|
|
1851
|
-
!1,
|
|
1852
|
-
null,
|
|
1853
|
-
"e0b61e4d"
|
|
1854
|
-
);
|
|
1855
|
-
const _s = ka.exports;
|
|
1856
|
-
export {
|
|
1857
|
-
ne as B,
|
|
1858
|
-
kl as S,
|
|
1859
|
-
_s as a,
|
|
1860
|
-
le as b,
|
|
1861
|
-
w as c,
|
|
1862
|
-
$ as d,
|
|
1863
|
-
wl as e,
|
|
1864
|
-
Ge as f,
|
|
1865
|
-
ie as u
|
|
1866
|
-
};
|
|
1867
|
-
//# sourceMappingURL=filter-bar.DUw139BE.js.map
|