@zanichelli/albe-web-components 19.3.0-RC5 → 19.3.0-rc1

package/dist/components/z-myz-card-alert.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as a,transformTag as i}from"@stencil/core/internal/client";import{o as n}from"./index2.js";import{d as o}from"./index4.js";import{d as s}from"./index3.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.undoAction=r(this,"undoAction",7)}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){32!=e.keyCode&&13!=e.keyCode||(e.preventDefault(),this.emitUndoAction())}handleActionButtonClick(e){e.preventDefault(),this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e=""}return e}getAlertType(){switch(this.type){case"add":return n.SUCCESS;case"remove":return n.WARNING;default:return null}}render(){return a("div",{key:"766dbdd4df6e60554732cf000e6366320f93d4a5",class:"alert-external-wrapper "+this.retrieveClass()},a("z-alert",{key:"9e398b2d0c588f8966d84a56e4bcbfda7510dba5",type:this.getAlertType()},a("div",{key:"c7d48f8660399d88321a6f18db86fa9b3c3fca22",class:"relative-container"},a("z-icon",{key:"be109142c6c763ed228fa7fe4e15c73690a92eb4",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),a("span",{key:"d1c1c2a371d4c4b2af1ed0a20348b0512d7834ec",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&a("span",{key:"345c4193b1bf982311bdf0edc7662e60071061a8",role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}static get style(){return":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-background);border-top:none}:host div.add-alert{background:var(--color-inverse-success)}:host div.remove-alert{background:var(--color-inverse-warning)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}"}},[1,"z-myz-card-alert",{iconname:[1],contenttext:[1],actiontext:[1],type:[1]}]),d=c,l=function(){"undefined"!=typeof customElements&&["z-myz-card-alert","z-alert","z-icon"].forEach((e=>{switch(e){case"z-myz-card-alert":customElements.get(i(e))||customElements.define(i(e),c);break;case"z-alert":customElements.get(i(e))||o();break;case"z-icon":customElements.get(i(e))||s()}}))};export{d as ZMyzCardAlert,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as r,transformTag as i}from"@stencil/core/internal/client";import{o as n}from"./index2.js";import{d as o}from"./index4.js";import{d as s}from"./index3.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.undoAction=a(this,"undoAction",7)}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){32!=e.keyCode&&13!=e.keyCode||(e.preventDefault(),this.emitUndoAction())}handleActionButtonClick(e){e.preventDefault(),this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e=""}return e}getAlertType(){switch(this.type){case"add":return n.SUCCESS;case"remove":return n.WARNING;default:return null}}render(){return r("div",{key:"4ca682b49ae42f644338b19e8e49e2f292c47d23",class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{key:"afcae73ad5db966ad66569171879d7f9c66bddbd",type:this.getAlertType()},r("div",{key:"8f4afab9559bb5f792796c8ea1907148811890a9",class:"relative-container"},r("z-icon",{key:"8070aad90c809d35822898c444fd5f81c1ac9146",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{key:"eb0ea9fe673d279a5eead6568331a31eb91302e2",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{key:"daae97d1758c457bb1f8c2143ac2c6efe999a7f9",role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}static get style(){return":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-background);border-top:none}:host div.add-alert{background:var(--color-inverse-success)}:host div.remove-alert{background:var(--color-inverse-warning)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}"}},[1,"z-myz-card-alert",{iconname:[1],contenttext:[1],actiontext:[1],type:[1]}]),l=c,d=function(){"undefined"!=typeof customElements&&["z-myz-card-alert","z-alert","z-icon"].forEach((e=>{switch(e){case"z-myz-card-alert":customElements.get(i(e))||customElements.define(i(e),c);break;case"z-alert":customElements.get(i(e))||o();break;case"z-icon":customElements.get(i(e))||s()}}))};export{l as ZMyzCardAlert,d as defineCustomElement}

package/dist/components/z-myz-card-dictionary.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as s,transformTag as i}from"@stencil/core/internal/client";import{d as o,B as d}from"./index2.js";import{d as r}from"./index5.js";import{d as n}from"./index3.js";import{d as c}from"./index22.js";import{d as f}from"./index23.js";import{d as m}from"./index24.js";import{d as l}from"./index25.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.cardFlipped=a(this,"cardFlipped",7),this.disabled=!1,this.flipped=!1,this.flipbuttonlabel="INFO",this.hideinfobtn=!1}handleFlipCard(e){this.flipCard(e.detail)}flipCard(e=!0){this.flipped=e,this.cardFlipped.emit(e)}render(){return s("div",{key:"8dc932a6e2df1d2915aad71065214b8eedfb8228"},s("z-myz-card",{key:"31ce51650d9999b46068d6427ec1e5f15d1f5020"},s("z-myz-card-header",{key:"335d79eeb60cb1539bbd096b45c8a6ea67e486a7",titolo:this.name}),s("div",{key:"c1a5d68eb72455705bb2dd15c8410e4d5171a827",class:"content "+(this.flipped?"flipped":"")},s("div",{key:"a5a772278c40abe29f23844a1f700050ba4e0deb",class:"front"},s("z-myz-card-body",{key:"9eaf2fcf34e74836420c03393d0a0e5d5c3a3b17"},s("z-myz-card-cover",{key:"e57ea2529cdf6df4dbe0a1b690180ff21d85f153",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),s("z-button",{key:"c5e156b14e708d542014d3f5340c34363863353c",class:{"hide-info":this.hideinfobtn},variant:d.SECONDARY,icon:"informationsource",size:o.X_SMALL,onClick:()=>this.flipCard(!0),disabled:this.flipped},this.flipbuttonlabel)),s("div",{key:"e80acba3651fa2be23ee66ea312afe89362d9a59",class:"back"},s("slot",{key:"bd7f4bb1d2ec63d63460034e4ead0adc62651807",name:"info"}))),s("slot",{key:"dfcf97a040d303261c1cf50dd10763e04eeec035"})))}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,     -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,     -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}"}},[257,"z-myz-card-dictionary",{name:[1],cover:[1],disabled:[4],flipped:[1028],flipbuttonlabel:[1],hideinfobtn:[4]},[[0,"flipCard","handleFlipCard"]]]),h=b,p=function(){"undefined"!=typeof customElements&&["z-myz-card-dictionary","z-button","z-icon","z-myz-card","z-myz-card-body","z-myz-card-cover","z-myz-card-header"].forEach((e=>{switch(e){case"z-myz-card-dictionary":customElements.get(i(e))||customElements.define(i(e),b);break;case"z-button":customElements.get(i(e))||r();break;case"z-icon":customElements.get(i(e))||n();break;case"z-myz-card":customElements.get(i(e))||c();break;case"z-myz-card-body":customElements.get(i(e))||f();break;case"z-myz-card-cover":customElements.get(i(e))||m();break;case"z-myz-card-header":customElements.get(i(e))||l()}}))};export{h as ZMyzCardDictionary,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as s,transformTag as i}from"@stencil/core/internal/client";import{d as o,B as r}from"./index2.js";import{d}from"./index5.js";import{d as n}from"./index3.js";import{d as c}from"./index22.js";import{d as f}from"./index23.js";import{d as m}from"./index24.js";import{d as l}from"./index25.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.cardFlipped=a(this,"cardFlipped",7),this.disabled=!1,this.flipped=!1,this.flipbuttonlabel="INFO",this.hideinfobtn=!1}handleFlipCard(e){this.flipCard(e.detail)}flipCard(e=!0){this.flipped=e,this.cardFlipped.emit(e)}render(){return s("div",{key:"fe6d9d8cc73aa0135e2874d0bee4b996cf83dc64"},s("z-myz-card",{key:"eee9c5a48f74a1bb5fb36ed0952a84260c37b79e"},s("z-myz-card-header",{key:"0665c976a9a81efcc14f531585aeb01e29526896",titolo:this.name}),s("div",{key:"c7ab52b273bdda1f32e016f0117844507159699e",class:"content "+(this.flipped?"flipped":"")},s("div",{key:"c7b2b5cc7253ba6c73033afc1dfa375ed281fae2",class:"front"},s("z-myz-card-body",{key:"954bc5ad14a460c65ab58a85b1e6f6d9568a76ab"},s("z-myz-card-cover",{key:"ce0762910761111896f04d2a8071910b556d9471",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),s("z-button",{key:"385a8b63d361e250c2c3331e9e5222a2cd708ffe",class:{"hide-info":this.hideinfobtn},variant:r.SECONDARY,icon:"informationsource",size:o.X_SMALL,onClick:()=>this.flipCard(!0),disabled:this.flipped},this.flipbuttonlabel)),s("div",{key:"115dfdbc6c12edbab647c0f8e1e16b197a0066fd",class:"back"},s("slot",{key:"947dbf7463e16a9e1664df2390ec714a77d3b46a",name:"info"}))),s("slot",{key:"bd851dc63c9a852237063f48b0c558363f1dd3f6"})))}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,     -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,     -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}"}},[257,"z-myz-card-dictionary",{name:[1],cover:[1],disabled:[4],flipped:[1028],flipbuttonlabel:[1],hideinfobtn:[4]},[[0,"flipCard","handleFlipCard"]]]),h=b,p=function(){"undefined"!=typeof customElements&&["z-myz-card-dictionary","z-button","z-icon","z-myz-card","z-myz-card-body","z-myz-card-cover","z-myz-card-header"].forEach((e=>{switch(e){case"z-myz-card-dictionary":customElements.get(i(e))||customElements.define(i(e),b);break;case"z-button":customElements.get(i(e))||d();break;case"z-icon":customElements.get(i(e))||n();break;case"z-myz-card":customElements.get(i(e))||c();break;case"z-myz-card-body":customElements.get(i(e))||f();break;case"z-myz-card-cover":customElements.get(i(e))||m();break;case"z-myz-card-header":customElements.get(i(e))||l()}}))};export{h as ZMyzCardDictionary,p as defineCustomElement}

