@everymatrix/general-navigation-bar 1.43.4 → 1.44.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.
|
@@ -650,39 +650,39 @@ t.formats={number:{integer:{maximumFractionDigits:0},currency:{style:"currency"}
|
|
|
650
650
|
*/
|
|
651
651
|
const Sr=t=>t.toLowerCase().match(/android/i)?"Android":t.toLowerCase().match(/iphone/i)?"iPhone":t.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC";function Pr(t,e){Dn(t,e)}const Hr={en:{secondaryMenuTitle:"Categories"},"zh-hk":{secondaryMenuTitle:"類別"},fr:{secondaryMenuTitle:"Catégories"},ro:{secondaryMenuTitle:"Categorii"},es:{secondaryMenuTitle:"Categorias"},pt:{secondaryMenuTitle:"Categorias"},hr:{secondaryMenuTitle:"Kategorije"},"pt-br":{secondaryMenuTitle:"Categorias"},"es-mx":{secondaryMenuTitle:"Categorias"},tr:{secondaryMenuTitle:"Kategoriler"}};
|
|
652
652
|
/* src/GeneralNavigationBar.svelte generated by Svelte v3.59.2 */function Lr(t,e,n){const r=t.slice();return r[42]=e[n],r[44]=n,r}function Or(t,e,n){const r=t.slice();return r[42]=e[n],r}
|
|
653
|
-
// (
|
|
654
|
-
function xr(t){let e,n,r,i,o,a,s
|
|
655
|
-
|
|
656
|
-
/*div2_binding*/,t[27](null)}}}
|
|
657
|
-
// (206:6) {#if !navigationBarSimple}
|
|
653
|
+
// (199:3) {#if !isLoading && isMobile && showNavigation}
|
|
654
|
+
function xr(t){let e,n,r,i,o,a,s=!/*navigationBarSimple*/t[6]&&Cr(t),c=/*primaryMenuSpliced*/t[7],l=[];for(let e=0;e<c.length;e+=1)l[e]=Fr(Lr(t,c,e));let m=!/*navigationBarSimple*/t[6]&&Dr(t);return{c(){e=d("div"),s&&s.c(),n=y(),r=d("div");for(let t=0;t<l.length;t+=1)l[t].c();i=y(),m&&m.c(),E(r,"class",o="NavigationBar "+(/*navigationWindowOpened*/t[4]?"NavigationBarOpened":"")+" "+(/*navigationBarSimple*/t[6]?"NavigationBarSimple":"")),E(r,"part",a="NavigationBar "+(/*navigationWindowOpened*/t[4]?"NavigationBarOpened":"")+" "+(/*navigationBarSimple*/t[6]?"NavigationBarSimple":"")),E(e,"class","NavigationPanel")},m(t,o){u(t,e,o),s&&s.m(e,null),h(e,n),h(e,r);for(let t=0;t<l.length;t+=1)l[t]&&l[t].m(r,null);h(r,i),m&&m.m(r,null)},p(t,h){if(/*navigationBarSimple*/t[6]?s&&(s.d(1),s=null):s?s.p(t,h):(s=Cr(t),s.c(),s.m(e,n)),/*activeMenuItemId, primaryMenuSpliced, triggerNavigation*/32928&h[0]){let e;for(c=/*primaryMenuSpliced*/t[7],e=0;e<c.length;e+=1){const n=Lr(t,c,e);l[e]?l[e].p(n,h):(l[e]=Fr(n),l[e].c(),l[e].m(r,i))}for(;e<l.length;e+=1)l[e].d(1);l.length=c.length}/*navigationBarSimple*/t[6]?m&&(m.d(1),m=null):m?m.p(t,h):(m=Dr(t),m.c(),m.m(r,null)),/*navigationWindowOpened, navigationBarSimple*/80&h[0]&&o!==(o="NavigationBar "+(/*navigationWindowOpened*/t[4]?"NavigationBarOpened":"")+" "+(/*navigationBarSimple*/t[6]?"NavigationBarSimple":""))&&E(r,"class",o),/*navigationWindowOpened, navigationBarSimple*/80&h[0]&&a!==(a="NavigationBar "+(/*navigationWindowOpened*/t[4]?"NavigationBarOpened":"")+" "+(/*navigationBarSimple*/t[6]?"NavigationBarSimple":""))&&E(r,"part",a)},d(t){t&&f(e),s&&s.d(),p(l,t),m&&m.d()}}}
|
|
655
|
+
// (201:6) {#if !navigationBarSimple}
|
|
658
656
|
function Cr(t){let e,n,r,i,o,a,s,c,l,m,v=/*secondarymenutitle*/(t[0]||/*$_*/t[12]("secondaryMenuTitle"))+"",_=/*secondaryMenu*/t[8],N=[];for(let e=0;e<_.length;e+=1)N[e]=Rr(Or(t,_,e));return{c(){e=d("div"),n=d("span"),n.innerHTML='<slot name="close"><svg class="w-6 h-6" part="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path part="ModalCloseBtnPath" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></slot>',r=y(),i=d("h3"),o=g(v),a=y(),s=d("div");for(let t=0;t<N.length;t+=1)N[t].c();E(n,"class","ModalCloseBtn"),E(n,"part","ModalCloseBtn"),E(n,"role","button"),E(i,"class","NavigationWindowTitle"),E(s,"class","NavigationSecondaryWrapper"),E(e,"class",c="NavigationWindow "+(/*navigationWindowOpened*/t[4]?"NavigationWindowOpened":""))},m(c,f){u(c,e,f),h(e,n),h(e,r),h(e,i),h(i,o),h(e,a),h(e,s);for(let t=0;t<N.length;t+=1)N[t]&&N[t].m(s,null);l||(m=b(n,"click",/*navigationWindowToggle*/t[14]),l=!0)},p(t,n){if(/*secondarymenutitle, $_*/4097&n[0]&&v!==(v=/*secondarymenutitle*/(t[0]||/*$_*/t[12]("secondaryMenuTitle"))+"")&&w(o,v),/*activeMenuItemId, secondaryMenu, triggerNavigation*/33056&n[0]){let e;for(_=/*secondaryMenu*/t[8],e=0;e<_.length;e+=1){const r=Or(t,_,e);N[e]?N[e].p(r,n):(N[e]=Rr(r),N[e].c(),N[e].m(s,null))}for(;e<N.length;e+=1)N[e].d(1);N.length=_.length}/*navigationWindowOpened*/16&n[0]&&c!==(c="NavigationWindow "+(/*navigationWindowOpened*/t[4]?"NavigationWindowOpened":""))&&E(e,"class",c)},d(t){t&&f(e),p(N,t),l=!1,m()}}}
|
|
659
|
-
// (
|
|
657
|
+
// (212:16) {#if item.img}
|
|
660
658
|
function Mr(t){let e,n,r,i;return{c(){e=d("div"),n=d("img"),E(n,"class","NavigationSecondaryItemImg"),E(n,"part","NavigationSecondaryItemImg"),c(n.src,r=/*item*/t[42].img)||E(n,"src",r),E(n,"alt",i=/*item*/t[42].label),E(e,"class","NavigationSecondaryItemImgWrapper"),E(e,"part","NavigationSecondaryItemImgWrapper")},m(t,r){u(t,e,r),h(e,n)},p(t,e){/*secondaryMenu*/256&e[0]&&!c(n.src,r=/*item*/t[42].img)&&E(n,"src",r),/*secondaryMenu*/256&e[0]&&i!==(i=/*item*/t[42].label)&&E(n,"alt",i)},d(t){t&&f(e)}}}
|
|
661
|
-
// (
|
|
659
|
+
// (210:12) {#each secondaryMenu as item}
|
|
662
660
|
function Rr(t){let e,n,r,i,o,a,s,c,l=/*item*/t[42].label+"",p=/*item*/t[42].img&&Mr(t);function m(){/*click_handler*/
|
|
663
661
|
return t[25](/*item*/t[42])}return{c(){e=d("div"),p&&p.c(),n=y(),r=d("p"),i=g(l),o=y(),E(r,"class","NavigationSecondaryItemLabel"),E(r,"part","NavigationSecondaryItemLabel"),E(e,"class",a="NavigationSecondaryItemAnchor "+(/*activeMenuItemId*/t[5]===/*item*/t[42].id?"ActiveItem":""))},m(t,a){u(t,e,a),p&&p.m(e,null),h(e,n),h(e,r),h(r,i),h(e,o),s||(c=b(e,"click",m),s=!0)},p(r,o){/*item*/(t=r)[42].img?p?p.p(t,o):(p=Mr(t),p.c(),p.m(e,n)):p&&(p.d(1),p=null),/*secondaryMenu*/256&o[0]&&l!==(l=/*item*/t[42].label+"")&&w(i,l),/*activeMenuItemId, secondaryMenu*/288&o[0]&&a!==(a="NavigationSecondaryItemAnchor "+(/*activeMenuItemId*/t[5]===/*item*/t[42].id?"ActiveItem":""))&&E(e,"class",a)},d(t){t&&f(e),p&&p.d(),s=!1,c()}}}
|
|
664
|
-
// (
|
|
662
|
+
// (226:12) {#if item.img}
|
|
665
663
|
function Ur(t){let e,n,r,i;return{c(){e=d("div"),n=d("img"),E(n,"class","NavigationPrimaryItemImg"),c(n.src,r=/*item*/t[42].img)||E(n,"src",r),E(n,"alt",i=/*item*/t[42].label),E(e,"class","NavigationPrimaryItemImgWrapper")},m(t,r){u(t,e,r),h(e,n)},p(t,e){/*primaryMenuSpliced*/128&e[0]&&!c(n.src,r=/*item*/t[42].img)&&E(n,"src",r),/*primaryMenuSpliced*/128&e[0]&&i!==(i=/*item*/t[42].label)&&E(n,"alt",i)},d(t){t&&f(e)}}}
|
|
666
|
-
// (
|
|
664
|
+
// (224:8) {#each primaryMenuSpliced as item, i}
|
|
667
665
|
function Fr(t){let e,n,r,i,o,a,s,c=/*item*/t[42].label+"",l=/*item*/t[42].img&&Ur(t);function p(){/*click_handler_1*/
|
|
668
666
|
return t[26](/*item*/t[42])}return{c(){e=d("div"),l&&l.c(),n=y(),r=d("p"),i=g(c),E(r,"class","NavigationPrimaryItemLabel"),E(e,"class",o="NavigationPrimaryItemAnchor NavItem"+/*i*/t[44]+" "+(/*activeMenuItemId*/t[5]===/*item*/t[42].id?"ActiveItem":""))},m(t,o){u(t,e,o),l&&l.m(e,null),h(e,n),h(e,r),h(r,i),a||(s=b(e,"click",p),a=!0)},p(r,a){/*item*/(t=r)[42].img?l?l.p(t,a):(l=Ur(t),l.c(),l.m(e,n)):l&&(l.d(1),l=null),/*primaryMenuSpliced*/128&a[0]&&c!==(c=/*item*/t[42].label+"")&&w(i,c),/*activeMenuItemId, primaryMenuSpliced*/160&a[0]&&o!==(o="NavigationPrimaryItemAnchor NavItem"+/*i*/t[44]+" "+(/*activeMenuItemId*/t[5]===/*item*/t[42].id?"ActiveItem":""))&&E(e,"class",o)},d(t){t&&f(e),l&&l.d(),a=!1,s()}}}
|
|
669
|
-
// (
|
|
667
|
+
// (234:8) {#if !navigationBarSimple}
|
|
670
668
|
function Dr(t){let e,n,r,i,o;function a(t,e){/*isFlowerMenu*/
|
|
671
669
|
return t[11]?kr:Gr}let s=a(t),c=s(t);return{c(){e=d("button"),n=d("span"),c.c(),E(n,"class","NavigationButtonSpan"),E(n,"part","NavigationButtonSpan"),E(e,"class",r="NavigationButton "+(/*navigationWindowOpened*/t[4]?"NavigationButtonActive":""))},m(r,a){u(r,e,a),h(e,n),c.m(n,null),i||(o=b(e,"click",/*navigationWindowToggle*/t[14]),i=!0)},p(t,i){s===(s=a(t))&&c?c.p(t,i):(c.d(1),c=s(t),c&&(c.c(),c.m(n,null))),/*navigationWindowOpened*/16&i[0]&&r!==(r="NavigationButton "+(/*navigationWindowOpened*/t[4]?"NavigationButtonActive":""))&&E(e,"class",r)},d(t){t&&f(e),c.d(),i=!1,o()}}}
|
|
672
|
-
// (
|
|
670
|
+
// (243:14) {:else}
|
|
673
671
|
function kr(t){let e,n,r,i,o,a,s;return{c(){e=d("div"),n=d("span"),r=y(),i=d("span"),o=y(),a=d("span"),E(n,"class","middleIconLine"),E(i,"class","middleIconLine"),E(a,"class","middleIconLine"),E(e,"class",s="labelMiddleIcon "+(/*navigationWindowOpened*/t[4]?"labelMiddleIconActive":""))},m(t,s){u(t,e,s),h(e,n),h(e,r),h(e,i),h(e,o),h(e,a)},p(t,n){/*navigationWindowOpened*/16&n[0]&&s!==(s="labelMiddleIcon "+(/*navigationWindowOpened*/t[4]?"labelMiddleIconActive":""))&&E(e,"class",s)},d(t){t&&f(e)}}}
|
|
674
|
-
// (
|
|
672
|
+
// (237:14) {#if !isFlowerMenu}
|
|
675
673
|
function Gr(t){let e;function n(t,e){/*imageIconUrl*/
|
|
676
674
|
return t[9]?jr:$r}let r=n(t),i=r(t);return{c(){i.c(),e=v()},m(t,n){i.m(t,n),u(t,e,n)},p(t,o){r===(r=n(t))&&i?i.p(t,o):(i.d(1),i=r(t),i&&(i.c(),i.m(e.parentNode,e)))},d(t){i.d(t),t&&f(e)}}}
|
|
677
|
-
// (
|
|
675
|
+
// (240:16) {:else}
|
|
678
676
|
function $r(e){let n,r,i,o,a,s,c,l,p,d,g,y,v,b;return{c(){n=m("svg"),r=m("g"),i=m("g"),o=m("rect"),a=m("rect"),s=m("g"),c=m("rect"),l=m("rect"),p=m("g"),d=m("rect"),g=m("rect"),y=m("g"),v=m("rect"),b=m("rect"),E(o,"class","b"),E(o,"part","b"),E(o,"width","10"),E(o,"height","10"),E(o,"rx","2"),E(a,"class","c"),E(a,"part","c"),E(a,"x","0.5"),E(a,"y","0.5"),E(a,"width","9"),E(a,"height","9"),E(a,"rx","1.5"),E(i,"class","a"),E(i,"part","a"),E(i,"transform","translate(150 514)"),E(c,"class","b"),E(c,"part","b"),E(c,"width","10"),E(c,"height","10"),E(c,"rx","2"),E(l,"class","c"),E(l,"part","c"),E(l,"x","0.5"),E(l,"y","0.5"),E(l,"width","9"),E(l,"height","9"),E(l,"rx","1.5"),E(s,"class","a"),E(s,"part","a"),E(s,"transform","translate(161 514)"),E(d,"class","b"),E(d,"part","b"),E(d,"width","10"),E(d,"height","10"),E(d,"rx","2"),E(g,"class","c"),E(g,"part","c"),E(g,"x","0.5"),E(g,"y","0.5"),E(g,"width","9"),E(g,"height","9"),E(g,"rx","1.5"),E(p,"class","a"),E(p,"part","a"),E(p,"transform","translate(161 525)"),E(v,"class","b"),E(v,"part","b"),E(v,"width","10"),E(v,"height","10"),E(v,"rx","2"),E(b,"class","c"),E(b,"part","c"),E(b,"x","0.5"),E(b,"y","0.5"),E(b,"width","9"),E(b,"height","9"),E(b,"rx","1.5"),E(y,"class","a"),E(y,"part","a"),E(y,"transform","translate(150 525)"),E(r,"transform","translate(-150 -514)"),E(n,"class","middleIcon"),E(n,"xmlns","http://www.w3.org/2000/svg"),E(n,"width","21"),E(n,"height","21"),E(n,"viewBox","0 0 21 21")},m(t,e){u(t,n,e),h(n,r),h(r,i),h(i,o),h(i,a),h(r,s),h(s,c),h(s,l),h(r,p),h(p,d),h(p,g),h(r,y),h(y,v),h(y,b)},p:t,d(t){t&&f(n)}}}
|
|
679
|
-
// (
|
|
677
|
+
// (238:16) {#if imageIconUrl}
|
|
680
678
|
function jr(t){let e,n;return{c(){e=d("img"),c(e.src,n=/*imageIconUrl*/t[9])||E(e,"src",n),E(e,"class","middleIcon"),E(e,"alt",/*imageIconUrl*/t[9])},m(t,n){u(t,e,n)},p(t,r){/*imageIconUrl*/512&r[0]&&!c(e.src,n=/*imageIconUrl*/t[9])&&E(e,"src",n),/*imageIconUrl*/512&r[0]&&E(e,"alt",/*imageIconUrl*/t[9])},d(t){t&&f(e)}}}
|
|
681
|
-
// (
|
|
679
|
+
// (457:0) {:else}
|
|
682
680
|
function Wr(t){let e;return{c(){e=d("style"),e.textContent='.NavigationWrapper {\n background: var(--emfe-w-color-gray-50, #F9F8F8);\n width: 100%;\n}\n\n.NavigationPanel {\n position: fixed;\n display: flex;\n flex-direction: column;\n bottom: 0;\n width: 100%;\n z-index: 30;\n}\n\n.NavigationWindow {\n display: flex;\n flex-direction: column;\n backdrop-filter: blur(2px);\n background: linear-gradient(0deg, var(--emfe-w-color-black, #000000) 0%, transparent 100%);\n opacity: 0;\n transition: 0.25s ease;\n width: 100%;\n max-height: 0vh;\n}\n.NavigationWindow.NavigationWindowOpened {\n opacity: 1;\n max-height: 200px;\n}\n.NavigationWindow.NavigationWindowOpened .NavigationSecondaryWrapper .NavigationSecondaryItemAnchor:nth-child(1) {\n transform: translate3d(-210%, 50%, 0);\n transition: transform 0.1s;\n}\n.NavigationWindow.NavigationWindowOpened .NavigationSecondaryWrapper .NavigationSecondaryItemAnchor:nth-child(2) {\n transform: translate3d(-150%, -50%, 0);\n transition: transform 0.1s 0.1s;\n}\n.NavigationWindow.NavigationWindowOpened .NavigationSecondaryWrapper .NavigationSecondaryItemAnchor:nth-child(3) {\n transform: translate3d(-50%, -100%, 0);\n transition: transform 0.1s 0.2s;\n}\n.NavigationWindow.NavigationWindowOpened .NavigationSecondaryWrapper .NavigationSecondaryItemAnchor:nth-child(4) {\n transform: translate3d(50%, -50%, 0);\n transition: transform 0.1s 0.3s;\n}\n.NavigationWindow.NavigationWindowOpened .NavigationSecondaryWrapper .NavigationSecondaryItemAnchor:nth-child(5) {\n transform: translate3d(110%, 50%, 0);\n transition: transform 0.1s 0.4s;\n}\n.NavigationWindow .ModalCloseBtn, .NavigationWindow .NavigationWindowTitle {\n display: none;\n}\n.NavigationWindow .NavigationSecondaryWrapper {\n position: relative;\n width: 100%;\n height: 170px;\n list-style: none;\n}\n.NavigationWindow .NavigationSecondaryWrapper .NavigationSecondaryItemAnchor {\n display: flex;\n width: 60px;\n position: absolute;\n top: 50%;\n left: 50%;\n padding: 0px;\n flex-direction: column;\n transform: translate(-50%, 150%);\n}\n.NavigationWindow .NavigationSecondaryWrapper .NavigationSecondaryItemAnchor .NavigationSecondaryItemLabel {\n width: 100%;\n height: 20px;\n text-wrap: pretty;\n line-height: 10px;\n color: var(--emfe-w-color-white, #FFFFFF);\n}\n\n.NavigationPrimaryItemAnchor.NavItem0 {\n grid-area: item0;\n}\n\n.NavigationPrimaryItemAnchor.NavItem1 {\n grid-area: item1;\n}\n\n.NavigationPrimaryItemAnchor.NavItem2 {\n grid-area: item2;\n}\n\n.NavigationPrimaryItemAnchor.NavItem3 {\n grid-area: item3;\n}\n\n.NavigationPrimaryItemAnchor.NavItem4 {\n grid-area: item4;\n}\n\n.NavigationBar {\n background: var(--emfe-w-color-white, #FFFFFF);\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr 1fr 20% 1fr 1fr;\n grid-template-areas: "item0 item1 . item2 item3";\n border-radius: 5px;\n position: relative;\n}\n.NavigationBar.NavigationBarSimple {\n grid-template-columns: repeat(5, 20%);\n grid-template-areas: "item0 item1 item2 item3 item4";\n}\n.NavigationBar.NavigationBarOpened {\n box-shadow: 0 0 11px rgba(0, 0, 0, 0.09);\n}\n\n.NavigationPrimaryItemAnchor,\n.NavigationSecondaryItemAnchor {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n text-decoration: none;\n color: var(--emfe-w-color-black, #000000);\n font-size: 9px;\n overflow: hidden;\n white-space: nowrap;\n padding: 10px;\n}\n.NavigationPrimaryItemAnchor .NavigationPrimaryItemImg,\n.NavigationSecondaryItemAnchor .NavigationPrimaryItemImg {\n width: 20px;\n height: 20px;\n}\n.NavigationPrimaryItemAnchor .NavigationSecondaryItemImgWrapper,\n.NavigationSecondaryItemAnchor .NavigationSecondaryItemImgWrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5px;\n border-radius: 100%;\n background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));\n}\n.NavigationPrimaryItemAnchor .NavigationSecondaryItemImgWrapper .NavigationSecondaryItemImg,\n.NavigationSecondaryItemAnchor .NavigationSecondaryItemImgWrapper .NavigationSecondaryItemImg {\n width: 25px;\n height: 25px;\n}\n.NavigationPrimaryItemAnchor .NavigationPrimaryItemLabel,\n.NavigationPrimaryItemAnchor .NavigationSecondaryItemLabel,\n.NavigationSecondaryItemAnchor .NavigationPrimaryItemLabel,\n.NavigationSecondaryItemAnchor .NavigationSecondaryItemLabel {\n margin: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: center;\n}\n\n.NavigationButton {\n background: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));\n border: none;\n position: absolute;\n border-radius: 100%;\n top: 20%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 10px;\n}\n.NavigationButton .NavigationButtonSpan {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.NavigationButton .labelMiddleIcon {\n cursor: pointer;\n display: grid;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n padding: 4px;\n overflow: hidden;\n}\n.NavigationButton .labelMiddleIcon .middleIconLine {\n background: var(--emfe-w-color-white, #FFFFFF);\n content: "";\n height: 2px;\n width: 20px;\n grid-row-start: 1;\n grid-column-start: 1;\n transition: transform ease 0.2s, margin-top ease 0.2s 0.2s, width ease 0.2s 0.4s;\n}\n.NavigationButton .labelMiddleIcon .middleIconLine:nth-child(1) {\n margin-top: 10px;\n}\n.NavigationButton .labelMiddleIcon .middleIconLine:nth-child(2) {\n margin: auto;\n}\n.NavigationButton .labelMiddleIcon .middleIconLine:nth-child(3) {\n margin-top: -10px;\n}\n.NavigationButton .labelMiddleIconActive .middleIconLine:nth-child(1) {\n margin-top: 0px;\n transform: rotate(-45deg);\n transition: margin-top ease 0.2s 0.2s, transform ease 0.2s 0.4s;\n}\n.NavigationButton .labelMiddleIconActive .middleIconLine:nth-child(2) {\n width: 0px;\n transition: width ease 0.2s;\n}\n.NavigationButton .labelMiddleIconActive .middleIconLine:nth-child(3) {\n margin-top: 0px;\n transform: rotate(45deg);\n transition: margin-top ease 0.2s 0.2s, transform ease 0.2s 0.4s;\n}',E(e,"lang","scss")},m(t,n){u(t,e,n)},d(t){t&&f(e)}}}
|
|
683
|
-
// (
|
|
684
|
-
function Vr(t){let e;return{c(){e=d("style"),e.textContent='.NavigationWrapper {\n background: var(--emfe-w-color-gray-50, #F9F8F8);\n width: 100%;\n height: 100px;\n}\n\n.NavigationPanel {\n position: fixed;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n width: calc(100% - 30px);\n max-width: 450px;\n height: 70px;\n z-index: 30;\n}\n\n.NavigationWindow {\n display: flex;\n flex-direction: column;\n background: var(--emfe-w-color-white, #FFFFFF);\n position: absolute;\n bottom: 30px;\n left: 0;\n opacity: 0;\n transform: translateY(100%);\n border-radius: 5px 5px 0 0;\n transition: 0.25s ease;\n width: 100%;\n max-height: 40vh;\n}\n.NavigationWindow.NavigationWindowOpened {\n opacity: 1;\n padding-bottom: 60px;\n transform: translateY(5px);\n}\n.NavigationWindow .ModalCloseBtn {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n color: var(--emfe-w-color-secondary, var(--emfe-w-color-secondary, #FD2839));\n background: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n transition: all 150ms ease-in-out;\n z-index: 1;\n}\n.NavigationWindow .ModalCloseBtn svg {\n width: 24px;\n height: 24px;\n margin: 50%;\n transform: translate(-50%, -50%);\n}\n.NavigationWindow .ModalCloseBtn:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.NavigationWindow .NavigationWindowTitle {\n padding: 16px 10px;\n margin: 0;\n color: var(--emfe-w-color-black, #000000);\n font-size: 12px;\n flex-grow: 0;\n}\n.NavigationWindow .NavigationSecondaryWrapper {\n display: flex;\n flex-wrap: wrap;\n padding: 0 10px;\n flex-grow: 1;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.NavigationPrimaryItemAnchor.NavItem0 {\n grid-area: item0;\n}\n\n.NavigationPrimaryItemAnchor.NavItem1 {\n grid-area: item1;\n}\n\n.NavigationPrimaryItemAnchor.NavItem2 {\n grid-area: item2;\n}\n\n.NavigationPrimaryItemAnchor.NavItem3 {\n grid-area: item3;\n}\n\n.NavigationPrimaryItemAnchor.NavItem4 {\n grid-area: item4;\n}\n\n.NavigationBar {\n background: var(--emfe-w-color-white, #FFFFFF);\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr 1fr 20% 1fr 1fr;\n grid-template-areas: "item0 item1 . item2 item3";\n height: 70px;\n border-radius: 5px;\n position: relative;\n}\n.NavigationBar.NavigationBarSimple {\n grid-template-columns: repeat(5, 20%);\n grid-template-areas: "item0 item1 item2 item3 item4";\n}\n.NavigationBar.NavigationBarOpened {\n box-shadow: 0 0 11px rgba(0, 0, 0, 0.09);\n}\n\n.NavigationPrimaryItemAnchor,\n.NavigationSecondaryItemAnchor {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 5px;\n text-decoration: none;\n color: var(--emfe-w-color-black, #000000);\n font-size: 9px;\n overflow: hidden;\n white-space: nowrap;\n padding-bottom: 12px;\n}\n.NavigationPrimaryItemAnchor .NavigationPrimaryItemImg,\n.NavigationPrimaryItemAnchor .NavigationSecondaryItemImg,\n.NavigationSecondaryItemAnchor .NavigationPrimaryItemImg,\n.NavigationSecondaryItemAnchor .NavigationSecondaryItemImg {\n width: 20px;\n}\n.NavigationPrimaryItemAnchor .NavigationPrimaryItemLabel,\n.NavigationPrimaryItemAnchor .NavigationSecondaryItemLabel,\n.NavigationSecondaryItemAnchor .NavigationPrimaryItemLabel,\n.NavigationSecondaryItemAnchor .NavigationSecondaryItemLabel {\n margin: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n text-align: center;\n}\n\n.NavigationSecondaryItemAnchor {\n width: 25%;\n padding: 10px 0;\n}\n\n.ActiveItem {\n background-color: var(--emfe-w-color-primary-50, var(--emfe-w-color-pink-20, #FBECF4));\n}\n\n.NavigationButton {\n background: var(--emfe-w-color-white, #FFFFFF);\n border: none;\n width: 20%;\n height: 100%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 0;\n padding-bottom: 12px;\n}\n.NavigationButton .middleIcon {\n width: 32px;\n height: 32px;\n}\n.NavigationButton .middleIcon .a {\n fill: var(--emfe-w-color-white, #FFFFFF);\n stroke: var(--emfe-w-color-primary, #D0046C);\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n.NavigationButton .middleIcon .b {\n stroke: none;\n}\n.NavigationButton .middleIcon .c {\n fill: none;\n}\n.NavigationButton:before {\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-top: 8px solid var(--emfe-w-color-gray-50, #F9F8F8);\n content: "";\n height: 0;\n left: 50%;\n opacity: 0;\n position: absolute;\n top: 0;\n transform: translateX(-50%);\n width: 0;\n}\n.NavigationButton.NavigationButtonActive:before {\n opacity: 1;\n transition: 0.7s ease;\n}',E(e,"lang","scss")},m(t,n){u(t,e,n)},d(t){t&&f(e)}}}function Xr(e){let n,r,i=!/*isLoading*/e[1]&&/*isMobile*/e[13]&&/*showNavigation*/e[3]&&xr(e);function
|
|
685
|
-
return t[11]?Wr:Vr}let
|
|
681
|
+
// (258:0) {#if !isFlowerMenu}
|
|
682
|
+
function Vr(t){let e;return{c(){e=d("style"),e.textContent='.NavigationWrapper {\n background: var(--emfe-w-color-gray-50, #F9F8F8);\n width: 100%;\n height: 100px;\n}\n\n.NavigationPanel {\n position: fixed;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n width: calc(100% - 30px);\n max-width: 450px;\n height: 70px;\n z-index: 30;\n}\n\n.NavigationWindow {\n display: flex;\n flex-direction: column;\n background: var(--emfe-w-color-white, #FFFFFF);\n position: absolute;\n bottom: 30px;\n left: 0;\n opacity: 0;\n transform: translateY(100%);\n border-radius: 5px 5px 0 0;\n transition: 0.25s ease;\n width: 100%;\n max-height: 40vh;\n}\n.NavigationWindow.NavigationWindowOpened {\n opacity: 1;\n padding-bottom: 60px;\n transform: translateY(5px);\n}\n.NavigationWindow .ModalCloseBtn {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n color: var(--emfe-w-color-secondary, var(--emfe-w-color-secondary, #FD2839));\n background: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n transition: all 150ms ease-in-out;\n z-index: 1;\n}\n.NavigationWindow .ModalCloseBtn svg {\n width: 24px;\n height: 24px;\n margin: 50%;\n transform: translate(-50%, -50%);\n}\n.NavigationWindow .ModalCloseBtn:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.NavigationWindow .NavigationWindowTitle {\n padding: 16px 10px;\n margin: 0;\n color: var(--emfe-w-color-black, #000000);\n font-size: 12px;\n flex-grow: 0;\n}\n.NavigationWindow .NavigationSecondaryWrapper {\n display: flex;\n flex-wrap: wrap;\n padding: 0 10px;\n flex-grow: 1;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.NavigationPrimaryItemAnchor.NavItem0 {\n grid-area: item0;\n}\n\n.NavigationPrimaryItemAnchor.NavItem1 {\n grid-area: item1;\n}\n\n.NavigationPrimaryItemAnchor.NavItem2 {\n grid-area: item2;\n}\n\n.NavigationPrimaryItemAnchor.NavItem3 {\n grid-area: item3;\n}\n\n.NavigationPrimaryItemAnchor.NavItem4 {\n grid-area: item4;\n}\n\n.NavigationBar {\n background: var(--emfe-w-color-white, #FFFFFF);\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr 1fr 20% 1fr 1fr;\n grid-template-areas: "item0 item1 . item2 item3";\n height: 70px;\n border-radius: 5px;\n position: relative;\n}\n.NavigationBar.NavigationBarSimple {\n grid-template-columns: repeat(5, 20%);\n grid-template-areas: "item0 item1 item2 item3 item4";\n}\n.NavigationBar.NavigationBarOpened {\n box-shadow: 0 0 11px rgba(0, 0, 0, 0.09);\n}\n\n.NavigationPrimaryItemAnchor,\n.NavigationSecondaryItemAnchor {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 5px;\n text-decoration: none;\n color: var(--emfe-w-color-black, #000000);\n font-size: 9px;\n overflow: hidden;\n white-space: nowrap;\n padding-bottom: 12px;\n}\n.NavigationPrimaryItemAnchor .NavigationPrimaryItemImg,\n.NavigationPrimaryItemAnchor .NavigationSecondaryItemImg,\n.NavigationSecondaryItemAnchor .NavigationPrimaryItemImg,\n.NavigationSecondaryItemAnchor .NavigationSecondaryItemImg {\n width: 20px;\n}\n.NavigationPrimaryItemAnchor .NavigationPrimaryItemLabel,\n.NavigationPrimaryItemAnchor .NavigationSecondaryItemLabel,\n.NavigationSecondaryItemAnchor .NavigationPrimaryItemLabel,\n.NavigationSecondaryItemAnchor .NavigationSecondaryItemLabel {\n margin: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n text-align: center;\n}\n\n.NavigationSecondaryItemAnchor {\n width: 25%;\n padding: 10px 0;\n}\n\n.ActiveItem {\n background-color: var(--emfe-w-color-primary-50, var(--emfe-w-color-pink-20, #FBECF4));\n}\n\n.NavigationButton {\n background: var(--emfe-w-color-white, #FFFFFF);\n border: none;\n width: 20%;\n height: 100%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n padding: 0;\n padding-bottom: 12px;\n}\n.NavigationButton .middleIcon {\n width: 32px;\n height: 32px;\n}\n.NavigationButton .middleIcon .a {\n fill: var(--emfe-w-color-white, #FFFFFF);\n stroke: var(--emfe-w-color-primary, #D0046C);\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n.NavigationButton .middleIcon .b {\n stroke: none;\n}\n.NavigationButton .middleIcon .c {\n fill: none;\n}\n.NavigationButton:before {\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-top: 8px solid var(--emfe-w-color-gray-50, #F9F8F8);\n content: "";\n height: 0;\n left: 50%;\n opacity: 0;\n position: absolute;\n top: 0;\n transform: translateX(-50%);\n width: 0;\n}\n.NavigationButton.NavigationButtonActive:before {\n opacity: 1;\n transition: 0.7s ease;\n}',E(e,"lang","scss")},m(t,n){u(t,e,n)},d(t){t&&f(e)}}}function Xr(e){let n,r,i,o,a=!/*isLoading*/e[1]&&/*isMobile*/e[13]&&/*showNavigation*/e[3]&&xr(e);function s(t,e){/*isFlowerMenu*/
|
|
683
|
+
return t[11]?Wr:Vr}let c=s(e),l=c(e);return{c(){n=d("div"),a&&a.c(),i=y(),l.c(),o=v(),this.c=t,E(n,"class",r="NavigationWrapper "+(/*mobileLandscapeView*/e[10]?"NavigationWrapperLandScape":""))},m(t,r){u(t,n,r),a&&a.m(n,null)
|
|
684
|
+
/*div_binding*/,e[27](n),u(t,i,r),l.m(t,r),u(t,o,r)},p(t,e){!/*isLoading*/t[1]&&/*isMobile*/t[13]&&/*showNavigation*/t[3]?a?a.p(t,e):(a=xr(t),a.c(),a.m(n,null)):a&&(a.d(1),a=null),/*mobileLandscapeView*/1024&e[0]&&r!==(r="NavigationWrapper "+(/*mobileLandscapeView*/t[10]?"NavigationWrapperLandScape":""))&&E(n,"class",r),c!==(c=s(t))&&(l.d(1),l=c(t),l&&(l.c(),l.m(o.parentNode,o)))},i:t,o:t,d(t){t&&f(n),a&&a.d()
|
|
685
|
+
/*div_binding*/,e[27](null),t&&f(i),l.d(t),t&&f(o)}}}function zr(t,e,n){let r;var i,o;i=Ir,o=t=>n(12,r=t),t.$$.on_destroy.push(l(i,o));let a,s,{cmsendpoint:c=""}=e,{lang:h=""}=e,{env:u=""}=e,{secondarymenutitle:f=""}=e,{userroles:p=""}=e,{clientstyling:d=""}=e,{clientstylingurl:m=""}=e,{translationurl:g=""}=e,{activecategory:y=""}=e,{flowermenustyle:v="false"}=e,b=window.navigator.userAgent,E="PC"!==Sr(b),w=!0,_=!1,N=!1,A="",I=!1,S=[],P=[],H=[],L="",O={},x=!1;Object.keys(Hr).forEach((t=>{Pr(t,Hr[t])}));const C=t=>{if(t.data)switch(t.data.type){case"PlayerAccountMenuActive":case"OpenLoginRegisterModal":case"GoToHomepage":n(4,N=!1)}},M=()=>{D(),n(1,w=!0);let t=Sr(b),e=new URL(`${c}/${h}/bottom-mobile-menu?env=${u}`);e.searchParams.append("userRoles",p),t&&e.searchParams.append("device","mtWeb"),fetch(e.href).then((t=>t.json())).then((t=>{
|
|
686
686
|
// Reset arrays
|
|
687
687
|
S=[],n(8,H=[]),
|
|
688
688
|
// Show navigation only if there are items coming from CMS
|
|
@@ -694,9 +694,7 @@ O[t.label]=t.eventTrigger?t.path:null,"/menu-item"==t.path?(n(9,L=null==t?void 0
|
|
|
694
694
|
// Hide secondary menu if there are no items configured in CMS
|
|
695
695
|
n(6,I=0==H.length),
|
|
696
696
|
//Deleting the elements from secondaryMenu when flowerMenu is true
|
|
697
|
-
H.length>=5&&x&&n(8,H=H.splice(0,5)),(t=>{n(7,P=[]),n(7,P=I?t.splice(0,5):t.splice(0,4)),y&&R()})(S),n(1,w=!1)})).
|
|
698
|
-
// html menu item is generated after fetching data. after this, set custom styling
|
|
699
|
-
d&&F(),m&&D()})).catch((t=>{n(1,w=!1),console.error(t)}))},R=()=>{const t=P.concat(H).find((t=>t.path.includes(y)));t&&n(5,A=t.id)},U=(t,e,r,i)=>{O[i]?window.postMessage({type:"MobileBottomNavigationEvent",event:O[i]},window.location.href):window.postMessage({type:"NavigateTo",path:t,target:e||null,externalLink:r||!1},window.location.href),n(4,N=!1),
|
|
697
|
+
H.length>=5&&x&&n(8,H=H.splice(0,5)),(t=>{n(7,P=[]),n(7,P=I?t.splice(0,5):t.splice(0,4)),y&&R()})(S),n(1,w=!1)})).catch((t=>{n(1,w=!1),console.error(t)}))},R=()=>{const t=P.concat(H).find((t=>t.path.includes(y)));t&&n(5,A=t.id)},U=(t,e,r,i)=>{O[i]?window.postMessage({type:"MobileBottomNavigationEvent",event:O[i]},window.location.href):window.postMessage({type:"NavigateTo",path:t,target:e||null,externalLink:r||!1},window.location.href),n(4,N=!1),
|
|
700
698
|
//Analytics event
|
|
701
|
-
"function"==typeof gtag&>ag("event","ChangeMenu",{context:"MobileBottomNavigation",menuItem:`${t}`})},F=()=>{
|
|
699
|
+
"function"==typeof gtag&>ag("event","ChangeMenu",{context:"MobileBottomNavigation",menuItem:`${t}`})},F=()=>{var t;t=h,sr.set(t)},D=()=>{n(10,s=E&&window.innerHeight/window.innerWidth<1)},k=()=>{N&&n(4,N=!1)};T((()=>(window.addEventListener("message",C,!1),document.addEventListener("focusin",k),E&&window.screen.orientation.addEventListener("change",D),()=>{window.removeEventListener("message",C),document.removeEventListener("focusin",k),E&&window.screen.orientation.removeEventListener("change",D)})));return t.$$set=t=>{"cmsendpoint"in t&&n(16,c=t.cmsendpoint),"lang"in t&&n(17,h=t.lang),"env"in t&&n(18,u=t.env),"secondarymenutitle"in t&&n(0,f=t.secondarymenutitle),"userroles"in t&&n(19,p=t.userroles),"clientstyling"in t&&n(20,d=t.clientstyling),"clientstylingurl"in t&&n(21,m=t.clientstylingurl),"translationurl"in t&&n(22,g=t.translationurl),"activecategory"in t&&n(23,y=t.activecategory),"flowermenustyle"in t&&n(24,v=t.flowermenustyle)},t.$$.update=()=>{/*flowermenustyle*/16777216&t.$$.dirty[0]&&v&&n(11,x="true"===v.toLowerCase()),/*activecategory, isLoading*/8388610&t.$$.dirty[0]&&y&&!w&&R(),/*lang*/131072&t.$$.dirty[0]&&h&&F(),/*cmsendpoint, lang, env, userroles*/983040&t.$$.dirty[0]&&c&&h&&u&&p&&M(),/*clientstyling, customStylingContainer*/1048580&t.$$.dirty[0]&&d&&a&&(()=>{let t=document.createElement("style");d&&a&&(t.innerHTML=d,a.appendChild(t))})(),/*clientstylingurl, customStylingContainer*/2097156&t.$$.dirty[0]&&m&&a&&(()=>{let t=new URL(m),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,setTimeout((()=>{a.appendChild(e)}),1)}))})(),/*translationurl*/4194304&t.$$.dirty[0]&&g&&fetch(g).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{Pr(e,t[e])}))})).catch((t=>{console.log(t)}))},[f,w,a,_,N,A,I,P,H,L,s,x,r,E,()=>{n(4,N=!N),window.postMessage({type:"MobileBottomNav",navigationWindowOpened:N},window.location.href)},U,c,h,u,p,d,m,g,y,v,t=>{t.attrs?.target?U(t.path,t.attrs?.target,t?.externalLink,t.label):U(t.path,null,t?.externalLink,t.label)},t=>{t.attrs?.target?U(t.path,t.attrs?.target,t?.externalLink,t.label):U(t.path,null,t?.externalLink,t.label)},function(t){B[t?"unshift":"push"]((()=>{a=t,n(2,a)}))}]}class Kr extends k{constructor(t){super(),D(this,{target:this.shadowRoot,props:_(this.attributes),customElement:!0},zr,Xr,o,{cmsendpoint:16,lang:17,env:18,secondarymenutitle:0,userroles:19,clientstyling:20,clientstylingurl:21,translationurl:22,activecategory:23,flowermenustyle:24},null,[-1,-1]),t&&(t.target&&u(t.target,this,t.anchor),t.props&&(this.$set(t.props),C()))}static get observedAttributes(){return["cmsendpoint","lang","env","secondarymenutitle","userroles","clientstyling","clientstylingurl","translationurl","activecategory","flowermenustyle"]}get cmsendpoint(){return this.$$.ctx[16]}set cmsendpoint(t){this.$$set({cmsendpoint:t}),C()}get lang(){return this.$$.ctx[17]}set lang(t){this.$$set({lang:t}),C()}get env(){return this.$$.ctx[18]}set env(t){this.$$set({env:t}),C()}get secondarymenutitle(){return this.$$.ctx[0]}set secondarymenutitle(t){this.$$set({secondarymenutitle:t}),C()}get userroles(){return this.$$.ctx[19]}set userroles(t){this.$$set({userroles:t}),C()}get clientstyling(){return this.$$.ctx[20]}set clientstyling(t){this.$$set({clientstyling:t}),C()}get clientstylingurl(){return this.$$.ctx[21]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),C()}get translationurl(){return this.$$.ctx[22]}set translationurl(t){this.$$set({translationurl:t}),C()}get activecategory(){return this.$$.ctx[23]}set activecategory(t){this.$$set({activecategory:t}),C()}get flowermenustyle(){return this.$$.ctx[24]}set flowermenustyle(t){this.$$set({flowermenustyle:t}),C()}}return!customElements.get("general-navigation-bar")&&customElements.define("general-navigation-bar",Kr),Kr}));
|
|
702
700
|
//# sourceMappingURL=general-navigation-bar.js.map
|