@adyen/bento-vue2 1.84.2-rc.0 → 1.84.2

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 (165) hide show
  1. package/dist/@types/index.d.ts +1242 -1243
  2. package/dist/action-bar.js +1 -1
  3. package/dist/alert.js +1 -1
  4. package/dist/assets/accordion-item.css +1 -1
  5. package/dist/assets/action-bar.css +1 -1
  6. package/dist/assets/base-modal.css +1 -1
  7. package/dist/assets/button-actions.css +1 -1
  8. package/dist/assets/card.css +1 -1
  9. package/dist/assets/data-grid.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/inspector.css +1 -1
  14. package/dist/assets/link.css +1 -1
  15. package/dist/assets/modal-fullscreen.css +1 -1
  16. package/dist/assets/sidepanel.css +1 -1
  17. package/dist/button.js +3 -3
  18. package/dist/card.js +1 -1
  19. package/dist/chunks/{action-bar.CJYg7Ia5.js → action-bar.y4tcdk7R.js} +4 -4
  20. package/dist/chunks/{action-bar.CJYg7Ia5.js.map → action-bar.y4tcdk7R.js.map} +1 -1
  21. package/dist/chunks/{ai-button.DwyvZSaa.js → ai-button.BEy4Gly-.js} +2 -2
  22. package/dist/chunks/{ai-button.DwyvZSaa.js.map → ai-button.BEy4Gly-.js.map} +1 -1
  23. package/dist/chunks/{alert.CFcB-Dtb.js → alert.B3Pdp02a.js} +2 -2
  24. package/dist/chunks/{alert.CFcB-Dtb.js.map → alert.B3Pdp02a.js.map} +1 -1
  25. package/dist/chunks/{base-modal.DxlYDlJ7.js → base-modal.KYkLKswF.js} +5 -5
  26. package/dist/chunks/{base-modal.DxlYDlJ7.js.map → base-modal.KYkLKswF.js.map} +1 -1
  27. package/dist/chunks/{button-actions-with-menu.CyQ2TBUg.js → button-actions-with-menu.B5mKwc-F.js} +2 -2
  28. package/dist/chunks/{button-actions-with-menu.CyQ2TBUg.js.map → button-actions-with-menu.B5mKwc-F.js.map} +1 -1
  29. package/dist/chunks/{button-actions.BSMSYCKq.js → button-actions.D9n7MxWe.js} +2 -2
  30. package/dist/chunks/{button-actions.BSMSYCKq.js.map → button-actions.D9n7MxWe.js.map} +1 -1
  31. package/dist/chunks/{button.w0v6WZIV.js → button.DIU6m9wD.js} +2 -2
  32. package/dist/chunks/{button.w0v6WZIV.js.map → button.DIU6m9wD.js.map} +1 -1
  33. package/dist/chunks/{calendar.Y1HsEqtz.js → calendar.C8DpZ4Sr.js} +2 -2
  34. package/dist/chunks/{calendar.Y1HsEqtz.js.map → calendar.C8DpZ4Sr.js.map} +1 -1
  35. package/dist/chunks/{card.CQv8KMLp.js → card.CLX0RGG6.js} +2 -2
  36. package/dist/chunks/{card.CQv8KMLp.js.map → card.CLX0RGG6.js.map} +1 -1
  37. package/dist/chunks/{code-snippet.Cxqd-4TI.js → code-snippet.9MwDHp50.js} +5 -5
  38. package/dist/chunks/{code-snippet.Cxqd-4TI.js.map → code-snippet.9MwDHp50.js.map} +1 -1
  39. package/dist/chunks/{copy.BIaBjwAM.js → copy.C0q7xgXs.js} +2 -2
  40. package/dist/chunks/{copy.BIaBjwAM.js.map → copy.C0q7xgXs.js.map} +1 -1
  41. package/dist/chunks/{dashboard-section.rL5MOE-h.js → dashboard-section.B83FdC0Z.js} +3 -3
  42. package/dist/chunks/{dashboard-section.rL5MOE-h.js.map → dashboard-section.B83FdC0Z.js.map} +1 -1
  43. package/dist/chunks/{dashed-underline.CqoWOxFd.js → dashed-underline.DQGVy5T2.js} +2 -2
  44. package/dist/chunks/{dashed-underline.CqoWOxFd.js.map → dashed-underline.DQGVy5T2.js.map} +1 -1
  45. package/dist/chunks/{data-grid-template.BCr7fbby.js → data-grid-template.BTEFoEwf.js} +4 -4
  46. package/dist/chunks/{data-grid-template.BCr7fbby.js.map → data-grid-template.BTEFoEwf.js.map} +1 -1
  47. package/dist/chunks/{data-grid.Dc_0eJHD.js → data-grid.Bk7_6Z0F.js} +635 -635
  48. package/dist/chunks/{data-grid.Dc_0eJHD.js.map → data-grid.Bk7_6Z0F.js.map} +1 -1
  49. package/dist/chunks/{date-picker.CuBlgqmJ.js → date-picker.CnsC_UMG.js} +3 -3
  50. package/dist/chunks/{date-picker.CuBlgqmJ.js.map → date-picker.CnsC_UMG.js.map} +1 -1
  51. package/dist/chunks/{date-range-picker.uxHCVhD0.js → date-range-picker.B6GSRjjK.js} +5 -5
  52. package/dist/chunks/{date-range-picker.uxHCVhD0.js.map → date-range-picker.B6GSRjjK.js.map} +1 -1
  53. package/dist/chunks/{dialog-page.NqHJve3z.js → dialog-page.QpRiNPyx.js} +2 -2
  54. package/dist/chunks/{dialog-page.NqHJve3z.js.map → dialog-page.QpRiNPyx.js.map} +1 -1
  55. package/dist/chunks/{dropdown-tag.Dskx75T4.js → dropdown-tag.HBM0wrEV.js} +2 -2
  56. package/dist/chunks/{dropdown-tag.Dskx75T4.js.map → dropdown-tag.HBM0wrEV.js.map} +1 -1
  57. package/dist/chunks/{dropdown.BkNo1a1r.js → dropdown.C2pXf8Li.js} +3 -3
  58. package/dist/chunks/{dropdown.BkNo1a1r.js.map → dropdown.C2pXf8Li.js.map} +1 -1
  59. package/dist/chunks/{empty-state.BjmymVev.js → empty-state.DpBnqAxu.js} +2 -2
  60. package/dist/chunks/{empty-state.BjmymVev.js.map → empty-state.DpBnqAxu.js.map} +1 -1
  61. package/dist/chunks/es6.C1DXQV6f.js.map +1 -1
  62. package/dist/chunks/{file-uploader.CW2dweOA.js → file-uploader.CnOqfuI-.js} +4 -4
  63. package/dist/chunks/{file-uploader.CW2dweOA.js.map → file-uploader.CnOqfuI-.js.map} +1 -1
  64. package/dist/chunks/{filter-bar.BG1rpjUv.js → filter-bar.CnJAxz9B.js} +13 -13
  65. package/dist/chunks/filter-bar.CnJAxz9B.js.map +1 -0
  66. package/dist/chunks/{fixed-scroller.iuPjumAy.js → fixed-scroller.Bp4-iO80.js} +2 -2
  67. package/dist/chunks/{fixed-scroller.iuPjumAy.js.map → fixed-scroller.Bp4-iO80.js.map} +1 -1
  68. package/dist/chunks/{footer-actions.BgQFgb_I.js → footer-actions.BOiN47Xd.js} +3 -3
  69. package/dist/chunks/{footer-actions.BgQFgb_I.js.map → footer-actions.BOiN47Xd.js.map} +1 -1
  70. package/dist/chunks/{form-layout-title.Ddq5F6G9.js → form-layout-title.CdC1T4gs.js} +2 -2
  71. package/dist/chunks/{form-layout-title.Ddq5F6G9.js.map → form-layout-title.CdC1T4gs.js.map} +1 -1
  72. package/dist/chunks/{header-meta.TOYGgq-y.js → header-meta.D_oAu2S9.js} +2 -2
  73. package/dist/chunks/{header-meta.TOYGgq-y.js.map → header-meta.D_oAu2S9.js.map} +1 -1
  74. package/dist/chunks/{header-with-views.CFUj2Ihk.js → header-with-views.Dc9LUYNY.js} +7 -7
  75. package/dist/chunks/{header-with-views.CFUj2Ihk.js.map → header-with-views.Dc9LUYNY.js.map} +1 -1
  76. package/dist/chunks/{header.DK7M0Pd_.js → header.BmtlQmPs.js} +3 -3
  77. package/dist/chunks/{header.DK7M0Pd_.js.map → header.BmtlQmPs.js.map} +1 -1
  78. package/dist/chunks/{input-field-password.C0gHtlKF.js → input-field-password.D23H_RvO.js} +5 -5
  79. package/dist/chunks/{input-field-password.C0gHtlKF.js.map → input-field-password.D23H_RvO.js.map} +1 -1
  80. package/dist/chunks/{input-field-phone-number.Ci8OaTN-.js → input-field-phone-number.Bvk2Pvec.js} +3 -3
  81. package/dist/chunks/{input-field-phone-number.Ci8OaTN-.js.map → input-field-phone-number.Bvk2Pvec.js.map} +1 -1
  82. package/dist/chunks/{input-field.BuRdLKnd.js → input-field.hf0_ALq0.js} +2 -2
  83. package/dist/chunks/{input-field.BuRdLKnd.js.map → input-field.hf0_ALq0.js.map} +1 -1
  84. package/dist/chunks/{inspector.CHTMCeuI.js → inspector.C0iAxxoz.js} +2 -2
  85. package/dist/chunks/{inspector.CHTMCeuI.js.map → inspector.C0iAxxoz.js.map} +1 -1
  86. package/dist/chunks/{link.Bzi1dfkW.js → link.PsTSQjK3.js} +24 -24
  87. package/dist/chunks/{link.Bzi1dfkW.js.map → link.PsTSQjK3.js.map} +1 -1
  88. package/dist/chunks/{modal-fullscreen.WvqabCPD.js → modal-fullscreen.B1gltlxA.js} +5 -5
  89. package/dist/chunks/{modal-fullscreen.WvqabCPD.js.map → modal-fullscreen.B1gltlxA.js.map} +1 -1
  90. package/dist/chunks/{modal.dZpIzK-x.js → modal.e3EQ6Kex.js} +5 -5
  91. package/dist/chunks/{modal.dZpIzK-x.js.map → modal.e3EQ6Kex.js.map} +1 -1
  92. package/dist/chunks/{pagination.DBsxveHn.js → pagination.BcFt2FqK.js} +3 -3
  93. package/dist/chunks/{pagination.DBsxveHn.js.map → pagination.BcFt2FqK.js.map} +1 -1
  94. package/dist/chunks/{promo-banner.CtZOcfkq.js → promo-banner.yfBorKj7.js} +2 -2
  95. package/dist/chunks/{promo-banner.CtZOcfkq.js.map → promo-banner.yfBorKj7.js.map} +1 -1
  96. package/dist/chunks/{rich-text-editor.CfV6F4-9.js → rich-text-editor.Dq2CFGOu.js} +3 -3
  97. package/dist/chunks/{rich-text-editor.CfV6F4-9.js.map → rich-text-editor.Dq2CFGOu.js.map} +1 -1
  98. package/dist/chunks/{search-bar.DwQ-jukD.js → search-bar.B0SdQBnY.js} +3 -3
  99. package/dist/chunks/{search-bar.DwQ-jukD.js.map → search-bar.B0SdQBnY.js.map} +1 -1
  100. package/dist/chunks/{secondary-nav.CoWzA_Ui.js → secondary-nav.BPGpxd0p.js} +2 -2
  101. package/dist/chunks/{secondary-nav.CoWzA_Ui.js.map → secondary-nav.BPGpxd0p.js.map} +1 -1
  102. package/dist/chunks/{sidepanel.BL-Ze9Ba.js → sidepanel.NFyZGE57.js} +5 -5
  103. package/dist/chunks/{sidepanel.BL-Ze9Ba.js.map → sidepanel.NFyZGE57.js.map} +1 -1
  104. package/dist/chunks/{structured-list-item.D-2BICoO.js → structured-list-item.CptOCpHP.js} +3 -3
  105. package/dist/chunks/{structured-list-item.D-2BICoO.js.map → structured-list-item.CptOCpHP.js.map} +1 -1
  106. package/dist/chunks/{summary-grid.types.CY7m9u9s.js → summary-grid.types.B1T8_k1m.js} +3 -3
  107. package/dist/chunks/{summary-grid.types.CY7m9u9s.js.map → summary-grid.types.B1T8_k1m.js.map} +1 -1
  108. package/dist/chunks/{tab.k319z0Dj.js → tab.FUMpPsBP.js} +2 -2
  109. package/dist/chunks/{tab.k319z0Dj.js.map → tab.FUMpPsBP.js.map} +1 -1
  110. package/dist/chunks/{textarea.CjABmaM4.js → textarea.riUt0BiI.js} +2 -2
  111. package/dist/chunks/{textarea.CjABmaM4.js.map → textarea.riUt0BiI.js.map} +1 -1
  112. package/dist/chunks/{timeline-item.8T4W7x9Z.js → timeline-item.CFfW1DoD.js} +6 -6
  113. package/dist/chunks/{timeline-item.8T4W7x9Z.js.map → timeline-item.CFfW1DoD.js.map} +1 -1
  114. package/dist/chunks/{toast.DJIgFIr0.js → toast.Csv6tMyT.js} +2 -2
  115. package/dist/chunks/{toast.DJIgFIr0.js.map → toast.Csv6tMyT.js.map} +1 -1
  116. package/dist/chunks/{tutorial.B8Ds0RZ2.js → tutorial.D18LwXVy.js} +2 -2
  117. package/dist/chunks/{tutorial.B8Ds0RZ2.js.map → tutorial.D18LwXVy.js.map} +1 -1
  118. package/dist/chunks/{use-cached-selected-values.Y28_GC0Z.js → use-cached-selected-values.gDWGi5Nk.js} +3 -3
  119. package/dist/chunks/{use-cached-selected-values.Y28_GC0Z.js.map → use-cached-selected-values.gDWGi5Nk.js.map} +1 -1
  120. package/dist/code-snippet.js +1 -1
  121. package/dist/dashboard-template.js +1 -1
  122. package/dist/dashed-underline.js +1 -1
  123. package/dist/data-grid-template.js +1 -1
  124. package/dist/data-grid.js +1 -1
  125. package/dist/date-picker.js +2 -2
  126. package/dist/date-range-picker.js +2 -2
  127. package/dist/dropdown.js +3 -3
  128. package/dist/empty-state.js +1 -1
  129. package/dist/file-uploader.js +1 -1
  130. package/dist/filter-bar.js +1 -1
  131. package/dist/form-layout.js +1 -1
  132. package/dist/header-with-views.js +1 -1
  133. package/dist/header.js +1 -1
  134. package/dist/index.js +44 -44
  135. package/dist/input-field-password.js +1 -1
  136. package/dist/input-field-phone-number.js +1 -1
  137. package/dist/input-field.js +1 -1
  138. package/dist/inspector.js +1 -1
  139. package/dist/internal.js +8 -8
  140. package/dist/link.js +1 -1
  141. package/dist/menu.js +1 -1
  142. package/dist/modal-fullscreen.js +1 -1
  143. package/dist/modal.js +2 -2
  144. package/dist/pagination.js +1 -1
  145. package/dist/popover.js +1 -1
  146. package/dist/promo-banner.js +1 -1
  147. package/dist/rich-text-editor.js +1 -1
  148. package/dist/search-bar.js +2 -2
  149. package/dist/secondary-nav.js +1 -1
  150. package/dist/sidepanel.js +1 -1
  151. package/dist/structured-list.js +1 -1
  152. package/dist/styles/bento-dark.css +1 -0
  153. package/dist/styles/bento-light.css +1 -0
  154. package/dist/styles/bento.css +1 -0
  155. package/dist/styles/legacy.css +1 -0
  156. package/dist/styles/styleguide.css +1 -0
  157. package/dist/summary-grid.js +1 -1
  158. package/dist/tabs.js +1 -1
  159. package/dist/textarea.js +1 -1
  160. package/dist/timeline.js +1 -1
  161. package/dist/toast.js +1 -1
  162. package/dist/tutorial.js +1 -1
  163. package/dist/web-types.json +3 -3
  164. package/package.json +4 -4
  165. package/dist/chunks/filter-bar.BG1rpjUv.js.map +0 -1
