@adyen/bento-vue2 1.102.0 → 1.103.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (399) hide show
  1. package/dist/@types/index.d.ts +20 -3
  2. package/dist/accordion.js +1 -1
  3. package/dist/action-bar.js +1 -1
  4. package/dist/ai-tag.js +1 -1
  5. package/dist/alert.js +1 -1
  6. package/dist/anchor-scroller.js +1 -1
  7. package/dist/assets/accordion-item.css +1 -1
  8. package/dist/assets/action-bar.css +1 -1
  9. package/dist/assets/ai-button.css +1 -1
  10. package/dist/assets/anchor-scroller.css +1 -1
  11. package/dist/assets/base-modal.css +1 -1
  12. package/dist/assets/button-actions.css +1 -1
  13. package/dist/assets/button.css +1 -1
  14. package/dist/assets/card.css +1 -1
  15. package/dist/assets/checkbox-input.css +1 -1
  16. package/dist/assets/data-grid.css +1 -1
  17. package/dist/assets/dialog-page.css +1 -1
  18. package/dist/assets/dropdown.css +1 -1
  19. package/dist/assets/empty-state.css +1 -1
  20. package/dist/assets/file-uploader.css +1 -1
  21. package/dist/assets/filter-bar.css +1 -1
  22. package/dist/assets/index.css +1 -1
  23. package/dist/assets/input-field-password.css +1 -1
  24. package/dist/assets/inspector.css +1 -1
  25. package/dist/assets/modal-fullscreen.css +1 -1
  26. package/dist/assets/navigation-menu-group.css +1 -1
  27. package/dist/assets/pagination.css +1 -1
  28. package/dist/assets/radio-input.css +1 -1
  29. package/dist/assets/secondary-nav.css +1 -1
  30. package/dist/assets/selection-card-group.css +1 -1
  31. package/dist/assets/sidepanel.css +1 -1
  32. package/dist/assets/table-of-contents.css +1 -1
  33. package/dist/assets/typography.css +1 -1
  34. package/dist/avatar.js +1 -1
  35. package/dist/button.js +3 -3
  36. package/dist/card.js +1 -1
  37. package/dist/checkbox.js +2 -2
  38. package/dist/chip.js +1 -1
  39. package/dist/chunks/{accordion-item.C0va5Mbv.js → accordion-item.CrVVFIHa.js} +16 -49
  40. package/dist/chunks/{accordion-item.C0va5Mbv.js.map → accordion-item.CrVVFIHa.js.map} +1 -1
  41. package/dist/chunks/{action-bar.-kzjjAuX.js → action-bar.BC1fWyHX.js} +18 -150
  42. package/dist/chunks/{action-bar.-kzjjAuX.js.map → action-bar.BC1fWyHX.js.map} +1 -1
  43. package/dist/chunks/{ai-button.ChLXOu7p.js → ai-button.CP6Bu7PB.js} +3 -3
  44. package/dist/chunks/{ai-button.ChLXOu7p.js.map → ai-button.CP6Bu7PB.js.map} +1 -1
  45. package/dist/chunks/{ai-tag.DhBjifex.js → ai-tag.wYWc7yOx.js} +16 -49
  46. package/dist/chunks/{ai-tag.DhBjifex.js.map → ai-tag.wYWc7yOx.js.map} +1 -1
  47. package/dist/chunks/{alert.CDP-LTh5.js → alert.Dj57zB88.js} +15 -81
  48. package/dist/chunks/{alert.CDP-LTh5.js.map → alert.Dj57zB88.js.map} +1 -1
  49. package/dist/chunks/anchor-scroller.Bhgy748g.js +120 -0
  50. package/dist/chunks/anchor-scroller.Bhgy748g.js.map +1 -0
  51. package/dist/chunks/{avatar.rwWPYJnt.js → avatar.D__jLgjI.js} +2 -2
  52. package/dist/chunks/{avatar.rwWPYJnt.js.map → avatar.D__jLgjI.js.map} +1 -1
  53. package/dist/chunks/{base-button.BPRPrO0p.js → base-button.D5C9VIYP.js} +20 -23
  54. package/dist/chunks/{base-button.BPRPrO0p.js.map → base-button.D5C9VIYP.js.map} +1 -1
  55. package/dist/chunks/{base-modal.BagJ8weI.js → base-modal.DlD_Lj4Y.js} +100 -141
  56. package/dist/chunks/{base-modal.BagJ8weI.js.map → base-modal.DlD_Lj4Y.js.map} +1 -1
  57. package/dist/chunks/button-actions-with-menu.CTgggEw2.js +77 -0
  58. package/dist/chunks/{button-actions-with-menu.DNYoFmV4.js.map → button-actions-with-menu.CTgggEw2.js.map} +1 -1
  59. package/dist/chunks/{button-actions.Dpbx0xf3.js → button-actions.CxX7lK7z.js} +362 -442
  60. package/dist/chunks/{button-actions.Dpbx0xf3.js.map → button-actions.CxX7lK7z.js.map} +1 -1
  61. package/dist/chunks/{button.CKS_V3p5.js → button.C4kKejsg.js} +34 -37
  62. package/dist/chunks/{button.CKS_V3p5.js.map → button.C4kKejsg.js.map} +1 -1
  63. package/dist/chunks/calendar.BoFWdxN7.js +1143 -0
  64. package/dist/chunks/{calendar.CvHJ3Geq.js.map → calendar.BoFWdxN7.js.map} +1 -1
  65. package/dist/chunks/{card.DqMECGcj.js → card.B70qRHOi.js} +34 -70
  66. package/dist/chunks/{card.DqMECGcj.js.map → card.B70qRHOi.js.map} +1 -1
  67. package/dist/chunks/{checkbox-group.YnXz1Hl2.js → checkbox-group.D1zzKsdi.js} +6 -6
  68. package/dist/chunks/{checkbox-group.YnXz1Hl2.js.map → checkbox-group.D1zzKsdi.js.map} +1 -1
  69. package/dist/chunks/{checkbox-input.08E9BNeF.js → checkbox-input.kfxcyjfd.js} +28 -31
  70. package/dist/chunks/{checkbox-input.08E9BNeF.js.map → checkbox-input.kfxcyjfd.js.map} +1 -1
  71. package/dist/chunks/{checkbox.BUc2332d.js → checkbox.Ca0mu2lE.js} +58 -91
  72. package/dist/chunks/{checkbox.BUc2332d.js.map → checkbox.Ca0mu2lE.js.map} +1 -1
  73. package/dist/chunks/{chip.DHmRHsL2.js → chip.wgEnbEPw.js} +16 -38
  74. package/dist/chunks/{chip.DHmRHsL2.js.map → chip.wgEnbEPw.js.map} +1 -1
  75. package/dist/chunks/click-outside.B0whuTUU.js +20 -0
  76. package/dist/chunks/{click-outside.BG01Sm0A.js.map → click-outside.B0whuTUU.js.map} +1 -1
  77. package/dist/chunks/{code-snippet.Cha3wHUL.js → code-snippet.BglbQWRB.js} +19 -74
  78. package/dist/chunks/{code-snippet.Cha3wHUL.js.map → code-snippet.BglbQWRB.js.map} +1 -1
  79. package/dist/chunks/{codemirror.D2BAltnu.js → codemirror.Bzus_EPG.js} +15 -15
  80. package/dist/chunks/{codemirror.D2BAltnu.js.map → codemirror.Bzus_EPG.js.map} +1 -1
  81. package/dist/chunks/constructNow.DyOJDyZZ.js +8 -0
  82. package/dist/chunks/{constructNow.CK0ryPil.js.map → constructNow.DyOJDyZZ.js.map} +1 -1
  83. package/dist/chunks/{controls-group.BomXFNvi.js → controls-group.DPLAJjbv.js} +3 -3
  84. package/dist/chunks/{controls-group.BomXFNvi.js.map → controls-group.DPLAJjbv.js.map} +1 -1
  85. package/dist/chunks/{copy.BlyhTDSU.js → copy.CsKQJlen.js} +16 -60
  86. package/dist/chunks/{copy.BlyhTDSU.js.map → copy.CsKQJlen.js.map} +1 -1
  87. package/dist/chunks/{country.DySY9sbA.js → country.D8ncVjcm.js} +5 -5
  88. package/dist/chunks/{country.DySY9sbA.js.map → country.D8ncVjcm.js.map} +1 -1
  89. package/dist/chunks/country.types.BUW49nQx.js +27 -0
  90. package/dist/chunks/country.types.BUW49nQx.js.map +1 -0
  91. package/dist/chunks/currency.POwX-Trj.js +124 -0
  92. package/dist/chunks/{currency.Dvy9Qjjf.js.map → currency.POwX-Trj.js.map} +1 -1
  93. package/dist/chunks/dashboard-section.Bmu65OHg.js +98 -0
  94. package/dist/chunks/{dashboard-section.D2yqhERq.js.map → dashboard-section.Bmu65OHg.js.map} +1 -1
  95. package/dist/chunks/{dashed-underline.ByPcIHNe.js → dashed-underline.CbzCYKrk.js} +11 -12
  96. package/dist/chunks/{dashed-underline.ByPcIHNe.js.map → dashed-underline.CbzCYKrk.js.map} +1 -1
  97. package/dist/chunks/data-grid-template.BvBHJ0sH.js +102 -0
  98. package/dist/chunks/{data-grid-template.Ifn423Ot.js.map → data-grid-template.BvBHJ0sH.js.map} +1 -1
  99. package/dist/chunks/data-grid.DPh8BSnM.js +3266 -0
  100. package/dist/chunks/{data-grid.BDXQ_kKQ.js.map → data-grid.DPh8BSnM.js.map} +1 -1
  101. package/dist/chunks/date-picker.DutUBQbH.js +183 -0
  102. package/dist/chunks/{date-picker.CXZfCxwP.js.map → date-picker.DutUBQbH.js.map} +1 -1
  103. package/dist/chunks/date-range-picker.5bvgs49h.js +924 -0
  104. package/dist/chunks/{date-range-picker.BzVQsYk4.js.map → date-range-picker.5bvgs49h.js.map} +1 -1
  105. package/dist/chunks/date-time-picker.DUWWGlOX.js +127 -0
  106. package/dist/chunks/{date-time-picker.DaLATfJp.js.map → date-time-picker.DUWWGlOX.js.map} +1 -1
  107. package/dist/chunks/{date.C1HnIyOv.js → date.CPo8t1n9.js} +25 -25
  108. package/dist/chunks/{date.C1HnIyOv.js.map → date.CPo8t1n9.js.map} +1 -1
  109. package/dist/chunks/{de.pvjpUJ1o.js → de.ctR_lBqr.js} +18 -18
  110. package/dist/chunks/{de.pvjpUJ1o.js.map → de.ctR_lBqr.js.map} +1 -1
  111. package/dist/chunks/{dialog-page.B_LwIWgK.js → dialog-page.CPorblJc.js} +16 -38
  112. package/dist/chunks/{dialog-page.B_LwIWgK.js.map → dialog-page.CPorblJc.js.map} +1 -1
  113. package/dist/chunks/differenceInMonths.yz4Dfe-b.js +44 -0
  114. package/dist/chunks/{differenceInMonths.CpwVtHZX.js.map → differenceInMonths.yz4Dfe-b.js.map} +1 -1
  115. package/dist/chunks/{directive.BBWhsNtO.js → directive.D1-d-C2K.js} +2 -2
  116. package/dist/chunks/{directive.BBWhsNtO.js.map → directive.D1-d-C2K.js.map} +1 -1
  117. package/dist/chunks/{draggable-handle.kBP4prVO.js → draggable-handle.g2BFN3G1.js} +18 -114
  118. package/dist/chunks/{draggable-handle.kBP4prVO.js.map → draggable-handle.g2BFN3G1.js.map} +1 -1
  119. package/dist/chunks/draggable.iIsQLiOa.js +168 -0
  120. package/dist/chunks/{draggable.rTa1jcHI.js.map → draggable.iIsQLiOa.js.map} +1 -1
  121. package/dist/chunks/{drawer.DVJxDGw3.js → drawer.CnxX1zZ6.js} +14 -36
  122. package/dist/chunks/{drawer.DVJxDGw3.js.map → drawer.CnxX1zZ6.js.map} +1 -1
  123. package/dist/chunks/{dropdown-tag.CaLA2NLd.js → dropdown-tag.BFnfCah8.js} +77 -81
  124. package/dist/chunks/{dropdown-tag.CaLA2NLd.js.map → dropdown-tag.BFnfCah8.js.map} +1 -1
  125. package/dist/chunks/{dropdown.DIqgVVXB.js → dropdown.Ce2P9MZ-.js} +1131 -1466
  126. package/dist/chunks/{dropdown.DIqgVVXB.js.map → dropdown.Ce2P9MZ-.js.map} +1 -1
  127. package/dist/chunks/empty-state.fziM-yAC.js +102 -0
  128. package/dist/chunks/empty-state.fziM-yAC.js.map +1 -0
  129. package/dist/chunks/{en-GB.-Q7Oq-nY.js → en-GB.BsQNm5GT.js} +2 -2
  130. package/dist/chunks/{en-GB.-Q7Oq-nY.js.map → en-GB.BsQNm5GT.js.map} +1 -1
  131. package/dist/chunks/{en-US.BK5uiAND.js → en-US.BR6y7foR.js} +30 -30
  132. package/dist/chunks/{en-US.BK5uiAND.js.map → en-US.BR6y7foR.js.map} +1 -1
  133. package/dist/chunks/{error-message.Hqp_VvD3.js → error-message.BEHBfjmn.js} +14 -36
  134. package/dist/chunks/{error-message.Hqp_VvD3.js.map → error-message.BEHBfjmn.js.map} +1 -1
  135. package/dist/chunks/{es.2H4LvTyV.js → es.DxqH-QhP.js} +14 -14
  136. package/dist/chunks/{es.2H4LvTyV.js.map → es.DxqH-QhP.js.map} +1 -1
  137. package/dist/chunks/{field-label.DjJ7wdFi.js → field-label.CgdTst2l.js} +15 -37
  138. package/dist/chunks/{field-label.DjJ7wdFi.js.map → field-label.CgdTst2l.js.map} +1 -1
  139. package/dist/chunks/{file-uploader.2rIfQ2jb.js → file-uploader.BG89SLkG.js} +317 -630
  140. package/dist/chunks/{file-uploader.2rIfQ2jb.js.map → file-uploader.BG89SLkG.js.map} +1 -1
  141. package/dist/chunks/filter-bar.BMO8wTzb.js +3087 -0
  142. package/dist/chunks/{filter-bar.qlViDZPY.js.map → filter-bar.BMO8wTzb.js.map} +1 -1
  143. package/dist/chunks/fixed-scroller.oObE3f7m.js +117 -0
  144. package/dist/chunks/{fixed-scroller.04EUUgD_.js.map → fixed-scroller.oObE3f7m.js.map} +1 -1
  145. package/dist/chunks/{focus-trap.oRKjDFzf.js → focus-trap.l-wwtCHi.js} +69 -85
  146. package/dist/chunks/{focus-trap.oRKjDFzf.js.map → focus-trap.l-wwtCHi.js.map} +1 -1
  147. package/dist/chunks/{footer-actions.DXyJtVip.js → footer-actions.Dn9KYoqB.js} +4 -4
  148. package/dist/chunks/{footer-actions.DXyJtVip.js.map → footer-actions.Dn9KYoqB.js.map} +1 -1
  149. package/dist/chunks/{form-layout-group.DnjoLZZM.js → form-layout-group.C_0b8u-g.js} +2 -2
  150. package/dist/chunks/{form-layout-group.DnjoLZZM.js.map → form-layout-group.C_0b8u-g.js.map} +1 -1
  151. package/dist/chunks/{form-layout-title.Bt5bP9r3.js → form-layout-title.YhZCVtoc.js} +15 -37
  152. package/dist/chunks/{form-layout-title.Bt5bP9r3.js.map → form-layout-title.YhZCVtoc.js.map} +1 -1
  153. package/dist/chunks/{fr.Cu0IIfBP.js → fr.DJtn8ron.js} +16 -16
  154. package/dist/chunks/{fr.Cu0IIfBP.js.map → fr.DJtn8ron.js.map} +1 -1
  155. package/dist/chunks/{generate-uid.NJ8tVoha.js → generate-uid.DBWe4g6T.js} +15 -16
  156. package/dist/chunks/{generate-uid.NJ8tVoha.js.map → generate-uid.DBWe4g6T.js.map} +1 -1
  157. package/dist/chunks/get-slot-text.DM_NdrUC.js +6 -0
  158. package/dist/chunks/{get-slot-text.Bjb9dTSV.js.map → get-slot-text.DM_NdrUC.js.map} +1 -1
  159. package/dist/chunks/{grid-layout.1aIiz2N_.js → grid-layout.BeCrjPgT.js} +16 -17
  160. package/dist/chunks/{grid-layout.1aIiz2N_.js.map → grid-layout.BeCrjPgT.js.map} +1 -1
  161. package/dist/chunks/header-meta.mDdMmFUA.js +206 -0
  162. package/dist/chunks/{header-meta.CCQVPDU8.js.map → header-meta.mDdMmFUA.js.map} +1 -1
  163. package/dist/chunks/{header-with-views.CEU6WrV9.js → header-with-views.Dp6SyiPu.js} +791 -1270
  164. package/dist/chunks/{header-with-views.CEU6WrV9.js.map → header-with-views.Dp6SyiPu.js.map} +1 -1
  165. package/dist/chunks/{header.BoNOTATn.js → header.DUAxdw_d.js} +4 -4
  166. package/dist/chunks/{header.BoNOTATn.js.map → header.DUAxdw_d.js.map} +1 -1
  167. package/dist/chunks/{index.C7m7gI5w.js → index.CL3TXc0a.js} +154 -160
  168. package/dist/chunks/{index.C7m7gI5w.js.map → index.CL3TXc0a.js.map} +1 -1
  169. package/dist/chunks/{index.B6WW_F-J.js → index.CPOlyau9.js} +5 -5
  170. package/dist/chunks/index.CPOlyau9.js.map +1 -0
  171. package/dist/chunks/{info-icon.BnLYUTzI.js → info-icon.BRnbXunj.js} +3 -3
  172. package/dist/chunks/{info-icon.BnLYUTzI.js.map → info-icon.BRnbXunj.js.map} +1 -1
  173. package/dist/chunks/input-field-password.C9_o6Kg2.js +230 -0
  174. package/dist/chunks/input-field-password.C9_o6Kg2.js.map +1 -0
  175. package/dist/chunks/{input-field-phone-number.CPjH0EVF.js → input-field-phone-number.zRjd8HPi.js} +724 -756
  176. package/dist/chunks/{input-field-phone-number.CPjH0EVF.js.map → input-field-phone-number.zRjd8HPi.js.map} +1 -1
  177. package/dist/chunks/{input-field.BEV5lhwO.js → input-field.BTt1ORWU.js} +22 -58
  178. package/dist/chunks/{input-field.BEV5lhwO.js.map → input-field.BTt1ORWU.js.map} +1 -1
  179. package/dist/chunks/{input-time.En4O4DRD.js → input-time.BfJIDgaH.js} +15 -48
  180. package/dist/chunks/{input-time.En4O4DRD.js.map → input-time.BfJIDgaH.js.map} +1 -1
  181. package/dist/chunks/{inspector-page.OKPf0I4k.js → inspector-page.i8bVjo9U.js} +4 -4
  182. package/dist/chunks/{inspector-page.OKPf0I4k.js.map → inspector-page.i8bVjo9U.js.map} +1 -1
  183. package/dist/chunks/{inspector.DoQPHzCc.js → inspector.Aet0jTC2.js} +39 -106
  184. package/dist/chunks/{inspector.DoQPHzCc.js.map → inspector.Aet0jTC2.js.map} +1 -1
  185. package/dist/chunks/isSameWeek.CieN9XgL.js +14 -0
  186. package/dist/chunks/{isSameWeek.TrpUOIn5.js.map → isSameWeek.CieN9XgL.js.map} +1 -1
  187. package/dist/chunks/{it.B65snrJA.js → it.keS7oN5l.js} +8 -8
  188. package/dist/chunks/{it.B65snrJA.js.map → it.keS7oN5l.js.map} +1 -1
  189. package/dist/chunks/{ja.xGVfFSzL.js → ja.cLwacUE6.js} +27 -27
  190. package/dist/chunks/{ja.xGVfFSzL.js.map → ja.cLwacUE6.js.map} +1 -1
  191. package/dist/chunks/{layout-row.CPFK9Bg7.js → layout-row.HslYnPgn.js} +34 -35
  192. package/dist/chunks/{layout-row.CPFK9Bg7.js.map → layout-row.HslYnPgn.js.map} +1 -1
  193. package/dist/chunks/{link.Cejg8jB6.js → link.CscSbaXa.js} +15 -37
  194. package/dist/chunks/{link.Cejg8jB6.js.map → link.CscSbaXa.js.map} +1 -1
  195. package/dist/chunks/list-item.Cngxa9qN.js +166 -0
  196. package/dist/chunks/{list-item.BiJMHR7b.js.map → list-item.Cngxa9qN.js.map} +1 -1
  197. package/dist/chunks/{listbox-option-tag.DnvECZQC.js → listbox-option-tag.BaoiH-Ku.js} +3 -3
  198. package/dist/chunks/{listbox-option-tag.DnvECZQC.js.map → listbox-option-tag.BaoiH-Ku.js.map} +1 -1
  199. package/dist/chunks/{modal-fullscreen.Bn8MzG6Z.js → modal-fullscreen.Cg1Q6ERf.js} +64 -93
  200. package/dist/chunks/{modal-fullscreen.Bn8MzG6Z.js.map → modal-fullscreen.Cg1Q6ERf.js.map} +1 -1
  201. package/dist/chunks/{modal.CClQItuJ.js → modal.u-t1CvBr.js} +81 -105
  202. package/dist/chunks/{modal.CClQItuJ.js.map → modal.u-t1CvBr.js.map} +1 -1
  203. package/dist/chunks/{navigation-menu-group.p1-x06nS.js → navigation-menu-group.gNMP4tW4.js} +80 -129
  204. package/dist/chunks/{navigation-menu-group.p1-x06nS.js.map → navigation-menu-group.gNMP4tW4.js.map} +1 -1
  205. package/dist/chunks/{on-click-outside.Cy1eFULD.js → on-click-outside.BgIzQ2G1.js} +32 -33
  206. package/dist/chunks/{on-click-outside.Cy1eFULD.js.map → on-click-outside.BgIzQ2G1.js.map} +1 -1
  207. package/dist/chunks/{pagination.CZVdaeqE.js → pagination.D81XgMQ7.js} +73 -192
  208. package/dist/chunks/pagination.D81XgMQ7.js.map +1 -0
  209. package/dist/chunks/{payment-method.B3CkgsAY.js → payment-method.Clm5dEYh.js} +2 -2
  210. package/dist/chunks/{payment-method.B3CkgsAY.js.map → payment-method.Clm5dEYh.js.map} +1 -1
  211. package/dist/chunks/popover.types.H5Y0rC1r.js +6 -0
  212. package/dist/chunks/{popover.types.BfnJIpII.js.map → popover.types.H5Y0rC1r.js.map} +1 -1
  213. package/dist/chunks/{popper-container.Cb9wuFId.js → popper-container.D08eTt4B.js} +245 -252
  214. package/dist/chunks/{popper-container.Cb9wuFId.js.map → popper-container.D08eTt4B.js.map} +1 -1
  215. package/dist/chunks/{promo-banner.DZ0gerRx.js → promo-banner.BX47zMKh.js} +17 -39
  216. package/dist/chunks/{promo-banner.DZ0gerRx.js.map → promo-banner.BX47zMKh.js.map} +1 -1
  217. package/dist/chunks/{pt-BR.D9FuAQZm.js → pt-BR.ChPOra5s.js} +14 -14
  218. package/dist/chunks/{pt-BR.D9FuAQZm.js.map → pt-BR.ChPOra5s.js.map} +1 -1
  219. package/dist/chunks/{radio-group.DUW2dya4.js → radio-group.Dtx5hOkQ.js} +23 -23
  220. package/dist/chunks/{radio-group.DUW2dya4.js.map → radio-group.Dtx5hOkQ.js.map} +1 -1
  221. package/dist/chunks/{rich-text-editor.CuCPLzUh.js → rich-text-editor.CmVsFJjh.js} +1364 -1416
  222. package/dist/chunks/{rich-text-editor.CuCPLzUh.js.map → rich-text-editor.CmVsFJjh.js.map} +1 -1
  223. package/dist/chunks/scroll-to-section.DhW8SFy0.js +101 -0
  224. package/dist/chunks/scroll-to-section.DhW8SFy0.js.map +1 -0
  225. package/dist/chunks/{search-bar.8iDkgmjw.js → search-bar.CRfYCmkl.js} +15 -48
  226. package/dist/chunks/{search-bar.8iDkgmjw.js.map → search-bar.CRfYCmkl.js.map} +1 -1
  227. package/dist/chunks/secondary-nav.B1Tj7MAA.js +192 -0
  228. package/dist/chunks/{secondary-nav.CmvSHxvS.js.map → secondary-nav.B1Tj7MAA.js.map} +1 -1
  229. package/dist/chunks/{segmented-control.Bkp2Y95s.js → segmented-control.CBc-wx0m.js} +44 -48
  230. package/dist/chunks/{segmented-control.Bkp2Y95s.js.map → segmented-control.CBc-wx0m.js.map} +1 -1
  231. package/dist/chunks/{selection-card-group.EGigQJOW.js → selection-card-group.BaK3Rt4K.js} +91 -96
  232. package/dist/chunks/{selection-card-group.EGigQJOW.js.map → selection-card-group.BaK3Rt4K.js.map} +1 -1
  233. package/dist/chunks/set-time-in-date.BVfkl8K8.js +27 -0
  234. package/dist/chunks/{set-time-in-date.CU7HeZLY.js.map → set-time-in-date.BVfkl8K8.js.map} +1 -1
  235. package/dist/chunks/{sidepanel.yB7YuzVt.js → sidepanel.DeIREn9l.js} +55 -78
  236. package/dist/chunks/{sidepanel.yB7YuzVt.js.map → sidepanel.DeIREn9l.js.map} +1 -1
  237. package/dist/chunks/startOfWeek.muMEhS7U.js +9 -0
  238. package/dist/chunks/{startOfWeek.Br5KM4z_.js.map → startOfWeek.muMEhS7U.js.map} +1 -1
  239. package/dist/chunks/{status.CKb07vxI.js → status.DJ1Dfh5s.js} +2 -2
  240. package/dist/chunks/{status.CKb07vxI.js.map → status.DJ1Dfh5s.js.map} +1 -1
  241. package/dist/chunks/step.DfI11Din.js +221 -0
  242. package/dist/chunks/{step.CIfxl8Wm.js.map → step.DfI11Din.js.map} +1 -1
  243. package/dist/chunks/{structured-list-item.Cnv4Pw5n.js → structured-list-item._7YG2L3a.js} +18 -40
  244. package/dist/chunks/{structured-list-item.Cnv4Pw5n.js.map → structured-list-item._7YG2L3a.js.map} +1 -1
  245. package/dist/chunks/{summary-grid.types.BcIlkfVO.js → summary-grid.types.B_gUEQ0c.js} +45 -50
  246. package/dist/chunks/{summary-grid.types.BcIlkfVO.js.map → summary-grid.types.B_gUEQ0c.js.map} +1 -1
  247. package/dist/chunks/tab.DFk4K9cq.js +229 -0
  248. package/dist/chunks/{tab.N0xGWsfO.js.map → tab.DFk4K9cq.js.map} +1 -1
  249. package/dist/chunks/table-of-contents.CoEnQ9g7.js +104 -0
  250. package/dist/chunks/{table-of-contents.Cf-IrdZl.js.map → table-of-contents.CoEnQ9g7.js.map} +1 -1
  251. package/dist/chunks/{tag.BAyLm485.js → tag.BC7FFENr.js} +4 -4
  252. package/dist/chunks/{tag.BAyLm485.js.map → tag.BC7FFENr.js.map} +1 -1
  253. package/dist/chunks/textarea.Z-VYFZVq.js +176 -0
  254. package/dist/chunks/{textarea.BDRR1zE0.js.map → textarea.Z-VYFZVq.js.map} +1 -1
  255. package/dist/chunks/{timeline-item.QEEIwYMy.js → timeline-item.BGHi_lOY.js} +114 -193
  256. package/dist/chunks/{timeline-item.QEEIwYMy.js.map → timeline-item.BGHi_lOY.js.map} +1 -1
  257. package/dist/chunks/{toast.XPG0vaQB.js → toast.D-jat1Xw.js} +64 -86
  258. package/dist/chunks/{toast.XPG0vaQB.js.map → toast.D-jat1Xw.js.map} +1 -1
  259. package/dist/chunks/{toggle.Ca-MM3dt.js → toggle.BqHWIhqD.js} +4 -4
  260. package/dist/chunks/{toggle.Ca-MM3dt.js.map → toggle.BqHWIhqD.js.map} +1 -1
  261. package/dist/chunks/{tooltip.7ct8WxCl.js → tooltip.D_XsoD_u.js} +68 -70
  262. package/dist/chunks/{tooltip.7ct8WxCl.js.map → tooltip.D_XsoD_u.js.map} +1 -1
  263. package/dist/chunks/truncate.DmCXQmeb.js +8 -0
  264. package/dist/chunks/{truncate.BfIl_-71.js.map → truncate.DmCXQmeb.js.map} +1 -1
  265. package/dist/chunks/{tutorial.bROv3HSx.js → tutorial.BtxKW4ac.js} +80 -173
  266. package/dist/chunks/{tutorial.bROv3HSx.js.map → tutorial.BtxKW4ac.js.map} +1 -1
  267. package/dist/chunks/typography.D1OZJbEa.js +90 -0
  268. package/dist/chunks/typography.D1OZJbEa.js.map +1 -0
  269. package/dist/chunks/{use-bento-delayed-hover.Bz_8EabW.js → use-bento-delayed-hover.D6QjSugc.js} +2 -2
  270. package/dist/chunks/{use-bento-delayed-hover.Bz_8EabW.js.map → use-bento-delayed-hover.D6QjSugc.js.map} +1 -1
  271. package/dist/chunks/{use-bento-toast-controller.CB6Qbf3R.js → use-bento-toast-controller.A5xraVqa.js} +14 -15
  272. package/dist/chunks/{use-bento-toast-controller.CB6Qbf3R.js.map → use-bento-toast-controller.A5xraVqa.js.map} +1 -1
  273. package/dist/chunks/use-country-items.B1KhLbqM.js +30 -0
  274. package/dist/chunks/{use-country-items.CmCRY7QX.js.map → use-country-items.B1KhLbqM.js.map} +1 -1
  275. package/dist/chunks/use-country-phon-code.Cv5YgCOo.js +291 -0
  276. package/dist/chunks/use-country-phon-code.Cv5YgCOo.js.map +1 -0
  277. package/dist/chunks/use-date-input-formatter.DXwvH7B0.js +1629 -0
  278. package/dist/chunks/{use-date-input-formatter.DfQk8_Dw.js.map → use-date-input-formatter.DXwvH7B0.js.map} +1 -1
  279. package/dist/chunks/use-expandable-content-height.Bdd9hQwq.js +34 -0
  280. package/dist/chunks/{use-expandable-content-height.2WJLCL-R.js.map → use-expandable-content-height.Bdd9hQwq.js.map} +1 -1
  281. package/dist/chunks/utils.DWmc2mUI.js +19 -0
  282. package/dist/chunks/{utils.BzUwtTXc.js.map → utils.DWmc2mUI.js.map} +1 -1
  283. package/dist/chunks/{zh-CN.Be4pa3-g.js → zh-CN.ZG6obniO.js} +28 -28
  284. package/dist/chunks/{zh-CN.Be4pa3-g.js.map → zh-CN.ZG6obniO.js.map} +1 -1
  285. package/dist/click-outside.js +1 -1
  286. package/dist/code-snippet.js +1 -1
  287. package/dist/country.js +3 -3
  288. package/dist/currency.js +1 -1
  289. package/dist/dashboard-template.js +1 -1
  290. package/dist/dashed-underline.js +1 -1
  291. package/dist/data-grid-template.js +1 -1
  292. package/dist/data-grid.js +1 -1
  293. package/dist/date-picker.js +2 -2
  294. package/dist/date-range-picker.js +2 -2
  295. package/dist/date-time-picker.js +1 -1
  296. package/dist/date.js +1 -1
  297. package/dist/draggable.js +2 -2
  298. package/dist/drawer.js +1 -1
  299. package/dist/dropdown.js +2 -2
  300. package/dist/empty-state.js +1 -1
  301. package/dist/file-uploader.js +1 -1
  302. package/dist/filter-bar.js +1 -1
  303. package/dist/focus-trap.js +1 -1
  304. package/dist/form-layout.js +2 -2
  305. package/dist/header-with-views.js +1 -1
  306. package/dist/header.js +1 -1
  307. package/dist/index.js +144 -149
  308. package/dist/index.js.map +1 -1
  309. package/dist/info-icon.js +1 -1
  310. package/dist/input-field-password.js +1 -1
  311. package/dist/input-field-phone-number.js +1 -1
  312. package/dist/input-field.js +1 -1
  313. package/dist/input-time.js +1 -1
  314. package/dist/inspector.js +2 -2
  315. package/dist/internal.js +14 -14
  316. package/dist/layout.js +1 -1
  317. package/dist/link.js +1 -1
  318. package/dist/list.js +1 -1
  319. package/dist/menu.js +1 -1
  320. package/dist/modal-fullscreen.js +1 -1
  321. package/dist/modal.js +2 -2
  322. package/dist/navigation-menu.js +1 -1
  323. package/dist/pagination.js +1 -1
  324. package/dist/payment-method.js +1 -1
  325. package/dist/popover.js +2 -2
  326. package/dist/popper-container.js +1 -1
  327. package/dist/promo-banner.js +1 -1
  328. package/dist/radio-group.js +1 -1
  329. package/dist/rich-text-editor.js +1 -1
  330. package/dist/search-bar.js +2 -2
  331. package/dist/secondary-nav.js +1 -1
  332. package/dist/segmented-control.js +1 -1
  333. package/dist/selection-card.js +1 -1
  334. package/dist/sidepanel.js +1 -1
  335. package/dist/status.js +1 -1
  336. package/dist/stepper.js +1 -1
  337. package/dist/structured-list.js +1 -1
  338. package/dist/summary-grid.js +1 -1
  339. package/dist/table-of-contents.js +1 -1
  340. package/dist/tabs.js +1 -1
  341. package/dist/tag.js +1 -1
  342. package/dist/textarea.js +1 -1
  343. package/dist/timeline.js +1 -1
  344. package/dist/toast.js +1 -1
  345. package/dist/toggle.js +1 -1
  346. package/dist/tutorial.js +1 -1
  347. package/dist/typography.js +1 -1
  348. package/dist/use-form-v4.js +331 -341
  349. package/dist/use-form-v4.js.map +1 -1
  350. package/dist/web-types.json +32 -2
  351. package/package.json +11 -11
  352. package/dist/chunks/anchor-scroller.DgC74yeM.js +0 -141
  353. package/dist/chunks/anchor-scroller.DgC74yeM.js.map +0 -1
  354. package/dist/chunks/button-actions-with-menu.DNYoFmV4.js +0 -85
  355. package/dist/chunks/calendar.CvHJ3Geq.js +0 -1247
  356. package/dist/chunks/click-outside.BG01Sm0A.js +0 -23
  357. package/dist/chunks/constructNow.CK0ryPil.js +0 -8
  358. package/dist/chunks/country.types.8GCHsdGN.js +0 -2789
  359. package/dist/chunks/country.types.8GCHsdGN.js.map +0 -1
  360. package/dist/chunks/currency.Dvy9Qjjf.js +0 -126
  361. package/dist/chunks/dashboard-section.D2yqhERq.js +0 -102
  362. package/dist/chunks/data-grid-template.Ifn423Ot.js +0 -111
  363. package/dist/chunks/data-grid.BDXQ_kKQ.js +0 -4121
  364. package/dist/chunks/date-picker.CXZfCxwP.js +0 -252
  365. package/dist/chunks/date-range-picker.BzVQsYk4.js +0 -1295
  366. package/dist/chunks/date-time-picker.DaLATfJp.js +0 -202
  367. package/dist/chunks/differenceInMonths.CpwVtHZX.js +0 -44
  368. package/dist/chunks/draggable.rTa1jcHI.js +0 -196
  369. package/dist/chunks/empty-state.DSVU1vU8.js +0 -106
  370. package/dist/chunks/empty-state.DSVU1vU8.js.map +0 -1
  371. package/dist/chunks/filter-bar.qlViDZPY.js +0 -3754
  372. package/dist/chunks/fixed-scroller.04EUUgD_.js +0 -152
  373. package/dist/chunks/get-slot-text.Bjb9dTSV.js +0 -12
  374. package/dist/chunks/header-meta.CCQVPDU8.js +0 -250
  375. package/dist/chunks/index.B6WW_F-J.js.map +0 -1
  376. package/dist/chunks/input-field-password.Bri9q5EV.js +0 -395
  377. package/dist/chunks/input-field-password.Bri9q5EV.js.map +0 -1
  378. package/dist/chunks/isSameWeek.TrpUOIn5.js +0 -14
  379. package/dist/chunks/list-item.BiJMHR7b.js +0 -226
  380. package/dist/chunks/pagination.CZVdaeqE.js.map +0 -1
  381. package/dist/chunks/popover.types.BfnJIpII.js +0 -6
  382. package/dist/chunks/scroll-to-section.CC5g-HBX.js +0 -111
  383. package/dist/chunks/scroll-to-section.CC5g-HBX.js.map +0 -1
  384. package/dist/chunks/secondary-nav.CmvSHxvS.js +0 -266
  385. package/dist/chunks/set-time-in-date.CU7HeZLY.js +0 -27
  386. package/dist/chunks/startOfWeek.Br5KM4z_.js +0 -10
  387. package/dist/chunks/step.CIfxl8Wm.js +0 -253
  388. package/dist/chunks/tab.N0xGWsfO.js +0 -259
  389. package/dist/chunks/table-of-contents.Cf-IrdZl.js +0 -129
  390. package/dist/chunks/textarea.BDRR1zE0.js +0 -224
  391. package/dist/chunks/truncate.BfIl_-71.js +0 -8
  392. package/dist/chunks/typography.C8lPlsbD.js +0 -87
  393. package/dist/chunks/typography.C8lPlsbD.js.map +0 -1
  394. package/dist/chunks/use-country-items.CmCRY7QX.js +0 -30
  395. package/dist/chunks/use-country-phon-code.BWkb546s.js +0 -6641
  396. package/dist/chunks/use-country-phon-code.BWkb546s.js.map +0 -1
  397. package/dist/chunks/use-date-input-formatter.DfQk8_Dw.js +0 -1732
  398. package/dist/chunks/use-expandable-content-height.2WJLCL-R.js +0 -35
  399. package/dist/chunks/utils.BzUwtTXc.js +0 -21
