@everymatrix/general-navigation-bar 1.34.3 → 1.36.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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
| Version | Release date | Impacted areas | Changes |
|
|
5
5
|
| ------- | ------------ | ----------------------------- | --------------------------------------- |
|
|
6
|
+
| 1.35.0 | Wed Jul 17 2024 | general-navigation-bar | fix(EMFE-31917)(general-navigation-bar): add navigationWindowOpened for input or menu navigation |
|
|
6
7
|
| 1.31.0 | Wed May 22 2024 | general-navigation-bar | fix(EMFE-30588)(general-navigation-bar): Fix the height of the flower menu when it's not toggled |
|
|
7
8
|
| 1.29.8 | Tue May 14 2024 | general-navigation-bar | style(EMFE-30588)(general-navigation-bar): Style a new navigation bar with flower menu effect. Add a new variable for switch between menus |
|
|
8
9
|
| 1.28.0 | Fri Mar 08 2024 | general-navigation-bar | fix(EMFE-28942)(general-navigation-bar): fix condition for landscape/view... |
|
|
@@ -648,39 +648,39 @@ t.formats={number:{integer:{maximumFractionDigits:0},currency:{style:"currency"}
|
|
|
648
648
|
* @param {String} userAgent window.navigator.userAgent
|
|
649
649
|
* @returns {String} Android/iPhone/iPad/PC
|
|
650
650
|
*/
|
|
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"}};
|
|
652
|
-
/* src/GeneralNavigationBar.svelte generated by Svelte v3.59.2 */function Lr(t,e,n){const r=t.slice();return r[
|
|
653
|
-
// (
|
|
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
|
+
/* 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
|
+
// (203:0) {#if !isLoading && isMobile && showNavigation}
|
|
654
654
|
function xr(t){let e,n,r,i,o,a,s,c,l=!/*navigationBarSimple*/t[6]&&Cr(t),m=/*primaryMenuSpliced*/t[7],g=[];for(let e=0;e<m.length;e+=1)g[e]=Fr(Lr(t,m,e));let v=!/*navigationBarSimple*/t[6]&&Dr(t);return{c(){e=d("div"),n=d("div"),l&&l.c(),r=y(),i=d("div");for(let t=0;t<g.length;t+=1)g[t].c();o=y(),v&&v.c(),E(i,"class",a="NavigationBar "+(/*navigationWindowOpened*/t[4]?"NavigationBarOpened":"")+" "+(/*navigationBarSimple*/t[6]?"NavigationBarSimple":"")),E(i,"part",s="NavigationBar "+(/*navigationWindowOpened*/t[4]?"NavigationBarOpened":"")+" "+(/*navigationBarSimple*/t[6]?"NavigationBarSimple":"")),E(n,"class","NavigationPanel"),E(e,"class",c="NavigationWrapper "+(/*mobileLandscapeView*/t[10]?"NavigationWrapperLandScape":""))},m(a,s){u(a,e,s),h(e,n),l&&l.m(n,null),h(n,r),h(n,i);for(let t=0;t<g.length;t+=1)g[t]&&g[t].m(i,null);h(i,o),v&&v.m(i,null)
|
|
655
655
|
/*div2_binding*/,t[27](e)},p(t,h){if(/*navigationBarSimple*/t[6]?l&&(l.d(1),l=null):l?l.p(t,h):(l=Cr(t),l.c(),l.m(n,r)),/*activeMenuItemId, primaryMenuSpliced, triggerNavigation*/32928&h[0]){let e;for(m=/*primaryMenuSpliced*/t[7],e=0;e<m.length;e+=1){const n=Lr(t,m,e);g[e]?g[e].p(n,h):(g[e]=Fr(n),g[e].c(),g[e].m(i,o))}for(;e<g.length;e+=1)g[e].d(1);g.length=m.length}/*navigationBarSimple*/t[6]?v&&(v.d(1),v=null):v?v.p(t,h):(v=Dr(t),v.c(),v.m(i,null)),/*navigationWindowOpened, navigationBarSimple*/80&h[0]&&a!==(a="NavigationBar "+(/*navigationWindowOpened*/t[4]?"NavigationBarOpened":"")+" "+(/*navigationBarSimple*/t[6]?"NavigationBarSimple":""))&&E(i,"class",a),/*navigationWindowOpened, navigationBarSimple*/80&h[0]&&s!==(s="NavigationBar "+(/*navigationWindowOpened*/t[4]?"NavigationBarOpened":"")+" "+(/*navigationBarSimple*/t[6]?"NavigationBarSimple":""))&&E(i,"part",s),/*mobileLandscapeView*/1024&h[0]&&c!==(c="NavigationWrapper "+(/*mobileLandscapeView*/t[10]?"NavigationWrapperLandScape":""))&&E(e,"class",c)},d(n){n&&f(e),l&&l.d(),p(g,n),v&&v.d()
|
|
656
656
|
/*div2_binding*/,t[27](null)}}}
|
|
657
|
-
// (
|
|
657
|
+
// (206:6) {#if !navigationBarSimple}
|
|
658
658
|
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
|
-
// (
|
|
660
|
-
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[
|
|
661
|
-
// (
|
|
662
|
-
function Rr(t){let e,n,r,i,o,a,s,c,l=/*item*/t[
|
|
663
|
-
return t[25](/*item*/t[
|
|
664
|
-
// (
|
|
665
|
-
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[
|
|
666
|
-
// (
|
|
667
|
-
function Fr(t){let e,n,r,i,o,a,s,c=/*item*/t[
|
|
668
|
-
return t[26](/*item*/t[
|
|
669
|
-
// (
|
|
659
|
+
// (217:16) {#if item.img}
|
|
660
|
+
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
|
+
// (215:12) {#each secondaryMenu as item}
|
|
662
|
+
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
|
+
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
|
+
// (231:12) {#if item.img}
|
|
665
|
+
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
|
+
// (229:8) {#each primaryMenuSpliced as item, i}
|
|
667
|
+
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
|
+
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
|
+
// (239:8) {#if !navigationBarSimple}
|
|
670
670
|
function Dr(t){let e,n,r,i,o;function a(t,e){/*isFlowerMenu*/
|
|
671
671
|
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
|
-
// (
|
|
672
|
+
// (248:14) {:else}
|
|
673
673
|
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
|
-
// (
|
|
674
|
+
// (242:14) {#if !isFlowerMenu}
|
|
675
675
|
function Gr(t){let e;function n(t,e){/*imageIconUrl*/
|
|
676
676
|
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
|
-
// (
|
|
677
|
+
// (245:16) {:else}
|
|
678
678
|
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
|
-
// (
|
|
679
|
+
// (243:16) {#if imageIconUrl}
|
|
680
680
|
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
|
-
// (
|
|
681
|
+
// (462:0) {:else}
|
|
682
682
|
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
|
-
// (
|
|
683
|
+
// (263:0) {#if !isFlowerMenu}
|
|
684
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 o(t,e){/*isFlowerMenu*/
|
|
685
685
|
return t[11]?Wr:Vr}let a=o(e),s=a(e);return{c(){i&&i.c(),n=y(),s.c(),r=v(),this.c=t},m(t,e){i&&i.m(t,e),u(t,n,e),s.m(t,e),u(t,r,e)},p(t,e){!/*isLoading*/t[1]&&/*isMobile*/t[13]&&/*showNavigation*/t[3]?i?i.p(t,e):(i=xr(t),i.c(),i.m(n.parentNode,n)):i&&(i.d(1),i=null),a!==(a=o(t))&&(s.d(1),s=a(t),s&&(s.c(),s.m(r.parentNode,r)))},i:t,o:t,d(t){i&&i.d(t),t&&f(n),s.d(t),t&&f(r)}}}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=()=>{G(),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
|
|
@@ -696,7 +696,7 @@ n(6,I=0==H.length),
|
|
|
696
696
|
//Deleting the elements from secondaryMenu when flowerMenu is true
|
|
697
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)})).then((()=>{
|
|
698
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,
|
|
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),
|
|
700
700
|
//Analytics event
|
|
701
|
-
"function"==typeof gtag&>ag("event","ChangeMenu",{context:"MobileBottomNavigation",menuItem:`${t}`})},F=()=>{let t=document.createElement("style");d&&a&&(t.innerHTML=d,a.appendChild(t))},D=()=>{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)}))},k=()=>{var t;t=h,sr.set(t)},G=()=>{n(10,s=E&&window.innerHeight/window.innerWidth<1)};T((()=>(window.addEventListener("message",C,!1),E&&window.screen.orientation.addEventListener("change",G),()=>{window.removeEventListener("message",C),E&&window.screen.orientation.removeEventListener("change",G)})));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&&k(),/*cmsendpoint, lang, env, userroles*/983040&t.$$.dirty[0]&&c&&h&&u&&p&&M(),/*clientstyling, customStylingContainer*/1048580&t.$$.dirty[0]&&d&&a&&F(),/*clientstylingurl, customStylingContainer*/2097156&t.$$.dirty[0]&&m&&a&&D(),/*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}));
|
|
701
|
+
"function"==typeof gtag&>ag("event","ChangeMenu",{context:"MobileBottomNavigation",menuItem:`${t}`})},F=()=>{let t=document.createElement("style");d&&a&&(t.innerHTML=d,a.appendChild(t))},D=()=>{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)}))},k=()=>{var t;t=h,sr.set(t)},G=()=>{n(10,s=E&&window.innerHeight/window.innerWidth<1)},$=()=>{N&&n(4,N=!1)};T((()=>(window.addEventListener("message",C,!1),document.addEventListener("focusin",$),E&&window.screen.orientation.addEventListener("change",G),()=>{window.removeEventListener("message",C),document.removeEventListener("focusin",$),E&&window.screen.orientation.removeEventListener("change",G)})));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&&k(),/*cmsendpoint, lang, env, userroles*/983040&t.$$.dirty[0]&&c&&h&&u&&p&&M(),/*clientstyling, customStylingContainer*/1048580&t.$$.dirty[0]&&d&&a&&F(),/*clientstylingurl, customStylingContainer*/2097156&t.$$.dirty[0]&&m&&a&&D(),/*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
702
|
//# sourceMappingURL=general-navigation-bar.js.map
|