package/dist/components/z-myz-card-footer-sections.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as r}from"@stencil/core/internal/client";const a=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("div",{key:"97d3727bac19ede546388a2b3a859087132579d9"},t("footer",{key:"1a936af0a57164d76e12d39243553439e01acd59"},t("div",{key:"5cfa3a09588303e958cb3e03fb4047e4ee940b25",class:"top"},t("slot",{key:"a94b5f1583dad8ab8b65ae6cf2666b2822669eda",name:"top"})),t("div",{key:"6915a0421bb342c7e1374aa92b49aa6836af0f38",class:"bottom"},t("slot",{key:"9617f8e997b8c66d0cac543b191f73e4ce64c070",name:"bottom"}))))}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}"}},[257,"z-myz-card-footer-sections"]),s=a,c=function(){"undefined"!=typeof customElements&&["z-myz-card-footer-sections"].forEach((e=>{"z-myz-card-footer-sections"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{s as ZMyzCardFooterSections,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as r}from"@stencil/core/internal/client";const a=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("div",{key:"e03532734334f374789a31da73f15e32ee8c1679"},t("footer",{key:"36bbfc8363d00503545aa9a1dd4de0e8b036c0e2"},t("div",{key:"159b35a78ec38d541d6016fa4724effa00a66dd6",class:"top"},t("slot",{key:"25c311436a817abf5d0d961a6e2f699fcea6f331",name:"top"})),t("div",{key:"248485fc69ef0c7c76ca086a86a5971ae3e3876f",class:"bottom"},t("slot",{key:"fe1b0f89936780d822328e13ce94564838f3c0d7",name:"bottom"}))))}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}"}},[257,"z-myz-card-footer-sections"]),s=a,c=function(){"undefined"!=typeof customElements&&["z-myz-card-footer-sections"].forEach((e=>{"z-myz-card-footer-sections"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{s as ZMyzCardFooterSections,c as defineCustomElement}

package/dist/components/z-myz-card-footer.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,transformTag as i}from"@stencil/core/internal/client";import{L as n}from"./index2.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){if(this.isOpen=!this.isOpen,this.isOpen){const e=this.getFirstListItem();e&&requestAnimationFrame((()=>{e.focus()}))}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===n.REAL,trial:this.cardtype===n.TRIAL,temp:this.cardtype===n.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){["visibility","height"].includes(e.propertyName)&&this.elementsEllipsis()}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return o("div",{key:"d489e447e3e1d590098c6356f79afa453d829b14",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:!0})},o("footer",{key:"736f759004879e45aaa87b4a37d94d335e5fdf38",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},o("span",{key:"819e6055158bfa1f3e2a8d923c81e5e1430eee5f",class:"toggle"},o("slot",{key:"d0789e330d61dc5d0cf84fda39f360dc2e1846fe",name:"toggle"})),this.titolo&&o("p",{key:"5047d003377297bbbe1bca0ab61405ecc0cb1c3b",class:{"custom-content":this.customContent}},this.titolo),o("div",{key:"ba5dca645b5b47564fc893773375a7588cf8e1fa",class:{content:!0,"custom-content":this.customContent}},o("div",{key:"a461c381f6eee4cd10eb2768932d392a15c37c63"},o("p",{key:"7ab6b9d45859070b33f16c00f8c0bf13ab28796a",class:"authors",ref:e=>this.ellipsisAuthors=e},o("span",{key:"039c7702d8d0cafaca6a680e1afc8e93835fc575",title:this.getTitleAuthors()},o("span",{key:"9273775ede820fff9b15252e815830223ccdaa9b","aria-description":"Autori",class:"bold"},this.autori))),o("p",{key:"8f096c9282fb5c8a8d22c033876d2881992dafd4",class:"year-isbn"},o("span",{key:"83ca26272ff2094e0461b0b4c16e7de47496270e",class:"isbn"},o("span",{key:"f988641ac031ade7be9e8c8531dab173da0d2fa9"},o("span",{key:"d777fd577873a0a4095ba99506826f64320f2f6f","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),o("div",{key:"3092066602cd6433d10b10c3aa8eef0b783545b4",class:"slot-handler "+(this.isOpen?"visible":"hidden")},o("slot",{key:"5fe266d544afca2b736cfeb4e5c38e611483cdc2",name:"list"})))),this.customContent&&o("slot",{key:"cd156338758dd3467dfc3232783494c703f15288",name:"content"}))}get host(){return this}static get style(){return'footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}'}},[257,"z-myz-card-footer",{titolo:[1],autori:[1],isbn:[1],faded:[4],cardtype:[1],opened:[4],customContent:[4,"custom-content"],isOpen:[32],allowTooltipAuthors:[32]},[[0,"toggleClick","handleToggle"]]]),a=s,r=function(){"undefined"!=typeof customElements&&["z-myz-card-footer"].forEach((e=>{"z-myz-card-footer"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as ZMyzCardFooter,r as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as o,transformTag as i}from"@stencil/core/internal/client";import{L as n}from"./index2.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){if(this.isOpen=!this.isOpen,this.isOpen){const e=this.getFirstListItem();e&&requestAnimationFrame((()=>{e.focus()}))}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===n.REAL,trial:this.cardtype===n.TRIAL,temp:this.cardtype===n.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){["visibility","height"].includes(e.propertyName)&&this.elementsEllipsis()}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return o("div",{key:"0836e7e0d6c360721019bc7674466345e3eaab74",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:!0})},o("footer",{key:"0771eca0b6c8267a612f95800fc807096efd19eb",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},o("span",{key:"e9ca8f43d386ae14914d192a428698ecd9ee1082",class:"toggle"},o("slot",{key:"4ffe0ee9635d343821a20d572217fd7f971a781f",name:"toggle"})),this.titolo&&o("p",{key:"352cff28af1654d0676dcf0c184f42a5158bbbbe",class:{"custom-content":this.customContent}},this.titolo),o("div",{key:"a76925042afd579c30fc82faf96146718dd497c9",class:{content:!0,"custom-content":this.customContent}},o("div",{key:"a3f2391f91e996b06d00a725a1b010f0df352551"},o("p",{key:"4dfcf2de83492dd502eb69cc2525769c04430744",class:"authors",ref:e=>this.ellipsisAuthors=e},o("span",{key:"b0f06c214c88f38e477a0aacc824441160bf38fb",title:this.getTitleAuthors()},o("span",{key:"6343877f00355d614d4a263d3615b5d6222ba795","aria-description":"Autori",class:"bold"},this.autori))),o("p",{key:"b1f88556f9e2493e9070e71c72cc760f2f52738d",class:"year-isbn"},o("span",{key:"a934207b2ae734db3deca9d5a2544d86cb011117",class:"isbn"},o("span",{key:"4a2d0fa9a603e63aa3443934d58f5df9350fbdf3"},o("span",{key:"2668d24fe56de6eb660fc56a540347070ade4d92","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),o("div",{key:"6310cdec45297752f3035d975c3073acce3e2076",class:"slot-handler "+(this.isOpen?"visible":"hidden")},o("slot",{key:"f949fe923fa112d79c6cf4fa7490dd03e7f9c772",name:"list"})))),this.customContent&&o("slot",{key:"b0479a7f0e890c03dfbdced57aa6162d38981eb9",name:"content"}))}get host(){return this}static get style(){return'footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,     top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}'}},[257,"z-myz-card-footer",{titolo:[1],autori:[1],isbn:[1],faded:[4],cardtype:[1],opened:[4],customContent:[4,"custom-content"],isOpen:[32],allowTooltipAuthors:[32]},[[0,"toggleClick","handleToggle"]]]),a=s,r=function(){"undefined"!=typeof customElements&&["z-myz-card-footer"].forEach((e=>{"z-myz-card-footer"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as ZMyzCardFooter,r as defineCustomElement}

package/dist/components/z-myz-card-icon.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as e,h as o,transformTag as a}from"@stencil/core/internal/client";import{d as t}from"./index3.js";const n=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.isdisabled=!1,this.ariaLabel=""}render(){return o("button",{key:"f850a5bea2c3f3c746403f682c374778944e2940",disabled:this.isdisabled,"aria-label":this.ariaLabel},o("span",{key:"3edd33744b112cec218dcfaa05055d0e5c6d8d30"},o("z-icon",{key:"7361b982563316a71e155e433b58cb597e76f7e3",name:this.icon,width:16,height:16})))}static get style(){return"button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}"}},[1,"z-myz-card-icon",{icon:[1],isdisabled:[4],ariaLabel:[1,"aria-label"]}]),i=n,s=function(){"undefined"!=typeof customElements&&["z-myz-card-icon","z-icon"].forEach((r=>{switch(r){case"z-myz-card-icon":customElements.get(a(r))||customElements.define(a(r),n);break;case"z-icon":customElements.get(a(r))||t()}}))};export{i as ZMyzCardIcon,s as defineCustomElement}
+import{proxyCustomElement as r,HTMLElement as e,h as a,transformTag as o}from"@stencil/core/internal/client";import{d as t}from"./index3.js";const n=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.isdisabled=!1,this.ariaLabel=""}render(){return a("button",{key:"07cb991da26a22d55fb6cca776a5ef0208d53311",disabled:this.isdisabled,"aria-label":this.ariaLabel},a("span",{key:"6f71110aba5937ec76b6916cb4fdec52856af097"},a("z-icon",{key:"b01cbee366497b8b3d27f997e884f8be5a14e6fb",name:this.icon,width:16,height:16})))}static get style(){return"button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}"}},[1,"z-myz-card-icon",{icon:[1],isdisabled:[4],ariaLabel:[1,"aria-label"]}]),i=n,s=function(){"undefined"!=typeof customElements&&["z-myz-card-icon","z-icon"].forEach((r=>{switch(r){case"z-myz-card-icon":customElements.get(o(r))||customElements.define(o(r),n);break;case"z-icon":customElements.get(o(r))||t()}}))};export{i as ZMyzCardIcon,s as defineCustomElement}

