npm - @zanichelli/albe-web-components - Versions diffs - 7.0.0 → 7.1.0 - Mend

@zanichelli/albe-web-components 7.0.0 → 7.1.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.

Files changed (616) hide show

package/www/pages/notification.html CHANGED Viewed

@@ -1,299 +1,299 @@
-<!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">
-    <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="tertiary"
-            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">
+    <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="tertiary"
+            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-abbefc36.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as e,c as t,h as a,H as r,g as i}from"./p-d17ebc2f.js";import{I as n}from"./p-21c3aea0.js";const o="undefined"!=typeof IntersectionObserver,s=class{constructor(a){e(this,a),this.sticking=t(this,"sticking",7),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this._stuck=!1,this.observer=o&&new IntersectionObserver((([e])=>{this._stuck=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.collectMenuElements.bind(this)}emitStickingEvent(){this.sticking.emit(this._stuck)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return null===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()}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this._stuck=!1,this.observer&&this.observer.unobserve(this.container)}onStuck(){this.scrollParent&&this.emitStickingEvent()}setMenuFloatingMode(){if(0===this.menuElements.length)return;const e=this.menuElements;for(let t=0,a=e.length;t<a;t++)e[t].open=!1,e[t].floating=!this.drawerOpen}render(){return a(r,{"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._stuck&&a("div",{class:"heading-stuck"},a("div",{class:"heading-stuck-content"},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 i(this)}static get watchers(){return{stuck:["onStuckMode"],_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"]}}};s.style=':host{--app-header-content-max-width:100%;--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:48px;--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;width:100%;max-width:var(--app-header-content-max-width);height:var(--app-header-height);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;justify-content:flex-start;padding:var(--grid-margin);margin:0 auto;background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:center}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width);padding:var(--space-unit) var(--grid-margin);margin:0 auto}.heading-stuck .heading-title,.heading-stuck .heading-title>*,.heading-stuck .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.heading-stuck .heading-title>*,::slotted([slot="title"]),::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-size:var(--app-header-typography-3-size);font-weight:700;letter-spacing:var(--app-header-typography-3-tracking)}::slotted([slot="title"]){line-height:1}::slotted([slot="subtitle"]){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;font-weight:500;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;max-width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-right:auto}.menu-container{display:none;flex-flow:row 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{padding:0;border:0;margin:0 calc(var(--space-unit) * 1.5) 0 0;appearance:none;background:none;border-radius:0;color:inherit;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;z-index:100;top:var(--app-header-top-offset);left:0;width:100%;height:100%;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100%;background:var(--gray900);opacity:0;pointer-events:none;transition:opacity 400ms ease-out}.drawer-panel{position:absolute;z-index:2;top:0;left:0;display:flex;width:375px;max-width:100%;height:100%;flex-direction:column;align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);pointer-events:none;transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out}.drawer-content{display:flex;overflow:auto;width:100%;flex:1 auto;flex-direction:column;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}.drawer-content::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 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);padding:0;border:0;margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;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{pointer-events:all;transform:none}.hero-container{position:absolute;z-index:0;top:0;left: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{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:"";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 (min-width: 768px){: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"],[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 (min-width: 1152px){:host(:not([flow="stack"])) .heading-panel{flex-flow:row wrap}::slotted([slot="title"]){margin-right:var(--grid-gutter);font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking)}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media (min-width: 1366px){::slotted([slot="title"]){font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking)}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const h=class{constructor(t){e(this,t)}selectPathOrPolygon(e){return(null==e?void 0:e.startsWith("M"))?a("path",{d:n[this.name]}):a("polygon",{points:n[this.name]})}render(){return a(r,{"aria-hidden":"true"},a("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(n[this.name])))}};h.style=":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";export{s as z_app_header,h as z_icon}