@adyen/bento-vue3 1.74.0 → 1.75.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/index.d.ts +1660 -614
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/button-actions.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid-template.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown-tag.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/selection-card-group.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/chunks/{code-snippet.CO78Nfj0.js → code-snippet.Bjf1ma1L.js} +2 -2
- package/dist/chunks/{code-snippet.CO78Nfj0.js.map → code-snippet.Bjf1ma1L.js.map} +1 -1
- package/dist/chunks/data-grid.8Neri_45.js +4146 -0
- package/dist/chunks/data-grid.8Neri_45.js.map +1 -0
- package/dist/chunks/{date-range-picker.cmg75lC-.js → date-range-picker.DSMt6XMF.js} +3 -3
- package/dist/chunks/{date-range-picker.cmg75lC-.js.map → date-range-picker.DSMt6XMF.js.map} +1 -1
- package/dist/chunks/dropdown-tag.DFeoXIgH.js +242 -0
- package/dist/chunks/dropdown-tag.DFeoXIgH.js.map +1 -0
- package/dist/chunks/{dropdown.bLsoTZbw.js → dropdown.KStrJVoP.js} +2 -2
- package/dist/chunks/{dropdown.bLsoTZbw.js.map → dropdown.KStrJVoP.js.map} +1 -1
- package/dist/chunks/es6.MoTTyETW.js.map +1 -1
- package/dist/chunks/{filter-bar.nX73NKNC.js → filter-bar.C6A0MJ8m.js} +9 -8
- package/dist/chunks/filter-bar.C6A0MJ8m.js.map +1 -0
- package/dist/chunks/{header-with-views.BLW817ZC.js → header-with-views.f5BlTD7U.js} +2 -2
- package/dist/chunks/{header-with-views.BLW817ZC.js.map → header-with-views.f5BlTD7U.js.map} +1 -1
- package/dist/chunks/{input-field-password.BtM3-txc.js → input-field-password.BGyFeRu0.js} +185 -167
- package/dist/chunks/input-field-password.BGyFeRu0.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.oaNB69nM.js → input-field-phone-number.DSvCOtqX.js} +3 -3
- package/dist/chunks/{input-field-phone-number.oaNB69nM.js.map → input-field-phone-number.DSvCOtqX.js.map} +1 -1
- package/dist/chunks/{input-field.D_tADgPG.js → input-field.Dm47icwU.js} +124 -119
- package/dist/chunks/input-field.Dm47icwU.js.map +1 -0
- package/dist/chunks/{pagination.D1Gdo5to.js → pagination.BaBWNlIF.js} +2 -2
- package/dist/chunks/{pagination.D1Gdo5to.js.map → pagination.BaBWNlIF.js.map} +1 -1
- package/dist/chunks/radio-group.DWNqrkZ3.js.map +1 -1
- package/dist/chunks/{search-bar.BD_R-vgA.js → search-bar.CbNBCQnM.js} +3 -3
- package/dist/chunks/{search-bar.BD_R-vgA.js.map → search-bar.CbNBCQnM.js.map} +1 -1
- package/dist/chunks/{secondary-nav.Du2PL7Ok.js → secondary-nav.DXsgUTqk.js} +2 -2
- package/dist/chunks/{secondary-nav.Du2PL7Ok.js.map → secondary-nav.DXsgUTqk.js.map} +1 -1
- package/dist/chunks/selection-card-group.F8alOPtl.js +412 -0
- package/dist/chunks/{selection-card-group._RgLiMyQ.js.map → selection-card-group.F8alOPtl.js.map} +1 -1
- package/dist/chunks/textarea.C1jkfowf.js.map +1 -1
- package/dist/chunks/{use-cached-selected-values.C32tjNKy.js → use-cached-selected-values.8MdrR9wt.js} +501 -467
- package/dist/chunks/use-cached-selected-values.8MdrR9wt.js.map +1 -0
- package/dist/code-snippet.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-range-picker.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/filter-bar.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/index.js +15 -15
- 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/pagination.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/styles/bento-dark.css +1 -1
- package/dist/styles/bento-light.css +1 -1
- package/dist/styles/bento.css +1 -1
- package/dist/styles/legacy.css +1 -1
- package/dist/styles/styleguide.css +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +5 -5
- package/dist/chunks/data-grid.BjPdbx50.js +0 -4071
- package/dist/chunks/data-grid.BjPdbx50.js.map +0 -1
- package/dist/chunks/dropdown-tag.DvQQIJsw.js +0 -308
- package/dist/chunks/dropdown-tag.DvQQIJsw.js.map +0 -1
- package/dist/chunks/filter-bar.nX73NKNC.js.map +0 -1
- package/dist/chunks/input-field-password.BtM3-txc.js.map +0 -1
- package/dist/chunks/input-field.D_tADgPG.js.map +0 -1
- package/dist/chunks/selection-card-group._RgLiMyQ.js +0 -474
- package/dist/chunks/use-cached-selected-values.C32tjNKy.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
button[data-v-3556e231]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-3556e231]:focus-visible{outline:none}.b-filter-bar-button[data-v-3556e231]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;padding:var(--b-filter-bar-button-container-padding);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-3556e231],.b-filter-bar-button[data-v-3556e231]:before,.b-filter-bar-button[data-v-3556e231]:after{box-sizing:border-box}.b-filter-bar-button[data-v-3556e231] *,.b-filter-bar-button[data-v-3556e231] *:before,.b-filter-bar-button[data-v-3556e231] *:after{box-sizing:border-box}.b-filter-bar-button[data-v-3556e231] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-3556e231] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-filter-bar-button[data-v-3556e231]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-3556e231]{background-color:var(--b-filter-bar-button-counter-hover-background-color);color:var(--b-filter-bar-button-counter-hover-color)}}.b-filter-bar-button[data-v-3556e231]:disabled,.b-filter-bar-button[data-v-3556e231]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-3556e231],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-disabled-color)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-3556e231],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-3556e231]{background-color:var(--b-filter-bar-button-counter-disabled-background-color);color:var(--b-filter-bar-button-counter-disabled-color)}.b-filter-bar-button[data-v-3556e231]:focus-visible{animation:outer-ring-default-3556e231 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);z-index:1}@keyframes outer-ring-default-3556e231{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--icon-only[data-v-3556e231]{padding:var(--b-filter-bar-button-icon-only-padding)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-3556e231]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-3556e231]:not(:hover){background-color:var(--b-filter-bar-button-filter-open-background-color);border:var(--b-filter-bar-button-filter-open-border);color:var(--b-filter-bar-button-filter-open-color)}.b-filter-bar-button--filter-open-applied[data-v-3556e231]:not(:hover){background-color:var(--b-filter-bar-button-applied-filter-open-background-color);border:var(--b-filter-bar-button-applied-filter-open-border);color:var(--b-filter-bar-button-applied-filter-open-color)}.b-filter-bar-button--with-counter[data-v-3556e231]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-filter-bar-button-with-counter-padding-right)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-3556e231]{padding-right:var(--b-filter-bar-button-with-counter-container-padding-right)}.b-filter-bar-button--applied[data-v-3556e231]{background-color:var(--b-filter-bar-button-applied-background-color);border:var(--b-filter-bar-button-applied-border);color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied[data-v-3556e231]:hover{background-color:var(--b-filter-bar-button-applied-hover-background-color);border:var(--b-filter-bar-button-applied-hover-border);color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied[data-v-3556e231]:disabled,.b-filter-bar-button--applied[data-v-3556e231]:disabled:not(:focus){background-color:var(--b-filter-bar-button-applied-disabled-background-color);border:var(--b-filter-bar-button-applied-disabled-border);color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-3556e231],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button__container[data-v-3556e231]{align-items:center;display:flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-3556e231]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-3556e231]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-3556e231],.b-filter-bar-button__secondary-label[data-v-3556e231]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__icon-left[data-v-3556e231],.b-filter-bar-button__icon-right[data-v-3556e231]{display:inline-flex}button[data-v-9ce16194]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-9ce16194]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-9ce16194]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-9ce16194],.b-filter-bar-button-group[data-v-9ce16194]:before,.b-filter-bar-button-group[data-v-9ce16194]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-9ce16194] *,.b-filter-bar-button-group[data-v-9ce16194] *:before,.b-filter-bar-button-group[data-v-9ce16194] *:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-9ce16194] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-9ce16194] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-border);padding-inline-end:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:last-child):hover{border-inline-end:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-border);padding-inline-start:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:first-child):hover{border-inline-start:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-9ce16194] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-active-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-9ce16194] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-active-border)}.b-base-filter[data-v-7f7255ee]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-7f7255ee],.b-base-filter[data-v-7f7255ee]:before,.b-base-filter[data-v-7f7255ee]:after{box-sizing:border-box}.b-base-filter[data-v-7f7255ee] *,.b-base-filter[data-v-7f7255ee] *:before,.b-base-filter[data-v-7f7255ee] *:after{box-sizing:border-box}.b-base-filter[data-v-7f7255ee] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-7f7255ee] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter[data-v-cfef2e49]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-filter-padding)}.b-input-filter[data-v-cfef2e49],.b-input-filter[data-v-cfef2e49]:before,.b-input-filter[data-v-cfef2e49]:after{box-sizing:border-box}.b-input-filter[data-v-cfef2e49] *,.b-input-filter[data-v-cfef2e49] *:before,.b-input-filter[data-v-cfef2e49] *:after{box-sizing:border-box}.b-input-filter[data-v-cfef2e49] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-cfef2e49] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-cfef2e49]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-input-with-dropdown-filter[data-v-f10e25d2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-with-dropdown-filter-padding)}.b-input-with-dropdown-filter[data-v-f10e25d2],.b-input-with-dropdown-filter[data-v-f10e25d2]:before,.b-input-with-dropdown-filter[data-v-f10e25d2]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f10e25d2] *,.b-input-with-dropdown-filter[data-v-f10e25d2] *:before,.b-input-with-dropdown-filter[data-v-f10e25d2] *:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f10e25d2] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-f10e25d2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-with-dropdown-filter--only-slot[data-v-f10e25d2]{padding:var(--b-filter-bar-input-with-dropdown-filter-only-slot-padding)}.b-date-filter[data-v-66a62c70]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-date-filter-padding)}.b-date-filter[data-v-66a62c70],.b-date-filter[data-v-66a62c70]:before,.b-date-filter[data-v-66a62c70]:after{box-sizing:border-box}.b-date-filter[data-v-66a62c70] *,.b-date-filter[data-v-66a62c70] *:before,.b-date-filter[data-v-66a62c70] *:after{box-sizing:border-box}.b-date-filter[data-v-66a62c70] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-66a62c70] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-filter__divider[data-v-66a62c70]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-51244862] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-51244862]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-51244862],.b-date-range-filter[data-v-51244862]:before,.b-date-range-filter[data-v-51244862]:after{box-sizing:border-box}.b-date-range-filter[data-v-51244862] *,.b-date-range-filter[data-v-51244862] *:before,.b-date-range-filter[data-v-51244862] *:after{box-sizing:border-box}.b-date-range-filter[data-v-51244862] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-51244862] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-range-filter__actions[data-v-51244862]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-date-range-filter__divider[data-v-51244862]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter-button[data-v-425e708e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-425e708e],.b-select-filter-button[data-v-425e708e]:before,.b-select-filter-button[data-v-425e708e]:after{box-sizing:border-box}.b-select-filter-button[data-v-425e708e] *,.b-select-filter-button[data-v-425e708e] *:before,.b-select-filter-button[data-v-425e708e] *:after{box-sizing:border-box}.b-select-filter-button[data-v-425e708e] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-425e708e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-425e708e]{margin:var(--b-filter-bar-select-filter-button-divider-margin)}.b-select-filter-button__search-bar[data-v-425e708e]{padding:var(--b-filter-bar-select-filter-button-search-bar-padding)}.b-select-filter-button__search-bar-wrapper[data-v-425e708e]{margin-top:var(--b-filter-bar-select-filter-button-search-bar-wrapper-margin-top)}.b-select-filter-button__wrapper[data-v-425e708e]{max-height:270px}.b-boolean-filter[data-v-7772a6d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-boolean-filter-padding)}.b-boolean-filter[data-v-7772a6d5],.b-boolean-filter[data-v-7772a6d5]:before,.b-boolean-filter[data-v-7772a6d5]:after{box-sizing:border-box}.b-boolean-filter[data-v-7772a6d5] *,.b-boolean-filter[data-v-7772a6d5] *:before,.b-boolean-filter[data-v-7772a6d5] *:after{box-sizing:border-box}.b-boolean-filter[data-v-7772a6d5] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-7772a6d5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-7772a6d5]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-355c6c3b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-range-filter-padding)}.b-range-filter[data-v-355c6c3b],.b-range-filter[data-v-355c6c3b]:before,.b-range-filter[data-v-355c6c3b]:after{box-sizing:border-box}.b-range-filter[data-v-355c6c3b] *,.b-range-filter[data-v-355c6c3b] *:before,.b-range-filter[data-v-355c6c3b] *:after{box-sizing:border-box}.b-range-filter[data-v-355c6c3b] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-355c6c3b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-355c6c3b]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-355c6c3b]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-af9efc73]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-af9efc73]:focus-visible{outline:none}.b-base-filter-button[data-v-af9efc73]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-af9efc73],.b-base-filter-button[data-v-af9efc73]:before,.b-base-filter-button[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] *,.b-base-filter-button[data-v-af9efc73] *:before,.b-base-filter-button[data-v-af9efc73] *:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-base-filter-button[data-v-af9efc73]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}}.b-base-filter-button[data-v-af9efc73] .b-base-button__label{width:100%}.b-base-filter-button[data-v-af9efc73]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button[data-v-af9efc73]:disabled,.b-base-filter-button[data-v-af9efc73]:disabled:not(:focus){background-color:var(--b-filter-button-disabled-background-color);color:var(--b-filter-button-disabled-font-color);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-af9efc73],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-disabled-background-color);color:var(--b-filter-button-counter-disabled-font-color)}.b-base-filter-button[data-v-af9efc73]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button--filter-open[data-v-af9efc73]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button__default-container[data-v-af9efc73]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-background-color);border-radius:var(--b-filter-button-counter-border-radius);color:var(--b-filter-button-counter-font-color);padding:var(--b-filter-button-counter-padding)}.b-base-filter-button__counter-wrapper[data-v-af9efc73]{align-items:center;display:flex}.b-base-filter-button__label[data-v-af9efc73]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-af9efc73]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-af9efc73],.b-base-filter-button__icon-right[data-v-af9efc73]{display:inline-flex}.b-all-filters-modal-button[data-v-b96a672f]{background-color:var(--b-filter-button-modal-background-color);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-b96a672f]{background-color:var(--b-filter-button-modal-open-background-color)}.b-all-filters-modal-button[data-v-b96a672f],.b-all-filters-modal-button[data-v-b96a672f]:before,.b-all-filters-modal-button[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] *,.b-all-filters-modal-button[data-v-b96a672f] *:before,.b-all-filters-modal-button[data-v-b96a672f] *:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-all-filters-modal[data-v-cf3baf81]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-cf3baf81],.b-all-filters-modal[data-v-cf3baf81]:before,.b-all-filters-modal[data-v-cf3baf81]:after{box-sizing:border-box}.b-all-filters-modal[data-v-cf3baf81] *,.b-all-filters-modal[data-v-cf3baf81] *:before,.b-all-filters-modal[data-v-cf3baf81] *:after{box-sizing:border-box}.b-all-filters-modal[data-v-cf3baf81] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-cf3baf81] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-cf3baf81] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-cf3baf81] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__content{flex:1;padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-cf3baf81] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-cf3baf81]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-cf3baf81]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-cf3baf81]{color:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding);text-align:center}.b-all-filters-modal__filters-list[data-v-cf3baf81]{list-style:none;margin:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding:var(--b-filter-bar-all-filters-modal-filters-list-padding)}.b-all-filters-modal__filters-section[data-v-cf3baf81]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-list-gap)}.b-all-filters-modal__filters-section-title[data-v-cf3baf81]{color:var(--b-filter-bar-all-filters-modal-filters-list-title-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-title-padding)}.b-all-filters-modal__selected-filter-content[data-v-cf3baf81]{display:flex;flex-direction:column;height:100%;padding:var(--b-filter-bar-all-filters-modal-selected-filter-content-padding)}.b-all-filters-modal__selected-filter-component[data-v-cf3baf81]{flex:1}.b-all-filters-modal__clear-button[data-v-cf3baf81]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-cf3baf81]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-content-text-gap);margin-bottom:var(--b-filter-bar-all-filters-modal-content-text-margin-bottom)}.b-filter-bar[data-v-08825006]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-08825006],.b-filter-bar[data-v-08825006]:before,.b-filter-bar[data-v-08825006]:after{box-sizing:border-box}.b-filter-bar[data-v-08825006] *,.b-filter-bar[data-v-08825006] *:before,.b-filter-bar[data-v-08825006] *:after{box-sizing:border-box}.b-filter-bar[data-v-08825006] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-08825006] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__all-filters-modal[data-v-08825006],.b-filter-bar__clear-all[data-v-08825006],.b-filter-bar__reset-all[data-v-08825006]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-08825006]{margin-bottom:var(--b-filter-bar-search-external-container-margin-bottom)}.b-filter-bar__fixed-scroller[data-v-08825006] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-08825006] .b-fixed-scroller__left .b-button--condensed{height:var(--b-filter-bar-fixed-scroller-button-condensed-height);max-height:var(--b-filter-bar-fixed-scroller-button-condensed-max-height)}.b-filter-bar__container[data-v-08825006]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-08825006]{display:flex;flex-wrap:wrap;gap:var(--b-filter-bar-filters-gap)}@container (min-width: 700px){.b-filter-bar__search-bar[data-v-08825006]{max-width:200px;min-width:200px}}.b-filter-bar__scroller-content[data-v-08825006]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-08825006]{min-width:180px}
|
|
1
|
+
button[data-v-3556e231]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-3556e231]:focus-visible{outline:none}.b-filter-bar-button[data-v-3556e231]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-bar-button-background-color);border:var(--b-filter-bar-button-border);border-radius:var(--b-filter-bar-button-border-radius);color:var(--b-filter-bar-button-color);cursor:pointer;display:inline-flex;height:var(--b-filter-bar-button-height);justify-content:center;padding:var(--b-filter-bar-button-container-padding);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-3556e231],.b-filter-bar-button[data-v-3556e231]:before,.b-filter-bar-button[data-v-3556e231]:after{box-sizing:border-box}.b-filter-bar-button[data-v-3556e231] *,.b-filter-bar-button[data-v-3556e231] *:before,.b-filter-bar-button[data-v-3556e231] *:after{box-sizing:border-box}.b-filter-bar-button[data-v-3556e231] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-3556e231] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-filter-bar-button[data-v-3556e231]:hover{background-color:var(--b-filter-bar-button-hover-background-color);color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-hover-color)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-3556e231]{background-color:var(--b-filter-bar-button-counter-hover-background-color);color:var(--b-filter-bar-button-counter-hover-color)}}.b-filter-bar-button[data-v-3556e231]:disabled,.b-filter-bar-button[data-v-3556e231]:disabled:not(:focus){background-color:var(--b-filter-bar-button-disabled-background-color);color:var(--b-filter-bar-button-disabled-color);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-3556e231],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-disabled-color)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-3556e231],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-3556e231]{background-color:var(--b-filter-bar-button-counter-disabled-background-color);color:var(--b-filter-bar-button-counter-disabled-color)}.b-filter-bar-button[data-v-3556e231]:focus-visible{animation:outer-ring-default-3556e231 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);z-index:1}@keyframes outer-ring-default-3556e231{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--icon-only[data-v-3556e231]{padding:var(--b-filter-bar-button-icon-only-padding)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-3556e231]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-3556e231]:not(:hover){background-color:var(--b-filter-bar-button-filter-open-background-color);border:var(--b-filter-bar-button-filter-open-border);color:var(--b-filter-bar-button-filter-open-color)}.b-filter-bar-button--filter-open-applied[data-v-3556e231]:not(:hover){background-color:var(--b-filter-bar-button-applied-filter-open-background-color);border:var(--b-filter-bar-button-applied-filter-open-border);color:var(--b-filter-bar-button-applied-filter-open-color)}.b-filter-bar-button--with-counter[data-v-3556e231]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-filter-bar-button-with-counter-padding-right)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-3556e231]{padding-right:var(--b-filter-bar-button-with-counter-container-padding-right)}.b-filter-bar-button--applied[data-v-3556e231]{background-color:var(--b-filter-bar-button-applied-background-color);border:var(--b-filter-bar-button-applied-border);color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-applied-color)}.b-filter-bar-button--applied[data-v-3556e231]:hover{background-color:var(--b-filter-bar-button-applied-hover-background-color);border:var(--b-filter-bar-button-applied-hover-border);color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-applied-hover-color)}.b-filter-bar-button--applied[data-v-3556e231]:disabled,.b-filter-bar-button--applied[data-v-3556e231]:disabled:not(:focus){background-color:var(--b-filter-bar-button-applied-disabled-background-color);border:var(--b-filter-bar-button-applied-disabled-border);color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-3556e231],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-3556e231]{color:var(--b-filter-bar-button-applied-disabled-color)}.b-filter-bar-button__container[data-v-3556e231]{align-items:center;display:flex;gap:var(--b-filter-bar-button-container-gap);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-3556e231]{background-color:var(--b-filter-bar-button-counter-background-color);border-radius:var(--b-filter-bar-button-counter-border-radius);color:var(--b-filter-bar-button-counter-color);padding:var(--b-filter-bar-button-counter-padding)}.b-filter-bar-button__label-container[data-v-3556e231]{align-items:center;display:inline-flex;gap:var(--b-filter-bar-button-label-container-gap)}.b-filter-bar-button__label[data-v-3556e231],.b-filter-bar-button__secondary-label[data-v-3556e231]{display:inline-flex;line-height:var(--b-filter-bar-button-label-line-height);vertical-align:middle}.b-filter-bar-button__icon-left[data-v-3556e231],.b-filter-bar-button__icon-right[data-v-3556e231]{display:inline-flex}button[data-v-9ce16194]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-9ce16194]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-9ce16194]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-9ce16194],.b-filter-bar-button-group[data-v-9ce16194]:before,.b-filter-bar-button-group[data-v-9ce16194]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-9ce16194] *,.b-filter-bar-button-group[data-v-9ce16194] *:before,.b-filter-bar-button-group[data-v-9ce16194] *:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-9ce16194] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-9ce16194] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-border);padding-inline-end:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:last-child):hover{border-inline-end:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-border);padding-inline-start:var(--b-filter-bar-button-group-button-padding)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:first-child):hover{border-inline-start:var(--b-filter-bar-button-group-button-hover-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-9ce16194] button:not(:last-child){border-inline-end:var(--b-filter-bar-button-group-button-active-border)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-9ce16194] button:not(:first-child){border-inline-start:var(--b-filter-bar-button-group-button-active-border)}.b-base-filter[data-v-0b7847c0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-0b7847c0],.b-base-filter[data-v-0b7847c0]:before,.b-base-filter[data-v-0b7847c0]:after{box-sizing:border-box}.b-base-filter[data-v-0b7847c0] *,.b-base-filter[data-v-0b7847c0] *:before,.b-base-filter[data-v-0b7847c0] *:after{box-sizing:border-box}.b-base-filter[data-v-0b7847c0] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-0b7847c0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter[data-v-cfef2e49]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-filter-padding)}.b-input-filter[data-v-cfef2e49],.b-input-filter[data-v-cfef2e49]:before,.b-input-filter[data-v-cfef2e49]:after{box-sizing:border-box}.b-input-filter[data-v-cfef2e49] *,.b-input-filter[data-v-cfef2e49] *:before,.b-input-filter[data-v-cfef2e49] *:after{box-sizing:border-box}.b-input-filter[data-v-cfef2e49] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-cfef2e49] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-cfef2e49]{padding:var(--b-filter-bar-input-filter-only-slot-padding)}.b-input-with-dropdown-filter[data-v-f10e25d2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-input-with-dropdown-filter-padding)}.b-input-with-dropdown-filter[data-v-f10e25d2],.b-input-with-dropdown-filter[data-v-f10e25d2]:before,.b-input-with-dropdown-filter[data-v-f10e25d2]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f10e25d2] *,.b-input-with-dropdown-filter[data-v-f10e25d2] *:before,.b-input-with-dropdown-filter[data-v-f10e25d2] *:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f10e25d2] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-f10e25d2] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-with-dropdown-filter--only-slot[data-v-f10e25d2]{padding:var(--b-filter-bar-input-with-dropdown-filter-only-slot-padding)}.b-date-filter[data-v-66a62c70]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-date-filter-padding)}.b-date-filter[data-v-66a62c70],.b-date-filter[data-v-66a62c70]:before,.b-date-filter[data-v-66a62c70]:after{box-sizing:border-box}.b-date-filter[data-v-66a62c70] *,.b-date-filter[data-v-66a62c70] *:before,.b-date-filter[data-v-66a62c70] *:after{box-sizing:border-box}.b-date-filter[data-v-66a62c70] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-66a62c70] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-filter__divider[data-v-66a62c70]{margin-top:var(--b-filter-bar-date-filter-divider-margin-top)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-51244862] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-51244862]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-51244862],.b-date-range-filter[data-v-51244862]:before,.b-date-range-filter[data-v-51244862]:after{box-sizing:border-box}.b-date-range-filter[data-v-51244862] *,.b-date-range-filter[data-v-51244862] *:before,.b-date-range-filter[data-v-51244862] *:after{box-sizing:border-box}.b-date-range-filter[data-v-51244862] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-51244862] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-range-filter__actions[data-v-51244862]{padding:var(--b-filter-bar-date-range-filter-actions-padding)}.b-date-range-filter__divider[data-v-51244862]{margin:var(--b-filter-bar-date-range-filter-divider-margin)}.b-select-filter-button[data-v-425e708e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-425e708e],.b-select-filter-button[data-v-425e708e]:before,.b-select-filter-button[data-v-425e708e]:after{box-sizing:border-box}.b-select-filter-button[data-v-425e708e] *,.b-select-filter-button[data-v-425e708e] *:before,.b-select-filter-button[data-v-425e708e] *:after{box-sizing:border-box}.b-select-filter-button[data-v-425e708e] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-425e708e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-425e708e]{margin:var(--b-filter-bar-select-filter-button-divider-margin)}.b-select-filter-button__search-bar[data-v-425e708e]{padding:var(--b-filter-bar-select-filter-button-search-bar-padding)}.b-select-filter-button__search-bar-wrapper[data-v-425e708e]{margin-top:var(--b-filter-bar-select-filter-button-search-bar-wrapper-margin-top)}.b-select-filter-button__wrapper[data-v-425e708e]{max-height:270px}.b-boolean-filter[data-v-7772a6d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-boolean-filter-padding)}.b-boolean-filter[data-v-7772a6d5],.b-boolean-filter[data-v-7772a6d5]:before,.b-boolean-filter[data-v-7772a6d5]:after{box-sizing:border-box}.b-boolean-filter[data-v-7772a6d5] *,.b-boolean-filter[data-v-7772a6d5] *:before,.b-boolean-filter[data-v-7772a6d5] *:after{box-sizing:border-box}.b-boolean-filter[data-v-7772a6d5] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-7772a6d5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-7772a6d5]{padding:var(--b-filter-bar-boolean-filter-only-slot-padding)}.b-range-filter[data-v-355c6c3b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-filter-bar-range-filter-padding)}.b-range-filter[data-v-355c6c3b],.b-range-filter[data-v-355c6c3b]:before,.b-range-filter[data-v-355c6c3b]:after{box-sizing:border-box}.b-range-filter[data-v-355c6c3b] *,.b-range-filter[data-v-355c6c3b] *:before,.b-range-filter[data-v-355c6c3b] *:after{box-sizing:border-box}.b-range-filter[data-v-355c6c3b] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-355c6c3b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-355c6c3b]{padding-top:var(--b-filter-bar-range-filter-item-padding)}.b-range-filter--only-slot[data-v-355c6c3b]{padding:var(--b-filter-bar-range-filter-only-slot-padding)}button[data-v-af9efc73]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-af9efc73]:focus-visible{outline:none}.b-base-filter-button[data-v-af9efc73]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-filter-button-background-color);color:var(--b-filter-button-font-color);cursor:pointer;height:40px;justify-content:center;padding:var(--b-filter-button-padding);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-af9efc73],.b-base-filter-button[data-v-af9efc73]:before,.b-base-filter-button[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] *,.b-base-filter-button[data-v-af9efc73] *:before,.b-base-filter-button[data-v-af9efc73] *:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-base-filter-button[data-v-af9efc73]:hover{background-color:var(--b-filter-button-hover-background-color);color:var(--b-filter-button-hover-text-color)}}.b-base-filter-button[data-v-af9efc73] .b-base-button__label{width:100%}.b-base-filter-button[data-v-af9efc73]:active:not(:disabled){background-color:var(--b-filter-button-active-background-color)}.b-base-filter-button[data-v-af9efc73]:disabled,.b-base-filter-button[data-v-af9efc73]:disabled:not(:focus){background-color:var(--b-filter-button-disabled-background-color);color:var(--b-filter-button-disabled-font-color);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-af9efc73],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-disabled-background-color);color:var(--b-filter-button-counter-disabled-font-color)}.b-base-filter-button[data-v-af9efc73]:focus-visible{background-color:var(--b-filter-button-modal-focus-background-color)}.b-base-filter-button--filter-open[data-v-af9efc73]{background-color:var(--b-filter-button-modal-open-background-color)}.b-base-filter-button__default-container[data-v-af9efc73]{align-items:center;display:flex;gap:var(--b-filter-button-default-container-gap);width:100%}.b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-filter-button-counter-background-color);border-radius:var(--b-filter-button-counter-border-radius);color:var(--b-filter-button-counter-font-color);padding:var(--b-filter-button-counter-padding)}.b-base-filter-button__counter-wrapper[data-v-af9efc73]{align-items:center;display:flex}.b-base-filter-button__label[data-v-af9efc73]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-af9efc73]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-af9efc73],.b-base-filter-button__icon-right[data-v-af9efc73]{display:inline-flex}.b-all-filters-modal-button[data-v-b96a672f]{background-color:var(--b-filter-button-modal-background-color);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-b96a672f]{background-color:var(--b-filter-button-modal-open-background-color)}.b-all-filters-modal-button[data-v-b96a672f],.b-all-filters-modal-button[data-v-b96a672f]:before,.b-all-filters-modal-button[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] *,.b-all-filters-modal-button[data-v-b96a672f] *:before,.b-all-filters-modal-button[data-v-b96a672f] *:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-filter-button-modal-hover-background-color);color:var(--b-filter-button-modal-hover-color)}}.b-all-filters-modal[data-v-cf3baf81]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-cf3baf81],.b-all-filters-modal[data-v-cf3baf81]:before,.b-all-filters-modal[data-v-cf3baf81]:after{box-sizing:border-box}.b-all-filters-modal[data-v-cf3baf81] *,.b-all-filters-modal[data-v-cf3baf81] *:before,.b-all-filters-modal[data-v-cf3baf81] *:after{box-sizing:border-box}.b-all-filters-modal[data-v-cf3baf81] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-cf3baf81] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-cf3baf81] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-cf3baf81] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__content{flex:1;padding:var(--b-filter-bar-all-filters-modal-content-padding)}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding-right:var(--b-filter-bar-all-filters-modal-filters-list-margin)}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-cf3baf81] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-cf3baf81] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-cf3baf81]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-gap)}.b-all-filters-modal__search-bar[data-v-cf3baf81]{padding:var(--b-filter-bar-all-filters-modal-search-bar-padding)}.b-all-filters-modal__empty-search-message[data-v-cf3baf81]{color:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-empty-search-message-padding);text-align:center}.b-all-filters-modal__filters-list[data-v-cf3baf81]{list-style:none;margin:var(--b-filter-bar-all-filters-modal-filters-list-margin);padding:var(--b-filter-bar-all-filters-modal-filters-list-padding)}.b-all-filters-modal__filters-section[data-v-cf3baf81]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-filters-list-gap)}.b-all-filters-modal__filters-section-title[data-v-cf3baf81]{color:var(--b-filter-bar-all-filters-modal-filters-list-title-color);padding:var(--b-filter-bar-all-filters-modal-filters-list-title-padding)}.b-all-filters-modal__selected-filter-content[data-v-cf3baf81]{display:flex;flex-direction:column;height:100%;padding:var(--b-filter-bar-all-filters-modal-selected-filter-content-padding)}.b-all-filters-modal__selected-filter-component[data-v-cf3baf81]{flex:1}.b-all-filters-modal__clear-button[data-v-cf3baf81]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-cf3baf81]{display:flex;flex-direction:column;gap:var(--b-filter-bar-all-filters-modal-content-text-gap);margin-bottom:var(--b-filter-bar-all-filters-modal-content-text-margin-bottom)}.b-filter-bar[data-v-08825006]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-08825006],.b-filter-bar[data-v-08825006]:before,.b-filter-bar[data-v-08825006]:after{box-sizing:border-box}.b-filter-bar[data-v-08825006] *,.b-filter-bar[data-v-08825006] *:before,.b-filter-bar[data-v-08825006] *:after{box-sizing:border-box}.b-filter-bar[data-v-08825006] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-08825006] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__all-filters-modal[data-v-08825006],.b-filter-bar__clear-all[data-v-08825006],.b-filter-bar__reset-all[data-v-08825006]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-08825006]{margin-bottom:var(--b-filter-bar-search-external-container-margin-bottom)}.b-filter-bar__fixed-scroller[data-v-08825006] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-08825006] .b-fixed-scroller__left .b-button--condensed{height:var(--b-filter-bar-fixed-scroller-button-condensed-height);max-height:var(--b-filter-bar-fixed-scroller-button-condensed-max-height)}.b-filter-bar__container[data-v-08825006]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-08825006]{display:flex;flex-wrap:wrap;gap:var(--b-filter-bar-filters-gap)}@container (min-width: 700px){.b-filter-bar__search-bar[data-v-08825006]{max-width:200px;min-width:200px}}.b-filter-bar__scroller-content[data-v-08825006]{display:flex;gap:var(--b-filter-bar-scroller-content-gap)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-08825006]{min-width:180px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-input-field-password[data-v-
|
|
1
|
+
.b-input-field-password[data-v-5ff7942d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-input-field-password[data-v-5ff7942d],.b-input-field-password[data-v-5ff7942d]:before,.b-input-field-password[data-v-5ff7942d]:after{box-sizing:border-box}.b-input-field-password[data-v-5ff7942d] *,.b-input-field-password[data-v-5ff7942d] *:before,.b-input-field-password[data-v-5ff7942d] *:after{box-sizing:border-box}.b-input-field-password[data-v-5ff7942d] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field-password[data-v-5ff7942d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-field-password__input[data-v-5ff7942d] .b-input-field__input{font-variant-numeric:slashed-zero}.b-input-field-password__caps-lock-indicator[data-v-5ff7942d]{display:flex}.b-input-field-password__input-tooltip--timed[data-v-5ff7942d]{margin-left:calc(var(--b-input-field-icon-before-margin-left) / 2);margin-top:calc(var(--b-field-label-margin-bottom) * -1)}.b-input-field-password__validation-title[data-v-5ff7942d]{font-weight:var(--b-input-field-password-validation-title-font-weight)}.b-input-field-password__validation-list[data-v-5ff7942d]{display:flex;flex-direction:column;gap:var(--b-input-field-password-validation-list-gap);margin-block:var(--b-input-field-password-validation-list-margin);padding-inline-start:0}.b-input-field-password__validation-list--invalid[data-v-5ff7942d],.b-input-field-password__validation-list--valid[data-v-5ff7942d]{align-items:center;display:flex;list-style-type:none}.b-input-field-password__validation-list--invalid[data-v-5ff7942d]{color:var(--b-input-field-password-validation-list-invalid-color)}.b-input-field-password__validation-list--valid .b-input-field-password__validation-list-icon[data-v-5ff7942d]{color:var(--b-input-field-password-validation-list-valid-icon-color)}.b-input-field-password__validation-list-icon[data-v-5ff7942d]{display:flex}.b-input-field-password__validation-list-text[data-v-5ff7942d]{font-variant-numeric:slashed-zero;margin-inline-start:var(--b-input-field-password-validation-list-text-margin-left)}.b-input-field-password__validation-status--valid[data-v-5ff7942d]{border:0;clip:rect(0,0,0,0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.b-input-field[data-v-
|
|
1
|
+
@charset "UTF-8";.b-input-field[data-v-22a1a159]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-22a1a159],.b-input-field[data-v-22a1a159]:before,.b-input-field[data-v-22a1a159]:after{box-sizing:border-box}.b-input-field[data-v-22a1a159] *,.b-input-field[data-v-22a1a159] *:before,.b-input-field[data-v-22a1a159] *:after{box-sizing:border-box}.b-input-field[data-v-22a1a159] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field[data-v-22a1a159] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-field--condensed .b-input-field__input-box[data-v-22a1a159]{height:28px}.b-input-field--condensed .b-input-field__icon-before[data-v-22a1a159]{margin-left:var(--b-input-field-icon-before-condensed-margin-left)}.b-input-field--condensed .b-input-field__icon-after[data-v-22a1a159]{margin-right:var(--b-input-field-icon-after-condensed-margin-right)}.b-input-field--condensed .b-input-field__input[data-v-22a1a159]{margin:var(--b-input-field-input-condensed-margin)}.b-input-field--condensed .b-input-field__payment-method[data-v-22a1a159]{margin-left:var(--b-input-field-payment-method-condensed-margin-left)}.b-input-field--condensed .b-input-field__static-value[data-v-22a1a159]{height:20px;word-break:keep-all}.b-input-field--condensed .b-input-field__static-value--end[data-v-22a1a159]{margin-right:var(--b-input-field-static-value-end-condensed-margin-right)}.b-input-field--condensed .b-input-field__static-value--start[data-v-22a1a159]{margin-left:var(--b-input-field-static-value-start-condensed-margin-left)}.b-input-field--condensed[data-v-22a1a159] .b-dropdown-small-textbox{height:20px}.b-input-field--condensed[data-v-22a1a159] .b-dropdown-small-textbox__textbox{padding:var(--b-input-field-dropdown-small-textbox-condensed-padding)}.b-input-field--condensed[data-v-22a1a159] .b-dropdown-base-textbox{height:100%}.b-input-field--disabled[data-v-22a1a159] *{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-22a1a159]{background-color:var(--b-input-field-input-box-disabled-background-color);border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__input-box[data-v-22a1a159]:hover{border-color:var(--b-input-field-input-box-disabled-border-color)}.b-input-field--disabled .b-input-field__icon-before[data-v-22a1a159],.b-input-field--disabled .b-input-field__icon-after[data-v-22a1a159]{background-color:var(--b-input-field-input-box-disabled-background-color);color:var(--b-input-field-icons-color)}.b-input-field--disabled .b-input-field__static-value[data-v-22a1a159]{background-color:var(--b-input-field-static-value-disabled-background-color);color:var(--b-input-field-static-value-disabled-color)}.b-input-field--disabled .b-input-field__payment-method[data-v-22a1a159]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-22a1a159]{overflow:hidden}.b-input-field--readonly .b-input-field__input-box[data-v-22a1a159],.b-input-field--readonly .b-input-field__input-box[data-v-22a1a159] *{background-color:var(--b-input-field-input-box-disabled-background-color);border-color:var(--b-input-field-input-box-disabled-border-color);cursor:unset}.b-input-field--readonly .b-input-field__input-box[data-v-22a1a159]:focus-within,.b-input-field--readonly .b-input-field__input-box[data-v-22a1a159]:hover,.b-input-field--readonly .b-input-field__input-box[data-v-22a1a159] *:focus-within,.b-input-field--readonly .b-input-field__input-box[data-v-22a1a159] *:hover{border-color:var(--b-input-field-input-box-disabled-border-color);outline:unset}.b-input-field--readonly .b-input-field__static-value[data-v-22a1a159]{background-color:var(--b-input-field-static-value-disabled-background-color)}.b-input-field--error .b-input-field__input-box[data-v-22a1a159]{border-color:var(--b-input-field-input-box-error-border-color);outline:var(--b-input-field-input-box-error-outline)}.b-input-field--slashed-zero .b-input-field__input-box[data-v-22a1a159] *,.b-input-field--slashed-zero[data-v-22a1a159] .b-dropdown *{font-variant-numeric:slashed-zero}.b-input-field__input-box[data-v-22a1a159]{align-items:center;background-color:var(--b-input-field-input-box-background-color);border:1px var(--b-input-field-input-box-border-color) solid;border-radius:var(--b-input-field-input-box-border-radius);color:var(--b-input-field-input-box-color);display:flex;flex-direction:row;height:var(--b-input-field-input-box-height);outline:none}.b-input-field__input-box[data-v-22a1a159]:hover{border-color:var(--b-input-field-input-box-hover-border-color);outline-color:var(--b-input-field-input-box-hover-border-color)}.b-input-field__input-box[data-v-22a1a159]:focus-within{border-color:var(--b-input-field-input-box-focus-border-color);outline:var(--b-input-field-input-box-focus-outline)}.b-input-field__input-box[data-v-22a1a159]>*{background-color:var(--b-input-field-input-box-background-color)}.b-input-field__static-value[data-v-22a1a159]{align-items:center;background-color:var(--b-input-field-static-value-background-color);border-radius:var(--b-input-field-static-value-border-radius);color:var(--b-input-field-static-value-color);display:flex;height:28px;padding:var(--b-input-field-static-value-padding)}.b-input-field__static-value--start[data-v-22a1a159]{margin-left:var(--b-input-field-static-value-start-margin-left)}.b-input-field__static-value--end[data-v-22a1a159]{margin-right:var(--b-input-field-static-value-end-margin-right)}.b-input-field__input-container[data-v-22a1a159]{align-items:center;background:transparent;display:flex;flex-direction:row;width:100%}.b-input-field__hint[data-v-22a1a159]{color:var(--b-input-field-hint-color);margin-right:var(--b-input-field-hint-margin-right);max-width:100%;text-align:right;white-space:nowrap}.b-input-field__payment-method[data-v-22a1a159]{height:16px;margin-left:var(--b-input-field-payment-method-margin-left)}.b-input-field__dropdown[data-v-22a1a159] .b-dropdown-small-textbox{border-radius:var(--b-input-field-dropdown-border-radius);min-width:70px}.b-input-field__dropdown--start[data-v-22a1a159]{margin-left:var(--b-input-field-dropdown-start-margin-left)}.b-input-field__dropdown--end[data-v-22a1a159]{margin-right:var(--b-input-field-dropdown-end-margin-right)}.b-input-field__input[data-v-22a1a159]{background-color:transparent;border:0;color:var(--b-input-field-input-color);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:var(--b-input-field-input-margin);overflow:hidden;padding:0;width:100%}.b-input-field__input[type=search][data-v-22a1a159]::-ms-clear,.b-input-field__input[type=search][data-v-22a1a159]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-22a1a159]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-22a1a159]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-22a1a159]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-22a1a159]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-22a1a159]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-22a1a159]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-22a1a159]::placeholder{color:var(--b-input-field-input-placeholder-color);opacity:1}.b-input-field__input[data-v-22a1a159]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-22a1a159]:disabled{background-color:var(--b-input-field-input-disabled-background-color);color:var(--b-input-field-input-disabled-color)}.b-input-field__input[data-v-22a1a159]:disabled::placeholder{background-color:var(--b-input-field-input-disabled-background-color)}.b-input-field__input[type=number][data-v-22a1a159]{-moz-appearance:textfield}.b-input-field__description[data-v-22a1a159]{color:var(--b-input-field-description-color);display:block;margin-top:var(--b-input-field-description-margin-top)}.b-input-field__error-message[data-v-22a1a159]{margin-bottom:-4px;margin-top:var(--b-input-field-error-message-margin-top)}.b-input-field__icon-before[data-v-22a1a159]{display:flex;margin-left:var(--b-input-field-icon-before-margin-left)}.b-input-field__icon-after[data-v-22a1a159]{display:flex;margin-right:var(--b-input-field-icon-after-margin-right)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-inspector[data-v-7df4c2ca]{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-7df4c2ca],.b-inspector[data-v-7df4c2ca]:before,.b-inspector[data-v-7df4c2ca]:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] *,.b-inspector[data-v-7df4c2ca] *:before,.b-inspector[data-v-7df4c2ca] *:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-7df4c2ca] ::-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-7df4c2ca]{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-7df4c2ca]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-7df4c2ca]{height:100%}.b-inspector__container-wrapper[data-v-7df4c2ca]{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-7df4c2ca]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-7df4c2ca]{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-7df4c2ca]{flex-grow:1}.b-inspector__icons[data-v-7df4c2ca]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-7df4c2ca]{flex-grow:1}.b-inspector__loading-indicator[data-v-7df4c2ca]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-7df4c2ca]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-7df4c2ca]: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-7df4c2ca]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-7df4c2ca]{width:420px}.b-inspector--small .b-inspector__container[data-v-7df4c2ca]{width:419px}@keyframes expand-small-7df4c2ca{0%{width:0}to{width:420px}}@keyframes shrink-small-7df4c2ca{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-small-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-small-7df4c2ca 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-7df4c2ca]{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-7df4c2ca]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-
|
|
1
|
+
.b-inspector[data-v-7df4c2ca]{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-7df4c2ca],.b-inspector[data-v-7df4c2ca]:before,.b-inspector[data-v-7df4c2ca]:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] *,.b-inspector[data-v-7df4c2ca] *:before,.b-inspector[data-v-7df4c2ca] *:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-7df4c2ca] ::-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-7df4c2ca]{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-7df4c2ca]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-7df4c2ca]{height:100%}.b-inspector__container-wrapper[data-v-7df4c2ca]{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-7df4c2ca]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-7df4c2ca]{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-7df4c2ca]{flex-grow:1}.b-inspector__icons[data-v-7df4c2ca]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-7df4c2ca]{flex-grow:1}.b-inspector__loading-indicator[data-v-7df4c2ca]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-7df4c2ca]{clip:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-7df4c2ca]: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-7df4c2ca]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-7df4c2ca]{width:420px}.b-inspector--small .b-inspector__container[data-v-7df4c2ca]{width:419px}@keyframes expand-small-7df4c2ca{0%{width:0}to{width:420px}}@keyframes shrink-small-7df4c2ca{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-small-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--small .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-small-7df4c2ca 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-7df4c2ca]{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-7df4c2ca]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-utycgvg-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-utycgvg-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-utycgwp-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-utycgwp-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-7df4c2ca]{width:595px}.b-inspector--large .b-inspector__container[data-v-7df4c2ca]{width:594px}@keyframes expand-large-7df4c2ca{0%{width:0}to{width:595px}}@keyframes shrink-large-7df4c2ca{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-large-7df4c2ca var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}.b-inspector--large .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-large-7df4c2ca 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-7df4c2ca]{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-7df4c2ca]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-utycgy8-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-utycgy8-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-utycgyt-7df4c2ca var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-utycgyt-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-modal-fullscreen-page[data-v-a1480899]{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-a1480899],.b-modal-fullscreen-page[data-v-a1480899]:before,.b-modal-fullscreen-page[data-v-a1480899]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-a1480899] *,.b-modal-fullscreen-page[data-v-a1480899] *:before,.b-modal-fullscreen-page[data-v-a1480899] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-a1480899] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-a1480899] ::-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-a1480899]{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-a1480899]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-a1480899]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-a1480899]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-a1480899]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-a1480899]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-a1480899]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-a1480899]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-a1480899] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-a1480899]{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-a1480899]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-fe2b40ce]{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-fe2b40ce],.b-modal-fullscreen[data-v-fe2b40ce]:before,.b-modal-fullscreen[data-v-fe2b40ce]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-fe2b40ce] *,.b-modal-fullscreen[data-v-fe2b40ce] *:before,.b-modal-fullscreen[data-v-fe2b40ce] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-fe2b40ce] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-fe2b40ce] ::-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-fe2b40ce]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-fe2b40ce]{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-fe2b40ce]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-fe2b40ce]{animation:fade-in-
|
|
1
|
+
.b-modal-fullscreen-page[data-v-a1480899]{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-a1480899],.b-modal-fullscreen-page[data-v-a1480899]:before,.b-modal-fullscreen-page[data-v-a1480899]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-a1480899] *,.b-modal-fullscreen-page[data-v-a1480899] *:before,.b-modal-fullscreen-page[data-v-a1480899] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-a1480899] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-a1480899] ::-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-a1480899]{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-a1480899]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-a1480899]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-a1480899]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-a1480899]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-a1480899]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-a1480899]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-a1480899]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-a1480899] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-a1480899]{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-a1480899]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-fe2b40ce]{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-fe2b40ce],.b-modal-fullscreen[data-v-fe2b40ce]:before,.b-modal-fullscreen[data-v-fe2b40ce]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-fe2b40ce] *,.b-modal-fullscreen[data-v-fe2b40ce] *:before,.b-modal-fullscreen[data-v-fe2b40ce] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-fe2b40ce] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-fe2b40ce] ::-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-fe2b40ce]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-fe2b40ce]{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-fe2b40ce]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-fe2b40ce]{animation:fade-in-utycgqj-fe2b40ce var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-utycgqj-fe2b40ce var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-utycgqj-fe2b40ce var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-utycgqj-fe2b40ce{0%{opacity:0}to{opacity:1}}@keyframes scale-up-utycgqj-fe2b40ce{0%{scale:1}to{scale:1}}@keyframes enter-utycgqj-fe2b40ce{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-fe2b40ce]{animation:fade-out-utycgsp-fe2b40ce var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-utycgsp-fe2b40ce var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-utycgsp-fe2b40ce var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-utycgsp-fe2b40ce{0%{opacity:1}to{opacity:0}}@keyframes scale-down-utycgsp-fe2b40ce{0%{scale:1}to{scale:1}}@keyframes exit-utycgsp-fe2b40ce{0%{translate:0 0}to{translate:0 64px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-selection-card[data-v-925457bd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-925457bd],.b-selection-card[data-v-925457bd]:before,.b-selection-card[data-v-925457bd]:after{box-sizing:border-box}.b-selection-card[data-v-925457bd] *,.b-selection-card[data-v-925457bd] *:before,.b-selection-card[data-v-925457bd] *:after{box-sizing:border-box}.b-selection-card[data-v-925457bd] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-925457bd] ::-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-selection-card--fully-clickable .b-selection-card__slot[data-v-925457bd]{cursor:pointer}.b-selection-card__container[data-v-925457bd]{background-color:var(--b-selection-card-container-background-color);border:var(--b-selection-card-container-border);border-radius:var(--b-selection-card-container-border-radius);color:var(--b-selection-card-container-color);display:flex;flex-direction:column;gap:var(--b-selection-card-container-gap);padding:var(--b-selection-card-container-padding);position:relative;width:100%}.b-selection-card__container[data-v-925457bd]:after{border:var(--b-selection-card-container-checked-border);border-radius:var(--b-selection-card-container-border-radius);content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-925457bd]:focus-within:has(input:focus-visible){animation:outer-ring-default-925457bd 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-925457bd{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-selection-card__container[data-v-925457bd]:hover{border-color:var(--b-selection-card-container-hover-border-color)}.b-selection-card__container[data-v-925457bd] *{cursor:pointer}.b-selection-card__checkbox-container[data-v-925457bd]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-gap);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-925457bd]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-925457bd]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-925457bd]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-content-gap)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-925457bd]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-925457bd]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-925457bd]{align-items:start}}.b-selection-card__description[data-v-925457bd]{color:var(--b-selection-card-description-color)}.b-selection-card__icon[data-v-925457bd]{align-items:center;background-color:var(--b-selection-card-icon-background-color);border-radius:50%;display:flex;flex-grow:1;height:var(--b-selection-card-icon-height);justify-content:center;min-width:var(--b-selection-card-icon-width)}.b-selection-card__slot[data-v-925457bd]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-925457bd]{margin-left:calc(var(--b-selection-card-icon-width) + var(--b-selection-card-container-content-gap))}}.b-selection-card__subtitle[data-v-925457bd]{color:var(--b-selection-card-subtitle-color)}.b-selection-card__text[data-v-925457bd]{display:flex;flex-direction:column;gap:var(--b-selection-card-container-label-container-gap)}.b-selection-card--error[data-v-925457bd]:after{border-color:var(--b-selection-card-container-error-border-color);border-width:var(--b-selection-card-container-error-border-width)}.b-selection-card--disabled[data-v-925457bd]{border-color:var(--b-selection-card-container-disabled-border-color);cursor:not-allowed}component-root .b-selection-card--disabled[data-v-925457bd] *{cursor:not-allowed}.b-selection-card--disabled[data-v-925457bd] *{cursor:not-allowed}.b-selection-card--readonly[data-v-925457bd]{border-color:var(--b-selection-card-container-readonly-border-color)}.b-selection-card--checked .b-selection-card__container[data-v-925457bd]:after{border-color:var(--b-selection-card-container-checked-border-color)}.b-selection-card--checked .b-selection-card--disabled[data-v-925457bd]:after{border-color:var(--b-selection-card-container-checked-disabled-border-color)}.b-selection-card--checked .b-selection-card--error[data-v-925457bd]:after{border-color:var(--b-selection-card-container-checked-error-border-color)}.b-selection-card--checked .b-selection-card--readonl[data-v-925457bd]:after{border-color:var(--b-selection-card-container-checked-readonly-border-color)}.b-selection-card-group[data-v-
|
|
1
|
+
.b-selection-card[data-v-925457bd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-925457bd],.b-selection-card[data-v-925457bd]:before,.b-selection-card[data-v-925457bd]:after{box-sizing:border-box}.b-selection-card[data-v-925457bd] *,.b-selection-card[data-v-925457bd] *:before,.b-selection-card[data-v-925457bd] *:after{box-sizing:border-box}.b-selection-card[data-v-925457bd] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-925457bd] ::-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-selection-card--fully-clickable .b-selection-card__slot[data-v-925457bd]{cursor:pointer}.b-selection-card__container[data-v-925457bd]{background-color:var(--b-selection-card-container-background-color);border:var(--b-selection-card-container-border);border-radius:var(--b-selection-card-container-border-radius);color:var(--b-selection-card-container-color);display:flex;flex-direction:column;gap:var(--b-selection-card-container-gap);padding:var(--b-selection-card-container-padding);position:relative;width:100%}.b-selection-card__container[data-v-925457bd]:after{border:var(--b-selection-card-container-checked-border);border-radius:var(--b-selection-card-container-border-radius);content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-925457bd]:focus-within:has(input:focus-visible){animation:outer-ring-default-925457bd 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-925457bd{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-selection-card__container[data-v-925457bd]:hover{border-color:var(--b-selection-card-container-hover-border-color)}.b-selection-card__container[data-v-925457bd] *{cursor:pointer}.b-selection-card__checkbox-container[data-v-925457bd]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-gap);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-925457bd]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-925457bd]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-925457bd]{align-items:start;display:flex;flex-direction:row;gap:var(--b-selection-card-container-content-gap)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-925457bd]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-925457bd]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-925457bd]{align-items:start}}.b-selection-card__description[data-v-925457bd]{color:var(--b-selection-card-description-color)}.b-selection-card__icon[data-v-925457bd]{align-items:center;background-color:var(--b-selection-card-icon-background-color);border-radius:50%;display:flex;flex-grow:1;height:var(--b-selection-card-icon-height);justify-content:center;min-width:var(--b-selection-card-icon-width)}.b-selection-card__slot[data-v-925457bd]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-925457bd]{margin-left:calc(var(--b-selection-card-icon-width) + var(--b-selection-card-container-content-gap))}}.b-selection-card__subtitle[data-v-925457bd]{color:var(--b-selection-card-subtitle-color)}.b-selection-card__text[data-v-925457bd]{display:flex;flex-direction:column;gap:var(--b-selection-card-container-label-container-gap)}.b-selection-card--error[data-v-925457bd]:after{border-color:var(--b-selection-card-container-error-border-color);border-width:var(--b-selection-card-container-error-border-width)}.b-selection-card--disabled[data-v-925457bd]{border-color:var(--b-selection-card-container-disabled-border-color);cursor:not-allowed}component-root .b-selection-card--disabled[data-v-925457bd] *{cursor:not-allowed}.b-selection-card--disabled[data-v-925457bd] *{cursor:not-allowed}.b-selection-card--readonly[data-v-925457bd]{border-color:var(--b-selection-card-container-readonly-border-color)}.b-selection-card--checked .b-selection-card__container[data-v-925457bd]:after{border-color:var(--b-selection-card-container-checked-border-color)}.b-selection-card--checked .b-selection-card--disabled[data-v-925457bd]:after{border-color:var(--b-selection-card-container-checked-disabled-border-color)}.b-selection-card--checked .b-selection-card--error[data-v-925457bd]:after{border-color:var(--b-selection-card-container-checked-error-border-color)}.b-selection-card--checked .b-selection-card--readonl[data-v-925457bd]:after{border-color:var(--b-selection-card-container-checked-readonly-border-color)}.b-selection-card-group[data-v-d0bfbc60]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.b-selection-card-group[data-v-d0bfbc60],.b-selection-card-group[data-v-d0bfbc60]:before,.b-selection-card-group[data-v-d0bfbc60]:after{box-sizing:border-box}.b-selection-card-group[data-v-d0bfbc60] *,.b-selection-card-group[data-v-d0bfbc60] *:before,.b-selection-card-group[data-v-d0bfbc60] *:after{box-sizing:border-box}.b-selection-card-group[data-v-d0bfbc60] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-d0bfbc60] ::-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-selection-card-group__items[data-v-d0bfbc60]{display:flex;flex-direction:column;gap:var(--b-selection-card-group-items-gap)}.b-selection-card-group__items--horizontal[data-v-d0bfbc60]{flex-direction:row}.b-selection-card-group__items--wrap[data-v-d0bfbc60]:not(:last-child){margin-bottom:var(--b-selection-card-group-items-gap)}.b-selection-card-group__item[data-v-d0bfbc60]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__item--full-height[data-v-d0bfbc60]{height:100%}.b-selection-card-group__error-message[data-v-d0bfbc60]{margin-top:var(--b-selection-card-group-error-message-margin-top)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-sidepanel-page[data-v-42613cdd]{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-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-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-42613cdd]{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-42613cdd]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{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-42613cdd]{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-42a38803]{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-42a38803],.b-sidepanel[data-v-42a38803]:before,.b-sidepanel[data-v-42a38803]:after{box-sizing:border-box}.b-sidepanel[data-v-42a38803] *,.b-sidepanel[data-v-42a38803] *:before,.b-sidepanel[data-v-42a38803] *:after{box-sizing:border-box}.b-sidepanel[data-v-42a38803] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-42a38803] ::-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-42a38803]{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-42a38803]{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-42a38803]{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-42a38803]{overflow:hidden}.b-sidepanel[data-v-42a38803]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-sidepanel[open][data-v-42a38803]{animation:enter-
|
|
1
|
+
.b-sidepanel-page[data-v-42613cdd]{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-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-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-42613cdd]{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-42613cdd]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{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-42613cdd]{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-42a38803]{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-42a38803],.b-sidepanel[data-v-42a38803]:before,.b-sidepanel[data-v-42a38803]:after{box-sizing:border-box}.b-sidepanel[data-v-42a38803] *,.b-sidepanel[data-v-42a38803] *:before,.b-sidepanel[data-v-42a38803] *:after{box-sizing:border-box}.b-sidepanel[data-v-42a38803] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-42a38803] ::-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-42a38803]{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-42a38803]{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-42a38803]{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-42a38803]{overflow:hidden}.b-sidepanel[data-v-42a38803]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-sidepanel[open][data-v-42a38803]{animation:enter-utycgqz-42a38803 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-utycgqz-42a38803{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-42a38803]::backdrop{animation:fade-in-utycgrp-42a38803 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-utycgrp-42a38803{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-42a38803]{animation:exit-utycgto-42a38803 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-utycgto-42a38803{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-42a38803]::backdrop{animation:fade-out-utycgur-42a38803 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-utycgur-42a38803{0%{opacity:.5}to{opacity:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-listbox-single-select-category[data-v-27c4e09a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-27c4e09a],.b-listbox-single-select-category[data-v-27c4e09a]:before,.b-listbox-single-select-category[data-v-27c4e09a]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-27c4e09a] *,.b-listbox-single-select-category[data-v-27c4e09a] *:before,.b-listbox-single-select-category[data-v-27c4e09a] *:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-27c4e09a] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-27c4e09a] ::-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-listbox-single-select-category[data-v-27c4e09a]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-27c4e09a]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-checkbox-input[data-v-1495b1db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-checkbox-input-container-padding);position:relative}.b-checkbox-input[data-v-1495b1db],.b-checkbox-input[data-v-1495b1db]:before,.b-checkbox-input[data-v-1495b1db]:after{box-sizing:border-box}.b-checkbox-input[data-v-1495b1db] *,.b-checkbox-input[data-v-1495b1db] *:before,.b-checkbox-input[data-v-1495b1db] *:after{box-sizing:border-box}.b-checkbox-input[data-v-1495b1db] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-1495b1db] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-input--disabled[data-v-1495b1db],.b-checkbox-input--disabled[data-v-1495b1db] *{cursor:not-allowed}.b-checkbox-input--readonly[data-v-1495b1db],.b-checkbox-input--readonly[data-v-1495b1db] *{pointer-events:none}.b-checkbox-input__outline[data-v-1495b1db]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-checkbox-input-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-input-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-1495b1db]{background-color:var(--b-checkbox-input-outline-unchecked-background-color);border-color:var(--b-checkbox-input-outline-unchecked-border-color)}.b-checkbox-input__outline--unchecked[data-v-1495b1db]:hover{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-checkbox-input__outline--unchecked[data-v-1495b1db]:active{background-color:var(--b-checkbox-input-outline-unchecked-active-background-color);border-color:var(--b-checkbox-input-outline-unchecked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-1495b1db]{background-color:var(--b-checkbox-input-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-input-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-1495b1db],.b-checkbox-input__outline[data-v-1495b1db]:checked{background-color:var(--b-checkbox-input-outline-checked-background-color);border-color:var(--b-checkbox-input-outline-checked-border-color)}.b-checkbox-input__outline--checked[data-v-1495b1db]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-1495b1db]:not(:disabled),.b-checkbox-input__outline[data-v-1495b1db]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-1495b1db]:checked:not(:disabled){background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-checkbox-input__outline--checked[data-v-1495b1db]:active,.b-checkbox-input__outline[data-v-1495b1db]:checked:active{background-color:var(--b-checkbox-input-outline-checked-active-background-color);border-color:var(--b-checkbox-input-outline-checked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-1495b1db],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-1495b1db]:checked{background-color:var(--b-checkbox-input-outline-checked-disabled-background-color);border-color:var(--b-checkbox-input-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-1495b1db],.b-checkbox-input__outline[data-v-1495b1db]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-border-color)}.b-checkbox-input__outline--indeterminate[data-v-1495b1db]:hover,.b-checkbox-input__outline[data-v-1495b1db]:indeterminate:hover{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-checkbox-input__outline--indeterminate[data-v-1495b1db]:active,.b-checkbox-input__outline[data-v-1495b1db]:indeterminate:active{background-color:var(--b-checkbox-input-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-1495b1db],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-1495b1db]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline[data-v-1495b1db]:focus-visible{animation:outer-ring-default-1495b1db 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-1495b1db{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-checkbox-input__outline--error[data-v-1495b1db]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-1495b1db]:checked{background-color:var(--b-checkbox-input-outline-checked-error-background-color);border-color:var(--b-checkbox-input-outline-checked-error-border-color)}.b-checkbox-input__outline--error[data-v-1495b1db]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-error-border-color)}.b-checkbox-input__outline--readonly[data-v-1495b1db],.b-checkbox-input__outline--readonly[data-v-1495b1db]:checked,.b-checkbox-input__outline--readonly[data-v-1495b1db]:indeterminate{background-color:var(--b-checkbox-input-outline-readonly-background-color);border-color:var(--b-checkbox-input-outline-readonly-border-color)}.b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-checkbox-input-icon-color);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-option[data-v-1495b1db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-1495b1db],.b-listbox-option[data-v-1495b1db]:before,.b-listbox-option[data-v-1495b1db]:after{box-sizing:border-box}.b-listbox-option[data-v-1495b1db] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-1495b1db] ::-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-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--unchecked{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--checked{background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-1495b1db]:focus-visible{outline:none;box-shadow:var(--b-listbox-option-focus-box-shadow)}.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-listbox-option[data-v-1495b1db] .b-listbox-single-select-option__text,.b-listbox-option[data-v-1495b1db] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-1495b1db] .b-listbox-single-select-option__description,.b-listbox-option[data-v-1495b1db] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-1495b1db]{cursor:not-allowed}.b-listbox-option--disabled[data-v-1495b1db],.b-listbox-option--disabled[data-v-1495b1db] .b-avatar__label,.b-listbox-option--disabled[data-v-1495b1db] .b-country__label,.b-listbox-option--disabled[data-v-1495b1db] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-4f41af07]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-4f41af07]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-checkbox-input[data-v-b7aa6299]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-checkbox-input-container-padding);position:relative}.b-checkbox-input[data-v-b7aa6299],.b-checkbox-input[data-v-b7aa6299]:before,.b-checkbox-input[data-v-b7aa6299]:after{box-sizing:border-box}.b-checkbox-input[data-v-b7aa6299] *,.b-checkbox-input[data-v-b7aa6299] *:before,.b-checkbox-input[data-v-b7aa6299] *:after{box-sizing:border-box}.b-checkbox-input[data-v-b7aa6299] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-b7aa6299] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-input--disabled[data-v-b7aa6299],.b-checkbox-input--disabled[data-v-b7aa6299] *{cursor:not-allowed}.b-checkbox-input--readonly[data-v-b7aa6299],.b-checkbox-input--readonly[data-v-b7aa6299] *{pointer-events:none}.b-checkbox-input__outline[data-v-b7aa6299]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-checkbox-input-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-input-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-b7aa6299]{background-color:var(--b-checkbox-input-outline-unchecked-background-color);border-color:var(--b-checkbox-input-outline-unchecked-border-color)}.b-checkbox-input__outline--unchecked[data-v-b7aa6299]:hover{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-checkbox-input__outline--unchecked[data-v-b7aa6299]:active{background-color:var(--b-checkbox-input-outline-unchecked-active-background-color);border-color:var(--b-checkbox-input-outline-unchecked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-b7aa6299]{background-color:var(--b-checkbox-input-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-input-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-b7aa6299],.b-checkbox-input__outline[data-v-b7aa6299]:checked{background-color:var(--b-checkbox-input-outline-checked-background-color);border-color:var(--b-checkbox-input-outline-checked-border-color)}.b-checkbox-input__outline--checked[data-v-b7aa6299]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-b7aa6299]:not(:disabled),.b-checkbox-input__outline[data-v-b7aa6299]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-b7aa6299]:checked:not(:disabled){background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-checkbox-input__outline--checked[data-v-b7aa6299]:active,.b-checkbox-input__outline[data-v-b7aa6299]:checked:active{background-color:var(--b-checkbox-input-outline-checked-active-background-color);border-color:var(--b-checkbox-input-outline-checked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-b7aa6299],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-b7aa6299]:checked{background-color:var(--b-checkbox-input-outline-checked-disabled-background-color);border-color:var(--b-checkbox-input-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-b7aa6299],.b-checkbox-input__outline[data-v-b7aa6299]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-border-color)}.b-checkbox-input__outline--indeterminate[data-v-b7aa6299]:hover,.b-checkbox-input__outline[data-v-b7aa6299]:indeterminate:hover{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-checkbox-input__outline--indeterminate[data-v-b7aa6299]:active,.b-checkbox-input__outline[data-v-b7aa6299]:indeterminate:active{background-color:var(--b-checkbox-input-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-b7aa6299],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-b7aa6299]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline[data-v-b7aa6299]:focus-visible{animation:outer-ring-default-b7aa6299 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-b7aa6299{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-checkbox-input__outline--error[data-v-b7aa6299]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-b7aa6299]:checked{background-color:var(--b-checkbox-input-outline-checked-error-background-color);border-color:var(--b-checkbox-input-outline-checked-error-border-color)}.b-checkbox-input__outline--error[data-v-b7aa6299]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-error-border-color)}.b-checkbox-input__outline--readonly[data-v-b7aa6299],.b-checkbox-input__outline--readonly[data-v-b7aa6299]:checked,.b-checkbox-input__outline--readonly[data-v-b7aa6299]:indeterminate{background-color:var(--b-checkbox-input-outline-readonly-background-color);border-color:var(--b-checkbox-input-outline-readonly-border-color)}.b-checkbox-input__icon[data-v-b7aa6299]{color:var(--b-checkbox-input-icon-color);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-b7aa6299]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-b7aa6299]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-multi-select-category[data-v-107d133b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-107d133b],.b-listbox-multi-select-category[data-v-107d133b]:before,.b-listbox-multi-select-category[data-v-107d133b]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-107d133b] *,.b-listbox-multi-select-category[data-v-107d133b] *:before,.b-listbox-multi-select-category[data-v-107d133b] *:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-107d133b] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-107d133b] ::-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-listbox-multi-select-category--disabled[data-v-107d133b]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-107d133b]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-107d133b]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-107d133b]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-107d133b]{color:var(--b-listbox-multi-select-category-static-category-label-text-color);padding:var(--b-listbox-option-padding)}.b-listbox-multi-select-category__label[data-v-107d133b]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-107d133b]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-107d133b]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-107d133b]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-74d7ed4a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-74d7ed4a],.b-listbox-multi-select-options[data-v-74d7ed4a]:before,.b-listbox-multi-select-options[data-v-74d7ed4a]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-74d7ed4a] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-74d7ed4a] ::-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-listbox-multi-select-options__category-option[data-v-74d7ed4a]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-74d7ed4a]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select[data-v-87a89c41]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-87a89c41],.b-listbox-multi-select[data-v-87a89c41]:before,.b-listbox-multi-select[data-v-87a89c41]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-87a89c41] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-87a89c41] ::-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-listbox-multi-select__divider[data-v-87a89c41]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-87a89c41]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select__chips[data-v-87a89c41]{container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);list-style-type:none;margin:0;padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox[data-v-ef1c27fa]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);color:var(--b-listbox-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-ef1c27fa],.b-listbox[data-v-ef1c27fa]:before,.b-listbox[data-v-ef1c27fa]:after{box-sizing:border-box}.b-listbox[data-v-ef1c27fa] *,.b-listbox[data-v-ef1c27fa] *:before,.b-listbox[data-v-ef1c27fa] *:after{box-sizing:border-box}.b-listbox[data-v-ef1c27fa] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-ef1c27fa] ::-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-listbox__empty-search-message[data-v-ef1c27fa]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__empty-search-message[data-v-ef1c27fa] .b-empty-state__title{color:var(--b-listbox-empty-search-message-color)}.b-listbox__loading-filtered-items[data-v-ef1c27fa]{display:flex;justify-content:center}.b-listbox__lazy-load[data-v-ef1c27fa]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
|
1
|
+
.b-listbox-single-select-category[data-v-27c4e09a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-listbox-single-select-category-margin-bottom)}.b-listbox-single-select-category[data-v-27c4e09a],.b-listbox-single-select-category[data-v-27c4e09a]:before,.b-listbox-single-select-category[data-v-27c4e09a]:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-27c4e09a] *,.b-listbox-single-select-category[data-v-27c4e09a] *:before,.b-listbox-single-select-category[data-v-27c4e09a] *:after{box-sizing:border-box}.b-listbox-single-select-category[data-v-27c4e09a] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-single-select-category[data-v-27c4e09a] ::-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-listbox-single-select-category[data-v-27c4e09a]:last-child{margin-bottom:0}.b-listbox-single-select-category__label-text[data-v-27c4e09a]{color:var(--b-listbox-single-select-category-label-text-color);padding:var(--b-listbox-single-select-category-label-text-padding)}.b-checkbox-input[data-v-1495b1db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-checkbox-input-container-padding);position:relative}.b-checkbox-input[data-v-1495b1db],.b-checkbox-input[data-v-1495b1db]:before,.b-checkbox-input[data-v-1495b1db]:after{box-sizing:border-box}.b-checkbox-input[data-v-1495b1db] *,.b-checkbox-input[data-v-1495b1db] *:before,.b-checkbox-input[data-v-1495b1db] *:after{box-sizing:border-box}.b-checkbox-input[data-v-1495b1db] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-1495b1db] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-input--disabled[data-v-1495b1db],.b-checkbox-input--disabled[data-v-1495b1db] *{cursor:not-allowed}.b-checkbox-input--readonly[data-v-1495b1db],.b-checkbox-input--readonly[data-v-1495b1db] *{pointer-events:none}.b-checkbox-input__outline[data-v-1495b1db]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-checkbox-input-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-input-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-1495b1db]{background-color:var(--b-checkbox-input-outline-unchecked-background-color);border-color:var(--b-checkbox-input-outline-unchecked-border-color)}.b-checkbox-input__outline--unchecked[data-v-1495b1db]:hover{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-checkbox-input__outline--unchecked[data-v-1495b1db]:active{background-color:var(--b-checkbox-input-outline-unchecked-active-background-color);border-color:var(--b-checkbox-input-outline-unchecked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-1495b1db]{background-color:var(--b-checkbox-input-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-input-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-1495b1db],.b-checkbox-input__outline[data-v-1495b1db]:checked{background-color:var(--b-checkbox-input-outline-checked-background-color);border-color:var(--b-checkbox-input-outline-checked-border-color)}.b-checkbox-input__outline--checked[data-v-1495b1db]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-1495b1db]:not(:disabled),.b-checkbox-input__outline[data-v-1495b1db]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-1495b1db]:checked:not(:disabled){background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-checkbox-input__outline--checked[data-v-1495b1db]:active,.b-checkbox-input__outline[data-v-1495b1db]:checked:active{background-color:var(--b-checkbox-input-outline-checked-active-background-color);border-color:var(--b-checkbox-input-outline-checked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-1495b1db],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-1495b1db]:checked{background-color:var(--b-checkbox-input-outline-checked-disabled-background-color);border-color:var(--b-checkbox-input-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-1495b1db],.b-checkbox-input__outline[data-v-1495b1db]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-border-color)}.b-checkbox-input__outline--indeterminate[data-v-1495b1db]:hover,.b-checkbox-input__outline[data-v-1495b1db]:indeterminate:hover{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-checkbox-input__outline--indeterminate[data-v-1495b1db]:active,.b-checkbox-input__outline[data-v-1495b1db]:indeterminate:active{background-color:var(--b-checkbox-input-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-1495b1db],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-1495b1db]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline[data-v-1495b1db]:focus-visible{animation:outer-ring-default-1495b1db 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-1495b1db{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-checkbox-input__outline--error[data-v-1495b1db]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-1495b1db]:checked{background-color:var(--b-checkbox-input-outline-checked-error-background-color);border-color:var(--b-checkbox-input-outline-checked-error-border-color)}.b-checkbox-input__outline--error[data-v-1495b1db]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-error-border-color)}.b-checkbox-input__outline--readonly[data-v-1495b1db],.b-checkbox-input__outline--readonly[data-v-1495b1db]:checked,.b-checkbox-input__outline--readonly[data-v-1495b1db]:indeterminate{background-color:var(--b-checkbox-input-outline-readonly-background-color);border-color:var(--b-checkbox-input-outline-readonly-border-color)}.b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-checkbox-input-icon-color);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-1495b1db]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-option[data-v-1495b1db]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;overflow-wrap:anywhere;padding:var(--b-listbox-option-padding)}.b-listbox-option[data-v-1495b1db],.b-listbox-option[data-v-1495b1db]:before,.b-listbox-option[data-v-1495b1db]:after{box-sizing:border-box}.b-listbox-option[data-v-1495b1db] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-option[data-v-1495b1db] ::-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-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-hover-background-color)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--unchecked{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--checked{background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-checkbox-input__outline--indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled),.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-1495b1db]:hover:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-hover-font-color)}}.b-listbox-option[data-v-1495b1db]:focus-visible{outline:none;box-shadow:var(--b-listbox-option-focus-box-shadow)}.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-active-background-color)}.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled),.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option[data-v-1495b1db]:active:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-active-font-color)}.b-listbox-option[data-v-1495b1db] .b-listbox-single-select-option__text,.b-listbox-option[data-v-1495b1db] .b-listbox-multi-select__option-text{display:flex;flex-direction:column}.b-listbox-option[data-v-1495b1db] .b-listbox-single-select-option__description,.b-listbox-option[data-v-1495b1db] .b-listbox-multi-select__option-description{margin-top:var(--b-listbox-option-description-margin-top)}.b-listbox-option[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description,.b-listbox-option[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description{color:var(--b-listbox-option-description-color)}.b-listbox-option--disabled[data-v-1495b1db]{cursor:not-allowed}.b-listbox-option--disabled[data-v-1495b1db],.b-listbox-option--disabled[data-v-1495b1db] .b-avatar__label,.b-listbox-option--disabled[data-v-1495b1db] .b-country__label,.b-listbox-option--disabled[data-v-1495b1db] .b-payment-method__label{color:var(--b-listbox-option-disabled-font-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled){background-color:var(--b-listbox-option-selected-background-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-avatar__label,.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-country__label,.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-payment-method__label{color:var(--b-listbox-option-selected-font-color)}.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-single-select-option__description:not(.b-listbox-option--disabled),.b-listbox-option--selected[data-v-1495b1db]:not(.b-listbox-option--disabled) .b-listbox-multi-select__option-description:not(.b-listbox-option--disabled){color:var(--b-listbox-option-selected-description-color)}.b-listbox-single-select-option[data-v-4f41af07]{display:flex;justify-content:space-between}.b-listbox-single-select-option__check-icon[data-v-4f41af07]{align-items:center;display:flex;margin-left:var(--b-listbox-single-select-check-icon-margin)}.b-checkbox-input[data-v-08d3142e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;display:flex;padding:var(--b-checkbox-input-container-padding);position:relative}.b-checkbox-input[data-v-08d3142e],.b-checkbox-input[data-v-08d3142e]:before,.b-checkbox-input[data-v-08d3142e]:after{box-sizing:border-box}.b-checkbox-input[data-v-08d3142e] *,.b-checkbox-input[data-v-08d3142e] *:before,.b-checkbox-input[data-v-08d3142e] *:after{box-sizing:border-box}.b-checkbox-input[data-v-08d3142e] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-input[data-v-08d3142e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-input--disabled[data-v-08d3142e],.b-checkbox-input--disabled[data-v-08d3142e] *{cursor:not-allowed}.b-checkbox-input--readonly[data-v-08d3142e],.b-checkbox-input--readonly[data-v-08d3142e] *{pointer-events:none}.b-checkbox-input__outline[data-v-08d3142e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--b-checkbox-input-outline-border-radius);border-style:solid;border-width:var(--b-checkbox-input-outline-border-width);cursor:pointer;display:inline-block;flex-basis:16px;height:16px;margin:0;min-width:16px;outline:none;position:relative;text-align:center;width:16px}.b-checkbox-input__outline--unchecked[data-v-08d3142e]{background-color:var(--b-checkbox-input-outline-unchecked-background-color);border-color:var(--b-checkbox-input-outline-unchecked-border-color)}.b-checkbox-input__outline--unchecked[data-v-08d3142e]:hover{background-color:var(--b-checkbox-input-outline-unchecked-hover-background-color);border-color:var(--b-checkbox-input-outline-unchecked-hover-border-color)}.b-checkbox-input__outline--unchecked[data-v-08d3142e]:active{background-color:var(--b-checkbox-input-outline-unchecked-active-background-color);border-color:var(--b-checkbox-input-outline-unchecked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--unchecked[data-v-08d3142e]{background-color:var(--b-checkbox-input-outline-unchecked-disabled-background-color);border-color:var(--b-checkbox-input-outline-unchecked-disabled-border-color);cursor:not-allowed}.b-checkbox-input__outline--checked[data-v-08d3142e],.b-checkbox-input__outline[data-v-08d3142e]:checked{background-color:var(--b-checkbox-input-outline-checked-background-color);border-color:var(--b-checkbox-input-outline-checked-border-color)}.b-checkbox-input__outline--checked[data-v-08d3142e]:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline--checked[data-v-08d3142e]:not(:disabled),.b-checkbox-input__outline[data-v-08d3142e]:checked:hover,.b-checkbox-input__icon:hover+.b-checkbox-input__outline[data-v-08d3142e]:checked:not(:disabled){background-color:var(--b-checkbox-input-outline-checked-hover-background-color);border-color:var(--b-checkbox-input-outline-checked-hover-border-color)}.b-checkbox-input__outline--checked[data-v-08d3142e]:active,.b-checkbox-input__outline[data-v-08d3142e]:checked:active{background-color:var(--b-checkbox-input-outline-checked-active-background-color);border-color:var(--b-checkbox-input-outline-checked-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--checked[data-v-08d3142e],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-08d3142e]:checked{background-color:var(--b-checkbox-input-outline-checked-disabled-background-color);border-color:var(--b-checkbox-input-outline-checked-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline--indeterminate[data-v-08d3142e],.b-checkbox-input__outline[data-v-08d3142e]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-border-color)}.b-checkbox-input__outline--indeterminate[data-v-08d3142e]:hover,.b-checkbox-input__outline[data-v-08d3142e]:indeterminate:hover{background-color:var(--b-checkbox-input-outline-indeterminate-hover-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-hover-border-color)}.b-checkbox-input__outline--indeterminate[data-v-08d3142e]:active,.b-checkbox-input__outline[data-v-08d3142e]:indeterminate:active{background-color:var(--b-checkbox-input-outline-indeterminate-active-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-active-border-color)}.b-checkbox-input--disabled .b-checkbox-input__outline--indeterminate[data-v-08d3142e],.b-checkbox-input--disabled .b-checkbox-input__outline[data-v-08d3142e]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-disabled-background-color);cursor:not-allowed}.b-checkbox-input__outline[data-v-08d3142e]:focus-visible{animation:outer-ring-default-08d3142e 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-08d3142e{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-checkbox-input__outline--error[data-v-08d3142e]{border:var(--b-checkbox-input-outline-unchecked-error-border)}.b-checkbox-input__outline--error[data-v-08d3142e]:checked{background-color:var(--b-checkbox-input-outline-checked-error-background-color);border-color:var(--b-checkbox-input-outline-checked-error-border-color)}.b-checkbox-input__outline--error[data-v-08d3142e]:indeterminate{background-color:var(--b-checkbox-input-outline-indeterminate-error-background-color);border-color:var(--b-checkbox-input-outline-indeterminate-error-border-color)}.b-checkbox-input__outline--readonly[data-v-08d3142e],.b-checkbox-input__outline--readonly[data-v-08d3142e]:checked,.b-checkbox-input__outline--readonly[data-v-08d3142e]:indeterminate{background-color:var(--b-checkbox-input-outline-readonly-background-color);border-color:var(--b-checkbox-input-outline-readonly-border-color)}.b-checkbox-input__icon[data-v-08d3142e]{color:var(--b-checkbox-input-icon-color);left:0;pointer-events:none;position:absolute;z-index:1}.b-checkbox-input--disabled .b-checkbox-input__icon[data-v-08d3142e]{color:var(--b-checkbox-input-icon-disabled-color)}.b-checkbox-input--readonly .b-checkbox-input__icon[data-v-08d3142e]{color:var(--b-checkbox-input-icon-readonly-color)}.b-listbox-multi-select-category[data-v-60c04867]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select-category[data-v-60c04867],.b-listbox-multi-select-category[data-v-60c04867]:before,.b-listbox-multi-select-category[data-v-60c04867]:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-60c04867] *,.b-listbox-multi-select-category[data-v-60c04867] *:before,.b-listbox-multi-select-category[data-v-60c04867] *:after{box-sizing:border-box}.b-listbox-multi-select-category[data-v-60c04867] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-category[data-v-60c04867] ::-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-listbox-multi-select-category--disabled[data-v-60c04867]{cursor:not-allowed}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-text[data-v-60c04867]{color:var(--b-listbox-multi-select-category-disabled-label-text-color)}.b-listbox-multi-select-category--disabled .b-listbox-multi-select-category__label-chevron[data-v-60c04867]{cursor:pointer}.b-listbox-multi-select-category--static-category[data-v-60c04867]{gap:var(--b-listbox-multi-select-category-static-category-gap);pointer-events:none}.b-listbox-multi-select-category--static-category .b-listbox-multi-select-category__label-text[data-v-60c04867]{color:var(--b-listbox-multi-select-category-static-category-label-text-color);padding:var(--b-listbox-option-padding)}.b-listbox-multi-select-category__label[data-v-60c04867]{align-items:center;display:flex;justify-content:space-between;width:100%}.b-listbox-multi-select-category__label-chevron[data-v-60c04867]{display:flex;position:relative}.b-listbox-multi-select-category__label-chevron[data-v-60c04867]:before{content:"";height:36px;left:-10px;position:absolute;top:-9px;width:36px}.b-listbox-multi-select-category__option[data-v-60c04867]{display:flex;gap:var(--b-listbox-multi-select-category-option-gap)}.b-listbox-multi-select-options[data-v-0c9e6af6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select-options[data-v-0c9e6af6],.b-listbox-multi-select-options[data-v-0c9e6af6]:before,.b-listbox-multi-select-options[data-v-0c9e6af6]:after{box-sizing:border-box}.b-listbox-multi-select-options[data-v-0c9e6af6] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select-options[data-v-0c9e6af6] ::-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-listbox-multi-select-options__category-option[data-v-0c9e6af6]{padding-left:var(--b-listbox-multi-select-options-category-option-padding-left)}.b-listbox-multi-select-options__static-category-option[data-v-0c9e6af6]{padding-left:var(--b-listbox-multi-select-options-static-category-option-padding-left)}.b-listbox-multi-select[data-v-d170602c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-listbox-multi-select[data-v-d170602c],.b-listbox-multi-select[data-v-d170602c]:before,.b-listbox-multi-select[data-v-d170602c]:after{box-sizing:border-box}.b-listbox-multi-select[data-v-d170602c] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox-multi-select[data-v-d170602c] ::-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-listbox-multi-select__divider[data-v-d170602c]{background-color:var(--b-listbox-multi-select-divider-background-color);border:0;height:1px;margin:var(--b-listbox-multi-select-divider-margin)}.b-listbox-multi-select__option[data-v-d170602c]{display:flex;gap:var(--b-listbox-multi-select-options-gap)}.b-listbox-multi-select__chips[data-v-d170602c]{container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--b-listbox-multi-select-chips-gap);list-style-type:none;margin:0;padding:var(--b-listbox-multi-select-chips-padding)}.b-listbox[data-v-ef1c27fa]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-listbox-background-color);color:var(--b-listbox-color);overflow-y:auto;padding:var(--b-listbox-padding)}.b-listbox[data-v-ef1c27fa],.b-listbox[data-v-ef1c27fa]:before,.b-listbox[data-v-ef1c27fa]:after{box-sizing:border-box}.b-listbox[data-v-ef1c27fa] *,.b-listbox[data-v-ef1c27fa] *:before,.b-listbox[data-v-ef1c27fa] *:after{box-sizing:border-box}.b-listbox[data-v-ef1c27fa] ::-webkit-scrollbar{height:14px;width:14px}.b-listbox[data-v-ef1c27fa] ::-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-listbox__empty-search-message[data-v-ef1c27fa]{color:var(--b-listbox-empty-search-message-color);padding:var(--b-listbox-empty-search-message-padding);text-align:center}.b-listbox__empty-search-message[data-v-ef1c27fa] .b-empty-state__title{color:var(--b-listbox-empty-search-message-color)}.b-listbox__loading-filtered-items[data-v-ef1c27fa]{display:flex;justify-content:center}.b-listbox__lazy-load[data-v-ef1c27fa]{display:flex;justify-content:center;margin:var(--b-listbox-lazy-load-margin)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as ee, useAttrs as te, ref as y, computed as m, shallowRef as w, onMounted as ne, watch as ae, watchEffect as oe, resolveComponent as se, createElementBlock as _, openBlock as s, normalizeClass as B, createCommentVNode as u, createBlock as f, createElementVNode as S, createVNode as C, unref as l, mergeProps as le, withCtx as h, createTextVNode as Q, toDisplayString as x, renderSlot as re, normalizeProps as ie, guardReactiveProps as ce } from "vue";
|
|
2
2
|
import { s as de, H as pe, t as e, L as ue, a as ge, b as fe, c as me, p as he, j as be, d as Oe, x as ve, e as ye, E as _e, h as Se, k as Ce, C as N, f as E, i as Ne, g as Y, l as Pe, m as Te } from "./codemirror.Zv80n3Z2.js";
|
|
3
3
|
import { c as Le, d as ke, e as xe, f as Ee } from "./es6.MoTTyETW.js";
|
|
4
|
-
import { B as Ae } from "./dropdown.
|
|
4
|
+
import { B as Ae } from "./dropdown.KStrJVoP.js";
|
|
5
5
|
import { B as H } from "./button.DhcxX2GJ.js";
|
|
6
6
|
import { B as D } from "./typography.yBEME_Gu.js";
|
|
7
7
|
import { B as Ie } from "./loading-indicator.Db794TT5.js";
|
|
@@ -340,4 +340,4 @@ export {
|
|
|
340
340
|
b,
|
|
341
341
|
ft as c
|
|
342
342
|
};
|
|
343
|
-
//# sourceMappingURL=code-snippet.
|
|
343
|
+
//# sourceMappingURL=code-snippet.Bjf1ma1L.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-snippet.CO78Nfj0.js","sources":["../../../vue2/src/components/code-snippet/highlight.ts","../../../vue2/src/components/code-snippet/code-snippet.types.ts","../../../../node_modules/.pnpm/codemirror-lang-csv@0.1.1/node_modules/codemirror-lang-csv/dist/index.js","../../../vue2/src/components/code-snippet/utils/get-lang-loader.ts","../../../vue2/src/components/code-snippet/utils/indent-same-as-line-before-extension.ts","../../../vue2/src/components/code-snippet/code-snippet.vue"],"sourcesContent":["import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\nimport {\n BCodeSnippetCodeAreaHighlightBlue,\n BCodeSnippetCodeAreaHighlightGreen,\n BCodeSnippetCodeAreaHighlightOrange,\n BCodeSnippetCodeAreaHighlightRed,\n} from '@adyen/bento-design-tokens/dist/js/bento/es6';\nimport { type BentoCodeSnippetSupportedLanguage } from './code-snippet.types';\n\nconst lightThemeColors = {\n red: BCodeSnippetCodeAreaHighlightRed,\n orange: BCodeSnippetCodeAreaHighlightOrange,\n green: BCodeSnippetCodeAreaHighlightGreen,\n blue: BCodeSnippetCodeAreaHighlightBlue,\n invalid: '#ffffff',\n};\n\nconst highlightStyle = (colors, language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) =>\n HighlightStyle.define([\n {\n tag: t.keyword,\n color: colors.red,\n },\n {\n tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n color: colors.green,\n },\n {\n tag: [t.function(t.variableName), t.labelName],\n color: colors.blue,\n },\n {\n tag: [t.color, t.constant(t.name), t.standard(t.name)],\n color: colors.red,\n },\n {\n tag: [t.definition(t.name), ...(language !== 'json' ? [t.separator] : [])],\n color: colors.red,\n },\n {\n tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n color: colors.orange,\n },\n {\n tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n color: colors.blue,\n },\n {\n tag: [t.meta, t.comment],\n color: colors.orange,\n },\n {\n tag: t.strong,\n fontWeight: 'bold',\n },\n {\n tag: t.emphasis,\n fontStyle: 'italic',\n },\n {\n tag: t.strikethrough,\n textDecoration: 'line-through',\n },\n {\n tag: t.link,\n color: colors.orange,\n textDecoration: 'underline',\n },\n {\n tag: t.heading,\n fontWeight: 'bold',\n color: colors.blue,\n },\n {\n tag: [t.atom, t.bool, t.special(t.variableName)],\n color: colors.red,\n },\n {\n tag: [t.processingInstruction, t.string, t.inserted],\n color: colors.blue,\n },\n {\n tag: t.invalid,\n color: colors.invalid,\n },\n ]);\n\nexport const lightThemeHighlight = (\n language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`\n) => syntaxHighlighting(highlightStyle(lightThemeColors, language));\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetVariant {\n INLINE = 'inline',\n SINGLELINE = 'singleline',\n MULTILINE = 'multiline',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetSupportedLanguage {\n JSON = 'json',\n XML = 'xml',\n JAVA = 'java',\n JAVASCRIPT = 'javascript',\n PYTHON = 'python',\n CSV = 'csv',\n}\n\nexport enum BentoCodeSnippetEvent {\n ACTION = 'action',\n CHANGE = 'change',\n}\n\nexport interface BentoCodeSnippetProps {\n /**\n * Displays a button that when clicked will emit an action event\n * Leaves to the parent component the logic of what to do with it\n */\n actionable?: boolean;\n\n /**\n * Displays a button that when clicked will emit a run event\n * Leaves to the parent component the logic of what to do with it\n */\n actionableText?: string;\n\n /**\n * The code content\n */\n content?: string;\n\n /**\n * Displays a button that can expand the codeblock into a modal to easily\n * view large blocks of code.\n */\n expandable?: boolean;\n\n /**\n * Allows editing of the code-snippet content by the user\n */\n editable?: boolean;\n\n /**\n * Language name for syntax highlighting rules\n */\n lang?: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;\n\n /**\n * Label to show in the action-bar, describing the language\n */\n langLabel?: string;\n\n /**\n * Toggles the loading indicator within the action bar\n */\n loading?: boolean;\n\n /**\n * Defines the variant of code-snippet\n */\n variant?: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;\n}\n","import { LRParser } from '@lezer/lr';\nimport { LRLanguage, LanguageSupport } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\n\n// This file was generated by lezer-generator. You probably shouldn't edit it.\nconst parser = LRParser.deserialize({\n version: 14,\n states: \"nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_\",\n stateData: \"g~OWOS~OQPORPOSPO~OQRSR~\",\n goto: \"eYPPPPPZPPPaQRORSRTQOR\",\n nodeNames: \"⚠ Program String Separator Value\",\n maxTerm: 9,\n skippedNodes: [0],\n repeatNodeCount: 1,\n tokenData: \"'Y~RZOYtYZ!cZrtrs!hs|t|}'T}!]t!]!^'T!^;'St;'S;=`!]<%lOt~yUS~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~!`P;=`<%lt~!hOW~~!m]S~OY!hYZ#fZr!hrs%Ss|!h|}#f}!]!h!]!^#f!^#O!h#O#P%m#P;'S!h;'S;=`&}<%lO!h~#iVOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|<%lO#f~$TOQ~~$WRO;'S#f;'S;=`$a;=`O#f~$dWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l#f<%lO#f~%PP;=`<%l#f~%ZUQ~S~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~%rYS~OY!hYZ#fZ|!h|}#f}!]!h!]!^#f!^;'S!h;'S;=`&b;=`<%l#f<%lO!h~&eWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l!h<%lO#f~'QP;=`<%l!h~'YOR~\",\n tokenizers: [0],\n topRules: {\"Program\":[0,1]},\n tokenPrec: 18\n});\n\nconst csvLanguage = LRLanguage.define({\n parser: parser.configure({\n props: [\n styleTags({\n Separator: tags.separator,\n Value: tags.string,\n String: tags.string,\n LineComment: tags.lineComment,\n \"( )\": tags.paren,\n }),\n ],\n }),\n});\nfunction csv() {\n return new LanguageSupport(csvLanguage);\n}\n\nexport { csv, csvLanguage };\n","import { BentoCodeSnippetSupportedLanguage } from '@/components/code-snippet/code-snippet.types';\nimport { json } from '@codemirror/lang-json';\nimport { xml } from '@codemirror/lang-xml';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { java } from '@codemirror/lang-java';\nimport { python } from '@codemirror/lang-python';\nimport { csv } from 'codemirror-lang-csv';\nimport type { LanguageSupport } from '@codemirror/language';\n\n/**\n * TODO: This should be handled with dynamic imports,\n * without relying on importing every single language/package available.\n * These supported types need to be kept in line with the ones in packages/vue2/src/components/code-snippet/code-snippet.types.ts enum\n */\nconst importsMap: Record<BentoCodeSnippetSupportedLanguage, () => LanguageSupport> = {\n [BentoCodeSnippetSupportedLanguage.JSON]: json,\n [BentoCodeSnippetSupportedLanguage.XML]: xml,\n [BentoCodeSnippetSupportedLanguage.JAVASCRIPT]: javascript,\n [BentoCodeSnippetSupportedLanguage.JAVA]: java,\n [BentoCodeSnippetSupportedLanguage.PYTHON]: python,\n [BentoCodeSnippetSupportedLanguage.CSV]: csv,\n};\n\n/**\n * Returns a language loder for `CodeMirror`.\n * Supported languages: json, xml, javascript & java\n *\n * @param language Language to be used\n * @returns Language configuration loader to be used in codemirror\n */\nexport const getLangLoader = (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {\n const loadLang = async () => importsMap[language];\n\n return loadLang;\n};\n","import { EditorSelection, type EditorState, type SelectionRange } from '@codemirror/state';\n\n/**\n * Calculate indentation for a new line based on line before it.\n * @param state - The editor state\n * @param line - the selection range, in this case one line\n * @returns the indentation string to be pre-pended on a new line.\n */\nconst getIndentation = (state: EditorState, line: SelectionRange) => {\n const currentLine = state.doc.lineAt(line.from);\n const indentMatch = /^\\s*/.exec(currentLine.text);\n return indentMatch ? indentMatch[0] : '';\n};\n\n/**\n * This extension to codemirror will, upon pressing the 'Enter' key, indent the new line\n * the same as the line before it.\n */\nexport const INDENT_SAME_AS_LINE_BEFORE = {\n key: 'Enter',\n run: ({ state, dispatch }) => {\n const changes = state.changeByRange(range => {\n const indentation = getIndentation(state, range);\n const newText = `\\n${indentation}`;\n return {\n changes: { from: range.from, to: range.to, insert: newText },\n range: EditorSelection.cursor(range.from + newText.length),\n };\n });\n dispatch(state.update(changes, { scrollIntoView: true, userEvent: 'input' }));\n return true;\n },\n};\n\nexport default INDENT_SAME_AS_LINE_BEFORE;\n","<template>\n <div class=\"b-code-snippet\" :class=\"conditionalClasses\">\n <section v-if=\"!isInlineVariant\" class=\"b-code-snippet__action-bar\">\n <div class=\"b-code-snippet__action-bar--start\">\n <bento-dropdown\n v-if=\"availableLanguages.length > 0\"\n v-model=\"selectedLanguage\"\n v-bind=\"$props\"\n :disabled=\"availableLanguages.length === 1\"\n :items=\"availableLanguages\"\n class=\"b-code-snippet__language-picker\"\n @input=\"handleChangeLanguage\"\n />\n <bento-typography el=\"span\" stronger>\n {{ displayedLang }}\n </bento-typography>\n </div>\n <div class=\"b-code-snippet__action-bar--end\">\n <bento-loading-indicator v-if=\"loading\" />\n <copy v-if=\"currentContents !== null\" class=\"b-structured-list__icon\" :text=\"currentContents\" />\n <bento-button\n v-if=\"expandable\"\n variant=\"tertiary\"\n condensed\n :aria-label=\"t('expand')\"\n @click=\"showModal = true\"\n >\n <template #iconLeft>\n <expand-icon />\n </template>\n </bento-button>\n <bento-button v-if=\"actionable\" variant=\"primary\" tertiary condensed @click=\"onActionClicked\">\n <template #iconLeft>\n <bento-typography el=\"span\" class=\"b-code-snippet__action-button\">\n {{ runText }}\n </bento-typography>\n </template>\n </bento-button>\n </div>\n </section>\n <code v-if=\"content || editable\" class=\"b-code-snippet__code-area\">\n <div ref=\"container\" class=\"b-code-snippet__code-area-content\" :class=\"codeAreaContentConditionalClasses\" />\n </code>\n <section v-else>\n <slot name=\"empty-state\">\n <!-- TODO: switch with empty-state component when ready -->\n <div class=\"b-code-snippet__empty-state\">{{ t('nothingToDisplay') }}</div>\n </slot>\n </section>\n <base-modal\n v-if=\"expandable\"\n class=\"b-code-snippet__modal\"\n :hide-close-button=\"true\"\n :custom-padding=\"'0px'\"\n :is-dismissible=\"true\"\n :is-open=\"showModal\"\n size=\"large\"\n @close-modal=\"showModal = false\"\n >\n <template #content>\n <bento-code-snippet v-bind=\"{ ...$props, expandable: false }\" />\n </template>\n </base-modal>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, type HTMLAttributes, onMounted, ref, shallowRef, useAttrs, watch, watchEffect } from 'vue';\n import { EditorView, highlightActiveLine, keymap, lineNumbers } from '@codemirror/view';\n import { Compartment, EditorState } from '@codemirror/state';\n import { history, indentWithTab } from '@codemirror/commands';\n import { lightThemeHighlight } from './highlight';\n import { getLangLoader, INDENT_SAME_AS_LINE_BEFORE } from './utils';\n import { BentoDropdown } from '@/components/dropdown';\n import { BentoButton } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n import { useI18n } from '@/utils/ts/i18n';\n import { Copy } from '@/internal';\n import {\n BentoCodeSnippetEvent,\n type BentoCodeSnippetProps,\n BentoCodeSnippetSupportedLanguage,\n BentoCodeSnippetVariant,\n } from './code-snippet.types';\n import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n import BaseModal from '@/components/modal/components/base-modal/base-modal.vue';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = withDefaults(defineProps<BentoCodeSnippetProps>(), {\n actionable: false,\n actionableText: null,\n content: '',\n editable: false,\n expandable: false,\n lang: BentoCodeSnippetSupportedLanguage.JSON,\n langLabel: null,\n loading: false,\n variant: BentoCodeSnippetVariant.MULTILINE,\n });\n\n const emit = defineEmits([BentoCodeSnippetEvent.ACTION, BentoCodeSnippetEvent.CHANGE]);\n\n const attrs = useAttrs();\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // language\n const selectedLanguage = ref<string | null>(null);\n const availableLanguages = []; // TODO: implement\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n const handleChangeLanguage = () => {};\n const displayedLang = computed(() => props.langLabel ?? props.lang.toUpperCase());\n\n const isInlineVariant = computed(() => props.variant === BentoCodeSnippetVariant.INLINE);\n\n const conditionalClasses = computed(() => ({\n 'b-code-snippet--inline': isInlineVariant.value,\n 'b-code-snippet--scrollable': !isInlineVariant.value,\n }));\n\n const codeAreaContentConditionalClasses = computed(() => ({\n 'b-code-snippet__code-area-content--editable': props.editable,\n }));\n\n const loadLang = getLangLoader(props.lang);\n\n const container = shallowRef<HTMLDivElement>();\n const editor = shallowRef<EditorView>();\n const languageConf = new Compartment();\n const editorTheme = new Compartment();\n const editorReadOnly = new Compartment();\n const editorAttributes = new Compartment();\n\n const currentContents = ref(null);\n const contentLength = ref(0);\n\n const runText = computed(() => props.actionableText || t('run'));\n\n onMounted(async () => {\n const language = await loadLang();\n\n // alongside the updateListener plugin it acts as a watcher of changes to the editor state\n currentContents.value = props.content;\n const updateCurrentContents = ({ state }) => {\n currentContents.value = state.doc.toString();\n };\n\n const extensions = [\n highlightActiveLine(),\n keymap.of([indentWithTab, INDENT_SAME_AS_LINE_BEFORE]),\n languageConf.of(language()),\n editorTheme.of(lightThemeHighlight(props.lang)),\n editorReadOnly.of(EditorState.readOnly.of(!props.editable)),\n editorAttributes.of(\n EditorView.contentAttributes.of({\n 'aria-label': (attrs['aria-label'] as HTMLAttributes['aria-label']) ?? t('codeSnippet'),\n ...(!isInlineVariant.value && { tabindex: '0' }),\n })\n ),\n EditorView.updateListener.of(content => updateCurrentContents(content)),\n ];\n\n if (props.variant === 'multiline') {\n extensions.push([lineNumbers(), history()]);\n }\n\n const state = EditorState.create({\n doc: props.content,\n extensions: [...extensions],\n });\n contentLength.value = state.doc.length;\n\n editor.value = new EditorView({\n state,\n parent: container.value,\n });\n });\n watch(\n () => props.content,\n () => {\n if (props.content !== currentContents.value) {\n const upcomingContentLength = props.content.length;\n editor.value.dispatch({\n changes: {\n from: 0,\n to: contentLength.value,\n insert: props.content,\n },\n });\n contentLength.value = upcomingContentLength;\n }\n }\n );\n\n const onActionClicked = () => {\n emit(BentoCodeSnippetEvent.ACTION, currentContents.value);\n };\n\n watchEffect(() => {\n if (currentContents.value !== null) {\n emit(BentoCodeSnippetEvent.CHANGE, currentContents.value);\n }\n });\n\n const showModal = ref(false);\n</script>\n\n<script lang=\"ts\">\n /**\n * A code-snippet is a container to display code in a readable way.\n * Come with added functionalities like syntax highlighting, editing and actioning the code\n *\n * @example\n * import { BentoCodeSnippet } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCodeSnippet },\n * template: `\n * <bento-code-snippet :variant=\"BentoCodeSnippetVariant.MULTILINE\" content=\"{ example: 1234 }\" />\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-code-snippet',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./code-snippet.scss\"></style>\n"],"names":["lightThemeColors","BCodeSnippetCodeAreaHighlightRed","BCodeSnippetCodeAreaHighlightOrange","BCodeSnippetCodeAreaHighlightGreen","BCodeSnippetCodeAreaHighlightBlue","highlightStyle","colors","language","HighlightStyle","tags","lightThemeHighlight","syntaxHighlighting","BentoCodeSnippetVariant","BentoCodeSnippetVariant2","BentoCodeSnippetSupportedLanguage","BentoCodeSnippetSupportedLanguage2","BentoCodeSnippetEvent","BentoCodeSnippetEvent2","parser","LRParser","csvLanguage","LRLanguage","styleTags","csv","LanguageSupport","importsMap","json","xml","javascript","java","python","getLangLoader","getIndentation","state","line","currentLine","indentMatch","INDENT_SAME_AS_LINE_BEFORE","dispatch","changes","range","newText","EditorSelection","__default__","messages","props","__props","emit","__emit","attrs","useAttrs","t","useI18n","selectedLanguage","ref","availableLanguages","handleChangeLanguage","displayedLang","computed","isInlineVariant","conditionalClasses","codeAreaContentConditionalClasses","loadLang","container","shallowRef","editor","languageConf","Compartment","editorTheme","editorReadOnly","editorAttributes","currentContents","contentLength","runText","onMounted","updateCurrentContents","state2","extensions","highlightActiveLine","keymap","indentWithTab","EditorState","EditorView","content","lineNumbers","history","watch","upcomingContentLength","onActionClicked","watchEffect","showModal"],"mappings":"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","x_google_ignoreList":[2]}
|
|
1
|
+
{"version":3,"file":"code-snippet.Bjf1ma1L.js","sources":["../../../vue2/src/components/code-snippet/highlight.ts","../../../vue2/src/components/code-snippet/code-snippet.types.ts","../../../../node_modules/.pnpm/codemirror-lang-csv@0.1.1/node_modules/codemirror-lang-csv/dist/index.js","../../../vue2/src/components/code-snippet/utils/get-lang-loader.ts","../../../vue2/src/components/code-snippet/utils/indent-same-as-line-before-extension.ts","../../../vue2/src/components/code-snippet/code-snippet.vue"],"sourcesContent":["import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\nimport {\n BCodeSnippetCodeAreaHighlightBlue,\n BCodeSnippetCodeAreaHighlightGreen,\n BCodeSnippetCodeAreaHighlightOrange,\n BCodeSnippetCodeAreaHighlightRed,\n} from '@adyen/bento-design-tokens/dist/js/bento/es6';\nimport { type BentoCodeSnippetSupportedLanguage } from './code-snippet.types';\n\nconst lightThemeColors = {\n red: BCodeSnippetCodeAreaHighlightRed,\n orange: BCodeSnippetCodeAreaHighlightOrange,\n green: BCodeSnippetCodeAreaHighlightGreen,\n blue: BCodeSnippetCodeAreaHighlightBlue,\n invalid: '#ffffff',\n};\n\nconst highlightStyle = (colors, language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) =>\n HighlightStyle.define([\n {\n tag: t.keyword,\n color: colors.red,\n },\n {\n tag: [t.name, t.deleted, t.character, t.propertyName, t.macroName],\n color: colors.green,\n },\n {\n tag: [t.function(t.variableName), t.labelName],\n color: colors.blue,\n },\n {\n tag: [t.color, t.constant(t.name), t.standard(t.name)],\n color: colors.red,\n },\n {\n tag: [t.definition(t.name), ...(language !== 'json' ? [t.separator] : [])],\n color: colors.red,\n },\n {\n tag: [t.typeName, t.className, t.number, t.changed, t.annotation, t.modifier, t.self, t.namespace],\n color: colors.orange,\n },\n {\n tag: [t.operator, t.operatorKeyword, t.url, t.escape, t.regexp, t.link, t.special(t.string)],\n color: colors.blue,\n },\n {\n tag: [t.meta, t.comment],\n color: colors.orange,\n },\n {\n tag: t.strong,\n fontWeight: 'bold',\n },\n {\n tag: t.emphasis,\n fontStyle: 'italic',\n },\n {\n tag: t.strikethrough,\n textDecoration: 'line-through',\n },\n {\n tag: t.link,\n color: colors.orange,\n textDecoration: 'underline',\n },\n {\n tag: t.heading,\n fontWeight: 'bold',\n color: colors.blue,\n },\n {\n tag: [t.atom, t.bool, t.special(t.variableName)],\n color: colors.red,\n },\n {\n tag: [t.processingInstruction, t.string, t.inserted],\n color: colors.blue,\n },\n {\n tag: t.invalid,\n color: colors.invalid,\n },\n ]);\n\nexport const lightThemeHighlight = (\n language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`\n) => syntaxHighlighting(highlightStyle(lightThemeColors, language));\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetVariant {\n INLINE = 'inline',\n SINGLELINE = 'singleline',\n MULTILINE = 'multiline',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCodeSnippetSupportedLanguage {\n JSON = 'json',\n XML = 'xml',\n JAVA = 'java',\n JAVASCRIPT = 'javascript',\n PYTHON = 'python',\n CSV = 'csv',\n}\n\nexport enum BentoCodeSnippetEvent {\n ACTION = 'action',\n CHANGE = 'change',\n}\n\nexport interface BentoCodeSnippetProps {\n /**\n * Displays a button that when clicked will emit an action event\n * Leaves to the parent component the logic of what to do with it\n */\n actionable?: boolean;\n\n /**\n * Displays a button that when clicked will emit a run event\n * Leaves to the parent component the logic of what to do with it\n */\n actionableText?: string;\n\n /**\n * The code content\n */\n content?: string;\n\n /**\n * Displays a button that can expand the codeblock into a modal to easily\n * view large blocks of code.\n */\n expandable?: boolean;\n\n /**\n * Allows editing of the code-snippet content by the user\n */\n editable?: boolean;\n\n /**\n * Language name for syntax highlighting rules\n */\n lang?: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`;\n\n /**\n * Label to show in the action-bar, describing the language\n */\n langLabel?: string;\n\n /**\n * Toggles the loading indicator within the action bar\n */\n loading?: boolean;\n\n /**\n * Defines the variant of code-snippet\n */\n variant?: BentoCodeSnippetVariant | `${BentoCodeSnippetVariant}`;\n}\n","import { LRParser } from '@lezer/lr';\nimport { LRLanguage, LanguageSupport } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\n\n// This file was generated by lezer-generator. You probably shouldn't edit it.\nconst parser = LRParser.deserialize({\n version: 14,\n states: \"nQVQPOOOOQO'#Ce'#CeOOQO'#Ca'#CaQVQPOOOOQO-E6_-E6_\",\n stateData: \"g~OWOS~OQPORPOSPO~OQRSR~\",\n goto: \"eYPPPPPZPPPaQRORSRTQOR\",\n nodeNames: \"⚠ Program String Separator Value\",\n maxTerm: 9,\n skippedNodes: [0],\n repeatNodeCount: 1,\n tokenData: \"'Y~RZOYtYZ!cZrtrs!hs|t|}'T}!]t!]!^'T!^;'St;'S;=`!]<%lOt~yUS~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~!`P;=`<%lt~!hOW~~!m]S~OY!hYZ#fZr!hrs%Ss|!h|}#f}!]!h!]!^#f!^#O!h#O#P%m#P;'S!h;'S;=`&}<%lO!h~#iVOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|<%lO#f~$TOQ~~$WRO;'S#f;'S;=`$a;=`O#f~$dWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l#f<%lO#f~%PP;=`<%l#f~%ZUQ~S~OYtZ|t}!]t!^;'St;'S;=`!]<%lOt~%rYS~OY!hYZ#fZ|!h|}#f}!]!h!]!^#f!^;'S!h;'S;=`&b;=`<%l#f<%lO!h~&eWOr#frs$Os#O#f#O#P$T#P;'S#f;'S;=`$|;=`<%l!h<%lO#f~'QP;=`<%l!h~'YOR~\",\n tokenizers: [0],\n topRules: {\"Program\":[0,1]},\n tokenPrec: 18\n});\n\nconst csvLanguage = LRLanguage.define({\n parser: parser.configure({\n props: [\n styleTags({\n Separator: tags.separator,\n Value: tags.string,\n String: tags.string,\n LineComment: tags.lineComment,\n \"( )\": tags.paren,\n }),\n ],\n }),\n});\nfunction csv() {\n return new LanguageSupport(csvLanguage);\n}\n\nexport { csv, csvLanguage };\n","import { BentoCodeSnippetSupportedLanguage } from '@/components/code-snippet/code-snippet.types';\nimport { json } from '@codemirror/lang-json';\nimport { xml } from '@codemirror/lang-xml';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { java } from '@codemirror/lang-java';\nimport { python } from '@codemirror/lang-python';\nimport { csv } from 'codemirror-lang-csv';\nimport type { LanguageSupport } from '@codemirror/language';\n\n/**\n * TODO: This should be handled with dynamic imports,\n * without relying on importing every single language/package available.\n * These supported types need to be kept in line with the ones in packages/vue2/src/components/code-snippet/code-snippet.types.ts enum\n */\nconst importsMap: Record<BentoCodeSnippetSupportedLanguage, () => LanguageSupport> = {\n [BentoCodeSnippetSupportedLanguage.JSON]: json,\n [BentoCodeSnippetSupportedLanguage.XML]: xml,\n [BentoCodeSnippetSupportedLanguage.JAVASCRIPT]: javascript,\n [BentoCodeSnippetSupportedLanguage.JAVA]: java,\n [BentoCodeSnippetSupportedLanguage.PYTHON]: python,\n [BentoCodeSnippetSupportedLanguage.CSV]: csv,\n};\n\n/**\n * Returns a language loder for `CodeMirror`.\n * Supported languages: json, xml, javascript & java\n *\n * @param language Language to be used\n * @returns Language configuration loader to be used in codemirror\n */\nexport const getLangLoader = (language: BentoCodeSnippetSupportedLanguage | `${BentoCodeSnippetSupportedLanguage}`) => {\n const loadLang = async () => importsMap[language];\n\n return loadLang;\n};\n","import { EditorSelection, type EditorState, type SelectionRange } from '@codemirror/state';\n\n/**\n * Calculate indentation for a new line based on line before it.\n * @param state - The editor state\n * @param line - the selection range, in this case one line\n * @returns the indentation string to be pre-pended on a new line.\n */\nconst getIndentation = (state: EditorState, line: SelectionRange) => {\n const currentLine = state.doc.lineAt(line.from);\n const indentMatch = /^\\s*/.exec(currentLine.text);\n return indentMatch ? indentMatch[0] : '';\n};\n\n/**\n * This extension to codemirror will, upon pressing the 'Enter' key, indent the new line\n * the same as the line before it.\n */\nexport const INDENT_SAME_AS_LINE_BEFORE = {\n key: 'Enter',\n run: ({ state, dispatch }) => {\n const changes = state.changeByRange(range => {\n const indentation = getIndentation(state, range);\n const newText = `\\n${indentation}`;\n return {\n changes: { from: range.from, to: range.to, insert: newText },\n range: EditorSelection.cursor(range.from + newText.length),\n };\n });\n dispatch(state.update(changes, { scrollIntoView: true, userEvent: 'input' }));\n return true;\n },\n};\n\nexport default INDENT_SAME_AS_LINE_BEFORE;\n","<template>\n <div class=\"b-code-snippet\" :class=\"conditionalClasses\">\n <section v-if=\"!isInlineVariant\" class=\"b-code-snippet__action-bar\">\n <div class=\"b-code-snippet__action-bar--start\">\n <bento-dropdown\n v-if=\"availableLanguages.length > 0\"\n v-model=\"selectedLanguage\"\n v-bind=\"$props\"\n :disabled=\"availableLanguages.length === 1\"\n :items=\"availableLanguages\"\n class=\"b-code-snippet__language-picker\"\n @input=\"handleChangeLanguage\"\n />\n <bento-typography el=\"span\" stronger>\n {{ displayedLang }}\n </bento-typography>\n </div>\n <div class=\"b-code-snippet__action-bar--end\">\n <bento-loading-indicator v-if=\"loading\" />\n <copy v-if=\"currentContents !== null\" class=\"b-structured-list__icon\" :text=\"currentContents\" />\n <bento-button\n v-if=\"expandable\"\n variant=\"tertiary\"\n condensed\n :aria-label=\"t('expand')\"\n @click=\"showModal = true\"\n >\n <template #iconLeft>\n <expand-icon />\n </template>\n </bento-button>\n <bento-button v-if=\"actionable\" variant=\"primary\" tertiary condensed @click=\"onActionClicked\">\n <template #iconLeft>\n <bento-typography el=\"span\" class=\"b-code-snippet__action-button\">\n {{ runText }}\n </bento-typography>\n </template>\n </bento-button>\n </div>\n </section>\n <code v-if=\"content || editable\" class=\"b-code-snippet__code-area\">\n <div ref=\"container\" class=\"b-code-snippet__code-area-content\" :class=\"codeAreaContentConditionalClasses\" />\n </code>\n <section v-else>\n <slot name=\"empty-state\">\n <!-- TODO: switch with empty-state component when ready -->\n <div class=\"b-code-snippet__empty-state\">{{ t('nothingToDisplay') }}</div>\n </slot>\n </section>\n <base-modal\n v-if=\"expandable\"\n class=\"b-code-snippet__modal\"\n :hide-close-button=\"true\"\n :custom-padding=\"'0px'\"\n :is-dismissible=\"true\"\n :is-open=\"showModal\"\n size=\"large\"\n @close-modal=\"showModal = false\"\n >\n <template #content>\n <bento-code-snippet v-bind=\"{ ...$props, expandable: false }\" />\n </template>\n </base-modal>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, type HTMLAttributes, onMounted, ref, shallowRef, useAttrs, watch, watchEffect } from 'vue';\n import { EditorView, highlightActiveLine, keymap, lineNumbers } from '@codemirror/view';\n import { Compartment, EditorState } from '@codemirror/state';\n import { history, indentWithTab } from '@codemirror/commands';\n import { lightThemeHighlight } from './highlight';\n import { getLangLoader, INDENT_SAME_AS_LINE_BEFORE } from './utils';\n import { BentoDropdown } from '@/components/dropdown';\n import { BentoButton } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n import { useI18n } from '@/utils/ts/i18n';\n import { Copy } from '@/internal';\n import {\n BentoCodeSnippetEvent,\n type BentoCodeSnippetProps,\n BentoCodeSnippetSupportedLanguage,\n BentoCodeSnippetVariant,\n } from './code-snippet.types';\n import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n import BaseModal from '@/components/modal/components/base-modal/base-modal.vue';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = withDefaults(defineProps<BentoCodeSnippetProps>(), {\n actionable: false,\n actionableText: null,\n content: '',\n editable: false,\n expandable: false,\n lang: BentoCodeSnippetSupportedLanguage.JSON,\n langLabel: null,\n loading: false,\n variant: BentoCodeSnippetVariant.MULTILINE,\n });\n\n const emit = defineEmits([BentoCodeSnippetEvent.ACTION, BentoCodeSnippetEvent.CHANGE]);\n\n const attrs = useAttrs();\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // language\n const selectedLanguage = ref<string | null>(null);\n const availableLanguages = []; // TODO: implement\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n const handleChangeLanguage = () => {};\n const displayedLang = computed(() => props.langLabel ?? props.lang.toUpperCase());\n\n const isInlineVariant = computed(() => props.variant === BentoCodeSnippetVariant.INLINE);\n\n const conditionalClasses = computed(() => ({\n 'b-code-snippet--inline': isInlineVariant.value,\n 'b-code-snippet--scrollable': !isInlineVariant.value,\n }));\n\n const codeAreaContentConditionalClasses = computed(() => ({\n 'b-code-snippet__code-area-content--editable': props.editable,\n }));\n\n const loadLang = getLangLoader(props.lang);\n\n const container = shallowRef<HTMLDivElement>();\n const editor = shallowRef<EditorView>();\n const languageConf = new Compartment();\n const editorTheme = new Compartment();\n const editorReadOnly = new Compartment();\n const editorAttributes = new Compartment();\n\n const currentContents = ref(null);\n const contentLength = ref(0);\n\n const runText = computed(() => props.actionableText || t('run'));\n\n onMounted(async () => {\n const language = await loadLang();\n\n // alongside the updateListener plugin it acts as a watcher of changes to the editor state\n currentContents.value = props.content;\n const updateCurrentContents = ({ state }) => {\n currentContents.value = state.doc.toString();\n };\n\n const extensions = [\n highlightActiveLine(),\n keymap.of([indentWithTab, INDENT_SAME_AS_LINE_BEFORE]),\n languageConf.of(language()),\n editorTheme.of(lightThemeHighlight(props.lang)),\n editorReadOnly.of(EditorState.readOnly.of(!props.editable)),\n editorAttributes.of(\n EditorView.contentAttributes.of({\n 'aria-label': (attrs['aria-label'] as HTMLAttributes['aria-label']) ?? t('codeSnippet'),\n ...(!isInlineVariant.value && { tabindex: '0' }),\n })\n ),\n EditorView.updateListener.of(content => updateCurrentContents(content)),\n ];\n\n if (props.variant === 'multiline') {\n extensions.push([lineNumbers(), history()]);\n }\n\n const state = EditorState.create({\n doc: props.content,\n extensions: [...extensions],\n });\n contentLength.value = state.doc.length;\n\n editor.value = new EditorView({\n state,\n parent: container.value,\n });\n });\n watch(\n () => props.content,\n () => {\n if (props.content !== currentContents.value) {\n const upcomingContentLength = props.content.length;\n editor.value.dispatch({\n changes: {\n from: 0,\n to: contentLength.value,\n insert: props.content,\n },\n });\n contentLength.value = upcomingContentLength;\n }\n }\n );\n\n const onActionClicked = () => {\n emit(BentoCodeSnippetEvent.ACTION, currentContents.value);\n };\n\n watchEffect(() => {\n if (currentContents.value !== null) {\n emit(BentoCodeSnippetEvent.CHANGE, currentContents.value);\n }\n });\n\n const showModal = ref(false);\n</script>\n\n<script lang=\"ts\">\n /**\n * A code-snippet is a container to display code in a readable way.\n * Come with added functionalities like syntax highlighting, editing and actioning the code\n *\n * @example\n * import { BentoCodeSnippet } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCodeSnippet },\n * template: `\n * <bento-code-snippet :variant=\"BentoCodeSnippetVariant.MULTILINE\" content=\"{ example: 1234 }\" />\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-code-snippet',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./code-snippet.scss\"></style>\n"],"names":["lightThemeColors","BCodeSnippetCodeAreaHighlightRed","BCodeSnippetCodeAreaHighlightOrange","BCodeSnippetCodeAreaHighlightGreen","BCodeSnippetCodeAreaHighlightBlue","highlightStyle","colors","language","HighlightStyle","tags","lightThemeHighlight","syntaxHighlighting","BentoCodeSnippetVariant","BentoCodeSnippetVariant2","BentoCodeSnippetSupportedLanguage","BentoCodeSnippetSupportedLanguage2","BentoCodeSnippetEvent","BentoCodeSnippetEvent2","parser","LRParser","csvLanguage","LRLanguage","styleTags","csv","LanguageSupport","importsMap","json","xml","javascript","java","python","getLangLoader","getIndentation","state","line","currentLine","indentMatch","INDENT_SAME_AS_LINE_BEFORE","dispatch","changes","range","newText","EditorSelection","__default__","messages","props","__props","emit","__emit","attrs","useAttrs","t","useI18n","selectedLanguage","ref","availableLanguages","handleChangeLanguage","displayedLang","computed","isInlineVariant","conditionalClasses","codeAreaContentConditionalClasses","loadLang","container","shallowRef","editor","languageConf","Compartment","editorTheme","editorReadOnly","editorAttributes","currentContents","contentLength","runText","onMounted","updateCurrentContents","state2","extensions","highlightActiveLine","keymap","indentWithTab","EditorState","EditorView","content","lineNumbers","history","watch","upcomingContentLength","onActionClicked","watchEffect","showModal"],"mappings":";;;;;;;;;;;;;AAUA,MAAAA,KAAA;AAAA,EAAyB,KAAAC;AAAA,EAChB,QAAAC;AAAA,EACG,OAAAC;AAAA,EACD,MAAAC;AAAA,EACD,SAAA;AAEV,GAEAC,KAAA,CAAAC,GAAAC,MAAAC,GAAA,OAAA;AAAA,EAC0B;AAAA,IAClB,KAAAC,EAAA;AAAA,IACW,OAAAH,EAAA;AAAA,EACO;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,MAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,cAAAA,EAAA,SAAA;AAAA,IACqE,OAAAH,EAAA;AAAA,EACnD;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,SAAAA,EAAA,YAAA,GAAAA,EAAA,SAAA;AAAA,IACiD,OAAAH,EAAA;AAAA,EAC/B;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,OAAAA,EAAA,SAAAA,EAAA,IAAA,GAAAA,EAAA,SAAAA,EAAA,IAAA,CAAA;AAAA,IACyD,OAAAH,EAAA;AAAA,EACvC;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,WAAAA,EAAA,IAAA,GAAA,GAAAF,MAAA,SAAA,CAAAE,EAAA,SAAA,IAAA,CAAA,CAAA;AAAA,IAC6E,OAAAH,EAAA;AAAA,EAC3D;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,UAAAA,EAAA,WAAAA,EAAA,QAAAA,EAAA,SAAAA,EAAA,YAAAA,EAAA,UAAAA,EAAA,MAAAA,EAAA,SAAA;AAAA,IACqG,OAAAH,EAAA;AAAA,EACnF;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,UAAAA,EAAA,iBAAAA,EAAA,KAAAA,EAAA,QAAAA,EAAA,QAAAA,EAAA,MAAAA,EAAA,QAAAA,EAAA,MAAA,CAAA;AAAA,IAC+F,OAAAH,EAAA;AAAA,EAC7E;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,MAAAA,EAAA,OAAA;AAAA,IAC2B,OAAAH,EAAA;AAAA,EACT;AAAA,EAClB;AAAA,IACA,KAAAG,EAAA;AAAA,IACW,YAAA;AAAA,EACK;AAAA,EAChB;AAAA,IACA,KAAAA,EAAA;AAAA,IACW,WAAA;AAAA,EACI;AAAA,EACf;AAAA,IACA,KAAAA,EAAA;AAAA,IACW,gBAAA;AAAA,EACS;AAAA,EACpB;AAAA,IACA,KAAAA,EAAA;AAAA,IACW,OAAAH,EAAA;AAAA,IACO,gBAAA;AAAA,EACE;AAAA,EACpB;AAAA,IACA,KAAAG,EAAA;AAAA,IACW,YAAA;AAAA,IACK,OAAAH,EAAA;AAAA,EACE;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,MAAAA,EAAA,MAAAA,EAAA,QAAAA,EAAA,YAAA,CAAA;AAAA,IACmD,OAAAH,EAAA;AAAA,EACjC;AAAA,EAClB;AAAA,IACA,KAAA,CAAAG,EAAA,uBAAAA,EAAA,QAAAA,EAAA,QAAA;AAAA,IACuD,OAAAH,EAAA;AAAA,EACrC;AAAA,EAClB;AAAA,IACA,KAAAG,EAAA;AAAA,IACW,OAAAH,EAAA;AAAA,EACO;AAEtB,CAAA,GAEGI,KAAA,CAAAH,MAAAI,GAAAN,GAAAL,IAAAO,CAAA,CAAA;ACrFK,IAAAK,IAAA,kBAAAC,OACRA,EAAA,SAAA,UACAA,EAAA,aAAA,cACAA,EAAA,YAAA,aAHQA,IAAAD,KAAA,CAAA,CAAA,GASAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,MAAA,OACAA,EAAA,OAAA,QACAA,EAAA,aAAA,cACAA,EAAA,SAAA,UACAA,EAAA,MAAA,OANQA,IAAAD,KAAA,CAAA,CAAA,GASAE,IAAA,kBAAAC,OACRA,EAAA,SAAA,UACAA,EAAA,SAAA,UAFQA,IAAAD,KAAA,CAAA,CAAA;AChBZ,MAAAE,KAAAC,GAAA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA,CAAA,CAAA;AAAA,EACA,iBAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,CAAA,CAAA;AAAA,EACA,UAAA,EAAA,SAAA,CAAA,GAAA,CAAA,EAAA;AAAA,EACA,WAAA;AACA,CAAA,GAEAC,KAAAC,GAAA,OAAA;AAAA,EACA,QAAAH,GAAA,UAAA;AAAA,IACA,OAAA;AAAA,MACAI,GAAA;AAAA,QACA,WAAAb,EAAA;AAAA,QACA,OAAAA,EAAA;AAAA,QACA,QAAAA,EAAA;AAAA,QACA,aAAAA,EAAA;AAAA,QACA,OAAAA,EAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,EACA,CAAA;AACA,CAAA;AACA,SAAAc,KAAA;AACA,SAAA,IAAAC,GAAAJ,EAAA;AACA;ACrBA,MAAAK,KAAA;AAAA,EAAqF,CAAAX,EAAA,IAAA,GAAAY;AAAA,EACvC,CAAAZ,EAAA,GAAA,GAAAa;AAAA,EACD,CAAAb,EAAA,UAAA,GAAAc;AAAA,EACO,CAAAd,EAAA,IAAA,GAAAe;AAAA,EACN,CAAAf,EAAA,MAAA,GAAAgB;AAAA,EACE,CAAAhB,EAAA,GAAA,GAAAS;AAEhD,GASaQ,KAAA,CAAAxB,MACT,YAAAkB,GAAAlB,CAAA,GCvBJyB,KAAA,CAAAC,GAAAC,MAAA;AACI,QAAAC,IAAAF,EAAA,IAAA,OAAAC,EAAA,IAAA,GACAE,IAAA,OAAA,KAAAD,EAAA,IAAA;AACA,SAAAC,IAAAA,EAAA,CAAA,IAAA;AACJ,GAMOC,KAAA;AAAA,EAAmC,KAAA;AAAA,EACjC,KAAA,CAAA,EAAA,OAAAJ,GAAA,UAAAK,EAAA,MAAA;AAED,UAAAC,IAAAN,EAAA,cAAA,CAAAO,MAAA;AAEI,YAAAC,IAAA;AAAA,EADAT,GAAAC,GAAAO,CAAA,CACgB;AAChB,aAAA;AAAA,QAAO,SAAA,EAAA,MAAAA,EAAA,MAAA,IAAAA,EAAA,IAAA,QAAAC,EAAA;AAAA,QACwD,OAAAC,GAAA,OAAAF,EAAA,OAAAC,EAAA,MAAA;AAAA,MACF;AAAA,IAC7D,CAAA;AAEJ,WAAAH,EAAAL,EAAA,OAAAM,GAAA,EAAA,gBAAA,IAAA,WAAA,QAAA,CAAA,CAAA,GACA;AAAA,EAAO;AAEf;;;;;;;;;;;;;;;;;;;;;;;mECgMII,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;;;;AAxIA,UAAAC,IAAAC,GAYAC,IAAAC,GAEAC,IAAAC,GAAA,GACA,EAAA,GAAAC,EAAA,IAAAC,GAAA,EAAA,UAAAR,EAAA,CAAA,GAGAS,IAAAC,EAAA,IAAA,GACAC,IAAA,CAAA,GAEAC,IAAA,MAAA;AAAA,IAAmC,GACnCC,IAAAC,EAAA,MAAAb,EAAA,aAAAA,EAAA,KAAA,YAAA,CAAA,GAEAc,IAAAD,EAAA,MAAAb,EAAA,YAAAjC,EAAA,MAAA,GAEAgD,IAAAF,EAAA,OAAA;AAAA,MAA2C,0BAAAC,EAAA;AAAA,MACG,8BAAA,CAAAA,EAAA;AAAA,IACK,EAAA,GAGnDE,IAAAH,EAAA,OAAA;AAAA,MAA0D,+CAAAb,EAAA;AAAA,IACD,EAAA,GAGzDiB,IAAA/B,GAAAc,EAAA,IAAA,GAEAkB,IAAAC,EAAA,GACAC,IAAAD,EAAA,GACAE,IAAA,IAAAC,EAAA,GACAC,IAAA,IAAAD,EAAA,GACAE,IAAA,IAAAF,EAAA,GACAG,IAAA,IAAAH,EAAA,GAEAI,IAAAjB,EAAA,IAAA,GACAkB,IAAAlB,EAAA,CAAA,GAEAmB,IAAAf,EAAA,MAAAb,EAAA,kBAAAM,EAAA,KAAA,CAAA;AAEA,IAAAuB,GAAA,YAAA;AACI,YAAAnE,IAAA,MAAAuD,EAAA;AAGA,MAAAS,EAAA,QAAA1B,EAAA;AACA,YAAA8B,IAAA,CAAA,EAAA,OAAAC,EAAA,MAAA;AACI,QAAAL,EAAA,QAAAK,EAAA,IAAA,SAAA;AAAA,MAA2C,GAG/CC,IAAA;AAAA,QAAmBC,GAAA;AAAA,QACKC,GAAA,GAAA,CAAAC,IAAA3C,EAAA,CAAA;AAAA,QACiC6B,EAAA,GAAA3D,EAAA,CAAA;AAAA,QAC3B6D,EAAA,GAAA1D,GAAAmC,EAAA,IAAA,CAAA;AAAA,QACoBwB,EAAA,GAAAY,EAAA,SAAA,GAAA,CAAApC,EAAA,QAAA,CAAA;AAAA,QACYyB,EAAA;AAAA,UACzCY,EAAA,kBAAA,GAAA;AAAA,YACmB,cAAAjC,EAAA,YAAA,KAAAE,EAAA,aAAA;AAAA,YAC0D,GAAA,CAAAQ,EAAA,SAAA,EAAA,UAAA,IAAA;AAAA,UACxC,CAAA;AAAA,QACjD;AAAA,QACLuB,EAAA,eAAA,GAAA,CAAAC,MAAAR,EAAAQ,CAAA,CAAA;AAAA,MACsE;AAG1E,MAAAtC,EAAA,YAAA,eACIgC,EAAA,KAAA,CAAAO,GAAA,GAAAC,GAAA,CAAA,CAAA;AAGJ,YAAApD,IAAAgD,EAAA,OAAA;AAAA,QAAiC,KAAApC,EAAA;AAAA,QAClB,YAAA,CAAA,GAAAgC,CAAA;AAAA,MACe,CAAA;AAE9B,MAAAL,EAAA,QAAAvC,EAAA,IAAA,QAEAgC,EAAA,QAAA,IAAAiB,EAAA;AAAA,QAA8B,OAAAjD;AAAA,QAC1B,QAAA8B,EAAA;AAAA,MACkB,CAAA;AAAA,IACrB,CAAA,GAELuB;AAAA,MAAA,MAAAzC,EAAA;AAAA,MACgB,MAAA;AAER,YAAAA,EAAA,YAAA0B,EAAA,OAAA;AACI,gBAAAgB,IAAA1C,EAAA,QAAA;AACA,UAAAoB,EAAA,MAAA,SAAA;AAAA,YAAsB,SAAA;AAAA,cACT,MAAA;AAAA,cACC,IAAAO,EAAA;AAAA,cACY,QAAA3B,EAAA;AAAA,YACJ;AAAA,UAClB,CAAA,GAEJ2B,EAAA,QAAAe;AAAA,QAAsB;AAAA,MAC1B;AAAA,IACJ;AAGJ,UAAAC,IAAA,MAAA;AACI,MAAAzC,EAAA/B,EAAA,QAAAuD,EAAA,KAAA;AAAA,IAAwD;AAG5D,IAAAkB,GAAA,MAAA;AACI,MAAAlB,EAAA,UAAA,QACIxB,EAAA/B,EAAA,QAAAuD,EAAA,KAAA;AAAA,IACJ,CAAA;AAGJ,UAAAmB,IAAApC,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[2]}
|