package/dist/components/z-myz-card-info.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,createEvent as t,h as n,transformTag as o}from"@stencil/core/internal/client";import{P as s}from"./index2.js";import{h as r}from"./utils.js";import{d as l}from"./index3.js";import{d as a}from"./index17.js";const d=i(class extends e{emitFlipCard(i=!1){this.flipCard.emit(i)}constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(this.contentWrapper||this.infoWrapper){if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)return this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",void(this.hiddenContent=!0);this.hiddenContent=!1}else this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{r(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,e;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,o=null===(e=null==this?void 0:this.cardData)||void 0===e?void 0:e.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),t,n("br",null),o)}renderAuthor(){var i;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return e?n("span",null,"Autore: ",n("b",null,e),n("br",null)):null}renderYear(){var i;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return e?n("span",null,"Anno: ",n("b",null,e),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:e,author:t,description:o}=this.cardData;return n("z-popover",{position:s.RIGHT,onClick:()=>this.tooltip=!1},`${i} ${e} ${t} ${o}`)}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili: ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",{key:"9e928e3e0a584e4d23a842600d235796a8c2e119"},this.renderCloseIcon(),n("div",{key:"12f4545ef0de9f4b33f6c76db7c42c7cdf556cd9",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{key:"2e9b588a180a9b7e84ecd1e7dab687926320d264",class:"cta-wrapper"},n("slot",{key:"2ecbe734dd3dca95daa8599d6ff9d81a4d1c0cf0"})))}static get style(){return':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}'}},[257,"z-myz-card-info",{data:[1],htmltabindex:[2],hiddenContent:[32],tooltip:[32]}]),c=d,h=function(){"undefined"!=typeof customElements&&["z-myz-card-info","z-icon","z-popover"].forEach((i=>{switch(i){case"z-myz-card-info":customElements.get(o(i))||customElements.define(o(i),d);break;case"z-icon":customElements.get(o(i))||l();break;case"z-popover":customElements.get(o(i))||a()}}))};export{c as ZMyzCardInfo,h as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,createEvent as t,h as n,transformTag as o}from"@stencil/core/internal/client";import{P as s}from"./index2.js";import{h as r}from"./utils.js";import{d as a}from"./index3.js";import{d as l}from"./index17.js";const c=i(class extends e{emitFlipCard(i=!1){this.flipCard.emit(i)}constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(this.contentWrapper||this.infoWrapper){if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)return this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",void(this.hiddenContent=!0);this.hiddenContent=!1}else this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{r(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,e;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,o=null===(e=null==this?void 0:this.cardData)||void 0===e?void 0:e.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),t,n("br",null),o)}renderAuthor(){var i;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return e?n("span",null,"Autore: ",n("b",null,e),n("br",null)):null}renderYear(){var i;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return e?n("span",null,"Anno: ",n("b",null,e),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:e,author:t,description:o}=this.cardData;return n("z-popover",{position:s.RIGHT,onClick:()=>this.tooltip=!1},`${i} ${e} ${t} ${o}`)}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili: ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",{key:"2cf85a75758a40cfb8b3c9df21fecc74cbb04f58"},this.renderCloseIcon(),n("div",{key:"af5eb9bd6a0cc66c03731683794faf2b60686e40",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{key:"39225945aeaa95be7f2b30eb4a23c04f5a6246f2",class:"cta-wrapper"},n("slot",{key:"b1c650e3a43ee7d78530eaa52638cd3c4cf02a7f"})))}static get style(){return':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}'}},[257,"z-myz-card-info",{data:[1],htmltabindex:[2],hiddenContent:[32],tooltip:[32]}]),d=c,h=function(){"undefined"!=typeof customElements&&["z-myz-card-info","z-icon","z-popover"].forEach((i=>{switch(i){case"z-myz-card-info":customElements.get(o(i))||customElements.define(o(i),c);break;case"z-icon":customElements.get(o(i))||a();break;case"z-popover":customElements.get(o(i))||l()}}))};export{d as ZMyzCardInfo,h as defineCustomElement}

package/dist/components/z-myz-card-list.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as n,transformTag as i}from"@stencil/core/internal/client";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,e){32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),window.open(e,"_blank"))}formatListContent(t){const{value:e,isLink:i,url:a}=t;return i?n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,a),href:a,target:"_blank"},e):n("span",null,e)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"1a13de08540dfc2b52eb0e68131d466573865791"},this.renderList(JSON.parse(this.listdata)))}static get style(){return'*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}'}},[1,"z-myz-card-list",{listdata:[1]}]),r=a,o=function(){"undefined"!=typeof customElements&&["z-myz-card-list"].forEach((t=>{"z-myz-card-list"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))};export{r as ZMyzCardList,o as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as n,transformTag as a}from"@stencil/core/internal/client";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,e){32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),window.open(e,"_blank"))}formatListContent(t){const{value:e,isLink:a,url:i}=t;return a?n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},e):n("span",null,e)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"7ed6a040b79c3ea63fc94c941dcf31b8d220aea5"},this.renderList(JSON.parse(this.listdata)))}static get style(){return'*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}'}},[1,"z-myz-card-list",{listdata:[1]}]),r=i,o=function(){"undefined"!=typeof customElements&&["z-myz-card-list"].forEach((t=>{"z-myz-card-list"===t&&(customElements.get(a(t))||customElements.define(a(t),i))}))};export{r as ZMyzCardList,o as defineCustomElement}

package/dist/components/z-myz-list.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as e,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";import{d as a}from"./index26.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.inputrawdata&&this.parseinputrawdata(this.inputrawdata)}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return e("ul",{key:"c3da0fd98f9d50082d025b168e001cd640de0c89"},this.list&&this.list.map(((i,s)=>e("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:[{oninputrawdataChange:0}]}}static get style(){return"ul{padding:0;margin:0}"}},[1,"z-myz-list",{inputrawdata:[1],list:[1040]},void 0,{inputrawdata:[{oninputrawdataChange:0}]}]),o=r,c=function(){"undefined"!=typeof customElements&&["z-myz-list","z-icon","z-myz-list-item"].forEach((t=>{switch(t){case"z-myz-list":customElements.get(s(t))||customElements.define(s(t),r);break;case"z-icon":customElements.get(s(t))||n();break;case"z-myz-list-item":customElements.get(s(t))||a()}}))};export{o as ZMyzList,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,h as e,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";import{d as a}from"./index26.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.inputrawdata&&this.parseinputrawdata(this.inputrawdata)}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return e("ul",{key:"8864b8d3a72f6feb8dd470c865bcbf20b922f31c"},this.list&&this.list.map(((i,s)=>e("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:[{oninputrawdataChange:0}]}}static get style(){return"ul{padding:0;margin:0}"}},[1,"z-myz-list",{inputrawdata:[1],list:[1040]},void 0,{inputrawdata:[{oninputrawdataChange:0}]}]),o=r,c=function(){"undefined"!=typeof customElements&&["z-myz-list","z-icon","z-myz-list-item"].forEach((t=>{switch(t){case"z-myz-list":customElements.get(s(t))||customElements.define(s(t),r);break;case"z-icon":customElements.get(s(t))||n();break;case"z-myz-list-item":customElements.get(s(t))||a()}}))};export{o as ZMyzList,c as defineCustomElement}

