xv-webcomponents 1.22.1 → 1.22.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-DpLAFt0R.js +3728 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_48.cjs.entry.js +49 -49
- package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-accordion/xv-accordion.css +0 -127
- package/dist/collection/components/xv-accordion-item/xv-accordion-item.css +0 -127
- package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.css +0 -127
- package/dist/collection/components/xv-button/xv-button-v2.css +0 -127
- package/dist/collection/components/xv-button-group/xv-button-group.css +0 -127
- package/dist/collection/components/xv-card/xv-card.css +0 -127
- package/dist/collection/components/xv-checkbox/xv-checkbox.css +0 -127
- package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.css +0 -127
- package/dist/collection/components/xv-content-switcher/xv-content-switcher.css +0 -127
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.css +0 -127
- package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.css +0 -127
- package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.css +0 -127
- package/dist/collection/components/xv-data-table/xv-data-table.css +0 -127
- package/dist/collection/components/xv-datepicker/xv-datepicker.css +0 -127
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.css +0 -127
- package/dist/collection/components/xv-dropdown/xv-dropdown.css +0 -127
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.css +0 -127
- package/dist/collection/components/xv-footer/xv-footer.css +0 -222
- package/dist/collection/components/xv-header/xv-header.css +0 -222
- package/dist/collection/components/xv-header-next/xv-header-next.css +0 -222
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.css +0 -127
- package/dist/collection/components/xv-link/xv-link.css +0 -127
- package/dist/collection/components/xv-loader/xv-loader.css +0 -127
- package/dist/collection/components/xv-login-modal/xv-login-modal.css +0 -127
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +0 -254
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.css +0 -254
- package/dist/collection/components/xv-modal/xv-modal.css +0 -127
- package/dist/collection/components/xv-notification/xv-notification.css +0 -127
- package/dist/collection/components/xv-number-input/xv-number-input.css +0 -127
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.css +0 -127
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.css +0 -127
- package/dist/collection/components/xv-pagination/xv-pagination.css +0 -127
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.css +0 -127
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.css +0 -127
- package/dist/collection/components/xv-radio/xv-radio.css +0 -127
- package/dist/collection/components/xv-slider/xv-slider.css +0 -127
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.css +0 -127
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.css +0 -127
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.css +0 -127
- package/dist/collection/components/xv-table/xv-table.css +0 -127
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.css +0 -127
- package/dist/collection/components/xv-tabs/xv-tabs.css +0 -127
- package/dist/collection/components/xv-tag/xv-tag.css +0 -127
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.css +0 -127
- package/dist/collection/components/xv-text-input/xv-text-input.css +0 -127
- package/dist/collection/components/xv-textarea/xv-textarea.css +0 -127
- package/dist/collection/components/xv-tile/xv-tile.css +0 -127
- package/dist/collection/components/xv-toggle/xv-toggle.css +0 -127
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.css +0 -127
- package/dist/collection/components/xv-tooltip/xv-tooltip.css +0 -32
- package/dist/esm/index-DmxA2ysB.js +3717 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/xv-accordion-v2_48.entry.js +49 -49
- package/dist/esm/xv-header-next.entry.js +2 -2
- package/dist/esm/xv-mega-menu-next.entry.js +2 -2
- package/dist/esm/xv-webcomponents.js +2 -2
- package/dist/xv-webcomponents/p-38e5f1e1.entry.js +1 -0
- package/dist/xv-webcomponents/p-511519a7.entry.js +8 -0
- package/dist/xv-webcomponents/p-7e05cb50.entry.js +1 -0
- package/dist/xv-webcomponents/p-DmxA2ysB.js +2 -0
- package/dist/xv-webcomponents/xv-webcomponents.css +2 -17
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/index-C4fJ70r4.js +0 -3728
- package/dist/esm/index-Cv2gugMt.js +0 -3717
- package/dist/xv-webcomponents/p-4ad13642.entry.js +0 -1
- package/dist/xv-webcomponents/p-616a74df.entry.js +0 -8
- package/dist/xv-webcomponents/p-8eca98c5.entry.js +0 -1
- package/dist/xv-webcomponents/p-Cv2gugMt.js +0 -2
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DpLAFt0R.js');
|
|
4
4
|
var _vars = require('./_vars-DMytunQw.js');
|
|
5
5
|
var index$1 = require('./index-Cb30DBqk.js');
|
|
6
6
|
|
|
7
7
|
const userMagnifyingGlassRegularFullSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==';
|
|
8
8
|
|
|
9
|
-
const xvHeaderNextCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}header.header{position:sticky;z-index:1000;top:0}header.header .header-wrapper{width:100vw;padding-top:var(--spacing-04);background-color:var(--background, #fff);box-shadow:1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3)}@media (max-width: 991px){header.header .header-wrapper{padding-bottom:var(--spacing-04)}}header.header .header-wrapper--bg{background:var(--menu-background, transparent);color:var(--menu-color, var(--text-primary, #131313))}header.header .header-top{display:flex;align-items:center;gap:var(--spacing-05)}header.header .header-top--left{width:100%;max-width:350px;display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top--left img{width:100%;height:26px;object-fit:contain}header.header .header-top--left .menu-btn{display:none}@media (max-width: 991px){header.header .header-top--left .menu-btn{display:inline-block}}header.header .header-top--right{flex:1;display:flex;justify-content:flex-end;gap:var(--spacing-03);margin:0;padding:0;list-style:none}@media (max-width: 1199px){header.header .header-top--right{gap:var(--spacing-01)}}header.header .header-top--right .header-label{display:flex;flex-direction:column;color:var(--text-primary, #131313)}header.header .header-top--right .header-label>small{line-height:1}@media (min-width: 992px){header.header .header-top--right .header-label{margin-inline:var(--spacing-02)}}@media (max-width: 1199px){header.header .header-top--right .header-label{display:none}}header.header .header-top--right .header-icon{color:var(--icon-primary, #131313)}header.header .header-top--right .caret{display:inline-block;margin-left:5px;width:6px;height:6px;border:none;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);box-sizing:border-box;background:transparent;transform-origin:center;transition:0.25s ease-in-out transform}header.header .header-top--right .counter-badge--absolute{position:absolute;top:0;right:0}header.header .header-top--right .counter-badge::part(details-content){padding:1px;line-height:1;min-width:16px;height:16px;font-size:10px;text-align:center;display:inline-flex;align-items:center;justify-content:center}header.header .header-top--orgUnit{--link-visited:var(--link-primary)}header.header .header-top .fa-question-circle{color:var(--icon-primary, #131313)}header.header .header-top .search-form{flex:1;position:relative}@media (max-width: 768px){header.header .header-top .search-form{display:none}}header.header .header-top .search-form form{padding-inline:2px;flex:1;display:flex;align-items:stretch;flex-direction:row;justify-content:flex-end}header.header .header-top .search-form form input[type=search]{flex:0;text-align:right;display:inline-flex;border:none;min-width:0;transition:flex 0.3s ease-in-out, outline 0.3s ease;overflow:hidden;border-radius:3px}header.header .header-top .search-form form input[type=search]::placeholder{color:var(--text-placeholder, #ACACAC)}header.header .header-top .search-form form input[type=search]:focus{outline:2px solid var(--focus)}header.header .header-top .search-form form>[type=button]{display:inline-flex}header.header .header-top .search-form form>[type=submit]{display:none}header.header .header-top .search-form form:focus-within>[type=button],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=button]{display:none}header.header .header-top .search-form form:focus-within>[type=submit],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=submit]{display:inline-flex}header.header .header-top .search-form form:focus-within input[type=search],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search]{flex:1;outline:1px solid var(--focus)}header.header .header-top .search-form form:focus-within+.search-form-suggestions,header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))+.search-form-suggestions{display:flex}header.header .header-top .search-form-suggestions{position:absolute;top:calc(100% + 5px);background-color:var(--background, #fff);box-shadow:0 0 10px rgba(0, 0, 0, 0.1);border-radius:3px;z-index:2;padding:var(--spacing-04);margin:0;list-style:none;display:none;flex-direction:column;row-gap:var(--spacing-02);min-width:calc(100% - 32px)}header.header .header-top .search-form-suggestions.loading:after{display:flex;align-items:center;justify-content:center;content:"";background:rgba(255, 255, 255, 0.8);position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}header.header .header-top .impersonationInfo ul[slot=body]{margin:0;padding:0;list-style:none;min-width:256px}header.header .header-top .notifications-icon{font-size:14px}header.header .header-top .notifications-item{display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top .notifications-item-body{display:flex;flex-direction:column}header.header .header-top .myArea{position:relative}header.header .header-top .myArea-list{padding:0;margin:0;list-style:none;max-height:0;overflow-y:scroll;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:absolute;right:0;top:calc(100% + var(--spacing-02, 5px));min-width:100%;background-color:var(--background);z-index:999;border-radius:3px;box-shadow:0 5px 6px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column;white-space:nowrap}@supports (scrollbar-width: thin){header.header .header-top .myArea-list{scrollbar-width:thin;scrollbar-color:var(--layer-01) transparent}}header.header .header-top .myArea-list::-webkit-scrollbar{width:4px;height:4px}header.header .header-top .myArea-list::-webkit-scrollbar-thumb{background:var(--layer-01, #F7F7F7);border-radius:4px}header.header .header-top .myArea-list::-webkit-scrollbar-track{background:transparent}header.header .header-top .myArea-list--divider{height:2px;min-height:2px;width:100%;background-color:var(--layer-01, #F7F7F7);padding-block:0 !important}header.header .header-top .myArea-list--category{padding:var(--spacing-03) var(--spacing-05);margin-inline:var(--spacing-02);color:var(--text-primary);font-weight:bold}header.header .header-top .myArea-list>li:first-child{margin-top:var(--spacing-02)}header.header .header-top .myArea-list>li:last-child{margin-bottom:var(--spacing-02)}header.header .header-top .myArea-list>li>*{--link-primary:var(--text-secondary, #515151);--link-visited:var(--text-secondary, #515151);display:block;cursor:pointer;padding-inline:var(--spacing-05);padding-block:var(--spacing-02);margin-inline:var(--spacing-02)}header.header .header-top .myArea-list .category-badge{margin-left:var(--spacing-02)}header.header .header-top .myArea-list .category-badge::part(details-content){line-height:1;font-size:11px;padding:var(--spacing-01) var(--spacing-02)}header.header .header-top .myArea.isOpen .caret,header.header .header-top .myArea.onHover:hover .caret{transform:rotate(-135deg)}header.header .header-top .myArea.isOpen .myArea-list,header.header .header-top .myArea.onHover:hover .myArea-list{max-height:85vh}header.header .header-top .locale-switcher{display:inline-flex;align-items:center;gap:var(--spacing-03, 6px);padding:0 var(--spacing-03, 6px)}header.header .header-top .locale-switcher__sep{color:var(--border-subtle-01, #c6c6c6)}header.header .header-top .locale-switcher__link{text-transform:uppercase;letter-spacing:0.04em}header.header .header-top .locale-switcher__current{text-transform:uppercase;letter-spacing:0.04em;font-weight:700;color:var(--text-primary, #131313)}`;
|
|
9
|
+
const xvHeaderNextCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}header.header{position:sticky;z-index:1000;top:0}header.header .header-wrapper{width:100vw;padding-top:var(--spacing-04);background-color:var(--background, #fff);box-shadow:1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3)}@media (max-width: 991px){header.header .header-wrapper{padding-bottom:var(--spacing-04)}}header.header .header-wrapper--bg{background:var(--menu-background, transparent);color:var(--menu-color, var(--text-primary, #131313))}header.header .header-top{display:flex;align-items:center;gap:var(--spacing-05)}header.header .header-top--left{width:100%;max-width:350px;display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top--left img{width:100%;height:26px;object-fit:contain}header.header .header-top--left .menu-btn{display:none}@media (max-width: 991px){header.header .header-top--left .menu-btn{display:inline-block}}header.header .header-top--right{flex:1;display:flex;justify-content:flex-end;gap:var(--spacing-03);margin:0;padding:0;list-style:none}@media (max-width: 1199px){header.header .header-top--right{gap:var(--spacing-01)}}header.header .header-top--right .header-label{display:flex;flex-direction:column;color:var(--text-primary, #131313)}header.header .header-top--right .header-label>small{line-height:1}@media (min-width: 992px){header.header .header-top--right .header-label{margin-inline:var(--spacing-02)}}@media (max-width: 1199px){header.header .header-top--right .header-label{display:none}}header.header .header-top--right .header-icon{color:var(--icon-primary, #131313)}header.header .header-top--right .caret{display:inline-block;margin-left:5px;width:6px;height:6px;border:none;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);box-sizing:border-box;background:transparent;transform-origin:center;transition:0.25s ease-in-out transform}header.header .header-top--right .counter-badge--absolute{position:absolute;top:0;right:0}header.header .header-top--right .counter-badge::part(details-content){padding:1px;line-height:1;min-width:16px;height:16px;font-size:10px;text-align:center;display:inline-flex;align-items:center;justify-content:center}header.header .header-top--orgUnit{--link-visited:var(--link-primary)}header.header .header-top .fa-question-circle{color:var(--icon-primary, #131313)}header.header .header-top .search-form{flex:1;position:relative}@media (max-width: 768px){header.header .header-top .search-form{display:none}}header.header .header-top .search-form form{padding-inline:2px;flex:1;display:flex;align-items:stretch;flex-direction:row;justify-content:flex-end}header.header .header-top .search-form form input[type=search]{flex:0;text-align:right;display:inline-flex;border:none;min-width:0;transition:flex 0.3s ease-in-out, outline 0.3s ease;overflow:hidden;border-radius:3px}header.header .header-top .search-form form input[type=search]::placeholder{color:var(--text-placeholder, #ACACAC)}header.header .header-top .search-form form input[type=search]:focus{outline:2px solid var(--focus)}header.header .header-top .search-form form>[type=button]{display:inline-flex}header.header .header-top .search-form form>[type=submit]{display:none}header.header .header-top .search-form form:focus-within>[type=button],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=button]{display:none}header.header .header-top .search-form form:focus-within>[type=submit],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))>[type=submit]{display:inline-flex}header.header .header-top .search-form form:focus-within input[type=search],header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search]{flex:1;outline:1px solid var(--focus)}header.header .header-top .search-form form:focus-within+.search-form-suggestions,header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown))+.search-form-suggestions{display:flex}header.header .header-top .search-form-suggestions{position:absolute;top:calc(100% + 5px);background-color:var(--background, #fff);box-shadow:0 0 10px rgba(0, 0, 0, 0.1);border-radius:3px;z-index:2;padding:var(--spacing-04);margin:0;list-style:none;display:none;flex-direction:column;row-gap:var(--spacing-02);min-width:calc(100% - 32px)}header.header .header-top .search-form-suggestions.loading:after{display:flex;align-items:center;justify-content:center;content:"";background:rgba(255, 255, 255, 0.8);position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}header.header .header-top .impersonationInfo ul[slot=body]{margin:0;padding:0;list-style:none;min-width:256px}header.header .header-top .notifications-icon{font-size:14px}header.header .header-top .notifications-item{display:flex;align-items:center;column-gap:var(--spacing-04)}header.header .header-top .notifications-item-body{display:flex;flex-direction:column}header.header .header-top .myArea{position:relative}header.header .header-top .myArea-list{padding:0;margin:0;list-style:none;max-height:0;overflow-y:scroll;transition:max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:absolute;right:0;top:calc(100% + var(--spacing-02, 5px));min-width:100%;background-color:var(--background);z-index:999;border-radius:3px;box-shadow:0 5px 6px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column;white-space:nowrap}@supports (scrollbar-width: thin){header.header .header-top .myArea-list{scrollbar-width:thin;scrollbar-color:var(--layer-01) transparent}}header.header .header-top .myArea-list::-webkit-scrollbar{width:4px;height:4px}header.header .header-top .myArea-list::-webkit-scrollbar-thumb{background:var(--layer-01, #F7F7F7);border-radius:4px}header.header .header-top .myArea-list::-webkit-scrollbar-track{background:transparent}header.header .header-top .myArea-list--divider{height:2px;min-height:2px;width:100%;background-color:var(--layer-01, #F7F7F7);padding-block:0 !important}header.header .header-top .myArea-list--category{padding:var(--spacing-03) var(--spacing-05);margin-inline:var(--spacing-02);color:var(--text-primary);font-weight:bold}header.header .header-top .myArea-list>li:first-child{margin-top:var(--spacing-02)}header.header .header-top .myArea-list>li:last-child{margin-bottom:var(--spacing-02)}header.header .header-top .myArea-list>li>*{--link-primary:var(--text-secondary, #515151);--link-visited:var(--text-secondary, #515151);display:block;cursor:pointer;padding-inline:var(--spacing-05);padding-block:var(--spacing-02);margin-inline:var(--spacing-02)}header.header .header-top .myArea-list .category-badge{margin-left:var(--spacing-02)}header.header .header-top .myArea-list .category-badge::part(details-content){line-height:1;font-size:11px;padding:var(--spacing-01) var(--spacing-02)}header.header .header-top .myArea.isOpen .caret,header.header .header-top .myArea.onHover:hover .caret{transform:rotate(-135deg)}header.header .header-top .myArea.isOpen .myArea-list,header.header .header-top .myArea.onHover:hover .myArea-list{max-height:85vh}header.header .header-top .locale-switcher{display:inline-flex;align-items:center;gap:var(--spacing-03, 6px);padding:0 var(--spacing-03, 6px)}header.header .header-top .locale-switcher__sep{color:var(--border-subtle-01, #c6c6c6)}header.header .header-top .locale-switcher__link{text-transform:uppercase;letter-spacing:0.04em}header.header .header-top .locale-switcher__current{text-transform:uppercase;letter-spacing:0.04em;font-weight:700;color:var(--text-primary, #131313)}`;
|
|
10
10
|
|
|
11
11
|
const XvHeaderNext = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DpLAFt0R.js');
|
|
4
4
|
var index$1 = require('./index-Cb30DBqk.js');
|
|
5
5
|
|
|
6
|
-
const xvMegaMenuNextCss = () => `.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-container{width:100%;max-width:1170px;margin-inline:auto}@media (min-width: 576px){.xv-container{max-width:540px}}@media (min-width: 768px){.xv-container{max-width:720px}}@media (min-width: 992px){.xv-container{max-width:960px;padding-inline:var(--bs-gutter-x, 0.75rem)}}@media (min-width: 1200px){.xv-container{max-width:1140px}}@media (min-width: 1400px){.xv-container{max-width:1320px}}.xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:"";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}`;
|
|
6
|
+
const xvMegaMenuNextCss = () => `:host{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}`;
|
|
7
7
|
|
|
8
8
|
const XvMegaMenuNext = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -1,130 +1,3 @@
|
|
|
1
|
-
.xv-container {
|
|
2
|
-
width: 100%;
|
|
3
|
-
max-width: 1170px;
|
|
4
|
-
margin-inline: auto;
|
|
5
|
-
}
|
|
6
|
-
@media (min-width: 576px) {
|
|
7
|
-
.xv-container {
|
|
8
|
-
max-width: 540px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
@media (min-width: 768px) {
|
|
12
|
-
.xv-container {
|
|
13
|
-
max-width: 720px;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
@media (min-width: 992px) {
|
|
17
|
-
.xv-container {
|
|
18
|
-
max-width: 960px;
|
|
19
|
-
padding-inline: var(--bs-gutter-x, 0.75rem);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
@media (min-width: 1200px) {
|
|
23
|
-
.xv-container {
|
|
24
|
-
max-width: 1140px;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
@media (min-width: 1400px) {
|
|
28
|
-
.xv-container {
|
|
29
|
-
max-width: 1320px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.xv-tooltip[role=tooltip] {
|
|
34
|
-
position: absolute;
|
|
35
|
-
background-color: var(--background-inverse, #333333);
|
|
36
|
-
color: var(--text-on-color);
|
|
37
|
-
padding: var(--spacing-03) var(--spacing-04);
|
|
38
|
-
border-radius: 3px;
|
|
39
|
-
font-size: var(--fz-sm);
|
|
40
|
-
z-index: 999;
|
|
41
|
-
min-width: min(150px, 90vw);
|
|
42
|
-
max-width: min(400px, 90vw);
|
|
43
|
-
}
|
|
44
|
-
.xv-tooltip[role=tooltip]::after {
|
|
45
|
-
content: "";
|
|
46
|
-
position: absolute;
|
|
47
|
-
width: 0;
|
|
48
|
-
height: 0;
|
|
49
|
-
border-style: solid;
|
|
50
|
-
}
|
|
51
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
52
|
-
bottom: -5px;
|
|
53
|
-
left: 50%;
|
|
54
|
-
transform: translateX(-50%);
|
|
55
|
-
border-width: 5px 5px 0 5px;
|
|
56
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
57
|
-
}
|
|
58
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
59
|
-
bottom: -5px;
|
|
60
|
-
left: 12px;
|
|
61
|
-
border-width: 5px 5px 0 5px;
|
|
62
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
63
|
-
}
|
|
64
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
65
|
-
bottom: -5px;
|
|
66
|
-
right: 12px;
|
|
67
|
-
border-width: 5px 5px 0 5px;
|
|
68
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
69
|
-
}
|
|
70
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
71
|
-
top: -5px;
|
|
72
|
-
left: 50%;
|
|
73
|
-
transform: translateX(-50%);
|
|
74
|
-
border-width: 0 5px 5px 5px;
|
|
75
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
76
|
-
}
|
|
77
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
78
|
-
top: -5px;
|
|
79
|
-
left: 12px;
|
|
80
|
-
border-width: 0 5px 5px 5px;
|
|
81
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
82
|
-
}
|
|
83
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
84
|
-
top: -5px;
|
|
85
|
-
right: 12px;
|
|
86
|
-
border-width: 0 5px 5px 5px;
|
|
87
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
88
|
-
}
|
|
89
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
90
|
-
top: 50%;
|
|
91
|
-
right: -5px;
|
|
92
|
-
transform: translateY(-50%);
|
|
93
|
-
border-width: 5px 0 5px 5px;
|
|
94
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
95
|
-
}
|
|
96
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
97
|
-
top: 12px;
|
|
98
|
-
right: -5px;
|
|
99
|
-
border-width: 5px 0 5px 5px;
|
|
100
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
101
|
-
}
|
|
102
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
103
|
-
bottom: 12px;
|
|
104
|
-
right: -5px;
|
|
105
|
-
border-width: 5px 0 5px 5px;
|
|
106
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
107
|
-
}
|
|
108
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
109
|
-
top: 50%;
|
|
110
|
-
left: -5px;
|
|
111
|
-
transform: translateY(-50%);
|
|
112
|
-
border-width: 5px 5px 5px 0;
|
|
113
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
114
|
-
}
|
|
115
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
116
|
-
top: 12px;
|
|
117
|
-
left: -5px;
|
|
118
|
-
border-width: 5px 5px 5px 0;
|
|
119
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
120
|
-
}
|
|
121
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
122
|
-
bottom: 12px;
|
|
123
|
-
left: -5px;
|
|
124
|
-
border-width: 5px 5px 5px 0;
|
|
125
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
1
|
:host {
|
|
129
2
|
display: block;
|
|
130
3
|
}
|
|
@@ -1,130 +1,3 @@
|
|
|
1
|
-
.xv-container {
|
|
2
|
-
width: 100%;
|
|
3
|
-
max-width: 1170px;
|
|
4
|
-
margin-inline: auto;
|
|
5
|
-
}
|
|
6
|
-
@media (min-width: 576px) {
|
|
7
|
-
.xv-container {
|
|
8
|
-
max-width: 540px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
@media (min-width: 768px) {
|
|
12
|
-
.xv-container {
|
|
13
|
-
max-width: 720px;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
@media (min-width: 992px) {
|
|
17
|
-
.xv-container {
|
|
18
|
-
max-width: 960px;
|
|
19
|
-
padding-inline: var(--bs-gutter-x, 0.75rem);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
@media (min-width: 1200px) {
|
|
23
|
-
.xv-container {
|
|
24
|
-
max-width: 1140px;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
@media (min-width: 1400px) {
|
|
28
|
-
.xv-container {
|
|
29
|
-
max-width: 1320px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.xv-tooltip[role=tooltip] {
|
|
34
|
-
position: absolute;
|
|
35
|
-
background-color: var(--background-inverse, #333333);
|
|
36
|
-
color: var(--text-on-color);
|
|
37
|
-
padding: var(--spacing-03) var(--spacing-04);
|
|
38
|
-
border-radius: 3px;
|
|
39
|
-
font-size: var(--fz-sm);
|
|
40
|
-
z-index: 999;
|
|
41
|
-
min-width: min(150px, 90vw);
|
|
42
|
-
max-width: min(400px, 90vw);
|
|
43
|
-
}
|
|
44
|
-
.xv-tooltip[role=tooltip]::after {
|
|
45
|
-
content: "";
|
|
46
|
-
position: absolute;
|
|
47
|
-
width: 0;
|
|
48
|
-
height: 0;
|
|
49
|
-
border-style: solid;
|
|
50
|
-
}
|
|
51
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
52
|
-
bottom: -5px;
|
|
53
|
-
left: 50%;
|
|
54
|
-
transform: translateX(-50%);
|
|
55
|
-
border-width: 5px 5px 0 5px;
|
|
56
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
57
|
-
}
|
|
58
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
59
|
-
bottom: -5px;
|
|
60
|
-
left: 12px;
|
|
61
|
-
border-width: 5px 5px 0 5px;
|
|
62
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
63
|
-
}
|
|
64
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
65
|
-
bottom: -5px;
|
|
66
|
-
right: 12px;
|
|
67
|
-
border-width: 5px 5px 0 5px;
|
|
68
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
69
|
-
}
|
|
70
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
71
|
-
top: -5px;
|
|
72
|
-
left: 50%;
|
|
73
|
-
transform: translateX(-50%);
|
|
74
|
-
border-width: 0 5px 5px 5px;
|
|
75
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
76
|
-
}
|
|
77
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
78
|
-
top: -5px;
|
|
79
|
-
left: 12px;
|
|
80
|
-
border-width: 0 5px 5px 5px;
|
|
81
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
82
|
-
}
|
|
83
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
84
|
-
top: -5px;
|
|
85
|
-
right: 12px;
|
|
86
|
-
border-width: 0 5px 5px 5px;
|
|
87
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
88
|
-
}
|
|
89
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
90
|
-
top: 50%;
|
|
91
|
-
right: -5px;
|
|
92
|
-
transform: translateY(-50%);
|
|
93
|
-
border-width: 5px 0 5px 5px;
|
|
94
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
95
|
-
}
|
|
96
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
97
|
-
top: 12px;
|
|
98
|
-
right: -5px;
|
|
99
|
-
border-width: 5px 0 5px 5px;
|
|
100
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
101
|
-
}
|
|
102
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
103
|
-
bottom: 12px;
|
|
104
|
-
right: -5px;
|
|
105
|
-
border-width: 5px 0 5px 5px;
|
|
106
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
107
|
-
}
|
|
108
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
109
|
-
top: 50%;
|
|
110
|
-
left: -5px;
|
|
111
|
-
transform: translateY(-50%);
|
|
112
|
-
border-width: 5px 5px 5px 0;
|
|
113
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
114
|
-
}
|
|
115
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
116
|
-
top: 12px;
|
|
117
|
-
left: -5px;
|
|
118
|
-
border-width: 5px 5px 5px 0;
|
|
119
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
120
|
-
}
|
|
121
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
122
|
-
bottom: 12px;
|
|
123
|
-
left: -5px;
|
|
124
|
-
border-width: 5px 5px 5px 0;
|
|
125
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
1
|
:host {
|
|
129
2
|
border-top: 1px solid var(--border-subtle-01);
|
|
130
3
|
display: flex;
|
|
@@ -1,130 +1,3 @@
|
|
|
1
|
-
.xv-container {
|
|
2
|
-
width: 100%;
|
|
3
|
-
max-width: 1170px;
|
|
4
|
-
margin-inline: auto;
|
|
5
|
-
}
|
|
6
|
-
@media (min-width: 576px) {
|
|
7
|
-
.xv-container {
|
|
8
|
-
max-width: 540px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
@media (min-width: 768px) {
|
|
12
|
-
.xv-container {
|
|
13
|
-
max-width: 720px;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
@media (min-width: 992px) {
|
|
17
|
-
.xv-container {
|
|
18
|
-
max-width: 960px;
|
|
19
|
-
padding-inline: var(--bs-gutter-x, 0.75rem);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
@media (min-width: 1200px) {
|
|
23
|
-
.xv-container {
|
|
24
|
-
max-width: 1140px;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
@media (min-width: 1400px) {
|
|
28
|
-
.xv-container {
|
|
29
|
-
max-width: 1320px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.xv-tooltip[role=tooltip] {
|
|
34
|
-
position: absolute;
|
|
35
|
-
background-color: var(--background-inverse, #333333);
|
|
36
|
-
color: var(--text-on-color);
|
|
37
|
-
padding: var(--spacing-03) var(--spacing-04);
|
|
38
|
-
border-radius: 3px;
|
|
39
|
-
font-size: var(--fz-sm);
|
|
40
|
-
z-index: 999;
|
|
41
|
-
min-width: min(150px, 90vw);
|
|
42
|
-
max-width: min(400px, 90vw);
|
|
43
|
-
}
|
|
44
|
-
.xv-tooltip[role=tooltip]::after {
|
|
45
|
-
content: "";
|
|
46
|
-
position: absolute;
|
|
47
|
-
width: 0;
|
|
48
|
-
height: 0;
|
|
49
|
-
border-style: solid;
|
|
50
|
-
}
|
|
51
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
52
|
-
bottom: -5px;
|
|
53
|
-
left: 50%;
|
|
54
|
-
transform: translateX(-50%);
|
|
55
|
-
border-width: 5px 5px 0 5px;
|
|
56
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
57
|
-
}
|
|
58
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
59
|
-
bottom: -5px;
|
|
60
|
-
left: 12px;
|
|
61
|
-
border-width: 5px 5px 0 5px;
|
|
62
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
63
|
-
}
|
|
64
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
65
|
-
bottom: -5px;
|
|
66
|
-
right: 12px;
|
|
67
|
-
border-width: 5px 5px 0 5px;
|
|
68
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
69
|
-
}
|
|
70
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
71
|
-
top: -5px;
|
|
72
|
-
left: 50%;
|
|
73
|
-
transform: translateX(-50%);
|
|
74
|
-
border-width: 0 5px 5px 5px;
|
|
75
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
76
|
-
}
|
|
77
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
78
|
-
top: -5px;
|
|
79
|
-
left: 12px;
|
|
80
|
-
border-width: 0 5px 5px 5px;
|
|
81
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
82
|
-
}
|
|
83
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
84
|
-
top: -5px;
|
|
85
|
-
right: 12px;
|
|
86
|
-
border-width: 0 5px 5px 5px;
|
|
87
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
88
|
-
}
|
|
89
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
90
|
-
top: 50%;
|
|
91
|
-
right: -5px;
|
|
92
|
-
transform: translateY(-50%);
|
|
93
|
-
border-width: 5px 0 5px 5px;
|
|
94
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
95
|
-
}
|
|
96
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
97
|
-
top: 12px;
|
|
98
|
-
right: -5px;
|
|
99
|
-
border-width: 5px 0 5px 5px;
|
|
100
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
101
|
-
}
|
|
102
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
103
|
-
bottom: 12px;
|
|
104
|
-
right: -5px;
|
|
105
|
-
border-width: 5px 0 5px 5px;
|
|
106
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
107
|
-
}
|
|
108
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
109
|
-
top: 50%;
|
|
110
|
-
left: -5px;
|
|
111
|
-
transform: translateY(-50%);
|
|
112
|
-
border-width: 5px 5px 5px 0;
|
|
113
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
114
|
-
}
|
|
115
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
116
|
-
top: 12px;
|
|
117
|
-
left: -5px;
|
|
118
|
-
border-width: 5px 5px 5px 0;
|
|
119
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
120
|
-
}
|
|
121
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
122
|
-
bottom: 12px;
|
|
123
|
-
left: -5px;
|
|
124
|
-
border-width: 5px 5px 5px 0;
|
|
125
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
1
|
.xv-breadcrumbs {
|
|
129
2
|
display: block;
|
|
130
3
|
max-width: 100%;
|
|
@@ -1,130 +1,3 @@
|
|
|
1
|
-
.xv-container {
|
|
2
|
-
width: 100%;
|
|
3
|
-
max-width: 1170px;
|
|
4
|
-
margin-inline: auto;
|
|
5
|
-
}
|
|
6
|
-
@media (min-width: 576px) {
|
|
7
|
-
.xv-container {
|
|
8
|
-
max-width: 540px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
@media (min-width: 768px) {
|
|
12
|
-
.xv-container {
|
|
13
|
-
max-width: 720px;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
@media (min-width: 992px) {
|
|
17
|
-
.xv-container {
|
|
18
|
-
max-width: 960px;
|
|
19
|
-
padding-inline: var(--bs-gutter-x, 0.75rem);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
@media (min-width: 1200px) {
|
|
23
|
-
.xv-container {
|
|
24
|
-
max-width: 1140px;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
@media (min-width: 1400px) {
|
|
28
|
-
.xv-container {
|
|
29
|
-
max-width: 1320px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.xv-tooltip[role=tooltip] {
|
|
34
|
-
position: absolute;
|
|
35
|
-
background-color: var(--background-inverse, #333333);
|
|
36
|
-
color: var(--text-on-color);
|
|
37
|
-
padding: var(--spacing-03) var(--spacing-04);
|
|
38
|
-
border-radius: 3px;
|
|
39
|
-
font-size: var(--fz-sm);
|
|
40
|
-
z-index: 999;
|
|
41
|
-
min-width: min(150px, 90vw);
|
|
42
|
-
max-width: min(400px, 90vw);
|
|
43
|
-
}
|
|
44
|
-
.xv-tooltip[role=tooltip]::after {
|
|
45
|
-
content: "";
|
|
46
|
-
position: absolute;
|
|
47
|
-
width: 0;
|
|
48
|
-
height: 0;
|
|
49
|
-
border-style: solid;
|
|
50
|
-
}
|
|
51
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
52
|
-
bottom: -5px;
|
|
53
|
-
left: 50%;
|
|
54
|
-
transform: translateX(-50%);
|
|
55
|
-
border-width: 5px 5px 0 5px;
|
|
56
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
57
|
-
}
|
|
58
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
59
|
-
bottom: -5px;
|
|
60
|
-
left: 12px;
|
|
61
|
-
border-width: 5px 5px 0 5px;
|
|
62
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
63
|
-
}
|
|
64
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
65
|
-
bottom: -5px;
|
|
66
|
-
right: 12px;
|
|
67
|
-
border-width: 5px 5px 0 5px;
|
|
68
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
69
|
-
}
|
|
70
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
71
|
-
top: -5px;
|
|
72
|
-
left: 50%;
|
|
73
|
-
transform: translateX(-50%);
|
|
74
|
-
border-width: 0 5px 5px 5px;
|
|
75
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
76
|
-
}
|
|
77
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
78
|
-
top: -5px;
|
|
79
|
-
left: 12px;
|
|
80
|
-
border-width: 0 5px 5px 5px;
|
|
81
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
82
|
-
}
|
|
83
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
84
|
-
top: -5px;
|
|
85
|
-
right: 12px;
|
|
86
|
-
border-width: 0 5px 5px 5px;
|
|
87
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
88
|
-
}
|
|
89
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
90
|
-
top: 50%;
|
|
91
|
-
right: -5px;
|
|
92
|
-
transform: translateY(-50%);
|
|
93
|
-
border-width: 5px 0 5px 5px;
|
|
94
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
95
|
-
}
|
|
96
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
97
|
-
top: 12px;
|
|
98
|
-
right: -5px;
|
|
99
|
-
border-width: 5px 0 5px 5px;
|
|
100
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
101
|
-
}
|
|
102
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
103
|
-
bottom: 12px;
|
|
104
|
-
right: -5px;
|
|
105
|
-
border-width: 5px 0 5px 5px;
|
|
106
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
107
|
-
}
|
|
108
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
109
|
-
top: 50%;
|
|
110
|
-
left: -5px;
|
|
111
|
-
transform: translateY(-50%);
|
|
112
|
-
border-width: 5px 5px 5px 0;
|
|
113
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
114
|
-
}
|
|
115
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
116
|
-
top: 12px;
|
|
117
|
-
left: -5px;
|
|
118
|
-
border-width: 5px 5px 5px 0;
|
|
119
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
120
|
-
}
|
|
121
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
122
|
-
bottom: 12px;
|
|
123
|
-
left: -5px;
|
|
124
|
-
border-width: 5px 5px 5px 0;
|
|
125
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
1
|
:host {
|
|
129
2
|
--xv-button-font-weight: 600;
|
|
130
3
|
display: inline-block;
|