@zanichelli/albe-web-components 2.28.0 → 2.29.3

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

@@ -0,0 +1 @@
+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}

package/www/build/p-89b24792.js

@@ -0,0 +1,122 @@
+import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-44936066.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ */
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+const patchBrowser = () => {
+    // NOTE!! This fn cannot use async/await!
+    if (BUILD.isDev && !BUILD.isTesting) {
+        consoleDevInfo('Running in development mode.');
+    }
+    if (BUILD.cssVarShim) {
+        // shim css vars
+        plt.$cssShim$ = win.__cssshim;
+    }
+    if (BUILD.cloneNodeFix) {
+        // opted-in to polyfill cloneNode() for slot polyfilled components
+        patchCloneNodeFix(H.prototype);
+    }
+    if (BUILD.profile && !performance.mark) {
+        // not all browsers support performance.mark/measure (Safari 10)
+        performance.mark = performance.measure = () => {
+            /*noop*/
+        };
+        performance.getEntriesByName = () => [];
+    }
+    // @ts-ignore
+    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
+        ? Array.from(doc.querySelectorAll('script')).find(s => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute('data-stencil-namespace') === NAMESPACE)
+        : null;
+    const importMeta = import.meta.url;
+    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
+    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    if (!BUILD.safari10 && importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    else if (BUILD.dynamicImportShim || BUILD.safari10) {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
+        if (BUILD.dynamicImportShim) {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (BUILD.dynamicImportShim && !win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return import(/* webpackChunkName: "polyfills-dom" */ './dom-1b195079.js').then(() => opts);
+        }
+    }
+    return promiseResolve(opts);
+};
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], { type: 'application/javascript' }));
+                mod = new Promise(resolve => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+const patchCloneNodeFix = (HTMLElementPrototype) => {
+    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+    HTMLElementPrototype.cloneNode = function (deep) {
+        if (this.nodeName === 'TEMPLATE') {
+            return nativeCloneNodeFn.call(this, deep);
+        }
+        const clonedNode = nativeCloneNodeFn.call(this, false);
+        const srcChildNodes = this.childNodes;
+        if (deep) {
+            for (let i = 0; i < srcChildNodes.length; i++) {
+                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
+                if (srcChildNodes[i].nodeType !== 2) {
+                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+                }
+            }
+        }
+        return clonedNode;
+    };
+};
+
+patchBrowser().then(options => {
+  globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"z-modal-login\",[[6,\"z-modal-login\",{\"forgotPasswordUrl\":[1,\"forgot-password-url\"],\"heading\":[1],\"status\":[1025],\"message\":[1025],\"pwdmessage\":[1025],\"externalProviderCheck\":[32]}]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-myz-topbar\",[[1,\"z-myz-topbar\",{\"intlinkdata\":[1],\"extlinkdata\":[1],\"userdata\":[1],\"ismyz\":[4],\"logolink\":[1],\"imagealt\":[1],\"activeintlinkid\":[1],\"activesublinkid\":[1],\"hideloginbutton\":[4],\"activeMenuItem\":[32],\"currentMenuItem\":[32],\"isMobile\":[32],\"isMenuMobileOpen\":[32]},[[9,\"resize\",\"handleResize\"],[2,\"zListItemLinkClick\",\"handleZListItemLinkClick\"],[2,\"zListItemClick\",\"handleZListItemClick\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[1,\"popover-position\"]}]]],[\"z-myz-card-dictionary\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-footer\",[[1,\"z-footer\",{\"data\":[1],\"copyrightuser\":[1]}]]],[\"z-registro-table\",[[4,\"z-registro-table\",{\"lines\":[514],\"errorMessage\":[1,\"error-message\"],\"bordered\":[4],\"callToActionLabel\":[1,\"call-to-action-label\"],\"callToActionTwoLabel\":[1,\"call-to-action-two-label\"],\"columnSticky\":[4,\"column-sticky\"],\"empty\":[4],\"error\":[4],\"errorLink\":[1,\"error-link\"],\"headerSticky\":[4,\"header-sticky\"],\"message\":[1],\"subtitle\":[1],\"hasTableBody\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-registro-table-header-row\",[[4,\"z-registro-table-header-row\",{\"expandable\":[516]}]]],[\"z-cookiebar\",[[1,\"z-cookiebar\",{\"cookiepolicyurl\":[1],\"hide\":[4],\"callback\":[16]}]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[1],\"showclose\":[4],\"showshadow\":[4]}]]],[\"z-registro-table-row\",[[4,\"z-registro-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}]]],[\"z-myz-card-alert\",[[1,\"z-myz-card-alert\",{\"iconname\":[1],\"contenttext\":[1],\"actiontext\":[1],\"type\":[1]}]]],[\"z-myz-card-info\",[[1,\"z-myz-card-info\",{\"data\":[1],\"htmltabindex\":[2],\"hiddenContent\":[32],\"tooltip\":[32]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-pagination-bar\",[[1,\"z-pagination-bar\",{\"pages\":[2],\"visiblepages\":[2],\"currentpage\":[1026],\"startpage\":[1026],\"historyraw\":[1],\"listhistoryrow\":[1040],\"currentPages\":[32]}]]],[\"z-panel-elem\",[[1,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descr_slot_name\":[1]}]]],[\"z-user-dropdown\",[[1,\"z-user-dropdown\",{\"logged\":[4],\"userfullname\":[1],\"useremail\":[1],\"menucontent\":[1],\"useinversecolors\":[4],\"ismenuopen\":[32],\"ismobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"],[8,\"click\",\"handleClickOutside\"]]]]],[\"z-app-header\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"stucked\":[32],\"menuLength\":[32]}]]],[\"z-app-switcher\",[[1,\"z-app-switcher\",{\"theme\":[1],\"isopen\":[32]}]]],[\"z-button-sort\",[[1,\"z-button-sort\",{\"buttonid\":[1],\"label\":[1],\"desclabel\":[1],\"counter\":[2],\"sortlabelasc\":[1],\"sortlabeldesc\":[1],\"isselected\":[1028],\"sortasc\":[1028],\"allowTooltip\":[32]}]]],[\"z-card\",[[1,\"z-card\",{\"variant\":[513],\"coverIcon\":[1,\"cover-icon\"],\"clickable\":[516],\"hasCoverImage\":[32]},[[0,\"click\",\"onClick\"]]]]],[\"z-heading\",[[1,\"z-heading\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"z-icon-package\",[[1,\"z-icon-package\"]]],[\"z-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-menu-section\",[[1,\"z-menu-section\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tabs\",[[1,\"z-navigation-tabs\",{\"orientation\":[513],\"size\":[513],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32],\"direction\":[32],\"dimension\":[32]},[[9,\"resize\",\"checkScrollVisible\"],[0,\"selected\",\"selectedTabHandler\"]]]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-status-tag\",[[1,\"z-status-tag\",{\"icon\":[1],\"text\":[1],\"expandable\":[4],\"status\":[513],\"variant\":[1]}]]],[\"z-toast-notification\",[[1,\"z-toast-notification\",{\"heading\":[1],\"message\":[1],\"closebutton\":[4],\"autoclose\":[2],\"pauseonfocusloss\":[4],\"type\":[1],\"isdraggable\":[4],\"draggablepercentage\":[2],\"transition\":[1],\"percentage\":[32],\"isTextLong\":[32]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028]}]]],[\"z-app-topbar\",[[1,\"z-app-topbar\",{\"theme\":[1],\"logged\":[4],\"hashtag\":[1],\"zLinksValues\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"]]]]],[\"z-avatar\",[[1,\"z-avatar\",{\"size\":[1],\"text\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"image\":[1025]}]]],[\"z-chip\",[[1,\"z-chip\",{\"regulartext\":[1],\"boldtext\":[2]}]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-myz-card-footer\",[[1,\"z-myz-card-footer\",{\"titolo\":[1],\"autori\":[1],\"isbn\":[1],\"faded\":[4],\"cardtype\":[1],\"opened\":[4],\"isOpen\":[32],\"allowTooltipAuthors\":[32]},[[0,\"toggleClick\",\"handleToggle\"]]]]],[\"z-myz-card-footer-sections\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-navigation-tab\",[[1,\"z-navigation-tab\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513]},[[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"]]]]],[\"z-registro-table-body\",[[6,\"z-registro-table-body\"]]],[\"z-registro-table-expanded-row\",[[1,\"z-registro-table-expanded-row\",{\"colSpan\":[2,\"col-span\"]}]]],[\"z-registro-table-footer\",[[6,\"z-registro-table-footer\"]]],[\"z-registro-table-head\",[[6,\"z-registro-table-head\"]]],[\"z-registro-table-sticky-footer\",[[6,\"z-registro-table-sticky-footer\"]]],[\"z-stepper\",[[1,\"z-stepper\"]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"disabled\":[4]}]]],[\"z-toast-notification-list\",[[1,\"z-toast-notification-list\",{\"position\":[1],\"newestontop\":[4]}]]],[\"z-registro-table-header\",[[1,\"z-registro-table-header\",{\"columnId\":[1,\"column-id\"],\"size\":[1],\"sortable\":[4],\"showButton\":[4,\"show-button\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortDirection\":[1025,\"sort-direction\"],\"isMenuOpened\":[32]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-list-element\",[[1,\"z-list-element\",{\"alignButton\":[513,\"align-button\"],\"clickable\":[516],\"dividerColor\":[1,\"divider-color\"],\"dividerType\":[1,\"divider-type\"],\"dividerSize\":[1,\"divider-size\"],\"expandable\":[516],\"expandableStyle\":[1,\"expandable-style\"],\"listElementId\":[514,\"list-element-id\"],\"size\":[513],\"color\":[513],\"disabled\":[516],\"isContextualMenu\":[516,\"is-contextual-menu\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]]]],[\"z-menu-dropdown\",[[1,\"z-menu-dropdown\",{\"nomeutente\":[1],\"menucontent\":[1],\"buttonid\":[1],\"ismenuopen\":[32]}]]],[\"z-myz-list\",[[1,\"z-myz-list\",{\"inputrawdata\":[1025],\"list\":[1040]}]]],[\"z-registro-table-cell\",[[1,\"z-registro-table-cell\",{\"showButton\":[4,\"show-button\"],\"isMenuOpened\":[32]}]]],[\"z-registro-table-empty-box\",[[6,\"z-registro-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-footer-section\",[[1,\"z-footer-section\",{\"name\":[1],\"isOpen\":[32]}]]],[\"z-list-group\",[[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"]}]]],[\"z-modal\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-candybar\",[[1,\"z-candybar\"]]],[\"z-footer-link\",[[1,\"z-footer-link\",{\"href\":[1]}]]],[\"z-footer-social\",[[1,\"z-footer-social\",{\"icon\":[1],\"href\":[1],\"description\":[1]}]]],[\"z-list\",[[1,\"z-list\",{\"size\":[513]}]]],[\"z-myz-card\",[[1,\"z-myz-card\",{\"faded\":[4],\"cardtype\":[1],\"ispressed\":[4],\"ishighlighted\":[4]}]]],[\"z-myz-card-body\",[[1,\"z-myz-card-body\"]]],[\"z-myz-card-cover\",[[1,\"z-myz-card-cover\",{\"img\":[1],\"titolo\":[1],\"faded\":[4],\"defaultimg\":[1]}]]],[\"z-myz-card-header\",[[1,\"z-myz-card-header\",{\"titolo\":[1],\"faded\":[4],\"cardtype\":[1],\"allowTooltip\":[32]}]]],[\"z-pagination-page\",[[1,\"z-pagination-page\",{\"pageid\":[1],\"value\":[2],\"isselected\":[4],\"isdisabled\":[4],\"isvisited\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-pocket\",[[1,\"z-pocket\",{\"pocketid\":[1],\"status\":[1025],\"open\":[64],\"close\":[64]},[[0,\"pocketHeaderClick\",\"handlePocketHeaderClick\"],[0,\"pocketHeaderPan\",\"handlePocketHeaderPan\"]]]]],[\"z-pocket-body\",[[1,\"z-pocket-body\",{\"pocketid\":[1],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-pocket-header\",[[1,\"z-pocket-header\",{\"pocketid\":[1]}]]],[\"z-tooltip\",[[1,\"z-tooltip\",{\"content\":[1],\"type\":[1025],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"position\":[32]}]]],[\"z-logo\",[[1,\"z-logo\",{\"width\":[2],\"height\":[2],\"imagealt\":[1],\"link\":[1],\"targetblank\":[4]}]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-divider\",[[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}]]],[\"z-popover\",[[6,\"z-popover\",{\"position\":[1025],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[1,\"border-radius\"],\"boxShadow\":[1,\"box-shadow\"],\"showArrow\":[4,\"show-arrow\"],\"padding\":[1],\"isVisible\":[32]},[[0,\"closePopover\",\"closePopover\"],[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]]]],[\"z-button-filter\",[[1,\"z-button-filter\",{\"filtername\":[1],\"isfixed\":[4],\"hasicon\":[4],\"filterid\":[1],\"issmall\":[4]}]]],[\"z-input-label\",[[1,\"z-input-label\",{\"value\":[1],\"disabled\":[4],\"htmlfor\":[1]}]]],[\"z-icon\",[[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-input-message\",[[1,\"z-input-message\",{\"message\":[1],\"status\":[513]}]]],[\"z-input\",[[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"labelafter\":[4],\"typingtimeout\":[2],\"items\":[1],\"autocomplete\":[8],\"multiple\":[4],\"hasclearicon\":[4],\"icon\":[1],\"isTyping\":[32],\"textareaWrapperHover\":[32],\"textareaWrapperFocus\":[32],\"passwordHidden\":[32],\"getValue\":[64],\"setValue\":[64],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-select\",[[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"autocomplete\":[8],\"multiple\":[4],\"noresultslabel\":[1],\"isOpen\":[32],\"selectedItems\":[32],\"searchString\":[32],\"getSelectedItems\":[64],\"getValue\":[64],\"setValue\":[64]}]]],[\"z-typography\",[[1,\"z-typography\",{\"component\":[1],\"variant\":[1],\"level\":[1]}]]],[\"z-body\",[[1,\"z-body\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"z-link\",[[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[4],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}]]],[\"z-button\",[[1,\"z-button\",{\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513],\"issmall\":[516],\"square\":[516]}]]]]"), options);
+});