package/dist/components/z-notification.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as n,Host as i,transformTag as a}from"@stencil/core/internal/client";import{d as c}from"./index3.js";const s=t(class extends o{handleActionButtonClick(t){t.preventDefault(),this.notificationAction.emit()}handleCloseButtonClick(t){t.preventDefault(),this.notificationClose.emit()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.notificationAction=e(this,"notificationAction",7),this.notificationClose=e(this,"notificationClose",7),this.showclose=!1,this.showshadow=!1,this.sticky=!1,this.borderposition="bottom",this.handleActionButtonClick=this.handleActionButtonClick.bind(this),this.handleCloseButtonClick=this.handleCloseButtonClick.bind(this)}render(){var t;return n(i,{key:"40da9cc297666e279f89631cede4c24d16abbc79"},n("div",{key:"1591d69902fe6ed78424da9363b5aa6ca56b21fe",class:"main-container"},this.contenticonname&&n("z-icon",{key:"585a4bc748ce664b6a3cb6e13879f98f48eed38d",class:"status-icon",name:this.contenticonname,width:16,height:16}),n("div",{key:"f3a415e24907ade9cff0c966cbc905a2ee2b0982",class:"content-container"},n("div",{key:"adc775c0294adc136e2138cc32b8b86b32c765ef",class:"content-text"},n("slot",{key:"e467e4ea81b76bf092650d2a52cb249bc70bed78"})),!!(null===(t=this.actiontext)||void 0===t?void 0:t.trim())&&n("button",{key:"6253c14815223122888d3b71b7e5a08fa9ab72c1",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&n("button",{key:"0baeb981e72a49fec6055b16c37ef7395204861f",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},n("z-icon",{key:"229f88bd8ef914cb361f84f3435d207b433862c1",name:"multiply-circle",width:16,height:16}))))}static get style(){return':host{--z-notification--top-offset:0;--z-notification--content-max-width:100%;display:block;width:100%}.main-container{display:flex;max-width:var(--z-notification--content-max-width);align-items:flex-start;padding:calc(var(--space-unit) * 2);margin:0 auto;background-color:transparent;font-family:var(--font-family-sans)}:host([sticky]){position:sticky;top:var(--z-notification--top-offset)}:host([sticky]),:host([showshadow]){box-shadow:var(--shadow-3)}:host([type="success"]){background:var(--color-inverse-success)}:host([type="warning"]){background:var(--color-inverse-warning)}:host([type="error"]){background:var(--color-inverse-error)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type="success"]) .status-icon{fill:var(--color-default-success)}:host([type="warning"]) .status-icon{fill:var(--color-default-warning)}:host([type="error"]) .status-icon{fill:var(--color-default-error)}:host([borderposition="bottom"]){border-bottom:var(--border-size-medium) solid var(--color-surface03)}:host([borderposition="top"]){border-top:var(--border-size-medium) solid var(--color-surface03)}button{padding:0;border:none;margin:0;background:transparent;cursor:pointer;font-family:inherit}.status-icon+.content-container{margin-left:var(--space-unit)}.content-container{display:flex;flex:1 auto;flex-wrap:wrap;align-items:baseline;justify-content:space-between;row-gap:calc(var(--space-unit) * 2)}.content-text{color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:20px}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:16px}.action-button:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media only screen and (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}'}},[257,"z-notification",{contenticonname:[1],actiontext:[1],type:[513],showclose:[4],showshadow:[516],sticky:[516],borderposition:[513]}]),r=s,l=function(){"undefined"!=typeof customElements&&["z-notification","z-icon"].forEach((t=>{switch(t){case"z-notification":customElements.get(a(t))||customElements.define(a(t),s);break;case"z-icon":customElements.get(a(t))||c()}}))};export{r as ZNotification,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as i,Host as n,transformTag as a}from"@stencil/core/internal/client";import{d as c}from"./index3.js";const s=t(class extends o{handleActionButtonClick(t){t.preventDefault(),this.notificationAction.emit()}handleCloseButtonClick(t){t.preventDefault(),this.notificationClose.emit()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.notificationAction=e(this,"notificationAction",7),this.notificationClose=e(this,"notificationClose",7),this.showclose=!1,this.showshadow=!1,this.sticky=!1,this.borderposition="bottom",this.handleActionButtonClick=this.handleActionButtonClick.bind(this),this.handleCloseButtonClick=this.handleCloseButtonClick.bind(this)}render(){var t;return i(n,{key:"204757ce872d00bd8dcf801273b36cee6c390989"},i("div",{key:"adb00f9caa9e7a87e7320dfadbe642b3535f66c4",class:"main-container"},this.contenticonname&&i("z-icon",{key:"4deffc225f500b8dc00d0d55ca28733a389d6e5c",class:"status-icon",name:this.contenticonname,width:16,height:16}),i("div",{key:"41cf207e05035652e789b35e73109657210162dd",class:"content-container"},i("div",{key:"f5e54591302a860fb45b07b8e0cbde78d1b9deec",class:"content-text"},i("slot",{key:"48e5555977f88affbb06af454b51a94bee2c0c58"})),!!(null===(t=this.actiontext)||void 0===t?void 0:t.trim())&&i("button",{key:"977fb094093c645f26f1cd014914f7ea824f80f9",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&i("button",{key:"f505fca722c4c720173faee9c37ce110ba2382e4",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},i("z-icon",{key:"27305ec012eb8c30396fcf5fee87ece5a57c4a10",name:"multiply-circle",width:16,height:16}))))}static get style(){return':host{--z-notification--top-offset:0;--z-notification--content-max-width:100%;display:block;width:100%}.main-container{display:flex;max-width:var(--z-notification--content-max-width);align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--z-notification--inline-padding, calc(var(--space-unit) * 2));margin:0 auto;background-color:transparent;font-family:var(--font-family-sans)}:host([sticky]){position:sticky;top:var(--z-notification--top-offset)}:host([sticky]),:host([showshadow]){box-shadow:var(--shadow-3)}:host([type="success"]){background:var(--color-inverse-success)}:host([type="warning"]){background:var(--color-inverse-warning)}:host([type="error"]){background:var(--color-inverse-error)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type="success"]) .status-icon{fill:var(--color-default-success)}:host([type="warning"]) .status-icon{fill:var(--color-default-warning)}:host([type="error"]) .status-icon{fill:var(--color-default-error)}:host([borderposition="bottom"]){border-bottom:var(--border-size-medium) solid var(--color-surface03)}:host([borderposition="top"]){border-top:var(--border-size-medium) solid var(--color-surface03)}button{padding:0;border:none;margin:0;background:transparent;cursor:pointer;font-family:inherit}.status-icon+.content-container{margin-left:var(--space-unit)}.content-container{display:flex;flex:1 auto;flex-wrap:wrap;align-items:baseline;justify-content:space-between;row-gap:calc(var(--space-unit) * 2)}.content-text{width:100%;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:1.333;outline:none}.action-button:focus-visible{box-shadow:var(--shadow-focus-primary)}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}'}},[257,"z-notification",{contenticonname:[1],actiontext:[1],type:[513],showclose:[4],showshadow:[516],sticky:[516],borderposition:[513]}]),r=s,l=function(){"undefined"!=typeof customElements&&["z-notification","z-icon"].forEach((t=>{switch(t){case"z-notification":customElements.get(a(t))||customElements.define(a(t),s);break;case"z-icon":customElements.get(a(t))||c()}}))};export{r as ZNotification,l as defineCustomElement}

package/dist/components/z-otp.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,transformTag as n}from"@stencil/core/internal/client";import{f as o}from"./index2.js";import{d as r}from"./index3.js";import{d as a}from"./index8.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.otpChange=s(this,"otpChange",7),this.inputNum=6}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)],this.otpRef=[...Array(this.inputNum)]}render(){return i("div",{key:"7657d7d869942c3d132010db3926eded138e551c",class:"otp-container"},i("div",{key:"ebf909e834636481b6b19058ee5ccb76a1b26783",class:"digits-container"},this.otp.map(((t,e)=>i("input",{class:this.status==o.ERROR?"error":null,onKeyDown:t=>{t.keyCode>47&&(this.otpRef[e].value="")},onKeyUp:t=>{t.keyCode>47&&e<this.inputNum-1&&this.otpRef[e+1].focus()},onInput:t=>{this.otp[e]=t.target.value,this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[e]=t})))),i("z-input-message",{key:"102bca7cae4f618feef7bb26461a9a0ddb9ee8b3",message:this.message,status:this.status}))}static get style(){return"input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-default-error);background-color:var(--color-inverse-error);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}"}},[1,"z-otp",{inputNum:[2,"input-num"],status:[1],message:[1]}]),p=c,l=function(){"undefined"!=typeof customElements&&["z-otp","z-icon","z-input-message"].forEach((t=>{switch(t){case"z-otp":customElements.get(n(t))||customElements.define(n(t),c);break;case"z-icon":customElements.get(n(t))||r();break;case"z-input-message":customElements.get(n(t))||a()}}))};export{p as ZOtp,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,transformTag as n}from"@stencil/core/internal/client";import{f as o}from"./index2.js";import{d as r}from"./index3.js";import{d as a}from"./index8.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.otpChange=s(this,"otpChange",7),this.inputNum=6}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)],this.otpRef=[...Array(this.inputNum)]}render(){return i("div",{key:"25929eacee727c90dbf664fa11638bb5cdb5823a",class:"otp-container"},i("div",{key:"16d6b64ba2649781fcb359ddefd08d0553c9fcb5",class:"digits-container"},this.otp.map(((t,e)=>i("input",{class:this.status==o.ERROR?"error":null,onKeyDown:t=>{t.keyCode>47&&(this.otpRef[e].value="")},onKeyUp:t=>{t.keyCode>47&&e<this.inputNum-1&&this.otpRef[e+1].focus()},onInput:t=>{this.otp[e]=t.target.value,this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[e]=t})))),i("z-input-message",{key:"201125a3e3f5b0a3b53b170d4f0153188715c7db",message:this.message,status:this.status}))}static get style(){return"input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-default-error);background-color:var(--color-inverse-error);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}"}},[1,"z-otp",{inputNum:[2,"input-num"],status:[1],message:[1]}]),p=c,l=function(){"undefined"!=typeof customElements&&["z-otp","z-icon","z-input-message"].forEach((t=>{switch(t){case"z-otp":customElements.get(n(t))||customElements.define(n(t),c);break;case"z-icon":customElements.get(n(t))||r();break;case"z-input-message":customElements.get(n(t))||a()}}))};export{p as ZOtp,l as defineCustomElement}

