@adyen/bento-vue2 1.79.1 → 1.80.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 (180) hide show
  1. package/dist/@types/index.d.ts +399 -920
  2. package/dist/action-bar.js +1 -1
  3. package/dist/assets/accordion-item.css +1 -1
  4. package/dist/assets/action-bar.css +1 -1
  5. package/dist/assets/base-modal.css +1 -1
  6. package/dist/assets/button-actions.css +1 -1
  7. package/dist/assets/card.css +1 -1
  8. package/dist/assets/data-grid.css +1 -1
  9. package/dist/assets/date-picker.css +1 -1
  10. package/dist/assets/dialog-page.css +1 -1
  11. package/dist/assets/file-uploader.css +1 -1
  12. package/dist/assets/filter-bar.css +1 -1
  13. package/dist/assets/focus-trap.css +1 -1
  14. package/dist/assets/inspector.css +1 -1
  15. package/dist/assets/modal-fullscreen.css +1 -1
  16. package/dist/assets/sidepanel.css +1 -1
  17. package/dist/assets/timeline-item.css +1 -1
  18. package/dist/button.js +1 -1
  19. package/dist/card.js +1 -1
  20. package/dist/checkbox.js +3 -3
  21. package/dist/chunks/{action-bar.DOaFj-A2.js → action-bar.DYH79CCh.js} +3 -3
  22. package/dist/chunks/{action-bar.DOaFj-A2.js.map → action-bar.DYH79CCh.js.map} +1 -1
  23. package/dist/chunks/{base-modal.BJ6315kP.js → base-modal.MpaQpAHB.js} +3 -3
  24. package/dist/chunks/{base-modal.BJ6315kP.js.map → base-modal.MpaQpAHB.js.map} +1 -1
  25. package/dist/chunks/{button-actions-with-menu.DPKvfKJY.js → button-actions-with-menu.ouuwtS1H.js} +2 -2
  26. package/dist/chunks/{button-actions-with-menu.DPKvfKJY.js.map → button-actions-with-menu.ouuwtS1H.js.map} +1 -1
  27. package/dist/chunks/{button-actions.C3cP-anb.js → button-actions.BoZOEVZi.js} +2 -2
  28. package/dist/chunks/{button-actions.C3cP-anb.js.map → button-actions.BoZOEVZi.js.map} +1 -1
  29. package/dist/chunks/{card.XfRuWGfC.js → card.BEM0inJ6.js} +2 -2
  30. package/dist/chunks/{card.XfRuWGfC.js.map → card.BEM0inJ6.js.map} +1 -1
  31. package/dist/chunks/{checkbox-group.h4OYdn9w.js → checkbox-group.CIIa-cYP.js} +25 -25
  32. package/dist/chunks/{checkbox-group.h4OYdn9w.js.map → checkbox-group.CIIa-cYP.js.map} +1 -1
  33. package/dist/chunks/{checkbox.CwOK7ss2.js → checkbox.CiWvdg8S.js} +3 -3
  34. package/dist/chunks/{checkbox.CwOK7ss2.js.map → checkbox.CiWvdg8S.js.map} +1 -1
  35. package/dist/chunks/{code-snippet.bzFOFUj4.js → code-snippet.CL3-Y8Az.js} +4 -4
  36. package/dist/chunks/{code-snippet.bzFOFUj4.js.map → code-snippet.CL3-Y8Az.js.map} +1 -1
  37. package/dist/chunks/{controls-group.D62vSDSk.js → controls-group.GchVWe7h.js} +2 -2
  38. package/dist/chunks/{controls-group.D62vSDSk.js.map → controls-group.GchVWe7h.js.map} +1 -1
  39. package/dist/chunks/{copy.Hu3DFJwv.js → copy.DauzzgJV.js} +3 -3
  40. package/dist/chunks/{copy.Hu3DFJwv.js.map → copy.DauzzgJV.js.map} +1 -1
  41. package/dist/chunks/{dashboard-section.BvGMr9Vl.js → dashboard-section.DiCeWZh1.js} +2 -2
  42. package/dist/chunks/{dashboard-section.BvGMr9Vl.js.map → dashboard-section.DiCeWZh1.js.map} +1 -1
  43. package/dist/chunks/{dashed-underline.D107w00E.js → dashed-underline.BfQuyT28.js} +3 -3
  44. package/dist/chunks/{dashed-underline.D107w00E.js.map → dashed-underline.BfQuyT28.js.map} +1 -1
  45. package/dist/chunks/{data-grid-template.DShJunDa.js → data-grid-template.Co0jg7Gj.js} +3 -3
  46. package/dist/chunks/{data-grid-template.DShJunDa.js.map → data-grid-template.Co0jg7Gj.js.map} +1 -1
  47. package/dist/chunks/{data-grid.C8gSMQ0A.js → data-grid.CcddqHWZ.js} +238 -226
  48. package/dist/chunks/data-grid.CcddqHWZ.js.map +1 -0
  49. package/dist/chunks/{date-picker.Dvx50znw.js → date-picker.D-7m8ONP.js} +71 -70
  50. package/dist/chunks/date-picker.D-7m8ONP.js.map +1 -0
  51. package/dist/chunks/{date-range-picker.DYYyE_e2.js → date-range-picker.CvxP8n0I.js} +6 -6
  52. package/dist/chunks/{date-range-picker.DYYyE_e2.js.map → date-range-picker.CvxP8n0I.js.map} +1 -1
  53. package/dist/chunks/{dropdown-tag.Ctn5KMFU.js → dropdown-tag.B2Ot75dU.js} +3 -3
  54. package/dist/chunks/{dropdown-tag.Ctn5KMFU.js.map → dropdown-tag.B2Ot75dU.js.map} +1 -1
  55. package/dist/chunks/{dropdown.BpT6ct8O.js → dropdown.BLgcbjv8.js} +5 -5
  56. package/dist/chunks/{dropdown.BpT6ct8O.js.map → dropdown.BLgcbjv8.js.map} +1 -1
  57. package/dist/chunks/es6.MoTTyETW.js.map +1 -1
  58. package/dist/chunks/{field-label.C3h8Q8Xd.js → field-label.DHGAa4cq.js} +2 -2
  59. package/dist/chunks/{field-label.C3h8Q8Xd.js.map → field-label.DHGAa4cq.js.map} +1 -1
  60. package/dist/chunks/{file-uploader.CK6dhx8T.js → file-uploader.QLtB254W.js} +3 -3
  61. package/dist/chunks/{file-uploader.CK6dhx8T.js.map → file-uploader.QLtB254W.js.map} +1 -1
  62. package/dist/chunks/filter-bar.DLAT3ops.js +2461 -0
  63. package/dist/chunks/filter-bar.DLAT3ops.js.map +1 -0
  64. package/dist/chunks/{focus-trap.BJfpIboH.js → focus-trap.CNIU5jOz.js} +53 -50
  65. package/dist/chunks/focus-trap.CNIU5jOz.js.map +1 -0
  66. package/dist/chunks/{footer-actions.DPjWGWhJ.js → footer-actions.BA1gX7_s.js} +2 -2
  67. package/dist/chunks/{footer-actions.DPjWGWhJ.js.map → footer-actions.BA1gX7_s.js.map} +1 -1
  68. package/dist/chunks/{header-meta.qT3_T35I.js → header-meta.B0KYY5s_.js} +3 -3
  69. package/dist/chunks/{header-meta.qT3_T35I.js.map → header-meta.B0KYY5s_.js.map} +1 -1
  70. package/dist/chunks/{header-with-views.DnGWHrWw.js → header-with-views.D0zXZ9Jh.js} +8 -8
  71. package/dist/chunks/{header-with-views.DnGWHrWw.js.map → header-with-views.D0zXZ9Jh.js.map} +1 -1
  72. package/dist/chunks/{header.CLDtv3Ir.js → header.BwS-1scb.js} +3 -3
  73. package/dist/chunks/{header.CLDtv3Ir.js.map → header.BwS-1scb.js.map} +1 -1
  74. package/dist/chunks/{info-icon.DGrrXpIY.js → info-icon.iKLaNff6.js} +3 -3
  75. package/dist/chunks/{info-icon.DGrrXpIY.js.map → info-icon.iKLaNff6.js.map} +1 -1
  76. package/dist/chunks/{input-field-password.uhQuUzyj.js → input-field-password.DVC_KSqj.js} +5 -5
  77. package/dist/chunks/{input-field-password.uhQuUzyj.js.map → input-field-password.DVC_KSqj.js.map} +1 -1
  78. package/dist/chunks/{input-field-phone-number.BdbaTJwH.js → input-field-phone-number.DcY0wFJH.js} +3 -3
  79. package/dist/chunks/{input-field-phone-number.BdbaTJwH.js.map → input-field-phone-number.DcY0wFJH.js.map} +1 -1
  80. package/dist/chunks/{input-field.C4XJ53Cn.js → input-field.MpAZisFn.js} +3 -3
  81. package/dist/chunks/{input-field.C4XJ53Cn.js.map → input-field.MpAZisFn.js.map} +1 -1
  82. package/dist/chunks/{inspector.pmpheRch.js → inspector.C6bbjQC0.js} +2 -2
  83. package/dist/chunks/{inspector.pmpheRch.js.map → inspector.C6bbjQC0.js.map} +1 -1
  84. package/dist/chunks/{listbox-option-tag.B94BtpSU.js → listbox-option-tag.CK628fjn.js} +2 -2
  85. package/dist/chunks/{listbox-option-tag.B94BtpSU.js.map → listbox-option-tag.CK628fjn.js.map} +1 -1
  86. package/dist/chunks/{modal-fullscreen.B3Xx-Hoc.js → modal-fullscreen.B9onBrN-.js} +3 -3
  87. package/dist/chunks/{modal-fullscreen.B3Xx-Hoc.js.map → modal-fullscreen.B9onBrN-.js.map} +1 -1
  88. package/dist/chunks/{modal.D3OSxMF6.js → modal.BgimE0kj.js} +4 -4
  89. package/dist/chunks/{modal.D3OSxMF6.js.map → modal.BgimE0kj.js.map} +1 -1
  90. package/dist/chunks/{pagination.Bvhpu21H.js → pagination.DcTUYJsK.js} +2 -2
  91. package/dist/chunks/{pagination.Bvhpu21H.js.map → pagination.DcTUYJsK.js.map} +1 -1
  92. package/dist/chunks/popover.types.WDh5ggr3.js +6 -0
  93. package/dist/chunks/{popover.types.DK6opPkz.js.map → popover.types.WDh5ggr3.js.map} +1 -1
  94. package/dist/chunks/{popper-container.agLYtGwv.js → popper-container.Cdokz_NE.js} +2 -2
  95. package/dist/chunks/{popper-container.agLYtGwv.js.map → popper-container.Cdokz_NE.js.map} +1 -1
  96. package/dist/chunks/{radio-group.BTu23ZgN.js → radio-group.Cr7UcYij.js} +4 -4
  97. package/dist/chunks/{radio-group.BTu23ZgN.js.map → radio-group.Cr7UcYij.js.map} +1 -1
  98. package/dist/chunks/{rich-text-editor.xXfZRlsV.js → rich-text-editor.Bu4pffp2.js} +4 -4
  99. package/dist/chunks/{rich-text-editor.xXfZRlsV.js.map → rich-text-editor.Bu4pffp2.js.map} +1 -1
  100. package/dist/chunks/{search-bar.BcHoTrjP.js → search-bar.C41ZmlHr.js} +3 -3
  101. package/dist/chunks/{search-bar.BcHoTrjP.js.map → search-bar.C41ZmlHr.js.map} +1 -1
  102. package/dist/chunks/{secondary-nav.DEThy9WH.js → secondary-nav.R6nXAdRN.js} +2 -2
  103. package/dist/chunks/{secondary-nav.DEThy9WH.js.map → secondary-nav.R6nXAdRN.js.map} +1 -1
  104. package/dist/chunks/{segmented-control.Dj_ZKhmU.js → segmented-control._CuB62pG.js} +2 -2
  105. package/dist/chunks/{segmented-control.Dj_ZKhmU.js.map → segmented-control._CuB62pG.js.map} +1 -1
  106. package/dist/chunks/{selection-card-group.cD72SQlR.js → selection-card-group.jykyd9iE.js} +3 -3
  107. package/dist/chunks/{selection-card-group.cD72SQlR.js.map → selection-card-group.jykyd9iE.js.map} +1 -1
  108. package/dist/chunks/{sidepanel.ClG3dhHf.js → sidepanel.ztFrPPdy.js} +3 -3
  109. package/dist/chunks/{sidepanel.ClG3dhHf.js.map → sidepanel.ztFrPPdy.js.map} +1 -1
  110. package/dist/chunks/{structured-list-item.zoY-ATTu.js → structured-list-item.BLJabJwA.js} +4 -4
  111. package/dist/chunks/{structured-list-item.zoY-ATTu.js.map → structured-list-item.BLJabJwA.js.map} +1 -1
  112. package/dist/chunks/{summary-grid.types.BA0XCVKK.js → summary-grid.types.C2LMzLj-.js} +5 -5
  113. package/dist/chunks/{summary-grid.types.BA0XCVKK.js.map → summary-grid.types.C2LMzLj-.js.map} +1 -1
  114. package/dist/chunks/{tag.BdCP2CN_.js → tag.7fp_M9Au.js} +2 -2
  115. package/dist/chunks/{tag.BdCP2CN_.js.map → tag.7fp_M9Au.js.map} +1 -1
  116. package/dist/chunks/{textarea.DaNiOOJ7.js → textarea.Ci9sKDFy.js} +2 -2
  117. package/dist/chunks/{textarea.DaNiOOJ7.js.map → textarea.Ci9sKDFy.js.map} +1 -1
  118. package/dist/chunks/timeline-item.DRA5mfHH.js +255 -0
  119. package/dist/chunks/timeline-item.DRA5mfHH.js.map +1 -0
  120. package/dist/chunks/{tooltip.Dt87KVh2.js → tooltip.BcQ24pKP.js} +2 -2
  121. package/dist/chunks/{tooltip.Dt87KVh2.js.map → tooltip.BcQ24pKP.js.map} +1 -1
  122. package/dist/chunks/{tutorial.C-q4mxUb.js → tutorial.DVGxYGkx.js} +4 -4
  123. package/dist/chunks/{tutorial.C-q4mxUb.js.map → tutorial.DVGxYGkx.js.map} +1 -1
  124. package/dist/chunks/{use-cached-selected-values.FoXcm49J.js → use-cached-selected-values.nu4EL9kL.js} +2 -2
  125. package/dist/chunks/{use-cached-selected-values.FoXcm49J.js.map → use-cached-selected-values.nu4EL9kL.js.map} +1 -1
  126. package/dist/code-snippet.js +1 -1
  127. package/dist/dashboard-template.js +1 -1
  128. package/dist/dashed-underline.js +1 -1
  129. package/dist/data-grid-template.js +1 -1
  130. package/dist/data-grid.js +1 -1
  131. package/dist/date-picker.js +1 -1
  132. package/dist/date-range-picker.js +1 -1
  133. package/dist/dropdown.js +3 -3
  134. package/dist/file-uploader.js +1 -1
  135. package/dist/filter-bar.js +1 -1
  136. package/dist/focus-trap.js +1 -1
  137. package/dist/header-with-views.js +1 -1
  138. package/dist/header.js +1 -1
  139. package/dist/index.js +359 -396
  140. package/dist/index.js.map +1 -1
  141. package/dist/info-icon.js +1 -1
  142. package/dist/input-field-password.js +1 -1
  143. package/dist/input-field-phone-number.js +1 -1
  144. package/dist/input-field.js +1 -1
  145. package/dist/inspector.js +1 -1
  146. package/dist/internal.js +9 -9
  147. package/dist/menu.js +1 -1
  148. package/dist/modal-fullscreen.js +1 -1
  149. package/dist/modal.js +2 -2
  150. package/dist/pagination.js +1 -1
  151. package/dist/popover.js +2 -2
  152. package/dist/popper-container.js +1 -1
  153. package/dist/radio-group.js +1 -1
  154. package/dist/rich-text-editor.js +1 -1
  155. package/dist/search-bar.js +2 -2
  156. package/dist/secondary-nav.js +1 -1
  157. package/dist/segmented-control.js +1 -1
  158. package/dist/selection-card.js +1 -1
  159. package/dist/sidepanel.js +1 -1
  160. package/dist/structured-list.js +1 -1
  161. package/dist/styles/bento-dark.css +4 -0
  162. package/dist/styles/bento-light.css +4 -0
  163. package/dist/styles/bento.css +4 -0
  164. package/dist/styles/legacy.css +4 -0
  165. package/dist/styles/styleguide.css +4 -0
  166. package/dist/summary-grid.js +1 -1
  167. package/dist/tag.js +1 -1
  168. package/dist/textarea.js +1 -1
  169. package/dist/timeline.js +1 -1
  170. package/dist/tutorial.js +1 -1
  171. package/dist/web-types.json +362 -145
  172. package/package.json +3 -3
  173. package/dist/chunks/data-grid.C8gSMQ0A.js.map +0 -1
  174. package/dist/chunks/date-picker.Dvx50znw.js.map +0 -1
  175. package/dist/chunks/filter-bar.DpjD5bZe.js +0 -2277
  176. package/dist/chunks/filter-bar.DpjD5bZe.js.map +0 -1
  177. package/dist/chunks/focus-trap.BJfpIboH.js.map +0 -1
  178. package/dist/chunks/popover.types.DK6opPkz.js +0 -6
  179. package/dist/chunks/timeline-item.D2HsuNh-.js +0 -375
  180. package/dist/chunks/timeline-item.D2HsuNh-.js.map +0 -1
