xv-webcomponents 1.24.17-qa.0 → 1.24.18-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/xv-accordion-v2_50.cjs.entry.js +5 -5
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +5 -5
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +28 -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/esm/xv-accordion-v2_50.entry.js +5 -5
- package/dist/esm/xv-mega-menu-next.entry.js +5 -5
- package/dist/xv-webcomponents/p-468ee97d.entry.js +1 -0
- package/dist/xv-webcomponents/{p-19f7584f.entry.js → p-b853effd.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/hydrate/index.js +10 -10
- package/hydrate/index.mjs +10 -10
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-ec19bcc7.entry.js +0 -1
|
@@ -82996,7 +82996,7 @@ const XvLoginModal = class {
|
|
|
82996
82996
|
};
|
|
82997
82997
|
XvLoginModal.style = xvLoginModalCss();
|
|
82998
82998
|
|
|
82999
|
-
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}`;
|
|
82999
|
+
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);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 .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: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 .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-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 .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 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 .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{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 .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu{display:block;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);margin-bottom: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{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 .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-body), sans-serif;font-size:16px;line-height:22px;font-weight:400;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}`;
|
|
83000
83000
|
|
|
83001
83001
|
const XvMegaMenu = class {
|
|
83002
83002
|
constructor(hostRef) {
|
|
@@ -83060,15 +83060,15 @@ const XvMegaMenu = class {
|
|
|
83060
83060
|
render() {
|
|
83061
83061
|
return (index$1.h(index$1.Host, { key: '5f2979691c296f255a4af567b13877b58042ebb1' }, index$1.h("nav", { key: '5488cc3b13d3384e349034a7faa519636b450690', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index$1.h("div", { key: '225a780b15d381eb3dcd01a929165b8d6a3d34c2', class: { 'xv-menu-loader': true, open: this.open } }, index$1.h("xv-loader-v2", { key: 'b66f449bf7154ce77515df080872a75d661d96f1' }))), index$1.h("ul", { key: 'c7e7b2e44ca6966a0ff5aa4fed408064660eff38', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
83062
83062
|
var _a, _b;
|
|
83063
|
-
return (index$1.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (index$1.h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (index$1.h(index$1.Fragment, null, index$1.h("
|
|
83063
|
+
return (index$1.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (index$1.h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (index$1.h(index$1.Fragment, null, index$1.h("span", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), index$1.h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
83064
83064
|
var _a;
|
|
83065
83065
|
return (index$1.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$1.h("div", { class: "group-label", onClick: () => this.setActiveGroup(group) }, index$1.h("span", { class: "group-label-text" }, group.label), index$1.h("span", { class: "group-label-icon" }))), index$1.h("div", { class: "group-container" }, index$1.h("div", { class: {
|
|
83066
83066
|
'group-container-absolute': true,
|
|
83067
83067
|
noLabel: !(group.label && menuItem.groups.length > 1),
|
|
83068
|
-
} }, index$1.h("div", { class: "group-menus" }, index$1.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index$1.h("li", { class: "category" }, index$1.h("
|
|
83069
|
-
index$1.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index$1.h("div", { class: "group-card" }, index$1.h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, index$1.h("
|
|
83068
|
+
} }, index$1.h("div", { class: "group-menus" }, index$1.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index$1.h("li", { class: "category" }, index$1.h("span", { class: "category-label" }, category.label), index$1.h("ul", { class: "category-routes" }, category.routes.map((route) => (index$1.h("li", { class: "route" }, index$1.h("a", { class: "route-link", href: route.route || '#' }, route.label), route.tag && (index$1.h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), index$1.h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (index$1.h("li", { class: "action" }, action.type === 'link' && (index$1.h("a", { class: "action-link", href: action === null || action === void 0 ? void 0 : action.url }, action.label, index$1.h("span", { class: "link-chevron" }, "\u2192"))), action.type === 'button' &&
|
|
83069
|
+
index$1.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index$1.h("div", { class: "group-card" }, index$1.h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, index$1.h("span", { slot: "header", class: "group-card-title" }, group.card.title), index$1.h("span", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (index$1.h("a", { slot: "footer", class: "action-link", href: group.card.linkUrl || '#' }, group.card.linkLabel, index$1.h("span", { class: "link-chevron" }, "\u2192"))))))))));
|
|
83070
83070
|
}))))));
|
|
83071
|
-
}), index$1.h("li", { key: '
|
|
83071
|
+
}), index$1.h("li", { key: '9889408ddd0da2f33c4c9d6458af04ee4ae3e17d', class: "menu--right" }, index$1.h("slot", { key: 'af22cbe42fed3aa0474982c64360d9ea4413db38', name: "menu-right" })), this.open && (index$1.h("li", { key: '19db99cbf45a66836266e2c334220277304486bb', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
83072
83072
|
}
|
|
83073
83073
|
get el() { return index$1.getElement(this); }
|
|
83074
83074
|
};
|
|
@@ -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 {
|
|
@@ -64,6 +64,11 @@
|
|
|
64
64
|
.xv-menu .action-link {
|
|
65
65
|
display: block;
|
|
66
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;
|
|
67
72
|
text-decoration: none;
|
|
68
73
|
transition: color 200ms ease-in-out;
|
|
69
74
|
}
|
|
@@ -147,9 +152,9 @@
|
|
|
147
152
|
color: inherit;
|
|
148
153
|
text-decoration: none;
|
|
149
154
|
font-size: 16px;
|
|
150
|
-
line-height:
|
|
155
|
+
line-height: 22px;
|
|
151
156
|
font-family: var(--ff-body), sans-serif;
|
|
152
|
-
font-weight:
|
|
157
|
+
font-weight: 500;
|
|
153
158
|
cursor: pointer;
|
|
154
159
|
border-bottom: 2px solid transparent;
|
|
155
160
|
transition: 250ms ease-in-out border-bottom-color;
|
|
@@ -202,10 +207,11 @@
|
|
|
202
207
|
min-width: var(--menu-group-width);
|
|
203
208
|
max-width: var(--menu-group-width);
|
|
204
209
|
color: var(--text-primary, #333);
|
|
210
|
+
font-family: var(--ff-body), sans-serif;
|
|
205
211
|
font-size: 16px;
|
|
206
212
|
font-style: normal;
|
|
207
213
|
font-weight: 400;
|
|
208
|
-
line-height:
|
|
214
|
+
line-height: 22px;
|
|
209
215
|
display: flex;
|
|
210
216
|
column-gap: var(--spacing-04);
|
|
211
217
|
text-align: right;
|
|
@@ -219,8 +225,8 @@
|
|
|
219
225
|
.xv-menu .menu .group-label-icon {
|
|
220
226
|
width: 8px;
|
|
221
227
|
height: 8px;
|
|
222
|
-
border-bottom: 2px solid currentColor;
|
|
223
|
-
border-right: 2px solid currentColor;
|
|
228
|
+
border-bottom: 2px solid var(--link-primary, currentColor);
|
|
229
|
+
border-right: 2px solid var(--link-primary, currentColor);
|
|
224
230
|
transform: rotate(-45deg);
|
|
225
231
|
transform-origin: bottom;
|
|
226
232
|
align-self: center;
|
|
@@ -350,15 +356,15 @@
|
|
|
350
356
|
}
|
|
351
357
|
}
|
|
352
358
|
.xv-menu .menu .group-card-title, .xv-menu .menu .group-card-desc {
|
|
353
|
-
|
|
359
|
+
margin: 0;
|
|
360
|
+
font-family: var(--ff-body), sans-serif;
|
|
361
|
+
font-size: 16px;
|
|
354
362
|
font-style: normal;
|
|
355
|
-
line-height:
|
|
356
|
-
letter-spacing: 0
|
|
357
|
-
}
|
|
358
|
-
.xv-menu .menu .group-card .xv-link_standalone, .xv-menu .menu .group-card-title, .xv-menu .menu .group-card-desc {
|
|
359
|
-
font-family: var(--ff-work-sans), sans-serif;
|
|
363
|
+
line-height: 22px;
|
|
364
|
+
letter-spacing: 0;
|
|
360
365
|
}
|
|
361
366
|
.xv-menu .menu .group-card-title {
|
|
367
|
+
display: block;
|
|
362
368
|
color: var(--text-primary, #333);
|
|
363
369
|
font-weight: 600;
|
|
364
370
|
}
|
|
@@ -366,6 +372,7 @@
|
|
|
366
372
|
color: var(--text-secondary, #515151);
|
|
367
373
|
font-weight: 400;
|
|
368
374
|
padding-top: var(--spacing-03);
|
|
375
|
+
margin-bottom: var(--spacing-03);
|
|
369
376
|
display: -webkit-box;
|
|
370
377
|
-webkit-line-clamp: 11;
|
|
371
378
|
-webkit-box-orient: vertical;
|
|
@@ -387,8 +394,13 @@
|
|
|
387
394
|
}
|
|
388
395
|
}
|
|
389
396
|
.xv-menu .menu .category-label {
|
|
397
|
+
display: block;
|
|
390
398
|
margin: 0;
|
|
391
|
-
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;
|
|
392
404
|
color: var(--text-secondary);
|
|
393
405
|
}
|
|
394
406
|
.xv-menu .menu .category-routes {
|
|
@@ -406,8 +418,10 @@
|
|
|
406
418
|
.xv-menu .menu .route .route-link {
|
|
407
419
|
color: inherit;
|
|
408
420
|
text-decoration: none;
|
|
409
|
-
font-family: var(--ff-
|
|
410
|
-
|
|
421
|
+
font-family: var(--ff-body), sans-serif;
|
|
422
|
+
font-size: 16px;
|
|
423
|
+
line-height: 22px;
|
|
424
|
+
font-weight: 400;
|
|
411
425
|
transition: color 200ms ease-in-out;
|
|
412
426
|
}
|
|
413
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"; }
|
|
@@ -82994,7 +82994,7 @@ const XvLoginModal = class {
|
|
|
82994
82994
|
};
|
|
82995
82995
|
XvLoginModal.style = xvLoginModalCss();
|
|
82996
82996
|
|
|
82997
|
-
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}`;
|
|
82997
|
+
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);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 .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: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 .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-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 .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 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 .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{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 .menu.sc-xv-mega-menu .group-card-title.sc-xv-mega-menu{display:block;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);margin-bottom: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{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 .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-body), sans-serif;font-size:16px;line-height:22px;font-weight:400;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}`;
|
|
82998
82998
|
|
|
82999
82999
|
const XvMegaMenu = class {
|
|
83000
83000
|
constructor(hostRef) {
|
|
@@ -83058,15 +83058,15 @@ const XvMegaMenu = class {
|
|
|
83058
83058
|
render() {
|
|
83059
83059
|
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) => {
|
|
83060
83060
|
var _a, _b;
|
|
83061
|
-
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("
|
|
83061
|
+
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) => {
|
|
83062
83062
|
var _a;
|
|
83063
83063
|
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: {
|
|
83064
83064
|
'group-container-absolute': true,
|
|
83065
83065
|
noLabel: !(group.label && menuItem.groups.length > 1),
|
|
83066
|
-
} }, 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("
|
|
83067
|
-
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("
|
|
83066
|
+
} }, 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' &&
|
|
83067
|
+
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"))))))))));
|
|
83068
83068
|
}))))));
|
|
83069
|
-
}), h("li", { key: '
|
|
83069
|
+
}), 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() }))))));
|
|
83070
83070
|
}
|
|
83071
83071
|
get el() { return getElement(this); }
|
|
83072
83072
|
};
|