xv-webcomponents 1.25.8 → 1.28.1-staging.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/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_50.cjs.entry.js +57 -30
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-header/xv-header.css +7 -7
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +12 -13
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.css +1 -0
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.css +73 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +58 -4
- package/dist/collection/components/xv-radio/xv-radio.js +2 -2
- package/dist/collection/components/xv-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_50.entry.js +57 -30
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-progress-indicator/xv-progress-indicator.d.ts +10 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/xv-webcomponents/{p-20bbcb61.entry.js → p-18d5491c.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/hydrate/index.js +63 -32
- package/hydrate/index.mjs +63 -32
- package/package.json +1 -1
package/hydrate/index.mjs
CHANGED
|
@@ -91753,7 +91753,7 @@ const SIGNALR_JOIN_GROUP = 'joinGroup';
|
|
|
91753
91753
|
|
|
91754
91754
|
const userMagnifyingGlassRegularFullSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==';
|
|
91755
91755
|
|
|
91756
|
-
const xvHeaderCss = () => `.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:100%;max-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
|
|
91756
|
+
const xvHeaderCss = () => `.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:100%;max-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 .myArea-btn[aria-expanded=true] .caret{transform:rotate(-135deg)}header.header .header-top .myArea .category-badge{margin-left:var(--spacing-02)}header.header .header-top .myArea .category-badge::part(details-content){line-height:1;font-size:11px;padding:var(--spacing-01) var(--spacing-02)}header.header .xv-container{box-sizing:content-box;line-height:normal}`;
|
|
91757
91757
|
|
|
91758
91758
|
class XvHeader {
|
|
91759
91759
|
constructor(hostRef) {
|
|
@@ -92593,7 +92593,7 @@ class XvLoginModal {
|
|
|
92593
92593
|
}; }
|
|
92594
92594
|
}
|
|
92595
92595
|
|
|
92596
|
-
const xvMegaMenuCss = () => `.sc-xv-mega-menu-h{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu.sc-xv-mega-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu.sc-xv-mega-menu{min-height:55px}}.xv-menu.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu *.sc-xv-mega-menu{box-sizing:content-box}.xv-menu-loader.sc-xv-mega-menu{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.sc-xv-mega-menu:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open.sc-xv-mega-menu{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile.sc-xv-mega-menu{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile.sc-xv-mega-menu{display:inline-flex}}.xv-menu.sc-xv-mega-menu ul.sc-xv-mega-menu{margin:0;padding:0;list-style:none}.xv-menu.sc-xv-mega-menu .link-chevron.sc-xv-mega-menu{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu{display:block;color:var(--link-primary);text-decoration:none;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:visited{color:var(--link-primary)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:hover,.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:focus,.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-decoration-color:var(--link-primary)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:hover{color:var(--link-primary-hover);cursor:pointer}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:focus{outline:1px solid var(--focus);outline-offset:1px}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu{flex-direction:column;display:none}}.xv-menu.sc-xv-mega-menu .menu--right.sc-xv-mega-menu{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu--right.sc-xv-mega-menu{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu .menu--backdrop.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.open.sc-xv-mega-menu{display:flex}}.xv-menu.sc-xv-mega-menu .menu-item.sc-xv-mega-menu:hover .menu-item-label.sc-xv-mega-menu{border-bottom-color:var(--interactive-02)}.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{z-index:990;display:flex}.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{display:block;margin:0;padding-block:var(--spacing-05, 16px);color:inherit;text-decoration:none !important;font-size:16px !important;line-height:24px !important;font-family:var(--ff-body), sans-serif !important;font-weight:600 !important;letter-spacing:normal !important;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.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{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.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.sc-xv-mega-menu{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.sc-xv-mega-menu{flex-direction:column;align-items:stretch}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label-text.sc-xv-mega-menu{text-overflow:ellipsis;overflow:hidden}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label-icon.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label.sc-xv-mega-menu{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container.sc-xv-mega-menu{flex:1;display:none}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.sc-xv-mega-menu{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.noLabel.sc-xv-mega-menu{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-label.sc-xv-mega-menu{font-weight:600}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-label-icon.sc-xv-mega-menu{transform-origin:center;transform:rotate(45deg)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-container.sc-xv-mega-menu{display:flex}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus.sc-xv-mega-menu{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.sc-xv-mega-menu{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.sc-xv-mega-menu{flex-direction:column;gap:var(--spacing-07)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu{max-height:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:none}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-actions.sc-xv-mega-menu{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-actions.sc-xv-mega-menu{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{display:none}}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-card.sc-xv-mega-menu{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-card.sc-xv-mega-menu{width:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{font-size:var(--fz-md, 14px) !important;font-style:normal !important;line-height:18px !important;letter-spacing:0.16px !important}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-link_standalone.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{font-family:var(--ff-work-sans), sans-serif !important}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu{color:var(--text-primary, #333);font-weight:600 !important}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{color:var(--text-secondary, #515151);font-weight:400 !important;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:0}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category-label.sc-xv-mega-menu{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category-routes.sc-xv-mega-menu{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu{color:inherit;text-decoration:none;font-family:var(--ff-work-sans), sans-serif;line-height:133.333%;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:visited{color:inherit}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:hover{color:var(--link-primary);cursor:pointer}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:focus{outline:1px solid var(--focus);outline-offset:1px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu{white-space:nowrap}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-tag.sc-xv-mega-menu{font-size:9px}`;
|
|
92596
|
+
const xvMegaMenuCss = () => `.sc-xv-mega-menu-h{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu.sc-xv-mega-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu.sc-xv-mega-menu{min-height:55px}}.xv-menu.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu *.sc-xv-mega-menu{box-sizing:content-box}.xv-menu-loader.sc-xv-mega-menu{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.sc-xv-mega-menu:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open.sc-xv-mega-menu{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile.sc-xv-mega-menu{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile.sc-xv-mega-menu{display:inline-flex}}.xv-menu.sc-xv-mega-menu ul.sc-xv-mega-menu{margin:0;padding:0;list-style:none}.xv-menu.sc-xv-mega-menu .link-chevron.sc-xv-mega-menu{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu{display:block;color:var(--link-primary);text-decoration:none;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:visited{color:var(--link-primary)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:hover,.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:focus,.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-decoration-color:var(--link-primary)}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:hover{color:var(--link-primary-hover);cursor:pointer}.xv-menu.sc-xv-mega-menu .action-link.sc-xv-mega-menu:focus{outline:1px solid var(--focus);outline-offset:1px}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu{flex-direction:column;display:none}}.xv-menu.sc-xv-mega-menu .menu--right.sc-xv-mega-menu{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu--right.sc-xv-mega-menu{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu .menu--backdrop.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.open.sc-xv-mega-menu{display:flex}}.xv-menu.sc-xv-mega-menu .menu-item.sc-xv-mega-menu:hover .menu-item-label.sc-xv-mega-menu{border-bottom-color:var(--interactive-02)}.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{z-index:990;display:flex}.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu-item.active.sc-xv-mega-menu{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{display:block;margin:0;padding-block:var(--spacing-05, 16px);color:inherit;text-decoration:none;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.sc-xv-mega-menu .menu-item-label.sc-xv-mega-menu{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{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.sc-xv-mega-menu .menu-item-groups.sc-xv-mega-menu{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.sc-xv-mega-menu{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.sc-xv-mega-menu{flex-direction:column;align-items:stretch}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label-text.sc-xv-mega-menu{text-overflow:ellipsis;overflow:hidden}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label-icon.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-label.sc-xv-mega-menu{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container.sc-xv-mega-menu{flex:1;display:none}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.sc-xv-mega-menu{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-container-absolute.noLabel.sc-xv-mega-menu{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-label.sc-xv-mega-menu{font-weight:600}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-label-icon.sc-xv-mega-menu{transform-origin:center;transform:rotate(45deg)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group.active.sc-xv-mega-menu .group-container.sc-xv-mega-menu{display:flex}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus.sc-xv-mega-menu{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.sc-xv-mega-menu{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.sc-xv-mega-menu{flex-direction:column;gap:var(--spacing-07)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu{max-height:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-categories.inline.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:none}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-actions.sc-xv-mega-menu{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-menus-actions.sc-xv-mega-menu{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{display:none}}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-card.sc-xv-mega-menu{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-card.sc-xv-mega-menu{width:unset}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card.sc-xv-mega-menu .xv-link_standalone.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu,.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{font-family:var(--ff-work-sans), sans-serif}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu{color:var(--text-primary, #333);font-weight:600}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .group-card-desc.sc-xv-mega-menu{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.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu{flex:0}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category.sc-xv-mega-menu:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category-label.sc-xv-mega-menu{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .category-routes.sc-xv-mega-menu{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu{color:inherit;text-decoration:none;font-family:var(--ff-work-sans), sans-serif;line-height:133.333%;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:visited{color:inherit}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:hover{color:var(--link-primary);cursor:pointer}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-link.sc-xv-mega-menu:focus{outline:1px solid var(--focus);outline-offset:1px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu{white-space:nowrap}}.xv-menu.sc-xv-mega-menu .menu.sc-xv-mega-menu .route.sc-xv-mega-menu .route-tag.sc-xv-mega-menu{font-size:9px}`;
|
|
92597
92597
|
|
|
92598
92598
|
class XvMegaMenu {
|
|
92599
92599
|
constructor(hostRef) {
|
|
@@ -93576,7 +93576,7 @@ var PROGRESS_ITEM_STATUS;
|
|
|
93576
93576
|
PROGRESS_ITEM_STATUS["IN_PROGRESS"] = "in_progress";
|
|
93577
93577
|
})(PROGRESS_ITEM_STATUS || (PROGRESS_ITEM_STATUS = {}));
|
|
93578
93578
|
|
|
93579
|
-
const xvProgressIndicatorCss = () => `:host{--progress-indicator-icon-size:22px;--progress-indicator-font-size:var(--fz-md, 14px);display:flex;align-items:flex-start;justify-content:space-between;font-
|
|
93579
|
+
const xvProgressIndicatorCss = () => `:host{--progress-indicator-icon-size:22px;--progress-indicator-font-size:var(--fz-md, 14px);display:flex;flex-direction:column;font-family:var(--ff-body, inherit)}.items{display:flex;align-items:flex-start;justify-content:space-between;overflow-x:auto}.mobile-header{display:none;justify-content:space-between;column-gap:var(--gap-xs, 8px);font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.mobile-label{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-counter{color:var(--text-secondary);white-space:nowrap}:host([variant=horizontal]) ::slotted(xv-progress-indicator-v2-item){flex-direction:row;column-gap:var(--gap-xs, 8px);justify-content:flex-start;padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}:host([size=xs]){--progress-indicator-icon-size:14px;--progress-indicator-font-size:var(--fz-md, 14px)}:host([size=sm]){--progress-indicator-icon-size:16px;--progress-indicator-font-size:var(--fz-md, 14px)}:host([size=md]){--progress-indicator-icon-size:22px;--progress-indicator-font-size:var(--fz-md, 14px)}:host([size=lg]){--progress-indicator-icon-size:24px;--progress-indicator-font-size:var(--fz-lg, 18px)}:host([size=xl]){--progress-indicator-icon-size:32px;--progress-indicator-font-size:var(--fz-xl, 20px)}@media (max-width: 768px){:host([mobile-breakpoint=sm]){--progress-indicator-icon-size:16px;--progress-indicator-label-display:none;row-gap:var(--gap-xs, 8px)}:host([mobile-breakpoint=sm]) .mobile-header{display:flex}:host([mobile-breakpoint=sm]) ::slotted(xv-progress-indicator-v2-item){align-items:flex-start;justify-content:flex-start;padding:10px 16px 10px 0}}@media (max-width: 991px){:host([mobile-breakpoint=md]){--progress-indicator-icon-size:16px;--progress-indicator-label-display:none;row-gap:var(--gap-xs, 8px)}:host([mobile-breakpoint=md]) .mobile-header{display:flex}:host([mobile-breakpoint=md]) ::slotted(xv-progress-indicator-v2-item){align-items:flex-start;justify-content:flex-start;padding:10px 16px 10px 0}}@media (max-width: 1199px){:host([mobile-breakpoint=lg]){--progress-indicator-icon-size:16px;--progress-indicator-label-display:none;row-gap:var(--gap-xs, 8px)}:host([mobile-breakpoint=lg]) .mobile-header{display:flex}:host([mobile-breakpoint=lg]) ::slotted(xv-progress-indicator-v2-item){align-items:flex-start;justify-content:flex-start;padding:10px 16px 10px 0}}`;
|
|
93580
93580
|
|
|
93581
93581
|
class XvProgressIndicator {
|
|
93582
93582
|
constructor(hostRef) {
|
|
@@ -93597,19 +93597,23 @@ class XvProgressIndicator {
|
|
|
93597
93597
|
* possible options `XS | SM | MD | LG | XL`
|
|
93598
93598
|
*/
|
|
93599
93599
|
this.size = SIZE_VAR.MD;
|
|
93600
|
+
/** Breakpoint (and below) where the mobile view applies, `none` disables it */
|
|
93601
|
+
this.mobileBreakpoint = 'sm';
|
|
93602
|
+
this.currentLabel = '';
|
|
93603
|
+
this.currentStep = 0;
|
|
93604
|
+
this.total = 0;
|
|
93600
93605
|
}
|
|
93601
93606
|
// Update 'xv-progress-indicator-item' done status
|
|
93602
93607
|
updateChildItems() {
|
|
93603
93608
|
const items = this.el.children;
|
|
93604
93609
|
const itemsCount = this.el.childElementCount;
|
|
93605
|
-
const progressPerItem = 100 / itemsCount;
|
|
93606
93610
|
if (!items.length || !itemsCount)
|
|
93607
93611
|
return;
|
|
93608
93612
|
forEach(items, (item, index) => {
|
|
93609
93613
|
var _a;
|
|
93610
|
-
const itemProgressStart = index * progressPerItem;
|
|
93611
93614
|
let status;
|
|
93612
|
-
|
|
93615
|
+
// Multiply before dividing so progress=100 gives exactly 100 for the last item
|
|
93616
|
+
const localProgress = Math.min(Math.max(this.progress * itemsCount / 100 - index, 0), 1) * 100;
|
|
93613
93617
|
if (localProgress >= 100) {
|
|
93614
93618
|
status = PROGRESS_ITEM_STATUS.DONE;
|
|
93615
93619
|
}
|
|
@@ -93626,13 +93630,36 @@ class XvProgressIndicator {
|
|
|
93626
93630
|
if (line)
|
|
93627
93631
|
line.style.width = `${localProgress}%`;
|
|
93628
93632
|
});
|
|
93633
|
+
this.updateCurrentStep();
|
|
93634
|
+
}
|
|
93635
|
+
updateCurrentStep() {
|
|
93636
|
+
var _a, _b;
|
|
93637
|
+
const items = this.el.children;
|
|
93638
|
+
const index = Math.max(Math.min(Math.floor(this.progress * items.length / 100), items.length - 1), 0);
|
|
93639
|
+
this.total = items.length;
|
|
93640
|
+
this.currentStep = items.length ? index + 1 : 0;
|
|
93641
|
+
this.currentLabel = (_b = (_a = items[index]) === null || _a === void 0 ? void 0 : _a.textContent.trim()) !== null && _b !== void 0 ? _b : '';
|
|
93642
|
+
}
|
|
93643
|
+
componentWillLoad() {
|
|
93644
|
+
this.updateCurrentStep();
|
|
93629
93645
|
}
|
|
93630
93646
|
// Load initial done status
|
|
93631
93647
|
componentDidLoad() {
|
|
93632
93648
|
this.updateChildItems();
|
|
93633
93649
|
}
|
|
93650
|
+
connectedCallback() {
|
|
93651
|
+
// Absent in hydrate and spec environments
|
|
93652
|
+
if (typeof MutationObserver === 'undefined')
|
|
93653
|
+
return;
|
|
93654
|
+
this.observer = new MutationObserver(() => this.updateChildItems());
|
|
93655
|
+
this.observer.observe(this.el, { childList: true, subtree: true, characterData: true });
|
|
93656
|
+
}
|
|
93657
|
+
disconnectedCallback() {
|
|
93658
|
+
var _a;
|
|
93659
|
+
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
93660
|
+
}
|
|
93634
93661
|
render() {
|
|
93635
|
-
return (hAsync(Host, { key: '
|
|
93662
|
+
return (hAsync(Host, { key: 'a13cb2173f8a41ba41041a2abcb56bca673d17d0', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, hAsync("div", { key: 'c8445bb96a98e1331adcaa8fa24322ed3688927c', class: "mobile-header" }, hAsync("span", { key: 'e2b06b24022e81a4a211fcf25dfed052eed065a7', class: "mobile-label" }, this.currentLabel), hAsync("span", { key: '8297b527f7c98dd7fd807dca9f3d064d5e135e48', class: "mobile-counter" }, this.currentStep, "/", this.total)), hAsync("div", { key: '5deb80eb473aa454f458bd2806d5e00d74f954b8', class: "items" }, hAsync("slot", { key: '4779d447a67bd596d62e654ce80fe9f9d54dc583' }))));
|
|
93636
93663
|
}
|
|
93637
93664
|
get el() { return getElement(this); }
|
|
93638
93665
|
static get watchers() { return {
|
|
@@ -93647,15 +93674,19 @@ class XvProgressIndicator {
|
|
|
93647
93674
|
"$members$": {
|
|
93648
93675
|
"progress": [514],
|
|
93649
93676
|
"variant": [1],
|
|
93650
|
-
"size": [1]
|
|
93677
|
+
"size": [1],
|
|
93678
|
+
"mobileBreakpoint": [513, "mobile-breakpoint"],
|
|
93679
|
+
"currentLabel": [32],
|
|
93680
|
+
"currentStep": [32],
|
|
93681
|
+
"total": [32]
|
|
93651
93682
|
},
|
|
93652
93683
|
"$listeners$": undefined,
|
|
93653
93684
|
"$lazyBundleId$": "-",
|
|
93654
|
-
"$attrsToReflect$": [["progress", "progress"]]
|
|
93685
|
+
"$attrsToReflect$": [["progress", "progress"], ["mobileBreakpoint", "mobile-breakpoint"]]
|
|
93655
93686
|
}; }
|
|
93656
93687
|
}
|
|
93657
93688
|
|
|
93658
|
-
const xvProgressIndicatorItemCss = () => `:host(.xv-progress-indicator-item){display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:10px 16px;row-gap:var(--gap-sm, 10px)}:host(.xv-progress-indicator-item):before{width:100%}:host(.xv-progress-indicator-item):before,:host(.xv-progress-indicator-item) .line{content:"";z-index:1;display:inline-block;position:absolute;top:0;left:0;right:0;height:2px;color:inherit;background-color:var(--border-subtle-01, grey)}:host(.xv-progress-indicator-item) .line{width:0;color:inherit;transition:width 250ms ease;background-color:var(--background-brand, currentColor)}:host(.xv-progress-indicator-item) .icon{display:flex;align-items:center;justify-content:center;width:var(--progress-indicator-icon-size, 22px);height:var(--progress-indicator-icon-size, 22px);min-width:var(--progress-indicator-icon-size, 22px);min-height:var(--progress-indicator-icon-size, 22px);max-width:var(--progress-indicator-icon-size, 22px);max-height:var(--progress-indicator-icon-size, 22px);border:2px dashed var(--icon-primary, currentColor);border-radius:50%}:host(.xv-progress-indicator-item) .icon svg{width:calc(var(--progress-indicator-icon-size, 22px) * 0.637);height:calc(var(--progress-indicator-icon-size, 22px) * 0.637);opacity:0;transition:opacity 500ms ease-in-out}:host(.xv-progress-indicator-item) .label{margin:0;color:var(--text-primary);font-size:var(--progress-indicator-font-size, 14px);line-height:normal;letter-spacing:0.16px;text-overflow:ellipsis;overflow:hidden}:host([status=done]) .icon{background-color:var(--background-brand, inherit);color:white}:host([status=done]) .icon,:host([status=in_progress]) .icon{border-color:var(--background-brand, currentColor);border-style:solid}:host([status=done]) .icon svg,:host([status=in_progress]) .icon svg{opacity:1}:host([status=done]) .line,:host([status=in_progress]) .line{width:100%;background-color:var(--background-brand, currentColor)}:host([status=in_progress]) .icon{border-color:var(--background-brand, currentColor);color:var(--background-brand, inherit);border-style:solid}:host([status=in_progress]) .icon:after{content:"";height:47%;width:47%;background-color:var(--background-brand, currentColor);border-radius:50%}:host([status=in_progress]) .icon svg{display:none}`;
|
|
93689
|
+
const xvProgressIndicatorItemCss = () => `:host(.xv-progress-indicator-item){display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:10px 16px;row-gap:var(--gap-sm, 10px)}:host(.xv-progress-indicator-item):before{width:100%}:host(.xv-progress-indicator-item):before,:host(.xv-progress-indicator-item) .line{content:"";z-index:1;display:inline-block;position:absolute;top:0;left:0;right:0;height:2px;color:inherit;background-color:var(--border-subtle-01, grey)}:host(.xv-progress-indicator-item) .line{width:0;color:inherit;transition:width 250ms ease;background-color:var(--background-brand, currentColor)}:host(.xv-progress-indicator-item) .icon{display:flex;align-items:center;justify-content:center;width:var(--progress-indicator-icon-size, 22px);height:var(--progress-indicator-icon-size, 22px);min-width:var(--progress-indicator-icon-size, 22px);min-height:var(--progress-indicator-icon-size, 22px);max-width:var(--progress-indicator-icon-size, 22px);max-height:var(--progress-indicator-icon-size, 22px);border:2px dashed var(--icon-primary, currentColor);border-radius:50%}:host(.xv-progress-indicator-item) .icon svg{width:calc(var(--progress-indicator-icon-size, 22px) * 0.637);height:calc(var(--progress-indicator-icon-size, 22px) * 0.637);opacity:0;transition:opacity 500ms ease-in-out}:host(.xv-progress-indicator-item) .label{display:var(--progress-indicator-label-display, block);margin:0;color:var(--text-primary);font-size:var(--progress-indicator-font-size, 14px);line-height:normal;letter-spacing:0.16px;text-overflow:ellipsis;overflow:hidden}:host([status=done]) .icon{background-color:var(--background-brand, inherit);color:white}:host([status=done]) .icon,:host([status=in_progress]) .icon{border-color:var(--background-brand, currentColor);border-style:solid}:host([status=done]) .icon svg,:host([status=in_progress]) .icon svg{opacity:1}:host([status=done]) .line,:host([status=in_progress]) .line{width:100%;background-color:var(--background-brand, currentColor)}:host([status=in_progress]) .icon{border-color:var(--background-brand, currentColor);color:var(--background-brand, inherit);border-style:solid}:host([status=in_progress]) .icon:after{content:"";height:47%;width:47%;background-color:var(--background-brand, currentColor);border-radius:50%}:host([status=in_progress]) .icon svg{display:none}`;
|
|
93659
93690
|
|
|
93660
93691
|
class XvProgressIndicatorItem {
|
|
93661
93692
|
constructor(hostRef) {
|
|
@@ -93663,7 +93694,7 @@ class XvProgressIndicatorItem {
|
|
|
93663
93694
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
93664
93695
|
}
|
|
93665
93696
|
render() {
|
|
93666
|
-
return (hAsync(Host, { key: '
|
|
93697
|
+
return (hAsync(Host, { key: '2c25091f8ad5a869a3b08bc0bc03e1bcf08cc664', status: this.status, class: { 'xv-progress-indicator-item': true } }, hAsync("span", { key: '64133e48e0fd6a4d1d091c59edb1653c97e90d04', class: "line" }), hAsync("span", { key: 'f4507a06fd22d249e2259471a681be88fad4b661', class: "icon" }, hAsync("svg", { key: 'f526d78af529285268d51ca090da902c88ff551a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, hAsync("path", { key: '603962b23762409a6ae5112be69f53ea8663fe3b', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), hAsync("p", { key: '01a76a5cb52cc95ae3101582bd82b1ffaf3ad406', class: "label" }, hAsync("slot", { key: '63997241ef9a792ba2176fb4a2c297acffefd9af' }))));
|
|
93667
93698
|
}
|
|
93668
93699
|
get el() { return getElement(this); }
|
|
93669
93700
|
static get style() { return xvProgressIndicatorItemCss(); }
|
|
@@ -93706,12 +93737,12 @@ class XvRadio {
|
|
|
93706
93737
|
}
|
|
93707
93738
|
render() {
|
|
93708
93739
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
93709
|
-
return (hAsync("div", { key: '
|
|
93740
|
+
return (hAsync("div", { key: '352b5da7c304aa01a6ef98e19e1a09a6ed1af382', class: {
|
|
93710
93741
|
'xv-radio': true,
|
|
93711
93742
|
'xv-radio--reverse': this.reverse,
|
|
93712
93743
|
'xv-radio--block': this.block,
|
|
93713
93744
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
93714
|
-
} }, this.label && hAsync("p", { key: '
|
|
93745
|
+
} }, this.label && hAsync("p", { key: '375d8782fd7d9e95d164d61931540277a583c697', class: "xv-radio_label" }, this.label), hAsync("label", { key: 'd3cc44a1818c0f27c9dcfa0365d97f6e92042356', class: { 'xv-radio_container': true, disabled: this.disabled } }, hAsync("div", { key: '4f5d9ad677522c41478bfbffff38218663c98ba4', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, hAsync("input", { key: 'c9976bb68fdddf396a46c8b471b039a2e682ac49', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), hAsync("span", { key: '7aaacbde8c3e405307d8c2654d811fe664d9c68d', class: "xv-radio_input__mark" })), hAsync("span", { key: 'ecd3b799c97edd53b866767dc34d17aee8aba1d8', class: "xv-radio_container__label" }, hAsync("slot", { key: 'c595ac2e27e0fce401d61634eb48c1f43e622a07' }))), message && (hAsync("span", { key: 'c80b27dda6e72b3ca4fb3f21ab24d8af446e6184', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (hAsync("span", { key: 'b7a21929fc8217b5879ef0fef7d646e26d7dee8c', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), hAsync("slot", { key: '75eea664c85019178ffd247495118295e49278c8', name: "info" })));
|
|
93715
93746
|
}
|
|
93716
93747
|
connectedCallback() {
|
|
93717
93748
|
var _a;
|
|
@@ -93818,7 +93849,7 @@ class XvSlider {
|
|
|
93818
93849
|
this.setValue(this.min);
|
|
93819
93850
|
}
|
|
93820
93851
|
render() {
|
|
93821
|
-
return (hAsync(Host, { key: '
|
|
93852
|
+
return (hAsync(Host, { key: '200f4f7d9c2e7dfa36d8143979894e61932c657d', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && hAsync("label", { key: 'e81559ca4f2f5d827d3567b8679cb940a9fda842', class: "label" }, this.label), hAsync("div", { key: '0dddff9ad8f8aa90442745856a5314dd32662757', class: "control" }, hAsync("span", { key: 'f1dc02b2a976a7e38f62b10fad82992ece14b724', class: "control_label" }, this.min), hAsync("input", { key: '031187cbbe6e17b0ad7e575d1f24f36573a3a3aa', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), hAsync("span", { key: '048f938f5daf2fced575a0026f68cf1f299e10f5', class: "control_label" }, this.max), !this.notEditable && (hAsync("input", { key: 'ef48b07ecc28d758804645193bb727c44d9973bb', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
|
|
93822
93853
|
}
|
|
93823
93854
|
static get formAssociated() { return true; }
|
|
93824
93855
|
static get style() { return xvSliderCss(); }
|
|
@@ -93851,7 +93882,7 @@ class XvTab {
|
|
|
93851
93882
|
this.loading = false;
|
|
93852
93883
|
}
|
|
93853
93884
|
render() {
|
|
93854
|
-
return (hAsync(Host, { key: '
|
|
93885
|
+
return (hAsync(Host, { key: '1a8f18bdd797041377ac7149c260f394a7b3ff35', disabled: this.disabled, name: this.name }, this.loading ? hAsync("xv-loader-v2", { size: SIZE_VAR.LG }) : hAsync("slot", null)));
|
|
93855
93886
|
}
|
|
93856
93887
|
static get style() { return xvTabCss(); }
|
|
93857
93888
|
static get cmpMeta() { return {
|
|
@@ -93904,7 +93935,7 @@ class XvTable {
|
|
|
93904
93935
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
93905
93936
|
}
|
|
93906
93937
|
render() {
|
|
93907
|
-
return (hAsync(Host, { key: '
|
|
93938
|
+
return (hAsync(Host, { key: '89518093792eab4b7bc6629ae39d92b9db652564', class: { batchVisible: !!this.selectedCount } }, hAsync("slot", { key: '57bce4728b9ff77e6140111c35d350a76f86d6a9', name: "title" }, !!this.el.title && hAsync("h2", { key: '0e104e088a2341e4ee3acf7242d942a3f169bca6', class: "xv-table-title" }, this.el.title)), hAsync("slot", { key: 'f01a6221b423d54283462b9f1c57d15acfd9131c', name: "toolbar" }), hAsync("div", { key: '8c112d75cc31e2158f1788818ab130b716b26083', class: "xv-table" }, hAsync("div", { key: 'c30aed9d1ab1ca26b89dc8ce898b29250bafc398', class: "batch-actions" }, hAsync(Fragment, { key: '6c2b636079e0fe12dba3b3c883409724445d5c6f' }, hAsync("div", { key: 'ad1332b689d355f61d2080f326df028bc63dcc9f', class: "batch-actions_content" }, hAsync("slot", { key: 'c48642a3f446a24429d90bee5cce8c48dcbedb56', name: "batch" })), hAsync("p", { key: '78c0f7f6a2bd01528cbba664c88defa5099e8adc', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), hAsync("div", { key: 'f2d220bf2a36ecfe89a65e4b5978d4f483f6cd16', class: "xv-table_wrapper" }, hAsync("slot", { key: 'd4eab97c9d70a3a54f4b0b9ade96cbf8eb0c4cfc' }), hAsync("slot", { key: 'a11727ffc356f2cddd507ddd86ddfd89aff1a01c', name: "footer" })), !!this.loading && (hAsync("div", { key: '97e917e04ae85473a2369679b79ae2b240bd9d86', class: "xv-table_loading" }, hAsync("xv-loader-v2", { key: '05a30a5a8ce18eb82169695cdae6f13021b8823e', size: SIZE_VAR.LG }))))));
|
|
93908
93939
|
}
|
|
93909
93940
|
componentWillLoad() {
|
|
93910
93941
|
this.setColsSizeTemplate();
|
|
@@ -93960,7 +93991,7 @@ class XvTableCell {
|
|
|
93960
93991
|
}
|
|
93961
93992
|
;
|
|
93962
93993
|
render() {
|
|
93963
|
-
return (hAsync(Host, { key: '
|
|
93994
|
+
return (hAsync(Host, { key: 'bf0d30bf7805600864922bb12772fc9dc6e281a0' }, hAsync("slot", { key: 'edb33059b923aa184fccc1eeeb5603990a04a338' })));
|
|
93964
93995
|
}
|
|
93965
93996
|
get el() { return getElement(this); }
|
|
93966
93997
|
static get style() { return xvTableCellCss(); }
|
|
@@ -93994,7 +94025,7 @@ class XvTableExpand {
|
|
|
93994
94025
|
};
|
|
93995
94026
|
}
|
|
93996
94027
|
render() {
|
|
93997
|
-
return (hAsync(Host, { key: '
|
|
94028
|
+
return (hAsync(Host, { key: '8d5ca83f3a13ebdfe3776847d4d678cea23df24f' }, hAsync("button", { key: '112441278fd2dc0f12683a1637764bf6787f01e1', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), hAsync("slot", { key: 'bba6503d2569ed7d8749fe3bc0654ec6e68d4b41', name: XV_EXPANDABLE_KEY }), hAsync("div", { key: 'c8f11f267123f9e565c765b3453714df3b412182', class: { expandableContent: true, open: this.open } }, hAsync("slot", { key: '2b242e33ae15a1aef7ed12ff558898d8df9f8ed8' }))));
|
|
93998
94029
|
}
|
|
93999
94030
|
componentDidLoad() {
|
|
94000
94031
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -94060,7 +94091,7 @@ class XvTableRow {
|
|
|
94060
94091
|
}
|
|
94061
94092
|
}
|
|
94062
94093
|
render() {
|
|
94063
|
-
return (hAsync(Host, { key: '
|
|
94094
|
+
return (hAsync(Host, { key: '74939d24d326ec727e761b3a93bb1c2469192d5e' }, this.variant !== undefined && (hAsync("xv-table-v2-cell", { key: '5611f6c3c9e042fd7a3fc523aa915cf5b72cce6d', class: "cell-control" }, this.variant === 'checkbox' && (hAsync("xv-checkbox-v2", { key: '653525c99a6f4730563d4642ade65d4a28874ade', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (hAsync("input", { key: 'b51e94848a48bf3f17628e5fb55b3139c703284e', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), hAsync("slot", { key: '8909a2d6c7944726833c33de80e65d836c99ab47' })));
|
|
94064
94095
|
}
|
|
94065
94096
|
componentWillLoad() {
|
|
94066
94097
|
this.setInitialAttrs();
|
|
@@ -94234,7 +94265,7 @@ class XvTag {
|
|
|
94234
94265
|
this.closeClick.emit(e);
|
|
94235
94266
|
}
|
|
94236
94267
|
render() {
|
|
94237
|
-
return (hAsync(Host, { key: '
|
|
94268
|
+
return (hAsync(Host, { key: '7c01d3c6412f263791c6673a8b34183ceae629be', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, hAsync("div", { key: '4459e0bd72600b47657e11258163b36924bb76b9', class: "xv-tag_content", part: "details-content" }, hAsync("slot", { key: 'a87dd8afc441c72f2e50fc68794f65936a921a9f' })), this.closeable && (hAsync("button", { key: '8bc2d66235dde2863b4c349084ea36f0a47b3065', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
94238
94269
|
}
|
|
94239
94270
|
static get style() { return xvTagCss(); }
|
|
94240
94271
|
static get cmpMeta() { return {
|
|
@@ -94499,12 +94530,12 @@ class XvTagCombobox {
|
|
|
94499
94530
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
94500
94531
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
94501
94532
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
94502
|
-
return (hAsync(Host, { key: '
|
|
94533
|
+
return (hAsync(Host, { key: '11578a46310ef235397da189b379b00bd56b09a7', class: "xv-combobox", part: "root", size: this.size }, this.label && hAsync("label", { key: '7378ae807ca6f77f822bf4c1d8eff0e8889a32fb', class: "label" }, this.label), hAsync("div", { key: '9b0149484e2ea1a947ff620078c29204090e4e4a', class: {
|
|
94503
94534
|
'control': true,
|
|
94504
94535
|
'control--disabled': this.disabled,
|
|
94505
94536
|
'control--error': !!this.error,
|
|
94506
94537
|
'control--readonly': !!this.readonly,
|
|
94507
|
-
}, onClick: () => this.blockClick() }, hAsync("div", { key: '
|
|
94538
|
+
}, onClick: () => this.blockClick() }, hAsync("div", { key: '8b5b17a6e7746fb42fdd94a1ca27782e3b2804c8', class: "control-chips", role: "list" }, this.selected.map((s, i) => (hAsync("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), hAsync("input", { key: '42ac30b45601dd689e8ab31bde3b64ed07245d94', ref: (el) => (this.inputEl = el), class: "control-input", readonly: this.readonly, placeholder: this.selected.length ? '' : this.placeholder, value: this.inputValue, onInput: (e) => this.onInput(e), onKeyDown: (e) => this.onKeyDown(e), onFocus: () => { this.onOpen(); this.recomputeFiltered(); }, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": ariaOwns, "aria-activedescendant": activedesc, disabled: this.disabled })), this.loading && (hAsync("span", { key: '87bf7e0e68ea5b70bc95d7ff767981055e1143ec', class: "control-loader", part: "loader", "aria-hidden": "true" }, hAsync("xv-loader-v2", { key: 'b0695f76b1d7ce41733d3d7cb52c855eeb7defb2', size: "sm", variant: "horizontal" })))), message && (hAsync("p", { key: '8ead7e229516649c3117af7eb4246d1d96785b0e', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (hAsync("ul", { key: 'd128a4b07a12c25926f2f12953061880735c6c28', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (hAsync("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, hAsync("div", { class: "suggestions-opt-content" }, opt.bg ? hAsync("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, hAsync("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? hAsync("span", { key: i }, seg) : hAsync("strong", { key: i }, seg.match)))))))))));
|
|
94508
94539
|
}
|
|
94509
94540
|
get host() { return getElement(this); }
|
|
94510
94541
|
static get watchers() { return {
|
|
@@ -94588,13 +94619,13 @@ class XvTextInput {
|
|
|
94588
94619
|
}
|
|
94589
94620
|
render() {
|
|
94590
94621
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
94591
|
-
return (hAsync(Host, { key: '
|
|
94622
|
+
return (hAsync(Host, { key: '6cb14bae4dd7d7a34995c458bad1fc91c8299794', class: { disabled: !!this.disabled } }, hAsync("label", { key: '07a6d65d528b85a3050591ac77c47d4bbc43cd95', class: "control" }, this.label && hAsync("span", { key: 'e774cf0cea836fe7c306ae5876e786bd658c0645', class: "control_label" }, this.label), hAsync("div", { key: '4b86cb8e054bba7b6c23a0b3aad073d4dd1bae55', class: {
|
|
94592
94623
|
'control_input': true,
|
|
94593
94624
|
readonly: !!this.readonly,
|
|
94594
94625
|
[this.size]: true,
|
|
94595
94626
|
error: !!this.error,
|
|
94596
94627
|
warning: !!this.warning,
|
|
94597
|
-
} }, hAsync("input", { key: '
|
|
94628
|
+
} }, hAsync("input", { key: '6ee047f2525f76ffc892a3cc502f85663a5b33fd', autocomplete: this.autocomplete, type: (this.type === 'password' && this.isPasswordVisible && 'text') || this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), hAsync("div", { key: '322c49e3ca050bde17379254cc393ee226ddad78', class: "control_input__icons" }, this.loading && hAsync("xv-loader-v2", { key: '3bcab8389daf5719c0dd0ec5018c3ecc91121edb', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (hAsync("button", { key: '0c491d7a60977b4985a09cb32ab1d7c3234541db', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!this.error ? (hAsync("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (hAsync("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (hAsync("button", { key: '3e7b49c3ad26bdcf883f7426f85beb66e576a2c6', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, hAsync("svg", { key: '30f7fe865ffa841b535858dbb93290c491b5c046', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (hAsync("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (hAsync("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), message && (hAsync("p", { key: 'd383ea30a7dac49f60d2bbb86b6ae7adbc198e4f', class: { message: true, [message.level]: true } }, message.text))));
|
|
94598
94629
|
}
|
|
94599
94630
|
static get formAssociated() { return true; }
|
|
94600
94631
|
static get style() { return xvTextInputCss(); }
|
|
@@ -94657,12 +94688,12 @@ class XvTextarea {
|
|
|
94657
94688
|
}
|
|
94658
94689
|
render() {
|
|
94659
94690
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
94660
|
-
return (hAsync(Host, { key: '
|
|
94691
|
+
return (hAsync(Host, { key: '536ccc1ce2d876e7c4f888eda24b4140e9a64dfe', class: { disabled: !!this.disabled } }, hAsync("label", { key: '95db3223fb542dbad1f36e7db07d900ebb5ac43d', class: "control" }, (this.label || this.max) && (hAsync("p", { key: '3880e3c2c82d5ae9ea157f8e5a94aec319f66475', class: "control_label" }, hAsync("span", { key: '0faf32e5298b88d45d4485577c568ab89ad3f9ff' }, this.label, this.info && hAsync("xv-tooltip-v2", { key: 'c13ccfc20eebd1580b059b0d9b9f52e10235e181', message: this.info })), this.max !== undefined && !this.counterHide && (hAsync("span", { key: '12d63fa8aee000f00bd250cfe604f74fbf94147c', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), hAsync("div", { key: '2083623f79478ffcf4ec0956bef395dde07de0cb', class: {
|
|
94661
94692
|
'control_input': true,
|
|
94662
94693
|
readonly: !!this.readonly,
|
|
94663
94694
|
error: !!this.error,
|
|
94664
94695
|
warning: this.warning !== undefined,
|
|
94665
|
-
} }, hAsync("textarea", { key: '
|
|
94696
|
+
} }, hAsync("textarea", { key: '63baca39117ecf6bdc38ccf0515ef9e2fc44af3c', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), hAsync("div", { key: '3f5bcca5bd41012ebef909c283ed358ca2606e4a', class: "control_input__icons" }, this._renderIcon()))), message && (hAsync("p", { key: 'f2ef14db3043f0c9234d339a33a7195729d13b32', class: { message: true, [message.level]: true } }, message.text))));
|
|
94666
94697
|
}
|
|
94667
94698
|
_renderIcon() {
|
|
94668
94699
|
if (this.loading)
|
|
@@ -94739,7 +94770,7 @@ class XvTile {
|
|
|
94739
94770
|
this.checked = !this.checked;
|
|
94740
94771
|
}
|
|
94741
94772
|
render() {
|
|
94742
|
-
return (hAsync(Host, { key: '
|
|
94773
|
+
return (hAsync(Host, { key: 'fb9257ad3df4714abf312f2561933a39ba7b231f', class: "xv-tile--host" }, hAsync("label", { key: '06a091b33fd1746efd603d18beaabf3ac44906d9', class: {
|
|
94743
94774
|
[this.el.className]: !!this.el.className,
|
|
94744
94775
|
'xv-tile': true,
|
|
94745
94776
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -94747,7 +94778,7 @@ class XvTile {
|
|
|
94747
94778
|
'xv-tile--disabled': !!this.disabled,
|
|
94748
94779
|
'selected': !!this.checked,
|
|
94749
94780
|
'xv-tile--error': !!this.error,
|
|
94750
|
-
} }, hAsync("div", { key: '
|
|
94781
|
+
} }, hAsync("div", { key: '5c37fb287777a073f902a54c4cbde67e85a0824e', class: "xv-tile_content" }, this.label && hAsync("p", { key: '46ff1b0c474b88a54fafcceed5d73b8df1684edc', class: "xv-tile_content__title" }, this.label), hAsync("slot", { key: '3535d64b70038cd36cb90452af87941d97603823' })), this.variant === 'selectable' && (hAsync("div", { key: '5976b3f69e10c0720ecd2598b3804139a9fa5856', class: "xv-tile_control" }, this.multiple ? (hAsync("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (hAsync("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (hAsync("div", { key: 'f3a4cc9a41e230ae7fd0bc9993071480a072b935', class: "xv-tile_footer" }, hAsync("button", { key: '186e3fef72b67d277499278d5c8a2844eb44f0f0', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), hAsync("div", { key: '3d9524fd41699250f72e34c1a1091c8e0f99d322', class: { 'xv-tile_expandable': true, open: this.checked } }, hAsync("slot", { key: 'e5f3321ce5eabe01e6af51c005718f48eaa63707', name: "expandable" })))));
|
|
94751
94782
|
}
|
|
94752
94783
|
get el() { return getElement(this); }
|
|
94753
94784
|
static get style() { return xvTileCss(); }
|
|
@@ -94799,7 +94830,7 @@ class XvToggle {
|
|
|
94799
94830
|
};
|
|
94800
94831
|
}
|
|
94801
94832
|
render() {
|
|
94802
|
-
return (hAsync(Host, { key: '
|
|
94833
|
+
return (hAsync(Host, { key: '2c6d229819eefa1dc06b2595bdfaa4d9f00de290', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && hAsync("span", { key: 'fd331abe3596138b75d0b2a1823309219461c466', class: "label" }, this.label), hAsync("label", { key: 'a0b0b056b1440f8f2e8a302516a2520787eee0a7', class: "control" }, hAsync("slot", { key: '92aae28476ba7dcbafbd00f3067abb19fc44bdf7', name: "before" }), hAsync("div", { key: 'd758aed805f5b18c8934db91fd491583f5a0431d', class: "control_input" }, hAsync("input", { key: 'c183cd5a8e81b16ebddc74488ce4a58ace7a4eb9', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), hAsync("span", { key: '083d767e5d2f43e0e4a6e70d1edb8fa76a201696', class: "toggle" })), hAsync("slot", { key: '52a88e5d2907e8b0413112ad90e14f671c33141a', name: "after" }))));
|
|
94803
94834
|
}
|
|
94804
94835
|
static get formAssociated() { return true; }
|
|
94805
94836
|
static get style() { return xvToggleCss(); }
|
|
@@ -94893,7 +94924,7 @@ class XvToggleTip {
|
|
|
94893
94924
|
}
|
|
94894
94925
|
;
|
|
94895
94926
|
render() {
|
|
94896
|
-
return (hAsync(Host, { key: '
|
|
94927
|
+
return (hAsync(Host, { key: 'e1949065fb39e561a50af61931428b8535fc3067', class: "xv-toggle-tip" }, hAsync("div", { key: 'fe5c151ae6a9a0371896cc2be0b4d60a8b71d1a8', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, hAsync("slot", { key: 'a0883cd12b33881f3d3357802eefdf5cdca6c608', name: "trigger" }, hAsync("svg", { key: 'e92adae89b01be4c5e04133a2b0fb7aa128da5a5', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, hAsync("path", { key: '14296b66ce55586353edd4c5643cba5d79384e31', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), hAsync("div", { key: '68adbefb075c11599a596fdd59ed3449cb3edf50', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, hAsync("div", { key: '9ea149ed70cd031d8b00aac01f175c10e380da85', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), hAsync("div", { key: '07903fe4be8f32aa42a29883273ea027540f6f86', class: "popover-content" }, hAsync("slot", { key: 'b8120ddb4e4dbecefb0a2282ebf54f30bbabaebb', name: "header" }), hAsync("slot", { key: 'c00660e47cdd94b59fddd35e6c044aa82b680740', name: "body" }), hAsync("slot", { key: '7e7386ad3bc43ad871e2f98c860f7bce454c972a', name: "footer" })))));
|
|
94897
94928
|
}
|
|
94898
94929
|
disconnectedCallback() {
|
|
94899
94930
|
this.destroyPopper();
|
|
@@ -94962,11 +94993,11 @@ class XvTooltip {
|
|
|
94962
94993
|
this.destroyTooltip();
|
|
94963
94994
|
}
|
|
94964
94995
|
render() {
|
|
94965
|
-
return (hAsync(Host, { key: '
|
|
94996
|
+
return (hAsync(Host, { key: '65eca77ca2810a4600bf15948f80499c83673c08', role: "tooltip", class: {
|
|
94966
94997
|
'xv-tooltip-wrapper': true,
|
|
94967
94998
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
94968
94999
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
94969
|
-
} }, hAsync("slot", { key: '
|
|
95000
|
+
} }, hAsync("slot", { key: '121c3093ec663646ca8e841188e00f2691990fca' }, hAsync("svg", { key: 'd1dca1a701985179d17a0007e1eb00d954897255', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, hAsync("path", { key: '05131ece371fd1fd7be091742a8cf74c33f2abfe', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))));
|
|
94970
95001
|
}
|
|
94971
95002
|
get el() { return getElement(this); }
|
|
94972
95003
|
static get style() { return xvTooltipCss(); }
|