package/dist/components/z-pagination.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as n,Host as o,transformTag as s}from"@stencil/core/internal/client";import{I as e}from"./index2.js";import{d as r}from"./index5.js";import{d as l}from"./index3.js";import{d as p}from"./index7.js";import{d as g}from"./index8.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChanged=a(this,"pageChanged",7),this.navArrows=!0,this.skip=0,this.edges=!1,this.currentPage=1,this._visiblePages=this.visiblePages,this.isMobile=!1,this.goToPageValue=null}setPagesContainerWidth(){if(!this._visiblePages||this.split)return void this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");const t=window.getComputedStyle(this.host).getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width",`calc(${t} * ${this._visiblePages})`)}setVisiblePages(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)}onPageChanged(){this.pageChanged.emit(this.currentPage),this.scrollToPage()}onSplitChanged(){this.split&&(this.edges=!1)}onResize(){this.setMobile()}setMobile(){this.isMobile=window.matchMedia("screen and (max-width: 767px)").matches}getPagesChunks(){const t=Array.from({length:this.totalPages},((t,i)=>i+1)),i=[],a=Math.ceil(t.length/this._visiblePages);for(let n=0;n<a;n++)i.push(t.slice(n*this._visiblePages,(n+1)*this._visiblePages));return i}scrollToPage(){var t,i;const a=this.host.querySelector(".pages-container"),n=this.host.querySelector(`[data-page="${this.currentPage}"]`),o=this.host.querySelector(".navigation-button");if(!n||!a)return;const s=a.getBoundingClientRect().width,e=n.getBoundingClientRect().width,r=null!==(i=null===(t=null==o?void 0:o.getBoundingClientRect())||void 0===t?void 0:t.width)&&void 0!==i?i:0;a.scrollLeft=this.currentPage*e-r-s/2}selectPage(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)}renderPage(t){return n("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:"Vai alla pagina "+t,"data-page":t,"data-current":this.currentPage===t,onClick:()=>this.selectPage(t)},t)}renderEllipsisButton(t){return n("button",{class:"ellipsis-button",type:"button",title:"Vai alla pagina "+t,onClick:()=>this.selectPage(t)},"…")}renderPages(){const t=this.getPagesChunks();if(!(t.length<=0))return t.map((t=>n("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))}renderSplitPages(){return this.totalPages<=2*this.split+5?Array.from({length:this.totalPages},((t,i)=>this.renderPage(i+1))):this.currentPage<=2*this.split+2?[...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(i+1))),this.renderEllipsisButton(2*this.split+4),this.renderPage(this.totalPages)]:this.currentPage>2*this.split+2&&this.currentPage<this.totalPages-2*this.split-1?[this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1),...Array.from({length:2*this.split+1},((t,i)=>this.renderPage(this.currentPage-this.split+i))),this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)]:[this.renderPage(1),this.renderEllipsisButton(this.totalPages-2*this.split-3),...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(this.totalPages-2*this.split-2+i)))]}renderBackButton(){return n("button",{class:"navigation-button",type:"button",title:"Vai alla pagina precedente",disabled:1===this.currentPage,onClick:()=>this.selectPage(this.currentPage-1)},n("z-icon",{name:"chevron-left"}))}renderForwardButton(){return n("button",{class:"navigation-button",type:"button",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.currentPage+1)},n("z-icon",{name:"chevron-right"}))}renderMobile(){const t=this.getPagesChunks();return[this.label&&n("span",{class:"page-label body-1-sb"},this.label),n("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&n("div",{class:"pages-container",role:"navigation",tabIndex:-1},t.length>0&&t.map((t=>n("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))),this.goToPage&&n("form",{class:"mobile-go-to-page",onSubmit:t=>{t.preventDefault(),this.selectPage(this.goToPageValue)}},n("z-input",{class:"go-to-page-input",type:e.NUMBER,min:1,max:this.totalPages,message:!1,onInput:t=>{this.goToPageValue=t.target.value},placeholder:""+this.currentPage,hasclearicon:!1}),n("span",null,"/"+this.totalPages)),this.renderForwardButton())]}componentDidLoad(){this.setVisiblePages()}componentDidRender(){this.split&&(this.edges=!1),this.setPagesContainerWidth(),this.setMobile(),this.scrollToPage()}render(){return this.isMobile?n(o,null,this.renderMobile()):n(o,null,n("div",{class:"pagination-bar"},this.label&&n("span",{class:"page-label body-1-sb"},this.label),this.edges&&n("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:1===this.currentPage,onClick:()=>this.selectPage(1)},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&n("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+(this.currentPage-this.skip),disabled:this.currentPage<=this.skip,onClick:()=>this.selectPage(this.currentPage-this.skip)},"-",this.skip),this.navArrows&&this.renderBackButton(),n("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&n("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+(this.currentPage+this.skip),disabled:this.currentPage>this.totalPages-this.skip,onClick:()=>this.selectPage(this.currentPage+this.skip)},"+",this.skip),this.edges&&n("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+this.totalPages,disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.totalPages)},"Pagina ",this.totalPages)),this.goToPage&&n("div",{class:"go-to-page"},n("span",{class:"z-label body-5-sb"},"Vai a pagina:"),n("div",{class:"inputs"},n("z-input",{class:"go-to-page-input",type:e.NUMBER,min:1,max:this.totalPages,message:!1,placeholder:"2",hasclearicon:!1,onInput:t=>{this.goToPageValue=t.target.value},onKeyDown:t=>"Enter"===t.key&&this.selectPage(this.goToPageValue)}),n("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:()=>this.selectPage(this.goToPageValue)},"vai"))))}get host(){return this}static get watchers(){return{_visiblePages:[{setPagesContainerWidth:0}],visiblePages:[{setVisiblePages:0}],currentPage:[{onPageChanged:0}],split:[{onSplitChanged:0}]}}static get style(){return"z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;--z-pagination-background-color:var(--color-background);--z-pagination-background-color-hover:var(--color-surface01);display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--z-pagination-background-color);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out,     color 0.15s ease-out,     border-bottom-color 0.15s ease-out,     font-size 0.15s ease-in-out,     font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-surface01);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface02)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--z-pagination-background-color-hover)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-primary);color:var(--color-hover-primary)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}"}},[0,"z-pagination",{label:[1],navArrows:[4,"nav-arrows"],totalPages:[2,"total-pages"],skip:[2],edges:[4],split:[2],visiblePages:[2,"visible-pages"],currentPage:[1026,"current-page"],goToPage:[4,"go-to-page"],_visiblePages:[32],isMobile:[32],goToPageValue:[32]},[[9,"resize","onResize"]],{_visiblePages:[{setPagesContainerWidth:0}],visiblePages:[{setVisiblePages:0}],currentPage:[{onPageChanged:0}],split:[{onSplitChanged:0}]}]),c=h,u=function(){"undefined"!=typeof customElements&&["z-pagination","z-button","z-icon","z-input","z-input-message"].forEach((t=>{switch(t){case"z-pagination":customElements.get(s(t))||customElements.define(s(t),h);break;case"z-button":customElements.get(s(t))||r();break;case"z-icon":customElements.get(s(t))||l();break;case"z-input":customElements.get(s(t))||p();break;case"z-input-message":customElements.get(s(t))||g()}}))};export{c as ZPagination,u as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as n,Host as o,transformTag as e}from"@stencil/core/internal/client";import{I as s}from"./index2.js";import{d as r}from"./index5.js";import{d as l}from"./index3.js";import{d as p}from"./index7.js";import{d as g}from"./index8.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChanged=a(this,"pageChanged",7),this.navArrows=!0,this.skip=0,this.edges=!1,this.currentPage=1,this._visiblePages=this.visiblePages,this.isMobile=!1,this.goToPageValue=null}setPagesContainerWidth(){if(!this._visiblePages||this.split)return void this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");const t=window.getComputedStyle(this.host).getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width",`calc(${t} * ${this._visiblePages})`)}setVisiblePages(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)}onPageChanged(){this.pageChanged.emit(this.currentPage),this.scrollToPage()}onSplitChanged(){this.split&&(this.edges=!1)}onResize(){this.setMobile()}setMobile(){this.isMobile=window.matchMedia("screen and (max-width: 767px)").matches}getPagesChunks(){const t=Array.from({length:this.totalPages},((t,i)=>i+1)),i=[],a=Math.ceil(t.length/this._visiblePages);for(let n=0;n<a;n++)i.push(t.slice(n*this._visiblePages,(n+1)*this._visiblePages));return i}scrollToPage(){var t,i;const a=this.host.querySelector(".pages-container"),n=this.host.querySelector(`[data-page="${this.currentPage}"]`),o=this.host.querySelector(".navigation-button");if(!n||!a)return;const e=a.getBoundingClientRect().width,s=n.getBoundingClientRect().width,r=null!==(i=null===(t=null==o?void 0:o.getBoundingClientRect())||void 0===t?void 0:t.width)&&void 0!==i?i:0;a.scrollLeft=this.currentPage*s-r-e/2}selectPage(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)}renderPage(t){return n("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:"Vai alla pagina "+t,"data-page":t,"data-current":this.currentPage===t,onClick:()=>this.selectPage(t)},t)}renderEllipsisButton(t){return n("button",{class:"ellipsis-button",type:"button",title:"Vai alla pagina "+t,onClick:()=>this.selectPage(t)},"…")}renderPages(){const t=this.getPagesChunks();if(!(t.length<=0))return t.map((t=>n("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))}renderSplitPages(){return this.totalPages<=2*this.split+5?Array.from({length:this.totalPages},((t,i)=>this.renderPage(i+1))):this.currentPage<=2*this.split+2?[...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(i+1))),this.renderEllipsisButton(2*this.split+4),this.renderPage(this.totalPages)]:this.currentPage>2*this.split+2&&this.currentPage<this.totalPages-2*this.split-1?[this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1),...Array.from({length:2*this.split+1},((t,i)=>this.renderPage(this.currentPage-this.split+i))),this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)]:[this.renderPage(1),this.renderEllipsisButton(this.totalPages-2*this.split-3),...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(this.totalPages-2*this.split-2+i)))]}renderBackButton(){return n("button",{class:"navigation-button",type:"button","aria-label":"Vai alla pagina precedente",title:"Vai alla pagina precedente",disabled:1===this.currentPage,onClick:()=>this.selectPage(this.currentPage-1)},n("z-icon",{name:"chevron-left"}))}renderForwardButton(){return n("button",{class:"navigation-button",type:"button","aria-label":"Vai alla prossima pagina",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.currentPage+1)},n("z-icon",{name:"chevron-right"}))}renderMobile(){const t=this.getPagesChunks();return[this.label&&n("span",{class:"page-label body-1-sb"},this.label),n("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&n("div",{class:"pages-container",role:"navigation",tabIndex:-1},t.length>0&&t.map((t=>n("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))),this.goToPage&&n("form",{class:"mobile-go-to-page",onSubmit:t=>{t.preventDefault(),this.selectPage(this.goToPageValue)}},n("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:!1,onInput:t=>{this.goToPageValue=t.target.value},placeholder:""+this.currentPage,hasclearicon:!1}),n("span",null,"/"+this.totalPages)),this.renderForwardButton())]}componentDidLoad(){this.setVisiblePages()}componentDidRender(){this.split&&(this.edges=!1),this.setPagesContainerWidth(),this.setMobile(),this.scrollToPage()}render(){return this.isMobile?n(o,null,this.renderMobile()):n(o,null,n("div",{class:"pagination-bar"},this.label&&n("span",{class:"page-label body-1-sb"},this.label),this.edges&&n("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:1===this.currentPage,onClick:()=>this.selectPage(1)},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&n("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+(this.currentPage-this.skip),disabled:this.currentPage<=this.skip,onClick:()=>this.selectPage(this.currentPage-this.skip)},"-",this.skip),this.navArrows&&this.renderBackButton(),n("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&n("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+(this.currentPage+this.skip),disabled:this.currentPage>this.totalPages-this.skip,onClick:()=>this.selectPage(this.currentPage+this.skip)},"+",this.skip),this.edges&&n("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+this.totalPages,disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.totalPages)},"Pagina ",this.totalPages)),this.goToPage&&n("div",{class:"go-to-page"},n("span",{class:"z-label body-5-sb"},"Vai a pagina:"),n("div",{class:"inputs"},n("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:!1,placeholder:"2",hasclearicon:!1,onInput:t=>{this.goToPageValue=t.target.value},onKeyDown:t=>"Enter"===t.key&&this.selectPage(this.goToPageValue)}),n("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:()=>this.selectPage(this.goToPageValue)},"vai"))))}get host(){return this}static get watchers(){return{_visiblePages:[{setPagesContainerWidth:0}],visiblePages:[{setVisiblePages:0}],currentPage:[{onPageChanged:0}],split:[{onSplitChanged:0}]}}static get style(){return"z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;--z-pagination-background-color:var(--color-background);--z-pagination-background-color-hover:var(--color-surface01);display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--z-pagination-background-color);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out,     color 0.15s ease-out,     border-bottom-color 0.15s ease-out,     font-size 0.15s ease-in-out,     font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-surface01);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface02)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--z-pagination-background-color-hover)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-primary);color:var(--color-hover-primary)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}"}},[0,"z-pagination",{label:[1],navArrows:[4,"nav-arrows"],totalPages:[2,"total-pages"],skip:[2],edges:[4],split:[2],visiblePages:[2,"visible-pages"],currentPage:[1026,"current-page"],goToPage:[4,"go-to-page"],_visiblePages:[32],isMobile:[32],goToPageValue:[32]},[[9,"resize","onResize"]],{_visiblePages:[{setPagesContainerWidth:0}],visiblePages:[{setVisiblePages:0}],currentPage:[{onPageChanged:0}],split:[{onSplitChanged:0}]}]),c=h,u=function(){"undefined"!=typeof customElements&&["z-pagination","z-button","z-icon","z-input","z-input-message"].forEach((t=>{switch(t){case"z-pagination":customElements.get(e(t))||customElements.define(e(t),h);break;case"z-button":customElements.get(e(t))||r();break;case"z-icon":customElements.get(e(t))||l();break;case"z-input":customElements.get(e(t))||p();break;case"z-input-message":customElements.get(e(t))||g()}}))};export{c as ZPagination,u as defineCustomElement}

