@zanichelli/albe-web-components 2.30.0-rc8 → 2.31.0-rc2

package/www/build/p-14543c46.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i,g as t}from"./p-904a85e4.js";import{b as n}from"./p-d63b9ed3.js";import{m as a,t as r}from"./p-d69e14fb.js";const o=class{constructor(i){e(this,i),this.isMobile=!0,this.isMenuMobileOpen=!1,this.intMenuData=[],this.extMenuData=[],this.isLogged=!1}activeIntLinkChange(e){this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((i=>i.id===e))}handleResize(){this.isMobile=window.innerWidth<=a}handleZListItemLinkClick(){this.isMenuMobileOpen=!1}handleZListItemClick(){this.isMenuMobileOpen=!1}componentWillLoad(){this.intlinkdata&&(this.intMenuData="string"==typeof this.intlinkdata?JSON.parse(this.intlinkdata):this.intlinkdata),this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((e=>e.id===this.activeintlinkid)),this.extlinkdata&&(this.extMenuData="string"==typeof this.extlinkdata?JSON.parse(this.extlinkdata):this.extlinkdata),this.userdata&&(this.userData="string"==typeof this.userdata?JSON.parse(this.userdata):this.userdata,this.isLogged=this.userData.islogged),this.handleResize()}renderLogoDiv(){return i("div",{class:"logo"},i("z-logo",{link:this.logolink?this.logolink:null,targetblank:!0,width:144,height:36,imagealt:this.imagealt}))}renderIntMenu(e){if(this.isLogged&&this.ismyz)return i("div",{id:"link-int",class:"link-int"},e.map((e=>this.renderIntMenuItem(e))))}renderIntMenuItem(e){const{id:t,label:n,link:a}=e;return i("span",null,i("a",{href:a||null,id:t,class:"menu-item",onClick:()=>{this.activeMenuItem=this.currentMenuItem=e,this.activeintlinkid=e.id,e.subMenu&&this.handleToggleMobileMenuItem(e.id)},onMouseEnter:()=>{this.activeMenuItem=e},onMouseLeave:()=>{this.activeMenuItem=this.currentMenuItem},role:a?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},i("span",null,n),e.subMenu?i("i",null):null),i("svg",{height:"8",width:"16",class:{hidden:!this.activeMenuItem||this.activeMenuItem.id!==t}},i("polygon",{points:"8,0 16,8 0,8",class:"arrow"})),this.isMobile&&this.renderMenuItemsData(e))}getIntMenuItemTabindex(e){return this.intMenuData.indexOf(e)+1}handleToggleMobileMenuItem(e){this.isMobile&&(this.element.shadowRoot.querySelector(`#${e}`).classList.toggle("isopen"),this.element.shadowRoot.querySelector("#mobile-dropdown-"+e).classList.toggle("visible"))}renderMenuItemsData(e){if(!e.subMenu)return null;const i=e.subMenu.map((e=>({id:e.id,text:e.label,link:e.link,listitemid:e.id})));return this.renderMobileSubMenu(i,e.id)}renderMobileSubMenu(e,t){return i("span",{class:"mobile-dropdown",id:t?`mobile-dropdown-${t}`:""},i("z-myz-list",{list:e}))}renderSubMenu(e){if(this.ismyz&&this.isLogged)return e&&e.subMenu?i("div",{id:"dropdown-menu",class:"dropdown-menu"},i("ul",{class:"dropdown-links"},e.subMenu.map((t=>i("li",null,i("a",{id:t.id,class:t.id===this.activesublinkid?"active":"",href:t.link?t.link:null,role:t.link?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},t.label)))))):i("div",{id:"dropdown-menu",class:"dropdown-menu hidden"})}renderExtLinksIcons(e){const i=window.innerWidth>0?window.innerWidth:screen.width;return!(i>a&&i<r)&&{icon:e}}renderExtMenu(e){return this.isLogged?i("div",{id:"link-ext",class:"link-ext"},e.map((e=>{const{id:t,label:n,link:a,icon:r}=e;return i("span",{class:"link-ext-span"+(this.ismyz?" myz":"")},i("z-link",Object.assign({id:t,htmlid:t,href:a,iswhite:!!this.ismyz,target:"_blank",htmltabindex:10},this.renderExtLinksIcons(r)),n))}))):i("div",null)}renderLoginDiv(e){return i("div",{class:"login"},this.isLogged?i("z-menu-dropdown",{nomeutente:e.name,menucontent:JSON.stringify(e.userlinks)}):this.renderLoginButton())}renderLoginButton(){if(!this.hideloginbutton)return i("z-button",{htmlid:"login-button",variant:this.ismyz?n.secondary:n.tertiary,icon:"login",issmall:!0},"entra")}renderMobileLoginDiv(e){return i("div",{id:"mobile-login",class:"mobile-login"},i("span",null,i("a",{class:"menu-item",id:"user-data",onClick:()=>this.handleToggleMobileMenuItem("user-data"),role:"button"},i("span",null,i("z-icon",{name:"user-avatar",height:16,width:16}),e.name),i("i",null)),this.renderUserData(e)))}renderUserData(e){if(this.isMobile&&!e)return null;const i=e.userlinks.map((e=>({text:e.label,link:e.link,icon:e.icon,listitemid:e.id})));return this.renderMobileSubMenu(i,"user-data")}renderDesktopHeader(){return i("header",{class:this.ismyz?"":"myz-out"},this.renderMainHeader(),this.renderSubMenu(this.activeMenuItem))}renderMainHeader(){return i("div",{id:"main-header",class:{"main-header":!0,"myz-out":!this.ismyz}},this.renderLogoDiv(),this.renderIntMenu(this.intMenuData),this.renderExtMenu(this.extMenuData),this.renderLoginDiv(this.userData))}renderMobileHeader(){return i("header",null,this.renderMobileMenu(),this.renderMobileMenuContent())}renderMobileMenu(){return i("div",{id:"mobile-header",class:"mobile-header"+(this.ismyz?"":" myz-out")},this.renderLogoDiv(),this.renderMobileMenuToggle())}renderMobileMenuToggle(){return this.isLogged?i("div",{class:"menu-mobile",id:"mobile-menu-wrapper",onClick:()=>this.isMenuMobileOpen=!this.isMenuMobileOpen},i("div",{class:"menu-toggle"+(this.isMenuMobileOpen?" is-active":""),id:"mobile-menu"},i("span",{class:"bar"}),i("span",{class:"bar"}),i("span",{class:"bar"})),i("span",null,"Menu")):this.renderLoginButton()}renderMobileMenuContent(){return this.isLogged?i("div",{id:"mobile-content",class:{"mobile-content":!0,open:this.isMenuMobileOpen,"myz-out":!this.ismyz}},this.renderMobileLoginDiv(this.userData),this.ismyz&&i("hr",null),this.renderIntMenu(this.intMenuData),i("hr",null),this.renderExtMenu(this.extMenuData)):null}render(){return this.isMobile?this.renderMobileHeader():this.renderDesktopHeader()}get element(){return t(this)}static get watchers(){return{activeintlinkid:["activeIntLinkChange"]}}};o.style=':host a{cursor:pointer}header{position:sticky;top:0;z-index:99;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main-header";margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}.main-header{display:grid;grid-template-columns:2fr 2fr 4fr 100px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header;grid-column-gap:calc(var(--space-unit) * .5);align-items:center;background-color:var(--bg-grey-900);height:auto;align-items:center;z-index:10}.main-header.myz-out{background-color:var(--bg-white)}.logo{grid-area:logo;padding:6px}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{grid-area:dropdown-links;list-style:none;display:block;max-height:32px;margin:0;padding:0}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{list-style:none;display:inline-block;margin:0;padding:0}.dropdown-links>li>a{width:auto;height:auto;color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none;margin:var(--space-unit);padding-bottom:calc(var(--space-unit) * .5)}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{color:var(--text-grey-800);border-bottom:2px solid var(--myz-blue)}.mobile-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);z-index:inherit;height:52px;position:fixed;top:0px;left:0;z-index:999}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button{margin:0 calc(var(--space-unit) * 2)}.mobile-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);position:fixed;top:52px;left:0;z-index:999;max-height:0px;overflow:hidden;transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{display:block;position:relative;padding:0;margin:0px calc(var(--space-unit) * 4);height:0;width:calc(100% - 64px);max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:1px solid var(--text-grey-700)}.menu-mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:var(--bg-white);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{grid-area:menu-toggle;display:flex;flex-direction:column;margin:0 var(--space-unit)}.menu-toggle .bar{width:20px;height:2px;background-color:var(--bg-white);margin:2px auto;transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.hidden{visibility:hidden}.login{grid-area:login;display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2)}.login>z-button{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:calc(var(--space-unit) * 2) 0px calc(var(--space-unit) * 4) 0px}.link-ext{grid-area:link-ext;overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-ext-span{display:inline-block;width:100%;margin:calc(var(--space-unit) * .5) auto;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{overflow:hidden;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-int>span{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}.link-int>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0px}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.mobile-login>span>.menu-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{border-style:solid;border-width:0.12em 0.12em 0 0;content:" ";display:inline-block;height:0.45em;left:0.16em;position:relative;top:-0.12em;transform:rotate(135deg) scale(1.2);vertical-align:top;width:0.45em;margin-top:2px;margin-left:2px;margin-right:6px;transition:all 0.5s ease}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{background:white;display:block;overflow:hidden;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px;max-height:0px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{grid-template-columns:1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-rows:0.2fr auto;grid-template-areas:"main-header main-header main-header main-header main-header" "dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu";margin-bottom:0}header.myz-out{top:0px;grid-template-rows:1fr}.main-header{display:grid;grid-template-columns:170px auto auto 120px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header}.dropdown-menu{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"dropdown-links";grid-area:dropdown-menu;grid-column-gap:var(--space-unit);background:var(--bg-grey-200);height:32px;visibility:visible;z-index:9;padding-left:160px}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{grid-area:link-int;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;max-height:46px;margin-top:calc(var(--space-unit) * .5)}.link-int>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;width:auto}.link-int>span>.menu-item{width:auto;height:auto;color:var(--bg-white);letter-spacing:0.2px;line-height:14px;font-weight:var(--font-sb);text-decoration:none;outline:none;padding:calc(var(--space-unit) * 1.5)}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;max-height:46px}.link-ext-span{width:auto;line-height:14px;margin:var(--space-unit);padding:calc(var(--space-unit) * .5) var(--space-unit)}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}';export{o as z_myz_topbar}