package/dist/assets/filter-bar.css CHANGED
@@ -1 +1 @@
1
- button[data-v-e633a8a6]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-e633a8a6]:focus-visible{outline:none}.b-filter-bar-button[data-v-e633a8a6]{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-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:var(--b-spacer-020) var(--b-spacer-050);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-e633a8a6],.b-filter-bar-button[data-v-e633a8a6]:before,.b-filter-bar-button[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-e633a8a6],.b-filter-bar-button *[data-v-e633a8a6]:before,.b-filter-bar-button *[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-e633a8a6] ::-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-e633a8a6]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-e633a8a6]:disabled,.b-filter-bar-button[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-e633a8a6]:focus-visible{animation:outer-ring-default-e633a8a6 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-e633a8a6{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-e633a8a6]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-e633a8a6]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-primary-active);border:var(--b-border-width-s) solid var(--b-color-outline-secondary-active);color:var(--b-color-label-primary)}.b-filter-bar-button--filter-open-applied[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-inverse-secondary-active);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--with-counter[data-v-e633a8a6]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-spacer-020)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-e633a8a6]{padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-secondary);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:hover{background-color:var(--b-color-background-inverse-secondary-hover);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:disabled,.b-filter-bar-button--applied[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-inverse-disabled);border:var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-e633a8a6]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:0 var(--b-spacer-020)}.b-filter-bar-button__label-container[data-v-e633a8a6]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-e633a8a6],.b-filter-bar-button__secondary-label[data-v-e633a8a6]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-e633a8a6],.b-filter-bar-button__icon-right[data-v-e633a8a6]{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:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-end:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-start:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.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-spacer-060) var(--b-spacer-070)}.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-spacer-000)}.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-spacer-060) var(--b-spacer-070)}.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-spacer-000)}.b-date-filter[data-v-40a1d7d7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter[data-v-40a1d7d7],.b-date-filter[data-v-40a1d7d7]:before,.b-date-filter[data-v-40a1d7d7]:after{box-sizing:border-box}.b-date-filter *[data-v-40a1d7d7],.b-date-filter *[data-v-40a1d7d7]:before,.b-date-filter *[data-v-40a1d7d7]:after{box-sizing:border-box}.b-date-filter[data-v-40a1d7d7] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-40a1d7d7] ::-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-40a1d7d7]{margin-top:var(--b-spacer-060)}@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:0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-range-filter__divider[data-v-9fb1aa27]{margin:var(--b-spacer-060) 0}.b-radio-group-filter[data-v-8fe9c1b3]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-radio-group-filter--only-slot[data-v-8fe9c1b3]{padding:var(--b-spacer-000)}.b-select-filter-button[data-v-0eecb17a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-0eecb17a],.b-select-filter-button[data-v-0eecb17a]:before,.b-select-filter-button[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button *[data-v-0eecb17a],.b-select-filter-button *[data-v-0eecb17a]:before,.b-select-filter-button *[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button[data-v-0eecb17a] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-0eecb17a] ::-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-0eecb17a]{margin:var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000)}.b-select-filter-button__search-bar[data-v-0eecb17a]{padding:var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000)}.b-select-filter-button__search-bar-wrapper[data-v-0eecb17a]{margin-top:var(--b-spacer-060)}.b-select-filter-button__wrapper[data-v-0eecb17a]{max-height:270px}.b-toggle-filter[data-v-16cb6c7e]{align-items:center;display:flex;gap:var(--b-spacer-020)}.b-toggle-filter__checkbox[data-v-16cb6c7e]{margin-top:5px}.b-toggle-filter__checkmark[data-v-16cb6c7e]{margin:var(--b-spacer-010)}.b-toggle-filter__content[data-v-16cb6c7e]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-toggle-filter__only-slot[data-v-16cb6c7e]{cursor:pointer;display:flex;gap:var(--b-spacer-070)}.b-toggle-filter__only-slot--disabled[data-v-16cb6c7e]{cursor:not-allowed}.b-boolean-filter[data-v-975044d8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-boolean-filter[data-v-975044d8],.b-boolean-filter[data-v-975044d8]:before,.b-boolean-filter[data-v-975044d8]:after{box-sizing:border-box}.b-boolean-filter *[data-v-975044d8],.b-boolean-filter *[data-v-975044d8]:before,.b-boolean-filter *[data-v-975044d8]:after{box-sizing:border-box}.b-boolean-filter[data-v-975044d8] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-975044d8] ::-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-975044d8]{padding:var(--b-spacer-000)}.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-spacer-060) var(--b-spacer-070)}.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-spacer-060)}.b-range-filter--only-slot[data-v-540f94ab]{padding:var(--b-spacer-000)}.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-spacer-060) var(--b-spacer-070)}.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-spacer-000)}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-color-background-primary);color:var(--b-color-label-primary);cursor:pointer;height:40px;justify-content:center;padding:var(--b-spacer-030) var(--b-spacer-070);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-color-background-primary-hover);color:var(--b-color-label-primary-hover)}}.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-color-background-primary-active)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);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-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-color-background-primary-active)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-color-background-modal-active)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-spacer-070);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:var(--b-spacer-020) var(--b-spacer-030)}.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-color-background-primary);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-color-background-primary-active)}.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-color-background-modal-hover);color:var(--b-color-label-primary)}}.b-all-filters-modal[data-v-d8463454]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-d8463454],.b-all-filters-modal[data-v-d8463454]:before,.b-all-filters-modal[data-v-d8463454]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-d8463454],.b-all-filters-modal *[data-v-d8463454]:before,.b-all-filters-modal *[data-v-d8463454]:after{box-sizing:border-box}.b-all-filters-modal[data-v-d8463454] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-d8463454] ::-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-d8463454] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-d8463454] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-d8463454] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-d8463454] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-d8463454] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-d8463454] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-d8463454] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-spacer-000);padding-right:var(--b-spacer-000)}.b-all-filters-modal[data-v-d8463454] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-d8463454] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-d8463454] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-d8463454]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal__search-bar[data-v-d8463454]{padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__empty-search-message[data-v-d8463454]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070);text-align:center}.b-all-filters-modal__filters-list[data-v-d8463454]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal__filters-section[data-v-d8463454]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal__filters-section-title[data-v-d8463454]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__selected-filter-content[data-v-d8463454]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040)}.b-all-filters-modal__selected-filter-component[data-v-d8463454]{flex:1}.b-all-filters-modal__clear-button[data-v-d8463454]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-d8463454]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-filter-bar[data-v-73ad5266]{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-73ad5266],.b-filter-bar[data-v-73ad5266]:before,.b-filter-bar[data-v-73ad5266]:after{box-sizing:border-box}.b-filter-bar *[data-v-73ad5266],.b-filter-bar *[data-v-73ad5266]:before,.b-filter-bar *[data-v-73ad5266]:after{box-sizing:border-box}.b-filter-bar[data-v-73ad5266] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-73ad5266] ::-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-73ad5266],.b-filter-bar__clear-all[data-v-73ad5266],.b-filter-bar__reset-all[data-v-73ad5266]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-73ad5266]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-73ad5266] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-73ad5266] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-73ad5266]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-73ad5266]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040)}@container (min-width: 700px){.b-filter-bar__search-bar[data-v-73ad5266]{max-width:200px;min-width:200px}}.b-filter-bar__scroller-content[data-v-73ad5266]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-73ad5266]{min-width:180px}
1
+ button[data-v-e633a8a6]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-e633a8a6]:focus-visible{outline:none}.b-filter-bar-button[data-v-e633a8a6]{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-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:var(--b-spacer-020) var(--b-spacer-050);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-e633a8a6],.b-filter-bar-button[data-v-e633a8a6]:before,.b-filter-bar-button[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-e633a8a6],.b-filter-bar-button *[data-v-e633a8a6]:before,.b-filter-bar-button *[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-e633a8a6] ::-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-e633a8a6]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-e633a8a6]:disabled,.b-filter-bar-button[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-e633a8a6]:focus-visible{animation:outer-ring-default-e633a8a6 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-e633a8a6{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-e633a8a6]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-e633a8a6]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-primary-active);border:var(--b-border-width-s) solid var(--b-color-outline-secondary-active);color:var(--b-color-label-primary)}.b-filter-bar-button--filter-open-applied[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-inverse-secondary-active);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--with-counter[data-v-e633a8a6]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-spacer-020)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-e633a8a6]{padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-secondary);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:hover{background-color:var(--b-color-background-inverse-secondary-hover);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:disabled,.b-filter-bar-button--applied[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-inverse-disabled);border:var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-e633a8a6]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:0 var(--b-spacer-020)}.b-filter-bar-button__label-container[data-v-e633a8a6]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-e633a8a6],.b-filter-bar-button__secondary-label[data-v-e633a8a6]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-e633a8a6],.b-filter-bar-button__icon-right[data-v-e633a8a6]{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:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-end:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-start:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.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-spacer-060) var(--b-spacer-070)}.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-spacer-000)}.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-spacer-060) var(--b-spacer-070)}.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-spacer-000)}.b-date-filter[data-v-40a1d7d7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter[data-v-40a1d7d7],.b-date-filter[data-v-40a1d7d7]:before,.b-date-filter[data-v-40a1d7d7]:after{box-sizing:border-box}.b-date-filter *[data-v-40a1d7d7],.b-date-filter *[data-v-40a1d7d7]:before,.b-date-filter *[data-v-40a1d7d7]:after{box-sizing:border-box}.b-date-filter[data-v-40a1d7d7] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-40a1d7d7] ::-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-40a1d7d7]{margin-top:var(--b-spacer-060)}@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:0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-range-filter__divider[data-v-9fb1aa27]{margin:var(--b-spacer-060) 0}.b-radio-group-filter[data-v-8fe9c1b3]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-radio-group-filter--only-slot[data-v-8fe9c1b3]{padding:var(--b-spacer-000)}.b-select-filter-button[data-v-0eecb17a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-0eecb17a],.b-select-filter-button[data-v-0eecb17a]:before,.b-select-filter-button[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button *[data-v-0eecb17a],.b-select-filter-button *[data-v-0eecb17a]:before,.b-select-filter-button *[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button[data-v-0eecb17a] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-0eecb17a] ::-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-0eecb17a]{margin:var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000)}.b-select-filter-button__search-bar[data-v-0eecb17a]{padding:var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000)}.b-select-filter-button__search-bar-wrapper[data-v-0eecb17a]{margin-top:var(--b-spacer-060)}.b-select-filter-button__wrapper[data-v-0eecb17a]{max-height:270px}.b-toggle-filter[data-v-16cb6c7e]{align-items:center;display:flex;gap:var(--b-spacer-020)}.b-toggle-filter__checkbox[data-v-16cb6c7e]{margin-top:5px}.b-toggle-filter__checkmark[data-v-16cb6c7e]{margin:var(--b-spacer-010)}.b-toggle-filter__content[data-v-16cb6c7e]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-toggle-filter__only-slot[data-v-16cb6c7e]{cursor:pointer;display:flex;gap:var(--b-spacer-070)}.b-toggle-filter__only-slot--disabled[data-v-16cb6c7e]{cursor:not-allowed}.b-boolean-filter[data-v-975044d8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-boolean-filter[data-v-975044d8],.b-boolean-filter[data-v-975044d8]:before,.b-boolean-filter[data-v-975044d8]:after{box-sizing:border-box}.b-boolean-filter *[data-v-975044d8],.b-boolean-filter *[data-v-975044d8]:before,.b-boolean-filter *[data-v-975044d8]:after{box-sizing:border-box}.b-boolean-filter[data-v-975044d8] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-975044d8] ::-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-975044d8]{padding:var(--b-spacer-000)}.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-spacer-060) var(--b-spacer-070)}.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-spacer-060)}.b-range-filter--only-slot[data-v-540f94ab]{padding:var(--b-spacer-000)}.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-spacer-060) var(--b-spacer-070)}.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-spacer-000)}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-color-background-primary);color:var(--b-color-label-primary);cursor:pointer;height:40px;justify-content:center;padding:var(--b-spacer-030) var(--b-spacer-070);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-color-background-primary-hover);color:var(--b-color-label-primary-hover)}}.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-color-background-primary-active)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);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-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-color-background-primary-active)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-color-background-modal-active)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-spacer-070);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:var(--b-spacer-020) var(--b-spacer-030)}.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-color-background-primary);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-color-background-primary-active)}.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-color-background-modal-hover);color:var(--b-color-label-primary)}}.b-all-filters-modal[data-v-d8463454]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-d8463454],.b-all-filters-modal[data-v-d8463454]:before,.b-all-filters-modal[data-v-d8463454]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-d8463454],.b-all-filters-modal *[data-v-d8463454]:before,.b-all-filters-modal *[data-v-d8463454]:after{box-sizing:border-box}.b-all-filters-modal[data-v-d8463454] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-d8463454] ::-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-d8463454] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-d8463454] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-d8463454] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-d8463454] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-d8463454] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-d8463454] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-d8463454] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-spacer-000);padding-right:var(--b-spacer-000)}.b-all-filters-modal[data-v-d8463454] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-d8463454] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-d8463454] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-d8463454]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal__search-bar[data-v-d8463454]{padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__empty-search-message[data-v-d8463454]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070);text-align:center}.b-all-filters-modal__filters-list[data-v-d8463454]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal__filters-section[data-v-d8463454]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal__filters-section-title[data-v-d8463454]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__selected-filter-content[data-v-d8463454]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040)}.b-all-filters-modal__selected-filter-component[data-v-d8463454]{flex:1}.b-all-filters-modal__clear-button[data-v-d8463454]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-d8463454]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-filter-bar[data-v-78bb9f1f]{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-78bb9f1f],.b-filter-bar[data-v-78bb9f1f]:before,.b-filter-bar[data-v-78bb9f1f]:after{box-sizing:border-box}.b-filter-bar *[data-v-78bb9f1f],.b-filter-bar *[data-v-78bb9f1f]:before,.b-filter-bar *[data-v-78bb9f1f]:after{box-sizing:border-box}.b-filter-bar[data-v-78bb9f1f] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-78bb9f1f] ::-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-78bb9f1f],.b-filter-bar__clear-all[data-v-78bb9f1f],.b-filter-bar__reset-all[data-v-78bb9f1f]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-78bb9f1f]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-78bb9f1f] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-78bb9f1f] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-78bb9f1f]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-78bb9f1f]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040)}@container (min-width: 700px){.b-filter-bar__search-bar[data-v-78bb9f1f]{max-width:200px;min-width:200px}}.b-filter-bar__scroller-content[data-v-78bb9f1f]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-78bb9f1f]{min-width:180px}
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-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uxcommc-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uxcommc-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-uxcommp-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uxcommp-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uxcommx-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uxcommx-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-uxcomn4-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uxcomn4-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-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-u85xj4g-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-u85xj4g-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-u85xj4m-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-u85xj4m-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-u85xj58-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-u85xj58-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-u85xj63-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-u85xj63-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
package/dist/assets/link.css CHANGED
@@ -1 +1 @@
1
- .b-link[data-v-dce46d1b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-link-primary);text-decoration:underline}.b-link[data-v-dce46d1b],.b-link[data-v-dce46d1b]:before,.b-link[data-v-dce46d1b]:after{box-sizing:border-box}.b-link *[data-v-dce46d1b],.b-link *[data-v-dce46d1b]:before,.b-link *[data-v-dce46d1b]:after{box-sizing:border-box}.b-link[data-v-dce46d1b] ::-webkit-scrollbar{height:14px;width:14px}.b-link[data-v-dce46d1b] ::-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-link[data-v-dce46d1b]:focus-visible{outline:none}.b-link[data-v-dce46d1b]:visited:not(.b-link--quiet){color:var(--b-color-link-primary-visited)}.b-link[data-v-dce46d1b]:visited:not(.b-link--quiet):hover{color:var(--b-color-link-primary-visited-hover)}.b-link[data-v-dce46d1b]:visited:not(.b-link--quiet):active{color:var(--b-color-link-primary-visited-active)}.b-link[data-v-dce46d1b]:hover{color:var(--b-color-link-primary-hover);text-decoration:none}.b-link[data-v-dce46d1b]:active{color:var(--b-color-link-primary-active)}.b-link[data-v-dce46d1b]:focus-visible{animation:outer-ring-default-dce46d1b 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);border-radius:var(--b-border-radius-xs)}@keyframes outer-ring-default-dce46d1b{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-link--quiet[data-v-dce46d1b]{color:var(--b-color-link-quiet);text-decoration:none}.b-link--quiet[data-v-dce46d1b]:hover{color:var(--b-color-link-quiet-hover);text-decoration:underline}.b-link--quiet[data-v-dce46d1b]:active{color:var(--b-color-link-quiet-active);text-decoration:underline}.b-link--quiet[data-v-dce46d1b]:focus-visible{text-decoration:underline}.b-link--truncate[data-v-dce46d1b],.b-data-grid-cell--overflow-ellipsis .b-link[data-v-dce46d1b]:not(.b-button){display:flex;max-width:fit-content}.b-link--truncate .b-link__text[data-v-dce46d1b],.b-data-grid-cell--overflow-ellipsis .b-link:not(.b-button) .b-link__text[data-v-dce46d1b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-link--visually-hidden[data-v-dce46d1b]{display:none}.b-link__external-link-icon[data-v-dce46d1b]{padding:0 0 0 var(--b-spacer-020)}.b-link__external-link-icon svg[data-v-dce46d1b]{transform:translateY(2px)}
1
+ .b-link[data-v-7930653c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-link-primary);text-decoration:underline}.b-link[data-v-7930653c],.b-link[data-v-7930653c]:before,.b-link[data-v-7930653c]:after{box-sizing:border-box}.b-link *[data-v-7930653c],.b-link *[data-v-7930653c]:before,.b-link *[data-v-7930653c]:after{box-sizing:border-box}.b-link[data-v-7930653c] ::-webkit-scrollbar{height:14px;width:14px}.b-link[data-v-7930653c] ::-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-link[data-v-7930653c]:focus-visible{outline:none}.b-link[data-v-7930653c]:visited:not(.b-link--quiet){color:var(--b-color-link-primary-visited)}.b-link[data-v-7930653c]:visited:not(.b-link--quiet):hover{color:var(--b-color-link-primary-visited-hover)}.b-link[data-v-7930653c]:visited:not(.b-link--quiet):active{color:var(--b-color-link-primary-visited-active)}.b-link[data-v-7930653c]:hover{color:var(--b-color-link-primary-hover);text-decoration:none}.b-link[data-v-7930653c]:active{color:var(--b-color-link-primary-active)}.b-link[data-v-7930653c]:focus-visible{animation:outer-ring-default-7930653c 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);border-radius:var(--b-border-radius-xs)}@keyframes outer-ring-default-7930653c{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-link--quiet[data-v-7930653c]{color:var(--b-color-link-quiet);text-decoration:none}.b-link--quiet[data-v-7930653c]:hover{color:var(--b-color-link-quiet-hover);text-decoration:underline}.b-link--quiet[data-v-7930653c]:active{color:var(--b-color-link-quiet-active);text-decoration:underline}.b-link--quiet[data-v-7930653c]:focus-visible{text-decoration:underline}.b-link--truncate[data-v-7930653c],.b-data-grid-cell--overflow-ellipsis .b-link[data-v-7930653c]:not(.b-button){display:flex;max-width:fit-content}.b-link--truncate .b-link__text[data-v-7930653c],.b-data-grid-cell--overflow-ellipsis .b-link:not(.b-button) .b-link__text[data-v-7930653c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-link--visually-hidden[data-v-7930653c]{display:none}.b-link__external-link-icon[data-v-7930653c]{padding:0 0 0 var(--b-spacer-020)}.b-link__external-link-icon svg[data-v-7930653c]{transform:translateY(2px)}
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-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header-section[data-v-f90522fe]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-f90522fe]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-f90522fe]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-f90522fe]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-f90522fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-f90522fe]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-f90522fe]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-f90522fe] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-f90522fe]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__content[data-v-f90522fe]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-58c5c05a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-58c5c05a],.b-modal-fullscreen[data-v-58c5c05a]:before,.b-modal-fullscreen[data-v-58c5c05a]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-58c5c05a],.b-modal-fullscreen *[data-v-58c5c05a]:before,.b-modal-fullscreen *[data-v-58c5c05a]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-58c5c05a] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-58c5c05a] ::-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-58c5c05a]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-58c5c05a]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-58c5c05a]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-58c5c05a]{animation:fade-in-uxcom63-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uxcom63-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uxcom63-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uxcom63-58c5c05a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uxcom63-58c5c05a{0%{scale:1}to{scale:1}}@keyframes enter-uxcom63-58c5c05a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-58c5c05a]{animation:fade-out-uxcom8b-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uxcom8b-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uxcom8b-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uxcom8b-58c5c05a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uxcom8b-58c5c05a{0%{scale:1}to{scale:1}}@keyframes exit-uxcom8b-58c5c05a{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-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header-section[data-v-f90522fe]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-f90522fe]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-f90522fe]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-f90522fe]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-f90522fe]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-f90522fe]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-f90522fe]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-f90522fe] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-f90522fe]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__content[data-v-f90522fe]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-58c5c05a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-58c5c05a],.b-modal-fullscreen[data-v-58c5c05a]:before,.b-modal-fullscreen[data-v-58c5c05a]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-58c5c05a],.b-modal-fullscreen *[data-v-58c5c05a]:before,.b-modal-fullscreen *[data-v-58c5c05a]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-58c5c05a] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-58c5c05a] ::-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-58c5c05a]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-58c5c05a]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-58c5c05a]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-58c5c05a]{animation:fade-in-u85ximf-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u85ximf-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u85ximf-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u85ximf-58c5c05a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u85ximf-58c5c05a{0%{scale:1}to{scale:1}}@keyframes enter-u85ximf-58c5c05a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-58c5c05a]{animation:fade-out-u85xipr-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u85xipr-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u85xipr-58c5c05a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u85xipr-58c5c05a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u85xipr-58c5c05a{0%{scale:1}to{scale:1}}@keyframes exit-u85xipr-58c5c05a{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-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-350d1edd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-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-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-350d1edd]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-350d1edd]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-350d1edd]{overflow:hidden}.b-sidepanel[data-v-350d1edd]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-350d1edd]{animation:enter-uxcom6x-350d1edd var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uxcom6x-350d1edd{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-350d1edd]::backdrop{animation:fade-in-uxcom7x-350d1edd var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uxcom7x-350d1edd{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-350d1edd]{animation:exit-uxcom9c-350d1edd var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uxcom9c-350d1edd{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-350d1edd]::backdrop{animation:fade-out-uxcomao-350d1edd var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uxcomao-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-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-350d1edd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-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-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-350d1edd]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-350d1edd]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-350d1edd]{overflow:hidden}.b-sidepanel[data-v-350d1edd]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-350d1edd]{animation:enter-u85xio7-350d1edd var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-u85xio7-350d1edd{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-350d1edd]::backdrop{animation:fade-in-u85xipb-350d1edd var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-u85xipb-350d1edd{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-350d1edd]{animation:exit-u85xird-350d1edd var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-u85xird-350d1edd{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-350d1edd]::backdrop{animation:fade-out-u85xiso-350d1edd var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-u85xiso-350d1edd{0%{opacity:.5}to{opacity:0}}
package/dist/button.js CHANGED
@@ -1,6 +1,6 @@
1
- import { B as n, b as B, a } from "./chunks/button.w0v6WZIV.js";
2
- import { a as s } from "./chunks/ai-button.DwyvZSaa.js";
3
- import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.BSMSYCKq.js";
1
+ import { B as n, b as B, a } from "./chunks/button.DIU6m9wD.js";
2
+ import { a as s } from "./chunks/ai-button.BEy4Gly-.js";
3
+ import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.D9n7MxWe.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.CQv8KMLp.js";
1
+ import { c as o, B as r, a as t } from "./chunks/card.CLX0RGG6.js";
2
2
  export {
3
3
  o as BentoCard,
4
4
  r as BentoCardBackground,
package/dist/chunks/{action-bar.CJYg7Ia5.js → action-bar.y4tcdk7R.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
- import { B as R } from "./button.w0v6WZIV.js";
2
+ import { B as R } from "./button.DIU6m9wD.js";
3
3
  import { B as F } from "./typography.Bq-EGj9y.js";
4
- import { B as W } from "./button-actions-with-menu.CyQ2TBUg.js";
4
+ import { B as W } from "./button-actions-with-menu.B5mKwc-F.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.BSMSYCKq.js";
8
+ import { P as U, B as z } from "./button-actions.D9n7MxWe.js";
9
9
  import { n as D } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
10
10
  import "../assets/action-bar.css";
11
11
  const G = {
@@ -159,4 +159,4 @@ const st = Y.exports;
159
159
  export {
160
160
  st as B
161
161
  };
162
- //# sourceMappingURL=action-bar.CJYg7Ia5.js.map
162
+ //# sourceMappingURL=action-bar.y4tcdk7R.js.map
package/dist/chunks/{action-bar.CJYg7Ia5.js.map → action-bar.y4tcdk7R.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"action-bar.CJYg7Ia5.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.y4tcdk7R.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/{ai-button.DwyvZSaa.js → ai-button.BEy4Gly-.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as u, useSlots as _, computed as d, onMounted as f } from "vue";
2
- import { B as p } from "./button.w0v6WZIV.js";
2
+ import { B as p } from "./button.DIU6m9wD.js";
3
3
  /* empty css */
4
4
  import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
5
5
  import { u as m } from "./use-has-slot.C9lQZ6nz.js";
@@ -64,4 +64,4 @@ const I = w.exports;
64
64
  export {
65
65
  I as a
66
66
  };
67
- //# sourceMappingURL=ai-button.DwyvZSaa.js.map
67
+ //# sourceMappingURL=ai-button.BEy4Gly-.js.map
package/dist/chunks/{ai-button.DwyvZSaa.js.map → ai-button.BEy4Gly-.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"ai-button.DwyvZSaa.js","sources":["../../../ui-assets/icons-16/dist/vue/artificial-intelligence-ai-filled.vue","../../src/components/button/components/ai-button/ai-button.vue"],"sourcesContent":["\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a' + uuid + ')'\"><path fill=\"#001222\" d=\"M8.75 2.75C8.75 5.23579 10.7642 7.25 13.25 7.25H15.5V8.75H13.25C10.7642 8.75 8.75 10.7642 8.75 13.25V15.5H7.25V13.25C7.25 10.7642 5.23579 8.75 2.75 8.75H0.5V7.25H2.75C5.23579 7.25 7.25 5.23579 7.25 2.75V0.5H8.75V2.75Z\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-ai-button\" :class=\"conditionalClass\">\n <div class=\"b-ai-button__animation\" />\n\n <bento-button\n class=\"b-ai-button__button\"\n :condensed=\"condensed\"\n :disabled=\"disabled\"\n :inverse=\"inverse\"\n variant=\"secondary\"\n @click.capture.stop=\"onClick\"\n >\n <template #iconLeft>\n <ai-filled-icon aria-hidden=\"true\" class=\"b-ai-button__icon\" />\n </template>\n\n <slot></slot>\n </bento-button>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n import BentoButton from '../../button.vue';\n import AiFilledIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { type BentoAiButtonProps } from './ai-button.types';\n\n const props = defineProps({\n condensed: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n inverse: { type: Boolean, default: false },\n link: { default: undefined },\n type: { default: 'button' }\n});\n\n const emit = defineEmits([\"click\"]);\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const conditionalClass = computed(() => ({\n 'b-ai-button--disabled': props.disabled,\n }));\n\n const onClick = (e: MouseEvent) => {\n // Prevent Vue3 from triggering event twice\n e.stopPropagation();\n\n emit('click', e);\n };\n\n onMounted(() => {\n if (!hasSlot('default')) {\n printDevelopmentWarning('An icon-only button cannot be a AI button');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * AI Button component is used for cases where pressing a button starts an AI-related action.\n *\n * @example\n * import { BentoAiButton } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiButton },\n * template: `\n * <bento-ai-button @click=\"onClick\">Generate with AI</bento-ai-button>\n * `\n * }\n */\n export default {\n name: 'bento-ai-button',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-button.scss\" />\n"],"names":["uuid","_sfc_main$1","__default__","slots","useSlots","hasSlot","useHasSlot","conditionalClass","computed","props","onClick","e","emit","onMounted","printDevelopmentWarning"],"mappings":";;;;;;;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;qBC4DIE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;iBArCAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OAAA;AAAA,MAAyC,yBAAAC,EAAA;AAAA,IACN,EAAA,GAGnCC,IAAA,CAAAC,MAAA;AAEI,MAAAA,EAAA,gBAAA,GAEAC,EAAA,SAAAD,CAAA;AAAA,IAAe;AAGnB,WAAAE,EAAA,MAAA;AACI,MAAAR,EAAA,SAAA,KACIS,EAAA,2CAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ai-button.BEy4Gly-.js","sources":["../../../ui-assets/icons-16/dist/vue/artificial-intelligence-ai-filled.vue","../../src/components/button/components/ai-button/ai-button.vue"],"sourcesContent":["\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a' + uuid + ')'\"><path fill=\"#001222\" d=\"M8.75 2.75C8.75 5.23579 10.7642 7.25 13.25 7.25H15.5V8.75H13.25C10.7642 8.75 8.75 10.7642 8.75 13.25V15.5H7.25V13.25C7.25 10.7642 5.23579 8.75 2.75 8.75H0.5V7.25H2.75C5.23579 7.25 7.25 5.23579 7.25 2.75V0.5H8.75V2.75Z\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-artificial_intelligence_ai_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-ai-button\" :class=\"conditionalClass\">\n <div class=\"b-ai-button__animation\" />\n\n <bento-button\n class=\"b-ai-button__button\"\n :condensed=\"condensed\"\n :disabled=\"disabled\"\n :inverse=\"inverse\"\n variant=\"secondary\"\n @click.capture.stop=\"onClick\"\n >\n <template #iconLeft>\n <ai-filled-icon aria-hidden=\"true\" class=\"b-ai-button__icon\" />\n </template>\n\n <slot></slot>\n </bento-button>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n import BentoButton from '../../button.vue';\n import AiFilledIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { type BentoAiButtonProps } from './ai-button.types';\n\n const props = defineProps({\n condensed: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n inverse: { type: Boolean, default: false },\n link: { default: undefined },\n type: { default: 'button' }\n});\n\n const emit = defineEmits([\"click\"]);\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const conditionalClass = computed(() => ({\n 'b-ai-button--disabled': props.disabled,\n }));\n\n const onClick = (e: MouseEvent) => {\n // Prevent Vue3 from triggering event twice\n e.stopPropagation();\n\n emit('click', e);\n };\n\n onMounted(() => {\n if (!hasSlot('default')) {\n printDevelopmentWarning('An icon-only button cannot be a AI button');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * AI Button component is used for cases where pressing a button starts an AI-related action.\n *\n * @example\n * import { BentoAiButton } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiButton },\n * template: `\n * <bento-ai-button @click=\"onClick\">Generate with AI</bento-ai-button>\n * `\n * }\n */\n export default {\n name: 'bento-ai-button',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-button.scss\" />\n"],"names":["uuid","_sfc_main$1","__default__","slots","useSlots","hasSlot","useHasSlot","conditionalClass","computed","props","onClick","e","emit","onMounted","printDevelopmentWarning"],"mappings":";;;;;;;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;qBC4DIE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;iBArCAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OAAA;AAAA,MAAyC,yBAAAC,EAAA;AAAA,IACN,EAAA,GAGnCC,IAAA,CAAAC,MAAA;AAEI,MAAAA,EAAA,gBAAA,GAEAC,EAAA,SAAAD,CAAA;AAAA,IAAe;AAGnB,WAAAE,EAAA,MAAA;AACI,MAAAR,EAAA,SAAA,KACIS,EAAA,2CAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{alert.CFcB-Dtb.js → alert.B3Pdp02a.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as I, useSlots as y, computed as i, onMounted as T } from "vue";
2
2
  import { a as l, c as S, B as b } from "./typography.Bq-EGj9y.js";
3
- import { B as H } from "./button.w0v6WZIV.js";
3
+ import { B as H } from "./button.DIU6m9wD.js";
4
4
  import { C as L } from "./cross-small.CoQUe8SS.js";
5
5
  import { W as B } from "./warning-filled.CbJ1pcB2.js";
6
6
  import { C as w } from "./cross-circle-fill.DTDtgLMf.js";
@@ -108,4 +108,4 @@ export {
108
108
  o as b,
109
109
  p as c
110
110
  };
111
- //# sourceMappingURL=alert.CFcB-Dtb.js.map
111
+ //# sourceMappingURL=alert.B3Pdp02a.js.map
package/dist/chunks/{alert.CFcB-Dtb.js.map → alert.B3Pdp02a.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.CFcB-Dtb.js","sources":["../../src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits([\"close-alert\"]);\n\n const props = defineProps({\n closeButton: { type: Boolean, default: false },\n type: { default: BentoAlertTypeOption.HIGHLIGHT },\n variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC8HIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"alert.B3Pdp02a.js","sources":["../../src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits([\"close-alert\"]);\n\n const props = defineProps({\n closeButton: { type: Boolean, default: false },\n type: { default: BentoAlertTypeOption.HIGHLIGHT },\n variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC8HIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;"}
package/dist/chunks/{base-modal.DxlYDlJ7.js → base-modal.KYkLKswF.js} RENAMED
@@ -1,14 +1,14 @@
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
- import { B as at } from "./button.w0v6WZIV.js";
2
+ import { B as at } from "./button.DIU6m9wD.js";
3
3
  import { B as ot } from "./focus-trap.CNIU5jOz.js";
4
4
  import { u as j } from "./use-has-slot.C9lQZ6nz.js";
5
5
  import { u as nt } from "./index.B6WW_F-J.js";
6
- import { j as st } from "./button-actions.BSMSYCKq.js";
6
+ import { j as st } from "./button-actions.D9n7MxWe.js";
7
7
  import { g as lt } from "./generate-uid.NJ8tVoha.js";
8
8
  import { C as it } from "./cross.CC_B-vG-.js";
9
- import { D as ut, B as ct, b as rt, a as dt } from "./dialog-page.NqHJve3z.js";
9
+ import { D as ut, B as ct, b as rt, a as dt } from "./dialog-page.QpRiNPyx.js";
10
10
  import { B as mt } from "./typography.Bq-EGj9y.js";
11
- import { F as pt } from "./footer-actions.BgQFgb_I.js";
11
+ import { F as pt } from "./footer-actions.BOiN47Xd.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 q } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -309,4 +309,4 @@ export {
309
309
  It as g,
310
310
  Qt as h
311
311
  };
312
- //# sourceMappingURL=base-modal.DxlYDlJ7.js.map
312
+ //# sourceMappingURL=base-modal.KYkLKswF.js.map