npm - @zanichelli/albe-web-components - Versions diffs - 2.30.0-rc8 → 2.31.0-rc2 - Mend

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

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.

Files changed (402) hide show

package/www/pages/notification.html CHANGED Viewed

@@ -1,247 +1,244 @@
-<!DOCTYPE html>
-<html dir="ltr" lang="en">
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
-    <title>Stencil Component Starter</title>
-    <link rel="stylesheet" type="text/css" href="/build/web-components-library.css" />
-    <script type="module" src="/build/web-components-library.esm.js"></script>
-    <script nomodule src="/build/web-components-library.js"></script>
-    <style>
-        .main-container {
-            height: 500px;
-            background: lightcoral;
-        }
-    </style>
-</head>
-<body style="width: 100%;margin: 0; background-color: #f9f9f9;">
-    <z-app-topbar hashtag="via crucis">
-        <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it"
-            targetblank>
-        </z-logo>
-        <z-link textcolor="white" big icon="support-filled" slot="actions" href="./pages/notification.html">Notification
-        </z-link>
-        <z-link textcolor="white" big icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link>
-        <z-user-dropdown user-full-name="docente di calabresi per italiani" logged="false" slot="login"></z-user-dropdown>
-        <z-app-switcher slot="app-switcher"></z-app-switcher>
-    </z-app-topbar>
-    <div class="main-container">
-        <z-toast-notification-list position="top-right">
-            <z-toast-notification type="dark" heading="Notification" message="Con pulsante."
-                transition="slide-in-down" draggablepercentage="50" closebutton slot="toasts">
-                <z-button slot="button" variant="dark-bg" size="small">
-                    Button
-                </z-button>
-            </z-toast-notification>
-            <z-toast-notification type="accent" heading="Notification" message="Autoclose in 10s."
-                transition="slide-in-down" draggablepercentage="50" autoclose="10000" slot="toasts">
-            </z-toast-notification>
-            <z-toast-notification type="light" heading="Notification" message="Senza pulsante."
-                transition="slide-in-down" draggablepercentage="50" closebutton slot="toasts">
-            </z-toast-notification>
-            <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
-                transition="slide-in-down" draggablepercentage="50" closebutton slot="toasts">
-            </z-toast-notification>
-            <z-toast-notification type="warning" heading="Notification" message="Senza pulsante."
-                transition="slide-in-down" draggablepercentage="50" closebutton slot="toasts">
-            </z-toast-notification>
-        </z-toast-notification-list>
-    </div>
-    <script>
-        const notificationList = document.querySelector("z-toast-notification-list");
-        const notification = document.createElement('Z-TOAST-NOTIFICATION');
-        notification.setAttribute("type", "success");
-        notification.setAttribute("heading", "Notification");
-        notification.setAttribute("message", "Senza pulsante. Senza pulsante.Senza pulsante.Senza pulsante.Senza pulsante. 1");
-        notification.setAttribute("transition", "slide-in-down");
-        notification.setAttribute("closebutton", "true");
-        notification.setAttribute("slot", "toasts");
-        console.log(notificationList, notification)
-        setTimeout(() => {
-            notificationList.appendChild(notification);
-        }, 2000);
-        const notification2 = document.createElement('Z-TOAST-NOTIFICATION');
-        notification2.setAttribute("type", "success");
-        notification2.setAttribute("heading", "Notification");
-        notification2.setAttribute("message", "Senza pulsante. Senza pulsante.Senza pulsante.Senza pulsante.Senza pulsante. 2");
-        notification2.setAttribute("transition", "slide-in-down");
-        notification2.setAttribute("closebutton", "true");
-        notification2.setAttribute("slot", "toasts");
-        console.log(notificationList, notification)
-        setTimeout(() => {
-            notificationList.appendChild(notification2);
-        }, 4000);
-    </script>
-    <z-footer copyrightuser='Zanichelli' data='{
-    "zanichelliLinks": [{
-        "title": "Zanichelli.it",
-        "items": [{
-            "label": "Home zanichelli.it",
-            "link": "https://www.zanichelli.it"
-        }, {
-            "label": "Ricerca in catalogo",
-            "link": "https://www.zanichelli.it/ricerca"
-        }, {
-            "label": "Contatti",
-            "link": "https://www.zanichelli.it/contatti-e-recapiti"
-        }]
-    }, {
-        "title": "Scuola",
-        "items": [{
-            "label": "Home scuola",
-            "url": "https://www.zanichelli.it/scuola/in-primo-piano"
-        }, {
-            "label": "Catalogo scuola",
-            "url": "https://www.zanichelli.it/scuola/novita-e-proposte"
-        }, {
-            "label": "Bisogni Educativi Speciali (BES)",
-            "url": "https://www.zanichelli.it/scuola/la-nostra-proposta-per-i-bisogni-educativi-speciali"
-        }, {
-            "label": "Formazione docenti",
-            "url": "https://www.zanichelli.it/scuola/formazione-e-aggiornamento"
-        }]
-    }, {
-        "title": "Siti per la scuola",
-        "items": [{
-            "label": "Siti dei libri di testo",
-            "link": "https://www.zanichelli.it/scuola/siti-dei-libri-di-testo"
-        }, {
-            "label": "ZTE Zanichelli Test",
-            "link": "http://zte.zanichelli.it/"
-        }, {
-            "label": "Verso l esame di stato",
-            "link": "http://online.scuola.zanichelli.it/esamedistato"
-        }, {
-            "label": "La seconda prova di matematica e fisica",
-            "link": "http://online.scuola.zanichelli.it/provamatematicafisica/"
-        }, {
-            "label": "Collezioni",
-            "link": "http://collezioni.scuola.zanichelli.it/"
-        }, {
-            "label": "Crea Verifiche",
-            "link": "https://creaverifiche.zanichelli.it"
-        }, {
-            "label": "Biblioteca",
-            "link": "https://biblioteca.scuola.zanichelli.it"
-        }, {
-            "label": "Tavola periodica interattiva",
-            "link": "https://tavolaperiodica.zanichelli.it/it"
-        }, {
-            "label": "Tutte le prove",
-            "link": "http://online.scuola.zanichelli.it/tutteleprove/"
-        }, {
-            "label": "Verso l INVALSI",
-            "link": "http://online.scuola.zanichelli.it/invalsi/"
-        }, {
-            "label": "La certificazione delle competenze",
-            "link": "http://online.scuola.zanichelli.it/competenze/"
-        }, {
-            "label": "Tutti i siti Zanichelli per la scuola",
-            "link": "https://www.zanichelli.it/scuola/siti-per-la-scuola"
-        }]
-    },{
-        "title": "Università",
-        "items": [{
-            "label": "Home università",
-            "link": "https://www.zanichelli.it/universita/in-primo-piano"
-        }, {
-            "label": "Catalogo università",
-            "link": "https://www.zanichelli.it/universita/novita-e-proposte"
-        }, {
-            "label": "Area docenti",
-            "link": "https://www.zanichelli.it/universita/informazioni-e-contatti-docenti"
-        }, {
-            "label": "Area studenti",
-            "link": "https://www.zanichelli.it/universita/risorse-online-studenti"
-        }, {
-            "label": "Preparazione test di ammissione",
-            "link": "http://online.scuola.zanichelli.it/unitutor/"
-        }, {
-            "label": "ZTE università",
-            "link": "http://zte.universita.zanichelli.it/"
-        }, {
-            "label": "ZTE UniTutor",
-            "link": "http://zte.unitutor.zanichelli.it/"
-        }, {
-            "label": "Collezioni Università",
-            "link": "https://collezioni-universita.zanichelli.it/"
-        }]
-    },{
-        "title": "Dizionari",
-        "items": [{
-            "label": "Home dizionari",
-            "link": "https://www.zanichelli.it/dizionari/in-primo-piano"
-        }, {
-            "label": "Catalogo dizionari",
-            "link": "https://www.zanichelli.it/dizionari/novita-e-proposte"
-        }, {
-            "label": "Dizionari digitali",
-            "link": "http://dizionari.zanichelli.it/"
-        }, {
-            "label": "Dizionari Pi\u00f9",
-            "link": "http://dizionaripiu.zanichelli.it/"
-        }]
-    },{
-        "title": "Altri settori",
-        "items": [{
-            "label": "Giuridico",
-            "link": "https://www.zanichelli.it/giuridico/in-primo-piano"
-        }, {
-            "label": "Manuali e saggi",
-            "link": "https://www.zanichelli.it/saggistica/argomenti"
-        }, {
-            "label": "Medico professionale",
-            "link": "https://www.zanichelli.it/medico-professionale"
-        }]
-    }],
-    "myzLink": {
-        "label": "Home MyZanichelli",
-        "link": "https://my.zanichelli.it",
-        "img": "../../assets/images/png/zanichelli-logo-2.png"
-    },
-    "zanichelliAddress": "Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna\nFax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024\nPartita IVA 03978000374",
-    "social": [{
-        "icon": "../../assets/images/png/facebook.png",
-        "link": "https://it-it.facebook.com/zanichelliscuola",
-        "description" : "facebook"
-    },{
-        "icon": "../../assets/images/png/youtube.png",
-        "link": "https://www.youtube.com/user/zanichellieditore",
-        "description" : "youtube"
-    },{
-        "icon": "../../assets/images/png/twitter.png",
-        "link": "https://twitter.com/zanichelli_ed",
-        "description" : "twitter"
-    },{
-        "icon": "../../assets/images/png/instagram.png",
-        "link": "https://www.instagram.com/zanichellieditore/",
-        "description" : "instagram"
-    }],
-    "certification": "Zanichelli editore S.p.A. opera con sistema qualità certificato CertiCarGraf n. 477\nsecondo la norma UNI EN ISO 9001:2015",
-    "bottomLinks": [{
-        "label": "Chi siamo",
-        "link": "https://www.zanichelli.it/chi-siamo/via-irnerio-34"
-    },{
-        "label": "Contatti e recapiti",
-        "link": "https://www.zanichelli.it/contatti-e-recapiti"
-    },{
-        "label": "Area stampa",
-        "link": "https://www.zanichelli.it/comunicazione/area-stampa"
-    },{
-        "label": "Per acqusti online",
-        "link": "https://www.zanichelli.it/contatti/acquisti-e-recesso"
-    },{
-        "label": "Filiali e agenzie",
-        "link": "https://www.zanichelli.it/contatti/filiali-e-agenzie"
-    },{
-        "label": "Privacy",
-        "link": "https://my.zanichelli.it/privacy"
-    }]
-}'></z-footer>
-</body>
-</html>
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+    <title>Stencil Component Starter</title>
+    <link rel="stylesheet" type="text/css" href="/build/web-components-library.css" />
+    <script type="module" src="/build/web-components-library.esm.js"></script>
+    <script nomodule src="/build/web-components-library.js"></script>
+    <style>
+        .main-container {
+            height: 500px;
+            background: lightcoral;
+        }
+    </style>
+</head>
+<body style="width: 100%;margin: 0; background-color: #f9f9f9;">
+    <z-app-topbar>
+        <z-logo slot="logo" width="138" height="36" image-alt="zanichelli-logo" link="https://www.zanichelli.it" target-blank></z-logo>
+        <z-link textcolor="white" big icon="support-filled" slot="actions" href="./pages/notification.html">Notification</z-link>
+        <z-link textcolor="white" big icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link>
+        <z-user-dropdown user-full-name="docente di calabresi per italiani" logged="false" slot="login"></z-user-dropdown>
+        <z-app-switcher slot="app-switcher"></z-app-switcher>
+    </z-app-topbar>
+    <div class="main-container">
+        <z-toast-notification-list position="top-right">
+            <z-toast-notification type="dark" heading="Notification" message="Con pulsante."
+                transition="slide-in-down" draggablepercentage="50" closebutton slot="toasts">
+                <z-button slot="button" variant="dark-bg" size="small">
+                    Button
+                </z-button>
+            </z-toast-notification>
+            <z-toast-notification type="accent" heading="Notification" message="Autoclose in 10s."
+                transition="slide-in-down" draggablepercentage="50" autoclose="10000" slot="toasts">
+            </z-toast-notification>
+            <z-toast-notification type="light" heading="Notification" message="Senza pulsante."
+                transition="slide-in-down" draggablepercentage="50" closebutton slot="toasts">
+            </z-toast-notification>
+            <z-toast-notification type="error" heading="Notification" message="Senza pulsante."
+                transition="slide-in-down" draggablepercentage="50" closebutton slot="toasts">
+            </z-toast-notification>
+            <z-toast-notification type="warning" heading="Notification" message="Senza pulsante."
+                transition="slide-in-down" draggablepercentage="50" closebutton slot="toasts">
+            </z-toast-notification>
+        </z-toast-notification-list>
+    </div>
+    <script>
+        const notificationList = document.querySelector("z-toast-notification-list");
+        const notification = document.createElement('Z-TOAST-NOTIFICATION');
+        notification.setAttribute("type", "success");
+        notification.setAttribute("heading", "Notification");
+        notification.setAttribute("message", "Senza pulsante. Senza pulsante.Senza pulsante.Senza pulsante.Senza pulsante. 1");
+        notification.setAttribute("transition", "slide-in-down");
+        notification.setAttribute("closebutton", "true");
+        notification.setAttribute("slot", "toasts");
+        console.log(notificationList, notification)
+        setTimeout(() => {
+            notificationList.appendChild(notification);
+        }, 2000);
+        const notification2 = document.createElement('Z-TOAST-NOTIFICATION');
+        notification2.setAttribute("type", "success");
+        notification2.setAttribute("heading", "Notification");
+        notification2.setAttribute("message", "Senza pulsante. Senza pulsante.Senza pulsante.Senza pulsante.Senza pulsante. 2");
+        notification2.setAttribute("transition", "slide-in-down");
+        notification2.setAttribute("closebutton", "true");
+        notification2.setAttribute("slot", "toasts");
+        console.log(notificationList, notification)
+        setTimeout(() => {
+            notificationList.appendChild(notification2);
+        }, 4000);
+    </script>
+    <z-footer copyrightuser='Zanichelli' data='{
+    "zanichelliLinks": [{
+        "title": "Zanichelli.it",
+        "items": [{
+            "label": "Home zanichelli.it",
+            "link": "https://www.zanichelli.it"
+        }, {
+            "label": "Ricerca in catalogo",
+            "link": "https://www.zanichelli.it/ricerca"
+        }, {
+            "label": "Contatti",
+            "link": "https://www.zanichelli.it/contatti-e-recapiti"
+        }]
+    }, {
+        "title": "Scuola",
+        "items": [{
+            "label": "Home scuola",
+            "url": "https://www.zanichelli.it/scuola/in-primo-piano"
+        }, {
+            "label": "Catalogo scuola",
+            "url": "https://www.zanichelli.it/scuola/novita-e-proposte"
+        }, {
+            "label": "Bisogni Educativi Speciali (BES)",
+            "url": "https://www.zanichelli.it/scuola/la-nostra-proposta-per-i-bisogni-educativi-speciali"
+        }, {
+            "label": "Formazione docenti",
+            "url": "https://www.zanichelli.it/scuola/formazione-e-aggiornamento"
+        }]
+    }, {
+        "title": "Siti per la scuola",
+        "items": [{
+            "label": "Siti dei libri di testo",
+            "link": "https://www.zanichelli.it/scuola/siti-dei-libri-di-testo"
+        }, {
+            "label": "ZTE Zanichelli Test",
+            "link": "http://zte.zanichelli.it/"
+        }, {
+            "label": "Verso l esame di stato",
+            "link": "http://online.scuola.zanichelli.it/esamedistato"
+        }, {
+            "label": "La seconda prova di matematica e fisica",
+            "link": "http://online.scuola.zanichelli.it/provamatematicafisica/"
+        }, {
+            "label": "Collezioni",
+            "link": "http://collezioni.scuola.zanichelli.it/"
+        }, {
+            "label": "Crea Verifiche",
+            "link": "https://creaverifiche.zanichelli.it"
+        }, {
+            "label": "Biblioteca",
+            "link": "https://biblioteca.scuola.zanichelli.it"
+        }, {
+            "label": "Tavola periodica interattiva",
+            "link": "https://tavolaperiodica.zanichelli.it/it"
+        }, {
+            "label": "Tutte le prove",
+            "link": "http://online.scuola.zanichelli.it/tutteleprove/"
+        }, {
+            "label": "Verso l INVALSI",
+            "link": "http://online.scuola.zanichelli.it/invalsi/"
+        }, {
+            "label": "La certificazione delle competenze",
+            "link": "http://online.scuola.zanichelli.it/competenze/"
+        }, {
+            "label": "Tutti i siti Zanichelli per la scuola",
+            "link": "https://www.zanichelli.it/scuola/siti-per-la-scuola"
+        }]
+    },{
+        "title": "Università",
+        "items": [{
+            "label": "Home università",
+            "link": "https://www.zanichelli.it/universita/in-primo-piano"
+        }, {
+            "label": "Catalogo università",
+            "link": "https://www.zanichelli.it/universita/novita-e-proposte"
+        }, {
+            "label": "Area docenti",
+            "link": "https://www.zanichelli.it/universita/informazioni-e-contatti-docenti"
+        }, {
+            "label": "Area studenti",
+            "link": "https://www.zanichelli.it/universita/risorse-online-studenti"
+        }, {
+            "label": "Preparazione test di ammissione",
+            "link": "http://online.scuola.zanichelli.it/unitutor/"
+        }, {
+            "label": "ZTE università",
+            "link": "http://zte.universita.zanichelli.it/"
+        }, {
+            "label": "ZTE UniTutor",
+            "link": "http://zte.unitutor.zanichelli.it/"
+        }, {
+            "label": "Collezioni Università",
+            "link": "https://collezioni-universita.zanichelli.it/"
+        }]
+    },{
+        "title": "Dizionari",
+        "items": [{
+            "label": "Home dizionari",
+            "link": "https://www.zanichelli.it/dizionari/in-primo-piano"
+        }, {
+            "label": "Catalogo dizionari",
+            "link": "https://www.zanichelli.it/dizionari/novita-e-proposte"
+        }, {
+            "label": "Dizionari digitali",
+            "link": "http://dizionari.zanichelli.it/"
+        }, {
+            "label": "Dizionari Pi\u00f9",
+            "link": "http://dizionaripiu.zanichelli.it/"
+        }]
+    },{
+        "title": "Altri settori",
+        "items": [{
+            "label": "Giuridico",
+            "link": "https://www.zanichelli.it/giuridico/in-primo-piano"
+        }, {
+            "label": "Manuali e saggi",
+            "link": "https://www.zanichelli.it/saggistica/argomenti"
+        }, {
+            "label": "Medico professionale",
+            "link": "https://www.zanichelli.it/medico-professionale"
+        }]
+    }],
+    "myzLink": {
+        "label": "Home MyZanichelli",
+        "link": "https://my.zanichelli.it",
+        "img": "../../assets/images/png/zanichelli-logo-2.png"
+    },
+    "zanichelliAddress": "Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna\nFax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024\nPartita IVA 03978000374",
+    "social": [{
+        "icon": "../../assets/images/png/facebook.png",
+        "link": "https://it-it.facebook.com/zanichelliscuola",
+        "description" : "facebook"
+    },{
+        "icon": "../../assets/images/png/youtube.png",
+        "link": "https://www.youtube.com/user/zanichellieditore",
+        "description" : "youtube"
+    },{
+        "icon": "../../assets/images/png/twitter.png",
+        "link": "https://twitter.com/zanichelli_ed",
+        "description" : "twitter"
+    },{
+        "icon": "../../assets/images/png/instagram.png",
+        "link": "https://www.instagram.com/zanichellieditore/",
+        "description" : "instagram"
+    }],
+    "certification": "Zanichelli editore S.p.A. opera con sistema qualità certificato CertiCarGraf n. 477\nsecondo la norma UNI EN ISO 9001:2015",
+    "bottomLinks": [{
+        "label": "Chi siamo",
+        "link": "https://www.zanichelli.it/chi-siamo/via-irnerio-34"
+    },{
+        "label": "Contatti e recapiti",
+        "link": "https://www.zanichelli.it/contatti-e-recapiti"
+    },{
+        "label": "Area stampa",
+        "link": "https://www.zanichelli.it/comunicazione/area-stampa"
+    },{
+        "label": "Per acqusti online",
+        "link": "https://www.zanichelli.it/contatti/acquisti-e-recesso"
+    },{
+        "label": "Filiali e agenzie",
+        "link": "https://www.zanichelli.it/contatti/filiali-e-agenzie"
+    },{
+        "label": "Privacy",
+        "link": "https://my.zanichelli.it/privacy"
+    }]
+}'></z-footer>
+</body>
+</html>

package/dist/web-components-library/p-14543c46.entry.js DELETED Viewed

@@ -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/dist/web-components-library/p-6c3a77ef.entry.js DELETED Viewed

@@ -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}