@everymatrix/general-navigation-bar 1.30.0 → 1.31.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.
|
@@ -679,7 +679,7 @@ 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=
|
|
|
679
679
|
// (235: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
|
// (454:0) {:else}
|
|
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:
|
|
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
|
// (255: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=>{
|