@adyen/bento-vue3 1.68.0 → 1.68.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.
- package/dist/@types/index.d.ts +296 -25
- package/dist/action-bar.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/chunks/{action-bar.C93kgr7l.js → action-bar.CflF49oL.js} +2 -2
- package/dist/chunks/{action-bar.C93kgr7l.js.map → action-bar.CflF49oL.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.DUccmaB2.js → button-actions-with-menu.8ZYh7-9s.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.DUccmaB2.js.map → button-actions-with-menu.8ZYh7-9s.js.map} +1 -1
- package/dist/chunks/{code-snippet.aucmPbLw.js → code-snippet.D5M76Qy6.js} +2 -2
- package/dist/chunks/{code-snippet.aucmPbLw.js.map → code-snippet.D5M76Qy6.js.map} +1 -1
- package/dist/chunks/{dashboard-section.CUcq2ahu.js → dashboard-section.Bhd5Lsy2.js} +2 -2
- package/dist/chunks/{dashboard-section.CUcq2ahu.js.map → dashboard-section.Bhd5Lsy2.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CDsV2GFG.js → data-grid-template.DSwj7e1E.js} +2 -2
- package/dist/chunks/{data-grid-template.CDsV2GFG.js.map → data-grid-template.DSwj7e1E.js.map} +1 -1
- package/dist/chunks/{data-grid.BJHcfrTG.js → data-grid.BEdELRNZ.js} +10 -11
- package/dist/chunks/data-grid.BEdELRNZ.js.map +1 -0
- package/dist/chunks/{date-picker.DgpMAGYp.js → date-picker.CAoXTiZR.js} +14 -14
- package/dist/chunks/{date-picker.DgpMAGYp.js.map → date-picker.CAoXTiZR.js.map} +1 -1
- package/dist/chunks/{date-range-picker.Bxa_f6Q0.js → date-range-picker.DtV4L3L6.js} +22 -22
- package/dist/chunks/{date-range-picker.Bxa_f6Q0.js.map → date-range-picker.DtV4L3L6.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.AV8Pi1SS.js → dropdown-tag.B3fptORX.js} +2 -2
- package/dist/chunks/{dropdown-tag.AV8Pi1SS.js.map → dropdown-tag.B3fptORX.js.map} +1 -1
- package/dist/chunks/{dropdown.CJBk1euy.js → dropdown.CMOYmQLB.js} +24 -24
- package/dist/chunks/{dropdown.CJBk1euy.js.map → dropdown.CMOYmQLB.js.map} +1 -1
- package/dist/chunks/{filter-bar.6D-9UEng.js → filter-bar.DoHMLZ4O.js} +6 -6
- package/dist/chunks/{filter-bar.6D-9UEng.js.map → filter-bar.DoHMLZ4O.js.map} +1 -1
- package/dist/chunks/{header-with-views.DbBUHvvE.js → header-with-views.BUed3ocZ.js} +4 -4
- package/dist/chunks/{header-with-views.DbBUHvvE.js.map → header-with-views.BUed3ocZ.js.map} +1 -1
- package/dist/chunks/{header.wiq0wlgm.js → header.CwKjDgKv.js} +2 -2
- package/dist/chunks/{header.wiq0wlgm.js.map → header.CwKjDgKv.js.map} +1 -1
- package/dist/chunks/{input-field-password.Cr3A_4n0.js → input-field-password.DN0Jro1V.js} +3 -3
- package/dist/chunks/{input-field-password.Cr3A_4n0.js.map → input-field-password.DN0Jro1V.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.DZp5IzU3.js → input-field-phone-number.BhPsrafR.js} +3 -3
- package/dist/chunks/{input-field-phone-number.DZp5IzU3.js.map → input-field-phone-number.BhPsrafR.js.map} +1 -1
- package/dist/chunks/{input-field.CmV2d_Zc.js → input-field.su5Cq8Dt.js} +2 -2
- package/dist/chunks/{input-field.CmV2d_Zc.js.map → input-field.su5Cq8Dt.js.map} +1 -1
- package/dist/chunks/{menu.C-3obPGl.js → menu.EtjeOPXX.js} +182 -183
- package/dist/chunks/menu.EtjeOPXX.js.map +1 -0
- package/dist/chunks/{pagination.DLYrWpKr.js → pagination.fYQak4C8.js} +2 -2
- package/dist/chunks/{pagination.DLYrWpKr.js.map → pagination.fYQak4C8.js.map} +1 -1
- package/dist/chunks/popover.types.V8old-GW.js.map +1 -1
- package/dist/chunks/{search-bar.CpQ_MEVj.js → search-bar.CUrcP_wf.js} +3 -3
- package/dist/chunks/{search-bar.CpQ_MEVj.js.map → search-bar.CUrcP_wf.js.map} +1 -1
- package/dist/chunks/{secondary-nav.RTBLEukC.js → secondary-nav.j3ddtYoZ.js} +2 -2
- package/dist/chunks/{secondary-nav.RTBLEukC.js.map → secondary-nav.j3ddtYoZ.js.map} +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.nYHtTHqy.js → tutorial.vue_vue_type_script_setup_true_lang.Dmf8fGaM.js} +2 -2
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.nYHtTHqy.js.map → tutorial.vue_vue_type_script_setup_true_lang.Dmf8fGaM.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +1 -1
- package/dist/date-range-picker.js +1 -1
- package/dist/dropdown.js +2 -2
- package/dist/filter-bar.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +20 -20
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/pagination.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +2 -2
- package/dist/chunks/data-grid.BJHcfrTG.js.map +0 -1
- package/dist/chunks/menu.C-3obPGl.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-data-grid-columns[data-v-15a1b61b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-15a1b61b],.b-data-grid-columns[data-v-15a1b61b]:before,.b-data-grid-columns[data-v-15a1b61b]:after{box-sizing:border-box}.b-data-grid-columns[data-v-15a1b61b] *,.b-data-grid-columns[data-v-15a1b61b] *:before,.b-data-grid-columns[data-v-15a1b61b] *:after{box-sizing:border-box}.b-data-grid-columns[data-v-15a1b61b] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-columns[data-v-15a1b61b] ::-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-data-grid-columns--frozen[data-v-15a1b61b]{display:flex;left:0;position:sticky;z-index:var(--b-data-grid-columns-frozen-z-index)}.b-data-grid-columns--overflow-shadow-left[data-v-15a1b61b]:after{content:"";height:100%;position:absolute;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);height:calc(100% + 1px);right:-1px;top:0;translate:100%}.b-data-grid-columns--frozen-separator[data-v-15a1b61b]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color)}.b-data-grid-columns--unfrozen[data-v-15a1b61b]{display:flex;flex-grow:1}.b-data-grid-columns--is-measuring[data-v-15a1b61b]{flex-wrap:wrap}.b-data-grid-columns__column-header-and-actions[data-v-15a1b61b]{display:flex;gap:var(--b-data-grid-column-header-and-actions-gap)}.b-data-grid-columns__column-header-and-actions--numeric[data-v-15a1b61b]{flex-direction:row-reverse}.b-data-grid-columns__column[data-v-15a1b61b]{background-color:var(--b-data-grid-column-background-color);color:var(--b-data-grid-column-color);display:flex;padding:var(--b-data-grid-column-padding);position:relative}.b-data-grid-columns__column[data-v-15a1b61b]:focus-visible{outline:2px solid var(--b-focus-ring-color);outline-offset:-2px}.b-data-grid-columns__column--column-hovered[data-v-15a1b61b]{border:var(--b-data-grid-cell-border);border-bottom:0;border-top:0;padding:var(--b-data-grid-column-hover-padding)}.b-data-grid-columns__column--column-hovered.b-data-grid-columns__column--column-hovered-no-border-left[data-v-15a1b61b]{border-left-color:transparent}.b-data-grid-columns__column--column-hovered.b-data-grid-columns__column--column-hovered-no-border-right[data-v-15a1b61b]{border-right-color:transparent}.b-data-grid-columns__column--with-sorting-or-column-panel[data-v-15a1b61b]{padding:var(--b-data-grid-column-with-sorting-or-column-panel-padding)}.b-data-grid-columns__column--with-sorting-or-column-panel.b-data-grid-columns__column--column-hovered[data-v-15a1b61b]{padding:var(--b-data-grid-column-with-sorting-or-column-panel-hover-padding)}.b-data-grid-columns__column--padding-left-unset[data-v-15a1b61b]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-15a1b61b]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis[data-v-15a1b61b] *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-15a1b61b]{justify-content:flex-end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-15a1b61b]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-columns__column--is-re-ordering-target-right[data-v-15a1b61b]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-columns__column[draggable=true][data-v-15a1b61b]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-15a1b61b],.b-data-grid-columns__column--is-re-ordering[data-v-15a1b61b] *{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-15a1b61b]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-header--truncated[data-v-15a1b61b]{overflow:hidden;white-space:nowrap}.b-data-grid-columns__column-header--truncated .b-data-grid-columns__label[data-v-15a1b61b]{overflow:hidden;text-overflow:ellipsis}.b-data-grid-columns__column-separator-container[data-v-15a1b61b]{align-items:center;cursor:auto;display:none;height:100%;justify-content:center;position:absolute;right:-4.5px;top:0;width:var(--b-data-grid-resizer-width);z-index:var(--b-data-grid-column-separator-z-index)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container[data-v-15a1b61b]{right:var(--b-data-grid-resizer-last-child-right)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container--is-offset[data-v-15a1b61b]{right:var(--b-data-grid-resizer-last-child-offset-right)}.b-data-grid-columns__column--column-hovered .b-data-grid-columns__column-separator-container[data-v-15a1b61b]{display:flex}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-15a1b61b]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-15a1b61b]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-columns__column-separator-container--is-resizeable:hover .b-data-grid-columns__column-separator[data-v-15a1b61b]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-15a1b61b]{align-items:center;display:flex;gap:var(--b-data-grid-column-actions-gap)}.b-data-grid-columns__column-actions--numeric[data-v-15a1b61b]{flex-direction:row-reverse}.b-data-grid-columns__column-info-icon[data-v-15a1b61b]{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.b-data-grid-columns__menu[data-v-15a1b61b]{display:flex;position:relative}.b-legacy-theme .b-data-grid-columns__menu[data-v-15a1b61b] .b-button{max-height:inherit}.b-data-grid-columns__select-column[data-v-15a1b61b]{align-items:center;display:flex;gap:var(--b-data-grid-columns-select-column-gap);padding-left:var(--b-data-grid-columns-select-column-padding-left);padding-right:var(--b-data-grid-columns-select-column-padding-right)}.b-data-grid-columns__select-column--all[data-v-15a1b61b]{padding-left:var(--b-data-grid-columns-select-column-all-padding-left)}.b-data-grid-columns__select-column-menu[data-v-15a1b61b]{align-items:center;display:flex;height:var(--b-data-grid-column-height)}.b-data-grid-columns__select-column-menu-button[data-v-15a1b61b]{align-items:center;display:flex;gap:var(--b-data-grid-columns-select-column-menu-button-gap)}.b-data-grid-columns__select-column-menu-checkbox[data-v-15a1b61b]{pointer-events:none}.b-data-grid-columns__deselect-all-checkbox[data-v-15a1b61b]{padding:var(--b-data-grid-columns-select-column-deselect-all-checkbox-padding)}.b-data-grid-columns__row-actions-filler[data-v-15a1b61b]{flex:1 0 auto}.b-data-grid-config-settings-column-row[data-v-bb87a729]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-row-padding)}.b-data-grid-config-settings-column-row[data-v-bb87a729],.b-data-grid-config-settings-column-row[data-v-bb87a729]:before,.b-data-grid-config-settings-column-row[data-v-bb87a729]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-bb87a729] *,.b-data-grid-config-settings-column-row[data-v-bb87a729] *:before,.b-data-grid-config-settings-column-row[data-v-bb87a729] *:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-bb87a729] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings-column-row[data-v-bb87a729] ::-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-data-grid-config-settings-column-row[data-v-bb87a729]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-bb87a729]{color:var(--b-data-grid-config-column-row-freeze-icon-color);cursor:pointer}.b-data-grid-config-settings-column-row__freeze-icon--frozen[data-v-bb87a729]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-f5950a53]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-f5950a53],.b-data-grid-config-settings[data-v-f5950a53]:before,.b-data-grid-config-settings[data-v-f5950a53]:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-f5950a53] *,.b-data-grid-config-settings[data-v-f5950a53] *:before,.b-data-grid-config-settings[data-v-f5950a53] *:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-f5950a53] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings[data-v-f5950a53] ::-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-data-grid-config-settings__button-and-separator[data-v-f5950a53]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-separator-background-color);display:flex;padding:var(--b-data-grid-config-settings-button-and-separator-padding)}.b-data-grid-config-settings__button-container[data-v-f5950a53]{display:flex;margin:var(--b-data-grid-config-settings-button-margin);padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__panel[data-v-f5950a53]{color:var(--b-data-grid-config-settings-color);max-height:540px;min-width:285px;overflow:auto}.b-data-grid-config-settings__panel[data-v-f5950a53] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-f5950a53]{align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-panel-header-padding)}.b-data-grid-config-settings__condensed-view-settings[data-v-f5950a53]{border-bottom:1px solid var(--b-data-grid-config-condensed-view-border-color);padding:var(--b-data-grid-config-condensed-view-padding)}.b-data-grid-config-settings__condensed-view-title[data-v-f5950a53]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-f5950a53]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-f5950a53]{display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-visibility-header-padding)}.b-data-grid-config-settings__column-visibility-show-all[data-v-f5950a53]{background-color:var(--b-data-grid-config-column-visibility-show-all-background-color);border-radius:var(--b-data-grid-config-column-visibility-show-all-border-radius);margin:var(--b-data-grid-config-column-visibility-show-all-margin);padding:var(--b-data-grid-config-column-visibility-show-all-padding)}.b-data-grid-config-settings__column-visibility-search[data-v-f5950a53]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-f5950a53]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-f5950a53]{color:var(--b-data-grid-config-column-visibility-empty-search-message-color);padding:var(--b-data-grid-config-column-visibility-empty-search-message-padding);text-align:center}.b-data-grid-lazy-load[data-v-a4824c2d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-lazy-load-background-color);border-top:var(--b-data-grid-lazy-load-border);display:flex;justify-content:center;padding:var(--b-data-grid-lazy-load-padding);position:relative;z-index:var(--b-data-grid-lazy-load-z-index)}.b-data-grid-lazy-load[data-v-a4824c2d],.b-data-grid-lazy-load[data-v-a4824c2d]:before,.b-data-grid-lazy-load[data-v-a4824c2d]:after{box-sizing:border-box}.b-data-grid-lazy-load[data-v-a4824c2d] *,.b-data-grid-lazy-load[data-v-a4824c2d] *:before,.b-data-grid-lazy-load[data-v-a4824c2d] *:after{box-sizing:border-box}.b-data-grid-lazy-load[data-v-a4824c2d] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-lazy-load[data-v-a4824c2d] ::-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-data-grid-cell-actions[data-v-9c1c2f7b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;height:100%;justify-content:end;position:absolute;right:0;top:0}.b-data-grid-cell-actions[data-v-9c1c2f7b],.b-data-grid-cell-actions[data-v-9c1c2f7b]:before,.b-data-grid-cell-actions[data-v-9c1c2f7b]:after{box-sizing:border-box}.b-data-grid-cell-actions[data-v-9c1c2f7b] *,.b-data-grid-cell-actions[data-v-9c1c2f7b] *:before,.b-data-grid-cell-actions[data-v-9c1c2f7b] *:after{box-sizing:border-box}.b-data-grid-cell-actions[data-v-9c1c2f7b] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-cell-actions[data-v-9c1c2f7b] ::-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-data-grid-cell-actions__animation-enter-active[data-v-9c1c2f7b]{animation:fade-in-ull2jku-9c1c2f7b var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-linear),enter-ull2jku-9c1c2f7b var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-enter),scale-up-ull2jku-9c1c2f7b var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ull2jku-9c1c2f7b{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ull2jku-9c1c2f7b{0%{scale:1}to{scale:1}}@keyframes enter-ull2jku-9c1c2f7b{0%{translate:8px 0}to{translate:0 0}}.b-data-grid-cell-actions__background-gradient[data-v-9c1c2f7b]{background:var(--b-data-grid-cell-actions-background-gradient-background);height:100%;width:var(--b-data-grid-cell-actions-background-gradient-width)}.b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow[data-v-9c1c2f7b]{background:transparent;position:relative;width:0}.b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow[data-v-9c1c2f7b]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0}.b-data-grid-cell-actions__actions[data-v-9c1c2f7b]{align-items:center;display:flex;flex-direction:row;gap:var(--b-data-grid-cell-actions-gap);height:100%;justify-content:flex-end;padding:var(--b-data-grid-cell-actions-padding)}.b-data-grid-cell-actions__actions--with-row-actions[data-v-9c1c2f7b]{padding:var(--b-data-grid-cell-actions-row-actions-padding)}.b-data-grid-cell[data-v-305d8373]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding);position:relative}.b-data-grid-cell[data-v-305d8373],.b-data-grid-cell[data-v-305d8373]:before,.b-data-grid-cell[data-v-305d8373]:after{box-sizing:border-box}.b-data-grid-cell[data-v-305d8373] *,.b-data-grid-cell[data-v-305d8373] *:before,.b-data-grid-cell[data-v-305d8373] *:after{box-sizing:border-box}.b-data-grid-cell[data-v-305d8373] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-cell[data-v-305d8373] ::-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-data-grid-cell--slashed-zero[data-v-305d8373] .b-typography{font-variant-numeric:slashed-zero}.b-data-grid-cell[data-v-305d8373]:focus-visible{outline:2px solid var(--b-focus-ring-color);outline-offset:-2px}.b-data-grid-cell[data-v-305d8373]:focus-visible .b-data-grid-cell-actions__background-gradient{height:calc(100% - 4px)}.b-data-grid-cell--action-col-selection-enabled[data-v-305d8373]{align-items:center;display:flex;padding:var(--b-data-grid-cell-actions-column-selection-padding)}.b-data-grid-cell--action-col-nested-content-and-selection-enabled[data-v-305d8373],.b-data-grid-cell--action-col-nested-content-enabled[data-v-305d8373]{padding:var(--b-data-grid-cell-actions-column-nested-content-padding)}.b-data-grid-cell--action-col-nested-content-and-selection-enabled[data-v-305d8373]{justify-content:space-between}.b-data-grid-cell--action-col-nested-content-enabled[data-v-305d8373]{justify-content:center}.b-data-grid-cell--column-hovered[data-v-305d8373]{border:var(--b-data-grid-cell-border);border-bottom:0;border-top:0;padding:var(--b-data-grid-cell-hover-padding)}.b-data-grid-cell--column-hovered.b-data-grid-cell--column-hovered-no-border-left[data-v-305d8373]{border-left-color:transparent}.b-data-grid-cell--column-hovered.b-data-grid-cell--column-hovered-no-border-right[data-v-305d8373]{border-right-color:transparent}.b-data-grid-cell--condensed[data-v-305d8373]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid-cell--condensed.b-data-grid-cell--column-hovered[data-v-305d8373]{padding:var(--b-data-grid-cell-condensed-column-hovered-padding)}.b-data-grid-cell--padding-left-unset[data-v-305d8373]{padding-left:0}.b-data-grid-cell--padding-right-unset[data-v-305d8373]{padding-right:0}.b-data-grid-cell--overflow-ellipsis[data-v-305d8373] *:not(.b-payment-method__icon-container,.b-link__external-link-icon,.b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-cell--numeric[data-v-305d8373]{justify-content:flex-end;text-align:right}.b-data-grid-cell--is-column-re-ordering[data-v-305d8373]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-cell--is-column-re-order-target-left[data-v-305d8373],.b-data-grid-cell--is-column-re-order-target-right[data-v-305d8373]{position:relative}.b-data-grid-cell--is-column-re-order-target-left[data-v-305d8373]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-cell--is-column-re-order-target-right[data-v-305d8373]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-cell--nested-content-toggle-enabled[data-v-305d8373]{align-items:center;display:flex}.b-data-grid-cell__select-cell[data-v-305d8373]{margin-left:var(--b-data-grid-select-cell-margin-left)}.b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element[data-v-305d8373]{overflow:unset}.b-data-grid-row-container[data-v-d6354e28]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid-row-container[data-v-d6354e28],.b-data-grid-row-container[data-v-d6354e28]:before,.b-data-grid-row-container[data-v-d6354e28]:after{box-sizing:border-box}.b-data-grid-row-container[data-v-d6354e28] *,.b-data-grid-row-container[data-v-d6354e28] *:before,.b-data-grid-row-container[data-v-d6354e28] *:after{box-sizing:border-box}.b-data-grid-row-container[data-v-d6354e28] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-row-container[data-v-d6354e28] ::-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-data-grid-row-container__row[data-v-d6354e28]{background-color:var(--b-data-grid-row-background-color);break-inside:avoid;color:var(--b-data-grid-row-color);display:flex;position:relative}.b-data-grid-row-container__row[data-v-d6354e28]:not(.b-data-grid-row-container__row--is-last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid-row-container__row--is-last-child[data-v-d6354e28]{box-shadow:unset}.b-data-grid-row-container--outline .b-data-grid-row-container__row--is-last-child[data-v-d6354e28]{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid-row-container__row--row-clicks-enabled[data-v-d6354e28]{cursor:pointer}.b-data-grid-row-container__row--disabled[data-v-d6354e28]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid-row-container__row--is-re-ordering[data-v-d6354e28]{cursor:grabbing}.b-data-grid-row-container__row--highlighted[data-v-d6354e28],.b-data-grid-row-container__row--highlighted .b-data-grid-row-container__cell[data-v-d6354e28],.b-data-grid-row-container__row--highlighted .b-data-grid-row-container__row-actions-container[data-v-d6354e28]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid-row-container__row[data-v-d6354e28]:hover,.b-data-grid-row-container__row--hovered[data-v-d6354e28],.b-data-grid-row-container__row:hover .b-data-grid-row-container__cell[data-v-d6354e28],.b-data-grid-row-container__row:hover .b-data-grid-row-container__row-actions-container[data-v-d6354e28],.b-data-grid-row-container__row--hovered .b-data-grid-row-container__cell[data-v-d6354e28],.b-data-grid-row-container__row--hovered .b-data-grid-row-container__row-actions-container[data-v-d6354e28]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid-row-container__row--nested-row[data-v-d6354e28],.b-data-grid-row-container__row--nested-row .b-data-grid-row-container__cell[data-v-d6354e28]{background-color:var(--b-data-grid-row-nested-row-background-color)}.b-data-grid-row-container__row--nested-row.b-data-grid-row-container__row[data-v-d6354e28]:hover,.b-data-grid-row-container__row--nested-row.b-data-grid-row-container__row--hovered[data-v-d6354e28],.b-data-grid-row-container__row--nested-row.b-data-grid-row-container__row:hover .b-data-grid-row-container__cell[data-v-d6354e28],.b-data-grid-row-container__row--nested-row.b-data-grid-row-container__row--hovered .b-data-grid-row-container__cell[data-v-d6354e28]{background-color:var(--b-data-grid-row-nested-row-hover-background-color)}.b-data-grid-row-container__animation--nested-content-enter-active[data-v-d6354e28]{overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}.b-data-grid-row-container__animation--nested-content-leave-active[data-v-d6354e28]{max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}.b-data-grid-row-container__row-cell-set--frozen[data-v-d6354e28]{display:flex;left:0;position:sticky;z-index:var(--b-data-grid-rows-frozen-z-index)}.b-data-grid-row-container__row-cell-set--frozen[data-v-d6354e28]:hover{z-index:var(--b-data-grid-rows-frozen-hover-z-index)}.b-data-grid-row-container__row-cell-set--frozen-separator[data-v-d6354e28]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color)}.b-data-grid-row-container__row-cell-set--unfrozen[data-v-d6354e28]{display:flex;flex-grow:1}.b-data-grid-row-container__row-cell-set--is-measuring[data-v-d6354e28]{flex-wrap:wrap}.b-data-grid-row-container__row-cell-set--overflow-shadow-left[data-v-d6354e28]:after{content:"";height:100%;position:absolute;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);height:calc(100% + 1px);right:-1px;top:0;translate:100%}.b-data-grid-row-container__row--is-last-child .b-data-grid-row-container__row-cell-set--overflow-shadow-left[data-v-d6354e28]:after{height:100%}.b-data-grid-row-container__row-actions-container[data-v-d6354e28]{background-color:var(--b-data-grid-row-row-actions-container-background-color);display:flex;position:sticky;right:0;top:0;z-index:var(--b-data-grid-row-row-actions-container-z-index)}.b-data-grid-row-container__row-actions-container[data-v-d6354e28]:focus-visible{outline:2px solid var(--b-focus-ring-color);outline-offset:-2px}.b-data-grid-row-container__row-actions-container[data-v-d6354e28]:hover{z-index:var(--b-data-grid-row-row-actions-container-hover-z-index)}.b-data-grid-row-container__row-actions-container--row-actions-menu-open[data-v-d6354e28]{z-index:var(--b-data-grid-row-row-actions-container-row-actions-menu-open-z-index)}.b-data-grid-row-container__row-actions[data-v-d6354e28]{position:unset}.b-data-grid-row-container__row-nested-slot[data-v-d6354e28]{background-color:var(--b-data-grid-row-nested-slot-background-color);width:100%}.b-data-grid-row-container__row-nested-slot[data-v-d6354e28]:not(.b-data-grid-row-container__row-nested-slot--is-last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid-row-container__row-nested-rows-loading-container[data-v-d6354e28]{align-items:center;display:flex;justify-content:center;padding:var(--b-data-grid-row-nested-rows-loading-container-padding);width:100%}.b-data-grid-row-container__cells[data-v-d6354e28]{word-break:break-word}.b-data-grid-static-icon[data-v-3ee55e9a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;height:var(--b-data-grid-static-icon-size);justify-content:center;width:var(--b-data-grid-static-icon-size)}.b-data-grid-static-icon[data-v-3ee55e9a],.b-data-grid-static-icon[data-v-3ee55e9a]:before,.b-data-grid-static-icon[data-v-3ee55e9a]:after{box-sizing:border-box}.b-data-grid-static-icon[data-v-3ee55e9a] *,.b-data-grid-static-icon[data-v-3ee55e9a] *:before,.b-data-grid-static-icon[data-v-3ee55e9a] *:after{box-sizing:border-box}.b-data-grid-static-icon[data-v-3ee55e9a] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-static-icon[data-v-3ee55e9a] ::-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-data-grid-static-icon__no-value[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-no-value-color)}.b-data-grid-static-icon--colored .b-data-grid-static-icon__checkmark[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-checkmark-colored-color)}.b-data-grid-static-icon--colored .b-data-grid-static-icon__warning[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-warning-colored-color)}.b-data-grid-static-icon--colored .b-data-grid-static-icon__error[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-error-colored-color)}.b-data-grid-static-icon--colored .b-data-grid-static-icon__cross[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-cross-colored-color)}.b-data-grid-static-icon[data-v-3ee55e9a]:focus-visible{animation:outer-ring-default-3ee55e9a 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:20%;outline:none}@keyframes outer-ring-default-3ee55e9a{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-data-grid-summary-cell[data-v-c415d240]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-summary-cell[data-v-c415d240],.b-data-grid-summary-cell[data-v-c415d240]:before,.b-data-grid-summary-cell[data-v-c415d240]:after{box-sizing:border-box}.b-data-grid-summary-cell[data-v-c415d240] *,.b-data-grid-summary-cell[data-v-c415d240] *:before,.b-data-grid-summary-cell[data-v-c415d240] *:after{box-sizing:border-box}.b-data-grid-summary-cell[data-v-c415d240] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-summary-cell[data-v-c415d240] ::-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-data-grid-summary-cell__list[data-v-c415d240]{list-style-type:none;margin:0;padding:0}.b-data-grid-summary-cell__popover-content mark[data-v-c415d240]{background-color:var(--b-data-grid-summary-cell-item-highlighted-background-color);mix-blend-mode:multiply}.b-data-grid[data-v-47ed24f7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-47ed24f7],.b-data-grid[data-v-47ed24f7]:before,.b-data-grid[data-v-47ed24f7]:after{box-sizing:border-box}.b-data-grid[data-v-47ed24f7] *,.b-data-grid[data-v-47ed24f7] *:before,.b-data-grid[data-v-47ed24f7] *:after{box-sizing:border-box}.b-data-grid[data-v-47ed24f7] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid[data-v-47ed24f7] ::-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-data-grid--no-spacing-top>div[data-v-47ed24f7]:first-child{padding-top:0}.b-data-grid--outline[data-v-47ed24f7]{border:var(--b-data-grid-border-width) solid var(--b-data-grid-border-color);border-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline .b-data-grid__columns-row[data-v-47ed24f7]{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-47ed24f7]:first-child{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-47ed24f7]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--overflow-shadow-left[data-v-47ed24f7]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);left:0}.b-data-grid--overflow-shadow-left .b-data-grid__columns-row[data-v-47ed24f7]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);left:0}.b-data-grid--overflow-shadow-left.b-data-grid--outline[data-v-47ed24f7]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);border-bottom-left-radius:var(--b-data-grid-border-radius);border-top-left-radius:var(--b-data-grid-border-radius);left:-1px}.b-data-grid--overflow-shadow-left.b-data-grid--outline .b-data-grid__columns-row[data-v-47ed24f7]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);border-top-left-radius:var(--b-data-grid-border-radius);left:-1px}.b-data-grid--overflow-shadow-right[data-v-47ed24f7]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0}.b-data-grid--overflow-shadow-right .b-data-grid__columns-row[data-v-47ed24f7]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0}.b-data-grid--overflow-shadow-right.b-data-grid--outline[data-v-47ed24f7]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);border-bottom-right-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius);right:-1px}.b-data-grid--overflow-shadow-right.b-data-grid--outline .b-data-grid__columns-row[data-v-47ed24f7]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);border-top-right-radius:var(--b-data-grid-border-radius);right:-1px}.b-data-grid--scroll[data-v-47ed24f7]{display:flex;flex-direction:column;height:100%}.b-data-grid--fit-content .b-data-grid__body[data-v-47ed24f7]{flex:1}.b-data-grid--sticky-filters .b-data-grid__filters[data-v-47ed24f7]{position:sticky;z-index:var(--b-data-grid-filters-z-index)}.b-data-grid__body[data-v-47ed24f7]{overflow-x:auto;position:relative;width:100%}.b-data-grid__body--sticky-horizontal-scrollbar[data-v-47ed24f7]{scrollbar-width:none}.b-data-grid__header[data-v-47ed24f7]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);padding:var(--b-data-grid-header-padding)}.b-data-grid__columns[data-v-47ed24f7]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);break-inside:avoid;display:flex;position:relative;width:fit-content}.b-data-grid__columns-row[data-v-47ed24f7]{-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:scroll}.b-data-grid__columns-row[data-v-47ed24f7] ::-webkit-scrollbar{display:none}.b-data-grid__column-headers[data-v-47ed24f7]{background-color:var(--b-data-grid-column-headers-background-color);position:sticky;z-index:var(--b-data-grid-column-headers-z-index)}.b-data-grid__column-headers[data-v-47ed24f7]:focus-within{z-index:var(--b-data-grid-column-headers-focus-within-z-index)}.b-data-grid__footer[data-v-47ed24f7]{background-color:var(--b-data-grid-footer-background-color);padding:var(--b-data-grid-footer-padding);z-index:var(--b-data-grid-footer-z-index)}.b-data-grid__filters[data-v-47ed24f7]{background-color:var(--b-data-grid-filters-background-color);border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);justify-content:flex-end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__filters[data-v-47ed24f7]:focus-within{z-index:var(--b-data-grid-filters-focus-within-z-index)}.b-data-grid__filters--sticky[data-v-47ed24f7]{padding:var(--b-data-grid-filters-sticky-padding)}.b-data-grid__pagination[data-v-47ed24f7]{background-color:var(--b-data-grid-pagination-background-color);border-top:var(--b-data-grid-pagination-border-width) solid var(--b-data-grid-pagination-border-color);padding:var(--b-data-grid-pagination-padding);position:relative;z-index:var(--b-data-grid-pagination-z-index)}.b-data-grid__pagination[data-v-47ed24f7]:focus-within{z-index:var(--b-data-grid-pagination-focus-within-z-index)}.b-data-grid__pagination--padding-left-unset[data-v-47ed24f7]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-47ed24f7]{padding-right:0}.b-data-grid__pagination--sticky[data-v-47ed24f7]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-47ed24f7]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-47ed24f7]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-47ed24f7]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__empty-state[data-v-47ed24f7]{padding:var(--b-data-grid-empty-state-padding)}.b-data-grid__config-settings[data-v-47ed24f7]{display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}.b-data-grid__horizontal-scrollbar[data-v-47ed24f7]{background-color:var(--b-data-grid-horizontal-scrollbar-background-color);bottom:0;height:15px;overflow:auto hidden;position:sticky;z-index:var(--b-data-grid-horizontal-scrollbar-z-index)}.b-data-grid__horizontal-scrollbar--sticky-pagination[data-v-47ed24f7]{bottom:55px}
|
|
1
|
+
.b-data-grid-columns[data-v-5b2a1205]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-5b2a1205],.b-data-grid-columns[data-v-5b2a1205]:before,.b-data-grid-columns[data-v-5b2a1205]:after{box-sizing:border-box}.b-data-grid-columns[data-v-5b2a1205] *,.b-data-grid-columns[data-v-5b2a1205] *:before,.b-data-grid-columns[data-v-5b2a1205] *:after{box-sizing:border-box}.b-data-grid-columns[data-v-5b2a1205] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-columns[data-v-5b2a1205] ::-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-data-grid-columns--frozen[data-v-5b2a1205]{display:flex;left:0;position:sticky;z-index:var(--b-data-grid-columns-frozen-z-index)}.b-data-grid-columns--overflow-shadow-left[data-v-5b2a1205]:after{content:"";height:100%;position:absolute;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);height:calc(100% + 1px);right:-1px;top:0;translate:100%}.b-data-grid-columns--frozen-separator[data-v-5b2a1205]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color)}.b-data-grid-columns--unfrozen[data-v-5b2a1205]{display:flex;flex-grow:1}.b-data-grid-columns--is-measuring[data-v-5b2a1205]{flex-wrap:wrap}.b-data-grid-columns__column-header-and-actions[data-v-5b2a1205]{display:flex;gap:var(--b-data-grid-column-header-and-actions-gap)}.b-data-grid-columns__column-header-and-actions--numeric[data-v-5b2a1205]{flex-direction:row-reverse}.b-data-grid-columns__column[data-v-5b2a1205]{background-color:var(--b-data-grid-column-background-color);color:var(--b-data-grid-column-color);display:flex;padding:var(--b-data-grid-column-padding);position:relative}.b-data-grid-columns__column[data-v-5b2a1205]:focus-visible{outline:2px solid var(--b-focus-ring-color);outline-offset:-2px}.b-data-grid-columns__column--column-hovered[data-v-5b2a1205]{border:var(--b-data-grid-cell-border);border-bottom:0;border-top:0;padding:var(--b-data-grid-column-hover-padding)}.b-data-grid-columns__column--column-hovered.b-data-grid-columns__column--column-hovered-no-border-left[data-v-5b2a1205]{border-left-color:transparent}.b-data-grid-columns__column--column-hovered.b-data-grid-columns__column--column-hovered-no-border-right[data-v-5b2a1205]{border-right-color:transparent}.b-data-grid-columns__column--with-sorting-or-column-panel[data-v-5b2a1205]{padding:var(--b-data-grid-column-with-sorting-or-column-panel-padding)}.b-data-grid-columns__column--with-sorting-or-column-panel.b-data-grid-columns__column--column-hovered[data-v-5b2a1205]{padding:var(--b-data-grid-column-with-sorting-or-column-panel-hover-padding)}.b-data-grid-columns__column--padding-left-unset[data-v-5b2a1205]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-5b2a1205]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis[data-v-5b2a1205] *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-5b2a1205]{justify-content:flex-end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-5b2a1205]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-columns__column--is-re-ordering-target-right[data-v-5b2a1205]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-columns__column[draggable=true][data-v-5b2a1205]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-5b2a1205],.b-data-grid-columns__column--is-re-ordering[data-v-5b2a1205] *{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-5b2a1205]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-header--truncated[data-v-5b2a1205]{overflow:hidden;white-space:nowrap}.b-data-grid-columns__column-header--truncated .b-data-grid-columns__label[data-v-5b2a1205]{overflow:hidden;text-overflow:ellipsis}.b-data-grid-columns__column-separator-container[data-v-5b2a1205]{align-items:center;cursor:auto;display:none;height:100%;justify-content:center;position:absolute;right:-4.5px;top:0;width:var(--b-data-grid-resizer-width);z-index:var(--b-data-grid-column-separator-z-index)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container[data-v-5b2a1205]{right:var(--b-data-grid-resizer-last-child-right)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container--is-offset[data-v-5b2a1205]{right:var(--b-data-grid-resizer-last-child-offset-right)}.b-data-grid-columns__column--column-hovered .b-data-grid-columns__column-separator-container[data-v-5b2a1205]{display:flex}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-5b2a1205]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-5b2a1205]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-columns__column-separator-container--is-resizeable:hover .b-data-grid-columns__column-separator[data-v-5b2a1205]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-5b2a1205]{align-items:center;display:flex;gap:var(--b-data-grid-column-actions-gap)}.b-data-grid-columns__column-actions--numeric[data-v-5b2a1205]{flex-direction:row-reverse}.b-data-grid-columns__column-info-icon[data-v-5b2a1205]{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.b-data-grid-columns__menu[data-v-5b2a1205]{display:flex;position:relative}.b-legacy-theme .b-data-grid-columns__menu[data-v-5b2a1205] .b-button{max-height:inherit}.b-data-grid-columns__select-column[data-v-5b2a1205]{align-items:center;display:flex;gap:var(--b-data-grid-columns-select-column-gap);padding-left:var(--b-data-grid-columns-select-column-padding-left);padding-right:var(--b-data-grid-columns-select-column-padding-right)}.b-data-grid-columns__select-column--all[data-v-5b2a1205]{padding-left:var(--b-data-grid-columns-select-column-all-padding-left)}.b-data-grid-columns__select-column-menu[data-v-5b2a1205]{align-items:center;display:flex;height:var(--b-data-grid-column-height)}.b-data-grid-columns__select-column-menu-button[data-v-5b2a1205]{align-items:center;display:flex;gap:var(--b-data-grid-columns-select-column-menu-button-gap)}.b-data-grid-columns__select-column-menu-checkbox[data-v-5b2a1205]{pointer-events:none}.b-data-grid-columns__deselect-all-checkbox[data-v-5b2a1205]{padding:var(--b-data-grid-columns-select-column-deselect-all-checkbox-padding)}.b-data-grid-columns__row-actions-filler[data-v-5b2a1205]{flex:1 0 auto}.b-data-grid-config-settings-column-row[data-v-bb87a729]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-row-padding)}.b-data-grid-config-settings-column-row[data-v-bb87a729],.b-data-grid-config-settings-column-row[data-v-bb87a729]:before,.b-data-grid-config-settings-column-row[data-v-bb87a729]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-bb87a729] *,.b-data-grid-config-settings-column-row[data-v-bb87a729] *:before,.b-data-grid-config-settings-column-row[data-v-bb87a729] *:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-bb87a729] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings-column-row[data-v-bb87a729] ::-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-data-grid-config-settings-column-row[data-v-bb87a729]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-bb87a729]{color:var(--b-data-grid-config-column-row-freeze-icon-color);cursor:pointer}.b-data-grid-config-settings-column-row__freeze-icon--frozen[data-v-bb87a729]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-f5950a53]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-f5950a53],.b-data-grid-config-settings[data-v-f5950a53]:before,.b-data-grid-config-settings[data-v-f5950a53]:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-f5950a53] *,.b-data-grid-config-settings[data-v-f5950a53] *:before,.b-data-grid-config-settings[data-v-f5950a53] *:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-f5950a53] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings[data-v-f5950a53] ::-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-data-grid-config-settings__button-and-separator[data-v-f5950a53]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-separator-background-color);display:flex;padding:var(--b-data-grid-config-settings-button-and-separator-padding)}.b-data-grid-config-settings__button-container[data-v-f5950a53]{display:flex;margin:var(--b-data-grid-config-settings-button-margin);padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__panel[data-v-f5950a53]{color:var(--b-data-grid-config-settings-color);max-height:540px;min-width:285px;overflow:auto}.b-data-grid-config-settings__panel[data-v-f5950a53] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-f5950a53]{align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-panel-header-padding)}.b-data-grid-config-settings__condensed-view-settings[data-v-f5950a53]{border-bottom:1px solid var(--b-data-grid-config-condensed-view-border-color);padding:var(--b-data-grid-config-condensed-view-padding)}.b-data-grid-config-settings__condensed-view-title[data-v-f5950a53]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-f5950a53]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-f5950a53]{display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-visibility-header-padding)}.b-data-grid-config-settings__column-visibility-show-all[data-v-f5950a53]{background-color:var(--b-data-grid-config-column-visibility-show-all-background-color);border-radius:var(--b-data-grid-config-column-visibility-show-all-border-radius);margin:var(--b-data-grid-config-column-visibility-show-all-margin);padding:var(--b-data-grid-config-column-visibility-show-all-padding)}.b-data-grid-config-settings__column-visibility-search[data-v-f5950a53]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-f5950a53]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-f5950a53]{color:var(--b-data-grid-config-column-visibility-empty-search-message-color);padding:var(--b-data-grid-config-column-visibility-empty-search-message-padding);text-align:center}.b-data-grid-lazy-load[data-v-a4824c2d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-lazy-load-background-color);border-top:var(--b-data-grid-lazy-load-border);display:flex;justify-content:center;padding:var(--b-data-grid-lazy-load-padding);position:relative;z-index:var(--b-data-grid-lazy-load-z-index)}.b-data-grid-lazy-load[data-v-a4824c2d],.b-data-grid-lazy-load[data-v-a4824c2d]:before,.b-data-grid-lazy-load[data-v-a4824c2d]:after{box-sizing:border-box}.b-data-grid-lazy-load[data-v-a4824c2d] *,.b-data-grid-lazy-load[data-v-a4824c2d] *:before,.b-data-grid-lazy-load[data-v-a4824c2d] *:after{box-sizing:border-box}.b-data-grid-lazy-load[data-v-a4824c2d] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-lazy-load[data-v-a4824c2d] ::-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-data-grid-cell-actions[data-v-9c1c2f7b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;height:100%;justify-content:end;position:absolute;right:0;top:0}.b-data-grid-cell-actions[data-v-9c1c2f7b],.b-data-grid-cell-actions[data-v-9c1c2f7b]:before,.b-data-grid-cell-actions[data-v-9c1c2f7b]:after{box-sizing:border-box}.b-data-grid-cell-actions[data-v-9c1c2f7b] *,.b-data-grid-cell-actions[data-v-9c1c2f7b] *:before,.b-data-grid-cell-actions[data-v-9c1c2f7b] *:after{box-sizing:border-box}.b-data-grid-cell-actions[data-v-9c1c2f7b] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-cell-actions[data-v-9c1c2f7b] ::-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-data-grid-cell-actions__animation-enter-active[data-v-9c1c2f7b]{animation:fade-in-u5obxp4-9c1c2f7b var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-linear),enter-u5obxp4-9c1c2f7b var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-enter),scale-up-u5obxp4-9c1c2f7b var(--b-data-grid-cell-actions-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u5obxp4-9c1c2f7b{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u5obxp4-9c1c2f7b{0%{scale:1}to{scale:1}}@keyframes enter-u5obxp4-9c1c2f7b{0%{translate:8px 0}to{translate:0 0}}.b-data-grid-cell-actions__background-gradient[data-v-9c1c2f7b]{background:var(--b-data-grid-cell-actions-background-gradient-background);height:100%;width:var(--b-data-grid-cell-actions-background-gradient-width)}.b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow[data-v-9c1c2f7b]{background:transparent;position:relative;width:0}.b-data-grid-cell-actions__background-gradient--with-row-actions-and-overflow[data-v-9c1c2f7b]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0}.b-data-grid-cell-actions__actions[data-v-9c1c2f7b]{align-items:center;display:flex;flex-direction:row;gap:var(--b-data-grid-cell-actions-gap);height:100%;justify-content:flex-end;padding:var(--b-data-grid-cell-actions-padding)}.b-data-grid-cell-actions__actions--with-row-actions[data-v-9c1c2f7b]{padding:var(--b-data-grid-cell-actions-row-actions-padding)}.b-data-grid-cell[data-v-305d8373]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding);position:relative}.b-data-grid-cell[data-v-305d8373],.b-data-grid-cell[data-v-305d8373]:before,.b-data-grid-cell[data-v-305d8373]:after{box-sizing:border-box}.b-data-grid-cell[data-v-305d8373] *,.b-data-grid-cell[data-v-305d8373] *:before,.b-data-grid-cell[data-v-305d8373] *:after{box-sizing:border-box}.b-data-grid-cell[data-v-305d8373] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-cell[data-v-305d8373] ::-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-data-grid-cell--slashed-zero[data-v-305d8373] .b-typography{font-variant-numeric:slashed-zero}.b-data-grid-cell[data-v-305d8373]:focus-visible{outline:2px solid var(--b-focus-ring-color);outline-offset:-2px}.b-data-grid-cell[data-v-305d8373]:focus-visible .b-data-grid-cell-actions__background-gradient{height:calc(100% - 4px)}.b-data-grid-cell--action-col-selection-enabled[data-v-305d8373]{align-items:center;display:flex;padding:var(--b-data-grid-cell-actions-column-selection-padding)}.b-data-grid-cell--action-col-nested-content-and-selection-enabled[data-v-305d8373],.b-data-grid-cell--action-col-nested-content-enabled[data-v-305d8373]{padding:var(--b-data-grid-cell-actions-column-nested-content-padding)}.b-data-grid-cell--action-col-nested-content-and-selection-enabled[data-v-305d8373]{justify-content:space-between}.b-data-grid-cell--action-col-nested-content-enabled[data-v-305d8373]{justify-content:center}.b-data-grid-cell--column-hovered[data-v-305d8373]{border:var(--b-data-grid-cell-border);border-bottom:0;border-top:0;padding:var(--b-data-grid-cell-hover-padding)}.b-data-grid-cell--column-hovered.b-data-grid-cell--column-hovered-no-border-left[data-v-305d8373]{border-left-color:transparent}.b-data-grid-cell--column-hovered.b-data-grid-cell--column-hovered-no-border-right[data-v-305d8373]{border-right-color:transparent}.b-data-grid-cell--condensed[data-v-305d8373]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid-cell--condensed.b-data-grid-cell--column-hovered[data-v-305d8373]{padding:var(--b-data-grid-cell-condensed-column-hovered-padding)}.b-data-grid-cell--padding-left-unset[data-v-305d8373]{padding-left:0}.b-data-grid-cell--padding-right-unset[data-v-305d8373]{padding-right:0}.b-data-grid-cell--overflow-ellipsis[data-v-305d8373] *:not(.b-payment-method__icon-container,.b-link__external-link-icon,.b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-cell--numeric[data-v-305d8373]{justify-content:flex-end;text-align:right}.b-data-grid-cell--is-column-re-ordering[data-v-305d8373]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-cell--is-column-re-order-target-left[data-v-305d8373],.b-data-grid-cell--is-column-re-order-target-right[data-v-305d8373]{position:relative}.b-data-grid-cell--is-column-re-order-target-left[data-v-305d8373]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-cell--is-column-re-order-target-right[data-v-305d8373]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-cell--nested-content-toggle-enabled[data-v-305d8373]{align-items:center;display:flex}.b-data-grid-cell__select-cell[data-v-305d8373]{margin-left:var(--b-data-grid-select-cell-margin-left)}.b-data-grid-cell__cell-content--is-focused-on-inside-interactive-element[data-v-305d8373]{overflow:unset}.b-data-grid-row-container[data-v-d6354e28]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid-row-container[data-v-d6354e28],.b-data-grid-row-container[data-v-d6354e28]:before,.b-data-grid-row-container[data-v-d6354e28]:after{box-sizing:border-box}.b-data-grid-row-container[data-v-d6354e28] *,.b-data-grid-row-container[data-v-d6354e28] *:before,.b-data-grid-row-container[data-v-d6354e28] *:after{box-sizing:border-box}.b-data-grid-row-container[data-v-d6354e28] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-row-container[data-v-d6354e28] ::-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-data-grid-row-container__row[data-v-d6354e28]{background-color:var(--b-data-grid-row-background-color);break-inside:avoid;color:var(--b-data-grid-row-color);display:flex;position:relative}.b-data-grid-row-container__row[data-v-d6354e28]:not(.b-data-grid-row-container__row--is-last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid-row-container__row--is-last-child[data-v-d6354e28]{box-shadow:unset}.b-data-grid-row-container--outline .b-data-grid-row-container__row--is-last-child[data-v-d6354e28]{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid-row-container__row--row-clicks-enabled[data-v-d6354e28]{cursor:pointer}.b-data-grid-row-container__row--disabled[data-v-d6354e28]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid-row-container__row--is-re-ordering[data-v-d6354e28]{cursor:grabbing}.b-data-grid-row-container__row--highlighted[data-v-d6354e28],.b-data-grid-row-container__row--highlighted .b-data-grid-row-container__cell[data-v-d6354e28],.b-data-grid-row-container__row--highlighted .b-data-grid-row-container__row-actions-container[data-v-d6354e28]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid-row-container__row[data-v-d6354e28]:hover,.b-data-grid-row-container__row--hovered[data-v-d6354e28],.b-data-grid-row-container__row:hover .b-data-grid-row-container__cell[data-v-d6354e28],.b-data-grid-row-container__row:hover .b-data-grid-row-container__row-actions-container[data-v-d6354e28],.b-data-grid-row-container__row--hovered .b-data-grid-row-container__cell[data-v-d6354e28],.b-data-grid-row-container__row--hovered .b-data-grid-row-container__row-actions-container[data-v-d6354e28]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid-row-container__row--nested-row[data-v-d6354e28],.b-data-grid-row-container__row--nested-row .b-data-grid-row-container__cell[data-v-d6354e28]{background-color:var(--b-data-grid-row-nested-row-background-color)}.b-data-grid-row-container__row--nested-row.b-data-grid-row-container__row[data-v-d6354e28]:hover,.b-data-grid-row-container__row--nested-row.b-data-grid-row-container__row--hovered[data-v-d6354e28],.b-data-grid-row-container__row--nested-row.b-data-grid-row-container__row:hover .b-data-grid-row-container__cell[data-v-d6354e28],.b-data-grid-row-container__row--nested-row.b-data-grid-row-container__row--hovered .b-data-grid-row-container__cell[data-v-d6354e28]{background-color:var(--b-data-grid-row-nested-row-hover-background-color)}.b-data-grid-row-container__animation--nested-content-enter-active[data-v-d6354e28]{overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}.b-data-grid-row-container__animation--nested-content-leave-active[data-v-d6354e28]{max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}.b-data-grid-row-container__row-cell-set--frozen[data-v-d6354e28]{display:flex;left:0;position:sticky;z-index:var(--b-data-grid-rows-frozen-z-index)}.b-data-grid-row-container__row-cell-set--frozen[data-v-d6354e28]:hover{z-index:var(--b-data-grid-rows-frozen-hover-z-index)}.b-data-grid-row-container__row-cell-set--frozen-separator[data-v-d6354e28]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color)}.b-data-grid-row-container__row-cell-set--unfrozen[data-v-d6354e28]{display:flex;flex-grow:1}.b-data-grid-row-container__row-cell-set--is-measuring[data-v-d6354e28]{flex-wrap:wrap}.b-data-grid-row-container__row-cell-set--overflow-shadow-left[data-v-d6354e28]:after{content:"";height:100%;position:absolute;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);height:calc(100% + 1px);right:-1px;top:0;translate:100%}.b-data-grid-row-container__row--is-last-child .b-data-grid-row-container__row-cell-set--overflow-shadow-left[data-v-d6354e28]:after{height:100%}.b-data-grid-row-container__row-actions-container[data-v-d6354e28]{background-color:var(--b-data-grid-row-row-actions-container-background-color);display:flex;position:sticky;right:0;top:0;z-index:var(--b-data-grid-row-row-actions-container-z-index)}.b-data-grid-row-container__row-actions-container[data-v-d6354e28]:focus-visible{outline:2px solid var(--b-focus-ring-color);outline-offset:-2px}.b-data-grid-row-container__row-actions-container[data-v-d6354e28]:hover{z-index:var(--b-data-grid-row-row-actions-container-hover-z-index)}.b-data-grid-row-container__row-actions-container--row-actions-menu-open[data-v-d6354e28]{z-index:var(--b-data-grid-row-row-actions-container-row-actions-menu-open-z-index)}.b-data-grid-row-container__row-actions[data-v-d6354e28]{position:unset}.b-data-grid-row-container__row-nested-slot[data-v-d6354e28]{background-color:var(--b-data-grid-row-nested-slot-background-color);width:100%}.b-data-grid-row-container__row-nested-slot[data-v-d6354e28]:not(.b-data-grid-row-container__row-nested-slot--is-last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid-row-container__row-nested-rows-loading-container[data-v-d6354e28]{align-items:center;display:flex;justify-content:center;padding:var(--b-data-grid-row-nested-rows-loading-container-padding);width:100%}.b-data-grid-row-container__cells[data-v-d6354e28]{word-break:break-word}.b-data-grid-static-icon[data-v-3ee55e9a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;height:var(--b-data-grid-static-icon-size);justify-content:center;width:var(--b-data-grid-static-icon-size)}.b-data-grid-static-icon[data-v-3ee55e9a],.b-data-grid-static-icon[data-v-3ee55e9a]:before,.b-data-grid-static-icon[data-v-3ee55e9a]:after{box-sizing:border-box}.b-data-grid-static-icon[data-v-3ee55e9a] *,.b-data-grid-static-icon[data-v-3ee55e9a] *:before,.b-data-grid-static-icon[data-v-3ee55e9a] *:after{box-sizing:border-box}.b-data-grid-static-icon[data-v-3ee55e9a] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-static-icon[data-v-3ee55e9a] ::-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-data-grid-static-icon__no-value[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-no-value-color)}.b-data-grid-static-icon--colored .b-data-grid-static-icon__checkmark[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-checkmark-colored-color)}.b-data-grid-static-icon--colored .b-data-grid-static-icon__warning[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-warning-colored-color)}.b-data-grid-static-icon--colored .b-data-grid-static-icon__error[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-error-colored-color)}.b-data-grid-static-icon--colored .b-data-grid-static-icon__cross[data-v-3ee55e9a]{color:var(--b-data-grid-static-icon-cross-colored-color)}.b-data-grid-static-icon[data-v-3ee55e9a]:focus-visible{animation:outer-ring-default-3ee55e9a 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:20%;outline:none}@keyframes outer-ring-default-3ee55e9a{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-data-grid-summary-cell[data-v-c415d240]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-summary-cell[data-v-c415d240],.b-data-grid-summary-cell[data-v-c415d240]:before,.b-data-grid-summary-cell[data-v-c415d240]:after{box-sizing:border-box}.b-data-grid-summary-cell[data-v-c415d240] *,.b-data-grid-summary-cell[data-v-c415d240] *:before,.b-data-grid-summary-cell[data-v-c415d240] *:after{box-sizing:border-box}.b-data-grid-summary-cell[data-v-c415d240] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-summary-cell[data-v-c415d240] ::-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-data-grid-summary-cell__list[data-v-c415d240]{list-style-type:none;margin:0;padding:0}.b-data-grid-summary-cell__popover-content mark[data-v-c415d240]{background-color:var(--b-data-grid-summary-cell-item-highlighted-background-color);mix-blend-mode:multiply}.b-data-grid[data-v-47ed24f7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-47ed24f7],.b-data-grid[data-v-47ed24f7]:before,.b-data-grid[data-v-47ed24f7]:after{box-sizing:border-box}.b-data-grid[data-v-47ed24f7] *,.b-data-grid[data-v-47ed24f7] *:before,.b-data-grid[data-v-47ed24f7] *:after{box-sizing:border-box}.b-data-grid[data-v-47ed24f7] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid[data-v-47ed24f7] ::-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-data-grid--no-spacing-top>div[data-v-47ed24f7]:first-child{padding-top:0}.b-data-grid--outline[data-v-47ed24f7]{border:var(--b-data-grid-border-width) solid var(--b-data-grid-border-color);border-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline .b-data-grid__columns-row[data-v-47ed24f7]{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-47ed24f7]:first-child{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-47ed24f7]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--overflow-shadow-left[data-v-47ed24f7]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);left:0}.b-data-grid--overflow-shadow-left .b-data-grid__columns-row[data-v-47ed24f7]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);left:0}.b-data-grid--overflow-shadow-left.b-data-grid--outline[data-v-47ed24f7]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);border-bottom-left-radius:var(--b-data-grid-border-radius);border-top-left-radius:var(--b-data-grid-border-radius);left:-1px}.b-data-grid--overflow-shadow-left.b-data-grid--outline .b-data-grid__columns-row[data-v-47ed24f7]:before{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-left-background);border-top-left-radius:var(--b-data-grid-border-radius);left:-1px}.b-data-grid--overflow-shadow-right[data-v-47ed24f7]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0}.b-data-grid--overflow-shadow-right .b-data-grid__columns-row[data-v-47ed24f7]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);right:0}.b-data-grid--overflow-shadow-right.b-data-grid--outline[data-v-47ed24f7]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);border-bottom-right-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius);right:-1px}.b-data-grid--overflow-shadow-right.b-data-grid--outline .b-data-grid__columns-row[data-v-47ed24f7]:after{content:"";height:100%;position:absolute;top:0;width:16px;z-index:1;background:var(--b-data-grid-overflow-shadow-right-background);border-top-right-radius:var(--b-data-grid-border-radius);right:-1px}.b-data-grid--scroll[data-v-47ed24f7]{display:flex;flex-direction:column;height:100%}.b-data-grid--fit-content .b-data-grid__body[data-v-47ed24f7]{flex:1}.b-data-grid--sticky-filters .b-data-grid__filters[data-v-47ed24f7]{position:sticky;z-index:var(--b-data-grid-filters-z-index)}.b-data-grid__body[data-v-47ed24f7]{overflow-x:auto;position:relative;width:100%}.b-data-grid__body--sticky-horizontal-scrollbar[data-v-47ed24f7]{scrollbar-width:none}.b-data-grid__header[data-v-47ed24f7]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);padding:var(--b-data-grid-header-padding)}.b-data-grid__columns[data-v-47ed24f7]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);break-inside:avoid;display:flex;position:relative;width:fit-content}.b-data-grid__columns-row[data-v-47ed24f7]{-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:scroll}.b-data-grid__columns-row[data-v-47ed24f7] ::-webkit-scrollbar{display:none}.b-data-grid__column-headers[data-v-47ed24f7]{background-color:var(--b-data-grid-column-headers-background-color);position:sticky;z-index:var(--b-data-grid-column-headers-z-index)}.b-data-grid__column-headers[data-v-47ed24f7]:focus-within{z-index:var(--b-data-grid-column-headers-focus-within-z-index)}.b-data-grid__footer[data-v-47ed24f7]{background-color:var(--b-data-grid-footer-background-color);padding:var(--b-data-grid-footer-padding);z-index:var(--b-data-grid-footer-z-index)}.b-data-grid__filters[data-v-47ed24f7]{background-color:var(--b-data-grid-filters-background-color);border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);justify-content:flex-end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__filters[data-v-47ed24f7]:focus-within{z-index:var(--b-data-grid-filters-focus-within-z-index)}.b-data-grid__filters--sticky[data-v-47ed24f7]{padding:var(--b-data-grid-filters-sticky-padding)}.b-data-grid__pagination[data-v-47ed24f7]{background-color:var(--b-data-grid-pagination-background-color);border-top:var(--b-data-grid-pagination-border-width) solid var(--b-data-grid-pagination-border-color);padding:var(--b-data-grid-pagination-padding);position:relative;z-index:var(--b-data-grid-pagination-z-index)}.b-data-grid__pagination[data-v-47ed24f7]:focus-within{z-index:var(--b-data-grid-pagination-focus-within-z-index)}.b-data-grid__pagination--padding-left-unset[data-v-47ed24f7]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-47ed24f7]{padding-right:0}.b-data-grid__pagination--sticky[data-v-47ed24f7]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-47ed24f7]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-47ed24f7]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-47ed24f7]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__empty-state[data-v-47ed24f7]{padding:var(--b-data-grid-empty-state-padding)}.b-data-grid__config-settings[data-v-47ed24f7]{display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}.b-data-grid__horizontal-scrollbar[data-v-47ed24f7]{background-color:var(--b-data-grid-horizontal-scrollbar-background-color);bottom:0;height:15px;overflow:auto hidden;position:sticky;z-index:var(--b-data-grid-horizontal-scrollbar-z-index)}.b-data-grid__horizontal-scrollbar--sticky-pagination[data-v-47ed24f7]{bottom:55px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-dialog-page[data-v-e8bbc7e3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;position:absolute;width:100%}.b-dialog-page[data-v-e8bbc7e3],.b-dialog-page[data-v-e8bbc7e3]:before,.b-dialog-page[data-v-e8bbc7e3]:after{box-sizing:border-box}.b-dialog-page[data-v-e8bbc7e3] *,.b-dialog-page[data-v-e8bbc7e3] *:before,.b-dialog-page[data-v-e8bbc7e3] *:after{box-sizing:border-box}.b-dialog-page[data-v-e8bbc7e3] ::-webkit-scrollbar{height:14px;width:14px}.b-dialog-page[data-v-e8bbc7e3] ::-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-dialog-page>div[data-v-e8bbc7e3]:first-child{border-top-left-radius:var(--b-dialog-page-border-radius);border-top-right-radius:var(--b-dialog-page-border-radius)}.b-dialog-page>div[data-v-e8bbc7e3]:last-child{border-bottom-left-radius:var(--b-dialog-page-border-radius);border-bottom-right-radius:var(--b-dialog-page-border-radius)}.b-dialog-page__header[data-v-e8bbc7e3]{border-bottom:var(--b-dialog-page-header-border-bottom);display:flex;flex:0 0 64px}.b-dialog-page__header--with-border[data-v-e8bbc7e3]{border-bottom:var(--b-dialog-page-header-with-border-border-bottom)}.b-dialog-page__back-button[data-v-e8bbc7e3]{align-self:center;display:flex;padding-left:var(--b-dialog-page-back-button-padding-left);z-index:var(--b-dialog-page-back-button-z-index)}.b-dialog-page__content[data-v-e8bbc7e3]{flex-grow:1;overflow:auto}.b-dialog-page__footer[data-v-e8bbc7e3]{border-top:var(--b-dialog-page-footer-border-top)}.b-dialog-page__footer--with-border[data-v-e8bbc7e3]{border-top:var(--b-dialog-page-footer-with-border-border-top)}.b-dialog-page__animation--level-deeper-enter-active[data-v-e8bbc7e3]{animation:fade-in-
|
|
1
|
+
.b-dialog-page[data-v-e8bbc7e3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;position:absolute;width:100%}.b-dialog-page[data-v-e8bbc7e3],.b-dialog-page[data-v-e8bbc7e3]:before,.b-dialog-page[data-v-e8bbc7e3]:after{box-sizing:border-box}.b-dialog-page[data-v-e8bbc7e3] *,.b-dialog-page[data-v-e8bbc7e3] *:before,.b-dialog-page[data-v-e8bbc7e3] *:after{box-sizing:border-box}.b-dialog-page[data-v-e8bbc7e3] ::-webkit-scrollbar{height:14px;width:14px}.b-dialog-page[data-v-e8bbc7e3] ::-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-dialog-page>div[data-v-e8bbc7e3]:first-child{border-top-left-radius:var(--b-dialog-page-border-radius);border-top-right-radius:var(--b-dialog-page-border-radius)}.b-dialog-page>div[data-v-e8bbc7e3]:last-child{border-bottom-left-radius:var(--b-dialog-page-border-radius);border-bottom-right-radius:var(--b-dialog-page-border-radius)}.b-dialog-page__header[data-v-e8bbc7e3]{border-bottom:var(--b-dialog-page-header-border-bottom);display:flex;flex:0 0 64px}.b-dialog-page__header--with-border[data-v-e8bbc7e3]{border-bottom:var(--b-dialog-page-header-with-border-border-bottom)}.b-dialog-page__back-button[data-v-e8bbc7e3]{align-self:center;display:flex;padding-left:var(--b-dialog-page-back-button-padding-left);z-index:var(--b-dialog-page-back-button-z-index)}.b-dialog-page__content[data-v-e8bbc7e3]{flex-grow:1;overflow:auto}.b-dialog-page__footer[data-v-e8bbc7e3]{border-top:var(--b-dialog-page-footer-border-top)}.b-dialog-page__footer--with-border[data-v-e8bbc7e3]{border-top:var(--b-dialog-page-footer-with-border-border-top)}.b-dialog-page__animation--level-deeper-enter-active[data-v-e8bbc7e3]{animation:fade-in-u5obx8o-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u5obx8o-e8bbc7e3{0%{opacity:0}to{opacity:1}}.b-dialog-page__animation--level-deeper-enter-active .b-dialog-page__header[data-v-e8bbc7e3]{animation:enter-u5obx9v-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u5obx9v-e8bbc7e3{0%{translate:120px 0}to{translate:0 0}}.b-dialog-page__animation--level-deeper-enter-active .b-dialog-page__content[data-v-e8bbc7e3],.b-dialog-page__animation--level-deeper-enter-active .b-dialog-page__footer[data-v-e8bbc7e3]{animation:enter-u5obxc4-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u5obxc4-e8bbc7e3{0%{translate:176px 0}to{translate:0 0}}.b-dialog-page__animation--level-deeper-enter-active .b-dialog-page__content[data-v-e8bbc7e3]{scrollbar-color:transparent transparent}.b-dialog-page__animation--level-deeper-leave-active[data-v-e8bbc7e3]{animation:fade-out-u5obxeb-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-linear),exit-u5obxeb-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-exit),scale-down-u5obxeb-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-u5obxeb-e8bbc7e3{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u5obxeb-e8bbc7e3{0%{scale:1}to{scale:1}}@keyframes exit-u5obxeb-e8bbc7e3{0%{translate:0 0}to{translate:-176px 0}}.b-dialog-page__animation--level-deeper-leave-active .b-dialog-page__content[data-v-e8bbc7e3]{scrollbar-color:transparent transparent}.b-dialog-page__animation--level-deeper-leave-active .b-dialog-page__footer[data-v-e8bbc7e3]{visibility:hidden}.b-dialog-page__animation--level-upper-enter-active[data-v-e8bbc7e3]{animation:fade-in-u5obxhf-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u5obxhf-e8bbc7e3{0%{opacity:0}to{opacity:1}}.b-dialog-page__animation--level-upper-enter-active .b-dialog-page__header[data-v-e8bbc7e3]{animation:enter-u5obxi3-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u5obxi3-e8bbc7e3{0%{translate:-120px 0}to{translate:0 0}}.b-dialog-page__animation--level-upper-enter-active .b-dialog-page__content[data-v-e8bbc7e3],.b-dialog-page__animation--level-upper-enter-active .b-dialog-page__footer[data-v-e8bbc7e3]{animation:enter-u5obxje-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u5obxje-e8bbc7e3{0%{translate:-176px 0}to{translate:0 0}}.b-dialog-page__animation--level-upper-enter-active .b-dialog-page__content[data-v-e8bbc7e3]{scrollbar-color:transparent transparent}.b-dialog-page__animation--level-upper-leave-active[data-v-e8bbc7e3]{animation:fade-out-u5obxk8-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-linear),exit-u5obxk8-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-exit),scale-down-u5obxk8-e8bbc7e3 var(--b-dialog-page-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-u5obxk8-e8bbc7e3{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u5obxk8-e8bbc7e3{0%{scale:1}to{scale:1}}@keyframes exit-u5obxk8-e8bbc7e3{0%{translate:0 0}to{translate:176px 0}}.b-dialog-page__animation--level-upper-leave-active .b-dialog-page__content[data-v-e8bbc7e3]{scrollbar-color:transparent transparent}.b-dialog-page__animation--level-upper-leave-active .b-dialog-page__footer[data-v-e8bbc7e3]{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-file-uploader-file-card[data-v-389ff9bd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fade-in-ull2jno-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ull2jno-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ull2jno-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-linear);align-items:center;background-color:var(--b-file-uploader-file-card-background-color);border-radius:var(--b-file-uploader-file-card-border-radius);display:flex;gap:var(--b-file-uploader-file-card-gap);padding:var(--b-file-uploader-file-card-padding);position:relative}.b-file-uploader-file-card[data-v-389ff9bd],.b-file-uploader-file-card[data-v-389ff9bd]:before,.b-file-uploader-file-card[data-v-389ff9bd]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-389ff9bd] *,.b-file-uploader-file-card[data-v-389ff9bd] *:before,.b-file-uploader-file-card[data-v-389ff9bd] *:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-389ff9bd] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-389ff9bd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@keyframes fade-in-ull2jno-389ff9bd{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ull2jno-389ff9bd{0%{scale:1}to{scale:1}}@keyframes enter-ull2jno-389ff9bd{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card--error[data-v-389ff9bd]{background-color:var(--b-file-uploader-file-card-error-background-color)}.b-file-uploader-file-card__actions[data-v-389ff9bd]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-file-uploader-file-card-actions-gap)}.b-file-uploader-file-card__animation-enter-active[data-v-389ff9bd],.b-file-uploader-file-card__animation-leave-active[data-v-389ff9bd]{transition:var(--b-file-uploader-file-card-animation-transition)}.b-file-uploader-file-card__animation-enter[data-v-389ff9bd]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-389ff9bd]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-389ff9bd]{transition:var(--b-file-uploader-file-card-animation-transition) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-389ff9bd]{position:absolute;transition:var(--b-file-uploader-file-card-animation-transition)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-389ff9bd]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-389ff9bd],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-389ff9bd]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-389ff9bd]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-389ff9bd]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-error-message-color);margin-top:var(--b-file-uploader-file-card-error-message-margin-top)}.b-file-uploader-file-card__file-name[data-v-389ff9bd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-389ff9bd]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-389ff9bd]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-blue-color)}.b-file-uploader-file-card__icon--error[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-error-color)}.b-file-uploader-file-card__icon--green[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-green-color)}.b-file-uploader-file-card__icon--grey[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-grey-color)}.b-file-uploader-file-card__icon--orange[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-orange-color)}.b-file-uploader-file-card__info[data-v-389ff9bd]{align-items:center;display:flex;gap:var(--b-file-uploader-file-card-info-gap)}.b-file-uploader-restrictions[data-v-6ad327db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-file-uploader-restrictions-color);display:flex;flex-direction:column;margin-top:var(--b-file-uploader-restrictions-margin-top);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-6ad327db],.b-file-uploader-restrictions[data-v-6ad327db]:before,.b-file-uploader-restrictions[data-v-6ad327db]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-6ad327db] *,.b-file-uploader-restrictions[data-v-6ad327db] *:before,.b-file-uploader-restrictions[data-v-6ad327db] *:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-6ad327db] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-6ad327db] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader-restrictions--condensed[data-v-6ad327db]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--disabled[data-v-6ad327db]{color:var(--b-file-uploader-restrictions-disabled-color)}.b-file-uploader-restrictions--error[data-v-6ad327db]{color:var(--b-file-uploader-restrictions-error-color)}.b-file-uploader[data-v-18f82422]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-file-uploader-gap)}.b-file-uploader[data-v-18f82422],.b-file-uploader[data-v-18f82422]:before,.b-file-uploader[data-v-18f82422]:after{box-sizing:border-box}.b-file-uploader[data-v-18f82422] *,.b-file-uploader[data-v-18f82422] *:before,.b-file-uploader[data-v-18f82422] *:after{box-sizing:border-box}.b-file-uploader[data-v-18f82422] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-18f82422] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader--disabled[data-v-18f82422]{cursor:not-allowed}.b-file-uploader__area[data-v-18f82422]{align-items:center;background-color:var(--b-file-uploader-area-background-color);border:var(--b-file-uploader-area-border);border-radius:var(--b-file-uploader-area-border-radius);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-file-uploader-area-padding)}@media (hover: hover){.b-file-uploader__area[data-v-18f82422]:hover{background-color:var(--b-file-uploader-area-hover-background-color)}}.b-file-uploader__area[data-v-18f82422]:focus-visible{outline:none;animation:outer-ring-default-18f82422 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-18f82422{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-file-uploader--condensed .b-file-uploader__area[data-v-18f82422]{flex-direction:row;padding:var(--b-file-uploader-area-condensed-padding)}.b-file-uploader--disabled .b-file-uploader__area[data-v-18f82422]{background-color:var(--b-file-uploader-area-disabled-background-color);border:var(--b-file-uploader-area-disabled-border);color:var(--b-file-uploader-area-disabled-color);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-18f82422],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-18f82422]{background-color:var(--b-file-uploader-area-drag-over-background-color);border:var(--b-file-uploader-area-drag-over-border)}.b-file-uploader--error .b-file-uploader__area[data-v-18f82422],.b-file-uploader--error:hover .b-file-uploader__area[data-v-18f82422]{background-color:var(--b-file-uploader-area-error-background-color);border:var(--b-file-uploader-area-error-border)}.b-file-uploader__button[data-v-18f82422]{border:var(--b-button-secondary-border);border-radius:var(--b-button-condensed-border-radius);color:var(--b-button-secondary-color);margin-top:var(--b-file-uploader-button-margin-top);padding:var(--b-button-condensed-secondary-padding)}.b-file-uploader--disabled .b-file-uploader__button[data-v-18f82422]{background-color:var(--b-button-secondary-disabled-background-color);border:var(--b-button-secondary-disabled-border);color:var(--b-button-secondary-disabled-color)}.b-file-uploader--condensed .b-file-uploader__button[data-v-18f82422]{border:0;margin-left:var(--b-file-uploader-button-condensed-margin-left);margin-top:0;padding:var(--b-button-tertiary-padding);text-decoration:var(--b-button-tertiary-text-decoration)}.b-file-uploader__invisible-comma[data-v-18f82422]{display:none}.b-file-uploader__description[data-v-18f82422]{color:var(--b-file-uploader-description-color);margin-top:var(--b-file-uploader-description-margin-top)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-18f82422]{color:var(--b-file-uploader-description-disabled-color)}.b-file-uploader__description--condensed[data-v-18f82422]{margin-top:0}.b-file-uploader__icon[data-v-18f82422]{background-color:var(--b-file-uploader-icon-background-color);border-radius:var(--b-file-uploader-icon-border-radius);height:var(--b-file-uploader-icon-height);padding:var(--b-file-uploader-icon-padding);pointer-events:none;width:var(--b-file-uploader-icon-width)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-18f82422]{background-color:var(--b-file-uploader-icon-drag-over-background-color);color:var(--b-file-uploader-icon-drag-over-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-18f82422]{background-color:var(--b-file-uploader-icon-error-background-color);color:var(--b-file-uploader-icon-error-color)}.b-file-uploader__input[data-v-18f82422]{display:none}.b-file-uploader__files[data-v-18f82422]{display:flex;flex-direction:column;gap:var(--b-file-uploader-files-gap)}.b-file-uploader__label[data-v-18f82422]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-18f82422]{margin-top:var(--b-file-uploader-title-margin-top)}
|
|
1
|
+
.b-file-uploader-file-card[data-v-389ff9bd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fade-in-u5obxqp-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u5obxqp-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u5obxqp-389ff9bd var(--b-animation-duration-moderate) var(--b-animation-easing-linear);align-items:center;background-color:var(--b-file-uploader-file-card-background-color);border-radius:var(--b-file-uploader-file-card-border-radius);display:flex;gap:var(--b-file-uploader-file-card-gap);padding:var(--b-file-uploader-file-card-padding);position:relative}.b-file-uploader-file-card[data-v-389ff9bd],.b-file-uploader-file-card[data-v-389ff9bd]:before,.b-file-uploader-file-card[data-v-389ff9bd]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-389ff9bd] *,.b-file-uploader-file-card[data-v-389ff9bd] *:before,.b-file-uploader-file-card[data-v-389ff9bd] *:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-389ff9bd] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-389ff9bd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@keyframes fade-in-u5obxqp-389ff9bd{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u5obxqp-389ff9bd{0%{scale:1}to{scale:1}}@keyframes enter-u5obxqp-389ff9bd{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card--error[data-v-389ff9bd]{background-color:var(--b-file-uploader-file-card-error-background-color)}.b-file-uploader-file-card__actions[data-v-389ff9bd]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-file-uploader-file-card-actions-gap)}.b-file-uploader-file-card__animation-enter-active[data-v-389ff9bd],.b-file-uploader-file-card__animation-leave-active[data-v-389ff9bd]{transition:var(--b-file-uploader-file-card-animation-transition)}.b-file-uploader-file-card__animation-enter[data-v-389ff9bd]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-389ff9bd]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-389ff9bd]{transition:var(--b-file-uploader-file-card-animation-transition) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-389ff9bd]{position:absolute;transition:var(--b-file-uploader-file-card-animation-transition)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-389ff9bd]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-389ff9bd],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-389ff9bd]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-389ff9bd]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-389ff9bd]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-error-message-color);margin-top:var(--b-file-uploader-file-card-error-message-margin-top)}.b-file-uploader-file-card__file-name[data-v-389ff9bd]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-389ff9bd]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-389ff9bd]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-blue-color)}.b-file-uploader-file-card__icon--error[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-error-color)}.b-file-uploader-file-card__icon--green[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-green-color)}.b-file-uploader-file-card__icon--grey[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-grey-color)}.b-file-uploader-file-card__icon--orange[data-v-389ff9bd]{color:var(--b-file-uploader-file-card-icon-orange-color)}.b-file-uploader-file-card__info[data-v-389ff9bd]{align-items:center;display:flex;gap:var(--b-file-uploader-file-card-info-gap)}.b-file-uploader-restrictions[data-v-6ad327db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-file-uploader-restrictions-color);display:flex;flex-direction:column;margin-top:var(--b-file-uploader-restrictions-margin-top);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-6ad327db],.b-file-uploader-restrictions[data-v-6ad327db]:before,.b-file-uploader-restrictions[data-v-6ad327db]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-6ad327db] *,.b-file-uploader-restrictions[data-v-6ad327db] *:before,.b-file-uploader-restrictions[data-v-6ad327db] *:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-6ad327db] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-6ad327db] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader-restrictions--condensed[data-v-6ad327db]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--disabled[data-v-6ad327db]{color:var(--b-file-uploader-restrictions-disabled-color)}.b-file-uploader-restrictions--error[data-v-6ad327db]{color:var(--b-file-uploader-restrictions-error-color)}.b-file-uploader[data-v-18f82422]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-file-uploader-gap)}.b-file-uploader[data-v-18f82422],.b-file-uploader[data-v-18f82422]:before,.b-file-uploader[data-v-18f82422]:after{box-sizing:border-box}.b-file-uploader[data-v-18f82422] *,.b-file-uploader[data-v-18f82422] *:before,.b-file-uploader[data-v-18f82422] *:after{box-sizing:border-box}.b-file-uploader[data-v-18f82422] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-18f82422] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader--disabled[data-v-18f82422]{cursor:not-allowed}.b-file-uploader__area[data-v-18f82422]{align-items:center;background-color:var(--b-file-uploader-area-background-color);border:var(--b-file-uploader-area-border);border-radius:var(--b-file-uploader-area-border-radius);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-file-uploader-area-padding)}@media (hover: hover){.b-file-uploader__area[data-v-18f82422]:hover{background-color:var(--b-file-uploader-area-hover-background-color)}}.b-file-uploader__area[data-v-18f82422]:focus-visible{outline:none;animation:outer-ring-default-18f82422 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-18f82422{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-file-uploader--condensed .b-file-uploader__area[data-v-18f82422]{flex-direction:row;padding:var(--b-file-uploader-area-condensed-padding)}.b-file-uploader--disabled .b-file-uploader__area[data-v-18f82422]{background-color:var(--b-file-uploader-area-disabled-background-color);border:var(--b-file-uploader-area-disabled-border);color:var(--b-file-uploader-area-disabled-color);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-18f82422],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-18f82422]{background-color:var(--b-file-uploader-area-drag-over-background-color);border:var(--b-file-uploader-area-drag-over-border)}.b-file-uploader--error .b-file-uploader__area[data-v-18f82422],.b-file-uploader--error:hover .b-file-uploader__area[data-v-18f82422]{background-color:var(--b-file-uploader-area-error-background-color);border:var(--b-file-uploader-area-error-border)}.b-file-uploader__button[data-v-18f82422]{border:var(--b-button-secondary-border);border-radius:var(--b-button-condensed-border-radius);color:var(--b-button-secondary-color);margin-top:var(--b-file-uploader-button-margin-top);padding:var(--b-button-condensed-secondary-padding)}.b-file-uploader--disabled .b-file-uploader__button[data-v-18f82422]{background-color:var(--b-button-secondary-disabled-background-color);border:var(--b-button-secondary-disabled-border);color:var(--b-button-secondary-disabled-color)}.b-file-uploader--condensed .b-file-uploader__button[data-v-18f82422]{border:0;margin-left:var(--b-file-uploader-button-condensed-margin-left);margin-top:0;padding:var(--b-button-tertiary-padding);text-decoration:var(--b-button-tertiary-text-decoration)}.b-file-uploader__invisible-comma[data-v-18f82422]{display:none}.b-file-uploader__description[data-v-18f82422]{color:var(--b-file-uploader-description-color);margin-top:var(--b-file-uploader-description-margin-top)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-18f82422]{color:var(--b-file-uploader-description-disabled-color)}.b-file-uploader__description--condensed[data-v-18f82422]{margin-top:0}.b-file-uploader__icon[data-v-18f82422]{background-color:var(--b-file-uploader-icon-background-color);border-radius:var(--b-file-uploader-icon-border-radius);height:var(--b-file-uploader-icon-height);padding:var(--b-file-uploader-icon-padding);pointer-events:none;width:var(--b-file-uploader-icon-width)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-18f82422]{background-color:var(--b-file-uploader-icon-drag-over-background-color);color:var(--b-file-uploader-icon-drag-over-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-18f82422]{background-color:var(--b-file-uploader-icon-error-background-color);color:var(--b-file-uploader-icon-error-color)}.b-file-uploader__input[data-v-18f82422]{display:none}.b-file-uploader__files[data-v-18f82422]{display:flex;flex-direction:column;gap:var(--b-file-uploader-files-gap)}.b-file-uploader__label[data-v-18f82422]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-18f82422]{margin-top:var(--b-file-uploader-title-margin-top)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-inspector[data-v-bb56d90a]{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-bb56d90a],.b-inspector[data-v-bb56d90a]:before,.b-inspector[data-v-bb56d90a]:after{box-sizing:border-box}.b-inspector[data-v-bb56d90a] *,.b-inspector[data-v-bb56d90a] *:before,.b-inspector[data-v-bb56d90a] *:after{box-sizing:border-box}.b-inspector[data-v-bb56d90a] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-bb56d90a] ::-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-bb56d90a]{box-shadow:var(--b-inspector-container-wrapper-box-shadow);position:absolute;right:0;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector__page-wrapper[data-v-bb56d90a]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-bb56d90a]{height:100%}.b-inspector__container-wrapper[data-v-bb56d90a]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-bb56d90a]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-bb56d90a]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-bb56d90a]{flex-grow:1}.b-inspector__icons[data-v-bb56d90a]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-bb56d90a]{flex-grow:1}.b-inspector__loading-indicator[data-v-bb56d90a]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-bb56d90a]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-bb56d90a]:focus-visible{clip:auto;height:auto;opacity:1;right:var(--b-inspector-return-content-right);width:auto;z-index:1}.b-inspector__return-content-description[data-v-bb56d90a]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-bb56d90a]{width:420px}.b-inspector--small .b-inspector__container[data-v-bb56d90a]{width:419px}@keyframes expand-small-bb56d90a{0%{width:0}to{width:420px}}@keyframes shrink-small-bb56d90a{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-bb56d90a]{animation:expand-small-bb56d90a var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-bb56d90a]{animation:shrink-small-bb56d90a var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-bb56d90a]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-bb56d90a]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-bb56d90a]{animation:enter-
|
|
1
|
+
.b-inspector[data-v-bb56d90a]{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-bb56d90a],.b-inspector[data-v-bb56d90a]:before,.b-inspector[data-v-bb56d90a]:after{box-sizing:border-box}.b-inspector[data-v-bb56d90a] *,.b-inspector[data-v-bb56d90a] *:before,.b-inspector[data-v-bb56d90a] *:after{box-sizing:border-box}.b-inspector[data-v-bb56d90a] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-bb56d90a] ::-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-bb56d90a]{box-shadow:var(--b-inspector-container-wrapper-box-shadow);position:absolute;right:0;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector__page-wrapper[data-v-bb56d90a]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-bb56d90a]{height:100%}.b-inspector__container-wrapper[data-v-bb56d90a]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-bb56d90a]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-bb56d90a]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-bb56d90a]{flex-grow:1}.b-inspector__icons[data-v-bb56d90a]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-bb56d90a]{flex-grow:1}.b-inspector__loading-indicator[data-v-bb56d90a]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-bb56d90a]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-bb56d90a]:focus-visible{clip:auto;height:auto;opacity:1;right:var(--b-inspector-return-content-right);width:auto;z-index:1}.b-inspector__return-content-description[data-v-bb56d90a]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-bb56d90a]{width:420px}.b-inspector--small .b-inspector__container[data-v-bb56d90a]{width:419px}@keyframes expand-small-bb56d90a{0%{width:0}to{width:420px}}@keyframes shrink-small-bb56d90a{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-bb56d90a]{animation:expand-small-bb56d90a var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-bb56d90a]{animation:shrink-small-bb56d90a var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-bb56d90a]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-bb56d90a]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-bb56d90a]{animation:enter-u5obxfx-bb56d90a var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u5obxfx-bb56d90a{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-bb56d90a]{animation:exit-u5obxh9-bb56d90a var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-u5obxh9-bb56d90a{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-bb56d90a]{width:595px}.b-inspector--large .b-inspector__container[data-v-bb56d90a]{width:594px}@keyframes expand-large-bb56d90a{0%{width:0}to{width:595px}}@keyframes shrink-large-bb56d90a{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-bb56d90a]{animation:expand-large-bb56d90a var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--large .b-inspector__animation-leave-active[data-v-bb56d90a]{animation:shrink-large-bb56d90a var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-bb56d90a]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-bb56d90a]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-bb56d90a]{animation:enter-u5obxjz-bb56d90a var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u5obxjz-bb56d90a{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-bb56d90a]{animation:exit-u5obxke-bb56d90a var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-u5obxke-bb56d90a{0%{translate:0 0}to{translate:100% 0}}
|
package/dist/assets/menu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-menu-item[data-v-4cecac65]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-4cecac65],.b-menu-item[data-v-4cecac65]:before,.b-menu-item[data-v-4cecac65]:after{box-sizing:border-box}.b-menu-item[data-v-4cecac65] *,.b-menu-item[data-v-4cecac65] *:before,.b-menu-item[data-v-4cecac65] *:after{box-sizing:border-box}.b-menu-item[data-v-4cecac65] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-4cecac65] ::-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-menu-item.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-4cecac65]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-4cecac65]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-4cecac65]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-4cecac65]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-4cecac65]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-4cecac65]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-4cecac65]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-4cecac65] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-4cecac65] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-4cecac65] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-4cecac65]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-4cecac65] .b-base-button__label{display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-4cecac65] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-shrink:0;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right}.b-menu-item[data-v-4cecac65] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-4cecac65] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-4cecac65] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-4cecac65] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-4cecac65]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-4cecac65]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-4cecac65]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-02a3ca45]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-02a3ca45],.b-menu-list-container[data-v-02a3ca45]:before,.b-menu-list-container[data-v-02a3ca45]:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] *,.b-menu-list-container[data-v-02a3ca45] *:before,.b-menu-list-container[data-v-02a3ca45] *:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-02a3ca45] ::-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-menu-list-container.b-menu--inverse[data-v-02a3ca45],.b-menu--inverse .b-menu-list-container[data-v-02a3ca45]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-621db243]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-621db243],.b-sub-menu-item-list[data-v-621db243]:before,.b-sub-menu-item-list[data-v-621db243]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] *,.b-sub-menu-item-list[data-v-621db243] *:before,.b-sub-menu-item-list[data-v-621db243] *:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-621db243] ::-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-sub-menu-item-list.b-menu--inverse[data-v-621db243],.b-menu--inverse .b-sub-menu-item-list[data-v-621db243]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-621db243]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-621db243]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-621db243]{animation:enter-ull2joi-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ull2joi-621db243{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-621db243]{animation:exit-ull2jor-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ull2jor-621db243{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-999aa4e9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;max-width:350px;min-width:150px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-999aa4e9],.b-menu-item-list[data-v-999aa4e9]:before,.b-menu-item-list[data-v-999aa4e9]:after{box-sizing:border-box}.b-menu-item-list[data-v-999aa4e9] *,.b-menu-item-list[data-v-999aa4e9] *:before,.b-menu-item-list[data-v-999aa4e9] *:after{box-sizing:border-box}.b-menu-item-list[data-v-999aa4e9] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-999aa4e9] ::-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-menu-item-list__divider[data-v-999aa4e9]{margin-block:var(--b-menu-item-list-divider-margin-block)}.b-menu[data-v-b6ba391e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-b6ba391e],.b-menu[data-v-b6ba391e]:before,.b-menu[data-v-b6ba391e]:after{box-sizing:border-box}.b-menu[data-v-b6ba391e] *,.b-menu[data-v-b6ba391e] *:before,.b-menu[data-v-b6ba391e] *:after{box-sizing:border-box}.b-menu[data-v-b6ba391e] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-b6ba391e] ::-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-menu__popover[data-v-b6ba391e]{width:auto}
|
|
1
|
+
.b-menu-item[data-v-4cecac65]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-4cecac65],.b-menu-item[data-v-4cecac65]:before,.b-menu-item[data-v-4cecac65]:after{box-sizing:border-box}.b-menu-item[data-v-4cecac65] *,.b-menu-item[data-v-4cecac65] *:before,.b-menu-item[data-v-4cecac65] *:after{box-sizing:border-box}.b-menu-item[data-v-4cecac65] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-4cecac65] ::-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-menu-item.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-4cecac65]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-4cecac65]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-4cecac65]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-4cecac65]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-4cecac65]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-4cecac65]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-4cecac65]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item--critical[data-v-4cecac65]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-4cecac65] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-4cecac65] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-4cecac65] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-4cecac65]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-4cecac65] .b-base-button__label{display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-4cecac65] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-shrink:0;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right}.b-menu-item[data-v-4cecac65] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-4cecac65] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-4cecac65] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-4cecac65] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-4cecac65]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item[data-v-4cecac65]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-4cecac65]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-4cecac65],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-4cecac65]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-02a3ca45]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-02a3ca45],.b-menu-list-container[data-v-02a3ca45]:before,.b-menu-list-container[data-v-02a3ca45]:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] *,.b-menu-list-container[data-v-02a3ca45] *:before,.b-menu-list-container[data-v-02a3ca45] *:after{box-sizing:border-box}.b-menu-list-container[data-v-02a3ca45] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-02a3ca45] ::-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-menu-list-container.b-menu--inverse[data-v-02a3ca45],.b-menu--inverse .b-menu-list-container[data-v-02a3ca45]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-621db243]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-621db243],.b-sub-menu-item-list[data-v-621db243]:before,.b-sub-menu-item-list[data-v-621db243]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] *,.b-sub-menu-item-list[data-v-621db243] *:before,.b-sub-menu-item-list[data-v-621db243] *:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-621db243] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-621db243] ::-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-sub-menu-item-list.b-menu--inverse[data-v-621db243],.b-menu--inverse .b-sub-menu-item-list[data-v-621db243]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-621db243]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-621db243]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-621db243]{animation:enter-u5obxr0-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-u5obxr0-621db243{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-621db243]{animation:exit-u5obxrm-621db243 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-u5obxrm-621db243{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-999aa4e9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;max-width:350px;min-width:150px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-999aa4e9],.b-menu-item-list[data-v-999aa4e9]:before,.b-menu-item-list[data-v-999aa4e9]:after{box-sizing:border-box}.b-menu-item-list[data-v-999aa4e9] *,.b-menu-item-list[data-v-999aa4e9] *:before,.b-menu-item-list[data-v-999aa4e9] *:after{box-sizing:border-box}.b-menu-item-list[data-v-999aa4e9] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-999aa4e9] ::-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-menu-item-list__divider[data-v-999aa4e9]{margin-block:var(--b-menu-item-list-divider-margin-block)}.b-menu[data-v-6f029bdb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-6f029bdb],.b-menu[data-v-6f029bdb]:before,.b-menu[data-v-6f029bdb]:after{box-sizing:border-box}.b-menu[data-v-6f029bdb] *,.b-menu[data-v-6f029bdb] *:before,.b-menu[data-v-6f029bdb] *:after{box-sizing:border-box}.b-menu[data-v-6f029bdb] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-6f029bdb] ::-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-menu__popover[data-v-6f029bdb]{width:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-modal-fullscreen-page[data-v-da0f0512]{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-da0f0512],.b-modal-fullscreen-page[data-v-da0f0512]:before,.b-modal-fullscreen-page[data-v-da0f0512]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] *,.b-modal-fullscreen-page[data-v-da0f0512] *:before,.b-modal-fullscreen-page[data-v-da0f0512] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-da0f0512] ::-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-da0f0512]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-da0f0512]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-da0f0512]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-da0f0512]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-da0f0512]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-da0f0512]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-da0f0512]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-da0f0512]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-da0f0512] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-da0f0512]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-da0f0512]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-d1fc82d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-d1fc82d6],.b-modal-fullscreen[data-v-d1fc82d6]:before,.b-modal-fullscreen[data-v-d1fc82d6]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-d1fc82d6] *,.b-modal-fullscreen[data-v-d1fc82d6] *:before,.b-modal-fullscreen[data-v-d1fc82d6] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-d1fc82d6] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-d1fc82d6] ::-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-d1fc82d6]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-d1fc82d6]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-d1fc82d6]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-d1fc82d6]{animation:fade-in-
|
|
1
|
+
.b-modal-fullscreen-page[data-v-da0f0512]{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-da0f0512],.b-modal-fullscreen-page[data-v-da0f0512]:before,.b-modal-fullscreen-page[data-v-da0f0512]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] *,.b-modal-fullscreen-page[data-v-da0f0512] *:before,.b-modal-fullscreen-page[data-v-da0f0512] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-da0f0512] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-da0f0512] ::-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-da0f0512]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-da0f0512]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-da0f0512]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-da0f0512]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-da0f0512]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-da0f0512]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-da0f0512]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-da0f0512]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-da0f0512] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-da0f0512]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-da0f0512]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-d1fc82d6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-d1fc82d6],.b-modal-fullscreen[data-v-d1fc82d6]:before,.b-modal-fullscreen[data-v-d1fc82d6]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-d1fc82d6] *,.b-modal-fullscreen[data-v-d1fc82d6] *:before,.b-modal-fullscreen[data-v-d1fc82d6] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-d1fc82d6] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-d1fc82d6] ::-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-d1fc82d6]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-d1fc82d6]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-d1fc82d6]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-d1fc82d6]{animation:fade-in-u5obx7x-d1fc82d6 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-u5obx7x-d1fc82d6 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-u5obx7x-d1fc82d6 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-u5obx7x-d1fc82d6{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u5obx7x-d1fc82d6{0%{scale:1}to{scale:1}}@keyframes enter-u5obx7x-d1fc82d6{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-d1fc82d6]{animation:fade-out-u5obxbs-d1fc82d6 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-u5obxbs-d1fc82d6 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-u5obxbs-d1fc82d6 var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-u5obxbs-d1fc82d6{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u5obxbs-d1fc82d6{0%{scale:1}to{scale:1}}@keyframes exit-u5obxbs-d1fc82d6{0%{translate:0 0}to{translate:0 64px}}
|
package/dist/assets/popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-popover-dismiss-button[data-v-df01cfb8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-df01cfb8],.b-popover-dismiss-button[data-v-df01cfb8]:before,.b-popover-dismiss-button[data-v-df01cfb8]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] *,.b-popover-dismiss-button[data-v-df01cfb8] *:before,.b-popover-dismiss-button[data-v-df01cfb8] *:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-df01cfb8] ::-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-popover-dismiss-button--on-image[data-v-df01cfb8]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-375290ea]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-375290ea],.b-popover[data-v-375290ea]:before,.b-popover[data-v-375290ea]:after{box-sizing:border-box}.b-popover[data-v-375290ea] *,.b-popover[data-v-375290ea] *:before,.b-popover[data-v-375290ea] *:after{box-sizing:border-box}.b-popover[data-v-375290ea] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-375290ea] ::-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: 376px){.b-popover[data-v-375290ea]{width:320px}}.b-popover[data-v-375290ea] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-375290ea]{width:fit-content}.b-popover--overflow-visible[data-v-375290ea]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-375290ea]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-375290ea]{width:200px}.b-popover--large[data-v-375290ea]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-375290ea]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-375290ea]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space>.b-popover__header[data-v-375290ea]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__content[data-v-375290ea]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__footer[data-v-375290ea]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-375290ea]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-375290ea]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-375290ea]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-375290ea]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-375290ea]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-375290ea]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-375290ea]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-375290ea]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-375290ea]{animation:fade-in-
|
|
1
|
+
.b-popover-dismiss-button[data-v-df01cfb8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-df01cfb8],.b-popover-dismiss-button[data-v-df01cfb8]:before,.b-popover-dismiss-button[data-v-df01cfb8]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] *,.b-popover-dismiss-button[data-v-df01cfb8] *:before,.b-popover-dismiss-button[data-v-df01cfb8] *:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-df01cfb8] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-df01cfb8] ::-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-popover-dismiss-button--on-image[data-v-df01cfb8]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-df01cfb8]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-375290ea]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-375290ea],.b-popover[data-v-375290ea]:before,.b-popover[data-v-375290ea]:after{box-sizing:border-box}.b-popover[data-v-375290ea] *,.b-popover[data-v-375290ea] *:before,.b-popover[data-v-375290ea] *:after{box-sizing:border-box}.b-popover[data-v-375290ea] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-375290ea] ::-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: 376px){.b-popover[data-v-375290ea]{width:320px}}.b-popover[data-v-375290ea] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-375290ea]{width:fit-content}.b-popover--overflow-visible[data-v-375290ea]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-375290ea]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-375290ea]{width:200px}.b-popover--large[data-v-375290ea]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-375290ea]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-375290ea]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space>.b-popover__header[data-v-375290ea]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__content[data-v-375290ea]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__footer[data-v-375290ea]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-375290ea]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-375290ea]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-375290ea]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-375290ea]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-375290ea]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-375290ea]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-375290ea]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-375290ea]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-375290ea]{animation:fade-in-u5obxdp-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u5obxdp-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u5obxdp-375290ea{0%{opacity:0}to{opacity:1}}@keyframes move-in-u5obxdp-375290ea{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-375290ea]{animation:fade-out-u5obxfm-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u5obxfm-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u5obxfm-375290ea{0%{opacity:1}to{opacity:0}}@keyframes move-out-u5obxfm-375290ea{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-375290ea]{animation:fade-in-u5obxhr-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u5obxhr-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u5obxhr-375290ea{0%{opacity:0}to{opacity:1}}@keyframes move-in-u5obxhr-375290ea{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-375290ea]{animation:fade-out-u5obxim-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u5obxim-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u5obxim-375290ea{0%{opacity:1}to{opacity:0}}@keyframes move-out-u5obxim-375290ea{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-375290ea]{animation:fade-in-u5obxl9-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u5obxl9-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u5obxl9-375290ea{0%{opacity:0}to{opacity:1}}@keyframes move-in-u5obxl9-375290ea{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-375290ea]{animation:fade-out-u5obxmf-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u5obxmf-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u5obxmf-375290ea{0%{opacity:1}to{opacity:0}}@keyframes move-out-u5obxmf-375290ea{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-375290ea]{animation:fade-in-u5obxmw-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-u5obxmw-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u5obxmw-375290ea{0%{opacity:0}to{opacity:1}}@keyframes move-in-u5obxmw-375290ea{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-375290ea]{animation:fade-out-u5obxnf-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-u5obxnf-375290ea var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u5obxnf-375290ea{0%{opacity:1}to{opacity:0}}@keyframes move-out-u5obxnf-375290ea{0%{left:0}to{left:-8px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-sidepanel-page[data-v-b0fa716c]{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-b0fa716c],.b-sidepanel-page[data-v-b0fa716c]:before,.b-sidepanel-page[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] *,.b-sidepanel-page[data-v-b0fa716c] *:before,.b-sidepanel-page[data-v-b0fa716c] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-b0fa716c] ::-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-b0fa716c]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-b0fa716c]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-b0fa716c]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-b0fa716c]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-34efe8c7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-34efe8c7],.b-sidepanel[data-v-34efe8c7]:before,.b-sidepanel[data-v-34efe8c7]:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] *,.b-sidepanel[data-v-34efe8c7] *:before,.b-sidepanel[data-v-34efe8c7] *:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-34efe8c7] ::-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-34efe8c7]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-34efe8c7]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-34efe8c7]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-34efe8c7]{overflow:hidden}.b-sidepanel[data-v-34efe8c7]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-34efe8c7]::backdrop{opacity:.4}.b-sidepanel[open][data-v-34efe8c7]{animation:enter-
|
|
1
|
+
.b-sidepanel-page[data-v-b0fa716c]{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-b0fa716c],.b-sidepanel-page[data-v-b0fa716c]:before,.b-sidepanel-page[data-v-b0fa716c]:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] *,.b-sidepanel-page[data-v-b0fa716c] *:before,.b-sidepanel-page[data-v-b0fa716c] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-b0fa716c] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-b0fa716c] ::-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-b0fa716c]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-b0fa716c]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-b0fa716c]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-b0fa716c]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-34efe8c7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-34efe8c7],.b-sidepanel[data-v-34efe8c7]:before,.b-sidepanel[data-v-34efe8c7]:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] *,.b-sidepanel[data-v-34efe8c7] *:before,.b-sidepanel[data-v-34efe8c7] *:after{box-sizing:border-box}.b-sidepanel[data-v-34efe8c7] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-34efe8c7] ::-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-34efe8c7]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-34efe8c7]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-34efe8c7]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-34efe8c7]{overflow:hidden}.b-sidepanel[data-v-34efe8c7]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-34efe8c7]::backdrop{opacity:.4}.b-sidepanel[open][data-v-34efe8c7]{animation:enter-u5obx8w-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-u5obx8w-34efe8c7{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-34efe8c7]::backdrop{animation:fade-in-u5obxav-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-u5obxav-34efe8c7{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-34efe8c7]{animation:exit-u5obxdh-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-u5obxdh-34efe8c7{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-34efe8c7]::backdrop{animation:fade-out-u5obxeo-34efe8c7 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-u5obxeo-34efe8c7{0%{opacity:.5}to{opacity:0}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as F, computed as c, ref as _, toRefs as G, watch as E, provide as U, nextTick as f, createBlock as b, openBlock as d, Transition as L, withCtx as B, createElementVNode as h, unref as t, normalizeClass as W, createElementBlock as K, createCommentVNode as M, createVNode as y, createTextVNode as z, toDisplayString as S } from "vue";
|
|
2
2
|
import { B as D } from "./button.AB0SOQMn.js";
|
|
3
3
|
import { B as J } from "./typography.DN5eC5ch.js";
|
|
4
|
-
import { B as Z } from "./button-actions-with-menu.
|
|
4
|
+
import { B as Z } from "./button-actions-with-menu.8ZYh7-9s.js";
|
|
5
5
|
import { C as j } from "./cross.B92GxFTY.js";
|
|
6
6
|
import { u as q } from "./i18n.B6g5VX0q.js";
|
|
7
7
|
import { u as Y } from "./index.FNUaPG4G.js";
|
|
@@ -200,4 +200,4 @@ const N = {
|
|
|
200
200
|
export {
|
|
201
201
|
be as B
|
|
202
202
|
};
|
|
203
|
-
//# sourceMappingURL=action-bar.
|
|
203
|
+
//# sourceMappingURL=action-bar.CflF49oL.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-bar.C93kgr7l.js","sources":["../../../vue2/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, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, 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<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n (e: 'cancel'): void;\n (e: 'save'): void;\n }>();\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","props","__props","emit","__emit","t","tc","n","useI18n","label","computed","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAR,EAAA,CAAA,GACAS,IAAAC,EAAA,MAAAT,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAd,CAAA,GACA,EAAA,OAAAe,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAT,EAAA,YAAA,cAAA;AAEA,IAAAoB;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,IAAAb,EAAA,OAAA;AAAA,MAA2C,+BAAAG,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAA,CAAA;AAGA,UAAAC,IAAAhB,EAAA,MAAA;AAEI,YAAAiB,IAAA1B,EAAA,QAAA,IAAA,CAAA2B,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,IAAArB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJ6B,IAAA,YAAA;AACI,YAAAC,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,KAAA,OAAAO,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAc,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,MAAAO,EAAA,QAAA,MACIA,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ;AAIJ,WAAAb;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAmB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAtB,EAAA;AACI;AAEJ,cAAA0B,IAAAF,IAAAC;AACA,QAAApB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCmB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"action-bar.CflF49oL.js","sources":["../../../vue2/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, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, 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<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n (e: 'cancel'): void;\n (e: 'save'): void;\n }>();\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","props","__props","emit","__emit","t","tc","n","useI18n","label","computed","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuPIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMA,UAAAC,IAAAC,GAuDAC,IAAAC,GASA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAR,EAAA,CAAA,GACAS,IAAAC,EAAA,MAAAT,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAd,CAAA,GACA,EAAA,OAAAe,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAV,EAAA,MAAAT,EAAA,YAAA,cAAA;AAEA,IAAAoB;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,IAAAb,EAAA,OAAA;AAAA,MAA2C,+BAAAG,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAA,CAAA;AAGA,UAAAC,IAAAhB,EAAA,MAAA;AAEI,YAAAiB,IAAA1B,EAAA,QAAA,IAAA,CAAA2B,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,IAAArB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJ6B,IAAA,YAAA;AACI,YAAAC,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,KAAA,OAAAO,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAc,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAjB,EAAA,QAAAL,EAAA,MAAA,cAAA,MAAAO,EAAA,QAAA,MACIA,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ;AAIJ,WAAAb;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAmB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAtB,EAAA;AACI;AAEJ,cAAA0B,IAAAF,IAAAC;AACA,QAAApB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCmB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/chunks/{button-actions-with-menu.DUccmaB2.js → button-actions-with-menu.8ZYh7-9s.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as v, watch as b, nextTick as f, defineComponent as A, toRef as y, computed as p, provide as _, createElementBlock as B, openBlock as h, createElementVNode as w, normalizeClass as N, createVNode as k, createBlock as E, createCommentVNode as C, unref as I } from "vue";
|
|
2
|
-
import { M as W, B as T } from "./menu.
|
|
2
|
+
import { M as W, B as T } from "./menu.EtjeOPXX.js";
|
|
3
3
|
import { f as M, B as R } from "./button-actions.CZdO9YOk.js";
|
|
4
4
|
import { u as g } from "./index.FNUaPG4G.js";
|
|
5
5
|
import { _ as O } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
@@ -88,4 +88,4 @@ const L = (m) => {
|
|
|
88
88
|
export {
|
|
89
89
|
P as B
|
|
90
90
|
};
|
|
91
|
-
//# sourceMappingURL=button-actions-with-menu.
|
|
91
|
+
//# sourceMappingURL=button-actions-with-menu.8ZYh7-9s.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-actions-with-menu.
|
|
1
|
+
{"version":3,"file":"button-actions-with-menu.8ZYh7-9s.js","sources":["../../../vue2/src/components/internal/button-actions-with-menu/composables/use-responsive-actions.ts","../../../vue2/src/components/internal/button-actions-with-menu/button-actions-with-menu.vue"],"sourcesContent":["import { useWindowSize } from '@vueuse/core';\nimport { nextTick, Ref, ref, watch } from 'vue';\n\ninterface UseResponsiveActionsProps {\n breakpoint?: number;\n container: Ref<HTMLElement>;\n defaultActionsCount: number;\n offset?: Ref<HTMLElement>;\n}\n\nexport const useResponsiveActions = (props: UseResponsiveActionsProps) => {\n const { breakpoint, container, defaultActionsCount, offset } = props;\n\n const { width: windowWidth } = useWindowSize();\n\n const displayedActionsCount = ref<number>(defaultActionsCount);\n\n const AVERAGE_BUTTON_WIDTH = 150; // button size + gap\n\n const showActions = async () => {\n await nextTick();\n\n const availableSpace = container.value.clientWidth;\n const totalActionWidth =\n AVERAGE_BUTTON_WIDTH * displayedActionsCount.value +\n (offset?.value?.offsetWidth ?? 0) +\n AVERAGE_BUTTON_WIDTH;\n\n // Only add actions if there's enough space and we haven't reached max\n if (availableSpace >= totalActionWidth && displayedActionsCount.value < defaultActionsCount) {\n displayedActionsCount.value += 1;\n\n showActions(); // keep trying to show more\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n\n const availableSpace = container.value.clientWidth;\n const totalActionWidth = AVERAGE_BUTTON_WIDTH * displayedActionsCount.value + (offset?.value?.offsetWidth ?? 0);\n\n // Hide actions if they overflow the container\n if (availableSpace < totalActionWidth && displayedActionsCount.value > 0) {\n displayedActionsCount.value -= 1;\n\n hideActions(); // keep hiding until it fits\n }\n };\n\n watch([windowWidth, container], async ([newWidth, containerEl], [oldWidth]) => {\n if (!containerEl || !defaultActionsCount || newWidth > breakpoint) {\n return;\n }\n\n await nextTick();\n\n const isIncreasing = newWidth > oldWidth;\n\n if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n });\n\n return {\n displayedActionsCount,\n };\n};\n","<template>\n <div class=\"b-button-actions-with-menu\">\n <div\n ref=\"buttonActionsWithMenu\"\n role=\"group\"\n class=\"b-button-actions-with-menu__container-wrapper\"\n :class=\"conditionalClasses\"\n >\n <bento-button-actions :actions=\"computedActions\" :inverse=\"inverse\" :layout=\"actionsLayout\" />\n <bento-menu\n v-if=\"computedMenuActions.length\"\n ref=\"menu\"\n :data=\"computedMenuActions\"\n :menu-position=\"menuPosition\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoButtonActions } from '@/components/button';\n import { BentoMenuItem } from '@/components/menu/components/menu-item/menu-item.types';\n import { MENU_INVERSE_INJECTION_KEY } from '@/components/menu/menu.keys';\n import BentoMenu from '@/components/menu/menu.vue';\n import { computed, provide, ref, toRef } from 'vue';\n import { BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY } from './button-actions-with-menu.keys';\n import { ButtonActionsWithMenuProps } from './button-actions-with-menu.types';\n import { useResponsiveActions } from './composables/use-responsive-actions';\n\n const props = withDefaults(defineProps<ButtonActionsWithMenuProps>(), {\n actionsLayout: 'buttons-end',\n disableResponsiveBehavior: false,\n displayedActions: undefined,\n inverse: false,\n hideDisplayedActionsBreakpoint: 0,\n menuPosition: 'bottom-start',\n });\n\n const inverseRef = toRef(props, 'inverse');\n const buttonActionsWithMenu = ref<HTMLDivElement>(null);\n const menu = ref(null);\n const stackButtons = ref(false);\n\n const computedActions = computed(() => {\n const displayedActionsLimit = props.hideDisplayedActionsBreakpoint\n ? displayedActionsCount.value\n : props.displayedActions;\n\n return props.actions.slice(0, displayedActionsLimit);\n });\n const computedMenuRef = computed(() => menu?.value?.$el);\n\n const { displayedActionsCount } = useResponsiveActions({\n breakpoint: props.hideDisplayedActionsBreakpoint,\n container: buttonActionsWithMenu,\n defaultActionsCount: props.displayedActions,\n offset: computedMenuRef,\n });\n\n provide(MENU_INVERSE_INJECTION_KEY, inverseRef);\n\n if (!props.disableResponsiveBehavior) {\n provide(BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY, { buttonActionsWithMenu, menu, stackButtons });\n }\n\n const conditionalClasses = computed(() => ({\n [`b-button-actions-with-menu__container-wrapper--buttons-end`]: props.actionsLayout === 'buttons-end',\n [`b-button-actions-with-menu__container-wrapper--buttons-start`]: props.actionsLayout === 'buttons-start',\n [`b-button-actions-with-menu__container-wrapper--stacked-buttons`]: stackButtons.value,\n }));\n\n const computedMenuActions = computed(() =>\n displayedActionsCount.value !== undefined && displayedActionsCount.value < props.actions.length\n ? (props.actions.slice(displayedActionsCount.value, props.actions.length).map(el => ({\n text: el.title,\n handler: el.event,\n icon: el.icon,\n critical: el.critical,\n disabled: el.disabled,\n })) as BentoMenuItem[])\n : []\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An internal button actions component with the option to display some of the actions in a menu.\n *\n * @example\n * <button-actions-with-menu\n * :actions=\"[\n * {\n * title: 'Primary',\n * event: () => { ... },\n * icon: FourPeopleIcon,\n * link: {\n * variant: 'default',\n * external: true,\n * to: 'https://www.adyen.com/'\n * },\n * },\n * {\n * title: 'Secondary',\n * event: () => { ... }\n * disabled: true,\n * variant: BentoButtonVariant.PRIMARY,\n * critical: true\n * }]\"\n * :displayedActions=\"2\"\n * />\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions-with-menu.scss\" />\n"],"names":["useResponsiveActions","props","breakpoint","container","defaultActionsCount","offset","windowWidth","useWindowSize","displayedActionsCount","ref","AVERAGE_BUTTON_WIDTH","showActions","nextTick","availableSpace","totalActionWidth","_a","hideActions","watch","newWidth","containerEl","oldWidth","__default__","__props","inverseRef","toRef","buttonActionsWithMenu","menu","stackButtons","computedActions","computed","displayedActionsLimit","computedMenuRef","provide","MENU_INVERSE_INJECTION_KEY","BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY","conditionalClasses","computedMenuActions","el"],"mappings":";;;;;;AAUa,MAAAA,IAAA,CAAAC,MAAA;AACT,QAAA,EAAA,YAAAC,GAAA,WAAAC,GAAA,qBAAAC,GAAA,QAAAC,EAAA,IAAAJ,GAEA,EAAA,OAAAK,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAAL,CAAA,GAEAM,IAAA,KAEAC,IAAA,YAAA;;AACI,UAAAC,EAAA;AAEA,UAAAC,IAAAV,EAAA,MAAA,aACAW,IAAAJ,IAAAF,EAAA,WAAAO,IAAAV,KAAA,gBAAAA,EAAA,UAAA,gBAAAU,EAAA,gBAAA,KAAAL;AAMA,IAAAG,KAAAC,KAAAN,EAAA,QAAAJ,MACII,EAAA,SAAA,GAEAG,EAAA;AAAA,EACJ,GAGJK,IAAA,YAAA;;AACI,UAAAJ,EAAA;AAEA,UAAAC,IAAAV,EAAA,MAAA,aACAW,IAAAJ,IAAAF,EAAA,WAAAO,IAAAV,KAAA,gBAAAA,EAAA,UAAA,gBAAAU,EAAA,gBAAA;AAGA,IAAAF,IAAAC,KAAAN,EAAA,QAAA,MACIA,EAAA,SAAA,GAEAQ,EAAA;AAAA,EACJ;AAGJ,SAAAC,EAAA,CAAAX,GAAAH,CAAA,GAAA,OAAA,CAAAe,GAAAC,CAAA,GAAA,CAAAC,CAAA,MAAA;AACI,QAAA,CAAAD,KAAA,CAAAf,KAAAc,IAAAhB;AACI;AAGJ,UAAAU,EAAA,GAEAM,IAAAE,IAGIT,EAAA,IAEAK,EAAA;AAAA,EACJ,CAAA,GAGJ;AAAA,IAAO,uBAAAR;AAAA,EACH;AAER,gDC0CIa,IAAA,CAAA;;;;;;;;;;;;;AAlFA,UAAApB,IAAAqB,GASAC,IAAAC,EAAAvB,GAAA,SAAA,GACAwB,IAAAhB,EAAA,IAAA,GACAiB,IAAAjB,EAAA,IAAA,GACAkB,IAAAlB,EAAA,EAAA,GAEAmB,IAAAC,EAAA,MAAA;AACI,YAAAC,IAAA7B,EAAA,iCAAAO,EAAA,QAAAP,EAAA;AAIA,aAAAA,EAAA,QAAA,MAAA,GAAA6B,CAAA;AAAA,IAAmD,CAAA,GAEvDC,IAAAF,EAAA,MAAA;;AAAA,cAAAd,IAAAW,KAAA,gBAAAA,EAAA,UAAA,gBAAAX,EAAA;AAAA,KAAA,GAEA,EAAA,uBAAAP,EAAA,IAAAR,EAAA;AAAA,MAAuD,YAAAC,EAAA;AAAA,MACjC,WAAAwB;AAAA,MACP,qBAAAxB,EAAA;AAAA,MACgB,QAAA8B;AAAA,IACnB,CAAA;AAGZ,IAAAC,EAAAC,GAAAV,CAAA,GAEAtB,EAAA,6BACI+B,EAAAE,GAAA,EAAA,uBAAAT,GAAA,MAAAC,GAAA,cAAAC,EAAA,CAAA;AAGJ,UAAAQ,IAAAN,EAAA,OAAA;AAAA,MAA2C,8DAAA5B,EAAA,kBAAA;AAAA,MACiD,gEAAAA,EAAA,kBAAA;AAAA,MACE,kEAAA0B,EAAA;AAAA,IACT,EAAA,GAGrFS,IAAAP;AAAA,MAA4B,MAAArB,EAAA,UAAA,UAAAA,EAAA,QAAAP,EAAA,QAAA,SAAAA,EAAA,QAAA,MAAAO,EAAA,OAAAP,EAAA,QAAA,MAAA,EAAA,IAAA,CAAAoC,OAAA;AAAA,QAEiE,MAAAA,EAAA;AAAA,QACtE,SAAAA,EAAA;AAAA,QACG,MAAAA,EAAA;AAAA,QACH,UAAAA,EAAA;AAAA,QACI,UAAAA,EAAA;AAAA,MACA,EAAA,IAAA,CAAA;AAAA,IAEhB;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as K, ref as y, computed as f, shallowRef as V, onMounted as q, watch as ee, watchEffect as te, resolveComponent as ae, createElementBlock as _, openBlock as s, normalizeClass as $, createCommentVNode as p, createBlock as g, createElementVNode as S, createVNode as C, unref as l, mergeProps as ne, withCtx as h, createTextVNode as B, toDisplayString as E, renderSlot as oe, normalizeProps as se, guardReactiveProps as le } from "vue";
|
|
2
2
|
import { s as re, H as ie, t as e, L as ce, a as de, b as pe, c as ue, p as ge, j as me, d as fe, x as he, e as Oe, E as be, h as ve, k as ye, C as x, f as w, i as _e, g as Q, l as Se, m as Ce } from "./codemirror.Zv80n3Z2.js";
|
|
3
3
|
import { b as Ne, c as Pe, d as Te, e as Le } from "./es6.n1ewaW31.js";
|
|
4
|
-
import { B as ke } from "./dropdown.
|
|
4
|
+
import { B as ke } from "./dropdown.CMOYmQLB.js";
|
|
5
5
|
import { B as Y } from "./button.AB0SOQMn.js";
|
|
6
6
|
import { B as H } from "./typography.DN5eC5ch.js";
|
|
7
7
|
import { B as Ee } from "./loading-indicator.DEepb9Wl.js";
|
|
@@ -331,4 +331,4 @@ export {
|
|
|
331
331
|
O as b,
|
|
332
332
|
pt as c
|
|
333
333
|
};
|
|
334
|
-
//# sourceMappingURL=code-snippet.
|
|
334
|
+
//# sourceMappingURL=code-snippet.D5M76Qy6.js.map
|