package/www/build/p-6c3a77ef.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as t,g as r}from"./p-904a85e4.js";const i="undefined"!=typeof IntersectionObserver,n=class{constructor(a){e(this,a),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.stucked=!1,this.observer=i&&new IntersectionObserver((([e])=>{this.stucked=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.setStuckPosition=this.setStuckPosition.bind(this)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode(),this.setStuckPosition()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return e?e.textContent.trim():""}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}setStuckPosition(){const e=this.hostElement.ownerDocument.querySelector("z-app-topbar");this.hostElement.style.setProperty("--app-header-top-offset",`${e?e.clientHeight:0}px`)}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this.stucked=!1,this.observer&&this.observer.unobserve(this.container)}onStucked(){const e=this.scrollParent;e&&(this.stucked?(this.setStuckPosition(),e.addEventListener("scroll",this.setStuckPosition)):e.removeEventListener("scroll",this.setStuckPosition))}setMenuFloatingMode(){if(!this.menuElements)return;const e=this.menuElements;for(let a=0,t=e.length;a<t;a++)e[a].open=!1,e[a].floating=!this.drawerOpen}render(){return a(t,{"menu-length":this.menuLength},a("div",{class:"heading-panel",ref:e=>this.container=e},a("div",{class:"hero-container"},a("slot",{name:"hero"},this.hero&&a("img",{alt:"",src:this.hero}))),a("div",{class:"heading-container"},a("div",{class:"heading-title"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("slot",{name:"title"})),a("div",{class:"heading-subtitle"},a("slot",{name:"subtitle"}))),a("div",{class:"menu-container"},!this.drawerOpen&&"offcanvas"!==this.flow&&a("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()}))),a("div",{class:"drawer-container"},a("div",{class:"drawer-overlay",onClick:this.closeDrawer}),a("div",{class:"drawer-panel"},a("button",{class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer},a("z-icon",{name:"close"})),a("div",{class:"drawer-content"},this.drawerOpen&&a("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()})))),this.stucked&&a("div",{class:"heading-stucked"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("div",{class:"heading-title"},a("slot",{name:"stucked-title"},this.title))))}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}get hostElement(){return r(this)}static get watchers(){return{stuck:["onStuckMode"],stucked:["onStucked"],drawerOpen:["setMenuFloatingMode"]}}};n.style=":host{--app-header-height:auto;--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-top-offset:var(var(--app-header-top-offset), 0);--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-shrink:0;flex-grow:0;width:100%;height:var(--app-header-height);padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;flex-direction:row;align-items:center;max-width:100%}:host(:not([menu-length='0'])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;top:var(--app-header-top-offset);left:0;z-index:5;display:flex;flex-direction:row;width:100%;max-width:100%;color:var(--app-header-stucked-text-color);padding:var(--space-unit) var(--grid-mobile-margin);background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);animation:slideStuckedHeadingIn 250ms ease-out}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot='stucked-title']){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-stucked .heading-title>*,::slotted([slot='title']),::slotted([slot='stucked-title']){margin:0;font-weight:700;font-family:'IBM Plex Serif', serif;font-size:var(--app-header-typography-5-size);letter-spacing:var(--app-header-typography-5-tracking);line-height:1}::slotted([slot='subtitle']){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-style:italic;font-weight:500;font-size:20px;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:100%;margin-right:auto}.menu-container{display:none;flex-direction:row;flex-wrap:wrap;align-items:baseline}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted(*:not(:last-of-type)){margin-right:calc(var(--space-unit) * 4.5)}.drawer-trigger{margin:0 calc(var(--space-unit) * 1.5) 0 0;padding:0;background:none;border:0;border-radius:0;color:inherit;appearance:none;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentColor}.drawer-container{position:fixed;top:var(--app-header-top-offset);left:0;width:100%;height:100%;z-index:100;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;background:var(--gray900);opacity:0;transition:opacity 400ms ease-out;pointer-events:none}.drawer-panel{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:375px;max-width:100%;height:100%;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out;pointer-events:none}.drawer-content{display:flex;flex-direction:column;flex:1 auto;width:100%;padding:calc(var(--space-unit) * 0.5) var(--space-unit);overflow:auto}.drawer-content::-webkit-scrollbar{background:linear-gradient(\n    to right,\n    transparent 0 3px,\n    var(--gray200) 3px 7px,\n    transparent 7px 10px\n  );width:10px;border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-track{background-color:transparent}.drawer-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.drawer-content ::slotted(z-menu){width:100%}.drawer-content ::slotted(z-menu:not(:last-of-type)){margin-bottom:calc(var(--space-unit) * 2.5)}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);padding:0;font-size:inherit;background:transparent;color:inherit;fill:currentColor;border:0;border-radius:0;appearance:none;cursor:pointer;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([drawer-open]) .drawer-container .drawer-overlay{opacity:0.7;pointer-events:all}:host([drawer-open]) .drawer-container .drawer-panel{transform:none;pointer-events:all}.hero-container{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu:not([open])){--color-surface05:var(--color-white)}:host([overlay]) .hero-container::after{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:var(--color-black);opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media only screen and (min-width: 768px){.heading-panel{padding:calc(var(--space-unit) * 3) var(--grid-tablet-margin)}.heading-stucked{padding-left:var(--grid-tablet-margin);padding-right:var(--grid-tablet-margin)}:host(:not([flow='offcanvas'])) .heading-subtitle{padding-left:0}:host(:not([flow='offcanvas'])) .menu-container{display:flex}:host(:not([flow='offcanvas'])) .heading-container .drawer-trigger{display:none}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 3)}::slotted([slot='title']){font-size:var(--app-header-typography-6-size);letter-spacing:var(--app-header-typography-6-tracking)}::slotted([slot='subtitle']){margin-top:calc(var(--space-unit) * 1.5)}}@media only screen and (min-width: 1152px){.heading-panel,.heading-stucked{padding-left:var(--grid-desktop-margin);padding-right:var(--grid-desktop-margin)}:host(:not([flow='stack'])) .heading-panel{flex-direction:row;flex-wrap:wrap}::slotted([slot='title']){font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking);margin-right:var(--grid-desktop-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media only screen and (min-width: 1366px){.heading-panel,.heading-stucked{padding-left:var(--grid-wide-margin);padding-right:var(--grid-wide-margin)}::slotted([slot='title']){font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking);margin-right:var(--grid-wide-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slideStuckedHeadingIn{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";export{n as z_app_header}