package/dist/components/z-skip-to-content.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as n,Host as o,transformTag as s}from"@stencil/core/internal/client";import{T as e}from"./index2.js";import{f as c,h as l}from"./utils.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.links=[],this.visible=!1,this.visibleLink=""}handleFocusOutSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!1)}handleFocusSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!0)}componentDidLoad(){this.showFirstChild()}componentWillRender(){this.links&&(this.links="string"==typeof this.links?JSON.parse(this.links):this.links)}isInSkipToContent(t){const i=c(t).find((t=>"z-skip-to-content"===t.nodeName.toLowerCase()));return!!i}showFirstChild(){var t;const i=null===(t=this.hostElement.children)||void 0===t?void 0:t[0];i&&(this.visibleLink=i.id)}handleLinkClick(){this.visible=!1}render(){return n(o,{key:"453b88d07dba674089b87d0e203154d57967ae20",class:{[this.variant]:!0,"skip-to-content-visible":this.visible}},this.links.map(((t,i)=>{const o="skip-to-content-"+i;return n("div",{class:"link-container"},n("a",{id:o,class:{"body-1-sb":!0,"z-link":!0,"z-link-underline":!0,"z-link-inverse":this.variant===e.DARK,"link-visible":o==this.visibleLink,"link-invisible":o!=this.visibleLink},"aria-label":t.ariaLabel||t.label,href:t.href,onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>l(t,this.handleLinkClick.bind(this))},t.label))})))}get hostElement(){return this}static get style(){return".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-default-text)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}"}},[2,"z-skip-to-content",{variant:[513],links:[1025],visible:[32],visibleLink:[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]),a=r,h=function(){"undefined"!=typeof customElements&&["z-skip-to-content"].forEach((t=>{"z-skip-to-content"===t&&(customElements.get(s(t))||customElements.define(s(t),r))}))};export{a as ZSkipToContent,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,h as n,Host as o,transformTag as s}from"@stencil/core/internal/client";import{T as e}from"./index2.js";import{f as c,h as l}from"./utils.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.links=[],this.visible=!1,this.visibleLink=""}handleFocusOutSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!1)}handleFocusSkipToContent(t){this.isInSkipToContent(t.target)&&(this.visible=!0)}componentDidLoad(){this.showFirstChild()}componentWillRender(){this.links&&(this.links="string"==typeof this.links?JSON.parse(this.links):this.links)}isInSkipToContent(t){const i=c(t).find((t=>"z-skip-to-content"===t.nodeName.toLowerCase()));return!!i}showFirstChild(){var t;const i=null===(t=this.hostElement.children)||void 0===t?void 0:t[0];i&&(this.visibleLink=i.id)}handleLinkClick(){this.visible=!1}render(){return n(o,{key:"b0c2efcd257373ca8473d2f8135dc5c5d69e6d8f",class:{[this.variant]:!0,"skip-to-content-visible":this.visible}},this.links.map(((t,i)=>{const o="skip-to-content-"+i;return n("div",{class:"link-container"},n("a",{id:o,class:{"body-1-sb":!0,"z-link":!0,"z-link-underline":!0,"z-link-inverse":this.variant===e.DARK,"link-visible":o==this.visibleLink,"link-invisible":o!=this.visibleLink},"aria-label":t.ariaLabel||t.label,href:t.href,onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>l(t,this.handleLinkClick.bind(this))},t.label))})))}get hostElement(){return this}static get style(){return".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-default-text)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}"}},[2,"z-skip-to-content",{variant:[513],links:[1025],visible:[32],visibleLink:[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]),a=r,h=function(){"undefined"!=typeof customElements&&["z-skip-to-content"].forEach((t=>{"z-skip-to-content"===t&&(customElements.get(s(t))||customElements.define(s(t),r))}))};export{a as ZSkipToContent,h as defineCustomElement}

package/dist/components/z-stepper-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as r,transformTag as o}from"@stencil/core/internal/client";import{d as a}from"./index3.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}getAttributes(){const e=!this.href||this.pressed||this.disabled?void 0:{onClick:()=>location.href=this.href},t=e?{role:"link"}:void 0,i=this.pressed&&!this.disabled?{"aria-current":"step"}:void 0,r=this.pressed||""===this.href?{tabIndex:-1}:void 0;return Object.assign(Object.assign(Object.assign(Object.assign({},e),t),i),r)}render(){return i(r,{key:"7aa1de5d716837aadddf7f403322ff3cd296848e",role:"listitem"},i("button",Object.assign({key:"beb11602a3c794d7a745ab82a58d033b6e0752e5",class:"stepper-item",disabled:this.disabled},this.getAttributes()),i("div",{key:"892e9dc3c317594f13616a6f3581ad2451721cf1",class:"indicator"},this.checked?i("z-icon",{name:"checkmark"}):this.index),i("span",{key:"4e91ebaf7ed054394482485c8a67c973a783ed48"},i("slot",{key:"7faef9a6f126d000f742e4e8a58d6b37cdf48504"}))))}static get style(){return':host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-hover-primary);background:var(--color-hover-primary);color:var(--color-text-inverse)}:host([href]:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-default-success);color:var(--color-default-success)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-default-success)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}'}},[257,"z-stepper-item",{index:[514],href:[513],pressed:[516],checked:[516],disabled:[516]}]),s=c,n=function(){"undefined"!=typeof customElements&&["z-stepper-item","z-icon"].forEach((e=>{switch(e){case"z-stepper-item":customElements.get(o(e))||customElements.define(o(e),c);break;case"z-icon":customElements.get(o(e))||a()}}))};export{s as ZStepperItem,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as r,transformTag as o}from"@stencil/core/internal/client";import{d as c}from"./index3.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}getAttributes(){const e=!this.href||this.pressed||this.disabled?void 0:{onClick:()=>location.href=this.href},t=e?{role:"link"}:void 0,i=this.pressed&&!this.disabled?{"aria-current":"step"}:void 0,r=this.pressed||""===this.href?{tabIndex:-1}:void 0;return Object.assign(Object.assign(Object.assign(Object.assign({},e),t),i),r)}render(){return i(r,{key:"0cb2bcffcfb910b70307e5a7b04492e7203887f9",role:"listitem"},i("button",Object.assign({key:"01af9b8559a9fb830cb4ff5e9b5af414c518e720",class:"stepper-item",disabled:this.disabled},this.getAttributes()),i("div",{key:"94ef13762bc9ce63b8bfdb98c39a720a2037efa7",class:"indicator"},this.checked?i("z-icon",{name:"checkmark"}):this.index),i("span",{key:"2bb267586d494bf4dcecdcfe3efd11586a3457b3"},i("slot",{key:"f8b3457eeb4addc3188c09e3b6fdd4817064158b"}))))}static get style(){return':host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:""}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}:host([pressed]),:host([pressed]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-hover-primary);background:var(--color-hover-primary);color:var(--color-text-inverse)}:host([href]:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-default-success);color:var(--color-default-success)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-default-success)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}'}},[257,"z-stepper-item",{index:[514],href:[513],pressed:[516],checked:[516],disabled:[516]}]),s=a,n=function(){"undefined"!=typeof customElements&&["z-stepper-item","z-icon"].forEach((e=>{switch(e){case"z-stepper-item":customElements.get(o(e))||customElements.define(o(e),a);break;case"z-icon":customElements.get(o(e))||c()}}))};export{s as ZStepperItem,n as defineCustomElement}

