xv-webcomponents 1.24.18 → 1.24.19-qa.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 +64 -35
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +5 -5
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +32 -14
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +4 -4
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.css +28 -14
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +4 -4
- package/dist/collection/components/xv-number-input/xv-number-input.css +1 -0
- 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.css +2 -0
- 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 +4 -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 +64 -35
- package/dist/esm/xv-mega-menu-next.entry.js +5 -5
- 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/xv-tile/xv-tile.d.ts +1 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/xv-webcomponents/{p-76cf729b.entry.js → p-1292ef47.entry.js} +1 -1
- package/dist/xv-webcomponents/p-468ee97d.entry.js +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/hydrate/index.js +75 -42
- package/hydrate/index.mjs +75 -42
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-ec19bcc7.entry.js +0 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-CsKqwBc1.js');
|
|
4
4
|
var index$1 = require('./index-Cb30DBqk.js');
|
|
5
5
|
|
|
6
|
-
const xvMegaMenuNextCss = () => `.sc-xv-mega-menu-next-h{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu.sc-xv-mega-menu-next{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu.sc-xv-mega-menu-next{min-height:55px}}.xv-menu-loader.sc-xv-mega-menu-next{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-next:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open.sc-xv-mega-menu-next{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile.sc-xv-mega-menu-next{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile.sc-xv-mega-menu-next{display:inline-flex}}.xv-menu.sc-xv-mega-menu-next ul.sc-xv-mega-menu-next{margin:0;padding:0;list-style:none}.xv-menu.sc-xv-mega-menu-next .link-chevron.sc-xv-mega-menu-next{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next{display:block;color:var(--link-primary);text-decoration:none;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next:visited{color:var(--link-primary)}.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next:hover,.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next:focus,.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next: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-next .action-link.sc-xv-mega-menu-next:hover{color:var(--link-primary-hover);cursor:pointer}.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next:focus{outline:1px solid var(--focus);outline-offset:1px}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next{flex-direction:column;display:none}}.xv-menu.sc-xv-mega-menu-next .menu--right.sc-xv-mega-menu-next{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu--right.sc-xv-mega-menu-next{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu-next .menu--backdrop.sc-xv-mega-menu-next{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-next .menu.open.sc-xv-mega-menu-next{display:flex}}.xv-menu.sc-xv-mega-menu-next .menu-item.sc-xv-mega-menu-next:hover .menu-item-label.sc-xv-mega-menu-next{border-bottom-color:var(--interactive-02)}.xv-menu.sc-xv-mega-menu-next .menu-item.active.sc-xv-mega-menu-next .menu-item-groups.sc-xv-mega-menu-next{z-index:990;display:flex}.xv-menu.sc-xv-mega-menu-next .menu-item.active.sc-xv-mega-menu-next .menu-item-label.sc-xv-mega-menu-next{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu-item.active.sc-xv-mega-menu-next{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu-next .menu-item-label.sc-xv-mega-menu-next{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-next .menu-item-label.sc-xv-mega-menu-next{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu-next .menu-item-groups.sc-xv-mega-menu-next{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-next .menu-item-groups.sc-xv-mega-menu-next{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.sc-xv-mega-menu-next{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.sc-xv-mega-menu-next{flex-direction:column;align-items:stretch}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-label.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .group-label-text.sc-xv-mega-menu-next{text-overflow:ellipsis;overflow:hidden}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-label-icon.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .group-label.sc-xv-mega-menu-next{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-container.sc-xv-mega-menu-next{flex:1;display:none}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-container-absolute.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .group-container-absolute.sc-xv-mega-menu-next{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-container-absolute.noLabel.sc-xv-mega-menu-next{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.active.sc-xv-mega-menu-next .group-label.sc-xv-mega-menu-next{font-weight:600}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.active.sc-xv-mega-menu-next .group-label-icon.sc-xv-mega-menu-next{transform-origin:center;transform:rotate(45deg)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.active.sc-xv-mega-menu-next .group-container.sc-xv-mega-menu-next{display:flex}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus.sc-xv-mega-menu-next{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.sc-xv-mega-menu-next{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.sc-xv-mega-menu-next{flex-direction:column;gap:var(--spacing-07)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.inline.sc-xv-mega-menu-next{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.inline.sc-xv-mega-menu-next{max-height:unset}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.inline.sc-xv-mega-menu-next .category.sc-xv-mega-menu-next{flex:none}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-actions.sc-xv-mega-menu-next{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-actions.sc-xv-mega-menu-next{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next{display:none}}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next .xv-card.sc-xv-mega-menu-next{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next .xv-card.sc-xv-mega-menu-next{width:unset}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-title.sc-xv-mega-menu-next,.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-desc.sc-xv-mega-menu-next{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next .xv-link_standalone.sc-xv-mega-menu-next,.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-title.sc-xv-mega-menu-next,.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-desc.sc-xv-mega-menu-next{font-family:var(--ff-work-sans), sans-serif}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-title.sc-xv-mega-menu-next{color:var(--text-primary, #333);font-weight:600}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-desc.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .category.sc-xv-mega-menu-next{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category.sc-xv-mega-menu-next{flex:0}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category.sc-xv-mega-menu-next:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category-label.sc-xv-mega-menu-next{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category-routes.sc-xv-mega-menu-next{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-link.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-link.sc-xv-mega-menu-next:visited{color:inherit}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-link.sc-xv-mega-menu-next:hover{color:var(--link-primary);cursor:pointer}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-link.sc-xv-mega-menu-next:focus{outline:1px solid var(--focus);outline-offset:1px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next{white-space:nowrap}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-tag.sc-xv-mega-menu-next{font-size:9px}`;
|
|
6
|
+
const xvMegaMenuNextCss = () => `.sc-xv-mega-menu-next-h{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu.sc-xv-mega-menu-next{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu.sc-xv-mega-menu-next{min-height:55px}}.xv-menu-loader.sc-xv-mega-menu-next{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-next:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open.sc-xv-mega-menu-next{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile.sc-xv-mega-menu-next{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile.sc-xv-mega-menu-next{display:inline-flex}}.xv-menu.sc-xv-mega-menu-next ul.sc-xv-mega-menu-next{margin:0;padding:0;list-style:none}.xv-menu.sc-xv-mega-menu-next .link-chevron.sc-xv-mega-menu-next{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next{display:block;color:var(--link-primary);font-family:var(--ff-body), sans-serif;font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px;text-decoration:none;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next:visited{color:var(--link-primary)}.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next:hover,.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next:focus,.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next: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-next .action-link.sc-xv-mega-menu-next:hover{color:var(--link-primary-hover);cursor:pointer}.xv-menu.sc-xv-mega-menu-next .action-link.sc-xv-mega-menu-next:focus{outline:1px solid var(--focus);outline-offset:1px}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next{flex-direction:column;display:none}}.xv-menu.sc-xv-mega-menu-next .menu--right.sc-xv-mega-menu-next{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu--right.sc-xv-mega-menu-next{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu-next .menu--backdrop.sc-xv-mega-menu-next{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-next .menu.open.sc-xv-mega-menu-next{display:flex}}.xv-menu.sc-xv-mega-menu-next .menu-item.sc-xv-mega-menu-next:hover .menu-item-label.sc-xv-mega-menu-next{border-bottom-color:var(--interactive-02)}.xv-menu.sc-xv-mega-menu-next .menu-item.active.sc-xv-mega-menu-next .menu-item-groups.sc-xv-mega-menu-next{z-index:990;display:flex}.xv-menu.sc-xv-mega-menu-next .menu-item.active.sc-xv-mega-menu-next .menu-item-label.sc-xv-mega-menu-next{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu-item.active.sc-xv-mega-menu-next{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu-next .menu-item-label.sc-xv-mega-menu-next{display:block;margin:0;padding-block:var(--spacing-05, 16px);color:inherit;text-decoration:none;font-size:16px;line-height:22px;font-family:var(--ff-body), sans-serif;font-weight:500;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-next .menu-item-label.sc-xv-mega-menu-next{border-bottom:1px solid #E1E4ED}}.xv-menu.sc-xv-mega-menu-next .menu-item-groups.sc-xv-mega-menu-next{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-next .menu-item-groups.sc-xv-mega-menu-next{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.sc-xv-mega-menu-next{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.sc-xv-mega-menu-next{flex-direction:column;align-items:stretch}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-label.sc-xv-mega-menu-next{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-family:var(--ff-body), sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-label-text.sc-xv-mega-menu-next{text-overflow:ellipsis;overflow:hidden}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-label-icon.sc-xv-mega-menu-next{width:8px;height:8px;border-bottom:2px solid var(--link-primary, currentColor);border-right:2px solid var(--link-primary, currentColor);transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-label.sc-xv-mega-menu-next{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-container.sc-xv-mega-menu-next{flex:1;display:none}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-container-absolute.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .group-container-absolute.sc-xv-mega-menu-next{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-container-absolute.noLabel.sc-xv-mega-menu-next{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.active.sc-xv-mega-menu-next .group-label.sc-xv-mega-menu-next{font-weight:600}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.active.sc-xv-mega-menu-next .group-label-icon.sc-xv-mega-menu-next{transform-origin:center;transform:rotate(45deg)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group.active.sc-xv-mega-menu-next .group-container.sc-xv-mega-menu-next{display:flex}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus.sc-xv-mega-menu-next{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.sc-xv-mega-menu-next{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.sc-xv-mega-menu-next{flex-direction:column;gap:var(--spacing-07)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.inline.sc-xv-mega-menu-next{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.inline.sc-xv-mega-menu-next{max-height:unset}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-categories.inline.sc-xv-mega-menu-next .category.sc-xv-mega-menu-next{flex:none}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-actions.sc-xv-mega-menu-next{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-menus-actions.sc-xv-mega-menu-next{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next{display:none}}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next .xv-card.sc-xv-mega-menu-next{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card.sc-xv-mega-menu-next .xv-card.sc-xv-mega-menu-next{width:unset}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-title.sc-xv-mega-menu-next,.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-desc.sc-xv-mega-menu-next{margin:0;font-family:var(--ff-body), sans-serif;font-size:16px;font-style:normal;line-height:22px;letter-spacing:0}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-title.sc-xv-mega-menu-next{display:block;color:var(--text-primary, #333);font-weight:600}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .group-card-desc.sc-xv-mega-menu-next{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);margin-bottom:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category.sc-xv-mega-menu-next{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category.sc-xv-mega-menu-next{flex:0}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category.sc-xv-mega-menu-next:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category-label.sc-xv-mega-menu-next{display:block;margin:0;font-family:var(--ff-body), sans-serif;font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px;color:var(--text-secondary)}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .category-routes.sc-xv-mega-menu-next{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next{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-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-link.sc-xv-mega-menu-next{color:inherit;text-decoration:none;font-family:var(--ff-body), sans-serif;font-size:16px;line-height:22px;font-weight:400;transition:color 200ms ease-in-out}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-link.sc-xv-mega-menu-next:visited{color:inherit}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-link.sc-xv-mega-menu-next:hover{color:var(--link-primary);cursor:pointer}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-link.sc-xv-mega-menu-next:focus{outline:1px solid var(--focus);outline-offset:1px}@media (max-width: 991px){.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next{white-space:nowrap}}.xv-menu.sc-xv-mega-menu-next .menu.sc-xv-mega-menu-next .route.sc-xv-mega-menu-next .route-tag.sc-xv-mega-menu-next{font-size:9px}`;
|
|
7
7
|
|
|
8
8
|
const XvMegaMenuNext = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -92,15 +92,15 @@ const XvMegaMenuNext = class {
|
|
|
92
92
|
render() {
|
|
93
93
|
return (index.h(index.Host, { key: '2aedf5fcd9dfb34d64b7febf92585088548a68e9' }, index.h("nav", { key: 'e3e0a1e52a24094470100f1da66a03f02a8b46b7', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index.h("div", { key: '5ae91639ffd7d2ec8f1ec88ac5730b40dca0fcb0', class: { 'xv-menu-loader': true, open: this.open } }, index.h("xv-loader-v2", { key: 'dc99655021a279ea4fdc09f0989e61404e3c7af3' }))), index.h("ul", { key: 'c246f2b56c05e4115a3b0d5865468d883823c27a', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
94
94
|
var _a, _b;
|
|
95
|
-
return (index.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (index.h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (index.h(index.Fragment, null, index.h("
|
|
95
|
+
return (index.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (index.h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (index.h(index.Fragment, null, index.h("span", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), index.h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
96
96
|
var _a;
|
|
97
97
|
return (index.h("li", { class: { group: true, active: ((_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.id) === group.id } }, (group.label && menuItem.groups.length > 1) && (index.h("div", { class: "group-label", onClick: () => this.setActiveGroup(group) }, index.h("span", { class: "group-label-text" }, group.label), index.h("span", { class: "group-label-icon" }))), index.h("div", { class: "group-container" }, index.h("div", { class: {
|
|
98
98
|
'group-container-absolute': true,
|
|
99
99
|
noLabel: !(group.label && menuItem.groups.length > 1),
|
|
100
|
-
} }, index.h("div", { class: "group-menus" }, index.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index.h("li", { class: "category" }, index.h("
|
|
101
|
-
index.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index.h("div", { class: "group-card" }, index.h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, index.h("
|
|
100
|
+
} }, index.h("div", { class: "group-menus" }, index.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index.h("li", { class: "category" }, index.h("span", { class: "category-label" }, category.label), index.h("ul", { class: "category-routes" }, category.routes.map((route) => (index.h("li", { class: "route" }, index.h("a", { class: "route-link", href: route.route || '#' }, route.label), route.tag && (index.h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), index.h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (index.h("li", { class: "action" }, action.type === 'link' && (index.h("a", { class: "action-link", href: action === null || action === void 0 ? void 0 : action.url }, action.label, index.h("span", { class: "link-chevron" }, "\u2192"))), action.type === 'button' &&
|
|
101
|
+
index.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index.h("div", { class: "group-card" }, index.h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, index.h("span", { slot: "header", class: "group-card-title" }, group.card.title), index.h("span", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (index.h("a", { slot: "footer", class: "action-link", href: group.card.linkUrl || '#' }, group.card.linkLabel, index.h("span", { class: "link-chevron" }, "\u2192"))))))))));
|
|
102
102
|
}))))));
|
|
103
|
-
}), index.h("li", { key: '
|
|
103
|
+
}), index.h("li", { key: 'b44d97459b5709f5a7a573fb0f8fa86b94a996f0', class: "menu--right" }, index.h("slot", { key: 'b94eca9d1f1e0351d14676204ee6106cdb506719', name: "menu-right" })), this.open && (index.h("li", { key: 'a25e251d83d4c9b86aa7625fe6aa818c09a750b4', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
104
104
|
}
|
|
105
105
|
get el() { return index.getElement(this); }
|
|
106
106
|
static get watchers() { return {
|
|
@@ -18,7 +18,7 @@ var patchBrowser = () => {
|
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(async (options) => {
|
|
20
20
|
await index.globalScripts();
|
|
21
|
-
return index.bootstrapLazy(JSON.parse("[[\"xv-accordion-v2_50.cjs\",[[0,\"xv-header\",{\"metaNav\":[32],\"orgUnit\":[32],\"baseUrl\":[32],\"loading\":[32],\"mobMenuOpen\":[32],\"suggestions\":[32],\"suggestionsLoading\":[32],\"notifications\":[32],\"showLoginModal\":[32]},[[8,\"xv:orgUnitChange\",\"handleOrgUnitChange\"],[8,\"xv:metaNav-update\",\"metaNavUpdate\"]]],[257,\"xv-dropdown-v2\",{\"search\":[516],\"disabled\":[516],\"multiple\":[516],\"required\":[516],\"loading\":[516],\"readonly\":[516],\"open\":[1540],\"error\":[520],\"label\":[513],\"helper\":[513],\"warning\":[513],\"placeholder\":[513],\"info\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"size\":[1],\"defaultValue\":[8,\"default-value\"],\"value\":[1032],\"variant\":[1],\"position\":[1],\"selected\":[32],\"selectedMap\":[32],\"resolvedPosition\":[32]},[[0,\"itemSelected\",\"handleItemSelected\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"openChangeHandle\":0}],\"multiple\":[{\"multipleChangeHandle\":0}],\"value\":[{\"valueChange\":1}]}],[257,\"xv-data-table-row\",{\"variant\":[1],\"name\":[1025],\"collapse\":[1],\"collapsable\":[516],\"checked\":[1028],\"partial\":[1028],\"hover\":[1028],\"group\":[4],\"header\":[4],\"footer\":[4],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"value\":[8],\"collapsed\":[32],\"reorderable\":[32],\"reorderHandleMode\":[32],\"close\":[64]}],[321,\"xv-date-picker\",{\"value\":[1040],\"selection\":[1],\"precision\":[1],\"withTime\":[4,\"with-time\"],\"minuteStep\":[2,\"minute-step\"],\"min\":[1],\"max\":[1],\"disabledDates\":[16],\"disabledWeekdays\":[16],\"weekStartsOn\":[2,\"week-starts-on\"],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"locale\":[1],\"label\":[1],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"placeholder\":[1],\"helper\":[1],\"error\":[8],\"warning\":[8],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"clearable\":[4],\"size\":[513],\"block\":[516],\"placement\":[1],\"offset\":[2],\"dates\":[32],\"open\":[32],\"view\":[32],\"anchor\":[32],\"active\":[32],\"dayRows\":[32],\"unitCells\":[32],\"weekdays\":[32],\"focusedDate\":[32]},null,{\"value\":[{\"syncValue\":0}],\"locale\":[{\"rebuildWeekdays\":0}],\"weekStartsOn\":[{\"rebuildWeekdays\":0},{\"rebuild\":0}],\"precision\":[{\"resetView\":0}],\"anchor\":[{\"rebuild\":0}],\"view\":[{\"rebuild\":0}],\"min\":[{\"rebuild\":0}],\"max\":[{\"rebuild\":0}],\"disabledDates\":[{\"rebuild\":0}],\"disabledWeekdays\":[{\"rebuild\":0}],\"open\":[{\"openWatcher\":0}]}],[65,\"xv-datepicker\",{\"value\":[1040],\"variant\":[1],\"label\":[1],\"helper\":[1],\"error\":[8],\"warning\":[8],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"block\":[4],\"size\":[513],\"min\":[1],\"max\":[1],\"disabledDates\":[16],\"month\":[32],\"days\":[32],\"open\":[32],\"localError\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"open\":[{\"openChange\":0}],\"month\":[{\"getCalendarGrid\":0}],\"min\":[{\"getCalendarGrid\":0}],\"max\":[{\"getCalendarGrid\":0}],\"disabledDates\":[{\"getCalendarGrid\":0}],\"value\":[{\"handleValueChange\":0}]}],[1,\"xv-file-uploader\",{\"label\":[1],\"description\":[1],\"addText\":[1,\"add-text\"],\"variant\":[1],\"size\":[1],\"accept\":[16],\"buttonVariant\":[1,\"button-variant\"],\"maxFileSizeMB\":[2,\"max-file-size-mb\"],\"maxFiles\":[2,\"max-files\"],\"multiple\":[4],\"disabled\":[516],\"files\":[1040],\"loadingStates\":[1040],\"error\":[1537],\"warning\":[8],\"helper\":[1],\"errors\":[1040],\"dragActive\":[32],\"errorMessages\":[32],\"internalError\":[32],\"clearFiles\":[64]}],[65,\"xv-number-input-v2\",{\"label\":[1],\"placeholder\":[513],\"name\":[513],\"value\":[1538],\"helper\":[1],\"error\":[8],\"warning\":[8],\"step\":[2],\"max\":[2],\"min\":[2],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"block\":[516],\"size\":[513]}],[1,\"xv-pagination\",{\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[1,\"items-per-page-options\"],\"total\":[2],\"page\":[1026],\"size\":[1],\"block\":[4],\"variant\":[1],\"responsiveVariant\":[16],\"totalItems\":[2,\"total-items\"],\"currentVariant\":[32]}],[257,\"xv-table-v2-row\",{\"checked\":[1540],\"partial\":[1540],\"name\":[1537],\"value\":[520],\"hover\":[1540],\"readonly\":[516],\"required\":[516],\"disabled\":[516],\"header\":[516],\"variant\":[1537]},null,{\"checked\":[{\"checkedChangeHandle\":0}]}],[1,\"xv-tag-combobox\",{\"options\":[16],\"label\":[1],\"size\":[1],\"placeholder\":[1],\"allowCreate\":[4,\"allow-create\"],\"maxSuggestions\":[2,\"max-suggestions\"],\"disabled\":[4],\"loading\":[4],\"readonly\":[4],\"error\":[8],\"warning\":[8],\"helper\":[1],\"value\":[16],\"normalizedOptions\":[32],\"selected\":[32],\"inputValue\":[32],\"open\":[32],\"filtered\":[32],\"highlighted\":[32],\"focusInput\":[64],\"clear\":[64]},null,{\"options\":[{\"watchOptions\":0}],\"value\":[{\"watchValue\":0}]}],[65,\"xv-textarea\",{\"value\":[1025],\"name\":[1],\"label\":[1],\"placeholder\":[1],\"helper\":[1],\"info\":[1],\"error\":[8],\"warning\":[8],\"disabled\":[4],\"readonly\":[4],\"block\":[4],\"counterHide\":[4,\"counter-hide\"],\"noResize\":[4,\"no-resize\"],\"loading\":[4],\"max\":[2],\"rows\":[2],\"size\":[513]}],[257,\"xv-data-table\",{\"size\":[1],\"block\":[520],\"loading\":[4],\"columnWidths\":[16],\"multiple\":[516],\"hover\":[4],\"reorderable\":[516],\"reorderHandle\":[513,\"reorder-handle\"]},null,{\"reorderable\":[{\"reorderableChanged\":0}],\"reorderHandle\":[{\"reorderHandleChanged\":0}]}],[257,\"xv-dropdown-v2-item\",{\"disabled\":[4],\"value\":[1544],\"selected\":[1540],\"multiple\":[516],\"size\":[513]},[[0,\"click\",\"handleClick\"]]],[1,\"xv-geo-map-v2\",{\"apiBase\":[1,\"api-base\"],\"indicator\":[1],\"indicatorLabel\":[1,\"indicator-label\"],\"level\":[1],\"resolution\":[1],\"styleUrl\":[1,\"style-url\"],\"language\":[1],\"tiles\":[1],\"attribution\":[1],\"centerLng\":[2,\"center-lng\"],\"centerLat\":[2,\"center-lat\"],\"zoom\":[2],\"selectZoom\":[2,\"select-zoom\"],\"workerUrl\":[1,\"worker-url\"],\"lazy\":[4],\"showSearch\":[4,\"show-search\"],\"ready\":[32],\"loadError\":[32],\"zoomGated\":[32],\"searchResults\":[32],\"searchQuery\":[32],\"selectByRadius\":[64],\"selectPostalCodes\":[64],\"clearSelection\":[64],\"previewByRadius\":[64],\"previewPostalCodes\":[64],\"clearPreview\":[64]},null,{\"level\":[{\"levelChanged\":0}],\"selectZoom\":[{\"selectZoomChanged\":0}],\"showSearch\":[{\"showSearchChanged\":0}]}],[257,\"xv-image-viewer\",{\"src\":[1],\"fullscreenSrc\":[1,\"fullscreen-src\"],\"alt\":[1],\"placeholder\":[1],\"lazy\":[4],\"isFullscreen\":[32],\"loaded\":[32],\"fullscreenLoaded\":[32],\"errored\":[32]}],[257,\"xv-tab-v2\",{\"label\":[513],\"disabled\":[516],\"loading\":[516],\"name\":[8]}],[257,\"xv-table-v2\",{\"size\":[513],\"hover\":[516],\"loading\":[516],\"colsSize\":[16],\"selected\":[32],\"selectedCount\":[32]},[[0,\"checkedChange\",\"handleCheckedChange\"]],{\"colsSize\":[{\"setColsSizeTemplate\":0}]}],[257,\"xv-tabs-v2\",{\"active\":[1544],\"loading\":[516],\"variant\":[1],\"emptyMessage\":[1,\"empty-message\"],\"hideSingleTab\":[4,\"hide-single-tab\"],\"tabElements\":[32],\"showArrows\":[32]},[[9,\"resize\",\"updateArrowVisibility\"]]],[257,\"xv-accordion-v2\",{\"multiple\":[4],\"xvId\":[1,\"xv-id\"],\"value\":[1025],\"opened\":[32],\"toggleItem\":[64]},null,{\"value\":[{\"onValueChange\":0}]}],[257,\"xv-accordion-v2-item\",{\"disabled\":[4],\"label\":[1],\"value\":[1],\"isOpen\":[32]},[[16,\"accordionChange\",\"handleAccordionChange\"]]],[260,\"xv-breadcrumbs-v2\"],[257,\"xv-button-group-v2\",{\"variant\":[513],\"multiple\":[516],\"value\":[1025]},[[0,\"click\",\"handleClick\"]],{\"value\":[{\"onSelectionInputChange\":0}],\"multiple\":[{\"onSelectionInputChange\":0}]}],[257,\"xv-content-switcher-item-v2\",{\"value\":[520],\"label\":[513],\"icon\":[513],\"disabled\":[516]}],[257,\"xv-content-switcher-v2\",{\"selected\":[1544],\"size\":[513],\"iconOnly\":[516,\"icon-only\"],\"disabled\":[516],\"block\":[516],\"controlled\":[516],\"items\":[32]}],[257,\"xv-data-table-collapse\",{\"collapsed\":[1540],\"setCollapsed\":[64]}],[0,\"xv-footer\",{\"data\":[32]},[[8,\"xv:metaNav-update\",\"handleLoadData\"]]],[257,\"xv-progress-indicator-v2\",{\"progress\":[514],\"variant\":[1],\"size\":[1]},null,{\"progress\":[{\"updateChildItems\":0}]}],[257,\"xv-progress-indicator-v2-item\",{\"status\":[1]}],[324,\"xv-radio-v2\",{\"name\":[1],\"value\":[1],\"label\":[1],\"checked\":[1028],\"indeterminate\":[4],\"block\":[4],\"disabled\":[4],\"required\":[4],\"reverse\":[4],\"readonly\":[4],\"error\":[8],\"warning\":[520],\"helper\":[1],\"size\":[1]},null,{\"checked\":[{\"onCheckedChange\":0}]}],[65,\"xv-slider-v2\",{\"label\":[1],\"name\":[1],\"min\":[2],\"max\":[2],\"value\":[1026],\"step\":[2],\"disabled\":[4],\"readonly\":[4],\"notEditable\":[4,\"not-editable\"]}],[257,\"xv-table-v2-expand\",{\"open\":[1540],\"disabled\":[516]}],[260,\"xv-tile\",{\"variant\":[513],\"label\":[1],\"error\":[4],\"multiple\":[4],\"disabled\":[4],\"block\":[4],\"name\":[1],\"message\":[513],\"value\":[1025],\"checked\":[1028],\"readonly\":[1028]},[[4,\"tileChange\",\"tileChangeHandle\"],[0,\"click\",\"handleClick\"]]],[321,\"xv-toggle\",{\"label\":[1],\"value\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"readonly\":[4],\"size\":[513],\"block\":[4]}],[262,\"xv-mega-menu\",{\"open\":[1540],\"activeItem\":[32],\"activeGroup\":[32],\"menuItems\":[32],\"applicationContext\":[32],\"menuLoading\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[257,\"xv-data-table-cell\",{\"name\":[1025],\"sort\":[1537],\"multiline\":[520],\"width\":[1],\"align\":[1],\"tooltip\":[1]},[[0,\"click\",\"handleSort\"]]],[257,\"xv-table-v2-cell\",{\"multiline\":[516],\"name\":[1537],\"align\":[513],\"sort\":[1537]},[[0,\"click\",\"handleSort\"]]],[2,\"xv-login-modal\",{\"visible\":[4],\"urls\":[32],\"loading\":[32],\"errorMessage\":[32]}],[257,\"xv-overflow-menu-v2\",{\"open\":[1540],\"disabled\":[516],\"position\":[1],\"alignment\":[1],\"size\":[1],\"tooltip\":[1],\"anchor\":[1],\"activeId\":[32],\"openMenu\":[64],\"closeMenu\":[64],\"toggleMenu\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"openChangeHandle\":0}],\"anchor\":[{\"anchorChangeHandle\":0}]}],[257,\"xv-overflow-menu-v2-item\",{\"disabled\":[516],\"value\":[520],\"variant\":[513],\"clickable\":[4],\"href\":[1],\"target\":[1],\"divider\":[516],\"hasIcon\":[32],\"hasIconEnd\":[32]},[[0,\"click\",\"handleClick\"]]],[257,\"xv-toggle-tip\",{\"open\":[1540],\"autoSize\":[516,\"auto-size\"],\"block\":[4],\"position\":[1],\"setPopover\":[64]},[[4,\"click\",\"handleClickOutside\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"openChangeHandle\":0}]}],[257,\"xv-modal-v2\",{\"open\":[1540],\"permanent\":[516],\"size\":[513],\"overflow\":[516],\"loading\":[4],\"openModal\":[64],\"closeModal\":[64]}],[257,\"xv-link-v2\",{\"href\":[1],\"target\":[1],\"disabled\":[4],\"size\":[1],\"variant\":[1]}],[257,\"xv-notification-v2\",{\"variant\":[513],\"dismissible\":[516]}],[65,\"xv-text-input-v2\",{\"type\":[1],\"label\":[1],\"placeholder\":[513],\"name\":[513],\"value\":[1025],\"autocomplete\":[1],\"helper\":[1],\"error\":[8],\"warning\":[8],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"block\":[516],\"clearable\":[516],\"size\":[513],\"isPasswordVisible\":[32]}],[257,\"xv-card-v2\",{\"variant\":[1],\"media\":[1],\"header\":[1],\"body\":[1],\"footer\":[1]}],[321,\"xv-checkbox-v2\",{\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"name\":[513],\"value\":[513],\"readonly\":[516],\"required\":[516],\"partial\":[516],\"label\":[1],\"size\":[513],\"error\":[520],\"align\":[513],\"hasFocus\":[32]},null,{\"checked\":[{\"onCheckedChange\":0}]}],[257,\"xv-tag-v2\",{\"size\":[1],\"color\":[1],\"bg\":[1],\"disabled\":[4],\"closeable\":[4]}],[260,\"xv-tooltip-v2\",{\"message\":[1],\"position\":[1],\"block\":[4],\"dashed\":[4]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]],[321,\"xv-button-v2\",{\"value\":[513],\"name\":[1],\"label\":[513],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"loading\":[516],\"block\":[516],\"type\":[513],\"active\":[516],\"hasLeftIcon\":[32],\"hasRightIcon\":[32],\"hasContent\":[32]}],[257,\"xv-loader-v2\",{\"show\":[4],\"variant\":[1],\"size\":[1]}]]],[\"xv-header-next.cjs\",[[0,\"xv-header-next\",{\"menuData\":[1,\"menu-data\"],\"currentLocale\":[1,\"current-locale\"],\"locales\":[1],\"metaNav\":[32],\"orgUnit\":[32],\"baseUrl\":[32],\"loading\":[32],\"mobMenuOpen\":[32],\"suggestions\":[32],\"suggestionsLoading\":[32],\"notifications\":[32],\"showLoginModal\":[32]},[[8,\"xv:orgUnitChange\",\"handleOrgUnitChange\"],[8,\"xv:metaNav-update\",\"metaNavUpdate\"]]]]],[\"xv-footer-next.cjs\",[[0,\"xv-footer-next\",{\"footerData\":[1,\"footer-data\"],\"data\":[32]},[[8,\"xv:metaNav-update\",\"handleLoadData\"]],{\"footerData\":[{\"onFooterDataChange\":0}]}]]],[\"xv-mega-menu-next.cjs\",[[262,\"xv-mega-menu-next\",{\"open\":[1540],\"menuData\":[1,\"menu-data\"],\"activeItem\":[32],\"activeGroup\":[32],\"menuItems\":[32],\"applicationContext\":[32],\"menuLoading\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"menuData\":[{\"onMenuDataChange\":0}]}]]]]"), options);
|
|
21
|
+
return index.bootstrapLazy(JSON.parse("[[\"xv-accordion-v2_50.cjs\",[[0,\"xv-header\",{\"metaNav\":[32],\"orgUnit\":[32],\"baseUrl\":[32],\"loading\":[32],\"mobMenuOpen\":[32],\"suggestions\":[32],\"suggestionsLoading\":[32],\"notifications\":[32],\"showLoginModal\":[32]},[[8,\"xv:orgUnitChange\",\"handleOrgUnitChange\"],[8,\"xv:metaNav-update\",\"metaNavUpdate\"]]],[257,\"xv-dropdown-v2\",{\"search\":[516],\"disabled\":[516],\"multiple\":[516],\"required\":[516],\"loading\":[516],\"readonly\":[516],\"open\":[1540],\"error\":[520],\"label\":[513],\"helper\":[513],\"warning\":[513],\"placeholder\":[513],\"info\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"size\":[1],\"defaultValue\":[8,\"default-value\"],\"value\":[1032],\"variant\":[1],\"position\":[1],\"selected\":[32],\"selectedMap\":[32],\"resolvedPosition\":[32]},[[0,\"itemSelected\",\"handleItemSelected\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"openChangeHandle\":0}],\"multiple\":[{\"multipleChangeHandle\":0}],\"value\":[{\"valueChange\":1}]}],[257,\"xv-data-table-row\",{\"variant\":[1],\"name\":[1025],\"collapse\":[1],\"collapsable\":[516],\"checked\":[1028],\"partial\":[1028],\"hover\":[1028],\"group\":[4],\"header\":[4],\"footer\":[4],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"value\":[8],\"collapsed\":[32],\"reorderable\":[32],\"reorderHandleMode\":[32],\"close\":[64]}],[321,\"xv-date-picker\",{\"value\":[1040],\"selection\":[1],\"precision\":[1],\"withTime\":[4,\"with-time\"],\"minuteStep\":[2,\"minute-step\"],\"min\":[1],\"max\":[1],\"disabledDates\":[16],\"disabledWeekdays\":[16],\"weekStartsOn\":[2,\"week-starts-on\"],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"locale\":[1],\"label\":[1],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"placeholder\":[1],\"helper\":[1],\"error\":[8],\"warning\":[8],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"clearable\":[4],\"size\":[513],\"block\":[516],\"placement\":[1],\"offset\":[2],\"dates\":[32],\"open\":[32],\"view\":[32],\"anchor\":[32],\"active\":[32],\"dayRows\":[32],\"unitCells\":[32],\"weekdays\":[32],\"focusedDate\":[32]},null,{\"value\":[{\"syncValue\":0}],\"locale\":[{\"rebuildWeekdays\":0}],\"weekStartsOn\":[{\"rebuildWeekdays\":0},{\"rebuild\":0}],\"precision\":[{\"resetView\":0}],\"anchor\":[{\"rebuild\":0}],\"view\":[{\"rebuild\":0}],\"min\":[{\"rebuild\":0}],\"max\":[{\"rebuild\":0}],\"disabledDates\":[{\"rebuild\":0}],\"disabledWeekdays\":[{\"rebuild\":0}],\"open\":[{\"openWatcher\":0}]}],[65,\"xv-datepicker\",{\"value\":[1040],\"variant\":[1],\"label\":[1],\"helper\":[1],\"error\":[8],\"warning\":[8],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"block\":[4],\"size\":[513],\"min\":[1],\"max\":[1],\"disabledDates\":[16],\"month\":[32],\"days\":[32],\"open\":[32],\"localError\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"open\":[{\"openChange\":0}],\"month\":[{\"getCalendarGrid\":0}],\"min\":[{\"getCalendarGrid\":0}],\"max\":[{\"getCalendarGrid\":0}],\"disabledDates\":[{\"getCalendarGrid\":0}],\"value\":[{\"handleValueChange\":0}]}],[1,\"xv-file-uploader\",{\"label\":[1],\"description\":[1],\"addText\":[1,\"add-text\"],\"variant\":[1],\"size\":[1],\"accept\":[16],\"buttonVariant\":[1,\"button-variant\"],\"maxFileSizeMB\":[2,\"max-file-size-mb\"],\"maxFiles\":[2,\"max-files\"],\"multiple\":[4],\"disabled\":[516],\"files\":[1040],\"loadingStates\":[1040],\"error\":[1537],\"warning\":[8],\"helper\":[1],\"errors\":[1040],\"dragActive\":[32],\"errorMessages\":[32],\"internalError\":[32],\"clearFiles\":[64]}],[65,\"xv-number-input-v2\",{\"label\":[1],\"placeholder\":[513],\"name\":[513],\"value\":[1538],\"helper\":[1],\"error\":[8],\"warning\":[8],\"step\":[2],\"max\":[2],\"min\":[2],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"block\":[516],\"size\":[513]}],[1,\"xv-pagination\",{\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[1,\"items-per-page-options\"],\"total\":[2],\"page\":[1026],\"size\":[1],\"block\":[4],\"variant\":[1],\"responsiveVariant\":[16],\"totalItems\":[2,\"total-items\"],\"currentVariant\":[32]}],[257,\"xv-table-v2-row\",{\"checked\":[1540],\"partial\":[1540],\"name\":[1537],\"value\":[520],\"hover\":[1540],\"readonly\":[516],\"required\":[516],\"disabled\":[516],\"header\":[516],\"variant\":[1537]},null,{\"checked\":[{\"checkedChangeHandle\":0}]}],[1,\"xv-tag-combobox\",{\"options\":[16],\"label\":[1],\"size\":[1],\"placeholder\":[1],\"allowCreate\":[4,\"allow-create\"],\"maxSuggestions\":[2,\"max-suggestions\"],\"disabled\":[4],\"loading\":[4],\"readonly\":[4],\"error\":[8],\"warning\":[8],\"helper\":[1],\"value\":[16],\"normalizedOptions\":[32],\"selected\":[32],\"inputValue\":[32],\"open\":[32],\"filtered\":[32],\"highlighted\":[32],\"focusInput\":[64],\"clear\":[64]},null,{\"options\":[{\"watchOptions\":0}],\"value\":[{\"watchValue\":0}]}],[65,\"xv-textarea\",{\"value\":[1025],\"name\":[1],\"label\":[1],\"placeholder\":[1],\"helper\":[1],\"info\":[1],\"error\":[8],\"warning\":[8],\"disabled\":[4],\"readonly\":[4],\"block\":[4],\"counterHide\":[4,\"counter-hide\"],\"noResize\":[4,\"no-resize\"],\"loading\":[4],\"max\":[2],\"rows\":[2],\"size\":[513]}],[257,\"xv-data-table\",{\"size\":[1],\"block\":[520],\"loading\":[4],\"columnWidths\":[16],\"multiple\":[516],\"hover\":[4],\"reorderable\":[516],\"reorderHandle\":[513,\"reorder-handle\"]},null,{\"reorderable\":[{\"reorderableChanged\":0}],\"reorderHandle\":[{\"reorderHandleChanged\":0}]}],[257,\"xv-dropdown-v2-item\",{\"disabled\":[4],\"value\":[1544],\"selected\":[1540],\"multiple\":[516],\"size\":[513]},[[0,\"click\",\"handleClick\"]]],[1,\"xv-geo-map-v2\",{\"apiBase\":[1,\"api-base\"],\"indicator\":[1],\"indicatorLabel\":[1,\"indicator-label\"],\"level\":[1],\"resolution\":[1],\"styleUrl\":[1,\"style-url\"],\"language\":[1],\"tiles\":[1],\"attribution\":[1],\"centerLng\":[2,\"center-lng\"],\"centerLat\":[2,\"center-lat\"],\"zoom\":[2],\"selectZoom\":[2,\"select-zoom\"],\"workerUrl\":[1,\"worker-url\"],\"lazy\":[4],\"showSearch\":[4,\"show-search\"],\"ready\":[32],\"loadError\":[32],\"zoomGated\":[32],\"searchResults\":[32],\"searchQuery\":[32],\"selectByRadius\":[64],\"selectPostalCodes\":[64],\"clearSelection\":[64],\"previewByRadius\":[64],\"previewPostalCodes\":[64],\"clearPreview\":[64]},null,{\"level\":[{\"levelChanged\":0}],\"selectZoom\":[{\"selectZoomChanged\":0}],\"showSearch\":[{\"showSearchChanged\":0}]}],[257,\"xv-image-viewer\",{\"src\":[1],\"fullscreenSrc\":[1,\"fullscreen-src\"],\"alt\":[1],\"placeholder\":[1],\"lazy\":[4],\"isFullscreen\":[32],\"loaded\":[32],\"fullscreenLoaded\":[32],\"errored\":[32]}],[257,\"xv-tab-v2\",{\"label\":[513],\"disabled\":[516],\"loading\":[516],\"name\":[8]}],[257,\"xv-table-v2\",{\"size\":[513],\"hover\":[516],\"loading\":[516],\"colsSize\":[16],\"selected\":[32],\"selectedCount\":[32]},[[0,\"checkedChange\",\"handleCheckedChange\"]],{\"colsSize\":[{\"setColsSizeTemplate\":0}]}],[257,\"xv-tabs-v2\",{\"active\":[1544],\"loading\":[516],\"variant\":[1],\"emptyMessage\":[1,\"empty-message\"],\"hideSingleTab\":[4,\"hide-single-tab\"],\"tabElements\":[32],\"showArrows\":[32]},[[9,\"resize\",\"updateArrowVisibility\"]]],[257,\"xv-accordion-v2\",{\"multiple\":[4],\"xvId\":[1,\"xv-id\"],\"value\":[1025],\"opened\":[32],\"toggleItem\":[64]},null,{\"value\":[{\"onValueChange\":0}]}],[257,\"xv-accordion-v2-item\",{\"disabled\":[4],\"label\":[1],\"value\":[1],\"isOpen\":[32]},[[16,\"accordionChange\",\"handleAccordionChange\"]]],[260,\"xv-breadcrumbs-v2\"],[257,\"xv-button-group-v2\",{\"variant\":[513],\"multiple\":[516],\"value\":[1025]},[[0,\"click\",\"handleClick\"]],{\"value\":[{\"onSelectionInputChange\":0}],\"multiple\":[{\"onSelectionInputChange\":0}]}],[257,\"xv-content-switcher-item-v2\",{\"value\":[520],\"label\":[513],\"icon\":[513],\"disabled\":[516]}],[257,\"xv-content-switcher-v2\",{\"selected\":[1544],\"size\":[513],\"iconOnly\":[516,\"icon-only\"],\"disabled\":[516],\"block\":[516],\"controlled\":[516],\"items\":[32]}],[257,\"xv-data-table-collapse\",{\"collapsed\":[1540],\"setCollapsed\":[64]}],[0,\"xv-footer\",{\"data\":[32]},[[8,\"xv:metaNav-update\",\"handleLoadData\"]]],[257,\"xv-progress-indicator-v2\",{\"progress\":[514],\"variant\":[1],\"size\":[1],\"mobileBreakpoint\":[513,\"mobile-breakpoint\"],\"currentLabel\":[32],\"currentStep\":[32],\"total\":[32]},null,{\"progress\":[{\"updateChildItems\":0}]}],[257,\"xv-progress-indicator-v2-item\",{\"status\":[1]}],[324,\"xv-radio-v2\",{\"name\":[1],\"value\":[1],\"label\":[1],\"checked\":[1028],\"indeterminate\":[4],\"block\":[4],\"disabled\":[4],\"required\":[4],\"reverse\":[4],\"readonly\":[4],\"error\":[8],\"warning\":[520],\"helper\":[1],\"size\":[1]},null,{\"checked\":[{\"onCheckedChange\":0}]}],[65,\"xv-slider-v2\",{\"label\":[1],\"name\":[1],\"min\":[2],\"max\":[2],\"value\":[1026],\"step\":[2],\"disabled\":[4],\"readonly\":[4],\"notEditable\":[4,\"not-editable\"]}],[257,\"xv-table-v2-expand\",{\"open\":[1540],\"disabled\":[516]}],[260,\"xv-tile\",{\"variant\":[513],\"label\":[1],\"error\":[4],\"multiple\":[4],\"disabled\":[4],\"block\":[4],\"name\":[1],\"message\":[513],\"value\":[1025],\"checked\":[1028],\"readonly\":[1028]},[[4,\"tileChange\",\"tileChangeHandle\"],[0,\"click\",\"handleClick\"]]],[321,\"xv-toggle\",{\"label\":[1],\"value\":[1],\"name\":[1],\"checked\":[1540],\"disabled\":[4],\"readonly\":[4],\"size\":[513],\"block\":[4]}],[262,\"xv-mega-menu\",{\"open\":[1540],\"activeItem\":[32],\"activeGroup\":[32],\"menuItems\":[32],\"applicationContext\":[32],\"menuLoading\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[257,\"xv-data-table-cell\",{\"name\":[1025],\"sort\":[1537],\"multiline\":[520],\"width\":[1],\"align\":[1],\"tooltip\":[1]},[[0,\"click\",\"handleSort\"]]],[257,\"xv-table-v2-cell\",{\"multiline\":[516],\"name\":[1537],\"align\":[513],\"sort\":[1537]},[[0,\"click\",\"handleSort\"]]],[2,\"xv-login-modal\",{\"visible\":[4],\"urls\":[32],\"loading\":[32],\"errorMessage\":[32]}],[257,\"xv-overflow-menu-v2\",{\"open\":[1540],\"disabled\":[516],\"position\":[1],\"alignment\":[1],\"size\":[1],\"tooltip\":[1],\"anchor\":[1],\"activeId\":[32],\"openMenu\":[64],\"closeMenu\":[64],\"toggleMenu\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"openChangeHandle\":0}],\"anchor\":[{\"anchorChangeHandle\":0}]}],[257,\"xv-overflow-menu-v2-item\",{\"disabled\":[516],\"value\":[520],\"variant\":[513],\"clickable\":[4],\"href\":[1],\"target\":[1],\"divider\":[516],\"hasIcon\":[32],\"hasIconEnd\":[32]},[[0,\"click\",\"handleClick\"]]],[257,\"xv-toggle-tip\",{\"open\":[1540],\"autoSize\":[516,\"auto-size\"],\"block\":[4],\"position\":[1],\"setPopover\":[64]},[[4,\"click\",\"handleClickOutside\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[{\"openChangeHandle\":0}]}],[257,\"xv-modal-v2\",{\"open\":[1540],\"permanent\":[516],\"size\":[513],\"overflow\":[516],\"loading\":[4],\"openModal\":[64],\"closeModal\":[64]}],[257,\"xv-link-v2\",{\"href\":[1],\"target\":[1],\"disabled\":[4],\"size\":[1],\"variant\":[1]}],[257,\"xv-notification-v2\",{\"variant\":[513],\"dismissible\":[516]}],[65,\"xv-text-input-v2\",{\"type\":[1],\"label\":[1],\"placeholder\":[513],\"name\":[513],\"value\":[1025],\"autocomplete\":[1],\"helper\":[1],\"error\":[8],\"warning\":[8],\"readonly\":[4],\"disabled\":[4],\"loading\":[4],\"block\":[516],\"clearable\":[516],\"size\":[513],\"isPasswordVisible\":[32]}],[257,\"xv-card-v2\",{\"variant\":[1],\"media\":[1],\"header\":[1],\"body\":[1],\"footer\":[1]}],[321,\"xv-checkbox-v2\",{\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"name\":[513],\"value\":[513],\"readonly\":[516],\"required\":[516],\"partial\":[516],\"label\":[1],\"size\":[513],\"error\":[520],\"align\":[513],\"hasFocus\":[32]},null,{\"checked\":[{\"onCheckedChange\":0}]}],[257,\"xv-tag-v2\",{\"size\":[1],\"color\":[1],\"bg\":[1],\"disabled\":[4],\"closeable\":[4]}],[260,\"xv-tooltip-v2\",{\"message\":[1],\"position\":[1],\"block\":[4],\"dashed\":[4]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]],[321,\"xv-button-v2\",{\"value\":[513],\"name\":[1],\"label\":[513],\"variant\":[513],\"size\":[513],\"disabled\":[516],\"loading\":[516],\"block\":[516],\"type\":[513],\"active\":[516],\"hasLeftIcon\":[32],\"hasRightIcon\":[32],\"hasContent\":[32]}],[257,\"xv-loader-v2\",{\"show\":[4],\"variant\":[1],\"size\":[1]}]]],[\"xv-header-next.cjs\",[[0,\"xv-header-next\",{\"menuData\":[1,\"menu-data\"],\"currentLocale\":[1,\"current-locale\"],\"locales\":[1],\"metaNav\":[32],\"orgUnit\":[32],\"baseUrl\":[32],\"loading\":[32],\"mobMenuOpen\":[32],\"suggestions\":[32],\"suggestionsLoading\":[32],\"notifications\":[32],\"showLoginModal\":[32]},[[8,\"xv:orgUnitChange\",\"handleOrgUnitChange\"],[8,\"xv:metaNav-update\",\"metaNavUpdate\"]]]]],[\"xv-footer-next.cjs\",[[0,\"xv-footer-next\",{\"footerData\":[1,\"footer-data\"],\"data\":[32]},[[8,\"xv:metaNav-update\",\"handleLoadData\"]],{\"footerData\":[{\"onFooterDataChange\":0}]}]]],[\"xv-mega-menu-next.cjs\",[[262,\"xv-mega-menu-next\",{\"open\":[1540],\"menuData\":[1,\"menu-data\"],\"activeItem\":[32],\"activeGroup\":[32],\"menuItems\":[32],\"applicationContext\":[32],\"menuLoading\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"menuData\":[{\"onMenuDataChange\":0}]}]]]]"), options);
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
exports.setNonce = index.setNonce;
|
|
@@ -14,6 +14,10 @@
|
|
|
14
14
|
min-height: 55px;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
+
.xv-menu,
|
|
18
|
+
.xv-menu * {
|
|
19
|
+
box-sizing: content-box;
|
|
20
|
+
}
|
|
17
21
|
.xv-menu-loader {
|
|
18
22
|
position: absolute;
|
|
19
23
|
top: 0;
|
|
@@ -60,6 +64,11 @@
|
|
|
60
64
|
.xv-menu .action-link {
|
|
61
65
|
display: block;
|
|
62
66
|
color: var(--link-primary);
|
|
67
|
+
font-family: var(--ff-body), sans-serif;
|
|
68
|
+
font-size: 14px;
|
|
69
|
+
line-height: 20px;
|
|
70
|
+
font-weight: 400;
|
|
71
|
+
letter-spacing: 0.16px;
|
|
63
72
|
text-decoration: none;
|
|
64
73
|
transition: color 200ms ease-in-out;
|
|
65
74
|
}
|
|
@@ -143,9 +152,9 @@
|
|
|
143
152
|
color: inherit;
|
|
144
153
|
text-decoration: none;
|
|
145
154
|
font-size: 16px;
|
|
146
|
-
line-height:
|
|
155
|
+
line-height: 22px;
|
|
147
156
|
font-family: var(--ff-body), sans-serif;
|
|
148
|
-
font-weight:
|
|
157
|
+
font-weight: 500;
|
|
149
158
|
cursor: pointer;
|
|
150
159
|
border-bottom: 2px solid transparent;
|
|
151
160
|
transition: 250ms ease-in-out border-bottom-color;
|
|
@@ -198,10 +207,11 @@
|
|
|
198
207
|
min-width: var(--menu-group-width);
|
|
199
208
|
max-width: var(--menu-group-width);
|
|
200
209
|
color: var(--text-primary, #333);
|
|
210
|
+
font-family: var(--ff-body), sans-serif;
|
|
201
211
|
font-size: 16px;
|
|
202
212
|
font-style: normal;
|
|
203
213
|
font-weight: 400;
|
|
204
|
-
line-height:
|
|
214
|
+
line-height: 22px;
|
|
205
215
|
display: flex;
|
|
206
216
|
column-gap: var(--spacing-04);
|
|
207
217
|
text-align: right;
|
|
@@ -215,8 +225,8 @@
|
|
|
215
225
|
.xv-menu .menu .group-label-icon {
|
|
216
226
|
width: 8px;
|
|
217
227
|
height: 8px;
|
|
218
|
-
border-bottom: 2px solid currentColor;
|
|
219
|
-
border-right: 2px solid currentColor;
|
|
228
|
+
border-bottom: 2px solid var(--link-primary, currentColor);
|
|
229
|
+
border-right: 2px solid var(--link-primary, currentColor);
|
|
220
230
|
transform: rotate(-45deg);
|
|
221
231
|
transform-origin: bottom;
|
|
222
232
|
align-self: center;
|
|
@@ -346,15 +356,15 @@
|
|
|
346
356
|
}
|
|
347
357
|
}
|
|
348
358
|
.xv-menu .menu .group-card-title, .xv-menu .menu .group-card-desc {
|
|
349
|
-
|
|
359
|
+
margin: 0;
|
|
360
|
+
font-family: var(--ff-body), sans-serif;
|
|
361
|
+
font-size: 16px;
|
|
350
362
|
font-style: normal;
|
|
351
|
-
line-height:
|
|
352
|
-
letter-spacing: 0
|
|
353
|
-
}
|
|
354
|
-
.xv-menu .menu .group-card .xv-link_standalone, .xv-menu .menu .group-card-title, .xv-menu .menu .group-card-desc {
|
|
355
|
-
font-family: var(--ff-work-sans), sans-serif;
|
|
363
|
+
line-height: 22px;
|
|
364
|
+
letter-spacing: 0;
|
|
356
365
|
}
|
|
357
366
|
.xv-menu .menu .group-card-title {
|
|
367
|
+
display: block;
|
|
358
368
|
color: var(--text-primary, #333);
|
|
359
369
|
font-weight: 600;
|
|
360
370
|
}
|
|
@@ -362,6 +372,7 @@
|
|
|
362
372
|
color: var(--text-secondary, #515151);
|
|
363
373
|
font-weight: 400;
|
|
364
374
|
padding-top: var(--spacing-03);
|
|
375
|
+
margin-bottom: var(--spacing-03);
|
|
365
376
|
display: -webkit-box;
|
|
366
377
|
-webkit-line-clamp: 11;
|
|
367
378
|
-webkit-box-orient: vertical;
|
|
@@ -383,8 +394,13 @@
|
|
|
383
394
|
}
|
|
384
395
|
}
|
|
385
396
|
.xv-menu .menu .category-label {
|
|
397
|
+
display: block;
|
|
386
398
|
margin: 0;
|
|
387
|
-
font-
|
|
399
|
+
font-family: var(--ff-body), sans-serif;
|
|
400
|
+
font-size: 14px;
|
|
401
|
+
line-height: 18px;
|
|
402
|
+
font-weight: 400;
|
|
403
|
+
letter-spacing: 0.16px;
|
|
388
404
|
color: var(--text-secondary);
|
|
389
405
|
}
|
|
390
406
|
.xv-menu .menu .category-routes {
|
|
@@ -402,8 +418,10 @@
|
|
|
402
418
|
.xv-menu .menu .route .route-link {
|
|
403
419
|
color: inherit;
|
|
404
420
|
text-decoration: none;
|
|
405
|
-
font-family: var(--ff-
|
|
406
|
-
|
|
421
|
+
font-family: var(--ff-body), sans-serif;
|
|
422
|
+
font-size: 16px;
|
|
423
|
+
line-height: 22px;
|
|
424
|
+
font-weight: 400;
|
|
407
425
|
transition: color 200ms ease-in-out;
|
|
408
426
|
}
|
|
409
427
|
.xv-menu .menu .route .route-link:visited {
|
|
@@ -60,15 +60,15 @@ export class XvMegaMenu {
|
|
|
60
60
|
render() {
|
|
61
61
|
return (h(Host, { key: '5f2979691c296f255a4af567b13877b58042ebb1' }, h("nav", { key: '5488cc3b13d3384e349034a7faa519636b450690', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '225a780b15d381eb3dcd01a929165b8d6a3d34c2', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'b66f449bf7154ce77515df080872a75d661d96f1' }))), h("ul", { key: 'c7e7b2e44ca6966a0ff5aa4fed408064660eff38', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
62
62
|
var _a, _b;
|
|
63
|
-
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (h(Fragment, null, h("
|
|
63
|
+
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (h(Fragment, null, h("span", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
64
64
|
var _a;
|
|
65
65
|
return (h("li", { class: { group: true, active: ((_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.id) === group.id } }, (group.label && menuItem.groups.length > 1) && (h("div", { class: "group-label", onClick: () => this.setActiveGroup(group) }, h("span", { class: "group-label-text" }, group.label), h("span", { class: "group-label-icon" }))), h("div", { class: "group-container" }, h("div", { class: {
|
|
66
66
|
'group-container-absolute': true,
|
|
67
67
|
noLabel: !(group.label && menuItem.groups.length > 1),
|
|
68
|
-
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("
|
|
69
|
-
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("
|
|
68
|
+
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("span", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("a", { class: "route-link", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("a", { class: "action-link", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron" }, "\u2192"))), action.type === 'button' &&
|
|
69
|
+
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("span", { slot: "header", class: "group-card-title" }, group.card.title), h("span", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("a", { slot: "footer", class: "action-link", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron" }, "\u2192"))))))))));
|
|
70
70
|
}))))));
|
|
71
|
-
}), h("li", { key: '
|
|
71
|
+
}), h("li", { key: '9889408ddd0da2f33c4c9d6458af04ee4ae3e17d', class: "menu--right" }, h("slot", { key: 'af22cbe42fed3aa0474982c64360d9ea4413db38', name: "menu-right" })), this.open && (h("li", { key: '19db99cbf45a66836266e2c334220277304486bb', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "xv-mega-menu"; }
|
|
74
74
|
static get encapsulation() { return "scoped"; }
|
|
@@ -60,6 +60,11 @@
|
|
|
60
60
|
.xv-menu .action-link {
|
|
61
61
|
display: block;
|
|
62
62
|
color: var(--link-primary);
|
|
63
|
+
font-family: var(--ff-body), sans-serif;
|
|
64
|
+
font-size: 14px;
|
|
65
|
+
line-height: 20px;
|
|
66
|
+
font-weight: 400;
|
|
67
|
+
letter-spacing: 0.16px;
|
|
63
68
|
text-decoration: none;
|
|
64
69
|
transition: color 200ms ease-in-out;
|
|
65
70
|
}
|
|
@@ -143,9 +148,9 @@
|
|
|
143
148
|
color: inherit;
|
|
144
149
|
text-decoration: none;
|
|
145
150
|
font-size: 16px;
|
|
146
|
-
line-height:
|
|
151
|
+
line-height: 22px;
|
|
147
152
|
font-family: var(--ff-body), sans-serif;
|
|
148
|
-
font-weight:
|
|
153
|
+
font-weight: 500;
|
|
149
154
|
cursor: pointer;
|
|
150
155
|
border-bottom: 2px solid transparent;
|
|
151
156
|
transition: 250ms ease-in-out border-bottom-color;
|
|
@@ -198,10 +203,11 @@
|
|
|
198
203
|
min-width: var(--menu-group-width);
|
|
199
204
|
max-width: var(--menu-group-width);
|
|
200
205
|
color: var(--text-primary, #333);
|
|
206
|
+
font-family: var(--ff-body), sans-serif;
|
|
201
207
|
font-size: 16px;
|
|
202
208
|
font-style: normal;
|
|
203
209
|
font-weight: 400;
|
|
204
|
-
line-height:
|
|
210
|
+
line-height: 22px;
|
|
205
211
|
display: flex;
|
|
206
212
|
column-gap: var(--spacing-04);
|
|
207
213
|
text-align: right;
|
|
@@ -215,8 +221,8 @@
|
|
|
215
221
|
.xv-menu .menu .group-label-icon {
|
|
216
222
|
width: 8px;
|
|
217
223
|
height: 8px;
|
|
218
|
-
border-bottom: 2px solid currentColor;
|
|
219
|
-
border-right: 2px solid currentColor;
|
|
224
|
+
border-bottom: 2px solid var(--link-primary, currentColor);
|
|
225
|
+
border-right: 2px solid var(--link-primary, currentColor);
|
|
220
226
|
transform: rotate(-45deg);
|
|
221
227
|
transform-origin: bottom;
|
|
222
228
|
align-self: center;
|
|
@@ -346,15 +352,15 @@
|
|
|
346
352
|
}
|
|
347
353
|
}
|
|
348
354
|
.xv-menu .menu .group-card-title, .xv-menu .menu .group-card-desc {
|
|
349
|
-
|
|
355
|
+
margin: 0;
|
|
356
|
+
font-family: var(--ff-body), sans-serif;
|
|
357
|
+
font-size: 16px;
|
|
350
358
|
font-style: normal;
|
|
351
|
-
line-height:
|
|
352
|
-
letter-spacing: 0
|
|
353
|
-
}
|
|
354
|
-
.xv-menu .menu .group-card .xv-link_standalone, .xv-menu .menu .group-card-title, .xv-menu .menu .group-card-desc {
|
|
355
|
-
font-family: var(--ff-work-sans), sans-serif;
|
|
359
|
+
line-height: 22px;
|
|
360
|
+
letter-spacing: 0;
|
|
356
361
|
}
|
|
357
362
|
.xv-menu .menu .group-card-title {
|
|
363
|
+
display: block;
|
|
358
364
|
color: var(--text-primary, #333);
|
|
359
365
|
font-weight: 600;
|
|
360
366
|
}
|
|
@@ -362,6 +368,7 @@
|
|
|
362
368
|
color: var(--text-secondary, #515151);
|
|
363
369
|
font-weight: 400;
|
|
364
370
|
padding-top: var(--spacing-03);
|
|
371
|
+
margin-bottom: var(--spacing-03);
|
|
365
372
|
display: -webkit-box;
|
|
366
373
|
-webkit-line-clamp: 11;
|
|
367
374
|
-webkit-box-orient: vertical;
|
|
@@ -383,8 +390,13 @@
|
|
|
383
390
|
}
|
|
384
391
|
}
|
|
385
392
|
.xv-menu .menu .category-label {
|
|
393
|
+
display: block;
|
|
386
394
|
margin: 0;
|
|
387
|
-
font-
|
|
395
|
+
font-family: var(--ff-body), sans-serif;
|
|
396
|
+
font-size: 14px;
|
|
397
|
+
line-height: 18px;
|
|
398
|
+
font-weight: 400;
|
|
399
|
+
letter-spacing: 0.16px;
|
|
388
400
|
color: var(--text-secondary);
|
|
389
401
|
}
|
|
390
402
|
.xv-menu .menu .category-routes {
|
|
@@ -402,8 +414,10 @@
|
|
|
402
414
|
.xv-menu .menu .route .route-link {
|
|
403
415
|
color: inherit;
|
|
404
416
|
text-decoration: none;
|
|
405
|
-
font-family: var(--ff-
|
|
406
|
-
|
|
417
|
+
font-family: var(--ff-body), sans-serif;
|
|
418
|
+
font-size: 16px;
|
|
419
|
+
line-height: 22px;
|
|
420
|
+
font-weight: 400;
|
|
407
421
|
transition: color 200ms ease-in-out;
|
|
408
422
|
}
|
|
409
423
|
.xv-menu .menu .route .route-link:visited {
|
|
@@ -110,15 +110,15 @@ export class XvMegaMenuNext {
|
|
|
110
110
|
render() {
|
|
111
111
|
return (h(Host, { key: '2aedf5fcd9dfb34d64b7febf92585088548a68e9' }, h("nav", { key: 'e3e0a1e52a24094470100f1da66a03f02a8b46b7', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '5ae91639ffd7d2ec8f1ec88ac5730b40dca0fcb0', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'dc99655021a279ea4fdc09f0989e61404e3c7af3' }))), h("ul", { key: 'c246f2b56c05e4115a3b0d5865468d883823c27a', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
112
112
|
var _a, _b;
|
|
113
|
-
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (h(Fragment, null, h("
|
|
113
|
+
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (h(Fragment, null, h("span", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
114
114
|
var _a;
|
|
115
115
|
return (h("li", { class: { group: true, active: ((_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.id) === group.id } }, (group.label && menuItem.groups.length > 1) && (h("div", { class: "group-label", onClick: () => this.setActiveGroup(group) }, h("span", { class: "group-label-text" }, group.label), h("span", { class: "group-label-icon" }))), h("div", { class: "group-container" }, h("div", { class: {
|
|
116
116
|
'group-container-absolute': true,
|
|
117
117
|
noLabel: !(group.label && menuItem.groups.length > 1),
|
|
118
|
-
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("
|
|
119
|
-
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("
|
|
118
|
+
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("span", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("a", { class: "route-link", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("a", { class: "action-link", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron" }, "\u2192"))), action.type === 'button' &&
|
|
119
|
+
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("span", { slot: "header", class: "group-card-title" }, group.card.title), h("span", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("a", { slot: "footer", class: "action-link", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron" }, "\u2192"))))))))));
|
|
120
120
|
}))))));
|
|
121
|
-
}), h("li", { key: '
|
|
121
|
+
}), h("li", { key: 'b44d97459b5709f5a7a573fb0f8fa86b94a996f0', class: "menu--right" }, h("slot", { key: 'b94eca9d1f1e0351d14676204ee6106cdb506719', name: "menu-right" })), this.open && (h("li", { key: 'a25e251d83d4c9b86aa7625fe6aa818c09a750b4', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
122
122
|
}
|
|
123
123
|
static get is() { return "xv-mega-menu-next"; }
|
|
124
124
|
static get encapsulation() { return "scoped"; }
|
|
@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
|
|
|
5
5
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '2c25091f8ad5a869a3b08bc0bc03e1bcf08cc664', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '64133e48e0fd6a4d1d091c59edb1653c97e90d04', class: "line" }), h("span", { key: 'f4507a06fd22d249e2259471a681be88fad4b661', class: "icon" }, h("svg", { key: 'f526d78af529285268d51ca090da902c88ff551a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("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" }))), h("p", { key: '01a76a5cb52cc95ae3101582bd82b1ffaf3ad406', class: "label" }, h("slot", { key: '63997241ef9a792ba2176fb4a2c297acffefd9af' }))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "xv-progress-indicator-v2-item"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,13 +1,39 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
--progress-indicator-icon-size: 22px;
|
|
3
3
|
--progress-indicator-font-size: var(--fz-md, 14px);
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
font-family: var(--ff-body, inherit);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.items {
|
|
4
10
|
display: flex;
|
|
5
11
|
align-items: flex-start;
|
|
6
12
|
justify-content: space-between;
|
|
7
|
-
font-family: var(--ff-body, inherit);
|
|
8
13
|
overflow-x: auto;
|
|
9
14
|
}
|
|
10
15
|
|
|
16
|
+
.mobile-header {
|
|
17
|
+
display: none;
|
|
18
|
+
justify-content: space-between;
|
|
19
|
+
column-gap: var(--gap-xs, 8px);
|
|
20
|
+
font-size: var(--fz-md, 14px);
|
|
21
|
+
line-height: 20px;
|
|
22
|
+
letter-spacing: 0.16px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.mobile-label {
|
|
26
|
+
color: var(--text-primary);
|
|
27
|
+
white-space: nowrap;
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
text-overflow: ellipsis;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.mobile-counter {
|
|
33
|
+
color: var(--text-secondary);
|
|
34
|
+
white-space: nowrap;
|
|
35
|
+
}
|
|
36
|
+
|
|
11
37
|
:host([variant=horizontal]) ::slotted(xv-progress-indicator-v2-item) {
|
|
12
38
|
flex-direction: row;
|
|
13
39
|
column-gap: var(--gap-xs, 8px);
|
|
@@ -42,4 +68,50 @@
|
|
|
42
68
|
:host([size=xl]) {
|
|
43
69
|
--progress-indicator-icon-size: 32px;
|
|
44
70
|
--progress-indicator-font-size: var(--fz-xl, 20px);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@media (max-width: 768px) {
|
|
74
|
+
:host([mobile-breakpoint=sm]) {
|
|
75
|
+
--progress-indicator-icon-size: 16px;
|
|
76
|
+
--progress-indicator-label-display: none;
|
|
77
|
+
row-gap: var(--gap-xs, 8px);
|
|
78
|
+
}
|
|
79
|
+
:host([mobile-breakpoint=sm]) .mobile-header {
|
|
80
|
+
display: flex;
|
|
81
|
+
}
|
|
82
|
+
:host([mobile-breakpoint=sm]) ::slotted(xv-progress-indicator-v2-item) {
|
|
83
|
+
align-items: flex-start;
|
|
84
|
+
justify-content: flex-start;
|
|
85
|
+
padding: 10px 16px 10px 0;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
@media (max-width: 991px) {
|
|
89
|
+
:host([mobile-breakpoint=md]) {
|
|
90
|
+
--progress-indicator-icon-size: 16px;
|
|
91
|
+
--progress-indicator-label-display: none;
|
|
92
|
+
row-gap: var(--gap-xs, 8px);
|
|
93
|
+
}
|
|
94
|
+
:host([mobile-breakpoint=md]) .mobile-header {
|
|
95
|
+
display: flex;
|
|
96
|
+
}
|
|
97
|
+
:host([mobile-breakpoint=md]) ::slotted(xv-progress-indicator-v2-item) {
|
|
98
|
+
align-items: flex-start;
|
|
99
|
+
justify-content: flex-start;
|
|
100
|
+
padding: 10px 16px 10px 0;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
@media (max-width: 1199px) {
|
|
104
|
+
:host([mobile-breakpoint=lg]) {
|
|
105
|
+
--progress-indicator-icon-size: 16px;
|
|
106
|
+
--progress-indicator-label-display: none;
|
|
107
|
+
row-gap: var(--gap-xs, 8px);
|
|
108
|
+
}
|
|
109
|
+
:host([mobile-breakpoint=lg]) .mobile-header {
|
|
110
|
+
display: flex;
|
|
111
|
+
}
|
|
112
|
+
:host([mobile-breakpoint=lg]) ::slotted(xv-progress-indicator-v2-item) {
|
|
113
|
+
align-items: flex-start;
|
|
114
|
+
justify-content: flex-start;
|
|
115
|
+
padding: 10px 16px 10px 0;
|
|
116
|
+
}
|
|
45
117
|
}
|