xv-webcomponents 2.0.0-beta.2 → 2.0.0-beta.28

package/dist/components/{p-CMAJWZsP.js → p-JClekcEh.js}

@@ -1 +1 @@
-import{p as t,H as o,c as e,h as s,a as i,t as r}from"./p-BNP2Lw34.js";var c;!function(t){t.INFO="info",t.SUCCESS="success",t.WARNING="warning",t.ERROR="error"}(c||(c={}));const n=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.close=e(this,"close",7),this.variant=c.INFO,this.dismissible=!1,this.closeHandle=t=>this.close.emit(t),this.renderIcon=(t,o="icon")=>{switch(t){case c.ERROR:return s("svg",{class:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"}));case c.INFO:return s("svg",{class:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"}));case c.SUCCESS:return s("svg",{class:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"}));case c.WARNING:return s("svg",{class:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"}));default:return null}}}render(){return s(i,{key:"b9723088121c3a418be0fe2cc6f9b5c7f949236e",class:"xv-notification",type:this.variant},this.renderIcon(this.variant),s("div",{key:"22718e6d6976a6be552279e31f6903fccef9e73d",class:"content"},s("div",{key:"e99c9bc29eb6e06cf0ca62e69ced5798c080512f",class:"content_wrapper"},this.el.title&&s("h5",{key:"96b8271df8a5a60016f55bfc173e0b999f4732d0",class:"content_title"},this.el.title),s("slot",{key:"a81695e7573fec7efcdd864b0293c606ea780bf2"})),s("slot",{key:"7a905c0194446c5fc00e05dfea45c08e4dbe58b2",name:"footer"})),this.dismissible&&s("button",{key:"123e1b43d8f107b92952465fac7db446863536c0",class:"close",onClick:this.closeHandle}))}static get assetsDirs(){return["xv-notification/icons"]}get el(){return this}static get style(){return':host{--notification-icon-size:20px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;border-radius:3px;padding:var(--gap-md, 16px);column-gap:var(--gap-md, 16px);border:1px solid}:host .content{flex:1;text-align:left;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128%;letter-spacing:0.16px;display:flex;flex-direction:column;row-gap:var(--spacing-06, 24px);word-break:break-word}:host .content_title{text-align:left;margin:0;padding:0;font-size:var(--fz-md, 14px);font-weight:700;line-height:var(--notification-icon-size)}:host .icon{width:var(--notification-icon-size);height:var(--notification-icon-size);font-size:var(--notification-icon-size);fill:currentColor}:host .close{--notification-close-size:16px;background-color:transparent;border:none;width:var(--notification-close-size);height:var(--notification-close-size);min-width:var(--notification-close-size);min-height:var(--notification-close-size);position:relative;padding:0;margin:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:300ms ease-in-out opacity}:host .close:after,:host .close:before{content:"";position:absolute;top:calc(50% - var(--notification-close-size) / 2);left:calc(50% - 1px);display:inline-block;width:2px;height:90%;background-color:var(--button-tertiary, #273435)}:host .close:after{transform:rotate(45deg)}:host .close:before{transform:rotate(-45deg)}:host .close:hover{opacity:0.7}:host .close:active{opacity:0.3}:host ::slotted([slot=footer]){margin:0;padding:0}:host([type=info]){border-color:var(--support-info, #1B87B2);background-color:var(--support-info-background, #E2F5F8)}:host([type=info]) .icon{color:var(--support-info, #1B87B2)}:host([type=success]){border-color:var(--support-success, #97BF0D);background-color:var(--support-success-background, #F4F7E5)}:host([type=success]) .icon{color:var(--support-success, #1B87B2)}:host([type=warning]){border-color:var(--support-warning, #FF7F04);background-color:var(--support-warning-backround, #FFF9C2)}:host([type=warning]) .icon{color:var(--support-warning, #FF7F04)}:host([type=error]){border-color:var(--support-error, #F1290E);background-color:var(--support-error-background, #FEE9E8)}:host([type=error]) .icon{color:var(--support-error, #F1290E)}'}},[257,"xv-notification-v2",{variant:[513],dismissible:[516]}]);function a(){"undefined"!=typeof customElements&&["xv-notification-v2"].forEach((t=>{"xv-notification-v2"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))}a();export{c as N,n as X,a as d}
+import{p as t,H as o,c as e,h as s,a as i,t as r}from"./p-CspyoLL9.js";var c;!function(t){t.INFO="info",t.SUCCESS="success",t.WARNING="warning",t.ERROR="error"}(c||(c={}));const n=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.close=e(this,"close",7),this.variant=c.INFO,this.dismissible=!1,this.closeHandle=t=>this.close.emit(t),this.renderIcon=(t,o="icon")=>{switch(t){case c.ERROR:return s("svg",{class:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"}));case c.INFO:return s("svg",{class:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"}));case c.SUCCESS:return s("svg",{class:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"}));case c.WARNING:return s("svg",{class:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("path",{d:"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"}));default:return null}}}render(){return s(i,{key:"b9723088121c3a418be0fe2cc6f9b5c7f949236e",class:"xv-notification",type:this.variant},this.renderIcon(this.variant),s("div",{key:"22718e6d6976a6be552279e31f6903fccef9e73d",class:"content"},s("div",{key:"e99c9bc29eb6e06cf0ca62e69ced5798c080512f",class:"content_wrapper"},this.el.title&&s("h5",{key:"96b8271df8a5a60016f55bfc173e0b999f4732d0",class:"content_title"},this.el.title),s("slot",{key:"a81695e7573fec7efcdd864b0293c606ea780bf2"})),s("slot",{key:"7a905c0194446c5fc00e05dfea45c08e4dbe58b2",name:"footer"})),this.dismissible&&s("button",{key:"123e1b43d8f107b92952465fac7db446863536c0",class:"close",onClick:this.closeHandle}))}static get assetsDirs(){return["xv-notification/icons"]}get el(){return this}static get style(){return':host{--notification-icon-size:20px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;border-radius:3px;padding:var(--gap-md, 16px);column-gap:var(--gap-md, 16px);border:1px solid}:host .content{flex:1;text-align:left;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128%;letter-spacing:0.16px;display:flex;flex-direction:column;row-gap:var(--spacing-06, 24px);word-break:break-word}:host .content_title{text-align:left;margin:0;padding:0;font-size:var(--fz-md, 14px);font-weight:700;line-height:var(--notification-icon-size)}:host .icon{width:var(--notification-icon-size);height:var(--notification-icon-size);font-size:var(--notification-icon-size);fill:currentColor}:host .close{--notification-close-size:16px;background-color:transparent;border:none;width:var(--notification-close-size);height:var(--notification-close-size);min-width:var(--notification-close-size);min-height:var(--notification-close-size);position:relative;padding:0;margin:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:300ms ease-in-out opacity}:host .close:after,:host .close:before{content:"";position:absolute;top:calc(50% - var(--notification-close-size) / 2);left:calc(50% - 1px);display:inline-block;width:2px;height:90%;background-color:var(--button-tertiary, #273435)}:host .close:after{transform:rotate(45deg)}:host .close:before{transform:rotate(-45deg)}:host .close:hover{opacity:0.7}:host .close:active{opacity:0.3}:host ::slotted([slot=footer]){margin:0;padding:0}:host([type=info]){border-color:var(--support-info, #1B87B2);background-color:var(--support-info-background, #E2F5F8)}:host([type=info]) .icon{color:var(--support-info, #1B87B2)}:host([type=success]){border-color:var(--support-success, #97BF0D);background-color:var(--support-success-background, #F4F7E5)}:host([type=success]) .icon{color:var(--support-success, #1B87B2)}:host([type=warning]){border-color:var(--support-warning, #FF7F04);background-color:var(--support-warning-backround, #FFF9C2)}:host([type=warning]) .icon{color:var(--support-warning, #FF7F04)}:host([type=error]){border-color:var(--support-error, #F1290E);background-color:var(--support-error-background, #FEE9E8)}:host([type=error]) .icon{color:var(--support-error, #F1290E)}'}},[257,"xv-notification-v2",{variant:[513],dismissible:[516]}]);function a(){"undefined"!=typeof customElements&&["xv-notification-v2"].forEach((t=>{"xv-notification-v2"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))}a();export{c as N,n as X,a as d}

package/dist/components/{p-DtUNYh73.js → p-NoM9oIJn.js}

@@ -1 +1 @@
-import{p as e,H as n,c as i,h as t,F as a,a as o,t as r}from"./p-BNP2Lw34.js";import{b as s}from"./index.js";import{d as l}from"./p-COoj5JkZ.js";import{d as u}from"./p-kQVUwJXZ.js";import{d as m}from"./p-BXB4D7j4.js";import{d}from"./p-Dzz9jxLm.js";import{d as c}from"./p-DTwz9Fsh.js";const p=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.openChange=i(this,"openChange",7),this.mobileSize=991,this.open=!1,this.menuItems=[],this.applicationContext="Xv",this.menuLoading=!1}handleClickOutside(e){this.open&&!this.el.contains(e.target)&&this.handleClose()}handleClose(){this.open=!1,this.activeItem=this.activeGroup=void 0,this.openChange.emit(this.open)}get isMobile(){return window.outerWidth<=this.mobileSize}setActiveItem(e){var n,i,t,a,o;this.activeItem=(null===(n=this.activeItem)||void 0===n?void 0:n.id)===(null==e?void 0:e.id)?void 0:e,this.isMobile&&1!==((null===(t=null===(i=this.activeItem)||void 0===i?void 0:i.groups)||void 0===t?void 0:t.length)||0)||this.setActiveGroup(null===(o=null===(a=this.activeItem)||void 0===a?void 0:a.groups)||void 0===o?void 0:o[0]),this.isMobile||(this.open=!!this.activeItem,!this.open&&this.handleClose())}setActiveGroup(e){var n;this.activeGroup=this.isMobile&&(null===(n=this.activeGroup)||void 0===n?void 0:n.id)===(null==e?void 0:e.id)?void 0:e}navActionClick(e){window.location.href=e.url}parseMenuData(e){if(!e)return null;if(Array.isArray(e))return e;try{const n=JSON.parse(e);return Array.isArray(n)?n:null}catch(e){return console.warn("xv-mega-menu-next: invalid menu-data JSON",e),null}}async fetchMenuData(){try{this.menuItems=await s.get("/api-fd/v1/home/menu",{awaitWl:!0,credentials:"include"}).then((({data:e,meta:n})=>(this.applicationContext=n.applicationContext,e||[])))}catch(e){console.error("fetchMenuData error",e),this.menuItems=[]}}onMenuDataChange(e){const n=this.parseMenuData(e);n&&(this.menuItems=n)}componentWillLoad(){const e=this.parseMenuData(this.menuData);e?this.menuItems=e:this.fetchMenuData()}render(){return t(o,{key:"ed607b8cd4c395fb89c2b925381a66476ee7fc66"},t("nav",{key:"df1bc505eea962a6dd450aff9ce94bdaf851bb60",class:{"xv-menu":!0,open:this.open}},this.menuLoading&&t("div",{key:"43d7eb0df82e01e7bc9dcf7d305b41e2e274206b",class:{"xv-menu-loader":!0,open:this.open}},t("xv-loader-v2",{key:"d1fe2d349bbb091ca9e1ad3b3042f751cd7bea8a"})),t("ul",{key:"7daed87d6a28ef57cf50c44d6b692818d898f24b",class:{menu:!0,open:this.open}},this.menuItems.map((e=>{var n,i;return t("li",{class:{"menu-item":!0,active:e.id===(null===(n=this.activeItem)||void 0===n?void 0:n.id)}},e.route?t("xv-link-v2",{variant:"ghost",href:e.route.route},t("p",{class:"menu-item-label"},null===(i=e.route)||void 0===i?void 0:i.label)):t(a,null,t("p",{class:"menu-item-label",onClick:()=>this.setActiveItem(e)},null==e?void 0:e.label),t("ul",{class:"menu-item-groups"},e.groups.map((n=>{var i;return t("li",{class:{group:!0,active:(null===(i=this.activeGroup)||void 0===i?void 0:i.id)===n.id}},n.label&&e.groups.length>1&&t("div",{class:"group-label",onClick:()=>this.setActiveGroup(n)},t("span",{class:"group-label-text"},n.label),t("span",{class:"group-label-icon"})),t("div",{class:"group-container"},t("div",{class:{"group-container-absolute":!0,noLabel:!(n.label&&e.groups.length>1)}},t("div",{class:"group-menus"},t("ul",{class:{"group-menus-categories":!0,inline:"inline"===n.layout}},n.categories.map((e=>t("li",{class:"category"},t("p",{class:"category-label"},e.label),t("ul",{class:"category-routes"},e.routes.map((e=>t("li",{class:"route"},t("xv-link-v2",{size:"lg",variant:"ghost",href:e.route||"#"},e.label),e.tag&&t("xv-tag-v2",{class:"route-tag",size:"sm",color:"#161616",bg:"#E0E0E0"},e.tag))))))))),t("ul",{class:"group-menus-actions"},n.actions.map((e=>t("li",{class:"action"},"link"===e.type&&t("xv-link-v2",{variant:"standalone",href:null==e?void 0:e.url},e.label,t("span",{class:"link-chevron",slot:"icon-right"},"→")),"button"===e.type&&t("xv-button-v2",{onClick:()=>this.navActionClick(e),block:!0,variant:"tertiary"},e.label)))))),(null==n?void 0:n.card)&&t("div",{class:"group-card"},t("xv-card-v2",{media:"Komsa"!==this.applicationContext?n.card.image:void 0,variant:this.isMobile?"horizontal":"vertical"},t("h5",{slot:"header",class:"group-card-title"},n.card.title),t("p",{slot:"body",class:"group-card-desc"},n.card.description),n.card.linkLabel&&t("xv-link-v2",{slot:"footer",variant:"standalone",href:n.card.linkUrl||"#"},n.card.linkLabel,t("span",{class:"link-chevron",slot:"icon-right"},"→")))))))})))))})),t("li",{key:"9644d518b2a427d1af5319f6d0dcd08b11a9c6c2",class:"menu--right"},t("slot",{key:"5200a528a6e5b5374815d7978ec09e87da55a3d7",name:"menu-right"})),this.open&&t("li",{key:"378f37f82e6b9ae4990e4bd7d197d1a1ce851b2e",class:"menu--backdrop",onClick:()=>this.handleClose()}))))}get el(){return this}static get watchers(){return{menuData:[{onMenuDataChange:0}]}}static get style(){return":host{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}"}},[257,"xv-mega-menu-next",{open:[1540],menuData:[1,"menu-data"],activeItem:[32],activeGroup:[32],menuItems:[32],applicationContext:[32],menuLoading:[32]},[[4,"click","handleClickOutside"]],{menuData:[{onMenuDataChange:0}]}]);function v(){"undefined"!=typeof customElements&&["xv-mega-menu-next","xv-button-v2","xv-card-v2","xv-link-v2","xv-loader-v2","xv-tag-v2"].forEach((e=>{switch(e){case"xv-mega-menu-next":customElements.get(r(e))||customElements.define(r(e),p);break;case"xv-button-v2":customElements.get(r(e))||l();break;case"xv-card-v2":customElements.get(r(e))||u();break;case"xv-link-v2":customElements.get(r(e))||m();break;case"xv-loader-v2":customElements.get(r(e))||d();break;case"xv-tag-v2":customElements.get(r(e))||c()}}))}v();export{p as X,v as d}
+import{p as e,H as n,c as i,h as t,F as a,a as o,t as r}from"./p-CspyoLL9.js";import{b as s}from"./index.js";import{d as l}from"./p-D4FwGeDJ.js";import{d as u}from"./p-CSYnNMKb.js";import{d as m}from"./p-jD7nSJaM.js";import{d}from"./p-Dwbe941A.js";import{d as c}from"./p-DNRISLNf.js";const p=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.openChange=i(this,"openChange",7),this.mobileSize=991,this.open=!1,this.menuItems=[],this.applicationContext="Xv",this.menuLoading=!1}handleClickOutside(e){this.open&&!this.el.contains(e.target)&&this.handleClose()}handleClose(){this.open=!1,this.activeItem=this.activeGroup=void 0,this.openChange.emit(this.open)}get isMobile(){return window.outerWidth<=this.mobileSize}setActiveItem(e){var n,i,t,a,o;this.activeItem=(null===(n=this.activeItem)||void 0===n?void 0:n.id)===(null==e?void 0:e.id)?void 0:e,this.isMobile&&1!==((null===(t=null===(i=this.activeItem)||void 0===i?void 0:i.groups)||void 0===t?void 0:t.length)||0)||this.setActiveGroup(null===(o=null===(a=this.activeItem)||void 0===a?void 0:a.groups)||void 0===o?void 0:o[0]),this.isMobile||(this.open=!!this.activeItem,!this.open&&this.handleClose())}setActiveGroup(e){var n;this.activeGroup=this.isMobile&&(null===(n=this.activeGroup)||void 0===n?void 0:n.id)===(null==e?void 0:e.id)?void 0:e}navActionClick(e){window.location.href=e.url}parseMenuData(e){if(!e)return null;if(Array.isArray(e))return e;try{const n=JSON.parse(e);return Array.isArray(n)?n:null}catch(e){return console.warn("xv-mega-menu-next: invalid menu-data JSON",e),null}}async fetchMenuData(){try{this.menuItems=await s.get("/api-fd/v1/home/menu",{awaitWl:!0,credentials:"include"}).then((({data:e,meta:n})=>(this.applicationContext=n.applicationContext,e||[])))}catch(e){console.error("fetchMenuData error",e),this.menuItems=[]}}onMenuDataChange(e){const n=this.parseMenuData(e);n&&(this.menuItems=n)}componentWillLoad(){const e=this.parseMenuData(this.menuData);e?this.menuItems=e:this.fetchMenuData()}render(){return t(o,{key:"ed607b8cd4c395fb89c2b925381a66476ee7fc66"},t("nav",{key:"df1bc505eea962a6dd450aff9ce94bdaf851bb60",class:{"xv-menu":!0,open:this.open}},this.menuLoading&&t("div",{key:"43d7eb0df82e01e7bc9dcf7d305b41e2e274206b",class:{"xv-menu-loader":!0,open:this.open}},t("xv-loader-v2",{key:"d1fe2d349bbb091ca9e1ad3b3042f751cd7bea8a"})),t("ul",{key:"7daed87d6a28ef57cf50c44d6b692818d898f24b",class:{menu:!0,open:this.open}},this.menuItems.map((e=>{var n,i;return t("li",{class:{"menu-item":!0,active:e.id===(null===(n=this.activeItem)||void 0===n?void 0:n.id)}},e.route?t("xv-link-v2",{variant:"ghost",href:e.route.route},t("p",{class:"menu-item-label"},null===(i=e.route)||void 0===i?void 0:i.label)):t(a,null,t("p",{class:"menu-item-label",onClick:()=>this.setActiveItem(e)},null==e?void 0:e.label),t("ul",{class:"menu-item-groups"},e.groups.map((n=>{var i;return t("li",{class:{group:!0,active:(null===(i=this.activeGroup)||void 0===i?void 0:i.id)===n.id}},n.label&&e.groups.length>1&&t("div",{class:"group-label",onClick:()=>this.setActiveGroup(n)},t("span",{class:"group-label-text"},n.label),t("span",{class:"group-label-icon"})),t("div",{class:"group-container"},t("div",{class:{"group-container-absolute":!0,noLabel:!(n.label&&e.groups.length>1)}},t("div",{class:"group-menus"},t("ul",{class:{"group-menus-categories":!0,inline:"inline"===n.layout}},n.categories.map((e=>t("li",{class:"category"},t("p",{class:"category-label"},e.label),t("ul",{class:"category-routes"},e.routes.map((e=>t("li",{class:"route"},t("xv-link-v2",{size:"lg",variant:"ghost",href:e.route||"#"},e.label),e.tag&&t("xv-tag-v2",{class:"route-tag",size:"sm",color:"#161616",bg:"#E0E0E0"},e.tag))))))))),t("ul",{class:"group-menus-actions"},n.actions.map((e=>t("li",{class:"action"},"link"===e.type&&t("xv-link-v2",{variant:"standalone",href:null==e?void 0:e.url},e.label,t("span",{class:"link-chevron",slot:"icon-right"},"→")),"button"===e.type&&t("xv-button-v2",{onClick:()=>this.navActionClick(e),block:!0,variant:"tertiary"},e.label)))))),(null==n?void 0:n.card)&&t("div",{class:"group-card"},t("xv-card-v2",{media:"Komsa"!==this.applicationContext?n.card.image:void 0,variant:this.isMobile?"horizontal":"vertical"},t("h5",{slot:"header",class:"group-card-title"},n.card.title),t("p",{slot:"body",class:"group-card-desc"},n.card.description),n.card.linkLabel&&t("xv-link-v2",{slot:"footer",variant:"standalone",href:n.card.linkUrl||"#"},n.card.linkLabel,t("span",{class:"link-chevron",slot:"icon-right"},"→")))))))})))))})),t("li",{key:"9644d518b2a427d1af5319f6d0dcd08b11a9c6c2",class:"menu--right"},t("slot",{key:"5200a528a6e5b5374815d7978ec09e87da55a3d7",name:"menu-right"})),this.open&&t("li",{key:"378f37f82e6b9ae4990e4bd7d197d1a1ce851b2e",class:"menu--backdrop",onClick:()=>this.handleClose()}))))}get el(){return this}static get watchers(){return{menuData:[{onMenuDataChange:0}]}}static get style(){return":host{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}"}},[257,"xv-mega-menu-next",{open:[1540],menuData:[1,"menu-data"],activeItem:[32],activeGroup:[32],menuItems:[32],applicationContext:[32],menuLoading:[32]},[[4,"click","handleClickOutside"]],{menuData:[{onMenuDataChange:0}]}]);function v(){"undefined"!=typeof customElements&&["xv-mega-menu-next","xv-button-v2","xv-card-v2","xv-link-v2","xv-loader-v2","xv-tag-v2"].forEach((e=>{switch(e){case"xv-mega-menu-next":customElements.get(r(e))||customElements.define(r(e),p);break;case"xv-button-v2":customElements.get(r(e))||l();break;case"xv-card-v2":customElements.get(r(e))||u();break;case"xv-link-v2":customElements.get(r(e))||m();break;case"xv-loader-v2":customElements.get(r(e))||d();break;case"xv-tag-v2":customElements.get(r(e))||c()}}))}v();export{p as X,v as d}