package/dist/components/z-stepper.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as n,Host as i,transformTag as s}from"@stencil/core/internal/client";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(i,{key:"ebb63998048529b08157000dd0b6e444732ccb28",role:"navigation"},n("slot",{key:"14743c8ee6a293c944b32b522ff78e763be263c2"}))}static get style(){return":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}"}},[257,"z-stepper"]),r=o,a=function(){"undefined"!=typeof customElements&&["z-stepper"].forEach((e=>{"z-stepper"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{r as ZStepper,a as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as n,Host as i,transformTag as s}from"@stencil/core/internal/client";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(i,{key:"31e5a5533c2aa92a12e0799f0fe576eb0e22d75e",role:"navigation"},n("slot",{key:"7851acea6ba207cec933a7565542c5793104ece2"}))}static get style(){return":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}"}},[257,"z-stepper"]),a=o,r=function(){"undefined"!=typeof customElements&&["z-stepper"].forEach((e=>{"z-stepper"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as ZStepper,r as defineCustomElement}

package/dist/components/z-td.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{P as c,e as a,B as l}from"./index2.js";import{d as r}from"./index5.js";import{d as p}from"./index3.js";import{d as h}from"./index17.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.colspanChange=n(this,"colspanChange",6),this.sticky=!1,this.showMenu=null,this.popoverPosition=c.AUTO,this.isMenuOpen=!1}updateColspan(){this.colspan?this.host.style.gridColumn="span "+this.colspan:this.host.style.removeProperty("grid-column"),this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation(),this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return o(s,{key:"65102becbf97d8f480c9e9c140965963e1b829a3",role:"cell","menu-open":this.isMenuOpen},o("div",{key:"a91b370f73c8684038a75db6483ec88dd8b3f4d6",class:"cell--content"},o("slot",{key:"2a9451f11c23f2dae4047b360d8af92606ce3e76"}),this.showMenu&&o("div",{key:"0a4f91d75fce51604253ada3775f06ec9c230ce0",class:"cell--menu-container prevent-expand"},o("z-button",{key:"fe6623726d645f2796ff88246bd887b2e5ec9396",variant:l.TERTIARY,icon:"contextual-menu",size:a.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),o("z-popover",{key:"1ce2729d0209e5218515c52f4425c3f02b05c1bd",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},o("slot",{key:"b060d20d5e15380360f8bab9d502f85eb70a7995",name:"contextual-menu"})))))}get host(){return this}static get watchers(){return{colspan:[{updateColspan:0}]}}static get style(){return':host{position:relative;display:flex;max-width:100%;align-items:center;padding:calc(var(--z-table--cells-padding, calc(var(--space-unit) * 2)));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}'}},[257,"z-td",{colspan:[2],sticky:[516],showMenu:[513,"show-menu"],popoverPosition:[1,"popover-position"],isMenuOpen:[32]},void 0,{colspan:[{updateColspan:0}]}]),u=d,m=function(){"undefined"!=typeof customElements&&["z-td","z-button","z-icon","z-popover"].forEach((e=>{switch(e){case"z-td":customElements.get(i(e))||customElements.define(i(e),d);break;case"z-button":customElements.get(i(e))||r();break;case"z-icon":customElements.get(i(e))||p();break;case"z-popover":customElements.get(i(e))||h()}}))};export{u as ZTd,m as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{P as c,e as a,B as l}from"./index2.js";import{d as r}from"./index5.js";import{d as p}from"./index3.js";import{d}from"./index17.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.colspanChange=n(this,"colspanChange",6),this.sticky=!1,this.showMenu=null,this.popoverPosition=c.AUTO,this.isMenuOpen=!1}updateColspan(){this.colspan?this.host.style.gridColumn="span "+this.colspan:this.host.style.removeProperty("grid-column"),this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation(),this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return o(s,{key:"3de2b08ae7ba78632945b3c7a18c39cbc91dd03f",role:"cell","menu-open":this.isMenuOpen},o("div",{key:"0c281b227221cbd01d76ee8e5909d2ea77071f9a",class:"cell--content"},o("slot",{key:"fb6a90291b513310d4f48ea3a26c5dfe197d6434"}),this.showMenu&&o("div",{key:"dd2c301848ea64effee47f2c5e690eab30259d19",class:"cell--menu-container prevent-expand"},o("z-button",{key:"b010e8ef6fcd68289f1e5599216c416dcf866788",variant:l.TERTIARY,icon:"contextual-menu",size:a.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),o("z-popover",{key:"055d4c47c314f74939b4de3ec60ad43d20beaad2",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},o("slot",{key:"2d097873fe805093434e9b932c0e36082f5a15a5",name:"contextual-menu"})))))}get host(){return this}static get watchers(){return{colspan:[{updateColspan:0}]}}static get style(){return':host{position:relative;display:flex;max-width:100%;align-items:center;padding:calc(var(--z-table--cells-padding, calc(var(--space-unit) * 2)));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}'}},[257,"z-td",{colspan:[2],sticky:[516],showMenu:[513,"show-menu"],popoverPosition:[1,"popover-position"],isMenuOpen:[32]},void 0,{colspan:[{updateColspan:0}]}]),u=h,m=function(){"undefined"!=typeof customElements&&["z-td","z-button","z-icon","z-popover"].forEach((e=>{switch(e){case"z-td":customElements.get(i(e))||customElements.define(i(e),h);break;case"z-button":customElements.get(i(e))||r();break;case"z-icon":customElements.get(i(e))||p();break;case"z-popover":customElements.get(i(e))||d()}}))};export{u as ZTd,m as defineCustomElement}

package/dist/components/z-th.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";import{P as r,S as c,e as a,B as h}from"./index2.js";import{d as l}from"./index5.js";import{d as p}from"./index3.js";import{d as u}from"./index17.js";const d=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sort=e(this,"sort",7),this.showMenu=null,this.showSorting=null,this.sticky=!1,this.sorted=!1,this.popoverPosition=r.AUTO,this.isMenuOpen=!1}get ariaSortDirection(){return this.sortDirection?this.sortDirection===c.ASC?"ascending":"descending":null}handleSort(){this.sortDirection?(this.sortDirection=this.sortDirection===c.ASC?c.DESC:c.ASC,this.sorted=!0,this.sort.emit({sortDirection:this.sortDirection})):this.sorted=!1}updateColspan(){this.colspan?this.host.style.gridColumn="span "+this.colspan:this.host.style.removeProperty("grid-column")}componentWillLoad(){this.updateColspan()}render(){return s(n,{key:"326c1c5968ebd22021f5bc88d3c98cd558c31783",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},s("div",{key:"935a692b283f76362fe5e3cc7cc2f8e38424f407",class:"cell--content"},s("slot",{key:"cce03a04640d1ee72e2e202f7526203136f4bb50"}),this.showSorting&&s("button",{key:"c161a473f0b4e6d6b1a478ad0530c6d0938fc1a1",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},s("z-icon",{key:"4b9b3aab3b0ce9f14c2a181860c834098077dee3",name:this.sortDirection===c.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&s("div",{key:"cd3b0e8a851c8a414229f4976b8a227d99981ce0",class:"cell--menu-container"},s("z-button",{key:"3d37441174ff3ea540c0aec582bc91c7c644c818",variant:h.TERTIARY,icon:"contextual-menu",size:a.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),s("z-popover",{key:"59de83e276e82705588041660e7612080b6636e8",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},s("slot",{key:"c92e8e0a5c617251dc6741ff4d9cbe943f224111",name:"contextual-menu"})))))}get host(){return this}static get watchers(){return{colspan:[{updateColspan:0}]}}static get style(){return':host{position:relative;display:flex;max-width:100%;align-items:center;padding:calc(var(--z-table--cells-padding, calc(var(--space-unit) * 2)));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}.z-th--sort-button:focus,.z-th--sort-button:focus-visible{box-shadow:var(--shadow-focus-primary);opacity:1;outline:none;pointer-events:all}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}'}},[257,"z-th",{colspan:[2],showMenu:[513,"show-menu"],showSorting:[513,"show-sorting"],sticky:[516],sortDirection:[1025,"sort-direction"],sorted:[1540],popoverPosition:[1,"popover-position"],isMenuOpen:[32]},void 0,{colspan:[{updateColspan:0}]}]),m=d,b=function(){"undefined"!=typeof customElements&&["z-th","z-button","z-icon","z-popover"].forEach((t=>{switch(t){case"z-th":customElements.get(i(t))||customElements.define(i(t),d);break;case"z-button":customElements.get(i(t))||l();break;case"z-icon":customElements.get(i(t))||p();break;case"z-popover":customElements.get(i(t))||u()}}))};export{m as ZTh,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";import{P as r,S as a,e as c,B as h}from"./index2.js";import{d as l}from"./index5.js";import{d as p}from"./index3.js";import{d as u}from"./index17.js";const d=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sort=e(this,"sort",7),this.showMenu=null,this.showSorting=null,this.sticky=!1,this.sorted=!1,this.popoverPosition=r.AUTO,this.isMenuOpen=!1}get ariaSortDirection(){return this.sortDirection?this.sortDirection===a.ASC?"ascending":"descending":null}handleSort(){this.sortDirection?(this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC,this.sorted=!0,this.sort.emit({sortDirection:this.sortDirection})):this.sorted=!1}updateColspan(){this.colspan?this.host.style.gridColumn="span "+this.colspan:this.host.style.removeProperty("grid-column")}componentWillLoad(){this.updateColspan()}render(){return s(n,{key:"deec9e49e024f48b68fe8f54ebb141dcc2b19ec1",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},s("div",{key:"65fefbfef58a64f3287a2f1b5defd301392bba2b",class:"cell--content"},s("slot",{key:"a88011856bacb3b2e0875ed46b8b1468660e5b31"}),this.showSorting&&s("button",{key:"46f462137de04bb88eda2e14767660fc4629f087",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},s("z-icon",{key:"bcfe38f7ff932f2074dad3ab11b5df5867292654",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&s("div",{key:"90ccc4ecc6f49f8d41a45c9979fabebfd8bcad01",class:"cell--menu-container"},s("z-button",{key:"58b57db3a7129b6a811eca6f014a7b2c02050a41",variant:h.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),s("z-popover",{key:"927004bdbc077e358c00b765d58b64a70f95c83d",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},s("slot",{key:"3b5dbcb8631fa4383366ff718c7e9a080b7ca3be",name:"contextual-menu"})))))}get host(){return this}static get watchers(){return{colspan:[{updateColspan:0}]}}static get style(){return':host{position:relative;display:flex;max-width:100%;align-items:center;padding:calc(var(--z-table--cells-padding, calc(var(--space-unit) * 2)));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}.z-th--sort-button:focus,.z-th--sort-button:focus-visible{box-shadow:var(--shadow-focus-primary);opacity:1;outline:none;pointer-events:all}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}'}},[257,"z-th",{colspan:[2],showMenu:[513,"show-menu"],showSorting:[513,"show-sorting"],sticky:[516],sortDirection:[1025,"sort-direction"],sorted:[1540],popoverPosition:[1,"popover-position"],isMenuOpen:[32]},void 0,{colspan:[{updateColspan:0}]}]),b=d,m=function(){"undefined"!=typeof customElements&&["z-th","z-button","z-icon","z-popover"].forEach((t=>{switch(t){case"z-th":customElements.get(i(t))||customElements.define(i(t),d);break;case"z-button":customElements.get(i(t))||l();break;case"z-icon":customElements.get(i(t))||p();break;case"z-popover":customElements.get(i(t))||u()}}))};export{b as ZTh,m as defineCustomElement}

package/dist/components/z-toast-notification-list.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as i,transformTag as s}from"@stencil/core/internal/client";import{s as n}from"./index2.js";const e=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.position=n.TOP_RIGHT,this.newestontop=!0,this.notificationArray=[]}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))}slotChangeHandler(){const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}render(){return i("slot",{key:"9c4418dc9b3f94c7fb935bc5544338c54a974910",name:"toasts"})}get hostElement(){return this}static get watchers(){return{newestontop:[{watchPropNewestontop:0}]}}static get style(){return':host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}'}},[257,"z-toast-notification-list",{position:[513],newestontop:[4]},void 0,{newestontop:[{watchPropNewestontop:0}]}]),a=e,l=function(){"undefined"!=typeof customElements&&["z-toast-notification-list"].forEach((t=>{"z-toast-notification-list"===t&&(customElements.get(s(t))||customElements.define(s(t),e))}))};export{a as ZToastNotificationList,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,h as e,transformTag as i}from"@stencil/core/internal/client";import{s}from"./index2.js";const n=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.position=s.TOP_RIGHT,this.newestontop=!0,this.notificationArray=[]}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))}slotChangeHandler(){const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}render(){return e("slot",{key:"8219e6e96e73aee72df4e2d8d2e0e9155e8f7a2e",name:"toasts"})}get hostElement(){return this}static get watchers(){return{newestontop:[{watchPropNewestontop:0}]}}static get style(){return':host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}'}},[257,"z-toast-notification-list",{position:[513],newestontop:[4]},void 0,{newestontop:[{watchPropNewestontop:0}]}]),a=n,l=function(){"undefined"!=typeof customElements&&["z-toast-notification-list"].forEach((t=>{"z-toast-notification-list"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))};export{a as ZToastNotificationList,l as defineCustomElement}