package/dist/assets/filter-bar.css CHANGED
@@ -1 +1 @@
1
- button[data-v-a64471d2]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-a64471d2]:focus-visible{outline:none}.b-filter-bar-button[data-v-a64471d2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;padding:var(--b-filter-bar-button-container-padding);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-a64471d2],.b-filter-bar-button[data-v-a64471d2]:before,.b-filter-bar-button[data-v-a64471d2]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-a64471d2],.b-filter-bar-button *[data-v-a64471d2]:before,.b-filter-bar-button *[data-v-a64471d2]:after{box-sizing:border-box}.b-filter-bar-button[data-v-a64471d2] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-a64471d2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-filter-bar-button[data-v-a64471d2]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-a64471d2]{background-color:var(--b-filter-bar-button-counter-hover-background-color);color:var(--b-filter-bar-button-counter-hover-color)}}.b-filter-bar-button[data-v-a64471d2]:disabled,.b-filter-bar-button[data-v-a64471d2]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-a64471d2],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-disabled-color)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-a64471d2],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-a64471d2]{background-color:var(--b-filter-bar-button-counter-disabled-background-color);color:var(--b-filter-bar-button-counter-disabled-color)}.b-filter-bar-button[data-v-a64471d2]:focus-visible{animation:outer-ring-default-a64471d2 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);z-index:1}@keyframes outer-ring-default-a64471d2{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--icon-only[data-v-a64471d2]{padding:var(--b-filter-bar-button-icon-only-padding)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-a64471d2]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-a64471d2]:not(:hover){background-color:var(--b-filter-bar-button-filter-open-background-color);border:var(--b-filter-bar-button-filter-open-border);color:var(--b-filter-bar-button-filter-open-color)}.b-filter-bar-button--filter-open-applied[data-v-a64471d2]:not(:hover){background-color:var(--b-filter-bar-button-applied-filter-open-background-color);border:var(--b-filter-bar-button-applied-filter-open-border);color:var(--b-filter-bar-button-applied-filter-open-color)}.b-filter-bar-button--with-counter[data-v-a64471d2]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-filter-bar-button-with-counter-padding-right)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-a64471d2]{padding-right:var(--b-filter-bar-button-with-counter-container-padding-right)}.b-filter-bar-button--applied[data-v-a64471d2]{background-color:var(--b-filter-bar-button-applied-background-color);border:var(--b-filter-bar-button-applied-border);color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied[data-v-a64471d2]:hover{background-color:var(--b-filter-bar-button-applied-hover-background-color);border:var(--b-filter-bar-button-applied-hover-border);color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied[data-v-a64471d2]:disabled,.b-filter-bar-button--applied[data-v-a64471d2]:disabled:not(:focus){background-color:var(--b-filter-bar-button-applied-disabled-background-color);border:var(--b-filter-bar-button-applied-disabled-border);color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-a64471d2],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button__container[data-v-a64471d2]{align-items:center;display:flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-a64471d2]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-a64471d2]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-a64471d2],.b-filter-bar-button__secondary-label[data-v-a64471d2]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__icon-left[data-v-a64471d2],.b-filter-bar-button__icon-right[data-v-a64471d2]{display:inline-flex}button[data-v-c0b008f0]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c0b008f0]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-c0b008f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-c0b008f0],.b-filter-bar-button-group[data-v-c0b008f0]:before,.b-filter-bar-button-group[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group *[data-v-c0b008f0],.b-filter-bar-button-group *[data-v-c0b008f0]:before,.b-filter-bar-button-group *[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-border);padding-inline-end:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-border);padding-inline-start:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-active-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-active-border)}.b-base-filter[data-v-83cb499e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-83cb499e],.b-base-filter[data-v-83cb499e]:before,.b-base-filter[data-v-83cb499e]:after{box-sizing:border-box}.b-base-filter *[data-v-83cb499e],.b-base-filter *[data-v-83cb499e]:before,.b-base-filter *[data-v-83cb499e]:after{box-sizing:border-box}.b-base-filter[data-v-83cb499e] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-83cb499e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter[data-v-72e86cb6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-filter-padding)}.b-input-filter[data-v-72e86cb6],.b-input-filter[data-v-72e86cb6]:before,.b-input-filter[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter *[data-v-72e86cb6],.b-input-filter *[data-v-72e86cb6]:before,.b-input-filter *[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-72e86cb6]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-input-with-dropdown-filter[data-v-f2603e12]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-with-dropdown-filter-padding)}.b-input-with-dropdown-filter[data-v-f2603e12],.b-input-with-dropdown-filter[data-v-f2603e12]:before,.b-input-with-dropdown-filter[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter *[data-v-f2603e12],.b-input-with-dropdown-filter *[data-v-f2603e12]:before,.b-input-with-dropdown-filter *[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-with-dropdown-filter--only-slot[data-v-f2603e12]{padding:var(--b-filter-bar-input-with-dropdown-filter-only-slot-padding)}.b-date-filter[data-v-9422876d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-date-filter-padding)}.b-date-filter[data-v-9422876d],.b-date-filter[data-v-9422876d]:before,.b-date-filter[data-v-9422876d]:after{box-sizing:border-box}.b-date-filter *[data-v-9422876d],.b-date-filter *[data-v-9422876d]:before,.b-date-filter *[data-v-9422876d]:after{box-sizing:border-box}.b-date-filter[data-v-9422876d] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-9422876d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-filter__divider[data-v-9422876d]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-9fb1aa27] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-9fb1aa27]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-9fb1aa27],.b-date-range-filter[data-v-9fb1aa27]:before,.b-date-range-filter[data-v-9fb1aa27]:after{box-sizing:border-box}.b-date-range-filter *[data-v-9fb1aa27],.b-date-range-filter *[data-v-9fb1aa27]:before,.b-date-range-filter *[data-v-9fb1aa27]:after{box-sizing:border-box}.b-date-range-filter[data-v-9fb1aa27] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-9fb1aa27] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-range-filter__actions[data-v-9fb1aa27]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-date-range-filter__divider[data-v-9fb1aa27]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter-button[data-v-f283e2d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-f283e2d6],.b-select-filter-button[data-v-f283e2d6]:before,.b-select-filter-button[data-v-f283e2d6]:after{box-sizing:border-box}.b-select-filter-button *[data-v-f283e2d6],.b-select-filter-button *[data-v-f283e2d6]:before,.b-select-filter-button *[data-v-f283e2d6]:after{box-sizing:border-box}.b-select-filter-button[data-v-f283e2d6] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-f283e2d6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-f283e2d6]{margin:var(--b-filter-bar-select-filter-button-divider-margin)}.b-select-filter-button__search-bar[data-v-f283e2d6]{padding:var(--b-filter-bar-select-filter-button-search-bar-padding)}.b-select-filter-button__search-bar-wrapper[data-v-f283e2d6]{margin-top:var(--b-filter-bar-select-filter-button-search-bar-wrapper-margin-top)}.b-select-filter-button__wrapper[data-v-f283e2d6]{max-height:270px}.b-boolean-filter[data-v-69632f6f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-boolean-filter-padding)}.b-boolean-filter[data-v-69632f6f],.b-boolean-filter[data-v-69632f6f]:before,.b-boolean-filter[data-v-69632f6f]:after{box-sizing:border-box}.b-boolean-filter *[data-v-69632f6f],.b-boolean-filter *[data-v-69632f6f]:before,.b-boolean-filter *[data-v-69632f6f]:after{box-sizing:border-box}.b-boolean-filter[data-v-69632f6f] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-69632f6f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-69632f6f]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-540f94ab]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-range-filter-padding)}.b-range-filter[data-v-540f94ab],.b-range-filter[data-v-540f94ab]:before,.b-range-filter[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter *[data-v-540f94ab],.b-range-filter *[data-v-540f94ab]:before,.b-range-filter *[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-540f94ab]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-540f94ab]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button *[data-v-66b170d4],.b-base-filter-button *[data-v-66b170d4]:before,.b-base-filter-button *[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-base-filter-button[data-v-66b170d4]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-filter-button-disabled-background-color);color:var(--b-filter-button-disabled-font-color);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-disabled-background-color);color:var(--b-filter-button-counter-disabled-font-color)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-background-color);border-radius:var(--b-filter-button-counter-border-radius);color:var(--b-filter-button-counter-font-color);padding:var(--b-filter-button-counter-padding)}.b-base-filter-button__counter-wrapper[data-v-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{background-color:var(--b-filter-button-modal-background-color);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-filter-button-modal-open-background-color)}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button *[data-v-4c415ac7],.b-all-filters-modal-button *[data-v-4c415ac7]:before,.b-all-filters-modal-button *[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-all-filters-modal[data-v-d3bf9be0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-d3bf9be0],.b-all-filters-modal[data-v-d3bf9be0]:before,.b-all-filters-modal[data-v-d3bf9be0]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-d3bf9be0],.b-all-filters-modal *[data-v-d3bf9be0]:before,.b-all-filters-modal *[data-v-d3bf9be0]:after{box-sizing:border-box}.b-all-filters-modal[data-v-d3bf9be0] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-d3bf9be0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-d3bf9be0] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__content{flex:1;padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-d3bf9be0] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-d3bf9be0] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-d3bf9be0]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-d3bf9be0]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-d3bf9be0]{color:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding);text-align:center}.b-all-filters-modal__filters-list[data-v-d3bf9be0]{list-style:none;margin:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding:var(--b-filter-bar-all-filters-modal-filters-list-padding)}.b-all-filters-modal__filters-section[data-v-d3bf9be0]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-list-gap)}.b-all-filters-modal__filters-section-title[data-v-d3bf9be0]{color:var(--b-filter-bar-all-filters-modal-filters-list-title-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-title-padding)}.b-all-filters-modal__selected-filter-content[data-v-d3bf9be0]{display:flex;flex-direction:column;height:100%;padding:var(--b-filter-bar-all-filters-modal-selected-filter-content-padding)}.b-all-filters-modal__selected-filter-component[data-v-d3bf9be0]{flex:1}.b-all-filters-modal__clear-button[data-v-d3bf9be0]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-d3bf9be0]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-content-text-gap);margin-bottom:var(--b-filter-bar-all-filters-modal-content-text-margin-bottom)}.b-filter-bar[data-v-b5b27933]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-b5b27933],.b-filter-bar[data-v-b5b27933]:before,.b-filter-bar[data-v-b5b27933]:after{box-sizing:border-box}.b-filter-bar *[data-v-b5b27933],.b-filter-bar *[data-v-b5b27933]:before,.b-filter-bar *[data-v-b5b27933]:after{box-sizing:border-box}.b-filter-bar[data-v-b5b27933] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-b5b27933] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__all-filters-modal[data-v-b5b27933],.b-filter-bar__clear-all[data-v-b5b27933],.b-filter-bar__reset-all[data-v-b5b27933]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-b5b27933]{margin-bottom:var(--b-filter-bar-search-external-container-margin-bottom)}.b-filter-bar__fixed-scroller[data-v-b5b27933] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-b5b27933] .b-fixed-scroller__left .b-button--condensed{height:var(--b-filter-bar-fixed-scroller-button-condensed-height);max-height:var(--b-filter-bar-fixed-scroller-button-condensed-max-height)}.b-filter-bar__container[data-v-b5b27933]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-b5b27933]{display:flex;flex-wrap:wrap;gap:var(--b-filter-bar-filters-gap)}@container (min-width: 700px){.b-filter-bar__search-bar[data-v-b5b27933]{max-width:200px;min-width:200px}}.b-filter-bar__scroller-content[data-v-b5b27933]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-b5b27933]{min-width:180px}
1
+ button[data-v-a64471d2]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-a64471d2]:focus-visible{outline:none}.b-filter-bar-button[data-v-a64471d2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;padding:var(--b-filter-bar-button-container-padding);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-a64471d2],.b-filter-bar-button[data-v-a64471d2]:before,.b-filter-bar-button[data-v-a64471d2]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-a64471d2],.b-filter-bar-button *[data-v-a64471d2]:before,.b-filter-bar-button *[data-v-a64471d2]:after{box-sizing:border-box}.b-filter-bar-button[data-v-a64471d2] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-a64471d2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-filter-bar-button[data-v-a64471d2]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-a64471d2]{background-color:var(--b-filter-bar-button-counter-hover-background-color);color:var(--b-filter-bar-button-counter-hover-color)}}.b-filter-bar-button[data-v-a64471d2]:disabled,.b-filter-bar-button[data-v-a64471d2]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-a64471d2],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-disabled-color)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-a64471d2],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-a64471d2]{background-color:var(--b-filter-bar-button-counter-disabled-background-color);color:var(--b-filter-bar-button-counter-disabled-color)}.b-filter-bar-button[data-v-a64471d2]:focus-visible{animation:outer-ring-default-a64471d2 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);z-index:1}@keyframes outer-ring-default-a64471d2{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--icon-only[data-v-a64471d2]{padding:var(--b-filter-bar-button-icon-only-padding)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-a64471d2]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-a64471d2]:not(:hover){background-color:var(--b-filter-bar-button-filter-open-background-color);border:var(--b-filter-bar-button-filter-open-border);color:var(--b-filter-bar-button-filter-open-color)}.b-filter-bar-button--filter-open-applied[data-v-a64471d2]:not(:hover){background-color:var(--b-filter-bar-button-applied-filter-open-background-color);border:var(--b-filter-bar-button-applied-filter-open-border);color:var(--b-filter-bar-button-applied-filter-open-color)}.b-filter-bar-button--with-counter[data-v-a64471d2]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-filter-bar-button-with-counter-padding-right)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-a64471d2]{padding-right:var(--b-filter-bar-button-with-counter-container-padding-right)}.b-filter-bar-button--applied[data-v-a64471d2]{background-color:var(--b-filter-bar-button-applied-background-color);border:var(--b-filter-bar-button-applied-border);color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied[data-v-a64471d2]:hover{background-color:var(--b-filter-bar-button-applied-hover-background-color);border:var(--b-filter-bar-button-applied-hover-border);color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied[data-v-a64471d2]:disabled,.b-filter-bar-button--applied[data-v-a64471d2]:disabled:not(:focus){background-color:var(--b-filter-bar-button-applied-disabled-background-color);border:var(--b-filter-bar-button-applied-disabled-border);color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-a64471d2],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-a64471d2]{color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button__container[data-v-a64471d2]{align-items:center;display:flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-a64471d2]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-a64471d2]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-a64471d2],.b-filter-bar-button__secondary-label[data-v-a64471d2]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__icon-left[data-v-a64471d2],.b-filter-bar-button__icon-right[data-v-a64471d2]{display:inline-flex}button[data-v-c0b008f0]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c0b008f0]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-c0b008f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-c0b008f0],.b-filter-bar-button-group[data-v-c0b008f0]:before,.b-filter-bar-button-group[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group *[data-v-c0b008f0],.b-filter-bar-button-group *[data-v-c0b008f0]:before,.b-filter-bar-button-group *[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-border);padding-inline-end:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-border);padding-inline-start:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-active-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-active-border)}.b-base-filter[data-v-16bafa29]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-16bafa29],.b-base-filter[data-v-16bafa29]:before,.b-base-filter[data-v-16bafa29]:after{box-sizing:border-box}.b-base-filter *[data-v-16bafa29],.b-base-filter *[data-v-16bafa29]:before,.b-base-filter *[data-v-16bafa29]:after{box-sizing:border-box}.b-base-filter[data-v-16bafa29] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-16bafa29] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter[data-v-72e86cb6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-filter-padding)}.b-input-filter[data-v-72e86cb6],.b-input-filter[data-v-72e86cb6]:before,.b-input-filter[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter *[data-v-72e86cb6],.b-input-filter *[data-v-72e86cb6]:before,.b-input-filter *[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-72e86cb6]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-input-with-dropdown-filter[data-v-f2603e12]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-with-dropdown-filter-padding)}.b-input-with-dropdown-filter[data-v-f2603e12],.b-input-with-dropdown-filter[data-v-f2603e12]:before,.b-input-with-dropdown-filter[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter *[data-v-f2603e12],.b-input-with-dropdown-filter *[data-v-f2603e12]:before,.b-input-with-dropdown-filter *[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-with-dropdown-filter--only-slot[data-v-f2603e12]{padding:var(--b-filter-bar-input-with-dropdown-filter-only-slot-padding)}.b-date-filter[data-v-9422876d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-date-filter-padding)}.b-date-filter[data-v-9422876d],.b-date-filter[data-v-9422876d]:before,.b-date-filter[data-v-9422876d]:after{box-sizing:border-box}.b-date-filter *[data-v-9422876d],.b-date-filter *[data-v-9422876d]:before,.b-date-filter *[data-v-9422876d]:after{box-sizing:border-box}.b-date-filter[data-v-9422876d] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-9422876d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-filter__divider[data-v-9422876d]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-9fb1aa27] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-9fb1aa27]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-9fb1aa27],.b-date-range-filter[data-v-9fb1aa27]:before,.b-date-range-filter[data-v-9fb1aa27]:after{box-sizing:border-box}.b-date-range-filter *[data-v-9fb1aa27],.b-date-range-filter *[data-v-9fb1aa27]:before,.b-date-range-filter *[data-v-9fb1aa27]:after{box-sizing:border-box}.b-date-range-filter[data-v-9fb1aa27] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-9fb1aa27] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-range-filter__actions[data-v-9fb1aa27]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-date-range-filter__divider[data-v-9fb1aa27]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-radio-group-filter[data-v-8fe9c1b3]{padding:var(--b-filter-bar-radio-group-filter-padding)}.b-radio-group-filter--only-slot[data-v-8fe9c1b3]{padding:var(--b-filter-bar-radio-group-filter-only-slot-padding)}.b-select-filter-button[data-v-f283e2d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-f283e2d6],.b-select-filter-button[data-v-f283e2d6]:before,.b-select-filter-button[data-v-f283e2d6]:after{box-sizing:border-box}.b-select-filter-button *[data-v-f283e2d6],.b-select-filter-button *[data-v-f283e2d6]:before,.b-select-filter-button *[data-v-f283e2d6]:after{box-sizing:border-box}.b-select-filter-button[data-v-f283e2d6] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-f283e2d6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-f283e2d6]{margin:var(--b-filter-bar-select-filter-button-divider-margin)}.b-select-filter-button__search-bar[data-v-f283e2d6]{padding:var(--b-filter-bar-select-filter-button-search-bar-padding)}.b-select-filter-button__search-bar-wrapper[data-v-f283e2d6]{margin-top:var(--b-filter-bar-select-filter-button-search-bar-wrapper-margin-top)}.b-select-filter-button__wrapper[data-v-f283e2d6]{max-height:270px}.b-boolean-filter[data-v-69632f6f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-boolean-filter-padding)}.b-boolean-filter[data-v-69632f6f],.b-boolean-filter[data-v-69632f6f]:before,.b-boolean-filter[data-v-69632f6f]:after{box-sizing:border-box}.b-boolean-filter *[data-v-69632f6f],.b-boolean-filter *[data-v-69632f6f]:before,.b-boolean-filter *[data-v-69632f6f]:after{box-sizing:border-box}.b-boolean-filter[data-v-69632f6f] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-69632f6f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-69632f6f]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-540f94ab]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-range-filter-padding)}.b-range-filter[data-v-540f94ab],.b-range-filter[data-v-540f94ab]:before,.b-range-filter[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter *[data-v-540f94ab],.b-range-filter *[data-v-540f94ab]:before,.b-range-filter *[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-540f94ab]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-540f94ab]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}.b-checkbox-group-filter[data-v-508aa213]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-checkbox-group-filter-padding)}.b-checkbox-group-filter[data-v-508aa213],.b-checkbox-group-filter[data-v-508aa213]:before,.b-checkbox-group-filter[data-v-508aa213]:after{box-sizing:border-box}.b-checkbox-group-filter *[data-v-508aa213],.b-checkbox-group-filter *[data-v-508aa213]:before,.b-checkbox-group-filter *[data-v-508aa213]:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-508aa213] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group-filter[data-v-508aa213] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-group-filter--only-slot[data-v-508aa213]{padding:var(--b-filter-bar-checkbox-group-filter-only-slot-padding)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button *[data-v-66b170d4],.b-base-filter-button *[data-v-66b170d4]:before,.b-base-filter-button *[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-base-filter-button[data-v-66b170d4]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-filter-button-disabled-background-color);color:var(--b-filter-button-disabled-font-color);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-disabled-background-color);color:var(--b-filter-button-counter-disabled-font-color)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-filter-button-counter-background-color);border-radius:var(--b-filter-button-counter-border-radius);color:var(--b-filter-button-counter-font-color);padding:var(--b-filter-button-counter-padding)}.b-base-filter-button__counter-wrapper[data-v-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{background-color:var(--b-filter-button-modal-background-color);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-filter-button-modal-open-background-color)}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button *[data-v-4c415ac7],.b-all-filters-modal-button *[data-v-4c415ac7]:before,.b-all-filters-modal-button *[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-all-filters-modal[data-v-7e551008]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-7e551008],.b-all-filters-modal[data-v-7e551008]:before,.b-all-filters-modal[data-v-7e551008]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-7e551008],.b-all-filters-modal *[data-v-7e551008]:before,.b-all-filters-modal *[data-v-7e551008]:after{box-sizing:border-box}.b-all-filters-modal[data-v-7e551008] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-7e551008] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-7e551008] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-7e551008] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-7e551008] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-7e551008] .b-modal-page__content{flex:1;padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-7e551008] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-7e551008] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-7e551008] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-7e551008] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-7e551008] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-7e551008] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-7e551008]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-7e551008]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-7e551008]{color:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding);text-align:center}.b-all-filters-modal__filters-list[data-v-7e551008]{list-style:none;margin:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding:var(--b-filter-bar-all-filters-modal-filters-list-padding)}.b-all-filters-modal__filters-section[data-v-7e551008]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-list-gap)}.b-all-filters-modal__filters-section-title[data-v-7e551008]{color:var(--b-filter-bar-all-filters-modal-filters-list-title-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-title-padding)}.b-all-filters-modal__selected-filter-content[data-v-7e551008]{display:flex;flex-direction:column;height:100%;padding:var(--b-filter-bar-all-filters-modal-selected-filter-content-padding)}.b-all-filters-modal__selected-filter-component[data-v-7e551008]{flex:1}.b-all-filters-modal__clear-button[data-v-7e551008]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-7e551008]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-content-text-gap);margin-bottom:var(--b-filter-bar-all-filters-modal-content-text-margin-bottom)}.b-filter-bar[data-v-30f6f287]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-30f6f287],.b-filter-bar[data-v-30f6f287]:before,.b-filter-bar[data-v-30f6f287]:after{box-sizing:border-box}.b-filter-bar *[data-v-30f6f287],.b-filter-bar *[data-v-30f6f287]:before,.b-filter-bar *[data-v-30f6f287]:after{box-sizing:border-box}.b-filter-bar[data-v-30f6f287] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-30f6f287] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__all-filters-modal[data-v-30f6f287],.b-filter-bar__clear-all[data-v-30f6f287],.b-filter-bar__reset-all[data-v-30f6f287]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-30f6f287]{margin-bottom:var(--b-filter-bar-search-external-container-margin-bottom)}.b-filter-bar__fixed-scroller[data-v-30f6f287] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-30f6f287] .b-fixed-scroller__left .b-button--condensed{height:var(--b-filter-bar-fixed-scroller-button-condensed-height);max-height:var(--b-filter-bar-fixed-scroller-button-condensed-max-height)}.b-filter-bar__container[data-v-30f6f287]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-30f6f287]{display:flex;flex-wrap:wrap;gap:var(--b-filter-bar-filters-gap)}@container (min-width: 700px){.b-filter-bar__search-bar[data-v-30f6f287]{max-width:200px;min-width:200px}}.b-filter-bar__scroller-content[data-v-30f6f287]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-30f6f287]{min-width:180px}
package/dist/assets/focus-trap.css CHANGED
@@ -1 +1 @@
1
- .b-focus-trap[data-v-e355ce78]{outline:none}
1
+ .b-focus-trap[data-v-dc7173b4]{outline:none}
package/dist/assets/inspector.css CHANGED
@@ -1 +1 @@
1
- .b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector *[data-v-62a28c4d],.b-inspector *[data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-inspector-container-wrapper-box-shadow);position:absolute;right:0;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip:auto;height:auto;opacity:1;right:var(--b-inspector-return-content-right);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-unq56s0-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-unq56s0-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-unq56st-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-unq56st-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-unq56sv-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-unq56sv-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-unq56te-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-unq56te-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
1
+ .b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector *[data-v-62a28c4d],.b-inspector *[data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-inspector-container-wrapper-box-shadow);position:absolute;right:0;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip:auto;height:auto;opacity:1;right:var(--b-inspector-return-content-right);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-ui93jid-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ui93jid-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-ui93jj7-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ui93jj7-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-ui93jje-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ui93jje-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-ui93jjo-62a28c4d var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ui93jjo-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
package/dist/assets/modal-fullscreen.css CHANGED
@@ -1 +1 @@
1
- .b-modal-fullscreen-page[data-v-f90522fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-f90522fe],.b-modal-fullscreen-page[data-v-f90522fe]:before,.b-modal-fullscreen-page[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-f90522fe],.b-modal-fullscreen-page *[data-v-f90522fe]:before,.b-modal-fullscreen-page *[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-f90522fe] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-f90522fe] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-f90522fe]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-f90522fe]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-f90522fe]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-f90522fe]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-f90522fe]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-f90522fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-f90522fe]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-f90522fe]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-f90522fe] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-f90522fe]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-f90522fe]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-4b191b67]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-4b191b67],.b-modal-fullscreen[data-v-4b191b67]:before,.b-modal-fullscreen[data-v-4b191b67]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-4b191b67],.b-modal-fullscreen *[data-v-4b191b67]:before,.b-modal-fullscreen *[data-v-4b191b67]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-4b191b67] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-4b191b67] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-4b191b67]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-4b191b67]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-4b191b67]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-4b191b67]{animation:fade-in-unq56e9-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-unq56e9-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-unq56e9-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-unq56e9-4b191b67{0%{opacity:0}to{opacity:1}}@keyframes scale-up-unq56e9-4b191b67{0%{scale:1}to{scale:1}}@keyframes enter-unq56e9-4b191b67{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-4b191b67]{animation:fade-out-unq56gu-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-unq56gu-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-unq56gu-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-unq56gu-4b191b67{0%{opacity:1}to{opacity:0}}@keyframes scale-down-unq56gu-4b191b67{0%{scale:1}to{scale:1}}@keyframes exit-unq56gu-4b191b67{0%{translate:0 0}to{translate:0 64px}}
1
+ .b-modal-fullscreen-page[data-v-f90522fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-f90522fe],.b-modal-fullscreen-page[data-v-f90522fe]:before,.b-modal-fullscreen-page[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-f90522fe],.b-modal-fullscreen-page *[data-v-f90522fe]:before,.b-modal-fullscreen-page *[data-v-f90522fe]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-f90522fe] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-f90522fe] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-f90522fe]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-f90522fe]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-f90522fe]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-f90522fe]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-f90522fe]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-f90522fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-f90522fe]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-f90522fe]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-f90522fe] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-f90522fe]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-f90522fe]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-4b191b67]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-4b191b67],.b-modal-fullscreen[data-v-4b191b67]:before,.b-modal-fullscreen[data-v-4b191b67]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-4b191b67],.b-modal-fullscreen *[data-v-4b191b67]:before,.b-modal-fullscreen *[data-v-4b191b67]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-4b191b67] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-4b191b67] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-4b191b67]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-4b191b67]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-4b191b67]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-4b191b67]{animation:fade-in-ui93j3i-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-ui93j3i-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-ui93j3i-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ui93j3i-4b191b67{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ui93j3i-4b191b67{0%{scale:1}to{scale:1}}@keyframes enter-ui93j3i-4b191b67{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-4b191b67]{animation:fade-out-ui93j5d-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-ui93j5d-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-ui93j5d-4b191b67 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ui93j5d-4b191b67{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ui93j5d-4b191b67{0%{scale:1}to{scale:1}}@keyframes exit-ui93j5d-4b191b67{0%{translate:0 0}to{translate:0 64px}}
package/dist/assets/sidepanel.css CHANGED
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-350d1edd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-350d1edd],.b-sidepanel[data-v-350d1edd]:before,.b-sidepanel[data-v-350d1edd]:after{box-sizing:border-box}.b-sidepanel *[data-v-350d1edd],.b-sidepanel *[data-v-350d1edd]:before,.b-sidepanel *[data-v-350d1edd]:after{box-sizing:border-box}.b-sidepanel[data-v-350d1edd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-350d1edd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-350d1edd]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media(min-width:768px){.b-sidepanel[data-v-350d1edd]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-350d1edd]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-350d1edd]{overflow:hidden}.b-sidepanel[data-v-350d1edd]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-sidepanel[open][data-v-350d1edd]{animation:enter-unq56f8-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-unq56f8-350d1edd{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-350d1edd]::backdrop{animation:fade-in-unq56gf-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-unq56gf-350d1edd{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-350d1edd]{animation:exit-unq56ia-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-unq56ia-350d1edd{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-350d1edd]::backdrop{animation:fade-out-unq56il-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-unq56il-350d1edd{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-350d1edd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-350d1edd],.b-sidepanel[data-v-350d1edd]:before,.b-sidepanel[data-v-350d1edd]:after{box-sizing:border-box}.b-sidepanel *[data-v-350d1edd],.b-sidepanel *[data-v-350d1edd]:before,.b-sidepanel *[data-v-350d1edd]:after{box-sizing:border-box}.b-sidepanel[data-v-350d1edd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-350d1edd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-350d1edd]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media(min-width:768px){.b-sidepanel[data-v-350d1edd]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-350d1edd]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-350d1edd]{overflow:hidden}.b-sidepanel[data-v-350d1edd]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-sidepanel[open][data-v-350d1edd]{animation:enter-ui93j3w-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-ui93j3w-350d1edd{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-350d1edd]::backdrop{animation:fade-in-ui93j4x-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-ui93j4x-350d1edd{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-350d1edd]{animation:exit-ui93j6g-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-ui93j6g-350d1edd{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-350d1edd]::backdrop{animation:fade-out-ui93j7c-350d1edd var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-ui93j7c-350d1edd{0%{opacity:.5}to{opacity:0}}
package/dist/assets/timeline-item.css CHANGED
@@ -1 +1 @@
1
- .b-timeline[data-v-0c8e87ec]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:var(--b-timeline-max-width)}.b-timeline[data-v-0c8e87ec],.b-timeline[data-v-0c8e87ec]:before,.b-timeline[data-v-0c8e87ec]:after{box-sizing:border-box}.b-timeline *[data-v-0c8e87ec],.b-timeline *[data-v-0c8e87ec]:before,.b-timeline *[data-v-0c8e87ec]:after{box-sizing:border-box}.b-timeline[data-v-0c8e87ec] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline[data-v-0c8e87ec] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-timeline__add-note-section[data-v-0c8e87ec]{padding-bottom:var(--b-timeline-add-note-section-padding-bottom)}.b-timeline__items[data-v-0c8e87ec]{all:unset}.b-timeline-item[data-v-862b2546]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;max-width:500px}.b-timeline-item[data-v-862b2546],.b-timeline-item[data-v-862b2546]:before,.b-timeline-item[data-v-862b2546]:after{box-sizing:border-box}.b-timeline-item *[data-v-862b2546],.b-timeline-item *[data-v-862b2546]:before,.b-timeline-item *[data-v-862b2546]:after{box-sizing:border-box}.b-timeline-item[data-v-862b2546] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline-item[data-v-862b2546] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-timeline-item__row[data-v-862b2546]{display:flex;gap:var(--b-timeline-item-row-gap)}.b-timeline-item__marker[data-v-862b2546]{display:flex;flex-flow:column;max-width:16px;width:100%}.b-timeline-item__separator[data-v-862b2546]{flex-grow:1;position:relative}.b-timeline-item__separator[data-v-862b2546]:before{background-color:var(--b-timeline-item-separator-background-color);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:1px}.b-timeline-item__icon[data-v-862b2546]{color:var(--b-timeline-item-icon-color);margin:var(--b-timeline-item-icon-margin)}.b-timeline-item__icon--grey[data-v-862b2546]{color:var(--b-timeline-item-icon-grey-color)}.b-timeline-item__icon--blue[data-v-862b2546]{color:var(--b-timeline-item-icon-blue-color)}.b-timeline-item__icon--green[data-v-862b2546]{color:var(--b-timeline-item-icon-green-color)}.b-timeline-item__icon--yellow[data-v-862b2546]{color:var(--b-timeline-item-icon-yellow-color)}.b-timeline-item__icon--orange[data-v-862b2546]{color:var(--b-timeline-item-icon-orange-color)}.b-timeline-item__icon--red[data-v-862b2546]{color:var(--b-timeline-item-icon-red-color)}.b-timeline-item__icon--timegap[data-v-862b2546]{border-bottom:var(--b-timeline-item-icon-timegap-border);border-top:var(--b-timeline-item-icon-timegap-border);margin:var(--b-timeline-item-icon-timegap-margin);padding-bottom:var(--b-timeline-item-icon-timegap-padding-bottom);width:9px}.b-timeline-item__content[data-v-862b2546]{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;padding-bottom:var(--b-timeline-item-content-padding-bottom)}.b-timeline-item__title[data-v-862b2546]{color:var(--b-timeline-item-title-color);margin-bottom:var(--b-timeline-item-title-margin-bottom)}.b-timeline-item__timestamp[data-v-862b2546]{align-items:baseline;color:var(--b-timeline-item-timestamp-color);column-gap:var(--b-timeline-item-timestamp-gap);display:flex;flex-wrap:wrap}.b-timeline-item__timestamp[data-v-862b2546] .b-date{color:var(--b-timeline-item-timestamp-color)}.b-timeline-item__description[data-v-862b2546]{color:var(--b-timeline-item-description-color);margin-top:var(--b-timeline-item-description-margin-top)}.b-timeline-item__data-list[data-v-862b2546]{margin-top:var(--b-timeline-item-data-list-margin-top);width:100%}.b-timeline-item__tag[data-v-862b2546]{margin-top:var(--b-timeline-item-tag-margin-top)}.b-timeline-item__timegap[data-v-862b2546]{color:var(--b-timeline-item-timegap-color)}.b-timeline-item--note .b-timeline-item__description[data-v-862b2546]{margin-top:unset}.b-timeline-item--note .b-timeline-item__timestamp[data-v-862b2546]{margin-top:var(--b-timeline-note-timestamp-margin-top)}.b-timeline-item:last-of-type .b-timeline-item__row:last-of-type .b-timeline-item__content[data-v-862b2546]{padding-bottom:0}
1
+ .b-timeline[data-v-4acaf49e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:var(--b-timeline-max-width)}.b-timeline[data-v-4acaf49e],.b-timeline[data-v-4acaf49e]:before,.b-timeline[data-v-4acaf49e]:after{box-sizing:border-box}.b-timeline *[data-v-4acaf49e],.b-timeline *[data-v-4acaf49e]:before,.b-timeline *[data-v-4acaf49e]:after{box-sizing:border-box}.b-timeline[data-v-4acaf49e] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline[data-v-4acaf49e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-timeline__add-note-section[data-v-4acaf49e]{padding-bottom:var(--b-timeline-add-note-section-padding-bottom)}.b-timeline__items[data-v-4acaf49e]{all:unset}.b-timeline-item[data-v-fd77a46f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;max-width:500px}.b-timeline-item[data-v-fd77a46f],.b-timeline-item[data-v-fd77a46f]:before,.b-timeline-item[data-v-fd77a46f]:after{box-sizing:border-box}.b-timeline-item *[data-v-fd77a46f],.b-timeline-item *[data-v-fd77a46f]:before,.b-timeline-item *[data-v-fd77a46f]:after{box-sizing:border-box}.b-timeline-item[data-v-fd77a46f] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline-item[data-v-fd77a46f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-timeline-item__row[data-v-fd77a46f]{display:flex;gap:var(--b-timeline-item-row-gap)}.b-timeline-item__marker[data-v-fd77a46f]{display:flex;flex-flow:column;max-width:16px;width:100%}.b-timeline-item__separator[data-v-fd77a46f]{flex-grow:1;position:relative}.b-timeline-item__separator[data-v-fd77a46f]:before{background-color:var(--b-timeline-item-separator-background-color);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:1px}.b-timeline-item__icon[data-v-fd77a46f]{color:var(--b-timeline-item-icon-color);margin:var(--b-timeline-item-icon-margin)}.b-timeline-item__icon--grey[data-v-fd77a46f]{color:var(--b-timeline-item-icon-grey-color)}.b-timeline-item__icon--blue[data-v-fd77a46f]{color:var(--b-timeline-item-icon-blue-color)}.b-timeline-item__icon--green[data-v-fd77a46f]{color:var(--b-timeline-item-icon-green-color)}.b-timeline-item__icon--yellow[data-v-fd77a46f]{color:var(--b-timeline-item-icon-yellow-color)}.b-timeline-item__icon--orange[data-v-fd77a46f]{color:var(--b-timeline-item-icon-orange-color)}.b-timeline-item__icon--red[data-v-fd77a46f]{color:var(--b-timeline-item-icon-red-color)}.b-timeline-item__icon--timegap[data-v-fd77a46f]{border-bottom:var(--b-timeline-item-icon-timegap-border);border-top:var(--b-timeline-item-icon-timegap-border);margin:var(--b-timeline-item-icon-timegap-margin);padding-bottom:var(--b-timeline-item-icon-timegap-padding-bottom);width:9px}.b-timeline-item__content[data-v-fd77a46f]{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;padding-bottom:var(--b-timeline-item-content-padding-bottom)}.b-timeline-item__title[data-v-fd77a46f]{color:var(--b-timeline-item-title-color);margin-bottom:var(--b-timeline-item-title-margin-bottom)}.b-timeline-item__timestamp[data-v-fd77a46f]{align-items:baseline;color:var(--b-timeline-item-timestamp-color);column-gap:var(--b-timeline-item-timestamp-gap);display:flex;flex-wrap:wrap}.b-timeline-item__timestamp[data-v-fd77a46f] .b-date{color:var(--b-timeline-item-timestamp-color)}.b-timeline-item__description[data-v-fd77a46f]{color:var(--b-timeline-item-description-color);margin-top:var(--b-timeline-item-description-margin-top)}.b-timeline-item__data-list[data-v-fd77a46f]{margin-top:var(--b-timeline-item-data-list-margin-top);width:100%}.b-timeline-item__tag[data-v-fd77a46f]{margin-top:var(--b-timeline-item-tag-margin-top)}.b-timeline-item__timegap[data-v-fd77a46f]{color:var(--b-timeline-item-timegap-color)}.b-timeline-item--note .b-timeline-item__description[data-v-fd77a46f]{margin-top:unset}.b-timeline-item--note .b-timeline-item__timestamp[data-v-fd77a46f]{margin-top:var(--b-timeline-note-timestamp-margin-top)}.b-timeline-item:last-of-type .b-timeline-item__row:last-of-type .b-timeline-item__content[data-v-fd77a46f]{padding-bottom:0}
package/dist/button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { B as n, b as B, a } from "./chunks/button.CS_kdxYh.js";
2
2
  import { a as s } from "./chunks/ai-button.DBwtNkyS.js";
3
- import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.C3cP-anb.js";
3
+ import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.BoZOEVZi.js";
4
4
  import { B as A, a as L, b as d } from "./chunks/button-actions.types.BptAXjD8.js";
5
5
  export {
6
6
  s as BentoAiButton,
package/dist/card.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c as o, B as r, a as t } from "./chunks/card.XfRuWGfC.js";
1
+ import { c as o, B as r, a as t } from "./chunks/card.BEM0inJ6.js";
2
2
  export {
3
3
  o as BentoCard,
4
4
  r as BentoCardBackground,
package/dist/checkbox.js CHANGED
@@ -1,11 +1,11 @@
1
- import { B as t, a } from "./chunks/checkbox.CwOK7ss2.js";
1
+ import { B as t, a } from "./chunks/checkbox.CiWvdg8S.js";
2
2
  import { C as x } from "./chunks/minus-small.DJacLGTw.js";
3
- import { c as B, B as c } from "./chunks/checkbox-group.h4OYdn9w.js";
3
+ import { B, a as C } from "./chunks/checkbox-group.CIIa-cYP.js";
4
4
  export {
5
5
  t as BentoCheckbox,
6
6
  a as BentoCheckboxEvent,
7
7
  B as BentoCheckboxGroup,
8
- c as BentoCheckboxGroupVariant,
8
+ C as BentoCheckboxGroupVariant,
9
9
  x as BentoCheckboxState
10
10
  };
11
11
  //# sourceMappingURL=checkbox.js.map
package/dist/chunks/{action-bar.DOaFj-A2.js → action-bar.DYH79CCh.js} RENAMED
@@ -1,11 +1,11 @@
1
1
  import { defineComponent as O, computed as c, ref as b, toRefs as P, watch as g, provide as V, nextTick as B } from "vue";
2
2
  import { B as R } from "./button.CS_kdxYh.js";
3
3
  import { B as F } from "./typography.hlOAxsEn.js";
4
- import { B as W } from "./button-actions-with-menu.DPKvfKJY.js";
4
+ import { B as W } from "./button-actions-with-menu.ouuwtS1H.js";
5
5
  import { C as L } from "./cross.CC_B-vG-.js";
6
6
  import { u as k } from "./index.B6WW_F-J.js";
7
7
  import { u as M } from "./index.BDK4hwK_.js";
8
- import { P as U, B as z } from "./button-actions.C3cP-anb.js";
8
+ import { P as U, B as z } from "./button-actions.BoZOEVZi.js";
9
9
  import { n as D } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
10
10
  import "../assets/action-bar.css";
11
11
  const G = {
@@ -157,4 +157,4 @@ const st = Y.exports;
157
157
  export {
158
158
  st as B
159
159
  };
160
- //# sourceMappingURL=action-bar.DOaFj-A2.js.map
160
+ //# sourceMappingURL=action-bar.DYH79CCh.js.map
package/dist/chunks/{action-bar.DOaFj-A2.js.map → action-bar.DYH79CCh.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"action-bar.DOaFj-A2.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ n(itemCounter) }}\n {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, type PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits([\"close\", \"cancel\", \"save\"]);\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","n","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgPIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/LAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA2DA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAN,EAAA,UAAA,CAAA,GAGAO,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAxB,CAAA;AAGA,UAAAyB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA4B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA5B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA4B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAR,IAAAH,KAAAkB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAR,KAAAe,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAd,IACIgB,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"action-bar.DYH79CCh.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ n(itemCounter) }}\n {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, type PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits([\"close\", \"cancel\", \"save\"]);\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","n","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgPIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/LAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA2DA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAN,EAAA,UAAA,CAAA,GAGAO,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAxB,CAAA;AAGA,UAAAyB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA4B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA5B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA4B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAR,IAAAH,KAAAkB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAR,KAAAe,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAd,IACIgB,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{base-modal.BJ6315kP.js → base-modal.MpaQpAHB.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as T, useSlots as Y, ref as c, computed as l, inject as Q, watch as w, nextTick as X, onUnmounted as Z, useAttrs as V, toRefs as tt, onMounted as et, provide as D } from "vue";
2
2
  import { B as at } from "./button.CS_kdxYh.js";
3
- import { B as ot } from "./focus-trap.BJfpIboH.js";
3
+ import { B as ot } from "./focus-trap.CNIU5jOz.js";
4
4
  import { u as q } from "./use-has-slot.C9lQZ6nz.js";
5
5
  import { u as nt } from "./index.B6WW_F-J.js";
6
6
  import { a as st } from "./teleport.dQFcCuAw.js";
@@ -8,7 +8,7 @@ import { g as lt } from "./generate-uid.NJ8tVoha.js";
8
8
  import { C as it } from "./cross.CC_B-vG-.js";
9
9
  import { D as ut, B as ct, b as rt, a as dt } from "./dialog-page.krM2wQpm.js";
10
10
  import { B as mt } from "./typography.hlOAxsEn.js";
11
- import { F as pt } from "./footer-actions.DPjWGWhJ.js";
11
+ import { F as pt } from "./footer-actions.BA1gX7_s.js";
12
12
  import { o as ft } from "./resize.Bqks3WUm.js";
13
13
  import { a as gt, G as _t } from "./grid-layout.1aIiz2N_.js";
14
14
  import { n as W } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -307,4 +307,4 @@ export {
307
307
  It as g,
308
308
  Qt as h
309
309
  };
310
- //# sourceMappingURL=base-modal.BJ6315kP.js.map
310
+ //# sourceMappingURL=base-modal.MpaQpAHB.js.map
package/dist/chunks/{base-modal.BJ6315kP.js.map → base-modal.MpaQpAHB.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"base-modal.BJ6315kP.js","sources":["../../src/components/modal/modal.types.ts","../../src/components/modal/modal.keys.ts","../../src/components/modal/components/modal-page/modal-page.vue","../../src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["import { type ComputedRef, type Ref } from 'vue';\n\n/**\n * Public\n */\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n DEFAULT = 'default',\n DIALOG = 'dialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariantMapping {\n DEFAULT = 'BentoModalDefault',\n DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n SMALLER = 'smaller',\n EQUAL = 'equal',\n BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n DIALOG = 'dialog',\n ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n CONFIRMATION = 'confirmation',\n DESTRUCTIVE = 'destructive',\n INFO = 'info',\n ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n CLOSE_MODAL = 'close-modal',\n}\n\n/**\n * Private\n */\nexport interface BentoModalConfigData {\n activePage: Ref<string>;\n height: Ref<string>;\n isAnimationActive: Ref<boolean>;\n pageCustomPadding: Ref<string>;\n showCloseButton: ComputedRef<boolean>;\n size: Ref<BentoModalSize | `${BentoModalSize}`>;\n}\n","export const MODAL_CONFIG_INJECTION_KEY = Symbol('modal config data injection key');\n","<template>\n <dialog-page\n ref=\"page\"\n class=\"b-modal-page\"\n :class=\"modalPageConditionalClasses\"\n :page-id=\"pageId\"\n :always-show-border=\"hasColumnLayout\"\n :back-button-styling=\"customPaddingStyles?.backButton\"\n :previous-page=\"previousPage\"\n @animationend=\"isAnimationActive = false\"\n >\n <template v-if=\"hasSlot('default') || showCloseButton\" #header>\n <div class=\"b-modal-page__header-container\" :style=\"customPaddingStyles.header\">\n <div class=\"b-modal-page__header\">\n <bento-typography class=\"b-modal-page__title\" el=\"span\" variant=\"title\" stronger>\n <slot v-if=\"hasSlot('default')\" />\n </bento-typography>\n </div>\n </div>\n </template>\n\n <template #content>\n <div\n class=\"b-modal-page__content\"\n :class=\"modalContentConditionalClasses\"\n :style=\"customPaddingStyles.content\"\n >\n <bento-typography\n v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n el=\"div\"\n >\n <grid-layout\n v-if=\"hasColumnLayout\"\n :column-width=\"computedColumnWidth\"\n :container-type=\"GridLayoutContainerType.NORMAL\"\n no-gap\n class=\"b-modal-page__grid\"\n >\n <template #col-1><slot name=\"content-col-1\"></slot></template>\n <template #col-2><slot name=\"content-col-2\"></slot></template>\n </grid-layout>\n <slot v-else name=\"content\" />\n </bento-typography>\n </div>\n </template>\n <template v-if=\"hasSlot('actions')\" #footer>\n <div class=\"b-modal-page__actions-container\" :style=\"customPaddingStyles.actions\">\n <div aria-label=\"modal actions\" class=\"b-modal-page__actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n </template>\n <template v-else-if=\"actions && actions.length > 0\" #footer>\n <div class=\"b-modal-page__actions-container\" :style=\"customPaddingStyles.actions\">\n <footer-actions\n :actions=\"actions\"\n :actions-label=\"actionsLabel\"\n :destructive-actions=\"destructiveActions\"\n />\n </div>\n </template>\n </dialog-page>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, defineComponent, inject, nextTick, onUnmounted, ref, useSlots, watch } from 'vue';\n import {\n BentoModalColumnLayoutVariant,\n type BentoModalConfigData,\n BentoModalSize,\n } from '@/components/modal/modal.types';\n import { BentoTypography } from '@/components/typography';\n import { GridLayout, GridLayoutContainerType } from '@/internal';\n import { useHasSlot } from '@/composables';\n\n import { FooterActions } from '@/components/internal/footer-actions';\n\n import DialogPage from '@/internal/dialog-page/dialog-page.vue';\n import { MODAL_CONFIG_INJECTION_KEY } from '../../modal.keys';\n import { observeSizeOfElement } from '@/utils/ts/resize';\n import type { BentoModalPageProps } from './modal-page.types';\n\n const CLOSE_BUTTON_ICON_WIDTH = 26;\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n const page = ref<InstanceType<typeof DialogPage>>(null);\n\n const props = defineProps({\n actions: { default: null },\n actionsLabel: { default: null },\n columnsSize: { default: BentoModalColumnLayoutVariant.SMALLER },\n customPadding: { default: null },\n destructiveActions: { type: Boolean, default: false },\n withColumnLayout: { type: Boolean, default: false },\n pageId: { default: undefined },\n previousPage: { default: undefined }\n});\n\n const modalPageConditionalClasses = computed(() => ({\n 'b-modal-page--custom-padding': props.customPadding,\n }));\n\n const modalContentConditionalClasses = computed(() => ({\n 'b-modal-page__content--with-header': hasSlot('default'),\n 'b-modal-page__content--with-actions': hasSlot('actions') || props.actions?.length,\n }));\n\n // Setting custom padding styles\n const customPaddingStyles = computed(() => {\n if (!props.customPadding) {\n return {};\n }\n\n const xPadding = {\n paddingLeft: props.customPadding,\n paddingRight: props.customPadding,\n };\n\n const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n if (!hasSlot('default')) {\n content.paddingTop = props.customPadding;\n }\n\n if (!hasSlot('actions')) {\n content.paddingBottom = props.customPadding;\n }\n\n return {\n header: {\n ...xPadding,\n paddingTop: props.customPadding,\n paddingRight: `${parseInt(props.customPadding, 10) + CLOSE_BUTTON_ICON_WIDTH}px`,\n flex: 1,\n },\n content,\n actions: { ...xPadding, paddingBottom: props.customPadding },\n backButton: { top: props.customPadding, paddingLeft: props.customPadding },\n };\n });\n\n // Column layout styles\n const hasColumnLayout = computed(() => props.withColumnLayout && size.value === BentoModalSize.LARGE);\n\n const computedColumnWidth = computed(() => {\n if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n return [\n { small: 4, medium: 4, large: 4 },\n { small: 8, medium: 8, large: 8 },\n ];\n }\n if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n return [\n { small: 8, medium: 8, large: 8 },\n { small: 4, medium: 4, large: 4 },\n ];\n }\n return [\n { small: 6, medium: 6, large: 6 },\n { small: 6, medium: 6, large: 6 },\n ];\n });\n\n // Register page to parent component and inject data from parent component\n const { activePage, height, isAnimationActive, pageCustomPadding, showCloseButton, size } =\n inject<BentoModalConfigData>(MODAL_CONFIG_INJECTION_KEY);\n\n const isCurrentPage = computed(() => activePage.value === props.pageId || !activePage.value);\n\n // Animation\n // Set resize observer on mount of update the height of the dialog on resize\n let pageElementObserver: ResizeObserver | null = null;\n\n // Watching activePage changes to set the height of the page and set isAnimationActive\n watch(\n () => activePage.value,\n async (value, oldValue) => {\n if (isCurrentPage.value) {\n await nextTick();\n height.value = `${page.value?.$el?.clientHeight}px`;\n pageCustomPadding.value = props.customPadding;\n // only set isAnimationActive to true if its going from two different pages and not from null to the first page\n isAnimationActive.value = oldValue !== undefined;\n\n pageElementObserver = observeSizeOfElement(page.value, () => {\n const pageHeight = `${page.value?.$el?.clientHeight}px`;\n if (pageHeight && pageHeight !== height.value) {\n height.value = pageHeight;\n }\n });\n }\n },\n { immediate: true }\n );\n\n // Disconnect observer on unmounting the page\n onUnmounted(() => {\n pageElementObserver?.disconnect();\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * ModalPage is used to render different pages of the Modal component\n *\n * @example\n * import { BentoModal, BentoModalPage } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoModal, BentoModalPage },\n * template: `\n * <bento-modal active-page='page1' :is-open='true'>\n * <bento-modal-page\n * pageId='page1'\n * actions-label='Move to next page'\n * :actions=\"[\n * {\n * title: 'Next page',\n * event: () => {\n * activePage.value = 'page2';\n * },\n * }]\">\n * Page 1\n * <template #content>\n * Page 1 content\n * </template>\n * </bento-modal-page>\n * <bento-modal-page\n * pageId='page2'\n * :actions=\"[\n * {\n * title: 'Save',\n * event: () => {},\n * }]\">\n * Page 2\n * <template #content>\n * Page 2 content\n * </template>\n * </bento-modal-page>\n * </bento-modal>\n * `\n * }\n */\n export default defineComponent({});\n</script>\n\n<style lang=\"scss\" scoped src=\"./modal-page.scss\" />\n","<template>\n <div class=\"b-modal-base\">\n <dialog\n ref=\"modal\"\n :role=\"modalRole\"\n :aria-label=\"computedAriaLabel\"\n :style=\"{ height: height }\"\n class=\"b-modal-base__container\"\n :class=\"modalConditionalClasses\"\n :open=\"initiallyOpen\"\n @animationend=\"closeModalAfterAnimation\"\n @keydown.esc=\"internalModalActionClose\"\n >\n <bento-focus-trap\n v-if=\"isOpen || initiallyOpen\"\n :id=\"modalId\"\n v-bento-click-outside-directive=\"closeModalOnClickOutside\"\n >\n <bento-button\n v-if=\"showCloseButton\"\n class=\"b-modal-base__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n :style=\"customPaddingStyles\"\n @click=\"internalModalActionClose\"\n >\n <cross-icon :svg-title=\"t('close')\" />\n </bento-button>\n <template v-if=\"props.activePage\">\n <slot />\n </template>\n <bento-modal-page\n v-else\n :with-column-layout=\"withColumnLayout\"\n :size=\"size\"\n :custom-padding=\"customPadding\"\n :columns-size=\"columnsSize\"\n >\n <template v-if=\"hasSlot('default')\" #default>\n <slot></slot>\n </template>\n <template v-if=\"hasSlot('content-col-1')\" #content-col-1\n ><slot name=\"content-col-1\"></slot\n ></template>\n <template v-if=\"hasSlot('content-col-2')\" #content-col-2\n ><slot name=\"content-col-2\"></slot\n ></template>\n <template v-if=\"hasSlot('content')\" #content><slot name=\"content\"></slot></template>\n <template v-if=\"hasSlot('actions')\" #actions><slot name=\"actions\"></slot></template>\n </bento-modal-page>\n </bento-focus-trap>\n </dialog>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import {\n computed,\n defineComponent,\n onMounted,\n type PropType,\n provide,\n ref,\n toRefs,\n useAttrs,\n useSlots,\n watch,\n } from 'vue';\n import {\n BentoModalColumnLayoutVariant,\n type BentoModalConfigData,\n BentoModalRole,\n BentoModalSize,\n } from '@/components/modal/modal.types';\n import { BentoButton, type BentoButtonActionsList } from '@/components/button';\n import { BentoFocusTrap } from '@/components/focus-trap';\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import { MODAL_DIALOG_ID_INJECTION_KEY } from '@/components/modal/components/base-modal/base-modal.keys';\n import { generateUid } from '@/core/utils/ts';\n import { BentoClickOutsideDirective as vBentoClickOutsideDirective } from '@/directives/click-outside';\n import messages from './messages.json';\n\n import { BentoModalPage } from '@/components/modal/components/modal-page';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { MODAL_CONFIG_INJECTION_KEY } from '../../modal.keys';\n import {\n BentoDialogPageAnimation,\n type BentoDialogPageConfigData,\n type BentoDialogPageRegisterPage,\n DIALOG_PAGE_CONFIG_INJECTION_KEY,\n DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY,\n } from '@/internal';\n\n type MessageSchema = (typeof messages)['en-US'];\n const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const slots = useSlots();\n const attrs = useAttrs();\n const hasSlot = useHasSlot(slots);\n const modal = ref<HTMLDialogElement>(null);\n const isClosing = ref(false);\n const modalId = generateUid('modal');\n\n const emit = defineEmits([\"update:active-page\", \"close-modal\"]);\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n * But you may change the color of 1-st action to red with 'critial' key\n * Not more than 3 action buttons can be provided\n * Or 2 action buttons and 1 Label for them\n *\n * Each object in the list should have a `title`, an `event` and\n * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n *\n * `title`: Button's text.\n *\n * `event`: Event triggered when clicking the Button.\n *\n * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * ```\n * [{\n * title: 'Primary',2\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: null,\n },\n\n /**\n * The id of the current active page\n * Should be the same id as the BentoModalPage to be displayed\n */\n activePage: {\n type: String,\n default: null,\n },\n\n /**\n * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n */\n columnsSize: {\n type: String as PropType<BentoModalColumnLayoutVariant>,\n default: BentoModalColumnLayoutVariant.SMALLER,\n },\n\n /**\n * If provided, manages the padding of the whole modal container\n */\n customPadding: { type: String, default: null },\n\n /**\n * If passed - sets first button color to red\n */\n destructiveActions: { type: Boolean, default: false },\n\n /**\n * Hides a cross icon on the right side of the title\n */\n hideCloseButton: { type: Boolean, required: true },\n\n /**\n * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n */\n initiallyOpen: { type: Boolean, default: false },\n\n /**\n * If set to true, it allows the modal to be closed by clicking outside of it\n */\n isDismissible: { type: Boolean, required: true },\n\n /**\n * Controls the modal's state from the outside. Set it to true to open the modal\n */\n isOpen: { type: Boolean, required: true },\n\n /**\n * Defines whether the modal will be an alert modal\n */\n modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n /**\n * Sets the width of the modal\n */\n size: {\n type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n default: BentoModalSize.SMALL,\n },\n\n /**\n * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n */\n withColumnLayout: { type: Boolean, default: false },\n });\n\n const showCloseButton = computed(() => props.isDismissible && !props.hideCloseButton);\n\n const pageCustomPadding = ref(props.customPadding);\n\n const customPaddingStyles = computed(() => {\n if (!pageCustomPadding.value) {\n return {};\n }\n\n return { top: pageCustomPadding.value, right: pageCustomPadding.value };\n });\n\n const computedAriaLabel = computed(() => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string));\n const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n const openModal = (): void => {\n modal.value.showModal();\n };\n\n const emitCloseEvent = (): void => {\n emit('close-modal');\n };\n\n // Handle closing and closing animation for dialog element\n const closeModalAfterAnimation = () => {\n if (isClosing.value) {\n modal.value.close();\n if (previousPages.value[0]) {\n emit('update:active-page', previousPages.value[0]);\n }\n previousPages.value = [];\n isClosing.value = false;\n emitCloseEvent();\n }\n };\n\n const startCloseModalAnimation = () => {\n if (!modal.value.open) {\n return;\n }\n isClosing.value = true;\n };\n\n /**\n * If the user has pressed escape, clicked outside or clicked the close icon.\n * Needs to be called from outside, following the \"dialog.close()\" pattern,\n * when the closing event is triggered outside of the \"base-modal\"\n * component (e.g. from a closing action).\n */\n const internalModalActionClose = (event?: Event) => {\n if (event) {\n event.preventDefault();\n }\n if (!props.isDismissible && props.modalRole === BentoModalRole.DIALOG) {\n return;\n }\n startCloseModalAnimation();\n };\n\n const closeModalOnClickOutside = () => {\n if (props.isDismissible) {\n internalModalActionClose();\n }\n };\n\n const modalConditionalClasses = computed(() => ({\n [`b-modal-base__container--${props.size}`]: props.size,\n 'b-modal-base__container--hide': isClosing.value,\n 'b-modal-base__container--column-layout': hasColumnLayout.value,\n 'b-modal-base__container--animation': isAnimationActive.value,\n }));\n\n watch(\n () => [props.isOpen, modal.value],\n ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n if (!newModalValue) {\n return;\n }\n\n const isFirstMutation = !oldModalValue;\n if (newIsOpen) {\n openModal();\n // add the first page to the array when the modal opens\n if (!previousPages.value.length) {\n previousPages.value.push(activePage.value);\n }\n } else if (!isFirstMutation) {\n startCloseModalAnimation();\n }\n }\n );\n\n // If the first button is a loading button then close the modal have 0.5 seconds\n // if the state is changed to 'success'.\n watch(\n () => props.actions,\n () => {\n if (props.actions?.[0]?.state === 'success') {\n setTimeout(startCloseModalAnimation, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n }\n },\n { deep: true }\n );\n\n onMounted(() => {\n if (props.isOpen && modal.value) {\n openModal();\n }\n });\n\n /**\n * Expose methods through its 'ref'\n */\n defineExpose({\n internalModalActionClose,\n });\n\n // Let's Children components know they are inside a Modal (dialog element)\n provide(MODAL_DIALOG_ID_INJECTION_KEY, modalId);\n\n // Modal pagination\n const { activePage, isOpen, size } = toRefs(props);\n const animation = ref(BentoDialogPageAnimation.TRANSITION_LEVEL_DEEPER);\n\n const pages = ref<Array<string>>([]);\n const previousPages = ref([]);\n\n const updatePage = page => emit('update:active-page', page);\n\n // unregister page if removed / destroyed\n const unregisterPage = (pageIdToRemove: string) => () => {\n pages.value = pages.value?.filter(pageId => pageId !== pageIdToRemove);\n };\n\n // Provide data and function to register page to subcomponent\n const registerPage: BentoDialogPageRegisterPage = pageId => {\n if (pageId) {\n pages.value.push(pageId);\n }\n\n return { unregisterPage: unregisterPage(pageId) };\n };\n\n const height = ref('');\n const isAnimationActive = ref(false);\n\n provide<BentoModalConfigData>(MODAL_CONFIG_INJECTION_KEY, {\n activePage,\n height,\n isAnimationActive,\n pageCustomPadding,\n showCloseButton,\n size,\n });\n\n provide<BentoDialogPageConfigData>(DIALOG_PAGE_CONFIG_INJECTION_KEY, {\n activePage,\n animation,\n isOpen,\n pages,\n previousPages,\n updatePage,\n });\n\n provide(DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY, registerPage);\n</script>\n\n<script lang=\"ts\">\n /**\n * Dialog container. It creates a dialog HTML element for the modal to use.\n *\n * @example\n * import BaseModal from './components/base-modal/base-modal.vue';\n *\n * export default {\n * components: { BaseModal },\n * template: `\n * <base-modal\n * :hide-close-button=\"true\"\n * :is-dismissible=\"false\"\n * :is-open=\"isOpen\"\n * @close-modal=\"isOpen = false\"\n * >\n * <template #content-col-1>\n * // Content on the left side column\n * </template>\n *\n * <template #content-col-2>\n * // Content on the right side column\n * </template>\n *\n * <template v-if=\"actions\" #actions>\n * <footer-actions :actions=\"actions\" />\n * </template>\n * </base-modal>\n * `,\n * setup() {\n * const isOpen = ref(true)\n * const footerActions = [{\n * title: 'Primary action',\n * event: () => { ... }\n * }]\n * }\n * }\n */\n export default defineComponent({\n i18n: { messages },\n name: 'base-modal',\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalVariantMapping","BentoModalVariantMapping2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","MODAL_CONFIG_INJECTION_KEY","__default__$1","defineComponent","CLOSE_BUTTON_ICON_WIDTH","slots","useSlots","hasSlot","useHasSlot","page","ref","modalPageConditionalClasses","computed","props","modalContentConditionalClasses","_a","customPaddingStyles","xPadding","content","hasColumnLayout","size","computedColumnWidth","activePage","height","isAnimationActive","pageCustomPadding","showCloseButton","inject","isCurrentPage","pageElementObserver","watch","value","oldValue","nextTick","_b","observeSizeOfElement","pageHeight","onUnmounted","__default__","messages","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","t","useI18n","attrs","useAttrs","modal","isClosing","modalId","generateUid","computedAriaLabel","openModal","emitCloseEvent","emit","closeModalAfterAnimation","previousPages","startCloseModalAnimation","internalModalActionClose","event","closeModalOnClickOutside","modalConditionalClasses","newIsOpen","newModalValue","oldModalValue","onMounted","expose","provide","MODAL_DIALOG_ID_INJECTION_KEY","isOpen","toRefs","animation","BentoDialogPageAnimation","pages","updatePage","unregisterPage","pageIdToRemove","pageId","registerPage","DIALOG_PAGE_CONFIG_INJECTION_KEY","DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY"],"mappings":"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"}
1
+ {"version":3,"file":"base-modal.MpaQpAHB.js","sources":["../../src/components/modal/modal.types.ts","../../src/components/modal/modal.keys.ts","../../src/components/modal/components/modal-page/modal-page.vue","../../src/components/modal/components/base-modal/base-modal.vue"],"sourcesContent":["import { type ComputedRef, type Ref } from 'vue';\n\n/**\n * Public\n */\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariant {\n DEFAULT = 'default',\n DIALOG = 'dialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalVariantMapping {\n DEFAULT = 'BentoModalDefault',\n DIALOG = 'BentoModalDialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalSize {\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalColumnLayoutVariant {\n SMALLER = 'smaller',\n EQUAL = 'equal',\n BIGGER = 'bigger',\n}\n\nexport enum BentoModalRole {\n DIALOG = 'dialog',\n ALERT_DIALOG = 'alertdialog',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoModalDialogType {\n CONFIRMATION = 'confirmation',\n DESTRUCTIVE = 'destructive',\n INFO = 'info',\n ACKNOWLEDGEMENT = 'acknowledgement',\n}\n\nexport enum BentoModalEvent {\n CLOSE_MODAL = 'close-modal',\n}\n\n/**\n * Private\n */\nexport interface BentoModalConfigData {\n activePage: Ref<string>;\n height: Ref<string>;\n isAnimationActive: Ref<boolean>;\n pageCustomPadding: Ref<string>;\n showCloseButton: ComputedRef<boolean>;\n size: Ref<BentoModalSize | `${BentoModalSize}`>;\n}\n","export const MODAL_CONFIG_INJECTION_KEY = Symbol('modal config data injection key');\n","<template>\n <dialog-page\n ref=\"page\"\n class=\"b-modal-page\"\n :class=\"modalPageConditionalClasses\"\n :page-id=\"pageId\"\n :always-show-border=\"hasColumnLayout\"\n :back-button-styling=\"customPaddingStyles?.backButton\"\n :previous-page=\"previousPage\"\n @animationend=\"isAnimationActive = false\"\n >\n <template v-if=\"hasSlot('default') || showCloseButton\" #header>\n <div class=\"b-modal-page__header-container\" :style=\"customPaddingStyles.header\">\n <div class=\"b-modal-page__header\">\n <bento-typography class=\"b-modal-page__title\" el=\"span\" variant=\"title\" stronger>\n <slot v-if=\"hasSlot('default')\" />\n </bento-typography>\n </div>\n </div>\n </template>\n\n <template #content>\n <div\n class=\"b-modal-page__content\"\n :class=\"modalContentConditionalClasses\"\n :style=\"customPaddingStyles.content\"\n >\n <bento-typography\n v-if=\"hasSlot('content') || (hasSlot('content-col-1') && hasSlot('content-col-2'))\"\n el=\"div\"\n >\n <grid-layout\n v-if=\"hasColumnLayout\"\n :column-width=\"computedColumnWidth\"\n :container-type=\"GridLayoutContainerType.NORMAL\"\n no-gap\n class=\"b-modal-page__grid\"\n >\n <template #col-1><slot name=\"content-col-1\"></slot></template>\n <template #col-2><slot name=\"content-col-2\"></slot></template>\n </grid-layout>\n <slot v-else name=\"content\" />\n </bento-typography>\n </div>\n </template>\n <template v-if=\"hasSlot('actions')\" #footer>\n <div class=\"b-modal-page__actions-container\" :style=\"customPaddingStyles.actions\">\n <div aria-label=\"modal actions\" class=\"b-modal-page__actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n </template>\n <template v-else-if=\"actions && actions.length > 0\" #footer>\n <div class=\"b-modal-page__actions-container\" :style=\"customPaddingStyles.actions\">\n <footer-actions\n :actions=\"actions\"\n :actions-label=\"actionsLabel\"\n :destructive-actions=\"destructiveActions\"\n />\n </div>\n </template>\n </dialog-page>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, defineComponent, inject, nextTick, onUnmounted, ref, useSlots, watch } from 'vue';\n import {\n BentoModalColumnLayoutVariant,\n type BentoModalConfigData,\n BentoModalSize,\n } from '@/components/modal/modal.types';\n import { BentoTypography } from '@/components/typography';\n import { GridLayout, GridLayoutContainerType } from '@/internal';\n import { useHasSlot } from '@/composables';\n\n import { FooterActions } from '@/components/internal/footer-actions';\n\n import DialogPage from '@/internal/dialog-page/dialog-page.vue';\n import { MODAL_CONFIG_INJECTION_KEY } from '../../modal.keys';\n import { observeSizeOfElement } from '@/utils/ts/resize';\n import type { BentoModalPageProps } from './modal-page.types';\n\n const CLOSE_BUTTON_ICON_WIDTH = 26;\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n const page = ref<InstanceType<typeof DialogPage>>(null);\n\n const props = defineProps({\n actions: { default: null },\n actionsLabel: { default: null },\n columnsSize: { default: BentoModalColumnLayoutVariant.SMALLER },\n customPadding: { default: null },\n destructiveActions: { type: Boolean, default: false },\n withColumnLayout: { type: Boolean, default: false },\n pageId: { default: undefined },\n previousPage: { default: undefined }\n});\n\n const modalPageConditionalClasses = computed(() => ({\n 'b-modal-page--custom-padding': props.customPadding,\n }));\n\n const modalContentConditionalClasses = computed(() => ({\n 'b-modal-page__content--with-header': hasSlot('default'),\n 'b-modal-page__content--with-actions': hasSlot('actions') || props.actions?.length,\n }));\n\n // Setting custom padding styles\n const customPaddingStyles = computed(() => {\n if (!props.customPadding) {\n return {};\n }\n\n const xPadding = {\n paddingLeft: props.customPadding,\n paddingRight: props.customPadding,\n };\n\n const content = { ...xPadding, paddingTop: undefined, paddingBottom: undefined };\n\n if (!hasSlot('default')) {\n content.paddingTop = props.customPadding;\n }\n\n if (!hasSlot('actions')) {\n content.paddingBottom = props.customPadding;\n }\n\n return {\n header: {\n ...xPadding,\n paddingTop: props.customPadding,\n paddingRight: `${parseInt(props.customPadding, 10) + CLOSE_BUTTON_ICON_WIDTH}px`,\n flex: 1,\n },\n content,\n actions: { ...xPadding, paddingBottom: props.customPadding },\n backButton: { top: props.customPadding, paddingLeft: props.customPadding },\n };\n });\n\n // Column layout styles\n const hasColumnLayout = computed(() => props.withColumnLayout && size.value === BentoModalSize.LARGE);\n\n const computedColumnWidth = computed(() => {\n if (props.columnsSize === BentoModalColumnLayoutVariant.SMALLER) {\n return [\n { small: 4, medium: 4, large: 4 },\n { small: 8, medium: 8, large: 8 },\n ];\n }\n if (props.columnsSize === BentoModalColumnLayoutVariant.BIGGER) {\n return [\n { small: 8, medium: 8, large: 8 },\n { small: 4, medium: 4, large: 4 },\n ];\n }\n return [\n { small: 6, medium: 6, large: 6 },\n { small: 6, medium: 6, large: 6 },\n ];\n });\n\n // Register page to parent component and inject data from parent component\n const { activePage, height, isAnimationActive, pageCustomPadding, showCloseButton, size } =\n inject<BentoModalConfigData>(MODAL_CONFIG_INJECTION_KEY);\n\n const isCurrentPage = computed(() => activePage.value === props.pageId || !activePage.value);\n\n // Animation\n // Set resize observer on mount of update the height of the dialog on resize\n let pageElementObserver: ResizeObserver | null = null;\n\n // Watching activePage changes to set the height of the page and set isAnimationActive\n watch(\n () => activePage.value,\n async (value, oldValue) => {\n if (isCurrentPage.value) {\n await nextTick();\n height.value = `${page.value?.$el?.clientHeight}px`;\n pageCustomPadding.value = props.customPadding;\n // only set isAnimationActive to true if its going from two different pages and not from null to the first page\n isAnimationActive.value = oldValue !== undefined;\n\n pageElementObserver = observeSizeOfElement(page.value, () => {\n const pageHeight = `${page.value?.$el?.clientHeight}px`;\n if (pageHeight && pageHeight !== height.value) {\n height.value = pageHeight;\n }\n });\n }\n },\n { immediate: true }\n );\n\n // Disconnect observer on unmounting the page\n onUnmounted(() => {\n pageElementObserver?.disconnect();\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * ModalPage is used to render different pages of the Modal component\n *\n * @example\n * import { BentoModal, BentoModalPage } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoModal, BentoModalPage },\n * template: `\n * <bento-modal active-page='page1' :is-open='true'>\n * <bento-modal-page\n * pageId='page1'\n * actions-label='Move to next page'\n * :actions=\"[\n * {\n * title: 'Next page',\n * event: () => {\n * activePage.value = 'page2';\n * },\n * }]\">\n * Page 1\n * <template #content>\n * Page 1 content\n * </template>\n * </bento-modal-page>\n * <bento-modal-page\n * pageId='page2'\n * :actions=\"[\n * {\n * title: 'Save',\n * event: () => {},\n * }]\">\n * Page 2\n * <template #content>\n * Page 2 content\n * </template>\n * </bento-modal-page>\n * </bento-modal>\n * `\n * }\n */\n export default defineComponent({});\n</script>\n\n<style lang=\"scss\" scoped src=\"./modal-page.scss\" />\n","<template>\n <div class=\"b-modal-base\">\n <dialog\n ref=\"modal\"\n :role=\"modalRole\"\n :aria-label=\"computedAriaLabel\"\n :style=\"{ height: height }\"\n class=\"b-modal-base__container\"\n :class=\"modalConditionalClasses\"\n :open=\"initiallyOpen\"\n @animationend=\"closeModalAfterAnimation\"\n @keydown.esc=\"internalModalActionClose\"\n >\n <bento-focus-trap\n v-if=\"isOpen || initiallyOpen\"\n :id=\"modalId\"\n v-bento-click-outside-directive=\"closeModalOnClickOutside\"\n >\n <bento-button\n v-if=\"showCloseButton\"\n class=\"b-modal-base__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n :style=\"customPaddingStyles\"\n @click=\"internalModalActionClose\"\n >\n <cross-icon :svg-title=\"t('close')\" />\n </bento-button>\n <template v-if=\"props.activePage\">\n <slot />\n </template>\n <bento-modal-page\n v-else\n :with-column-layout=\"withColumnLayout\"\n :size=\"size\"\n :custom-padding=\"customPadding\"\n :columns-size=\"columnsSize\"\n >\n <template v-if=\"hasSlot('default')\" #default>\n <slot></slot>\n </template>\n <template v-if=\"hasSlot('content-col-1')\" #content-col-1\n ><slot name=\"content-col-1\"></slot\n ></template>\n <template v-if=\"hasSlot('content-col-2')\" #content-col-2\n ><slot name=\"content-col-2\"></slot\n ></template>\n <template v-if=\"hasSlot('content')\" #content><slot name=\"content\"></slot></template>\n <template v-if=\"hasSlot('actions')\" #actions><slot name=\"actions\"></slot></template>\n </bento-modal-page>\n </bento-focus-trap>\n </dialog>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import {\n computed,\n defineComponent,\n onMounted,\n type PropType,\n provide,\n ref,\n toRefs,\n useAttrs,\n useSlots,\n watch,\n } from 'vue';\n import {\n BentoModalColumnLayoutVariant,\n type BentoModalConfigData,\n BentoModalRole,\n BentoModalSize,\n } from '@/components/modal/modal.types';\n import { BentoButton, type BentoButtonActionsList } from '@/components/button';\n import { BentoFocusTrap } from '@/components/focus-trap';\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import { MODAL_DIALOG_ID_INJECTION_KEY } from '@/components/modal/components/base-modal/base-modal.keys';\n import { generateUid } from '@/core/utils/ts';\n import { BentoClickOutsideDirective as vBentoClickOutsideDirective } from '@/directives/click-outside';\n import messages from './messages.json';\n\n import { BentoModalPage } from '@/components/modal/components/modal-page';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { MODAL_CONFIG_INJECTION_KEY } from '../../modal.keys';\n import {\n BentoDialogPageAnimation,\n type BentoDialogPageConfigData,\n type BentoDialogPageRegisterPage,\n DIALOG_PAGE_CONFIG_INJECTION_KEY,\n DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY,\n } from '@/internal';\n\n type MessageSchema = (typeof messages)['en-US'];\n const LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME = 500;\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const slots = useSlots();\n const attrs = useAttrs();\n const hasSlot = useHasSlot(slots);\n const modal = ref<HTMLDialogElement>(null);\n const isClosing = ref(false);\n const modalId = generateUid('modal');\n\n const emit = defineEmits([\"update:active-page\", \"close-modal\"]);\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * First element in the list will be rendered as \"primary\".\n * All elements after the first will be rendered as \"secondary\".\n * But you may change the color of 1-st action to red with 'critial' key\n * Not more than 3 action buttons can be provided\n * Or 2 action buttons and 1 Label for them\n *\n * Each object in the list should have a `title`, an `event` and\n * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n *\n * `title`: Button's text.\n *\n * `event`: Event triggered when clicking the Button.\n *\n * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n *\n * ```\n * [{\n * title: 'Primary',2\n * event: () => { ... },\n * icon: FourPeopleIcon\n * }, {\n * title: 'Secondary',\n * event: () => { ... }\n * }]\n * ```\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: null,\n },\n\n /**\n * The id of the current active page\n * Should be the same id as the BentoModalPage to be displayed\n */\n activePage: {\n type: String,\n default: null,\n },\n\n /**\n * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.\n */\n columnsSize: {\n type: String as PropType<BentoModalColumnLayoutVariant>,\n default: BentoModalColumnLayoutVariant.SMALLER,\n },\n\n /**\n * If provided, manages the padding of the whole modal container\n */\n customPadding: { type: String, default: null },\n\n /**\n * If passed - sets first button color to red\n */\n destructiveActions: { type: Boolean, default: false },\n\n /**\n * Hides a cross icon on the right side of the title\n */\n hideCloseButton: { type: Boolean, required: true },\n\n /**\n * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.\n */\n initiallyOpen: { type: Boolean, default: false },\n\n /**\n * If set to true, it allows the modal to be closed by clicking outside of it\n */\n isDismissible: { type: Boolean, required: true },\n\n /**\n * Controls the modal's state from the outside. Set it to true to open the modal\n */\n isOpen: { type: Boolean, required: true },\n\n /**\n * Defines whether the modal will be an alert modal\n */\n modalRole: { type: String, default: BentoModalRole.DIALOG },\n\n /**\n * Sets the width of the modal\n */\n size: {\n type: String as PropType<BentoModalSize | `${BentoModalSize}`>,\n default: BentoModalSize.SMALL,\n },\n\n /**\n * If provided, renders the modal's content in a two-column layout an wth dividers separating its content\n */\n withColumnLayout: { type: Boolean, default: false },\n });\n\n const showCloseButton = computed(() => props.isDismissible && !props.hideCloseButton);\n\n const pageCustomPadding = ref(props.customPadding);\n\n const customPaddingStyles = computed(() => {\n if (!pageCustomPadding.value) {\n return {};\n }\n\n return { top: pageCustomPadding.value, right: pageCustomPadding.value };\n });\n\n const computedAriaLabel = computed(() => (attrs['aria-label'] as string) ?? (t('ariaLabelFallback') as string));\n const hasColumnLayout = computed(() => props.withColumnLayout && props.size === BentoModalSize.LARGE);\n\n const openModal = (): void => {\n modal.value.showModal();\n };\n\n const emitCloseEvent = (): void => {\n emit('close-modal');\n };\n\n // Handle closing and closing animation for dialog element\n const closeModalAfterAnimation = () => {\n if (isClosing.value) {\n modal.value.close();\n if (previousPages.value[0]) {\n emit('update:active-page', previousPages.value[0]);\n }\n previousPages.value = [];\n isClosing.value = false;\n emitCloseEvent();\n }\n };\n\n const startCloseModalAnimation = () => {\n if (!modal.value.open) {\n return;\n }\n isClosing.value = true;\n };\n\n /**\n * If the user has pressed escape, clicked outside or clicked the close icon.\n * Needs to be called from outside, following the \"dialog.close()\" pattern,\n * when the closing event is triggered outside of the \"base-modal\"\n * component (e.g. from a closing action).\n */\n const internalModalActionClose = (event?: Event) => {\n if (event) {\n event.preventDefault();\n }\n if (!props.isDismissible && props.modalRole === BentoModalRole.DIALOG) {\n return;\n }\n startCloseModalAnimation();\n };\n\n const closeModalOnClickOutside = () => {\n if (props.isDismissible) {\n internalModalActionClose();\n }\n };\n\n const modalConditionalClasses = computed(() => ({\n [`b-modal-base__container--${props.size}`]: props.size,\n 'b-modal-base__container--hide': isClosing.value,\n 'b-modal-base__container--column-layout': hasColumnLayout.value,\n 'b-modal-base__container--animation': isAnimationActive.value,\n }));\n\n watch(\n () => [props.isOpen, modal.value],\n ([newIsOpen, newModalValue], [, oldModalValue]): void => {\n if (!newModalValue) {\n return;\n }\n\n const isFirstMutation = !oldModalValue;\n if (newIsOpen) {\n openModal();\n // add the first page to the array when the modal opens\n if (!previousPages.value.length) {\n previousPages.value.push(activePage.value);\n }\n } else if (!isFirstMutation) {\n startCloseModalAnimation();\n }\n }\n );\n\n // If the first button is a loading button then close the modal have 0.5 seconds\n // if the state is changed to 'success'.\n watch(\n () => props.actions,\n () => {\n if (props.actions?.[0]?.state === 'success') {\n setTimeout(startCloseModalAnimation, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME);\n }\n },\n { deep: true }\n );\n\n onMounted(() => {\n if (props.isOpen && modal.value) {\n openModal();\n }\n });\n\n /**\n * Expose methods through its 'ref'\n */\n defineExpose({\n internalModalActionClose,\n });\n\n // Let's Children components know they are inside a Modal (dialog element)\n provide(MODAL_DIALOG_ID_INJECTION_KEY, modalId);\n\n // Modal pagination\n const { activePage, isOpen, size } = toRefs(props);\n const animation = ref(BentoDialogPageAnimation.TRANSITION_LEVEL_DEEPER);\n\n const pages = ref<Array<string>>([]);\n const previousPages = ref([]);\n\n const updatePage = page => emit('update:active-page', page);\n\n // unregister page if removed / destroyed\n const unregisterPage = (pageIdToRemove: string) => () => {\n pages.value = pages.value?.filter(pageId => pageId !== pageIdToRemove);\n };\n\n // Provide data and function to register page to subcomponent\n const registerPage: BentoDialogPageRegisterPage = pageId => {\n if (pageId) {\n pages.value.push(pageId);\n }\n\n return { unregisterPage: unregisterPage(pageId) };\n };\n\n const height = ref('');\n const isAnimationActive = ref(false);\n\n provide<BentoModalConfigData>(MODAL_CONFIG_INJECTION_KEY, {\n activePage,\n height,\n isAnimationActive,\n pageCustomPadding,\n showCloseButton,\n size,\n });\n\n provide<BentoDialogPageConfigData>(DIALOG_PAGE_CONFIG_INJECTION_KEY, {\n activePage,\n animation,\n isOpen,\n pages,\n previousPages,\n updatePage,\n });\n\n provide(DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY, registerPage);\n</script>\n\n<script lang=\"ts\">\n /**\n * Dialog container. It creates a dialog HTML element for the modal to use.\n *\n * @example\n * import BaseModal from './components/base-modal/base-modal.vue';\n *\n * export default {\n * components: { BaseModal },\n * template: `\n * <base-modal\n * :hide-close-button=\"true\"\n * :is-dismissible=\"false\"\n * :is-open=\"isOpen\"\n * @close-modal=\"isOpen = false\"\n * >\n * <template #content-col-1>\n * // Content on the left side column\n * </template>\n *\n * <template #content-col-2>\n * // Content on the right side column\n * </template>\n *\n * <template v-if=\"actions\" #actions>\n * <footer-actions :actions=\"actions\" />\n * </template>\n * </base-modal>\n * `,\n * setup() {\n * const isOpen = ref(true)\n * const footerActions = [{\n * title: 'Primary action',\n * event: () => { ... }\n * }]\n * }\n * }\n */\n export default defineComponent({\n i18n: { messages },\n name: 'base-modal',\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./base-modal.scss\" />\n"],"names":["BentoModalVariant","BentoModalVariant2","BentoModalVariantMapping","BentoModalVariantMapping2","BentoModalSize","BentoModalSize2","BentoModalColumnLayoutVariant","BentoModalColumnLayoutVariant2","BentoModalRole","BentoModalRole2","BentoModalDialogType","BentoModalDialogType2","BentoModalEvent","BentoModalEvent2","MODAL_CONFIG_INJECTION_KEY","__default__$1","defineComponent","CLOSE_BUTTON_ICON_WIDTH","slots","useSlots","hasSlot","useHasSlot","page","ref","modalPageConditionalClasses","computed","props","modalContentConditionalClasses","_a","customPaddingStyles","xPadding","content","hasColumnLayout","size","computedColumnWidth","activePage","height","isAnimationActive","pageCustomPadding","showCloseButton","inject","isCurrentPage","pageElementObserver","watch","value","oldValue","nextTick","_b","observeSizeOfElement","pageHeight","onUnmounted","__default__","messages","LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME","t","useI18n","attrs","useAttrs","modal","isClosing","modalId","generateUid","computedAriaLabel","openModal","emitCloseEvent","emit","closeModalAfterAnimation","previousPages","startCloseModalAnimation","internalModalActionClose","event","closeModalOnClickOutside","modalConditionalClasses","newIsOpen","newModalValue","oldModalValue","onMounted","expose","provide","MODAL_DIALOG_ID_INJECTION_KEY","isOpen","toRefs","animation","BentoDialogPageAnimation","pages","updatePage","unregisterPage","pageIdToRemove","pageId","registerPage","DIALOG_PAGE_CONFIG_INJECTION_KEY","DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY"],"mappings":"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"}
package/dist/chunks/{button-actions-with-menu.DPKvfKJY.js → button-actions-with-menu.ouuwtS1H.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { ref as v, watch as A, nextTick as m, defineComponent as w, toRef as b, computed as _, provide as h } from "vue";
2
- import { M as y, d as B, e as C, B as M } from "./button-actions.C3cP-anb.js";
2
+ import { M as y, d as B, e as C, B as M } from "./button-actions.BoZOEVZi.js";
3
3
  import { u as T } from "./index.BDK4hwK_.js";
4
4
  import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
5
5
  import "../assets/button-actions-with-menu.css";
@@ -82,4 +82,4 @@ const S = g.exports;
82
82
  export {
83
83
  S as B
84
84
  };
85
- //# sourceMappingURL=button-actions-with-menu.DPKvfKJY.js.map
85
+ //# sourceMappingURL=button-actions-with-menu.ouuwtS1H.js.map