@everymatrix/general-navigation-bar 1.17.0 → 1.17.2
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.
|
@@ -686,5 +686,5 @@ r(6,N=0==P.length),(t=>{r(7,H=[]),r(7,H=N?t.splice(0,5):t.splice(0,4)),y&&x()})(
|
|
|
686
686
|
// html menu item is generated after fetching data. after this, set custom styling
|
|
687
687
|
d&&R(),m&&U()})).catch((t=>{r(1,E=!1),console.error(t)}))},x=()=>{const t=H.concat(P).find((t=>t.path.includes(y)));t&&r(5,A=t.id)},M=(t,e,r,n)=>{O[n]?window.postMessage({type:"MobileBottomNavigationEvent",event:O[n]},window.location.href):window.postMessage({type:"NavigateTo",url:t,target:e,externalLink:r},window.location.href),
|
|
688
688
|
//Analytics event
|
|
689
|
-
"function"==typeof gtag&>ag("event","ChangeMenu",{context:"MobileBottomNavigation",menuItem:`${t}`})},R=()=>{let t=document.createElement("style");d&&a&&(t.innerHTML=d,a.appendChild(t))},U=()=>{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)}))},D=()=>{var t;t=u,an.set(t)};T((()=>(window.addEventListener("message",L,!1),()=>{window.removeEventListener("message",L)})));return t.$$set=t=>{"cmsendpoint"in t&&r(15,c=t.cmsendpoint),"lang"in t&&r(16,u=t.lang),"env"in t&&r(17,h=t.env),"secondarymenutitle"in t&&r(0,f=t.secondarymenutitle),"userroles"in t&&r(18,p=t.userroles),"clientstyling"in t&&r(19,d=t.clientstyling),"clientstylingurl"in t&&r(20,m=t.clientstylingurl),"translationurl"in t&&r(21,g=t.translationurl),"activecategory"in t&&r(22,y=t.activecategory)},t.$$.update=()=>{/*activecategory, isLoading*/4194306&t.$$.dirty[0]&&y&&!E&&x(),/*lang*/65536&t.$$.dirty[0]&&u&&D(),/*cmsendpoint, lang, env, userroles*/491520&t.$$.dirty[0]&&c&&u&&h&&p&&C(),/*clientstyling, customStylingContainer*/524292&t.$$.dirty[0]&&d&&a&&R(),/*clientstylingurl, customStylingContainer*/1048580&t.$$.dirty[0]&&m&&a&&U(),/*translationurl*/2097152&t.$$.dirty[0]&&g&&fetch(g).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{Hn(e,t[e])}))})).catch((t=>{console.log(t)}))},[f,E,a,w,_,A,N,H,P,I,s,n,v,()=>{r(4,_=!_),window.postMessage({type:"MobileBottomNav",navigationWindowOpened:_},window.location.href)},M,c,u,h,p,d,m,g,y,t=>{t.attrs?.target?M(t.path,t.attrs?.target,t?.externalLink,t.label):M(t.path,null,t?.externalLink,t.label)},t=>{t.attrs?.target?M(t.path,t.attrs?.target,t?.externalLink,t.label):M(t.path,null,t?.externalLink,t.label)},function(t){B[t?"unshift":"push"]((()=>{a=t,r(2,a)}))}]}class jn extends F{constructor(t){super();const e=document.createElement("style");e.textContent='.NavigationWrapper{background:var(--emfe-w-color-gray-50, #F9F8F8);width:100%;height:100px}.NavigationPanel{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);max-width:450px;height:70px;z-index:30}.NavigationWindow{display:flex;flex-direction:column;background:var(--emfe-w-color-white, #FFFFFF);position:absolute;bottom:30px;left:0;opacity:0;transform:translateY(100%);border-radius:5px 5px 0 0;transition:0.25s ease;width:100%;max-height:40vh}.NavigationWindow.NavigationWindowOpened{opacity:1;padding-bottom:60px;transform:translateY(5px)}.NavigationWindow .ModalCloseBtn{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:100%;color:var(--emfe-w-color-secondary, var(--emfe-w-color-
|
|
689
|
+
"function"==typeof gtag&>ag("event","ChangeMenu",{context:"MobileBottomNavigation",menuItem:`${t}`})},R=()=>{let t=document.createElement("style");d&&a&&(t.innerHTML=d,a.appendChild(t))},U=()=>{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)}))},D=()=>{var t;t=u,an.set(t)};T((()=>(window.addEventListener("message",L,!1),()=>{window.removeEventListener("message",L)})));return t.$$set=t=>{"cmsendpoint"in t&&r(15,c=t.cmsendpoint),"lang"in t&&r(16,u=t.lang),"env"in t&&r(17,h=t.env),"secondarymenutitle"in t&&r(0,f=t.secondarymenutitle),"userroles"in t&&r(18,p=t.userroles),"clientstyling"in t&&r(19,d=t.clientstyling),"clientstylingurl"in t&&r(20,m=t.clientstylingurl),"translationurl"in t&&r(21,g=t.translationurl),"activecategory"in t&&r(22,y=t.activecategory)},t.$$.update=()=>{/*activecategory, isLoading*/4194306&t.$$.dirty[0]&&y&&!E&&x(),/*lang*/65536&t.$$.dirty[0]&&u&&D(),/*cmsendpoint, lang, env, userroles*/491520&t.$$.dirty[0]&&c&&u&&h&&p&&C(),/*clientstyling, customStylingContainer*/524292&t.$$.dirty[0]&&d&&a&&R(),/*clientstylingurl, customStylingContainer*/1048580&t.$$.dirty[0]&&m&&a&&U(),/*translationurl*/2097152&t.$$.dirty[0]&&g&&fetch(g).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{Hn(e,t[e])}))})).catch((t=>{console.log(t)}))},[f,E,a,w,_,A,N,H,P,I,s,n,v,()=>{r(4,_=!_),window.postMessage({type:"MobileBottomNav",navigationWindowOpened:_},window.location.href)},M,c,u,h,p,d,m,g,y,t=>{t.attrs?.target?M(t.path,t.attrs?.target,t?.externalLink,t.label):M(t.path,null,t?.externalLink,t.label)},t=>{t.attrs?.target?M(t.path,t.attrs?.target,t?.externalLink,t.label):M(t.path,null,t?.externalLink,t.label)},function(t){B[t?"unshift":"push"]((()=>{a=t,r(2,a)}))}]}class jn extends F{constructor(t){super();const e=document.createElement("style");e.textContent='.NavigationWrapper{background:var(--emfe-w-color-gray-50, #F9F8F8);width:100%;height:100px}.NavigationPanel{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);max-width:450px;height:70px;z-index:30}.NavigationWindow{display:flex;flex-direction:column;background:var(--emfe-w-color-white, #FFFFFF);position:absolute;bottom:30px;left:0;opacity:0;transform:translateY(100%);border-radius:5px 5px 0 0;transition:0.25s ease;width:100%;max-height:40vh}.NavigationWindow.NavigationWindowOpened{opacity:1;padding-bottom:60px;transform:translateY(5px)}.NavigationWindow .ModalCloseBtn{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:100%;color:var(--emfe-w-color-secondary, var(--emfe-w-color-secondary, #FD2839));background:rgba(255, 255, 255, 0.1);cursor:pointer;transition:all 150ms ease-in-out;z-index:1}.NavigationWindow .ModalCloseBtn svg{width:24px;height:24px;margin:50%;transform:translate(-50%, -50%)}.NavigationWindow .ModalCloseBtn:hover{background:rgba(255, 255, 255, 0.2)}.NavigationWindow .NavigationWindowTitle{padding:16px 10px;margin:0;color:var(--emfe-w-color-black, #000000);font-size:12px;flex-grow:0}.NavigationWindow .NavigationSecondaryWrapper{display:flex;flex-wrap:wrap;padding:0 10px;flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.NavigationPrimaryItemAnchor.NavItem0{grid-area:item0}.NavigationPrimaryItemAnchor.NavItem1{grid-area:item1}.NavigationPrimaryItemAnchor.NavItem2{grid-area:item2}.NavigationPrimaryItemAnchor.NavItem3{grid-area:item3}.NavigationPrimaryItemAnchor.NavItem4{grid-area:item4}.NavigationBar{background:var(--emfe-w-color-white, #FFFFFF);display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr 20% 1fr 1fr;grid-template-areas:"item0 item1 . item2 item3";height:70px;border-radius:5px;position:relative}.NavigationBar.NavigationBarSimple{grid-template-columns:repeat(5, 20%);grid-template-areas:"item0 item1 item2 item3 item4"}.NavigationBar.NavigationBarOpened{box-shadow:0 0 11px rgba(0, 0, 0, 0.09)}.NavigationPrimaryItemAnchor,.NavigationSecondaryItemAnchor{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:var(--emfe-w-color-black, #000000);font-size:9px;overflow:hidden;white-space:nowrap;padding-bottom:12px}.NavigationPrimaryItemAnchor .NavigationPrimaryItemImg,.NavigationSecondaryItemAnchor .NavigationPrimaryItemImg,.NavigationSecondaryItemAnchor .NavigationSecondaryItemImg{width:20px}.NavigationPrimaryItemAnchor .NavigationPrimaryItemLabel,.NavigationSecondaryItemAnchor .NavigationPrimaryItemLabel,.NavigationSecondaryItemAnchor .NavigationSecondaryItemLabel{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;text-align:center}.NavigationSecondaryItemAnchor{width:25%;padding:10px 0}.ActiveItem{background-color:var(--emfe-w-color-primary-50, var(--emfe-w-color-pink-20, #FBECF4))}.NavigationButton{background:var(--emfe-w-color-white, #FFFFFF);border:none;width:20%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0;padding-bottom:12px}.NavigationButton .middleIcon{width:32px;height:32px}.NavigationButton:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--emfe-w-color-gray-50, #F9F8F8);content:"";height:0;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);width:0}.NavigationButton.NavigationButtonActive:before{opacity:1;transition:0.7s ease}',this.shadowRoot.appendChild(e),D(this,{target:this.shadowRoot,props:w(this.attributes),customElement:!0},$n,kn,o,{cmsendpoint:15,lang:16,env:17,secondarymenutitle:0,userroles:18,clientstyling:19,clientstylingurl:20,translationurl:21,activecategory:22},null,[-1,-1]),t&&(t.target&&h(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"]}get cmsendpoint(){return this.$$.ctx[15]}set cmsendpoint(t){this.$$set({cmsendpoint:t}),C()}get lang(){return this.$$.ctx[16]}set lang(t){this.$$set({lang:t}),C()}get env(){return this.$$.ctx[17]}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[18]}set userroles(t){this.$$set({userroles:t}),C()}get clientstyling(){return this.$$.ctx[19]}set clientstyling(t){this.$$set({clientstyling:t}),C()}get clientstylingurl(){return this.$$.ctx[20]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),C()}get translationurl(){return this.$$.ctx[21]}set translationurl(t){this.$$set({translationurl:t}),C()}get activecategory(){return this.$$.ctx[22]}set activecategory(t){this.$$set({activecategory:t}),C()}}return!customElements.get("general-navigation-bar")&&customElements.define("general-navigation-bar",jn),jn}));
|
|
690
690
|
//# sourceMappingURL=general-navigation-bar.js.map
|