npm - @zanichelli/albe-web-components - Versions diffs - 2.24.10 → 2.26.0 - Mend

@zanichelli/albe-web-components 2.24.10 → 2.26.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 (408) hide show

package/www/pages/notification.html CHANGED Viewed

@@ -1,247 +1,247 @@
-<!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 userfullname="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 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 userfullname="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/cjs/z-modal.cjs.entry.js DELETED Viewed

@@ -1,36 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-dee3e21d.js');
-const stylesCss = ":host{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.modal-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.modal-container{display:flex;flex-direction:column;z-index:1010;width:100%;height:100vh;overflow:-moz-scrollbars-none;overflow:hidden}.modal-container>header{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{margin:0;padding:0;border:none;background:transparent;cursor:pointer;margin-left:auto}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-icon01)}.modal-container>header>div{display:flex;flex-direction:column;width:100%;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header h2{margin:0;padding:0;font-weight:var(--font-rg);color:var(--color-text01)}.modal-container>header h1{font-size:var(--font-size-5);line-height:1.4;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-3);line-height:1.5;letter-spacing:0}.modal-container>header>div *:empty{display:none}.modal-container>header h1+h2{margin-top:calc(var(--space-unit) * 0.5)}.modal-container>.modal-content{flex:1 auto;background:var(--color-surface01);overflow:auto;overflow-x:hidden}.modal-container .modal-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)}.modal-container .modal-content::-webkit-scrollbar-track{background-color:transparent}.modal-container .modal-content::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.modal-container .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container .modal-content{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-container{position:absolute;top:calc(var(--space-unit) * 6);left:50%;transform:translateX(-50%);width:auto;height:auto;min-width:calc(var(--space-unit) * 40);min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius)}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);line-height:1.33;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-4);line-height:1.5;letter-spacing:0}.modal-container>header h1+h2{margin-top:0}}";
-const ZModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.modalClose = index.createEvent(this, "modalClose", 7);
-    this.modalHeaderActive = index.createEvent(this, "modalHeaderActive", 7);
-    this.modalBackgroundClick = index.createEvent(this, "modalBackgroundClick", 7);
-    /** aria-label for close button (optional) */
-    this.closeButtonLabel = "close modal";
-  }
-  emitModalClose() {
-    this.modalClose.emit({ modalid: this.modalid });
-  }
-  emitModalHeaderActive() {
-    this.modalHeaderActive.emit({ modalid: this.modalid });
-  }
-  emitBackgroundClick() {
-    this.modalBackgroundClick.emit({ modalid: this.modalid });
-  }
-  render() {
-    return [
-      index.h("div", { class: "modal-container", id: this.modalid, role: "dialog" }, index.h("header", { onClick: this.emitModalHeaderActive.bind(this) }, index.h("div", null, this.modaltitle && index.h("h1", null, this.modaltitle), this.modalsubtitle && index.h("h2", null, this.modalsubtitle)), index.h("slot", { name: "modalCloseButton" }, index.h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) }, index.h("z-icon", { name: "multiply-circle-filled" })))), index.h("div", { class: "modal-content" }, index.h("slot", { name: "modalContent" }))),
-      index.h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
-    ];
-  }
-};
-ZModal.style = stylesCss;
-exports.z_modal = ZModal;

package/dist/esm/z-modal.entry.js DELETED Viewed

@@ -1,32 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-fa9e549c.js';
-const stylesCss = ":host{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:row;justify-content:center;width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.modal-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.modal-container{display:flex;flex-direction:column;z-index:1010;width:100%;height:100vh;overflow:-moz-scrollbars-none;overflow:hidden}.modal-container>header{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{margin:0;padding:0;border:none;background:transparent;cursor:pointer;margin-left:auto}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-icon01)}.modal-container>header>div{display:flex;flex-direction:column;width:100%;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header h2{margin:0;padding:0;font-weight:var(--font-rg);color:var(--color-text01)}.modal-container>header h1{font-size:var(--font-size-5);line-height:1.4;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-3);line-height:1.5;letter-spacing:0}.modal-container>header>div *:empty{display:none}.modal-container>header h1+h2{margin-top:calc(var(--space-unit) * 0.5)}.modal-container>.modal-content{flex:1 auto;background:var(--color-surface01);overflow:auto;overflow-x:hidden}.modal-container .modal-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)}.modal-container .modal-content::-webkit-scrollbar-track{background-color:transparent}.modal-container .modal-content::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.modal-container .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container .modal-content{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-container{position:absolute;top:calc(var(--space-unit) * 6);left:50%;transform:translateX(-50%);width:auto;height:auto;min-width:calc(var(--space-unit) * 40);min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius)}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);line-height:1.33;letter-spacing:0}.modal-container>header h2{font-size:var(--font-size-4);line-height:1.5;letter-spacing:0}.modal-container>header h1+h2{margin-top:0}}";
-const ZModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.modalClose = createEvent(this, "modalClose", 7);
-    this.modalHeaderActive = createEvent(this, "modalHeaderActive", 7);
-    this.modalBackgroundClick = createEvent(this, "modalBackgroundClick", 7);
-    /** aria-label for close button (optional) */
-    this.closeButtonLabel = "close modal";
-  }
-  emitModalClose() {
-    this.modalClose.emit({ modalid: this.modalid });
-  }
-  emitModalHeaderActive() {
-    this.modalHeaderActive.emit({ modalid: this.modalid });
-  }
-  emitBackgroundClick() {
-    this.modalBackgroundClick.emit({ modalid: this.modalid });
-  }
-  render() {
-    return [
-      h("div", { class: "modal-container", id: this.modalid, role: "dialog" }, h("header", { onClick: this.emitModalHeaderActive.bind(this) }, h("div", null, this.modaltitle && h("h1", null, this.modaltitle), this.modalsubtitle && h("h2", null, this.modalsubtitle)), h("slot", { name: "modalCloseButton" }, h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) }, h("z-icon", { name: "multiply-circle-filled" })))), h("div", { class: "modal-content" }, h("slot", { name: "modalContent" }))),
-      h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
-    ];
-  }
-};
-ZModal.style = stylesCss;
-export { ZModal as z_modal };