@@ -1,3754 +0,0 @@
1
- import { ref as R, onMounted as ye, watch as X, computed as i, defineComponent as Y, useSlots as Be, useAttrs as Tt, nextTick as Ie, toRef as W, onBeforeUpdate as Se, provide as Xe, reactive as Dt, unref as At, shallowRef as xt } from "vue";
2
- import { a as Ke } from "./radio-group.DUW2dya4.js";
3
- import { u as ee } from "./index.B6WW_F-J.js";
4
- import { t as ne } from "./truncate.BfIl_-71.js";
5
- import { B as _e, d as Ce, p as It } from "./typography.C8lPlsbD.js";
6
- import { u as Ot, e as Je, h as wt, I as Pt, m as Et, B as Rt } from "./button-actions.Dpbx0xf3.js";
7
- import { b as Qe } from "./tooltip.7ct8WxCl.js";
8
- import { n as j } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
9
- import { g as me } from "./generate-uid.NJ8tVoha.js";
10
- import { C as Ze } from "./cross-small.CoQUe8SS.js";
11
- import { B as et, a as ke } from "./base-button.BPRPrO0p.js";
12
- import { u as tt } from "./use-has-slot.C9lQZ6nz.js";
13
- import { u as lt } from "./aria-label.CaUURpnB.js";
14
- import { g as at } from "./get-slot-text.Bjb9dTSV.js";
15
- import { B as Oe } from "./input-field.BEV5lhwO.js";
16
- import { B as Lt } from "./checkbox-group.YnXz1Hl2.js";
17
- import "./index.Cl4_42j5.js";
18
- import { B as we, a as fe } from "./search-bar.8iDkgmjw.js";
19
- import { n as kt } from "./index.C7m7gI5w.js";
20
- import { F as nt } from "./fixed-scroller.04EUUgD_.js";
21
- import { B as Nt } from "./modal.CClQItuJ.js";
22
- import { B as $t } from "./button.CKS_V3p5.js";
23
- import { u as Ne, f as Pe, d as Vt, B as Ut, C as Mt } from "./dropdown.DIqgVVXB.js";
24
- import { g as Ht } from "./focus-trap.oRKjDFzf.js";
25
- import { C as qt } from "./chevron-up.d8cwIlA_.js";
26
- import { C as Gt } from "./chevron-down.eYtgv5ly.js";
27
- /* empty css */
28
- import { C as jt } from "./checkbox-input.08E9BNeF.js";
29
- import { B as Ee } from "./divider.DX5gwN7p.js";
30
- import { L as rt } from "./listbox-option-tag.DnvECZQC.js";
31
- import { B as Yt } from "./payment-method.B3CkgsAY.js";
32
- import { u as Wt } from "./use-country-items.CmCRY7QX.js";
33
- import { B as zt } from "./avatar.rwWPYJnt.js";
34
- import { D as Xt, B as Kt, i as De, a as Jt } from "./date-range-picker.BzVQsYk4.js";
35
- import Qt from "./pt-BR.D9FuAQZm.js";
36
- import Zt from "./ja.xGVfFSzL.js";
37
- import el from "./fr.Cu0IIfBP.js";
38
- import { t as Re, j as ot, g as tl } from "./en-US.BK5uiAND.js";
39
- import { de as ll } from "./de.pvjpUJ1o.js";
40
- import { z as al, A as nl, b as rl, g as ol, e as pe, k as sl } from "./calendar.CvHJ3Geq.js";
41
- import { g as il, b as ul, c as cl, d as dl, i as fl, e as pl, w as bl, l as vl, u as ml } from "./use-date-input-formatter.DfQk8_Dw.js";
42
- import { B as _l } from "./date-picker.CXZfCxwP.js";
43
- import { u as hl } from "./use-touch-device.DTqFAbXh.js";
44
- import { R as yl } from "./refresh.arF7jP-l.js";
45
- import { u as Fl } from "./use-bento-toast-controller.CB6Qbf3R.js";
46
- import "../assets/filter-bar.css";
47
- const st = (a) => a === null || typeof a != "object" ? !1 : Object.prototype.toString.call(a) === "[object Object]", it = (a) => Array.isArray(a), $e = (a) => it(a) ? a.length === 0 || a.every((e) => e === "") : !a, Ae = (a, e) => JSON.stringify(a) === JSON.stringify(e), ve = (a) => st(a) ? a instanceof Date ? new Date(a.getTime()) : it(a) ? a.map((e) => ve(e)) : Object.keys(a).reduce((e, l) => (e[l] = ve(a[l]), e), {}) : a, gl = (a) => st(a) ? Object.fromEntries(Object.keys(a).map((e) => [e, void 0])) : void 0;
48
- function ut(a, e) {
49
- const l = R(), t = R();
50
- ye(() => {
51
- a.value != null && (t.value = gl(a.value));
52
- }), X(
53
- () => a.value,
54
- (c) => {
55
- l.value = ve(c);
56
- },
57
- { immediate: !0 }
58
- );
59
- const n = i(
60
- () => $e(a.value) || Ae(a.value, t.value)
61
- ), o = i(
62
- () => e.value != null ? Ae(e.value, a.value) : n.value
63
- ), r = i(() => Ae(l.value, a.value) || $e(l.value) && n.value);
64
- function s(c) {
65
- l.value = ve(t.value), c && c(l.value);
66
- }
67
- function d(c) {
68
- l.value = ve(e.value), c && c(l.value);
69
- }
70
- function p(c) {
71
- l.value = ve(a.value), c && c(l.value);
72
- }
73
- return {
74
- // Values
75
- internalFilterValue: l,
76
- isSecondaryButtonDisabled: o,
77
- isApplyButtonDisabled: r,
78
- // Methods
79
- clearFilter: s,
80
- resetFilter: d,
81
- openFilter: p
82
- };
83
- }
84
- function Bl(a) {
85
- return a instanceof Date || typeof a == "object" && Object.prototype.toString.call(a) === "[object Date]";
86
- }
87
- function Sl(a) {
88
- return !(!Bl(a) && typeof a != "number" || isNaN(+Re(a)));
89
- }
90
- function Cl(a, e) {
91
- const l = Re(a, e == null ? void 0 : e.in);
92
- return al(l, nl(l)) + 1;
93
- }
94
- function H(a, e) {
95
- const l = a < 0 ? "-" : "", t = Math.abs(a).toString().padStart(e, "0");
96
- return l + t;
97
- }
98
- const oe = {
99
- // Year
100
- y(a, e) {
101
- const l = a.getFullYear(), t = l > 0 ? l : 1 - l;
102
- return H(e === "yy" ? t % 100 : t, e.length);
103
- },
104
- // Month
105
- M(a, e) {
106
- const l = a.getMonth();
107
- return e === "M" ? String(l + 1) : H(l + 1, 2);
108
- },
109
- // Day of the month
110
- d(a, e) {
111
- return H(a.getDate(), e.length);
112
- },
113
- // AM or PM
114
- a(a, e) {
115
- const l = a.getHours() / 12 >= 1 ? "pm" : "am";
116
- switch (e) {
117
- case "a":
118
- case "aa":
119
- return l.toUpperCase();
120
- case "aaa":
121
- return l;
122
- case "aaaaa":
123
- return l[0];
124
- default:
125
- return l === "am" ? "a.m." : "p.m.";
126
- }
127
- },
128
- // Hour [1-12]
129
- h(a, e) {
130
- return H(a.getHours() % 12 || 12, e.length);
131
- },
132
- // Hour [0-23]
133
- H(a, e) {
134
- return H(a.getHours(), e.length);
135
- },
136
- // Minute
137
- m(a, e) {
138
- return H(a.getMinutes(), e.length);
139
- },
140
- // Second
141
- s(a, e) {
142
- return H(a.getSeconds(), e.length);
143
- },
144
- // Fraction of second
145
- S(a, e) {
146
- const l = e.length, t = a.getMilliseconds(), n = Math.trunc(
147
- t * Math.pow(10, l - 3)
148
- );
149
- return H(n, e.length);
150
- }
151
- }, be = {
152
- midnight: "midnight",
153
- noon: "noon",
154
- morning: "morning",
155
- afternoon: "afternoon",
156
- evening: "evening",
157
- night: "night"
158
- }, Ve = {
159
- // Era
160
- G: function(a, e, l) {
161
- const t = a.getFullYear() > 0 ? 1 : 0;
162
- switch (e) {
163
- // AD, BC
164
- case "G":
165
- case "GG":
166
- case "GGG":
167
- return l.era(t, { width: "abbreviated" });
168
- // A, B
169
- case "GGGGG":
170
- return l.era(t, { width: "narrow" });
171
- default:
172
- return l.era(t, { width: "wide" });
173
- }
174
- },
175
- // Year
176
- y: function(a, e, l) {
177
- if (e === "yo") {
178
- const t = a.getFullYear(), n = t > 0 ? t : 1 - t;
179
- return l.ordinalNumber(n, { unit: "year" });
180
- }
181
- return oe.y(a, e);
182
- },
183
- // Local week-numbering year
184
- Y: function(a, e, l, t) {
185
- const n = dl(a, t), o = n > 0 ? n : 1 - n;
186
- if (e === "YY") {
187
- const r = o % 100;
188
- return H(r, 2);
189
- }
190
- return e === "Yo" ? l.ordinalNumber(o, { unit: "year" }) : H(o, e.length);
191
- },
192
- // ISO week-numbering year
193
- R: function(a, e) {
194
- const l = cl(a);
195
- return H(l, e.length);
196
- },
197
- // Extended year. This is a single number designating the year of this calendar system.
198
- // The main difference between `y` and `u` localizers are B.C. years:
199
- // | Year | `y` | `u` |
200
- // |------|-----|-----|
201
- // | AC 1 | 1 | 1 |
202
- // | BC 1 | 1 | 0 |
203
- // | BC 2 | 2 | -1 |
204
- // Also `yy` always returns the last two digits of a year,
205
- // while `uu` pads single digit years to 2 characters and returns other years unchanged.
206
- u: function(a, e) {
207
- const l = a.getFullYear();
208
- return H(l, e.length);
209
- },
210
- // Quarter
211
- Q: function(a, e, l) {
212
- const t = Math.ceil((a.getMonth() + 1) / 3);
213
- switch (e) {
214
- // 1, 2, 3, 4
215
- case "Q":
216
- return String(t);
217
- // 01, 02, 03, 04
218
- case "QQ":
219
- return H(t, 2);
220
- // 1st, 2nd, 3rd, 4th
221
- case "Qo":
222
- return l.ordinalNumber(t, { unit: "quarter" });
223
- // Q1, Q2, Q3, Q4
224
- case "QQQ":
225
- return l.quarter(t, {
226
- width: "abbreviated",
227
- context: "formatting"
228
- });
229
- // 1, 2, 3, 4 (narrow quarter; could be not numerical)
230
- case "QQQQQ":
231
- return l.quarter(t, {
232
- width: "narrow",
233
- context: "formatting"
234
- });
235
- default:
236
- return l.quarter(t, {
237
- width: "wide",
238
- context: "formatting"
239
- });
240
- }
241
- },
242
- // Stand-alone quarter
243
- q: function(a, e, l) {
244
- const t = Math.ceil((a.getMonth() + 1) / 3);
245
- switch (e) {
246
- // 1, 2, 3, 4
247
- case "q":
248
- return String(t);
249
- // 01, 02, 03, 04
250
- case "qq":
251
- return H(t, 2);
252
- // 1st, 2nd, 3rd, 4th
253
- case "qo":
254
- return l.ordinalNumber(t, { unit: "quarter" });
255
- // Q1, Q2, Q3, Q4
256
- case "qqq":
257
- return l.quarter(t, {
258
- width: "abbreviated",
259
- context: "standalone"
260
- });
261
- // 1, 2, 3, 4 (narrow quarter; could be not numerical)
262
- case "qqqqq":
263
- return l.quarter(t, {
264
- width: "narrow",
265
- context: "standalone"
266
- });
267
- default:
268
- return l.quarter(t, {
269
- width: "wide",
270
- context: "standalone"
271
- });
272
- }
273
- },
274
- // Month
275
- M: function(a, e, l) {
276
- const t = a.getMonth();
277
- switch (e) {
278
- case "M":
279
- case "MM":
280
- return oe.M(a, e);
281
- // 1st, 2nd, ..., 12th
282
- case "Mo":
283
- return l.ordinalNumber(t + 1, { unit: "month" });
284
- // Jan, Feb, ..., Dec
285
- case "MMM":
286
- return l.month(t, {
287
- width: "abbreviated",
288
- context: "formatting"
289
- });
290
- // J, F, ..., D
291
- case "MMMMM":
292
- return l.month(t, {
293
- width: "narrow",
294
- context: "formatting"
295
- });
296
- default:
297
- return l.month(t, { width: "wide", context: "formatting" });
298
- }
299
- },
300
- // Stand-alone month
301
- L: function(a, e, l) {
302
- const t = a.getMonth();
303
- switch (e) {
304
- // 1, 2, ..., 12
305
- case "L":
306
- return String(t + 1);
307
- // 01, 02, ..., 12
308
- case "LL":
309
- return H(t + 1, 2);
310
- // 1st, 2nd, ..., 12th
311
- case "Lo":
312
- return l.ordinalNumber(t + 1, { unit: "month" });
313
- // Jan, Feb, ..., Dec
314
- case "LLL":
315
- return l.month(t, {
316
- width: "abbreviated",
317
- context: "standalone"
318
- });
319
- // J, F, ..., D
320
- case "LLLLL":
321
- return l.month(t, {
322
- width: "narrow",
323
- context: "standalone"
324
- });
325
- default:
326
- return l.month(t, { width: "wide", context: "standalone" });
327
- }
328
- },
329
- // Local week of year
330
- w: function(a, e, l, t) {
331
- const n = ul(a, t);
332
- return e === "wo" ? l.ordinalNumber(n, { unit: "week" }) : H(n, e.length);
333
- },
334
- // ISO week of year
335
- I: function(a, e, l) {
336
- const t = il(a);
337
- return e === "Io" ? l.ordinalNumber(t, { unit: "week" }) : H(t, e.length);
338
- },
339
- // Day of the month
340
- d: function(a, e, l) {
341
- return e === "do" ? l.ordinalNumber(a.getDate(), { unit: "date" }) : oe.d(a, e);
342
- },
343
- // Day of year
344
- D: function(a, e, l) {
345
- const t = Cl(a);
346
- return e === "Do" ? l.ordinalNumber(t, { unit: "dayOfYear" }) : H(t, e.length);
347
- },
348
- // Day of week
349
- E: function(a, e, l) {
350
- const t = a.getDay();
351
- switch (e) {
352
- // Tue
353
- case "E":
354
- case "EE":
355
- case "EEE":
356
- return l.day(t, {
357
- width: "abbreviated",
358
- context: "formatting"
359
- });
360
- // T
361
- case "EEEEE":
362
- return l.day(t, {
363
- width: "narrow",
364
- context: "formatting"
365
- });
366
- // Tu
367
- case "EEEEEE":
368
- return l.day(t, {
369
- width: "short",
370
- context: "formatting"
371
- });
372
- default:
373
- return l.day(t, {
374
- width: "wide",
375
- context: "formatting"
376
- });
377
- }
378
- },
379
- // Local day of week
380
- e: function(a, e, l, t) {
381
- const n = a.getDay(), o = (n - t.weekStartsOn + 8) % 7 || 7;
382
- switch (e) {
383
- // Numerical value (Nth day of week with current locale or weekStartsOn)
384
- case "e":
385
- return String(o);
386
- // Padded numerical value
387
- case "ee":
388
- return H(o, 2);
389
- // 1st, 2nd, ..., 7th
390
- case "eo":
391
- return l.ordinalNumber(o, { unit: "day" });
392
- case "eee":
393
- return l.day(n, {
394
- width: "abbreviated",
395
- context: "formatting"
396
- });
397
- // T
398
- case "eeeee":
399
- return l.day(n, {
400
- width: "narrow",
401
- context: "formatting"
402
- });
403
- // Tu
404
- case "eeeeee":
405
- return l.day(n, {
406
- width: "short",
407
- context: "formatting"
408
- });
409
- default:
410
- return l.day(n, {
411
- width: "wide",
412
- context: "formatting"
413
- });
414
- }
415
- },
416
- // Stand-alone local day of week
417
- c: function(a, e, l, t) {
418
- const n = a.getDay(), o = (n - t.weekStartsOn + 8) % 7 || 7;
419
- switch (e) {
420
- // Numerical value (same as in `e`)
421
- case "c":
422
- return String(o);
423
- // Padded numerical value
424
- case "cc":
425
- return H(o, e.length);
426
- // 1st, 2nd, ..., 7th
427
- case "co":
428
- return l.ordinalNumber(o, { unit: "day" });
429
- case "ccc":
430
- return l.day(n, {
431
- width: "abbreviated",
432
- context: "standalone"
433
- });
434
- // T
435
- case "ccccc":
436
- return l.day(n, {
437
- width: "narrow",
438
- context: "standalone"
439
- });
440
- // Tu
441
- case "cccccc":
442
- return l.day(n, {
443
- width: "short",
444
- context: "standalone"
445
- });
446
- default:
447
- return l.day(n, {
448
- width: "wide",
449
- context: "standalone"
450
- });
451
- }
452
- },
453
- // ISO day of week
454
- i: function(a, e, l) {
455
- const t = a.getDay(), n = t === 0 ? 7 : t;
456
- switch (e) {
457
- // 2
458
- case "i":
459
- return String(n);
460
- // 02
461
- case "ii":
462
- return H(n, e.length);
463
- // 2nd
464
- case "io":
465
- return l.ordinalNumber(n, { unit: "day" });
466
- // Tue
467
- case "iii":
468
- return l.day(t, {
469
- width: "abbreviated",
470
- context: "formatting"
471
- });
472
- // T
473
- case "iiiii":
474
- return l.day(t, {
475
- width: "narrow",
476
- context: "formatting"
477
- });
478
- // Tu
479
- case "iiiiii":
480
- return l.day(t, {
481
- width: "short",
482
- context: "formatting"
483
- });
484
- default:
485
- return l.day(t, {
486
- width: "wide",
487
- context: "formatting"
488
- });
489
- }
490
- },
491
- // AM or PM
492
- a: function(a, e, l) {
493
- const n = a.getHours() / 12 >= 1 ? "pm" : "am";
494
- switch (e) {
495
- case "a":
496
- case "aa":
497
- return l.dayPeriod(n, {
498
- width: "abbreviated",
499
- context: "formatting"
500
- });
501
- case "aaa":
502
- return l.dayPeriod(n, {
503
- width: "abbreviated",
504
- context: "formatting"
505
- }).toLowerCase();
506
- case "aaaaa":
507
- return l.dayPeriod(n, {
508
- width: "narrow",
509
- context: "formatting"
510
- });
511
- default:
512
- return l.dayPeriod(n, {
513
- width: "wide",
514
- context: "formatting"
515
- });
516
- }
517
- },
518
- // AM, PM, midnight, noon
519
- b: function(a, e, l) {
520
- const t = a.getHours();
521
- let n;
522
- switch (t === 12 ? n = be.noon : t === 0 ? n = be.midnight : n = t / 12 >= 1 ? "pm" : "am", e) {
523
- case "b":
524
- case "bb":
525
- return l.dayPeriod(n, {
526
- width: "abbreviated",
527
- context: "formatting"
528
- });
529
- case "bbb":
530
- return l.dayPeriod(n, {
531
- width: "abbreviated",
532
- context: "formatting"
533
- }).toLowerCase();
534
- case "bbbbb":
535
- return l.dayPeriod(n, {
536
- width: "narrow",
537
- context: "formatting"
538
- });
539
- default:
540
- return l.dayPeriod(n, {
541
- width: "wide",
542
- context: "formatting"
543
- });
544
- }
545
- },
546
- // in the morning, in the afternoon, in the evening, at night
547
- B: function(a, e, l) {
548
- const t = a.getHours();
549
- let n;
550
- switch (t >= 17 ? n = be.evening : t >= 12 ? n = be.afternoon : t >= 4 ? n = be.morning : n = be.night, e) {
551
- case "B":
552
- case "BB":
553
- case "BBB":
554
- return l.dayPeriod(n, {
555
- width: "abbreviated",
556
- context: "formatting"
557
- });
558
- case "BBBBB":
559
- return l.dayPeriod(n, {
560
- width: "narrow",
561
- context: "formatting"
562
- });
563
- default:
564
- return l.dayPeriod(n, {
565
- width: "wide",
566
- context: "formatting"
567
- });
568
- }
569
- },
570
- // Hour [1-12]
571
- h: function(a, e, l) {
572
- if (e === "ho") {
573
- let t = a.getHours() % 12;
574
- return t === 0 && (t = 12), l.ordinalNumber(t, { unit: "hour" });
575
- }
576
- return oe.h(a, e);
577
- },
578
- // Hour [0-23]
579
- H: function(a, e, l) {
580
- return e === "Ho" ? l.ordinalNumber(a.getHours(), { unit: "hour" }) : oe.H(a, e);
581
- },
582
- // Hour [0-11]
583
- K: function(a, e, l) {
584
- const t = a.getHours() % 12;
585
- return e === "Ko" ? l.ordinalNumber(t, { unit: "hour" }) : H(t, e.length);
586
- },
587
- // Hour [1-24]
588
- k: function(a, e, l) {
589
- let t = a.getHours();
590
- return t === 0 && (t = 24), e === "ko" ? l.ordinalNumber(t, { unit: "hour" }) : H(t, e.length);
591
- },
592
- // Minute
593
- m: function(a, e, l) {
594
- return e === "mo" ? l.ordinalNumber(a.getMinutes(), { unit: "minute" }) : oe.m(a, e);
595
- },
596
- // Second
597
- s: function(a, e, l) {
598
- return e === "so" ? l.ordinalNumber(a.getSeconds(), { unit: "second" }) : oe.s(a, e);
599
- },
600
- // Fraction of second
601
- S: function(a, e) {
602
- return oe.S(a, e);
603
- },
604
- // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
605
- X: function(a, e, l) {
606
- const t = a.getTimezoneOffset();
607
- if (t === 0)
608
- return "Z";
609
- switch (e) {
610
- // Hours and optional minutes
611
- case "X":
612
- return Me(t);
613
- // Hours, minutes and optional seconds without `:` delimiter
614
- // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
615
- // so this token always has the same output as `XX`
616
- case "XXXX":
617
- case "XX":
618
- return ue(t);
619
- // Hours and minutes with `:` delimiter
620
- default:
621
- return ue(t, ":");
622
- }
623
- },
624
- // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
625
- x: function(a, e, l) {
626
- const t = a.getTimezoneOffset();
627
- switch (e) {
628
- // Hours and optional minutes
629
- case "x":
630
- return Me(t);
631
- // Hours, minutes and optional seconds without `:` delimiter
632
- // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
633
- // so this token always has the same output as `xx`
634
- case "xxxx":
635
- case "xx":
636
- return ue(t);
637
- // Hours and minutes with `:` delimiter
638
- default:
639
- return ue(t, ":");
640
- }
641
- },
642
- // Timezone (GMT)
643
- O: function(a, e, l) {
644
- const t = a.getTimezoneOffset();
645
- switch (e) {
646
- // Short
647
- case "O":
648
- case "OO":
649
- case "OOO":
650
- return "GMT" + Ue(t, ":");
651
- default:
652
- return "GMT" + ue(t, ":");
653
- }
654
- },
655
- // Timezone (specific non-location)
656
- z: function(a, e, l) {
657
- const t = a.getTimezoneOffset();
658
- switch (e) {
659
- // Short
660
- case "z":
661
- case "zz":
662
- case "zzz":
663
- return "GMT" + Ue(t, ":");
664
- default:
665
- return "GMT" + ue(t, ":");
666
- }
667
- },
668
- // Seconds timestamp
669
- t: function(a, e, l) {
670
- const t = Math.trunc(+a / 1e3);
671
- return H(t, e.length);
672
- },
673
- // Milliseconds timestamp
674
- T: function(a, e, l) {
675
- return H(+a, e.length);
676
- }
677
- };
678
- function Ue(a, e = "") {
679
- const l = a > 0 ? "-" : "+", t = Math.abs(a), n = Math.trunc(t / 60), o = t % 60;
680
- return o === 0 ? l + String(n) : l + String(n) + e + H(o, 2);
681
- }
682
- function Me(a, e) {
683
- return a % 60 === 0 ? (a > 0 ? "-" : "+") + H(Math.abs(a) / 60, 2) : ue(a, e);
684
- }
685
- function ue(a, e = "") {
686
- const l = a > 0 ? "-" : "+", t = Math.abs(a), n = H(Math.trunc(t / 60), 2), o = H(t % 60, 2);
687
- return l + n + e + o;
688
- }
689
- const Tl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Dl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Al = /^'([^]*?)'?$/, xl = /''/g, Il = /[a-zA-Z]/;
690
- function ge(a, e, l) {
691
- var c, m, f, g, O, w, N, A;
692
- const t = tl(), n = (l == null ? void 0 : l.locale) ?? t.locale ?? ot, o = (l == null ? void 0 : l.firstWeekContainsDate) ?? ((m = (c = l == null ? void 0 : l.locale) == null ? void 0 : c.options) == null ? void 0 : m.firstWeekContainsDate) ?? t.firstWeekContainsDate ?? ((g = (f = t.locale) == null ? void 0 : f.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, r = (l == null ? void 0 : l.weekStartsOn) ?? ((w = (O = l == null ? void 0 : l.locale) == null ? void 0 : O.options) == null ? void 0 : w.weekStartsOn) ?? t.weekStartsOn ?? ((A = (N = t.locale) == null ? void 0 : N.options) == null ? void 0 : A.weekStartsOn) ?? 0, s = Re(a, l == null ? void 0 : l.in);
693
- if (!Sl(s))
694
- throw new RangeError("Invalid time value");
695
- let d = e.match(Dl).map((B) => {
696
- const C = B[0];
697
- if (C === "p" || C === "P") {
698
- const $ = vl[C];
699
- return $(B, n.formatLong);
700
- }
701
- return B;
702
- }).join("").match(Tl).map((B) => {
703
- if (B === "''")
704
- return { isToken: !1, value: "'" };
705
- const C = B[0];
706
- if (C === "'")
707
- return { isToken: !1, value: Ol(B) };
708
- if (Ve[C])
709
- return { isToken: !0, value: B };
710
- if (C.match(Il))
711
- throw new RangeError(
712
- "Format string contains an unescaped latin alphabet character `" + C + "`"
713
- );
714
- return { isToken: !1, value: B };
715
- });
716
- n.localize.preprocessor && (d = n.localize.preprocessor(s, d));
717
- const p = {
718
- firstWeekContainsDate: o,
719
- weekStartsOn: r,
720
- locale: n
721
- };
722
- return d.map((B) => {
723
- if (!B.isToken) return B.value;
724
- const C = B.value;
725
- (!(l != null && l.useAdditionalWeekYearTokens) && fl(C) || !(l != null && l.useAdditionalDayOfYearTokens) && pl(C)) && bl(C, e, String(a));
726
- const $ = Ve[C[0]];
727
- return $(s, C, n.localize, p);
728
- }).join("");
729
- }
730
- function Ol(a) {
731
- const e = a.match(Al);
732
- return e ? e[1].replace(xl, "'") : a;
733
- }
734
- const wl = {}, Pl = /* @__PURE__ */ Y({
735
- ...wl,
736
- __name: "filter-bar-button",
737
- props: {
738
- /**
739
- * Allows to set the button as active without setting a "secondaryLabel"
740
- */
741
- active: { type: Boolean, default: !1 },
742
- /**
743
- * The number of applied values within the filter.
744
- * Text can also be applied here such as 'All'.
745
- * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
746
- */
747
- appliedFiltersCount: { type: [String, Number], default: null },
748
- /**
749
- * Disables button functionality.
750
- */
751
- disabled: { type: Boolean, default: !1 },
752
- /**
753
- * Signifies if the filter is open or closed.
754
- */
755
- isFilterOpen: { type: Boolean, default: !1 },
756
- /**
757
- * Signifies if the filter is a persistent filter
758
- */
759
- isPersistentFilter: { type: Boolean, default: !1 },
760
- /**
761
- * Renders the button without the applied state styles
762
- */
763
- noAppliedStateStyles: { type: Boolean, default: !1 },
764
- /**
765
- * A secondary label to be added next to the primary for additional filtering information.
766
- * i.e. Can be used to show the set value for said filter.
767
- */
768
- secondaryLabel: { type: String, default: null }
769
- },
770
- emits: ["click"],
771
- setup(a, { emit: e }) {
772
- const l = a, t = Be(), n = Tt(), o = tt(t), r = i(() => t.default ? at(t)("default") : null), s = i(() => !o("default") && o("iconLeft")), d = lt({ ariaLabel: r }), p = R(null), c = i(() => {
773
- var O;
774
- return {
775
- "aria-controls": (O = n["aria-controls"]) == null ? void 0 : O.toString()
776
- };
777
- }), m = i(
778
- () => (l.appliedFiltersCount || l.secondaryLabel || l.isPersistentFilter) && !l.noAppliedStateStyles
779
- ), f = i(() => ({
780
- "b-filter-bar-button--applied": m.value || l.active,
781
- "b-filter-bar-button--filter-open": l.isFilterOpen && !m.value,
782
- "b-filter-bar-button--filter-open-applied": l.isFilterOpen && m.value,
783
- "b-filter-bar-button--with-secondary-label": l.secondaryLabel,
784
- "b-filter-bar-button--with-counter": l.appliedFiltersCount,
785
- "b-filter-bar-button--icon-only": s.value
786
- }));
787
- return { __sfc: !0, props: l, emit: e, slots: t, attrs: n, hasSlot: o, labelSlot: r, isIconOnly: s, computedAriaLabel: d, filterBarButtonRef: p, ariaAttributes: c, isAppliedFilter: m, conditionalClasses: f, onClickButton: (O) => {
788
- O.preventDefault(), l.disabled || e("click", O);
789
- }, BaseButton: et, BentoTypography: _e };
790
- }
791
- });
792
- var El = function() {
793
- var e = this, l = e._self._c, t = e._self._setupProxy;
794
- 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)]);
795
- }, Rl = [], Ll = /* @__PURE__ */ j(
796
- Pl,
797
- El,
798
- Rl,
799
- !1,
800
- null,
801
- "347aabba"
802
- );
803
- const Te = Ll.exports, kl = {}, Nl = /* @__PURE__ */ Y({
804
- ...kl,
805
- __name: "filter-bar-button-group",
806
- props: {
807
- isActive: { type: Boolean, default: !1 },
808
- skipGrouping: { type: Boolean, default: !1 }
809
- },
810
- setup(a) {
811
- const e = a, l = i(() => ({
812
- "b-filter-bar-button-group--active": e.isActive,
813
- "b-filter-bar-button-group--grouped": !e.skipGrouping
814
- }));
815
- return { __sfc: !0, props: e, conditionalClasses: l };
816
- }
817
- });
818
- var $l = function() {
819
- var e = this, l = e._self._c, t = e._self._setupProxy;
820
- return l("div", { staticClass: "b-filter-bar-button-group", class: t.conditionalClasses }, [e._t("default")], 2);
821
- }, Vl = [], Ul = /* @__PURE__ */ j(
822
- Nl,
823
- $l,
824
- Vl,
825
- !1,
826
- null,
827
- "c0b008f0"
828
- );
829
- const ct = Ul.exports;
830
- var Z = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a.CANCEL = "cancel", a))(Z || {});
831
- const Ml = {
832
- "de-DE": {
833
- apply: "Anwenden",
834
- clear: "Löschen",
835
- clearFilter: "Filter löschen {function}",
836
- filtersHaveBeenCleared: "Filter wurden gelöscht",
837
- numberSelected: "{numberOfItemsSelected} ausgewählt",
838
- reset: "Zurücksetzen",
839
- resetFilter: "Filter zurücksetzen {function}"
840
- },
841
- "en-GB": {
842
- apply: "Apply",
843
- clear: "Clear",
844
- clearFilter: "Clear filter {function}",
845
- filtersHaveBeenCleared: "Filters have been cleared",
846
- numberSelected: "{numberOfItemsSelected} selected",
847
- reset: "Reset",
848
- resetFilter: "Reset filter {function}"
849
- },
850
- "en-US": {
851
- apply: "Apply",
852
- clear: "Clear",
853
- clearFilter: "Clear filter {function}",
854
- filtersHaveBeenCleared: "Filters have been cleared",
855
- numberSelected: "{numberOfItemsSelected} selected",
856
- reset: "Reset",
857
- resetFilter: "Reset filter {function}"
858
- },
859
- "es-419": {
860
- apply: "Aplicar",
861
- clear: "Borrar",
862
- clearFilter: "Borrar filtro {function}",
863
- filtersHaveBeenCleared: "Se borraron los filtros",
864
- numberSelected: "{numberOfItemsSelected} seleccionados",
865
- reset: "Restablecer",
866
- resetFilter: "Restablecer filtro {function}"
867
- },
868
- "es-ES": {
869
- apply: "Aplicar",
870
- clear: "Borrar",
871
- clearFilter: "Borrar filtro {function}",
872
- filtersHaveBeenCleared: "Se han borrado los filtros",
873
- numberSelected: "{numberOfItemsSelected} seleccionado(s)",
874
- reset: "Reiniciar",
875
- resetFilter: "Restablecer filtro {function}"
876
- },
877
- "es-MX": {
878
- apply: "Aplicar",
879
- clear: "Borrar",
880
- clearFilter: "Borrar filtro {function}",
881
- filtersHaveBeenCleared: "Se limpiaron los filtros",
882
- numberSelected: "{numberOfItemsSelected} seleccionado",
883
- reset: "Restablecer",
884
- resetFilter: "Restablecer filtro {function}"
885
- },
886
- "fr-FR": {
887
- apply: "Appliquer",
888
- clear: "Effacer",
889
- clearFilter: "Effacer le filtre {function}",
890
- filtersHaveBeenCleared: "Les filtres ont été effacés",
891
- numberSelected: "{numberOfItemsSelected} sélectionné(s)",
892
- reset: "Réinitialiser",
893
- resetFilter: "Réinitialiser le filtre {function}"
894
- },
895
- "it-IT": {
896
- apply: "Applica",
897
- clear: "Cancella",
898
- clearFilter: "Cancella filtro {function}",
899
- filtersHaveBeenCleared: "I filtri sono stati cancellati",
900
- numberSelected: "{numberOfItemsSelected} selezionati",
901
- reset: "Resetta",
902
- resetFilter: "Resetta filtro {function}"
903
- },
904
- "ja-JP": {
905
- apply: "適用",
906
- clear: "クリア",
907
- clearFilter: "フィルター{function}をクリア",
908
- filtersHaveBeenCleared: "フィルターをクリアしました",
909
- numberSelected: "{numberOfItemsSelected}件選択済み",
910
- reset: "リセット",
911
- resetFilter: "フィルター{function}をリセット"
912
- },
913
- "pt-BR": {
914
- apply: "Aplicar",
915
- clear: "Apagar",
916
- clearFilter: "Limpar filtro {function}",
917
- filtersHaveBeenCleared: "Os filtros foram apagados",
918
- numberSelected: "{numberOfItemsSelected} selecionados",
919
- reset: "Redefinir",
920
- resetFilter: "Limpar filtro {function}"
921
- },
922
- "zh-CN": {
923
- apply: "应用",
924
- clear: "清除",
925
- clearFilter: "清除筛选器 {function}",
926
- filtersHaveBeenCleared: "筛选器已清除",
927
- numberSelected: "{numberOfItemsSelected} 已选择",
928
- reset: "重置",
929
- resetFilter: "重置过滤器 {function}"
930
- }
931
- }, Hl = {
932
- i18n: { messages: Ml },
933
- name: "bento-base-filter"
934
- }, ql = /* @__PURE__ */ Y({
935
- ...Hl,
936
- props: {
937
- appliedFiltersCount: { default: null },
938
- buttonLabel: { default: void 0 },
939
- buttonSecondaryLabel: { default: void 0 },
940
- disabled: { type: Boolean, default: !1 },
941
- defaultValue: { default: null },
942
- onlySlot: { type: Boolean, default: !1 },
943
- controlled: { type: Boolean, default: !1 },
944
- disableApplyButton: { type: Boolean, default: !1 },
945
- disableSecondaryButton: { type: Boolean, default: !1 },
946
- field: null,
947
- label: null,
948
- fitContent: { type: Boolean, default: void 0 },
949
- tooltipText: { default: void 0 },
950
- tooltipPosition: { default: void 0 },
951
- value: { default: void 0 }
952
- },
953
- emits: [
954
- Z.APPLY,
955
- Z.CLEAR,
956
- Z.OPEN,
957
- Z.CLOSE,
958
- Z.RESET,
959
- Z.CANCEL
960
- ],
961
- setup(a, { expose: e, emit: l }) {
962
- const t = a, { t: n } = ee(), o = me("base-filter-popover"), r = R(!1), s = R(null), d = R(null), p = i(() => {
963
- var L;
964
- return ((L = s.value) == null ? void 0 : L.$el) ?? null;
965
- }), c = (L) => {
966
- d.value = L ?? null;
967
- }, m = i(() => t.defaultValue !== null), f = i(() => m.value ? JSON.stringify(t.value) !== JSON.stringify(t.defaultValue) : t.appliedFiltersCount || t.buttonSecondaryLabel), g = i(() => {
968
- let L = t.buttonSecondaryLabel ? `: ${t.buttonSecondaryLabel}` : "";
969
- return t.appliedFiltersCount && (L = `: ${n("numberSelected", { numberOfItemsSelected: t.appliedFiltersCount })}`), (m.value ? t.label : w.value) + L;
970
- }), O = i(
971
- () => m.value ? n("resetFilter", {
972
- function: w.value
973
- }) : n("clearFilter", {
974
- function: w.value
975
- })
976
- ), w = i(() => t.buttonLabel || t.label), N = async () => {
977
- var L, G;
978
- await Ie(), (G = (L = s.value) == null ? void 0 : L.$el) == null || G.focus();
979
- }, A = () => {
980
- r.value && (r.value = !1, N(), l(Z.CLOSE));
981
- }, B = () => {
982
- m.value ? l(Z.RESET) : l(Z.CLEAR), N();
983
- }, C = () => {
984
- A(), B();
985
- }, $ = () => {
986
- r.value ? A() : (r.value = !0, l(Z.OPEN));
987
- }, T = () => {
988
- A(), l(Z.APPLY);
989
- }, k = () => {
990
- A(), l(Z.CANCEL);
991
- }, V = () => k(), E = i(() => [
992
- {
993
- title: n("apply"),
994
- event: T,
995
- disabled: t.disableApplyButton
996
- },
997
- {
998
- title: m.value ? n("reset") : n("clear"),
999
- event: C,
1000
- disabled: t.disableSecondaryButton
1001
- }
1002
- ]);
1003
- return X(
1004
- () => r.value,
1005
- (L, G) => {
1006
- var h, D;
1007
- !L && G && (D = (h = s.value) == null ? void 0 : h.filterBarButtonRef) != null && D.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
1008
- }
1009
- ), Ot(d, V, { ignore: [s] }), e({
1010
- closePopover: A
1011
- }), { __sfc: !0, emit: l, props: t, t: n, popoverId: o, isFilterOpen: r, filterButtonRef: s, popoverRef: d, filterButtonEl: p, setPopoverRef: c, isPersistentFilter: m, isValueChanged: f, computedAriaLabel: g, computedClearButtonLabel: O, computedButtonText: w, resetFocus: N, closePopover: A, resetFilter: B, onClickSecondaryAction: C, onClickFilter: $, onClickApply: T, onCancel: k, onClickOutside: V, actions: E, BentoPopover: wt, vBentoTooltipDirective: Qe, FilterBarButton: Te, FilterBarButtonGroup: ct, BentoTeleport: Je, CrossSmallIcon: Ze };
1012
- }
1013
- });
1014
- var Gl = function() {
1015
- var e = this, l = e._self._c, t = e._self._setupProxy;
1016
- 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(n) {
1017
- return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : t.closePopover.apply(null, arguments);
1018
- } } }, [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() {
1019
- return [l(t.CrossSmallIcon, { attrs: { "svg-title": t.computedClearButtonLabel } })];
1020
- }, 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(n) {
1021
- return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : t.onCancel.apply(null, arguments);
1022
- } } }, [e._t("default")], 2)])], 1) : e._e()], 1);
1023
- }, jl = [], Yl = /* @__PURE__ */ j(
1024
- ql,
1025
- Gl,
1026
- jl,
1027
- !1,
1028
- null,
1029
- "a15cd8ca"
1030
- );
1031
- const re = Yl.exports, Wl = (a) => a instanceof Array, He = (a) => Wl(a) ? a.length === 0 || a.every((e) => e === "") : !a, qe = (a, e) => JSON.stringify(a) === JSON.stringify(e), se = (a, e) => {
1032
- const l = R(a.value);
1033
- X(
1034
- () => a.value,
1035
- () => {
1036
- l.value = a.value;
1037
- }
1038
- );
1039
- const t = i(() => He(a.value)), n = i(
1040
- () => e.value !== null ? qe(e.value, a.value) : t.value
1041
- ), o = i(() => qe(l.value, a.value) || He(l.value) && t.value);
1042
- return {
1043
- internalFilterValue: l,
1044
- isSecondaryButtonDisabled: n,
1045
- isApplyButtonDisabled: o
1046
- };
1047
- }, zl = {
1048
- name: "bento-input-filter"
1049
- }, Xl = /* @__PURE__ */ Y({
1050
- ...zl,
1051
- props: {
1052
- defaultValue: { default: null },
1053
- disabled: { type: Boolean, default: !1 },
1054
- field: null,
1055
- label: null,
1056
- onlySlot: { type: Boolean, default: !1 },
1057
- options: { default: void 0 },
1058
- value: { default: null }
1059
- },
1060
- emits: ["input", "update"],
1061
- setup(a, { emit: e }) {
1062
- var k, V;
1063
- const l = a, t = R(null), n = R((V = (k = l == null ? void 0 : l.options) == null ? void 0 : k.dropdown) == null ? void 0 : V.value), o = i(
1064
- () => {
1065
- var E, L;
1066
- return ((E = l == null ? void 0 : l.options) == null ? void 0 : E.variant) === "dropdown" && ((L = l == null ? void 0 : l.options) == null ? void 0 : L.dropdown) !== void 0;
1067
- }
1068
- ), r = i(
1069
- () => {
1070
- var E;
1071
- return o.value ? { ...(E = l == null ? void 0 : l.options) == null ? void 0 : E.dropdown, value: n.value } : void 0;
1072
- }
1073
- ), s = i(() => {
1074
- var E;
1075
- return ((E = l == null ? void 0 : l.options) == null ? void 0 : E.variant) === "dropdown" ? "dropdown" : "default";
1076
- }), d = i(
1077
- () => {
1078
- var E;
1079
- return o.value ? (E = l.value) == null ? void 0 : E.inputValue : l == null ? void 0 : l.value;
1080
- }
1081
- ), { internalFilterValue: p, isSecondaryButtonDisabled: c, isApplyButtonDisabled: m } = se(
1082
- d,
1083
- W(l, "defaultValue")
1084
- ), f = i(() => l.label), g = i(() => ne(d.value, 12)), O = i(() => ({
1085
- "b-input-filter--only-slot": l.onlySlot
1086
- }));
1087
- Se(() => {
1088
- p.value === "" && (p.value = null);
1089
- }), X(t, () => {
1090
- var E;
1091
- (E = t.value) == null || E.focusInput();
1092
- });
1093
- const w = () => {
1094
- p.value = d.value;
1095
- }, N = () => {
1096
- !p.value && l.defaultValue !== null && (p.value = l.defaultValue), e("update", {
1097
- ...l,
1098
- value: o.value ? {
1099
- inputValue: p.value,
1100
- dropdownValue: n.value
1101
- } : p.value
1102
- });
1103
- }, A = () => e("update", { ...l, value: l.defaultValue }), B = () => {
1104
- p.value = null, N();
1105
- }, C = () => {
1106
- e("input", { ...l, value: p.value });
1107
- }, $ = (E) => {
1108
- p.value = E;
1109
- }, T = (E) => {
1110
- n.value = E;
1111
- };
1112
- return Xe(Pt, o.value), X(
1113
- () => l.options,
1114
- () => {
1115
- var E, L, G;
1116
- ((E = l.options) != null && E.dropdown || (L = l.options) != null && L.dropdownPosition || (G = l.options) != null && G.variant) && Ce(
1117
- 'BentoInputFilter "options" property',
1118
- `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
1119
- Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
1120
- <bento-filter-bar
1121
- :config="[{
1122
- field: 'name',
1123
- label: 'Name',
1124
- type: BentoFilterItemType.INPUT_DROPDOWN,
1125
- options: [...],
1126
- }]"
1127
- />`,
1128
- "2.0.0"
1129
- );
1130
- },
1131
- { immediate: !0 }
1132
- ), { __sfc: !0, props: l, emit: e, inputTextRef: t, dropdownValue: n, isDropdownVariant: o, dropdownProp: r, inputVariant: s, valueProp: d, internalFilterValue: p, isSecondaryButtonDisabled: c, isApplyButtonDisabled: m, buttonLabel: f, buttonSecondaryLabel: g, conditionalClasses: O, openFilter: w, updateFilter: N, resetFilter: A, clearFilter: B, onInput: C, setInternalFilterValue: $, onDropdownInput: T, BentoBaseFilter: re, BentoInputField: Oe };
1133
- }
1134
- });
1135
- var Kl = function() {
1136
- var n, o, r, s;
1137
- var e = this, l = e._self._c, t = e._self._setupProxy;
1138
- 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, "popover-overflow-visible": t.isDropdownVariant, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.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(d) {
1139
- return !d.type.indexOf("key") && e._k(d.keyCode, "enter", 13, d.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
1140
- }, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: t.dropdownProp, "dropdown-position": (r = e.options) == null ? void 0 : r.dropdownPosition, placeholder: (s = e.options) == null ? void 0 : s.placeholder, variant: t.inputVariant, "model-value": t.internalFilterValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue, "dropdown-input": t.onDropdownInput } })], 1)]);
1141
- }, Jl = [], Ql = /* @__PURE__ */ j(
1142
- Xl,
1143
- Kl,
1144
- Jl,
1145
- !1,
1146
- null,
1147
- "72e86cb6"
1148
- );
1149
- const dt = Ql.exports;
1150
- var I = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(I || {}), ce = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", a.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", a))(ce || {}), K = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a.RADIO_GROUP = "BentoRadioGroupFilter", a.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", a.TOGGLE = "BentoToggleFilter", a))(K || {});
1151
- const Zl = {
1152
- name: "bento-input-with-dropdown-filter"
1153
- }, ea = /* @__PURE__ */ Y({
1154
- ...Zl,
1155
- props: {
1156
- disabled: { type: Boolean },
1157
- defaultValue: { default: void 0 },
1158
- field: null,
1159
- label: null,
1160
- onlySlot: { type: Boolean, default: !1 },
1161
- options: { default: void 0 },
1162
- value: { default: void 0 }
1163
- },
1164
- emits: [I.INPUT, I.UPDATE],
1165
- setup(a, { emit: e }) {
1166
- const l = a, t = R(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = se(W(l, "value"), W(l, "defaultValue")), s = i(() => {
1167
- var V, E, L, G, h, D, S, x;
1168
- const T = ((V = l.value) == null ? void 0 : V.dropdownValue) ?? ((L = (E = l.options) == null ? void 0 : E.dropdown) == null ? void 0 : L.modelValue) ?? ((h = (G = l.options) == null ? void 0 : G.dropdown) == null ? void 0 : h.value);
1169
- if (!p.value || T === void 0 || T === null || !((S = (D = l.options) == null ? void 0 : D.dropdown) != null && S.items))
1170
- return null;
1171
- const k = (x = l.options.dropdown.items.find((U) => U.value === T)) == null ? void 0 : x.label;
1172
- return k ? ne(k, 12) : null;
1173
- }), d = i(() => l.label), p = i(
1174
- () => {
1175
- var T;
1176
- return (T = l.value) != null && T.inputValue ? ne(l.value.inputValue, 12) : void 0;
1177
- }
1178
- ), c = i(
1179
- () => {
1180
- var T, k, V, E, L;
1181
- return ((T = n.value) == null ? void 0 : T.dropdownValue) ?? ((V = (k = l.options) == null ? void 0 : k.dropdown) == null ? void 0 : V.modelValue) ?? ((L = (E = l.options) == null ? void 0 : E.dropdown) == null ? void 0 : L.value);
1182
- }
1183
- ), m = i(() => {
1184
- var T;
1185
- return {
1186
- ...((T = l.options) == null ? void 0 : T.dropdown) || {},
1187
- modelValue: c.value
1188
- };
1189
- }), f = i(() => ({
1190
- "b-input-with-dropdown-filter--only-slot": l.onlySlot
1191
- })), g = i(() => {
1192
- var k;
1193
- return !(!!((k = n.value) != null && k.inputValue) && !!c.value) || r.value;
1194
- });
1195
- Se(() => {
1196
- var T;
1197
- ((T = n.value) == null ? void 0 : T.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
1198
- }), X(t, () => {
1199
- var T;
1200
- (T = t.value) == null || T.focusInput();
1201
- });
1202
- const O = () => {
1203
- n.value = l.value;
1204
- }, w = () => {
1205
- var T;
1206
- !((T = n.value) != null && T.inputValue) && l.defaultValue !== null && (n.value = { ...l.defaultValue }), e(I.UPDATE, {
1207
- ...l,
1208
- value: n.value
1209
- });
1210
- }, N = () => e(I.UPDATE, { ...l, value: l.defaultValue }), A = () => {
1211
- n.value = null, w();
1212
- }, B = () => {
1213
- e(I.INPUT, { ...l, value: n.value });
1214
- }, C = (T) => {
1215
- n.value = { dropdownValue: c.value, inputValue: T };
1216
- }, $ = (T) => {
1217
- n.value = { ...n.value, dropdownValue: T };
1218
- };
1219
- return Xe(Et, !0), { __sfc: !0, props: l, emit: e, inputTextRef: t, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r, selectedDropdownLabel: s, buttonLabel: d, buttonSecondaryLabel: p, dropdownSelection: c, dropdownOptions: m, conditionalClasses: f, shouldDisableApply: g, openFilter: O, updateFilter: w, resetFilter: N, clearFilter: A, onInput: B, setInternalFilterValue: C, onDropdownInput: $, BentoBaseFilter: re, BentoInputField: Oe };
1220
- }
1221
- });
1222
- var ta = function() {
1223
- var n, o, r, s;
1224
- var e = this, l = e._self._c, t = e._self._setupProxy;
1225
- return l(t.BentoBaseFilter, e._b({ attrs: { "applied-filters-count": t.selectedDropdownLabel, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.shouldDisableApply, "disable-secondary-button": t.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.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-with-dropdown-filter", class: t.conditionalClasses, on: { keydown: function(d) {
1226
- return !d.type.indexOf("key") && e._k(d.keyCode, "enter", 13, d.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
1227
- }, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: t.dropdownOptions, "dropdown-position": (r = e.options) == null ? void 0 : r.dropdownPosition, variant: "dropdown", "model-value": (s = t.internalFilterValue) == null ? void 0 : s.inputValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue, "dropdown-input": t.onDropdownInput } })], 1)]);
1228
- }, la = [], aa = /* @__PURE__ */ j(
1229
- ea,
1230
- ta,
1231
- la,
1232
- !1,
1233
- null,
1234
- "d9e3cc96"
1235
- );
1236
- const ft = aa.exports, na = Y({
1237
- name: "bento-date-filter",
1238
- components: {
1239
- BentoBaseFilter: re,
1240
- BentoDatePicker: _l,
1241
- BentoDivider: Ee,
1242
- Calendar: rl
1243
- },
1244
- props: {
1245
- /**
1246
- * Disables the filter from being interacted with.
1247
- */
1248
- disabled: { type: Boolean, default: !1 },
1249
- isDateInput: { type: Boolean, default: !0 },
1250
- /**
1251
- * Default value of the filter to reset to.
1252
- */
1253
- defaultValue: { type: Date, default: null },
1254
- /**
1255
- * Filter name/key referencing the actual property name in the data set.
1256
- * Should be unique per filter bar.
1257
- */
1258
- field: { type: String, required: !0 },
1259
- /**
1260
- * Label text to be displayed
1261
- */
1262
- label: { type: String, required: !0 },
1263
- /**
1264
- * Renders the base filter's slot content only - leaving out the button and the popover.
1265
- * Used for the allFiltersModal component.
1266
- */
1267
- onlySlot: { type: Boolean, default: !1 },
1268
- /**
1269
- * List of options that are needed to setup the filter
1270
- * Available options:
1271
- * - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
1272
- * - isDateDisabled: Indicate if a date should be disabled or not
1273
- * - tooltipPosition: The position of the tooltip attached to the filter button
1274
- * - tooltipText: The content of the tooltip attached to the filter button
1275
- */
1276
- options: {
1277
- type: Object,
1278
- default: void 0
1279
- },
1280
- /**
1281
- * Current value of the filter
1282
- */
1283
- value: { type: Date, default: void 0 }
1284
- },
1285
- emits: [I.INPUT, I.UPDATE],
1286
- setup(a, { emit: e }) {
1287
- const { isTouchDevice: l } = hl(), { locale: t } = ee(void 0, !0), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = se(
1288
- W(a, "value"),
1289
- W(a, "defaultValue")
1290
- ), s = i(() => {
1291
- var B;
1292
- const A = ((B = a == null ? void 0 : a.options) == null ? void 0 : B.variant) === "month" ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
1293
- return a.value ? ol(t.value, A).format(a.value) : null;
1294
- }), d = i(() => a.label), p = i(() => s.value), c = () => {
1295
- e(I.UPDATE, { ...a, value: n.value });
1296
- }, m = () => {
1297
- n.value = null, c();
1298
- }, f = () => {
1299
- n.value = a.defaultValue, c();
1300
- }, g = () => {
1301
- n.value = a.value;
1302
- }, O = (A) => {
1303
- n.value = A, e(I.INPUT, { ...a, value: n.value });
1304
- }, w = (A) => {
1305
- n.value = A, O(A), c();
1306
- }, N = i(() => ({
1307
- "b-date-filter--touch-device": l.value
1308
- }));
1309
- return {
1310
- // Values
1311
- internalFilterValue: n,
1312
- isApplyButtonDisabled: r,
1313
- isSecondaryButtonDisabled: o,
1314
- buttonLabel: d,
1315
- buttonSecondaryLabel: p,
1316
- isTouchDevice: l,
1317
- touchDeviceDatePickerConditionalClasses: N,
1318
- // Events
1319
- clearFilter: m,
1320
- onDateSelected: O,
1321
- openFilter: g,
1322
- updateFilter: c,
1323
- resetFilter: f,
1324
- onDateInputSelected: w
1325
- };
1326
- }
1327
- });
1328
- var ra = function() {
1329
- var t, n, o, r, s, d, p, c, m, f, g;
1330
- var e = this, l = e._self._c;
1331
- return e._self._setupProxy, l("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, disabled: e.disabled, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, value: e.value, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot || e.isTouchDevice ? l("bento-date-picker", { class: e.touchDeviceDatePickerConditionalClasses, attrs: { "aria-labelledby": (o = e.$attrs) == null ? void 0 : o["aria-labelledby"], value: e.internalFilterValue, "first-day-of-week": (r = e.options) == null ? void 0 : r.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, variant: (d = e.options) == null ? void 0 : d.variant, "year-range": (p = e.options) == null ? void 0 : p.yearRange, disabled: e.disabled }, on: { input: e.onDateInputSelected } }) : [l("bento-divider", { staticClass: "b-date-filter__divider" }), l("div", { staticClass: "b-date-filter" }, [l("calendar", { attrs: { "first-day-of-week": (c = e.options) == null ? void 0 : c.firstDayOfWeek, "is-date-disabled": (m = e.options) == null ? void 0 : m.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue, variant: (f = e.options) == null ? void 0 : f.variant, "year-range": (g = e.options) == null ? void 0 : g.yearRange }, on: { input: e.onDateSelected } })], 1)]], 2);
1332
- }, oa = [], sa = /* @__PURE__ */ j(
1333
- na,
1334
- ra,
1335
- oa,
1336
- !1,
1337
- null,
1338
- "043cd215"
1339
- );
1340
- const pt = sa.exports;
1341
- function ia() {
1342
- return {
1343
- de: ll,
1344
- enUS: ot,
1345
- fr: el,
1346
- ja: Zt,
1347
- ptBR: Qt
1348
- };
1349
- }
1350
- const ua = {
1351
- "de-DE": {
1352
- apply: "Anwenden",
1353
- clear: "Löschen",
1354
- reset: "Zurücksetzen"
1355
- },
1356
- "en-GB": {
1357
- apply: "Apply",
1358
- clear: "Clear",
1359
- reset: "Reset"
1360
- },
1361
- "en-US": {
1362
- apply: "Apply",
1363
- clear: "Clear",
1364
- reset: "Reset"
1365
- },
1366
- "es-419": {
1367
- apply: "Aplicar",
1368
- clear: "Borrar",
1369
- reset: "Restablecer"
1370
- },
1371
- "es-ES": {
1372
- apply: "Aplicar",
1373
- clear: "Borrar",
1374
- reset: "Reiniciar"
1375
- },
1376
- "es-MX": {
1377
- apply: "Aplicar",
1378
- clear: "Limpiar",
1379
- reset: "Restablecer"
1380
- },
1381
- "fr-FR": {
1382
- apply: "Appliquer",
1383
- clear: "Clair",
1384
- reset: "Réinitialiser"
1385
- },
1386
- "it-IT": {
1387
- apply: "Applica",
1388
- clear: "Cancella",
1389
- reset: "Resetta"
1390
- },
1391
- "ja-JP": {
1392
- apply: "適用",
1393
- clear: "クリア",
1394
- reset: "リセット"
1395
- },
1396
- "pt-BR": {
1397
- apply: "Aplicar",
1398
- clear: "Limpar",
1399
- reset: "Limpar"
1400
- },
1401
- "zh-CN": {
1402
- apply: "应用",
1403
- clear: "清除",
1404
- reset: "重置"
1405
- }
1406
- }, ca = Y({
1407
- i18n: { messages: ua },
1408
- name: "bento-date-range-filter",
1409
- components: {
1410
- BentoBaseFilter: re,
1411
- BentoButtonActions: Rt,
1412
- BentoDateRangePicker: Kt,
1413
- BentoTypography: _e,
1414
- BentoDivider: Ee,
1415
- DateRangePickerCalendar: Xt
1416
- },
1417
- props: {
1418
- /**
1419
- * Disables the filter from being interacted with.
1420
- */
1421
- disabled: { type: Boolean, default: !1 },
1422
- /**
1423
- * Default value of the filter to reset to.
1424
- */
1425
- defaultValue: { type: Object, default: null },
1426
- /**
1427
- * Filter name/key referencing the actual property name in the data set.
1428
- * Should be unique per filter bar.
1429
- */
1430
- field: { type: String, required: !0 },
1431
- /**
1432
- * Label text to be displayed
1433
- */
1434
- label: { type: String, required: !0 },
1435
- /**
1436
- * Renders the base filter's slot content only - leaving out the button and the popover.
1437
- * Used for the allFiltersModal component.
1438
- */
1439
- onlySlot: { type: Boolean, default: !1 },
1440
- /**
1441
- * List of options that are needed to setup the filter
1442
- * Available options:
1443
- * - allowTimeInput: Allows user to enter time values in the form
1444
- * - firstDayOfWeek: Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
1445
- * - isDateDisabled: Indicate if a date should be disabled or not
1446
- * - maxRange: Set a maximum number of dates to be selectable by the range
1447
- * - numberOfMonths: Number of months rendered on pane
1448
- * - quickSelectRanges: An array that sets the custom range dropdown items. @see BentoDateRangePicker
1449
- * - showEndDateOnOpen: Upon opening date range picker, end date's month will be pre-selected.
1450
- * - granularities: A list of available granularities.
1451
- * - variant: The type of calendar to display. Defaults to showing days.
1452
- * - tooltipPosition: The position of the tooltip attached to the filter button
1453
- * - tooltipText: The content of the tooltip attached to the filter button
1454
- */
1455
- options: {
1456
- type: Object,
1457
- default: void 0
1458
- },
1459
- /**
1460
- * Current value of the filter
1461
- */
1462
- value: {
1463
- type: Object,
1464
- default: () => ({ startDate: void 0, endDate: void 0 })
1465
- }
1466
- },
1467
- emits: [I.INPUT, I.UPDATE],
1468
- setup(a, { emit: e }) {
1469
- var S, x, U, M;
1470
- const { locale: l, t } = ee(), n = ia(), { dateToInputDateString: o } = ml(), { internalFilterValue: r, isSecondaryButtonDisabled: s, isApplyButtonDisabled: d } = se(
1471
- W(a, "value"),
1472
- W(a, "defaultValue")
1473
- ), p = R(!1), c = i(() => {
1474
- var v;
1475
- return ((v = a == null ? void 0 : a.options) == null ? void 0 : v.quickSelectRanges) && a.options.quickSelectRanges.map((_) => {
1476
- const y = _.data.endDate ? void 0 : new Date(Date.now()).getTime() - _.data.startDate.getTime();
1477
- return {
1478
- ..._,
1479
- data: {
1480
- ..._.data,
1481
- // Adding timeDifference to calculate an up-to-date endDate on range selection
1482
- timeDifference: y
1483
- }
1484
- };
1485
- });
1486
- }), m = R(null), f = R(!1), g = Dt({
1487
- startDate: o((S = a.value) == null ? void 0 : S.startDate),
1488
- endDate: o((x = a.value) == null ? void 0 : x.endDate),
1489
- startTime: pe((U = a.value) == null ? void 0 : U.startDate),
1490
- endTime: pe((M = a.value) == null ? void 0 : M.endDate)
1491
- });
1492
- X(
1493
- () => a.value,
1494
- () => {
1495
- var v, _, y, u;
1496
- g.startDate = o((v = a.value) == null ? void 0 : v.startDate), g.endDate = o((_ = a.value) == null ? void 0 : _.endDate), g.startTime = pe((y = a.value) == null ? void 0 : y.startDate), g.endTime = pe((u = a.value) == null ? void 0 : u.endDate);
1497
- }
1498
- );
1499
- function O(v) {
1500
- return (v == null ? void 0 : v.length) !== void 0;
1501
- }
1502
- const w = (v) => {
1503
- var _, y, u, P, b, F, q, J, Q, te;
1504
- if (!v || !(v != null && v.startDate) && !v.endDate)
1505
- return null;
1506
- if (O((_ = a.options) == null ? void 0 : _.quickSelectRanges) && ((u = (y = a.options) == null ? void 0 : y.quickSelectRanges) == null ? void 0 : u.length) > 0) {
1507
- const le = (b = (P = a.options) == null ? void 0 : P.quickSelectRanges) == null ? void 0 : b.find(({ value: ae, data: z }) => v ? v.range ? ae === v.range : !v.startDate || !v.endDate ? !1 : z != null && z.endDate ? De(z == null ? void 0 : z.startDate, v.startDate) && De(z == null ? void 0 : z.endDate, v.endDate) : De(z == null ? void 0 : z.startDate, v.startDate) && Jt(v.endDate) : !1);
1508
- if (le)
1509
- return le.label;
1510
- }
1511
- return !v.startDate || !v.endDate ? null : sl(v.startDate, v.endDate) && ((F = a == null ? void 0 : a.options) != null && F.allowTimeInput) ? `${ge(v.startDate, "dd MMM, yyyy HH:mm:ss", {
1512
- locale: n[(q = l.value) == null ? void 0 : q.substring(0, 2)] || n.enUS
1513
- })} - ${ge(v.endDate, "HH:mm:ss", {
1514
- locale: n[(J = l.value) == null ? void 0 : J.substring(0, 2)] || n.enUS
1515
- })}` : `${ge(v.startDate, "dd MMM, yyyy", {
1516
- locale: n[(Q = l.value) == null ? void 0 : Q.substring(0, 2)] || n.enUS
1517
- })} - ${ge(v.endDate, "dd MMM, yyyy", {
1518
- locale: n[(te = l.value) == null ? void 0 : te.substring(0, 2)] || n.enUS
1519
- })}`;
1520
- }, N = R(w(a.value)), A = i(() => a.label), B = () => {
1521
- m.value.closePopover();
1522
- const { onlySlot: v, ..._ } = a;
1523
- e(I.UPDATE, { ..._, value: r.value });
1524
- }, C = () => {
1525
- r.value = void 0, B();
1526
- }, $ = () => {
1527
- r.value = a.defaultValue, B();
1528
- }, T = () => {
1529
- r.value = a.value;
1530
- }, k = () => {
1531
- var v, _, y, u;
1532
- r.value = a.value, p.value = !1, g.startDate = o((v = a.value) == null ? void 0 : v.startDate), g.endDate = o((_ = a.value) == null ? void 0 : _.endDate), g.startTime = pe((y = a.value) == null ? void 0 : y.startDate), g.endTime = pe((u = a.value) == null ? void 0 : u.endDate);
1533
- }, V = (v) => {
1534
- p.value = !1, r.value = v, g.startDate = o(v.startDate), g.endDate = o(v.endDate), e(I.INPUT, { ...a, value: r.value });
1535
- }, E = (v) => {
1536
- v != null && v.startDate && (v != null && v.endDate) && (r.value = v, g.startDate = o(v.startDate), g.endDate = o(v.endDate), e(I.INPUT, { ...a, value: r.value }));
1537
- }, L = (v) => {
1538
- V(v), e(I.INPUT, { ...a, value: r.value });
1539
- }, G = i(
1540
- () => [
1541
- {
1542
- title: t("apply"),
1543
- event: B,
1544
- disabled: p.value || f.value || d.value
1545
- },
1546
- {
1547
- title: a.defaultValue ? t("reset") : t("clear"),
1548
- event: a.defaultValue ? $ : C,
1549
- disabled: f.value && s.value
1550
- }
1551
- ]
1552
- ), h = () => {
1553
- f.value = !0, r.value = { startDate: void 0, endDate: void 0 }, e(I.INPUT, { ...a, value: r.value });
1554
- }, D = (v) => {
1555
- f.value = !1, v.startTime && (g.startTime = v.startTime), v.endTime && (g.endTime = v.endTime);
1556
- };
1557
- return X(
1558
- () => a.value,
1559
- (v) => {
1560
- N.value = w(v);
1561
- },
1562
- { deep: !0 }
1563
- ), {
1564
- // Refs
1565
- baseFilter: m,
1566
- // Values
1567
- actions: G,
1568
- formData: g,
1569
- internalFilterValue: r,
1570
- isApplyButtonDisabled: d,
1571
- isSecondaryButtonDisabled: s,
1572
- isSelectingDate: p,
1573
- buttonLabel: A,
1574
- buttonSecondaryLabel: N,
1575
- adjustedQuickSelectRanges: c,
1576
- // Events
1577
- onCancel: k,
1578
- onDateSelected: V,
1579
- openFilter: T,
1580
- clearFilter: C,
1581
- resetFilter: $,
1582
- updateFilter: B,
1583
- onDatePickerRangeError: h,
1584
- onDatePickerRangeFormDateInputUpdate: D,
1585
- onDateInputSelected: L,
1586
- onRangeSelectorInput: E
1587
- };
1588
- }
1589
- });
1590
- var da = function() {
1591
- var t, n, o, r, s, d, p, c, m, f, g, O, w, N, A, B, C, $, T, k, V, E, L, G, h, D;
1592
- var e = this, l = e._self._c;
1593
- return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, value: e.value, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (o = e.options) == null ? void 0 : o.allowTimeInput, "model-value": e.internalFilterValue, "first-day-of-week": (r = e.options) == null ? void 0 : r.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": (d = e.options) == null ? void 0 : d.numberOfMonths, "quick-select-ranges": (p = e.options) == null ? void 0 : p.quickSelectRanges, variant: (c = e.options) == null ? void 0 : c.variant, "year-range": (m = e.options) == null ? void 0 : m.yearRange, disabled: e.disabled, granularities: (f = e.options) == null ? void 0 : f.granularities, "max-range": (g = e.options) == null ? void 0 : g.maxRange, min: (O = e.options) == null ? void 0 : O.min, max: (w = e.options) == null ? void 0 : w.max, "date-form-data": e.formData, "show-end-date-on-open": (N = e.options) == null ? void 0 : N.showEndDateOnOpen, "aria-labelledby": (A = e.$attrs) == null ? void 0 : A["aria-labelledby"] }, on: { "update:model-value": e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (B = e.options) == null ? void 0 : B.allowTimeInput, "first-day-of-week": (C = e.options) == null ? void 0 : C.firstDayOfWeek, "is-date-disabled": ($ = e.options) == null ? void 0 : $.isDateDisabled, granularities: (T = e.options) == null ? void 0 : T.granularities, "max-range": (k = e.options) == null ? void 0 : k.maxRange, min: (V = e.options) == null ? void 0 : V.min, max: (E = e.options) == null ? void 0 : E.max, "number-of-months": (L = e.options) == null ? void 0 : L.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (G = e.options) == null ? void 0 : G.showEndDateOnOpen, variant: (h = e.options) == null ? void 0 : h.variant, "year-range": (D = e.options) == null ? void 0 : D.yearRange }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(S) {
1594
- e.isSelectingDate = !0;
1595
- } }, scopedSlots: e._u([{ key: "title", fn: function() {
1596
- return [l("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
1597
- }, proxy: !0 }, { key: "actions", fn: function() {
1598
- return [l("bento-divider", { staticClass: "b-date-range-filter__divider" }), l("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
1599
- }, proxy: !0 }]) })], 1)]], 2);
1600
- }, fa = [], pa = /* @__PURE__ */ j(
1601
- ca,
1602
- da,
1603
- fa,
1604
- !1,
1605
- null,
1606
- "829a27d5"
1607
- );
1608
- const bt = pa.exports, ba = {
1609
- name: "bento-radio-group-filter"
1610
- }, va = /* @__PURE__ */ Y({
1611
- ...ba,
1612
- props: {
1613
- disabled: { type: Boolean },
1614
- defaultValue: { default: void 0 },
1615
- field: null,
1616
- label: null,
1617
- options: { default: () => ({
1618
- items: []
1619
- }) },
1620
- onlySlot: { type: Boolean },
1621
- value: { default: void 0 }
1622
- },
1623
- emits: ["input", "update"],
1624
- setup(a, { emit: e }) {
1625
- const l = a, {
1626
- // Fields
1627
- internalFilterValue: t,
1628
- isSecondaryButtonDisabled: n,
1629
- isApplyButtonDisabled: o,
1630
- // Methods
1631
- clearFilter: r,
1632
- openFilter: s,
1633
- resetFilter: d
1634
- } = ut(W(l, "value"), W(l, "defaultValue")), p = i(() => {
1635
- var O;
1636
- const g = ((O = l.options.items.find((w) => w.value === l.value)) == null ? void 0 : O.label) || "";
1637
- return ne(g, 12);
1638
- }), c = i(() => ({
1639
- "b-radio-group-filter--only-slot": l.onlySlot
1640
- }));
1641
- function m(g) {
1642
- t.value = g, e("input", { ...l, value: t.value });
1643
- }
1644
- function f() {
1645
- e("update", { ...l, value: t.value });
1646
- }
1647
- return { __sfc: !0, props: l, emit: e, internalFilterValue: t, isSecondaryButtonDisabled: n, isApplyButtonDisabled: o, clearFilter: r, openFilter: s, resetFilter: d, buttonSecondaryLabel: p, conditionalClasses: c, onInput: m, updateFilter: f, BentoRadioGroup: Ke, BentoBaseFilter: re };
1648
- }
1649
- });
1650
- var ma = function() {
1651
- var n;
1652
- var e = this, l = e._self._c, t = e._self._setupProxy;
1653
- 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(o) {
1654
- return t.clearFilter(t.updateFilter);
1655
- }, open: t.openFilter, reset: function(o) {
1656
- return t.resetFilter(t.updateFilter);
1657
- } } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-radio-group-filter", class: t.conditionalClasses }, [l(t.BentoRadioGroup, { attrs: { items: (n = e.options) == null ? void 0 : n.items, label: e.label, disabled: e.disabled, "hide-label": "", variant: "vertical" }, on: { "update:model-value": t.onInput }, model: { value: t.internalFilterValue, callback: function(o) {
1658
- t.internalFilterValue = o;
1659
- }, expression: "internalFilterValue" } })], 1)]);
1660
- }, _a = [], ha = /* @__PURE__ */ j(
1661
- va,
1662
- ma,
1663
- _a,
1664
- !1,
1665
- null,
1666
- "8fe9c1b3"
1667
- );
1668
- const vt = ha.exports, ya = {
1669
- "de-DE": {
1670
- all: "Alle",
1671
- noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.",
1672
- searchFilter: "Suche {filter}"
1673
- },
1674
- "en-GB": {
1675
- all: "All",
1676
- noFiltersMatchThisSearch: "No filters match this search",
1677
- searchFilter: "Search {filter}"
1678
- },
1679
- "en-US": {
1680
- all: "All",
1681
- noFiltersMatchThisSearch: "No filters match this search",
1682
- searchFilter: "Search {filter}"
1683
- },
1684
- "es-419": {
1685
- all: "Todos",
1686
- noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda",
1687
- searchFilter: "Buscar {filter}"
1688
- },
1689
- "es-ES": {
1690
- all: "Todos",
1691
- noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda",
1692
- searchFilter: "Buscar {filter}"
1693
- },
1694
- "es-MX": {
1695
- all: "Todos",
1696
- noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda",
1697
- searchFilter: "Buscar {filter}"
1698
- },
1699
- "fr-FR": {
1700
- all: "Tous",
1701
- noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche",
1702
- searchFilter: "Rechercher {filter}"
1703
- },
1704
- "it-IT": {
1705
- all: "Tutti",
1706
- noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca",
1707
- searchFilter: "Cerca {filter}"
1708
- },
1709
- "ja-JP": {
1710
- all: "すべて",
1711
- noFiltersMatchThisSearch: "この検索に一致するフィルターはありません",
1712
- searchFilter: "{filter}を検索"
1713
- },
1714
- "pt-BR": {
1715
- all: "Todos",
1716
- noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca",
1717
- searchFilter: "Procurar {filter}"
1718
- },
1719
- "zh-CN": {
1720
- all: "全部",
1721
- noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器",
1722
- searchFilter: "搜索 {filter}"
1723
- }
1724
- }, Fa = {
1725
- i18n: { messages: ya }
1726
- }, ga = /* @__PURE__ */ Y({
1727
- ...Fa,
1728
- __name: "select-filter-button",
1729
- props: {
1730
- /**
1731
- * Disables the filter from being interacted with.
1732
- */
1733
- disabled: { type: Boolean, default: !1 },
1734
- /**
1735
- * Default value of the filter to reset to.
1736
- *
1737
- */
1738
- defaultValue: {
1739
- type: [String, Number, Array],
1740
- default: null
1741
- },
1742
- /**
1743
- * Filter name/key referencing the actual property name in the data set.
1744
- * Should be unique per filter bar.
1745
- */
1746
- field: { type: String, required: !0 },
1747
- /**
1748
- * Label text to be displayed
1749
- */
1750
- label: { type: String, required: !0 },
1751
- /**
1752
- * Renders the base filter's slot content only - leaving out the button and the popover.
1753
- * Used for the allFiltersModal component.
1754
- */
1755
- onlySlot: { type: Boolean, default: !1 },
1756
- /**
1757
- * List of options that are needed to setup the filter
1758
- * Available options:
1759
- * - multiple: If "true", the user will be able to select multiple items.
1760
- * - listboxItems: The option elements to populate the filter with.
1761
- *
1762
- * @default undefined
1763
- */
1764
- options: {
1765
- type: Object,
1766
- default: void 0
1767
- },
1768
- /**
1769
- * Current value of the filter
1770
- *
1771
- * @default undefined
1772
- */
1773
- value: {
1774
- type: [String, Number, Array, Object],
1775
- default: void 0
1776
- }
1777
- },
1778
- emits: ["input", "update"],
1779
- setup(a, { emit: e }) {
1780
- var h, D;
1781
- const l = a, t = Be(), { t: n } = ee(), o = R(""), r = W(l, "options"), s = R(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: d, setCachedValues: p, resetCache: c } = Ne(
1782
- s,
1783
- W(l, "value"),
1784
- W(r.value, "multiple")
1785
- ), { cachedSelectedListboxOptions: m } = Ne(
1786
- s,
1787
- W(l, "defaultValue"),
1788
- W(r.value, "multiple")
1789
- ), { internalFilterValue: f, isSecondaryButtonDisabled: g, isApplyButtonDisabled: O } = se(d, m);
1790
- X(r, () => {
1791
- s.value = r.value.listboxItems ?? [];
1792
- });
1793
- const w = Pe(
1794
- o,
1795
- s,
1796
- (D = (h = l.options) == null ? void 0 : h.search) == null ? void 0 : D.searchEvent
1797
- ), N = i(() => n("noFiltersMatchThisSearch")), A = i(() => l.label), B = i(() => {
1798
- var U, M, v, _, y;
1799
- const S = !((U = l == null ? void 0 : l.options) != null && U.multiple) && l.value != null, x = ((M = l == null ? void 0 : l.options) == null ? void 0 : M.multiple) && Array.isArray(l.value) && l.value.length === 1;
1800
- if (S || x) {
1801
- if ((v = l.options) != null && v.enableValueLabelPair) {
1802
- let b = ((_ = l.value) == null ? void 0 : _.length) > 0 ? l.value[0].label : l.value.label;
1803
- return b || (b = l.value, It(
1804
- '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'
1805
- )), ne(b, 12);
1806
- }
1807
- let P = (y = l.options.listboxItems.flatMap((b) => b.items ? b.items : b).find(
1808
- ({ value: b }) => {
1809
- var F;
1810
- return Array.isArray(l.value) ? (F = l == null ? void 0 : l.value) == null ? void 0 : F.includes(b) : b === l.value;
1811
- }
1812
- )) == null ? void 0 : y.label;
1813
- return !P && l.value && (P = l.value[0]), ne(P, 12);
1814
- }
1815
- return null;
1816
- }), C = i(() => me(`filter-listbox-${l.field}`)), $ = (S) => {
1817
- var v, _, y;
1818
- f.value = S;
1819
- const { onlySlot: x, ...U } = l;
1820
- if ((v = l.options) != null && v.multiple) {
1821
- let u;
1822
- (_ = l.options) != null && _.enableValueLabelPair ? u = S.length ? f.value : null : u = S.length ? f.value.map(({ value: P }) => P) : null, e(I.INPUT, { ...U, value: u });
1823
- return;
1824
- }
1825
- let M;
1826
- (y = l.options) != null && y.enableValueLabelPair ? M = S.length ? S[0] : null : M = S.length ? S[0].value : null, e(I.INPUT, { ...U, value: M });
1827
- }, T = () => {
1828
- var M, v, _, y, u, P;
1829
- const { onlySlot: S, ...x } = l;
1830
- if (l.options.multiple) {
1831
- f.value && ((M = f.value) == null ? void 0 : M.length) === 0 && (f.value = l.defaultValue !== null ? m.value : void 0);
1832
- let b;
1833
- (v = l.options) != null && v.enableValueLabelPair ? b = (_ = f.value) != null && _.length ? f.value : null : b = (y = f.value) != null && y.length ? (u = f.value) == null ? void 0 : u.map(({ value: F }) => F) : null, e(I.UPDATE, {
1834
- ...x,
1835
- value: b
1836
- });
1837
- return;
1838
- }
1839
- let U;
1840
- (P = l.options) != null && P.enableValueLabelPair ? U = f.value.length ? f.value[0] : void 0 : U = f.value.length ? f.value[0].value : void 0, e(I.UPDATE, { ...x, value: U });
1841
- }, k = () => {
1842
- var S, x;
1843
- f.value = d.value, (x = (S = l.options) == null ? void 0 : S.onOpen) == null || x.call(S);
1844
- }, V = () => {
1845
- o.value && (o.value = "");
1846
- }, E = () => {
1847
- p(m.value), f.value = m.value, T();
1848
- }, L = () => {
1849
- c(), f.value = [], T();
1850
- }, G = i(() => {
1851
- var U, M;
1852
- if (l.value == null || !l.options.multiple)
1853
- return null;
1854
- const S = (U = l.options.listboxItems) == null ? void 0 : U.reduce((v, _) => {
1855
- var y;
1856
- return v += (y = _ == null ? void 0 : _.items) != null && y.length ? _.items.length : 1, v;
1857
- }, 0), x = (M = l.value) == null ? void 0 : M.length;
1858
- return x === 1 ? null : x === S ? n("all") : x;
1859
- });
1860
- return { __sfc: !0, slots: t, emit: e, props: l, t: n, searchTerm: o, optionsRef: r, itemsRef: s, cachedSelectedListboxOptions: d, setCachedValues: p, resetCache: c, cachedDefaultSelectedListboxOptions: m, internalFilterValue: f, isSecondaryButtonDisabled: g, isApplyButtonDisabled: O, filteredItems: w, noResultsMessage: N, buttonLabel: A, buttonSecondaryLabel: B, listboxFilterId: C, onOptionSelected: $, updateFilter: T, openFilter: k, closeFilter: V, resetFilter: E, clearFilter: L, appliedFiltersCount: G, BentoSearchBar: we, BentoDivider: Ee, BentoListbox: Vt, BentoBaseFilter: re };
1861
- }
1862
- });
1863
- var Ba = function() {
1864
- var n, o, r, s, d, p, c, m, f, g, O, w, N, A, B, C, $;
1865
- var e = this, l = e._self._c, t = e._self._setupProxy;
1866
- 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": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.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" }, [((r = e.options) == null ? void 0 : r.dynamicFiltering) ?? !0 ? l("div", { staticClass: "b-select-filter-button__search-bar" }, [l(t.BentoSearchBar, { attrs: { "debounce-time": (d = (s = e.options) == null ? void 0 : s.search) == null ? void 0 : d.debounceTime, value: t.searchTerm, "input-field-aria-label": t.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(T) {
1867
- t.searchTerm = T;
1868
- } } })], 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": (p = e.options) == null ? void 0 : p.loading, "empty-state": (c = e.options) == null ? void 0 : c.emptyState, "has-more-items": (f = (m = e.options) == null ? void 0 : m.lazy) == null ? void 0 : f.hasMoreItems, items: t.filteredItems, "is-option-disabled": (g = e.options) == null ? void 0 : g.isOptionDisabled, "lazy-load-type": (w = (O = e.options) == null ? void 0 : O.lazy) == null ? void 0 : w.lazyLoadType, loading: (A = (N = e.options) == null ? void 0 : N.lazy) == null ? void 0 : A.loading, multiple: (B = e.options) == null ? void 0 : B.multiple, "static-categories": (C = e.options) == null ? void 0 : C.staticCategories, "no-results-message": t.noResultsMessage, searching: !!t.searchTerm, "selected-value": t.internalFilterValue, "virtual-scroll": ($ = e.options) == null ? void 0 : $.virtualScroll }, on: { select: t.onOptionSelected, "space-pressed": t.onOptionSelected, "enter-pressed": t.onOptionSelected, "show-more": function(T) {
1869
- var k, V;
1870
- (V = (k = e.options) == null ? void 0 : k.lazy) == null || V.showMoreEvent();
1871
- } }, scopedSlots: e._u([e._l(t.slots, function(T, k) {
1872
- return { key: k, fn: function(V) {
1873
- return [e._t(k, null, null, V)];
1874
- } };
1875
- })], null, !0) })], 1);
1876
- }, Sa = [], Ca = /* @__PURE__ */ j(
1877
- ga,
1878
- Ba,
1879
- Sa,
1880
- !1,
1881
- null,
1882
- "0eecb17a"
1883
- );
1884
- const Ta = Ca.exports, Da = {
1885
- "de-DE": {
1886
- noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche."
1887
- },
1888
- "en-GB": {
1889
- noFiltersMatchThisSearch: "No filters match this search"
1890
- },
1891
- "en-US": {
1892
- noFiltersMatchThisSearch: "No filters match this search"
1893
- },
1894
- "es-419": {
1895
- noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda"
1896
- },
1897
- "es-ES": {
1898
- noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda"
1899
- },
1900
- "es-MX": {
1901
- noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda"
1902
- },
1903
- "fr-FR": {
1904
- noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche"
1905
- },
1906
- "it-IT": {
1907
- noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca"
1908
- },
1909
- "ja-JP": {
1910
- noFiltersMatchThisSearch: "この検索に一致するフィルターはありません"
1911
- },
1912
- "pt-BR": {
1913
- noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca"
1914
- },
1915
- "zh-CN": {
1916
- noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器"
1917
- }
1918
- }, Aa = {
1919
- i18n: { messages: Da },
1920
- name: "select-filter-dropdown"
1921
- }, xa = /* @__PURE__ */ Y({
1922
- ...Aa,
1923
- props: {
1924
- /**
1925
- * Disables the filter from being interacted with.
1926
- */
1927
- disabled: { type: Boolean, default: !1 },
1928
- /**
1929
- * Default value of the filter to reset to.
1930
- *
1931
- */
1932
- defaultValue: {
1933
- type: [String, Number, Array],
1934
- default: null
1935
- },
1936
- /**
1937
- * Filter name/key referencing the actual property name in the data set.
1938
- * Should be unique per filter bar.
1939
- */
1940
- field: { type: String, required: !0 },
1941
- /**
1942
- * Label text to be displayed
1943
- */
1944
- label: { type: String, required: !0 },
1945
- /**
1946
- * Renders the base filter's slot content only - leaving out the button and the popover.
1947
- * Used for the allFiltersModal component.
1948
- *
1949
- */
1950
- onlySlot: { type: Boolean, default: !1 },
1951
- /**
1952
- * List of options that are needed to setup the filter
1953
- * Available options:
1954
- * - multiple: If "true", the user will be able to select multiple items.
1955
- * - listboxItems: The option elements to populate the filter with.
1956
- *
1957
- * @default undefined
1958
- */
1959
- options: {
1960
- type: Object,
1961
- default: void 0
1962
- },
1963
- /**
1964
- * Current value of the filter
1965
- *
1966
- * @default undefined
1967
- */
1968
- value: {
1969
- type: [String, Number, Array],
1970
- default: void 0
1971
- }
1972
- },
1973
- emits: ["input", "update"],
1974
- setup(a, { emit: e }) {
1975
- const l = a, { t } = ee(), n = Be(), { internalFilterValue: o } = se(W(l, "value"), W(l, "defaultValue")), r = W(l, "options"), s = R(l.options.listboxItems);
1976
- X(r, () => {
1977
- s.value = r.value.listboxItems;
1978
- });
1979
- const d = i(() => t("noFiltersMatchThisSearch"));
1980
- return { __sfc: !0, t, slots: n, emit: e, props: l, internalFilterValue: o, optionsRef: r, itemsRef: s, noResultsMessage: d, onOptionSelected: (c) => {
1981
- o.value = c;
1982
- const { onlySlot: m, ...f } = l;
1983
- e(I.INPUT, { ...f, value: o.value });
1984
- }, BentoDropdown: Ut };
1985
- }
1986
- });
1987
- var Ia = function() {
1988
- var n, o, r, s, d, p, c;
1989
- var e = this, l = e._self._c, t = e._self._setupProxy;
1990
- return l(t.BentoDropdown, { attrs: { "model-value": t.internalFilterValue, items: e.options.listboxItems, search: (n = e.options) == null ? void 0 : n.search, multiple: (o = e.options) == null ? void 0 : o.multiple, "static-categories": (r = e.options) == null ? void 0 : r.staticCategories, "no-results-message": t.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": ((s = e.options) == null ? void 0 : s.dynamicFiltering) ?? !0, "component-loading": (d = e.options) == null ? void 0 : d.loading, "empty-state": (p = e.options) == null ? void 0 : p.emptyState, disabled: e.disabled, "enable-value-label-pair": (c = e.options) == null ? void 0 : c.enableValueLabelPair }, on: { "update:model-value": t.onOptionSelected, open: () => {
1991
- var m, f;
1992
- return (f = (m = e.options) == null ? void 0 : m.onOpen) == null ? void 0 : f.call(m);
1993
- } }, scopedSlots: e._u([e._l(t.slots, function(m, f) {
1994
- return { key: f, fn: function(g) {
1995
- return [e._t(f, null, null, g)];
1996
- } };
1997
- })], null, !0) });
1998
- }, Oa = [], wa = /* @__PURE__ */ j(
1999
- xa,
2000
- Ia,
2001
- Oa,
2002
- !1,
2003
- null,
2004
- null
2005
- );
2006
- const Pa = wa.exports, he = {
2007
- /**
2008
- * Disables the filter from being interacted with.
2009
- */
2010
- disabled: { type: Boolean, default: !1 },
2011
- /**
2012
- * Default value of the filter to reset to.
2013
- *
2014
- */
2015
- defaultValue: {
2016
- type: [String, Number, Array, Object],
2017
- default: null
2018
- },
2019
- /**
2020
- * Filter name/key referencing the actual property name in the data set.
2021
- * Should be unique per filter bar.
2022
- */
2023
- field: { type: String, required: !0 },
2024
- /**
2025
- * Label text to be displayed
2026
- */
2027
- label: { type: String, required: !0 },
2028
- /**
2029
- * Renders the base filter's slot content only - leaving out the button and the popover.
2030
- * Used for the allFiltersModal component.
2031
- *
2032
- */
2033
- onlySlot: { type: Boolean, default: !1 },
2034
- /**
2035
- * List of options that are needed to setup the filter
2036
- * Available options:
2037
- * - multiple: If "true", the user will be able to select multiple items.
2038
- * - listboxItems: The option elements to populate the filter with.
2039
- * - tooltipPosition: The position of the tooltip attached to the filter button
2040
- * - tooltipText: The content of the tooltip attached to the filter button
2041
- *
2042
- * @default undefined
2043
- */
2044
- options: {
2045
- type: Object,
2046
- default: void 0
2047
- },
2048
- /**
2049
- * Current value of the filter
2050
- *
2051
- * @default undefined
2052
- */
2053
- value: {
2054
- type: [String, Number, Array, Object],
2055
- default: void 0
2056
- }
2057
- }, Ea = {}, Ra = /* @__PURE__ */ Y({
2058
- ...Ea,
2059
- __name: "select-filter",
2060
- props: he,
2061
- emits: ["input", "update"],
2062
- setup(a, { emit: e }) {
2063
- const l = a, t = Be(), n = (r) => e("input", r), o = (r) => e("update", r);
2064
- return ye(() => {
2065
- var r;
2066
- (r = l == null ? void 0 : l.options) != null && r.messages && Ce(
2067
- 'BentoFilterBar filter of type "BentoFilterItemType.SELECT" options message property',
2068
- `Please remove the "options.messages" property from this filter, it is not required any more for persistent filters.
2069
- This will be the default behavior in the v2 and "options.messages" will be removed.`,
2070
- "2.0.0"
2071
- );
2072
- }), { __sfc: !0, slots: t, emit: e, props: l, onInput: n, onUpdate: o, SelectFilterButton: Ta, SelectFilterDropdown: Pa };
2073
- }
2074
- });
2075
- var La = function() {
2076
- var e = this, l = e._self._c, t = e._self._setupProxy;
2077
- 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(n, o) {
2078
- return { key: o, fn: function(r) {
2079
- return [e._t(o, null, null, r)];
2080
- } };
2081
- })], 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(n, o) {
2082
- return { key: o, fn: function(r) {
2083
- return [e._t(o, null, null, r)];
2084
- } };
2085
- })], null, !0) });
2086
- }, ka = [], Na = /* @__PURE__ */ j(
2087
- Ra,
2088
- La,
2089
- ka,
2090
- !1,
2091
- null,
2092
- null
2093
- );
2094
- const de = Na.exports, $a = Y({
2095
- name: "bento-select-avatar-filter",
2096
- components: {
2097
- BentoSelectFilter: de,
2098
- BentoAvatar: zt
2099
- },
2100
- props: {
2101
- ...he,
2102
- /**
2103
- * List of options that are needed to setup the country filter
2104
- * Available options:
2105
- * - multiple: If "true", the user will be able to select multiple items.
2106
- * - listboxItems: The option elements to populate the filter with {@see BentoSelectCountryFilterOptions}
2107
- */
2108
- options: {
2109
- type: Object,
2110
- default: void 0
2111
- }
2112
- },
2113
- emits: [I.INPUT, I.UPDATE],
2114
- setup(a, { emit: e }) {
2115
- return {
2116
- // Enums
2117
- BentoFilterEvent: I,
2118
- // Methods
2119
- onUpdate: (t) => e(I.UPDATE, t)
2120
- };
2121
- }
2122
- });
2123
- var Va = function() {
2124
- var e = this, l = e._self._c;
2125
- return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function({ label: t, data: n }) {
2126
- return [l("bento-avatar", { attrs: { username: t, src: n } })];
2127
- } }]) }, "bento-select-filter", e.$props, !1));
2128
- }, Ua = [], Ma = /* @__PURE__ */ j(
2129
- $a,
2130
- Va,
2131
- Ua,
2132
- !1,
2133
- null,
2134
- null
2135
- );
2136
- const mt = Ma.exports, Ha = Y({
2137
- name: "bento-select-currency-filter",
2138
- components: {
2139
- BentoSelectFilter: de,
2140
- ListboxOptionTag: rt
2141
- },
2142
- props: {
2143
- ...he,
2144
- /**
2145
- * List of options that are needed to setup the country filter
2146
- * Available options:
2147
- * - multiple: If "true", the user will be able to select multiple items.
2148
- * - listboxItems: The option elements to populate the filter with {@see BentoSelectCurrencyFilterOptions}
2149
- */
2150
- options: {
2151
- type: Object,
2152
- default: void 0
2153
- }
2154
- },
2155
- emits: [I.INPUT, I.UPDATE],
2156
- setup(a, { emit: e }) {
2157
- var r;
2158
- const l = (s) => {
2159
- e(I.UPDATE, s);
2160
- }, t = R([]);
2161
- X(
2162
- () => {
2163
- var s;
2164
- return (s = a.options) == null ? void 0 : s.listboxItems;
2165
- },
2166
- (s) => {
2167
- t.value = s || [];
2168
- },
2169
- { immediate: !0 }
2170
- );
2171
- const n = (r = a.options) != null && r.search ? a.options.search : {
2172
- debounceTime: 500,
2173
- searchEvent: async (s) => {
2174
- var m, f, g, O;
2175
- if (!s) {
2176
- t.value = ((m = a.options) == null ? void 0 : m.listboxItems) || [];
2177
- return;
2178
- }
2179
- const d = (((f = a.options) == null ? void 0 : f.listboxItems) || []).map((w) => ({
2180
- ...w,
2181
- label: `${w.value} ${w.label}`
2182
- })), p = Pe(
2183
- R(s),
2184
- R(d),
2185
- (O = (g = a.options) == null ? void 0 : g.search) == null ? void 0 : O.searchEvent,
2186
- R(!1)
2187
- ).value, c = p == null ? void 0 : p.map((w) => ({
2188
- ...w,
2189
- label: w.label.substring(w.value.length + 1)
2190
- }));
2191
- t.value = c;
2192
- }
2193
- }, o = i(() => ({
2194
- ...a.options,
2195
- search: n,
2196
- listboxItems: t.value
2197
- }));
2198
- return {
2199
- // Enums
2200
- BentoFilterEvent: I,
2201
- // Methods
2202
- onUpdate: l,
2203
- internalOptions: o
2204
- };
2205
- }
2206
- });
2207
- var qa = function() {
2208
- var e = this, l = e._self._c;
2209
- return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.internalOptions }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function(t) {
2210
- return [l("listbox-option-tag", { attrs: { option: t } })];
2211
- } }]) }, "bento-select-filter", e.$props, !1));
2212
- }, Ga = [], ja = /* @__PURE__ */ j(
2213
- Ha,
2214
- qa,
2215
- Ga,
2216
- !1,
2217
- null,
2218
- null
2219
- );
2220
- const _t = ja.exports, Ya = {
2221
- name: "bento-select-country-filter"
2222
- }, Wa = /* @__PURE__ */ Y({
2223
- ...Ya,
2224
- props: {
2225
- ...he,
2226
- /**
2227
- * List of options that are needed to setup the country filter
2228
- * Available options:
2229
- * - multiple: If "true", the user will be able to select multiple items.
2230
- * - listboxItems: The option elements to populate the filter with {@see BentoSelectCountryFilterOptions}
2231
- * - variant: Which label variant to display for the option item.
2232
- */
2233
- options: {
2234
- type: Object,
2235
- default: void 0
2236
- }
2237
- },
2238
- emits: [I.INPUT, I.UPDATE],
2239
- setup(a, { emit: e }) {
2240
- const l = a, t = R(l.options.variant), n = R(l.options.listboxItems);
2241
- X([() => l.options.variant, () => l.options.listboxItems], () => {
2242
- t.value = l.options.variant, n.value = l.options.listboxItems;
2243
- });
2244
- const o = (d) => e(I.UPDATE, d), r = Wt(t, n), s = i(() => ({
2245
- ...l != null && l.options ? l.options : {},
2246
- listboxItems: r.value
2247
- }));
2248
- return (!t.value || t.value === "custom") && Ce(
2249
- 'BentoSelectCountryFilter type with `options.variant==="custom"`',
2250
- "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
2251
- "2.0.0"
2252
- ), { __sfc: !0, props: l, emit: e, variant: t, listboxItems: n, onUpdate: o, countryItems: r, countryOptions: s, BentoFilterEvent: I, BentoTypography: _e, BentoSelectFilter: de };
2253
- }
2254
- });
2255
- var za = function() {
2256
- var e = this, l = e._self._c, t = e._self._setupProxy;
2257
- return l(t.BentoSelectFilter, e._b({ attrs: { field: e.field, label: e.label, options: t.countryOptions }, on: { update: t.onUpdate, input: (n) => e.$emit(t.BentoFilterEvent.INPUT, n) }, scopedSlots: e._u([{ key: "default", fn: function({ label: n }) {
2258
- return [l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(e._s(n))])];
2259
- } }]) }, "bento-select-filter", t.props, !1));
2260
- }, Xa = [], Ka = /* @__PURE__ */ j(
2261
- Wa,
2262
- za,
2263
- Xa,
2264
- !1,
2265
- null,
2266
- null
2267
- );
2268
- const ht = Ka.exports, Ja = Y({
2269
- name: "bento-select-payment-method-filter",
2270
- components: {
2271
- BentoSelectFilter: de,
2272
- BentoPaymentMethod: Yt
2273
- },
2274
- props: {
2275
- ...he,
2276
- /**
2277
- * List of options that are needed to setup the payment method filter
2278
- * Available options:
2279
- * - multiple: If "true", the user will be able to select multiple items.
2280
- * - listboxItems: The option elements to populate the filter with {@see BentoSelectPaymentMethodFilterOptions}
2281
- */
2282
- options: {
2283
- type: Object,
2284
- default: void 0
2285
- }
2286
- },
2287
- emits: [I.INPUT, I.UPDATE],
2288
- setup(a, { emit: e }) {
2289
- return {
2290
- // Enums
2291
- BentoFilterEvent: I,
2292
- // Methods
2293
- onUpdate: (t) => e(I.UPDATE, t)
2294
- };
2295
- }
2296
- });
2297
- var Qa = function() {
2298
- var e = this, l = e._self._c;
2299
- return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function({ value: t, label: n }) {
2300
- return [l("bento-payment-method", { attrs: { type: t, label: n } })];
2301
- } }]) }, "bento-select-filter", e.$props, !1));
2302
- }, Za = [], en = /* @__PURE__ */ j(
2303
- Ja,
2304
- Qa,
2305
- Za,
2306
- !1,
2307
- null,
2308
- null
2309
- );
2310
- const yt = en.exports, tn = Y({
2311
- name: "bento-select-country-filter",
2312
- components: {
2313
- BentoSelectFilter: de,
2314
- ListboxOptionTag: rt
2315
- },
2316
- props: {
2317
- ...he,
2318
- /**
2319
- * List of options that are needed to setup the tag filter
2320
- * Available options:
2321
- * - multiple: If "true", the user will be able to select multiple items.
2322
- * - listboxItems: The option elements to populate the filter with {@see BentoSelectTagFilterOptions}
2323
- */
2324
- options: {
2325
- type: Object,
2326
- default: void 0
2327
- }
2328
- },
2329
- emits: [I.INPUT, I.UPDATE],
2330
- setup(a, { emit: e }) {
2331
- const l = (o) => e(I.UPDATE, o), t = i(
2332
- () => {
2333
- var o, r;
2334
- return (r = (o = a == null ? void 0 : a.options) == null ? void 0 : o.listboxItems) == null ? void 0 : r.map(({ label: s, value: d, variant: p }) => ({ label: s, value: d, data: p }));
2335
- }
2336
- );
2337
- return {
2338
- // Values
2339
- countryOptions: i(() => ({
2340
- ...a.options,
2341
- listboxItems: t.value
2342
- })),
2343
- // Methods
2344
- onUpdate: l,
2345
- // Enums
2346
- BentoFilterEvent: I
2347
- };
2348
- }
2349
- });
2350
- var ln = function() {
2351
- var e = this, l = e._self._c;
2352
- return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function({ label: t, data: n }) {
2353
- return [l("listbox-option-tag", { attrs: { option: { value: t, data: n, label: "" } } })];
2354
- } }]) }, "bento-select-filter", e.$props, !1));
2355
- }, an = [], nn = /* @__PURE__ */ j(
2356
- tn,
2357
- ln,
2358
- an,
2359
- !1,
2360
- null,
2361
- null
2362
- );
2363
- const Ft = nn.exports, rn = {
2364
- "de-DE": {
2365
- filter: "Mein Filter",
2366
- resetFilter: "Filter zurücksetzen {filterName}"
2367
- },
2368
- "en-GB": {
2369
- filter: "My filter",
2370
- resetFilter: "Reset filter {filterName}"
2371
- },
2372
- "en-US": {
2373
- filter: "My filter",
2374
- resetFilter: "Reset filter {filterName}"
2375
- },
2376
- "es-419": {
2377
- filter: "Mi filtro",
2378
- resetFilter: "Resetear el filtro {filterName}"
2379
- },
2380
- "es-ES": {
2381
- filter: "Mi filtro",
2382
- resetFilter: "Reiniciar el filtro {filterName}"
2383
- },
2384
- "es-MX": {
2385
- filter: "Mi filtro",
2386
- resetFilter: "Resetear el filtro {filterName}"
2387
- },
2388
- "fr-FR": {
2389
- filter: "Mon filtre",
2390
- resetFilter: "Réinitialiser le filtre {filterName}"
2391
- },
2392
- "it-IT": {
2393
- filter: "Il mio filtro",
2394
- resetFilter: "Reimposta il filtro {filterName}"
2395
- },
2396
- "ja-JP": {
2397
- filter: "フィルター",
2398
- resetFilter: "フィルター{filterName}をリセット"
2399
- },
2400
- "pt-BR": {
2401
- filter: "Meu filtro",
2402
- resetFilter: "Limpar filtro {filterName}"
2403
- },
2404
- "zh-CN": {
2405
- filter: "我的筛选器",
2406
- resetFilter: "重置筛选器 {filterName}"
2407
- }
2408
- }, on = {
2409
- i18n: { messages: rn },
2410
- name: "bento-toggle-filter"
2411
- }, sn = /* @__PURE__ */ Y({
2412
- ...on,
2413
- props: {
2414
- description: null,
2415
- disabled: { type: Boolean, default: !1 },
2416
- field: null,
2417
- label: null,
2418
- onlySlot: { type: Boolean, default: !1 },
2419
- options: { default: void 0 },
2420
- value: { type: Boolean, default: !1 }
2421
- },
2422
- emits: ["input", "update"],
2423
- setup(a, { emit: e }) {
2424
- const l = a, { t } = ee(), n = me("toggle-filter-checkbox-label"), o = me("toggle-filter-checkbox-description"), r = R(l.value);
2425
- X(
2426
- () => l.value,
2427
- (f) => {
2428
- r.value = f;
2429
- }
2430
- );
2431
- const s = i(() => ({
2432
- "b-toggle-filter__only-slot--disabled": l.disabled
2433
- })), d = (f) => {
2434
- r.value = f, e("input", { ...l, value: f });
2435
- }, p = () => {
2436
- e("update", { ...l, value: r.value });
2437
- };
2438
- return { __sfc: !0, t, checkboxLabelId: n, checkboxDescriptionId: o, props: l, emit: e, internalValue: r, onlySlotConditionalClasses: s, onInput: d, updateProps: p, toggleFilter: () => {
2439
- r.value = !r.value, p();
2440
- }, resetFilter: () => {
2441
- r.value = !1, p();
2442
- }, vBentoTooltipDirective: Qe, FilterBarButtonGroup: ct, FilterBarButton: Te, CheckboxInput: jt, BentoTypography: _e, CheckmarkIcon: Mt, CrossSmallIcon: Ze };
2443
- }
2444
- });
2445
- var un = function() {
2446
- var n, o;
2447
- var e = this, l = e._self._c, t = e._self._setupProxy;
2448
- 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: (n = e.options) == null ? void 0 : n.tooltipText, expression: "options?.tooltipText", arg: (o = e.options) == null ? void 0 : o.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() {
2449
- return [l(t.CrossSmallIcon, { attrs: { "aria-hidden": "true" } })];
2450
- }, proxy: !0 }], null, !1, 1418887828) }) : e._e()], 1);
2451
- }, cn = [], dn = /* @__PURE__ */ j(
2452
- sn,
2453
- un,
2454
- cn,
2455
- !1,
2456
- null,
2457
- "16cb6c7e"
2458
- );
2459
- const gt = dn.exports, fn = {
2460
- "de-DE": {
2461
- no: "Nein",
2462
- yes: "Ja"
2463
- },
2464
- "en-GB": {
2465
- no: "No",
2466
- yes: "Yes"
2467
- },
2468
- "en-US": {
2469
- no: "No",
2470
- yes: "Yes"
2471
- },
2472
- "es-419": {
2473
- no: "No",
2474
- yes: "Sí"
2475
- },
2476
- "es-ES": {
2477
- no: "No",
2478
- yes: "Sí"
2479
- },
2480
- "es-MX": {
2481
- no: "No",
2482
- yes: "Sí"
2483
- },
2484
- "fr-FR": {
2485
- no: "Non",
2486
- yes: "Oui"
2487
- },
2488
- "it-IT": {
2489
- no: "No",
2490
- yes: "Sì"
2491
- },
2492
- "ja-JP": {
2493
- no: "いいえ",
2494
- yes: "はい"
2495
- },
2496
- "pt-BR": {
2497
- no: "Não",
2498
- yes: "Sim"
2499
- },
2500
- "zh-CN": {
2501
- no: "不",
2502
- yes: "是"
2503
- }
2504
- }, pn = Y({
2505
- name: "bento-boolean-filter",
2506
- i18n: { messages: fn },
2507
- components: { BentoBaseFilter: re, BentoRadioGroup: Ke },
2508
- props: {
2509
- /**
2510
- * Disables the filter from being interacted with.
2511
- */
2512
- disabled: { type: Boolean, default: !1 },
2513
- /**
2514
- * Default value of the filter to reset to.
2515
- */
2516
- defaultValue: { type: [String, Boolean], default: null },
2517
- /**
2518
- * Filter name/key referencing the actual property name in the data set.
2519
- * Should be unique per filter bar.
2520
- */
2521
- field: { type: String, required: !0 },
2522
- /**
2523
- * Label text to be displayed
2524
- */
2525
- label: { type: String, required: !0 },
2526
- /**
2527
- * Current value of the filter
2528
- */
2529
- value: { type: [String, Boolean], default: null },
2530
- /**
2531
- * Renders the base filter's slot content only - leaving out the button and the popover.
2532
- * Used for the allFiltersModal component.
2533
- */
2534
- onlySlot: { type: Boolean, default: !1 },
2535
- /**
2536
- * List of options that are needed to setup the filter
2537
- * Available options:
2538
- * - positiveOption: The positive option label/value
2539
- * - negativeOption: The positive option label/value
2540
- * - tooltipPosition: The position of the tooltip attached to the filter button
2541
- * - tooltipText: The content of the tooltip attached to the filter button
2542
- */
2543
- options: {
2544
- type: Object,
2545
- default: void 0
2546
- }
2547
- },
2548
- emits: [I.INPUT, I.UPDATE],
2549
- setup(a, { emit: e }) {
2550
- const { t: l } = ee(), t = (C) => typeof C == "boolean" ? C == null ? void 0 : C.toString() : C, n = (C) => {
2551
- var $, T, k, V;
2552
- return ((T = ($ = a == null ? void 0 : a.options) == null ? void 0 : $.positiveOption) == null ? void 0 : T.value) !== void 0 && ((V = (k = a == null ? void 0 : a.options) == null ? void 0 : k.negativeOption) == null ? void 0 : V.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof C == "string" ? C === "true" : C;
2553
- }, o = i(() => t(a.defaultValue)), r = i(() => t(a.value)), s = i(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
2554
- {
2555
- ...a.options.positiveOption,
2556
- value: t(a.options.positiveOption.value)
2557
- },
2558
- {
2559
- ...a.options.negativeOption,
2560
- value: t(a.options.negativeOption.value)
2561
- }
2562
- ] : [
2563
- { value: "yes", label: l("yes") },
2564
- { value: "no", label: l("no") }
2565
- ]), { internalFilterValue: d, isSecondaryButtonDisabled: p, isApplyButtonDisabled: c } = se(
2566
- r,
2567
- o
2568
- ), m = i(() => a.label), f = i(
2569
- () => {
2570
- var C;
2571
- return ne((C = s.value.find(({ value: $ }) => $ === r.value)) == null ? void 0 : C.label, 12);
2572
- }
2573
- ), g = i(() => ({
2574
- "b-boolean-filter--only-slot": a.onlySlot
2575
- }));
2576
- Se(() => {
2577
- d.value || (d.value = null);
2578
- });
2579
- const O = (C) => {
2580
- d.value = C, e(I.INPUT, {
2581
- ...a,
2582
- value: n(d.value)
2583
- });
2584
- }, w = () => {
2585
- d.value = r.value;
2586
- }, N = () => {
2587
- e(I.UPDATE, {
2588
- ...a,
2589
- value: n(d.value)
2590
- });
2591
- }, A = () => e(I.UPDATE, { ...a, value: a.defaultValue }), B = () => {
2592
- d.value = null, N();
2593
- };
2594
- return ye(() => {
2595
- Ce(
2596
- 'Boolean filter "BentoFilterItemType.BOOLEAN"',
2597
- 'Use the Radio group filter type "BentoFilterItemType.RADIO_GROUP" instead.',
2598
- "2.0.0"
2599
- );
2600
- }), {
2601
- // Values
2602
- items: s,
2603
- conditionalClasses: g,
2604
- buttonLabel: m,
2605
- buttonSecondaryLabel: f,
2606
- internalFilterValue: d,
2607
- isApplyButtonDisabled: c,
2608
- isSecondaryButtonDisabled: p,
2609
- translatedValue: r,
2610
- translatedDefaultValue: o,
2611
- // Events
2612
- onInput: O,
2613
- updateFilter: N,
2614
- clearFilter: B,
2615
- openFilter: w,
2616
- resetFilter: A
2617
- };
2618
- }
2619
- });
2620
- var bn = function() {
2621
- var t, n;
2622
- var e = this, l = e._self._c;
2623
- 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": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.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(o) {
2624
- return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
2625
- } } }, [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)]);
2626
- }, vn = [], mn = /* @__PURE__ */ j(
2627
- pn,
2628
- bn,
2629
- vn,
2630
- !1,
2631
- null,
2632
- "85731910"
2633
- );
2634
- const Bt = mn.exports, Ge = (a) => /^\d$/.test(a);
2635
- function je(a) {
2636
- const { value: e, onInput: l } = a, t = i(() => At(a.prettyOutput) ?? !1), { n, locale: o } = ee(), r = R(null), s = R(!1), d = R(!1), p = R(null), c = R(null), m = i(() => {
2637
- var D;
2638
- return ((D = new Intl.NumberFormat(o.value, { style: "decimal" }).formatToParts(0.1).find((S) => S.type === "decimal")) == null ? void 0 : D.value) || ".";
2639
- }), f = i(() => new Intl.NumberFormat(o.value, { style: "decimal" }).resolvedOptions().maximumFractionDigits), g = i(() => new RegExp(`[^\\d${m.value}]`, "g")), O = (h) => {
2640
- var S;
2641
- if (typeof h == "string")
2642
- return h.trim();
2643
- const D = h.target;
2644
- return ((S = D == null ? void 0 : D.value) == null ? void 0 : S.trim()) ?? "";
2645
- }, w = (h) => {
2646
- const D = h.startsWith("-"), S = h.slice(D ? 1 : 0).replace(g.value, ""), x = S.indexOf(m.value), U = x !== -1 && x === S.lastIndexOf(m.value), M = U ? S.slice(x + m.value.length) : null, _ = t.value && s.value && p.value !== null && M !== null ? M.slice(0, f.value) : M, y = _ !== null ? `${S.slice(0, x)}${m.value}${_}` : S, u = m.value === "." ? y : y.split(m.value).join("."), P = u.length > 0 ? Number(u) : null, b = D && (Number.isFinite(P) || S.length === 0 || U && S.slice(0, x).length === 0);
2647
- return {
2648
- decimalPart: _,
2649
- isNegative: b,
2650
- numberValue: Number.isFinite(P) ? P : null
2651
- };
2652
- }, N = (h) => t.value ? n(h, { style: "decimal" }) : String(h), A = (h) => {
2653
- const D = Math.trunc(h);
2654
- return `${t.value ? n(D, { style: "decimal" }) : String(D)}${m.value}${p.value}`;
2655
- }, B = i(() => {
2656
- if (c.value === null)
2657
- return s.value && d.value ? p.value !== null ? `-${m.value}${p.value}` : "-" : "";
2658
- const h = s.value && p.value !== null ? A(c.value) : N(c.value);
2659
- return d.value ? `-${h}` : h;
2660
- }), C = (h) => {
2661
- const { decimalPart: D, isNegative: S, numberValue: x } = w(h);
2662
- if (d.value = S, p.value = D, x !== null) {
2663
- c.value = x;
2664
- const U = d.value ? -x : x;
2665
- l == null || l(U);
2666
- } else
2667
- c.value = null, l == null || l(null);
2668
- };
2669
- X(
2670
- e,
2671
- (h) => {
2672
- const D = typeof h == "number", S = D && (h < 0 || Object.is(h, -0)), x = D ? Math.abs(h) : null;
2673
- (c.value !== x || d.value !== S) && (d.value = S, p.value = null, c.value = x);
2674
- },
2675
- { immediate: !0 }
2676
- );
2677
- const $ = () => {
2678
- var h;
2679
- return ((h = r.value) == null ? void 0 : h.selectionStart) || 0;
2680
- }, T = (h) => {
2681
- r.value && r.value.setSelectionRange(h, h);
2682
- }, k = (h, D) => {
2683
- let S = 0;
2684
- for (let x = 0; x < D; x++)
2685
- Ge(h[x]) && S++;
2686
- return S;
2687
- }, V = (h) => {
2688
- let D = 0, S = 0;
2689
- const x = B.value;
2690
- if (x.length)
2691
- for (; D < h && S < x.length; )
2692
- Ge(x[S]) && D++, S++;
2693
- T(S);
2694
- }, E = async (h) => {
2695
- const D = $();
2696
- if (D === h.length)
2697
- C(h);
2698
- else {
2699
- const x = k(h, D);
2700
- C(h), await Ie(), V(x);
2701
- }
2702
- };
2703
- return {
2704
- inputRef: r,
2705
- displayValue: B,
2706
- isFocused: s,
2707
- handleInput: (h) => {
2708
- const D = O(h);
2709
- t.value && s.value ? E(D) : C(D), r.value && r.value.value !== B.value && (r.value.value = B.value);
2710
- },
2711
- handleKeyDown: (h) => {
2712
- var S;
2713
- const D = h.target;
2714
- if (D && h.key === m.value) {
2715
- const x = D.selectionStart ?? 0, U = D.selectionEnd ?? 0, M = D.value ?? "", v = M.slice(0, x) + M.slice(U);
2716
- (!v || v.includes(m.value)) && ((S = h.preventDefault) == null || S.call(h));
2717
- }
2718
- },
2719
- onFocus: () => {
2720
- s.value = !0;
2721
- },
2722
- onBlur: () => {
2723
- s.value = !1, p.value = null;
2724
- }
2725
- };
2726
- }
2727
- const _n = {
2728
- "de-DE": {
2729
- from: "Von",
2730
- to: "Bis"
2731
- },
2732
- "en-GB": {
2733
- from: "From",
2734
- to: "To"
2735
- },
2736
- "en-US": {
2737
- from: "From",
2738
- to: "To"
2739
- },
2740
- "es-419": {
2741
- from: "Desde",
2742
- to: "A"
2743
- },
2744
- "es-ES": {
2745
- from: "Desde",
2746
- to: "Hasta"
2747
- },
2748
- "es-MX": {
2749
- from: "De",
2750
- to: "A"
2751
- },
2752
- "fr-FR": {
2753
- from: "De",
2754
- to: "À"
2755
- },
2756
- "it-IT": {
2757
- from: "Da",
2758
- to: "A"
2759
- },
2760
- "ja-JP": {
2761
- from: "下限",
2762
- to: "上限"
2763
- },
2764
- "pt-BR": {
2765
- from: "De",
2766
- to: "Para"
2767
- },
2768
- "zh-CN": {
2769
- from: "自",
2770
- to: "至"
2771
- }
2772
- }, hn = {
2773
- name: "bento-range-filter",
2774
- i18n: { messages: _n }
2775
- }, yn = /* @__PURE__ */ Y({
2776
- ...hn,
2777
- props: {
2778
- disabled: { type: Boolean, default: !1 },
2779
- defaultValue: { default: null },
2780
- field: null,
2781
- label: null,
2782
- value: { default: () => ["", ""] },
2783
- onlySlot: { type: Boolean, default: !1 },
2784
- options: { default: void 0 }
2785
- },
2786
- emits: [I.INPUT, I.UPDATE],
2787
- setup(a, { emit: e }) {
2788
- const l = a, { t, n } = ee(), o = R(null), r = R(null), { internalFilterValue: s, isSecondaryButtonDisabled: d, isApplyButtonDisabled: p } = se(W(l, "value"), W(l, "defaultValue")), c = R(null), m = R(null), f = (u) => u !== null ? Object.is(u, -0) ? "-0" : u.toString() : "", {
2789
- displayValue: g,
2790
- handleInput: O,
2791
- handleKeyDown: w,
2792
- onFocus: N,
2793
- onBlur: A,
2794
- inputRef: B
2795
- } = je({
2796
- value: c,
2797
- prettyOutput: !0,
2798
- onInput: (u) => {
2799
- const P = s.value ?? ["", ""];
2800
- s.value = [f(u), P[1]], M();
2801
- }
2802
- }), C = (u) => O(String(u)), {
2803
- displayValue: $,
2804
- handleInput: T,
2805
- handleKeyDown: k,
2806
- onFocus: V,
2807
- onBlur: E,
2808
- inputRef: L
2809
- } = je({
2810
- value: m,
2811
- prettyOutput: !0,
2812
- onInput: (u) => {
2813
- const P = s.value ?? ["", ""];
2814
- s.value = [P[0], f(u)], M();
2815
- }
2816
- }), G = (u) => T(String(u));
2817
- ye(() => {
2818
- var u, P;
2819
- B.value = ((u = o.value) == null ? void 0 : u.inputFieldElement) ?? null, L.value = ((P = r.value) == null ? void 0 : P.inputFieldElement) ?? null;
2820
- }), X(
2821
- () => s.value,
2822
- (u) => {
2823
- const P = u != null && u[0] ? parseFloat(u[0]) : null, b = u != null && u[1] ? parseFloat(u[1]) : null;
2824
- c.value !== P && (c.value = P), m.value !== b && (m.value = b);
2825
- },
2826
- { immediate: !0 }
2827
- );
2828
- const h = i(() => {
2829
- var Q, te, le, ae, z, ie, Fe, Le;
2830
- if (!((Q = l.value) != null && Q[0]) && !((te = l.value) != null && te[1]))
2831
- return null;
2832
- let u = "";
2833
- (le = l.value) != null && le[0] ? (ae = l.value) != null && ae[1] || (u = "≥") : u = "≤";
2834
- const P = (z = l.value) != null && z[0] ? parseFloat(l.value[0]) : null, b = (ie = l.value) != null && ie[1] ? parseFloat(l.value[1]) : null, F = P !== null ? n(P, { style: "decimal" }) : "", q = (Fe = l.value) != null && Fe[0] && ((Le = l.value) != null && Le[1]) ? " - " : "", J = b !== null ? n(b, { style: "decimal" }) : "";
2835
- return `${u}${ne(F, 10)}${q}${ne(J, 10)}`;
2836
- }), D = i(() => l.label), S = i(() => h.value), x = i(() => ({
2837
- "b-range-filter--only-slot": l.onlySlot
2838
- })), U = () => {
2839
- s.value = l.value, Ie(() => {
2840
- var u;
2841
- return (u = o.value) == null ? void 0 : u.focusInput();
2842
- });
2843
- }, M = () => {
2844
- e(I.INPUT, { ...l, value: s.value });
2845
- }, v = () => {
2846
- var u;
2847
- (u = s.value) != null && u.some((P) => P) || (s.value = l.defaultValue !== null ? l.defaultValue : void 0), e(I.UPDATE, {
2848
- ...l,
2849
- value: s.value
2850
- });
2851
- };
2852
- return { __sfc: !0, props: l, emit: e, t, n, fromFieldRef: o, toFieldRef: r, internalFilterValue: s, isSecondaryButtonDisabled: d, isApplyButtonDisabled: p, fromNum: c, toNum: m, stringifyInputValue: f, displayFrom: g, handleInputFrom: O, handleKeyDownFrom: w, onFocusFrom: N, onBlurFrom: A, inputRefFrom: B, handleModelValueFrom: C, displayTo: $, handleInputTo: T, handleKeyDownTo: k, onFocusTo: V, onBlurTo: E, inputRefTo: L, handleModelValueTo: G, truncatedRangeValues: h, buttonLabel: D, buttonSecondaryLabel: S, conditionalClasses: x, openFilter: U, onInput: M, updateFilter: v, resetFilter: () => e(I.UPDATE, { ...l, value: l.defaultValue }), clearFilter: () => {
2853
- s.value = ["", ""], v();
2854
- }, BentoBaseFilter: re, BentoInputField: Oe };
2855
- }
2856
- });
2857
- var Fn = function() {
2858
- var n, o;
2859
- var e = this, l = e._self._c, t = e._self._setupProxy;
2860
- 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": (n = t.props.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = t.props.options) == null ? void 0 : o.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(r) {
2861
- return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
2862
- } } }, [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)]);
2863
- }, gn = [], Bn = /* @__PURE__ */ j(
2864
- yn,
2865
- Fn,
2866
- gn,
2867
- !1,
2868
- null,
2869
- "1947f716"
2870
- );
2871
- const St = Bn.exports, Sn = {
2872
- "de-DE": {
2873
- all: "Alle"
2874
- },
2875
- "en-GB": {
2876
- all: "All"
2877
- },
2878
- "en-US": {
2879
- all: "All"
2880
- },
2881
- "es-419": {
2882
- all: "Todos"
2883
- },
2884
- "es-ES": {
2885
- all: "Todos"
2886
- },
2887
- "es-MX": {
2888
- all: "Todos"
2889
- },
2890
- "fr-FR": {
2891
- all: "Tout"
2892
- },
2893
- "it-IT": {
2894
- all: "Tutti"
2895
- },
2896
- "ja-JP": {
2897
- all: "すべて"
2898
- },
2899
- "pt-BR": {
2900
- all: "Todos os"
2901
- },
2902
- "zh-CN": {
2903
- all: "全部"
2904
- }
2905
- }, Cn = {
2906
- name: "bento-checkbox-group-filter",
2907
- i18n: { messages: Sn }
2908
- }, Tn = /* @__PURE__ */ Y({
2909
- ...Cn,
2910
- props: {
2911
- disabled: { type: Boolean, default: !1 },
2912
- defaultValue: { default: void 0 },
2913
- field: null,
2914
- label: null,
2915
- onlySlot: { type: Boolean, default: !1 },
2916
- options: { default: void 0 },
2917
- value: { default: void 0 }
2918
- },
2919
- emits: ["input", "update"],
2920
- setup(a, { emit: e }) {
2921
- const l = a, { t } = ee(), {
2922
- internalFilterValue: n,
2923
- isSecondaryButtonDisabled: o,
2924
- isApplyButtonDisabled: r,
2925
- clearFilter: s,
2926
- resetFilter: d,
2927
- openFilter: p
2928
- } = ut(W(l, "value"), W(l, "defaultValue")), c = R(n.value ?? []);
2929
- X(
2930
- () => l.value,
2931
- (A) => {
2932
- c.value = A ?? [];
2933
- }
2934
- );
2935
- const m = i(() => ({
2936
- "b-checkbox-group-filter--only-slot": l.onlySlot
2937
- })), f = i(() => l.label), g = i(
2938
- () => {
2939
- var A, B;
2940
- return c.value.length === 1 ? ne(
2941
- ((B = (A = l.options) == null ? void 0 : A.checkboxItems.find((C) => c.value[0] === C.value)) == null ? void 0 : B.label) ?? "",
2942
- 12
2943
- ) : null;
2944
- }
2945
- ), O = i(() => {
2946
- var A;
2947
- return !c.value.length || g.value ? null : c.value.length === ((A = l.options) == null ? void 0 : A.checkboxItems.length) ? t("all") : c.value.length;
2948
- });
2949
- return { __sfc: !0, props: l, emit: e, t, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r, clearFilter: s, resetFilter: d, openFilter: p, displayedValues: c, conditionalClasses: m, buttonLabel: f, buttonSecondaryLabel: g, appliedFiltersCount: O, updateFilter: (A) => {
2950
- c.value = A ?? [], e("update", { ...l, value: A });
2951
- }, onModelValueUpdate: (A) => {
2952
- n.value = A, e("input", { ...l, value: n.value });
2953
- }, BentoCheckboxGroup: Lt, BentoBaseFilter: re };
2954
- }
2955
- });
2956
- var Dn = function() {
2957
- var n, o, r;
2958
- var e = this, l = e._self._c, t = e._self._setupProxy;
2959
- 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": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.tooltipText }, on: { apply: function(s) {
2960
- return t.updateFilter(t.internalFilterValue);
2961
- }, clear: function(s) {
2962
- return t.clearFilter(t.updateFilter);
2963
- }, open: t.openFilter, reset: function(s) {
2964
- return t.resetFilter(t.updateFilter);
2965
- } } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-checkbox-group-filter", class: t.conditionalClasses, on: { keydown: function(s) {
2966
- return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : t.updateFilter(t.internalFilterValue);
2967
- } } }, [l(t.BentoCheckboxGroup, { attrs: { "model-value": t.internalFilterValue, items: (r = e.options) == null ? void 0 : r.checkboxItems, label: e.label, disabled: e.disabled, "hide-label": "" }, on: { "update:model-value": t.onModelValueUpdate } })], 1)]);
2968
- }, An = [], xn = /* @__PURE__ */ j(
2969
- Tn,
2970
- Dn,
2971
- An,
2972
- !1,
2973
- null,
2974
- "a3c2bae1"
2975
- );
2976
- const Ct = xn.exports, Ye = 430, We = 700;
2977
- function In(a, e) {
2978
- const l = xt("div"), t = R(!1), n = R(0), o = i(() => !(n.value < Ye && e.value.small === "multi-line"));
2979
- function r() {
2980
- t.value = !1, l.value = "div";
2981
- }
2982
- function s() {
2983
- t.value = !0, l.value = nt;
2984
- }
2985
- function d() {
2986
- var m, f;
2987
- n.value >= We ? ((m = e.value) == null ? void 0 : m.large) === "one-line" ? s() : r() : n.value >= Ye && ((f = e.value) == null ? void 0 : f.medium) === "multi-line" ? r() : s();
2988
- }
2989
- X(() => e.value, d), kt(a, (m) => {
2990
- n.value = m[0].contentRect.width, d();
2991
- });
2992
- const p = i(() => n.value >= We), c = i(() => ({ "b-filter-bar--large-layout": p.value }));
2993
- return {
2994
- screenLayoutComponent: l,
2995
- showSearchbarInsideContainer: o,
2996
- isOneLineLayout: t,
2997
- isLargeLayout: p,
2998
- rootElementConditionalClasses: c
2999
- };
3000
- }
3001
- var xe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(xe || {});
3002
- const On = Y({
3003
- name: "base-filter-button",
3004
- components: { BaseButton: et, BentoTypography: _e, ChevronUpIcon: qt, ChevronDownIcon: Gt },
3005
- props: {
3006
- /**
3007
- * The number of applies values within the filter.
3008
- * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
3009
- */
3010
- amountAppliedValues: { type: [Number, String], default: null },
3011
- /**
3012
- * Disables button functionality.
3013
- */
3014
- disabled: { type: Boolean, default: !1 },
3015
- /**
3016
- * Signifies if the filter is open or closed.
3017
- */
3018
- isFilterOpen: { type: Boolean, default: !1 },
3019
- /**
3020
- * Toggles if a chevron icon should be displayed in the button.
3021
- * The chevron will change depending on the open state of the filter.
3022
- */
3023
- hasChevron: { type: Boolean, default: !1 },
3024
- /**
3025
- * Renders the text in a stronger variant.
3026
- */
3027
- bold: { type: Boolean, default: !1 }
3028
- },
3029
- emits: [ke.CLICK],
3030
- setup(a, { slots: e, emit: l, attrs: t }) {
3031
- const n = i(() => e.default ? at(e)("default") : null), o = lt({ ariaLabel: n }), r = R(null), s = i(() => {
3032
- var c;
3033
- return {
3034
- "aria-controls": (c = t["aria-controls"]) == null ? void 0 : c.toString()
3035
- };
3036
- }), d = i(() => ({
3037
- "b-base-filter-button--with-chevron": a.hasChevron,
3038
- "b-base-filter-button--filter-open": a.isFilterOpen
3039
- }));
3040
- return {
3041
- // Values
3042
- ariaAttributes: s,
3043
- computedAriaLabel: o,
3044
- conditionalClasses: d,
3045
- // Methods
3046
- onClickButton: () => {
3047
- a.disabled || l(ke.CLICK);
3048
- },
3049
- hasSlot: tt(e),
3050
- // Refs
3051
- baseFilterButtonRef: r
3052
- };
3053
- }
3054
- });
3055
- var wn = function() {
3056
- var e = this, l = e._self._c;
3057
- 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() {
3058
- return [e.isFilterOpen ? l("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : l("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
3059
- }, 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()])]);
3060
- }, Pn = [], En = /* @__PURE__ */ j(
3061
- On,
3062
- wn,
3063
- Pn,
3064
- !1,
3065
- null,
3066
- "66b170d4"
3067
- );
3068
- const Rn = En.exports, Ln = Y({
3069
- name: "all-filters-modal-button",
3070
- components: { BaseFilterButton: Rn },
3071
- props: {
3072
- /**
3073
- * Button label to be displayed
3074
- */
3075
- label: { type: String, required: !0 },
3076
- /**
3077
- * Total count of applied filters
3078
- */
3079
- appliedFiltersCount: { type: [Number, String], default: null },
3080
- /**
3081
- * Indicates whether the filter popover tied to this button is showing
3082
- */
3083
- isFilterOpen: { type: Boolean, default: !1 },
3084
- /**
3085
- * Disables button functionality.
3086
- */
3087
- disabled: { type: Boolean, default: !1 }
3088
- },
3089
- emits: ["click"],
3090
- setup(a, { emit: e }) {
3091
- return {
3092
- conditionalClasses: i(() => ({
3093
- "b-all-filters-modal-button--with-counter": a.appliedFiltersCount,
3094
- "b-all-filters-modal-button--filter-open": a.isFilterOpen
3095
- })),
3096
- onClick: () => {
3097
- e("click");
3098
- }
3099
- };
3100
- }
3101
- });
3102
- var kn = function() {
3103
- var e = this, l = e._self._c;
3104
- 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) + " ")]);
3105
- }, Nn = [], $n = /* @__PURE__ */ j(
3106
- Ln,
3107
- kn,
3108
- Nn,
3109
- !1,
3110
- null,
3111
- "4c415ac7"
3112
- );
3113
- const Vn = $n.exports;
3114
- let ze = 0;
3115
- const Un = {
3116
- beforeCreate() {
3117
- this.uuid = ze.toString(), ze += 1;
3118
- }
3119
- };
3120
- var Mn = function() {
3121
- var e = this, l = e._self._c;
3122
- return 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" } })]);
3123
- }, Hn = [], qn = /* @__PURE__ */ j(
3124
- Un,
3125
- Mn,
3126
- Hn,
3127
- !1,
3128
- null,
3129
- null
3130
- );
3131
- const Gn = qn.exports, jn = {
3132
- "de-DE": {
3133
- activeFilters: "Aktive Filter",
3134
- all: "Alle",
3135
- allFilters: "Alle Filter",
3136
- applyAll: "Alle anwenden",
3137
- cancel: "Abbrechen",
3138
- clear: "Löschen",
3139
- clearAll: "Alle löschen",
3140
- noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.",
3141
- otherFilters: "Andere Filter",
3142
- searchBar: "Suchleiste"
3143
- },
3144
- "en-GB": {
3145
- activeFilters: "Active filters",
3146
- all: "All",
3147
- allFilters: "All filters",
3148
- applyAll: "Apply all",
3149
- cancel: "Cancel",
3150
- clear: "Clear",
3151
- clearAll: "Clear all",
3152
- noFiltersMatchThisSearch: "No filters match this search",
3153
- otherFilters: "Other filters",
3154
- searchBar: "Search bar"
3155
- },
3156
- "en-US": {
3157
- activeFilters: "Active filters",
3158
- all: "All",
3159
- allFilters: "All filters",
3160
- applyAll: "Apply all",
3161
- cancel: "Cancel",
3162
- clear: "Clear",
3163
- clearAll: "Clear all",
3164
- noFiltersMatchThisSearch: "No filters match this search",
3165
- otherFilters: "Other filters",
3166
- searchBar: "Search bar"
3167
- },
3168
- "es-419": {
3169
- activeFilters: "Filtros activos",
3170
- all: "Todos",
3171
- allFilters: "Todos los filtros",
3172
- applyAll: "Aplicar todo",
3173
- cancel: "Cancelar",
3174
- clear: "Borrar",
3175
- clearAll: "Borrar todo",
3176
- noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda",
3177
- otherFilters: "Otros filtros",
3178
- searchBar: "Barra de búsqueda"
3179
- },
3180
- "es-ES": {
3181
- activeFilters: "Filtros activos",
3182
- all: "Todos",
3183
- allFilters: "Todos los filtros",
3184
- applyAll: "Aplicar todo",
3185
- cancel: "Cancelar",
3186
- clear: "Borrar",
3187
- clearAll: "Borrar todo",
3188
- noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda",
3189
- otherFilters: "Otros filtros",
3190
- searchBar: "Barra de búsqueda"
3191
- },
3192
- "es-MX": {
3193
- activeFilters: "Filtros activos",
3194
- all: "Todos",
3195
- allFilters: "Todos los filtros",
3196
- applyAll: "Aplicar todo",
3197
- cancel: "Cancelar",
3198
- clear: "Claro",
3199
- clearAll: "Borrar todo",
3200
- noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda",
3201
- otherFilters: "Otros filtros",
3202
- searchBar: "Barra de búsqueda"
3203
- },
3204
- "fr-FR": {
3205
- activeFilters: "Filtres actifs",
3206
- all: "Tous",
3207
- allFilters: "Tous les filtres",
3208
- applyAll: "Tout appliquer",
3209
- cancel: "Annuler",
3210
- clear: "Clair",
3211
- clearAll: "Tout effacer",
3212
- noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche",
3213
- otherFilters: "Autres filtres",
3214
- searchBar: "Barre de recherche"
3215
- },
3216
- "it-IT": {
3217
- activeFilters: "Filtri attivi",
3218
- all: "Tutti",
3219
- allFilters: "Tutti i filtri",
3220
- applyAll: "Applica tutto",
3221
- cancel: "Annulla",
3222
- clear: "Cancella",
3223
- clearAll: "Cancella tutto",
3224
- noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca",
3225
- otherFilters: "Altri filtri",
3226
- searchBar: "Barra di ricerca"
3227
- },
3228
- "ja-JP": {
3229
- activeFilters: "適用中のフィルター",
3230
- all: "すべて",
3231
- allFilters: "すべてのフィルター",
3232
- applyAll: "すべて適用",
3233
- cancel: "キャンセル",
3234
- clear: "クリア",
3235
- clearAll: "すべてクリア",
3236
- noFiltersMatchThisSearch: "この検索に一致するフィルターはありません",
3237
- otherFilters: "他のフィルター",
3238
- searchBar: "検索バー"
3239
- },
3240
- "pt-BR": {
3241
- activeFilters: "Filtros ativos",
3242
- all: "Todos",
3243
- allFilters: "Todos os filtros",
3244
- applyAll: "Aplicar tudo",
3245
- cancel: "Cancelar",
3246
- clear: "Limpar",
3247
- clearAll: "Limpar tudo",
3248
- noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca",
3249
- otherFilters: "Outros filtros",
3250
- searchBar: "Barra de busca"
3251
- },
3252
- "zh-CN": {
3253
- activeFilters: "有效筛选器",
3254
- all: "全部",
3255
- allFilters: "所有筛选器",
3256
- applyAll: "全部应用",
3257
- cancel: "取消",
3258
- clear: "清除",
3259
- clearAll: "全部清除",
3260
- noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器",
3261
- otherFilters: "其他筛选器",
3262
- searchBar: "搜索栏"
3263
- }
3264
- }, Yn = {
3265
- name: "all-filters-modal",
3266
- i18n: { messages: jn },
3267
- components: {
3268
- BentoBooleanFilter: Bt,
3269
- BentoCheckboxGroupFilter: Ct,
3270
- BentoDateFilter: pt,
3271
- BentoDateRangeFilter: bt,
3272
- BentoInputFilter: dt,
3273
- BentoInputWithDropdownFilter: ft,
3274
- BentoRadioGroupFilter: vt,
3275
- BentoRangeFilter: St,
3276
- BentoSelectAvatarFilter: mt,
3277
- BentoSelectCountryFilter: ht,
3278
- BentoSelectCurrencyFilter: _t,
3279
- BentoSelectFilter: de,
3280
- BentoSelectPaymentMethodFilter: yt,
3281
- BentoSelectTagFilter: Ft,
3282
- BentoToggleFilter: gt
3283
- }
3284
- }, Wn = /* @__PURE__ */ Y({
3285
- ...Yn,
3286
- props: {
3287
- value: { default: () => [] }
3288
- },
3289
- emits: [xe.INPUT],
3290
- setup(a, { emit: e }) {
3291
- const l = a, t = R(l.value), n = me("all-filters-modal"), o = R([]), r = R(!1), s = R(0), d = R(null), p = R(""), { t: c, n: m } = ee(), f = Pe(p, W(t, "value")), g = R({});
3292
- Se(() => {
3293
- g.value = [];
3294
- }), X(
3295
- () => l.value,
3296
- () => {
3297
- r.value ? t.value = l.value.map((b, F) => ({ ...b, value: t.value[F].value })) : t.value = l.value;
3298
- }
3299
- );
3300
- const O = (b) => b.sort((F, q) => F.label > q.label ? 1 : q.label > F.label ? -1 : 0), w = i(
3301
- () => O(
3302
- f.value.filter(
3303
- (b) => {
3304
- var F, q;
3305
- return Array.isArray(b.value) ? ((F = b.value) == null ? void 0 : F.length) && ((q = b.value) == null ? void 0 : q.find((J) => J !== "")) : b.value;
3306
- }
3307
- )
3308
- )
3309
- ), N = i(
3310
- () => O(
3311
- f.value.filter(
3312
- (b) => {
3313
- var F, q;
3314
- return Array.isArray(b.value) ? ((F = b.value) == null ? void 0 : F.length) === 0 || ((q = b.value) == null ? void 0 : q.every((J) => J === "")) : !b.value;
3315
- }
3316
- )
3317
- )
3318
- ), A = i(() => {
3319
- var b;
3320
- return p.value && ((b = f.value) == null ? void 0 : b.length) === 0;
3321
- }), B = i(() => {
3322
- var b;
3323
- return {
3324
- ...t.value[s.value],
3325
- labelId: me((b = t.value[s.value]) == null ? void 0 : b.field)
3326
- };
3327
- }), C = () => {
3328
- const b = w.value.length ? w.value[0] : N.value[0], F = t.value.findIndex(
3329
- (q) => q.label === b.label && q.field === b.field
3330
- );
3331
- s.value = F;
3332
- };
3333
- ye(() => {
3334
- C();
3335
- });
3336
- const $ = (b) => b.map((F) => {
3337
- var q, J, Q, te, le, ae, z, ie;
3338
- switch (F.type) {
3339
- case K.SELECT:
3340
- case K.SELECT_AVATAR:
3341
- case K.SELECT_COUNTRY:
3342
- case K.SELECT_CURRENCY:
3343
- case K.SELECT_PAYMENT_METHOD:
3344
- case K.SELECT_TAG:
3345
- return ((q = F.options) == null ? void 0 : q.multiple) === !0 ? {
3346
- label: F.label,
3347
- field: F.field,
3348
- count: (J = F.value) != null && J.length ? (Q = F.value) == null ? void 0 : Q.length : null
3349
- } : {
3350
- label: F.label,
3351
- field: F.field,
3352
- count: F.value == null ? null : 1
3353
- };
3354
- case K.DATE_RANGE:
3355
- return {
3356
- label: F.label,
3357
- field: F.field,
3358
- count: ((te = F.value) == null ? void 0 : te.startDate) != null && ((le = F.value) == null ? void 0 : le.endDate) != null ? 1 : null
3359
- };
3360
- case K.RANGE:
3361
- return {
3362
- label: F.label,
3363
- field: F.field,
3364
- count: (ae = F.value) != null && ae.find((Fe) => Fe !== "") ? 1 : null
3365
- };
3366
- case K.CHECKBOX_GROUP:
3367
- return {
3368
- label: F.label,
3369
- field: F.field,
3370
- count: (z = F.value) != null && z.length ? (ie = F.value) == null ? void 0 : ie.length : null
3371
- };
3372
- case K.TOGGLE:
3373
- return {
3374
- label: F.label,
3375
- field: F.field,
3376
- count: F.value ? 1 : null
3377
- };
3378
- case K.INPUT:
3379
- case K.BOOLEAN:
3380
- case K.DATE:
3381
- case K.RADIO_GROUP:
3382
- default:
3383
- return {
3384
- label: F.label,
3385
- field: F.field,
3386
- count: F.value != null ? 1 : null
3387
- };
3388
- }
3389
- }), T = i(
3390
- () => {
3391
- var b;
3392
- return Array.isArray(B.value.value) ? ((b = B.value) == null ? void 0 : b.value.length) && B.value.value.find((F) => F !== "") : !!t.value[s.value].value;
3393
- }
3394
- ), k = i(() => B.value.type !== K.TOGGLE), V = i(() => !T.value || B.value.disabled), E = i(() => {
3395
- var b;
3396
- return (b = $(l.value)) == null ? void 0 : b.filter(({ count: F }) => !!F).length;
3397
- }), L = () => {
3398
- r.value ? r.value = !1 : r.value = !0;
3399
- }, G = (b) => {
3400
- var Q, te, le, ae, z;
3401
- const F = $(t.value).find((ie) => ie.field === b.field).count, q = typeof b.type == "string" && // Type guard to avoid casting
3402
- b.type.includes("BentoSelect") && ((Q = b.options) == null ? void 0 : Q.multiple) && F === ((le = (te = b.options) == null ? void 0 : te.listboxItems) == null ? void 0 : le.length), J = typeof b.type == "string" && b.type === K.CHECKBOX_GROUP && F === ((z = (ae = b.options) == null ? void 0 : ae.checkboxItems) == null ? void 0 : z.length);
3403
- return q || J ? c("all") : F === null ? null : m(F);
3404
- }, h = (b, F) => {
3405
- s.value = t.value.findIndex(
3406
- (q) => q.label === b && q.field === F
3407
- );
3408
- }, D = () => {
3409
- p.value = "";
3410
- }, S = () => {
3411
- r.value = !1, t.value = l.value, D(), C();
3412
- }, x = (b) => {
3413
- const F = t.value.map(({ value: q, ...J }, Q) => Q === s.value ? { value: b.value, ...J } : { value: q, ...J });
3414
- t.value = F;
3415
- }, U = () => {
3416
- x({
3417
- field: B.value.field,
3418
- label: B.value.label,
3419
- type: B.value.type,
3420
- value: void 0
3421
- });
3422
- }, M = () => {
3423
- t.value = l.value.map(({ value: b, ...F }) => ({
3424
- ...F,
3425
- value: void 0
3426
- }));
3427
- }, v = () => {
3428
- e(xe.INPUT, t.value), r.value = !1;
3429
- }, _ = i(
3430
- () => JSON.stringify(t.value) === JSON.stringify(l.value)
3431
- ), y = i(() => [
3432
- {
3433
- title: c("applyAll"),
3434
- disabled: _.value,
3435
- event: v
3436
- },
3437
- {
3438
- title: c("cancel"),
3439
- event: S
3440
- },
3441
- {
3442
- title: c("clearAll"),
3443
- disabled: !E.value,
3444
- event: M
3445
- }
3446
- ]);
3447
- return { __sfc: !0, props: l, emit: e, filtersInModal: t, allFiltersModalUniqueId: n, allFiltersModalFiltersSection: o, isModalOpen: r, selectedFilterIndex: s, selectedFilterRef: d, searchTerm: p, t: c, n: m, filteredItems: f, allFiltersModalFilterButtons: g, sortAlphabetically: O, activeFilters: w, otherFilters: N, isEmptyResultForSearchFilter: A, selectedFilter: B, selectOpenedFilter: C, computeCounts: $, hasValueSelected: T, shouldShowFilterTitle: k, isClearButtonDisabled: V, numberOfActiveFilters: E, onClickAllFiltersModal: L, getFilterCount: G, selectFilter: h, onSearchbarClear: D, cancel: S, updateFilter: x, clearFilter: U, clearAll: M, applyAll: v, isApplyAllButtonDisabled: _, modalActions: y, onKeydownRight: () => {
3448
- Ht(1, d.value.$el).focus();
3449
- }, onKeydownLeft: () => {
3450
- g.value[B.value.label].$el.focus();
3451
- }, BentoModal: Nt, BentoButton: $t, BentoSearchBar: we, BentoTypography: _e, FilterBarButton: Te, AllFiltersModalButton: Vn, SlidersIcon: Gn };
3452
- }
3453
- });
3454
- var zn = function() {
3455
- var e = this, l = e._self._c, t = e._self._setupProxy;
3456
- 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() {
3457
- return [l(t.SlidersIcon, { attrs: { "aria-hidden": "true" } })];
3458
- }, proxy: !0 }]) }, [e._v(" " + e._s(t.t("allFilters")) + " ")]), 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() {
3459
- return [e._v(" " + e._s(t.t("allFilters")) + " ")];
3460
- }, proxy: !0 }, { key: "content-col-1", fn: function() {
3461
- return [l("div", { ref: "allFiltersModalFiltersSection", staticClass: "b-all-filters-modal__filters", on: { keydown: function(n) {
3462
- return !n.type.indexOf("key") && e._k(n.keyCode, "right", 39, n.key, ["Right", "ArrowRight"]) || "button" in n && n.button !== 2 ? null : t.onKeydownRight.apply(null, arguments);
3463
- } } }, [l(t.BentoSearchBar, { staticClass: "b-all-filters-modal__search-bar", attrs: { value: t.searchTerm, "input-field-aria-label": t.t("searchBar").toString() }, on: { input: function(n) {
3464
- t.searchTerm = n;
3465
- }, clear: t.onSearchbarClear } }), t.isEmptyResultForSearchFilter ? l("div", { staticClass: "b-all-filters-modal__empty-search-message" }, [l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(" " + e._s(t.t("noFiltersMatchThisSearch")))])], 1) : e._e(), t.activeFilters.length ? l("div", { staticClass: "b-all-filters-modal__filters-section" }, [l(t.BentoTypography, { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `active-filters-${t.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(t.t("activeFilters")) + " ")]), l("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `active-filters-${t.allFiltersModalUniqueId}` } }, e._l(t.activeFilters, function(n) {
3466
- return l("li", { key: `${n.label}-${n.field}` }, [l(t.AllFiltersModalButton, { ref: (o) => t.allFiltersModalFilterButtons[n.label] = o, refInFor: !0, attrs: { label: n.label, "applied-filters-count": t.getFilterCount(n), "is-filter-open": t.selectedFilter.label === n.label, disabled: n.disabled }, on: { click: function(o) {
3467
- return t.selectFilter(n.label, n.field);
3468
- } } })], 1);
3469
- }), 0)], 1) : e._e(), t.otherFilters.length ? l("div", { staticClass: "b-all-filters-modal__filters-section" }, [t.activeFilters.length ? l(t.BentoTypography, { staticClass: "b-all-filters-modal__filters-section-title", attrs: { id: `other-filters-${t.allFiltersModalUniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(t.t("otherFilters")) + " ")]) : e._e(), l("ul", { staticClass: "b-all-filters-modal__filters-list", attrs: { "aria-labelledby": `other-filters-${t.allFiltersModalUniqueId}` } }, e._l(t.otherFilters, function(n) {
3470
- return l("li", { key: `${n.label}-${n.field}` }, [l(t.AllFiltersModalButton, { ref: (o) => t.allFiltersModalFilterButtons[n.label] = o, refInFor: !0, attrs: { label: n.label, disabled: n.disabled, "applied-filters-count": t.getFilterCount(n), "is-filter-open": t.selectedFilter.label === n.label }, on: { click: function(o) {
3471
- return t.selectFilter(n.label, n.field);
3472
- } } })], 1);
3473
- }), 0)], 1) : e._e()], 1)];
3474
- }, proxy: !0 }, { key: "content-col-2", fn: function() {
3475
- return [l("div", { staticClass: "b-all-filters-modal__selected-filter-content", on: { keydown: function(n) {
3476
- return !n.type.indexOf("key") && e._k(n.keyCode, "left", 37, n.key, ["Left", "ArrowLeft"]) || "button" in n && n.button !== 0 ? null : t.onKeydownLeft.apply(null, arguments);
3477
- } } }, [t.shouldShowFilterTitle ? l("div", { staticClass: "b-all-filters-modal__selected-filter-text" }, [l(t.BentoTypography, { attrs: { id: t.selectedFilter.labelId, el: "div", variant: "title", medium: "" } }, [e._v(" " + e._s(t.selectedFilter.label) + " ")]), t.selectedFilter.description ? l(t.BentoTypography, { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(t.selectedFilter.description) + " ")]) : e._e()], 1) : e._e(), l("div", { staticClass: "b-all-filters-modal__selected-filter-component" }, [l(t.selectedFilter.type, { key: t.selectedFilter.field, ref: "selectedFilterRef", tag: "component", attrs: { description: t.selectedFilter.description, field: t.selectedFilter.field, label: t.selectedFilter.label, options: t.selectedFilter.options, value: t.selectedFilter.value, "default-value": t.selectedFilter.defaultValue, "only-slot": !0, disabled: t.selectedFilter.disabled, "aria-labelledby": t.selectedFilter.labelId }, on: { input: t.updateFilter } })], 1), l("div", { staticClass: "b-all-filters-modal__clear-button" }, [l(t.BentoButton, { attrs: { variant: "secondary", disabled: t.isClearButtonDisabled }, on: { click: t.clearFilter } }, [e._v(e._s(t.t("clear")))])], 1)])];
3478
- }, proxy: !0 }]) })], 1);
3479
- }, Xn = [], Kn = /* @__PURE__ */ j(
3480
- Wn,
3481
- zn,
3482
- Xn,
3483
- !1,
3484
- null,
3485
- "732cf9cb"
3486
- );
3487
- const Jn = Kn.exports, Qn = {
3488
- "de-DE": {
3489
- clearFilters: "Filter löschen",
3490
- filtersHaveBeenCleared: "Filter wurden gelöscht.",
3491
- filtersHaveBeenReset: "Die Filter wurden zurückgesetzt.",
3492
- resetFilters: "Filter zurücksetzen",
3493
- searchBar: "Suchleiste",
3494
- undo: "Rückgängig machen"
3495
- },
3496
- "en-GB": {
3497
- clearFilters: "Clear filters",
3498
- filtersHaveBeenCleared: "Filters have been cleared.",
3499
- filtersHaveBeenReset: "Filters have been reset.",
3500
- resetFilters: "Reset filters",
3501
- searchBar: "Search bar",
3502
- undo: "Undo"
3503
- },
3504
- "en-US": {
3505
- clearFilters: "Clear filters",
3506
- filtersHaveBeenCleared: "Filters have been cleared.",
3507
- filtersHaveBeenReset: "Filters have been reset.",
3508
- resetFilters: "Reset filters",
3509
- searchBar: "Search bar",
3510
- undo: "Undo"
3511
- },
3512
- "es-419": {
3513
- clearFilters: "Borrar filtros",
3514
- filtersHaveBeenCleared: "Se han borrado los filtros.",
3515
- filtersHaveBeenReset: "Se han restablecido los filtros.",
3516
- resetFilters: "Restablecer filtros",
3517
- searchBar: "Barra de búsqueda",
3518
- undo: "Deshacer"
3519
- },
3520
- "es-ES": {
3521
- clearFilters: "Borrar filtros",
3522
- filtersHaveBeenCleared: "Se han borrado los filtros.",
3523
- filtersHaveBeenReset: "Los filtros se han restablecido.",
3524
- resetFilters: "Reiniciar filtros",
3525
- searchBar: "Barra de búsqueda",
3526
- undo: "Deshacer"
3527
- },
3528
- "es-MX": {
3529
- clearFilters: "Borrar filtros",
3530
- filtersHaveBeenCleared: "Se borraron los filtros.",
3531
- filtersHaveBeenReset: "Se restablecieron los filtros.",
3532
- resetFilters: "Restablecer filtros",
3533
- searchBar: "Barra de búsqueda",
3534
- undo: "Deshacer"
3535
- },
3536
- "fr-FR": {
3537
- clearFilters: "Effacer les filtres",
3538
- filtersHaveBeenCleared: "Les filtres ont été effacés.",
3539
- filtersHaveBeenReset: "Les filtres ont été réinitialisés.",
3540
- resetFilters: "Réinitialiser les filtres",
3541
- searchBar: "Barre de recherche",
3542
- undo: "Annuler"
3543
- },
3544
- "it-IT": {
3545
- clearFilters: "Cancella filtri",
3546
- filtersHaveBeenCleared: "I filtri sono stati cancellati.",
3547
- filtersHaveBeenReset: "I filtri sono stati resettati.",
3548
- resetFilters: "Resetta filtri",
3549
- searchBar: "Barra di ricerca",
3550
- undo: "Annulla"
3551
- },
3552
- "ja-JP": {
3553
- clearFilters: "フィルターをクリア",
3554
- filtersHaveBeenCleared: "フィルターをクリアしました。",
3555
- filtersHaveBeenReset: "フィルターがリセットされました。",
3556
- resetFilters: "フィルターをリセット",
3557
- searchBar: "検索バー",
3558
- undo: "元に戻す"
3559
- },
3560
- "pt-BR": {
3561
- clearFilters: "Limpar filtros",
3562
- filtersHaveBeenCleared: "Os filtros foram apagados.",
3563
- filtersHaveBeenReset: "Os filtros foram limpos.",
3564
- resetFilters: "Limpar filtros",
3565
- searchBar: "Barra de busca",
3566
- undo: "Desfazer"
3567
- },
3568
- "zh-CN": {
3569
- clearFilters: "清除筛选器",
3570
- filtersHaveBeenCleared: "筛选器已清除。",
3571
- filtersHaveBeenReset: "筛选器已重置。",
3572
- resetFilters: "重置筛选器",
3573
- searchBar: "搜索栏",
3574
- undo: "撤销"
3575
- }
3576
- }, Zn = {
3577
- i18n: { messages: Qn },
3578
- name: "bento-filter-bar",
3579
- components: {
3580
- BentoBooleanFilter: Bt,
3581
- BentoCheckboxGroupFilter: Ct,
3582
- BentoDateFilter: pt,
3583
- BentoDateRangeFilter: bt,
3584
- BentoInputFilter: dt,
3585
- BentoInputWithDropdownFilter: ft,
3586
- BentoRadioGroupFilter: vt,
3587
- BentoRangeFilter: St,
3588
- BentoSelectAvatarFilter: mt,
3589
- BentoSelectCountryFilter: ht,
3590
- BentoSelectCurrencyFilter: _t,
3591
- BentoSelectFilter: de,
3592
- BentoSelectPaymentMethodFilter: yt,
3593
- BentoSelectTagFilter: Ft,
3594
- BentoTeleport: Je,
3595
- BentoToggleFilter: gt,
3596
- FixedScroller: nt
3597
- }
3598
- }, er = /* @__PURE__ */ Y({
3599
- ...Zn,
3600
- props: {
3601
- config: { default: () => [] },
3602
- filterValues: { default: () => [] },
3603
- containerSizeLayout: { default: null },
3604
- search: { default: void 0 },
3605
- searchTerm: { default: void 0 },
3606
- showAppliedHiddenFilters: { type: Boolean, default: !1 },
3607
- value: { default: () => [] },
3608
- filterValuesObject: { default: void 0 }
3609
- },
3610
- emits: [
3611
- ce.INPUT,
3612
- ce.UPDATE_FILTER_VALUES_OBJECT,
3613
- ce.UPDATE_FILTER_VALUES_ARRAY,
3614
- fe.CLEAR,
3615
- fe.INPUT,
3616
- fe.UPDATE
3617
- ],
3618
- setup(a, { expose: e, emit: l }) {
3619
- const t = a, { t: n } = ee(), o = R(null), r = i(
3620
- () => {
3621
- var _, y;
3622
- return (y = ((_ = t.config) == null ? void 0 : _.length) > 0 ? t.config : t.value) == null ? void 0 : y.map((u) => {
3623
- var b;
3624
- let P = (b = t.filterValues.find(({ field: F }) => F === u.field)) == null ? void 0 : b.value;
3625
- return t.filterValuesObject && u.field in t.filterValuesObject && (P = t.filterValuesObject[u.field]), P === void 0 && (P = (u == null ? void 0 : u.value) === void 0 && (u == null ? void 0 : u.defaultValue) !== void 0 ? u == null ? void 0 : u.defaultValue : u == null ? void 0 : u.value), { ...u, value: P !== void 0 ? P : u == null ? void 0 : u.value };
3626
- });
3627
- }
3628
- ), { addToast: s } = Fl(), d = {
3629
- large: "multi-line",
3630
- medium: "one-line",
3631
- small: "multi-line"
3632
- }, p = i(() => ({
3633
- ...d,
3634
- ...t.containerSizeLayout
3635
- })), {
3636
- screenLayoutComponent: c,
3637
- showSearchbarInsideContainer: m,
3638
- isOneLineLayout: f,
3639
- isLargeLayout: g,
3640
- rootElementConditionalClasses: O
3641
- } = In(o, p), w = i(() => ({
3642
- "b-filter-bar__fixed-scroller": f.value,
3643
- "b-filter-bar__container": !f.value
3644
- // Multi-line
3645
- })), N = i(() => ({
3646
- "b-filter-bar__scroller-content": f.value,
3647
- "b-filter-bar__filters": !f.value
3648
- // Multi-line
3649
- })), A = i(() => {
3650
- var _;
3651
- return ((_ = t.search) == null ? void 0 : _.inputFieldAriaLabel) || n("searchBar");
3652
- }), B = i(() => {
3653
- if (!t.search)
3654
- return;
3655
- const { debounceTime: _, disabled: y, inputFieldAriaLabel: u, hint: P, placeholder: b } = t.search;
3656
- return { debounceTime: _, disabled: y, inputFieldAriaLabel: u, hint: P, placeholder: b };
3657
- }), C = i(
3658
- () => {
3659
- var _;
3660
- return (_ = t.search) != null && _.width && g.value ? { flexBasis: t.search.width, maxWidth: t.search.width } : void 0;
3661
- }
3662
- ), $ = i(() => r.value.some(
3663
- ({ visible: y }) => y != null
3664
- ) ? r.value.some(({ visible: y }) => !y) : !1), T = i(
3665
- () => r.value.filter(({ defaultValue: _ }) => _ !== void 0)
3666
- ), k = i(
3667
- () => r.value.filter(({ defaultValue: _ }) => _ === void 0)
3668
- ), V = i(() => r.value.some(
3669
- ({ visible: y }) => y != null
3670
- ) ? r.value.filter(
3671
- ({ defaultValue: y, visible: u, value: P }) => (
3672
- // eslint-disable-next-line eqeqeq
3673
- y === void 0 && u || t.showAppliedHiddenFilters && P != null
3674
- )
3675
- ) : r.value.filter(
3676
- ({ defaultValue: y, value: u }) => (
3677
- // eslint-disable-next-line eqeqeq
3678
- y === void 0 || t.showAppliedHiddenFilters && u != null
3679
- )
3680
- )), E = i(() => t.searchTerm != null), L = i(
3681
- () => r.value.filter(({ defaultValue: _ }) => _ == null).some(({ value: _ }) => _ != null)
3682
- ), G = i(() => T.value.length === 0 && L.value), h = i(() => T.value.length === 0 ? !1 : !r.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: u }) => JSON.stringify(y) === JSON.stringify(u)) || L.value), D = (_) => {
3683
- l(ce.INPUT, _), l(
3684
- ce.UPDATE_FILTER_VALUES_ARRAY,
3685
- _ == null ? void 0 : _.filter(({ value: y }) => y !== null || y !== void 0).map(({ field: y, value: u }) => ({ field: y, value: u }))
3686
- ), l(
3687
- ce.UPDATE_FILTER_VALUES_OBJECT,
3688
- _ == null ? void 0 : _.filter(({ value: y }) => y !== null || y !== void 0).reduce((y, u) => (y[u.field] = u.value, y), {})
3689
- );
3690
- }, S = (_) => {
3691
- const y = Array.isArray(_) ? _ : [_], u = new Map(y.map((b) => [b.field, b.value])), P = r.value.map((b) => u.has(b.field) ? { ...b, value: u.get(b.field) } : b);
3692
- D(P);
3693
- }, x = () => {
3694
- const _ = r.value.slice(), y = r.value.map(({ value: u, ...P }) => ({
3695
- ...P,
3696
- value: void 0
3697
- }));
3698
- s({
3699
- text: n("filtersHaveBeenCleared"),
3700
- action: {
3701
- handler: () => D(_),
3702
- text: n("undo")
3703
- }
3704
- }), D(y);
3705
- }, U = () => {
3706
- const _ = r.value.slice(), y = r.value.map(({ defaultValue: u, ...P }) => ({
3707
- ...P,
3708
- defaultValue: u,
3709
- value: u
3710
- }));
3711
- s({
3712
- text: n("filtersHaveBeenReset"),
3713
- action: {
3714
- handler: () => D(_),
3715
- text: n("undo")
3716
- }
3717
- }), D(y);
3718
- }, M = (_) => {
3719
- l(fe.INPUT, _), l(fe.UPDATE, _);
3720
- }, v = () => {
3721
- l(fe.CLEAR);
3722
- };
3723
- return e({ isClearAllVisible: G, clearAllFilters: x, isResetAllVisible: h, resetAllFilters: U }), { __sfc: !0, props: t, emit: l, t: n, filterBarRef: o, valueAndFilterValuesPropsMerged: r, addToast: s, DEFAULT_CONTAINER_SIZE_LAYOUT: d, mergedContainerSizeLayout: p, screenLayoutComponent: c, showSearchbarInsideContainer: m, isOneLineLayout: f, isLargeLayout: g, rootElementConditionalClasses: O, containerConditionalClasses: w, contentConditionalClasses: N, searchBarAriaLabel: A, searchBarProps: B, searchBarWidthStyle: C, hasHiddenFilters: $, persistentFilters: T, dynamicFilters: k, regularFilters: V, isSearchBarEnabled: E, hasActiveFilters: L, isClearAllVisible: G, isResetAllVisible: h, updateAllFilters: D, updateFilterHandler: S, clearAllFilters: x, resetAllFilters: U, onSearchbarInput: M, onSearchbarClear: v, FilterBarButton: Te, BentoSearchBar: we, AllFiltersModal: Jn, RefreshIcon: yl };
3724
- }
3725
- });
3726
- var tr = function() {
3727
- var e = this, l = e._self._c, t = e._self._setupProxy;
3728
- 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(n) {
3729
- return l(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: t.updateFilterHandler } });
3730
- }) : e._e(), e._l(t.regularFilters, function(n) {
3731
- return l(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value }, on: { update: t.updateFilterHandler } });
3732
- }), t.hasHiddenFilters ? l(t.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: t.dynamicFilters }, 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() {
3733
- return [l(t.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
3734
- }, 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() {
3735
- return [l(t.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
3736
- }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(t.t("resetFilters")) + " ")]) : e._e()], 2)])], 1);
3737
- }, lr = [], ar = /* @__PURE__ */ j(
3738
- er,
3739
- tr,
3740
- lr,
3741
- !1,
3742
- null,
3743
- "96754e48"
3744
- );
3745
- const Xr = ar.exports;
3746
- export {
3747
- re as B,
3748
- Xr as a,
3749
- ce as b,
3750
- I as c,
3751
- K as d,
3752
- ut as u
3753
- };
3754
- //# sourceMappingURL=filter-bar.qlViDZPY.js.map