package/www/build/web-components-library.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-787b1b39",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[1,"z-footer",{"data":[1],"copyrightuser":[1]}],[4,"z-registro-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[1,"z-user-dropdown",{"logged":[4],"userfullname":[1],"menucontent":[1],"theme":[1],"ismenuopen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-app-topbar",{"theme":[1],"logged":[4],"hashtag":[1],"zLinksValues":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-logo",{"width":[2],"height":[2],"imagealt":[1],"link":[1],"targetblank":[4]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-6fed64d8",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-44de8dac",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-ba400b3b",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-5ff2bb78",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-e86e2a5f",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-fbfde057",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-cfd7f25f",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-ccf4d1e7",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-96e3aec6",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-3ad9ef65",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-1c72783c",[[1,"z-pocket-message"]]],["p-6b7ee18b",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-8f5eaf9d",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-017370c7",[[6,"z-registro-table-footer"]]],["p-cfa47b41",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-418044b0",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]]]'),e)));
+import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-427c5b9e",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[1,"z-footer",{"data":[1],"copyrightuser":[1]}],[4,"z-registro-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[1,"z-user-dropdown",{"logged":[4],"userfullname":[1],"useremail":[1],"menucontent":[1],"useinversecolors":[4],"ismenuopen":[32],"ismobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-app-topbar",{"theme":[1],"logged":[4],"hashtag":[1],"zLinksValues":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-logo",{"width":[2],"height":[2],"imagealt":[1],"link":[1],"targetblank":[4]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-6fed64d8",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-44de8dac",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-ba400b3b",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-5ff2bb78",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-e86e2a5f",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-fbfde057",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-cfd7f25f",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-6c3a77ef",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-96e3aec6",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-3ad9ef65",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-1c72783c",[[1,"z-pocket-message"]]],["p-6b7ee18b",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-8f5eaf9d",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-017370c7",[[6,"z-registro-table-footer"]]],["p-cfa47b41",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-418044b0",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]]]'),e)));

package/www/index.html

@@ -1,4 +1,4 @@
-<!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/p-97a11655.css"> <link rel="modulepreload" href="/build/p-3ea8117a.js"><script type="module" src="/build/p-3ea8117a.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" imagealt="Ciaoooo!"></z-logo> <z-logo height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!--    --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
+<!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/p-97a11655.css"> <link rel="modulepreload" href="/build/p-89b24792.js"><script type="module" src="/build/p-89b24792.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" imagealt="Ciaoooo!"></z-logo> <z-logo height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!--    --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
     <div class="content" slot="content">
       <div>
         <h2>Titolo</h2>
@@ -54,16 +54,11 @@
       ZAINO DIGITALE
     </z-button>
     <z-link slot="provider">Cos'è Zaino Digitale?</z-link>
-  </z-modal-login> --> <p>Not Logged</p> <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> <p>Logged</p> <z-app-topbar hashtag="faresci" logged=""> <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it" targetblank=""></z-logo> <z-link onclick="openModal(this)" textcolor="white" big="" icon="support-filled" slot="actions" href="#">Supporto </z-link> <z-link onclick="openModal(this)" iswhite="" big="" icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link> <z-user-dropdown userfullname="Von Axl Maranan Fernandez" logged="true" slot="login" menucontent="[
-        {&quot;label&quot;:&quot;Profilo&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;arrow-quad-north-east&quot;},
-        {&quot;label&quot;:&quot;I Tuoi Ordini&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;exit&quot;},
-        {&quot;label&quot;:&quot;Chiedi al tuo responsabile&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;question-mark&quot;},
-        {&quot;label&quot;:&quot;Esci&quot;, &quot;link&quot;:&quot;http://www.google.it&quot;, &quot;icon&quot;:&quot;enter&quot;}
-        ]"></z-user-dropdown> <z-app-switcher slot="app-switcher"></z-app-switcher> </z-app-topbar> <p>User Dropdown</p> <div style="height: 150px; width: fit-content;"> <z-user-dropdown userfullname="Sandro Studente" islogged="true" menucontent="[{&quot;label&quot;:&quot;I Tuoi Ordini&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;exit&quot;},{&quot;label&quot;:&quot;Esci&quot;, &quot;link&quot;:&quot;http://www.google.it&quot;, &quot;icon&quot;:&quot;enter&quot;}]"></z-user-dropdown> </div> <p>Notification</p> <div style="margin-top: 10px; width: 100%;"> <z-notification id="noti" contenticonname="gear" actiontext="Annulla" type="success" showclose="true" showshadow="true">Io ne ho viste cose che voi umani non potreste immaginarvi: navi da combattimento in fiamme al
+  </z-modal-login> --> <p>Not Logged</p> <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 logged="false" slot="login"></z-user-dropdown> <z-app-switcher slot="app-switcher"></z-app-switcher> </z-app-topbar> <p>Logged</p> <z-app-topbar hashtag="faresci" logged=""> <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it" targetblank=""></z-logo> <z-link onclick="openModal(this)" textcolor="white" big="" icon="support-filled" slot="actions" href="#">Supporto</z-link> <z-link onclick="openModal(this)" iswhite="" big="" icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link> <z-user-dropdown userfullname="Von Axl Maranan Fernandez" useremail="vonaxlmarananfernandez@abcemail.com" logged="true" slot="login" menucontent="[{&quot;label&quot;:&quot;Profilo&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;arrow-quad-north-east&quot;}, {&quot;label&quot;:&quot;I Tuoi Ordini&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;exit&quot;}, {&quot;label&quot;:&quot;Chiedi al tuo responsabile&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;question-mark&quot;}, {&quot;label&quot;:&quot;Esci&quot;, &quot;link&quot;:&quot;http://www.google.it&quot;, &quot;icon&quot;:&quot;enter&quot;}]"></z-user-dropdown> <z-app-switcher slot="app-switcher"></z-app-switcher> </z-app-topbar> <p>User Dropdown</p> <div style="height: 150px; width: fit-content;"> <z-user-dropdown userfullname="Sandro Studente" useremail="vonaxlmarananfernandez@abcemail.com" islogged="true" menucontent="[{&quot;label&quot;:&quot;I Tuoi Ordini&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;exit&quot;},{&quot;label&quot;:&quot;Esci&quot;, &quot;link&quot;:&quot;http://www.google.it&quot;, &quot;icon&quot;:&quot;enter&quot;}]"></z-user-dropdown> </div> <p>Notification</p> <div style="margin-top: 10px; width: 100%;"> <z-notification id="noti" contenticonname="gear" actiontext="Annulla" type="success" showclose="true" showshadow="true">Io ne ho viste cose che voi umani non potreste immaginarvi: navi da combattimento in fiamme al
       largo dei bastioni di Orione, e ho visto i raggi B balenare nel buio vicino alle porte di Tannhäuser. E tutti quei
       momenti andranno perduti nel tempo, come lacrime nella pioggia. È tempo di morire.</z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification contenticonname="gear" actiontext="Annulla" type="success" showclose="true">Io ne ho viste cose </z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification contenticonname="gear" actiontext="Delete" type="warning" showclose="false">Io ne ho viste cose </z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification contenticonname="checkmark-circle-filled" actiontext="Call To Action" type="error" showclose="true"> Io ne ho viste cose che voi umani non potreste immaginarvi: navi da combattimento in fiamme al largo dei bastioni
       di Orione, e ho visto i raggi B balenare nel buio vicino alle porte di Tannhäuser. E tutti quei momenti andranno
-      perduti nel tempo, come lacrime nella pioggia. È tempo di morire.</z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification actiontext="Delete" type="success" showshadow="true">Io ne ho viste cose</z-notification> </div> <br><br> <p>App Menu</p> <div style="background-color: rgb(66, 69, 72); width: fit-content; padding: 16px;"> <z-app-switcher id="app-switcher" slot="app-switcher"></z-app-switcher> </div> <p>Light Variant</p> <z-app-topbar theme="light" hashtag="faresci"> <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it" targetblank=""></z-logo> <z-link textcolor="black" big="" icon="support-filled" slot="actions" href="#">Supporto</z-link> <z-link textcolor="black" big="" icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link> <z-user-dropdown theme="light" userfullname="docente di calabresi per italiani" islogged="false" slot="login"></z-user-dropdown> <z-app-switcher theme="light" slot="app-switcher"></z-app-switcher> </z-app-topbar> <p>Logged</p> <z-app-topbar theme="light" hashtag="faresci" logged=""> <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it" targetblank=""></z-logo> <z-link onclick="openModal(this)" textcolor="black" big="" icon="support-filled" slot="actions" href="#">Supporto </z-link> <z-link onclick="openModal(this)" textcolor="black" big="" icon="shopping-cart-filled" slot="actions" href="#">Carrello </z-link> <z-user-dropdown theme="light" userfullname="Dario Docente di Lingua e Letteratura" logged="true" slot="login" menucontent="[{&quot;label&quot;:&quot;Profilo&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;arrow-quad-north-east&quot;}, {&quot;label&quot;:&quot;I Tuoi Ordini&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;exit&quot;},{&quot;label&quot;:&quot;Esci&quot;, &quot;link&quot;:&quot;http://www.google.it&quot;, &quot;icon&quot;:&quot;enter&quot;}]"></z-user-dropdown> <z-app-switcher theme="light" id="app-switcher-2" slot="app-switcher"></z-app-switcher> </z-app-topbar> <style>.z-cards {
+      perduti nel tempo, come lacrime nella pioggia. È tempo di morire.</z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification actiontext="Delete" type="success" showshadow="true">Io ne ho viste cose</z-notification> </div> <br><br> <p>App Menu</p> <div style="background-color: rgb(66, 69, 72); width: fit-content; padding: 16px;"> <z-app-switcher id="app-switcher" slot="app-switcher"></z-app-switcher> </div> <p>Light Variant</p> <z-app-topbar theme="light" hashtag="faresci"> <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it" targetblank=""></z-logo> <z-link textcolor="black" big="" icon="support-filled" slot="actions" href="#">Supporto</z-link> <z-link textcolor="black" big="" icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link> <z-user-dropdown useinversecolors="true" logged="false" slot="login"></z-user-dropdown> <z-app-switcher theme="light" slot="app-switcher"></z-app-switcher> </z-app-topbar> <p>Logged</p> <z-app-topbar theme="light" hashtag="faresci" logged=""> <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it" targetblank=""></z-logo> <z-link onclick="openModal(this)" textcolor="black" big="" icon="support-filled" slot="actions" href="#">Supporto</z-link> <z-link onclick="openModal(this)" textcolor="black" big="" icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link> <z-user-dropdown useinversecolors="true" userfullname="Dario Docente di Lingua e Letteratura" useremail="vonaxlmarananfernandez@abcemail.com" logged="true" slot="login" menucontent="[{&quot;label&quot;:&quot;Profilo&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;arrow-quad-north-east&quot;}, {&quot;label&quot;:&quot;I Tuoi Ordini&quot;, &quot;link&quot;:&quot;http://www.zanichelli.it&quot;, &quot;icon&quot;:&quot;exit&quot;},{&quot;label&quot;:&quot;Esci&quot;, &quot;link&quot;:&quot;http://www.google.it&quot;, &quot;icon&quot;:&quot;enter&quot;}]"></z-user-dropdown> <z-app-switcher theme="light" id="app-switcher-2" slot="app-switcher"></z-app-switcher> </z-app-topbar> <style>.z-cards {
       display: flex;
       padding: 24px;
     }

package/dist/web-components-library/p-ccf4d1e7.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as t,g as r}from"./p-904a85e4.js";const i="undefined"!=typeof IntersectionObserver,n=class{constructor(a){e(this,a),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.stucked=!1,this.observer=i&&new IntersectionObserver((([e])=>{this.stucked=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.setStuckPosition=this.setStuckPosition.bind(this)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode(),this.setStuckPosition()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return e?e.textContent.trim():""}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}setStuckPosition(){const e=this.hostElement.ownerDocument.querySelector("z-app-topbar");this.hostElement.style.setProperty("--app-header-top-offset",`${e?e.clientHeight:0}px`)}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this.stucked=!1,this.observer&&this.observer.unobserve(this.container)}onStucked(){const e=this.scrollParent;e&&(this.stucked?(this.setStuckPosition(),e.addEventListener("scroll",this.setStuckPosition)):e.removeEventListener("scroll",this.setStuckPosition))}setMenuFloatingMode(){if(!this.menuElements)return;const e=this.menuElements;for(let a=0,t=e.length;a<t;a++)e[a].open=!1,e[a].floating=!this.drawerOpen}render(){return a(t,{"menu-length":this.menuLength},a("div",{class:"heading-panel",ref:e=>this.container=e},a("div",{class:"hero-container"},a("slot",{name:"hero"},this.hero&&a("img",{alt:"",src:this.hero}))),a("div",{class:"heading-container"},a("div",{class:"heading-title"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("slot",{name:"title"})),a("div",{class:"heading-subtitle"},a("slot",{name:"subtitle"}))),a("div",{class:"menu-container"},!this.drawerOpen&&"offcanvas"!==this.flow&&a("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()}))),a("div",{class:"drawer-container"},a("div",{class:"drawer-overlay",onClick:this.closeDrawer}),a("div",{class:"drawer-panel"},a("button",{class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer},a("z-icon",{name:"close"})),a("div",{class:"drawer-content"},this.drawerOpen&&a("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()})))),this.stucked&&a("div",{class:"heading-stucked"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("div",{class:"heading-title"},a("slot",{name:"stucked-title"},this.title))))}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}get hostElement(){return r(this)}static get watchers(){return{stuck:["onStuckMode"],stucked:["onStucked"],drawerOpen:["setMenuFloatingMode"]}}};n.style=":host{--app-header-height:auto;--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-top-offset:var(var(--app-header-top-offset), 0);--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}:host(:not(:empty)) .heading-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-shrink:0;flex-grow:0;width:100%;height:var(--app-header-height);padding-top:calc(var(--space-unit) * 3.5);padding-right:var(--grid-mobile-margin);padding-bottom:calc(var(--space-unit) * 4.5);padding-left:var(--grid-mobile-margin);background:var(--app-header-bg)}.heading-title{display:flex;flex-direction:row;align-items:center;max-width:100%}.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%;padding:var(--space-unit) var(--grid-mobile-margin);background:var(--app-header-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-3-size);line-height:var(--app-header-typography-3-lineheight);letter-spacing:var(--app-header-typography-3-tracking)}.heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}::slotted([slot='subtitle']){margin-top:var(--space-unit);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) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2) 0;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) calc(var(--space-unit) * 2);overflow:auto}.drawer-content::-webkit-scrollbar{background:linear-gradient(\n    90deg,\n    var(--color-white) 2px,\n    var(--gray200) 4px,\n    var(--color-white) 8px\n  );border-radius:var(--border-radius);width:10px}.drawer-content::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.drawer-content ::slotted(z-menu){width:100%;margin-bottom:var(--space-unit)}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);margin:var(--space-unit) calc(var(--space-unit) * 2);padding:0;font-size:inherit;background:transparent;color:inherit;fill:currentColor;border:0;border-radius:0;appearance:none;cursor:pointer}: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]) .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,.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)}.heading-stucked .heading-title>*,::slotted([slot='title']){font-size:var(--app-header-typography-5-size);line-height:var(--app-header-typography-5-lineheight);letter-spacing:var(--app-header-typography-5-tracking)}}@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);line-height:var(--app-header-typography-7-lineheight);letter-spacing:var(--app-header-typography-7-tracking);margin-right:var(--grid-desktop-gutter)}.heading-container{width:calc(6 * ((100% - var(--grid-desktop-gutter)) / var(--grid-desktop-column)))}: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);line-height:var(--app-header-typography-9-lineheight);letter-spacing:var(--app-header-typography-9-tracking);margin-right:var(--grid-wide-gutter)}.heading-container{width:calc(6 * ((100% - var(--grid-wide-gutter)) / var(--grid-wide-column)))}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:0}.menu-container{margin-top:calc(var(--space-unit) * 3)}}@keyframes slideStuckedHeadingIn{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";export{n as z_app_header}