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

package/dist/components/z-info-box.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as t,createEvent as e,h as i,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const r=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.infoBoxClose=e(this,"infoBoxClose",7),this.isclosable=!0}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return i("div",{key:"fd98793fba98d03112f68de408227ecc8576ff1d",id:this.boxid},i("slot",{key:"2bee1952cbc660bb9ff8bdbd0945e01f9204e019",name:"content"}),this.isclosable&&i("z-icon",{key:"ec6380fd48bb52fb1aabca5d22af5641be539cf4",name:"multiply","data-action":"infoBoxClose",onClick:()=>this.emitInfoBoxClose()}))}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}"}},[257,"z-info-box",{boxid:[1],isclosable:[4]}]),c=r,a=function(){"undefined"!=typeof customElements&&["z-info-box","z-icon"].forEach((o=>{switch(o){case"z-info-box":customElements.get(s(o))||customElements.define(s(o),r);break;case"z-icon":customElements.get(s(o))||n()}}))};export{c as ZInfoBox,a as defineCustomElement}
+import{proxyCustomElement as o,HTMLElement as t,createEvent as i,h as e,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const a=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.infoBoxClose=i(this,"infoBoxClose",7),this.isclosable=!0}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return e("div",{key:"c3062d082fff5558ebcc44b6c15feaa9d4fdf9f9",id:this.boxid},e("slot",{key:"d4d4b0bdb644a777c22489afa52c990748bf1da7",name:"content"}),this.isclosable&&e("z-icon",{key:"4b02226c9a11e800ad1ac956471683f4546d39c3",name:"multiply","data-action":"infoBoxClose",onClick:()=>this.emitInfoBoxClose()}))}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}"}},[257,"z-info-box",{boxid:[1],isclosable:[4]}]),r=a,c=function(){"undefined"!=typeof customElements&&["z-info-box","z-icon"].forEach((o=>{switch(o){case"z-info-box":customElements.get(s(o))||customElements.define(s(o),a);break;case"z-icon":customElements.get(s(o))||n()}}))};export{r as ZInfoBox,c as defineCustomElement}

package/dist/components/z-logo.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as L,h as i,Host as o,transformTag as e}from"@stencil/core/internal/client";const l=t(class extends L{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){const t={};return this.width&&(t.width=t["max-width"]=this.width+"px"),this.height&&(t.height=t["max-height"]=this.height+"px"),i(o,{key:"649a64cb6a489dd102212f138c42446b3b1dbd79",style:t,class:{mobile:!!this.mobileLogo}},this.link?i("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},i("img",{alt:this.imageAlt})):i("img",{alt:this.imageAlt}))}static get style(){return":host{display:inline-block;width:255px;height:64px;vertical-align:top}img{display:block;width:100%;height:100%;margin:auto;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}"}},[1,"z-logo",{width:[2],height:[2],imageAlt:[1,"image-alt"],link:[1],targetBlank:[4,"target-blank"],mobileLogo:[4,"mobile-logo"]}]),s=l,n=function(){"undefined"!=typeof customElements&&["z-logo"].forEach((t=>{"z-logo"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))};export{s as ZLogo,n as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,h as i,Host as L,transformTag as e}from"@stencil/core/internal/client";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){const t={};return this.width&&(t.width=t["max-width"]=this.width+"px"),this.height&&(t.height=t["max-height"]=this.height+"px"),i(L,{key:"9401038e196d731be0ca5b2727f58b68fb47442c",style:t,class:{mobile:!!this.mobileLogo}},this.link?i("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},i("img",{alt:this.imageAlt})):i("img",{alt:this.imageAlt}))}static get style(){return":host{display:inline-block;width:255px;height:64px;vertical-align:top}img{display:block;width:100%;height:100%;margin:auto;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}a:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}"}},[1,"z-logo",{width:[2],height:[2],imageAlt:[1,"image-alt"],link:[1],targetBlank:[4,"target-blank"],mobileLogo:[4,"mobile-logo"]}]),s=l,n=function(){"undefined"!=typeof customElements&&["z-logo"].forEach((t=>{"z-logo"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))};export{s as ZLogo,n as defineCustomElement}

package/dist/components/z-menu-deprecated.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as i,Host as o,transformTag as a}from"@stencil/core/internal/client";import{d as l}from"./index3.js";const s=e(class extends t{toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(e){this.floating&&this.open&&!this.hostElement.contains(e.target)&&(this.reflow(),this.open=!1,this.closed.emit())}onOpenChanged(){this.open?this.reflow(!0):cancelAnimationFrame(this.raf)}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.opened=n(this,"opened",7),this.closed=n(this,"closed",7),this.floating=!1,this.open=!1,this.verticalContext=!1,this.toggle=this.toggle.bind(this),this.checkContent=this.checkContent.bind(this),this.onLabelSlotChange=this.onLabelSlotChange.bind(this),this.onItemsChange=this.onItemsChange.bind(this)}componentWillLoad(){this.checkContent()}onLabelSlotChange(e){const t=e.target.assignedElements()[0];t.dataset.text=null==t?void 0:t.textContent}reflow(e=!1){if(this.content){const{style:e}=this.content,{left:t}=this.hostElement.getBoundingClientRect(),n=getComputedStyle(this.content).width,i=n?parseFloat(n.replace("px","")):375;e.left=Math.min(window.innerWidth-t-i-30,0)+"px"}e&&(this.raf=requestAnimationFrame(this.reflow.bind(this,e)))}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length,this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader}onItemsChange(){this.checkContent(),this.hostElement.querySelectorAll("[slot=item]").forEach((e=>{e.setAttribute("role","menuitem"),e.dataset.text=e.textContent}))}renderMenuLabel(){return this.hasContent?i("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},i("div",{class:"menu-label-content"},i("slot",{onSlotchange:this.onLabelSlotChange}),i("z-icon",{name:this.open?"chevron-up":"chevron-down"}))):i("div",{class:"menu-label"},i("div",{class:"menu-label-content"},i("slot",{onSlotchange:this.onLabelSlotChange})))}render(){return i(o,{key:"c0cc18338db770e7b369bce7e469445219326566"},this.renderMenuLabel(),this.hasContent&&i("div",{key:"c895c377c1cc572c18bbc56e9cb8c513346d1ae4",class:"content",ref:e=>this.content=e},this.hasHeader&&i("header",{key:"17df894168c27a4ec0599d10bb885761b5eded54",class:"header"},i("slot",{key:"d50f55ef51bdf388a75bc8739c29a58f32c6b316",name:"header",onSlotchange:this.checkContent})),i("div",{key:"948157a99d60c696fa97b8b904366dc0992e87da",class:"items",role:"menu"},i("slot",{key:"e93150d2a5e7c1e33d7cfe8f297e9990e0d5c01e",name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return this}static get watchers(){return{open:[{onOpenChanged:0}]}}static get style(){return':host,::slotted(*),*{box-sizing:border-box}:host{position:relative;display:inline-flex;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-primary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-primary01);font-weight:var(--font-bd)}'}},[257,"z-menu-deprecated",{active:[516],floating:[516],open:[1540],verticalContext:[516,"vertical-context"],hasHeader:[32],hasContent:[32]},[[4,"click","handleClick"]],{open:[{onOpenChanged:0}]}]),c=s,r=function(){"undefined"!=typeof customElements&&["z-menu-deprecated","z-icon"].forEach((e=>{switch(e){case"z-menu-deprecated":customElements.get(a(e))||customElements.define(a(e),s);break;case"z-icon":customElements.get(a(e))||l()}}))};export{c as ZMenuDeprecated,r as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as i,Host as o,transformTag as a}from"@stencil/core/internal/client";import{d as l}from"./index3.js";const s=e(class extends t{toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(e){this.floating&&this.open&&!this.hostElement.contains(e.target)&&(this.reflow(),this.open=!1,this.closed.emit())}onOpenChanged(){this.open?this.reflow(!0):cancelAnimationFrame(this.raf)}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.opened=n(this,"opened",7),this.closed=n(this,"closed",7),this.floating=!1,this.open=!1,this.verticalContext=!1,this.toggle=this.toggle.bind(this),this.checkContent=this.checkContent.bind(this),this.onLabelSlotChange=this.onLabelSlotChange.bind(this),this.onItemsChange=this.onItemsChange.bind(this)}componentWillLoad(){this.checkContent()}onLabelSlotChange(e){const t=e.target.assignedElements()[0];t.dataset.text=null==t?void 0:t.textContent}reflow(e=!1){if(this.content){const{style:e}=this.content,{left:t}=this.hostElement.getBoundingClientRect(),n=getComputedStyle(this.content).width,i=n?parseFloat(n.replace("px","")):375;e.left=Math.min(window.innerWidth-t-i-30,0)+"px"}e&&(this.raf=requestAnimationFrame(this.reflow.bind(this,e)))}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length,this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader}onItemsChange(){this.checkContent(),this.hostElement.querySelectorAll("[slot=item]").forEach((e=>{e.setAttribute("role","menuitem"),e.dataset.text=e.textContent}))}renderMenuLabel(){return this.hasContent?i("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},i("div",{class:"menu-label-content"},i("slot",{onSlotchange:this.onLabelSlotChange}),i("z-icon",{name:this.open?"chevron-up":"chevron-down"}))):i("div",{class:"menu-label"},i("div",{class:"menu-label-content"},i("slot",{onSlotchange:this.onLabelSlotChange})))}render(){return i(o,{key:"dde3e828c6617646ed848e91c53dc624fc23bc2d"},this.renderMenuLabel(),this.hasContent&&i("div",{key:"9888a27020733770e87e87f2ac6193dc0430e36b",class:"content",ref:e=>this.content=e},this.hasHeader&&i("header",{key:"09a21728b3cfc859dbdf59b2441326a610c2869f",class:"header"},i("slot",{key:"72bbb4073b1e76569770dc7089526e9f9b055089",name:"header",onSlotchange:this.checkContent})),i("div",{key:"f53e86dea26861a62f3e924e67f14c97e42f7861",class:"items",role:"menu"},i("slot",{key:"2b6e230e79f472828b85ba40281c9781a14dcef6",name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return this}static get watchers(){return{open:[{onOpenChanged:0}]}}static get style(){return':host,::slotted(*),*{box-sizing:border-box}:host{--z-menu-label-color:var(--color-default-text);position:relative;display:inline-flex;flex-direction:column}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-primary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-primary01);font-weight:var(--font-bd)}'}},[257,"z-menu-deprecated",{active:[516],floating:[516],open:[1540],verticalContext:[516,"vertical-context"],hasHeader:[32],hasContent:[32]},[[4,"click","handleClick"]],{open:[{onOpenChanged:0}]}]),c=s,r=function(){"undefined"!=typeof customElements&&["z-menu-deprecated","z-icon"].forEach((e=>{switch(e){case"z-menu-deprecated":customElements.get(a(e))||customElements.define(a(e),s);break;case"z-icon":customElements.get(a(e))||l()}}))};export{c as ZMenuDeprecated,r as defineCustomElement}

package/dist/components/z-menu-section-deprecated.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as i,Host as s,transformTag as a}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.opened=o(this,"opened",7),this.closed=o(this,"closed",7)}toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(e){this.open&&!this.hostElement.contains(e.target)&&(this.open=!1,this.closed.emit())}checkContent(){this.hasContent=this.hostElement.querySelectorAll('[slot="item"]').length>0}onLabelSlotChange(e){const t=e.target.assignedElements()[0];t.dataset.text=(null==t?void 0:t.innerText)||null}componentWillLoad(){this.checkContent()}render(){return i(s,{key:"9c0afdf0decad8a1eb51ba90c1fa1cb3bcbfa321",role:"menu",open:this.open},i("button",{key:"79ddfb8c44ef6a47fad56cf2f2a1c5ea6ee4bd5a",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},i("slot",{key:"3027b6975681544c8e2fef1c6f59be689664e26e",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&i("z-icon",{key:"9de3a8659409445f8bf781498ecc1dd2d2691d6c",name:this.open?"chevron-up":"chevron-down"})),this.open&&i("div",{key:"d5aa04822af0e9e9c07b6ee72bde0b875d2bafbb",class:"items"},i("slot",{key:"ca7eaac55e80903beb3d49373bbb28ca24f4e034",name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return this}static get style(){return':host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:is([active],[open])) .label,.label:hover{border-color:var(--color-primary01)}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}.label{display:flex;width:100%;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items>::slotted([slot="item"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"][active]){color:var(--color-primary01);font-weight:var(--font-bd)}'}},[257,"z-menu-section-deprecated",{active:[516],open:[32],hasContent:[32]},[[4,"click","handleClick"]]]),c=l,r=function(){"undefined"!=typeof customElements&&["z-menu-section-deprecated","z-icon"].forEach((e=>{switch(e){case"z-menu-section-deprecated":customElements.get(a(e))||customElements.define(a(e),l);break;case"z-icon":customElements.get(a(e))||n()}}))};export{c as ZMenuSectionDeprecated,r as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as i,Host as s,transformTag as a}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.opened=o(this,"opened",7),this.closed=o(this,"closed",7)}toggle(){this.hasContent&&(this.open=!this.open,this.open?this.opened.emit():this.closed.emit())}handleClick(t){this.open&&!this.hostElement.contains(t.target)&&(this.open=!1,this.closed.emit())}checkContent(){this.hasContent=this.hostElement.querySelectorAll('[slot="item"]').length>0}onLabelSlotChange(t){const e=t.target.assignedElements()[0];e.dataset.text=(null==e?void 0:e.innerText)||null}componentWillLoad(){this.checkContent()}render(){return i(s,{key:"a65fd5af1f2b3b6c9d21c30336b806395624af59",role:"menu",open:this.open},i("button",{key:"88460e785ca428d4a40f4dc9bdd56194a2b64d3e",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},i("slot",{key:"b0198e42f9819b2e9c622d4672510d7a9584a1b1",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&i("z-icon",{key:"6b6f41288e53ef83b6817eda49e1a77135552345",name:this.open?"chevron-up":"chevron-down"})),this.open&&i("div",{key:"7721c370a48044d60749f366a718ca266d9afc73",class:"items"},i("slot",{key:"1738da8320d0931abaf8a7dd854456e28bba9781",name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return this}static get style(){return':host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:is([active],[open])) .label,.label:hover{border-color:var(--color-primary01)}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}.label{display:flex;width:100%;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items>::slotted([slot="item"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"][active]){color:var(--color-primary01);font-weight:var(--font-bd)}'}},[257,"z-menu-section-deprecated",{active:[516],open:[32],hasContent:[32]},[[4,"click","handleClick"]]]),r=l,c=function(){"undefined"!=typeof customElements&&["z-menu-section-deprecated","z-icon"].forEach((t=>{switch(t){case"z-menu-section-deprecated":customElements.get(a(t))||customElements.define(a(t),l);break;case"z-icon":customElements.get(a(t))||n()}}))};export{r as ZMenuSectionDeprecated,c as defineCustomElement}

package/dist/components/z-menu-section.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{g as a}from"./index2.js";import{d as l}from"./index3.js";const h=t(class extends e{get focusableItem(){return this.items.find((({tabIndex:t})=>0===t))}toggle(){this.hasItems&&(this.open=!this.open)}setItemsA11yAttrs(){this.hasItems&&this.items.forEach((t=>{t.setAttribute("role","menuitem"),t.tabIndex=-1}))}onItemsChange(){this.items=Array.from(this.host.querySelectorAll('[slot="section"]')),this.hasItems=this.items.length>0,this.setItemsA11yAttrs()}onLabelSlotChange(t){const e=t.target.assignedElements()[0];e.dataset.text=null==e?void 0:e.textContent}onLabelClick(){this.toggle(),this.setFocus()}onLabelKeydown(t){t.key!==a.ENTER&&t.key!==a.SPACE||(t.preventDefault(),t.stopPropagation(),this.toggle(),this.open&&this.focustFirstItem())}moveFocus(t,e){t.tabIndex=0,setTimeout((()=>{t.focus()}),100),e&&(e.tabIndex=-1)}focustFirstItem(){this.moveFocus(this.items[0])}async focusLastItem(){this.moveFocus(this.items[this.items.length-1])}async setFocus(){this.htmlTabindex=0,setTimeout((()=>{this.label.focus()}),100)}onOpenChange(){this.open?this.opened.emit():(this.setItemsA11yAttrs(),this.closed.emit())}onTabindexChange(){this.label&&(this.label.tabIndex=this.htmlTabindex)}onItemsKeydown(t){switch(t.key){case a.ESC:case a.ARROW_LEFT:if(!this.open)break;t.preventDefault(),t.stopPropagation(),this.moveFocus(this.label,this.focusableItem),this.open=!1;break;case a.ARROW_RIGHT:if(this.open)break;t.preventDefault(),t.stopPropagation(),this.open=!0,this.focustFirstItem();break;case a.ARROW_DOWN:{if(!this.open)break;if(document.activeElement===this.host){t.preventDefault(),t.stopPropagation(),this.focustFirstItem();break}const e=this.items.indexOf(this.focusableItem),s=this.items[e+1];s?(t.preventDefault(),t.stopPropagation(),this.moveFocus(s,this.focusableItem)):(this.htmlTabindex=0,this.focusableItem.tabIndex=-1);break}case a.ARROW_UP:{if(!this.open||document.activeElement===this.host)break;const e=this.items.indexOf(this.focusableItem),s=this.items[e-1];t.preventDefault(),t.stopPropagation(),s?this.moveFocus(s,this.focusableItem):(this.focusableItem.tabIndex=-1,this.setFocus());break}}}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.opened=s(this,"opened",7),this.closed=s(this,"closed",7),this.htmlTabindex=-1,this.toggle=this.toggle.bind(this),this.onItemsChange=this.onItemsChange.bind(this),this.onLabelSlotChange=this.onLabelSlotChange.bind(this),this.onLabelClick=this.onLabelClick.bind(this),this.onLabelKeydown=this.onLabelKeydown.bind(this),this.onItemsKeydown=this.onItemsKeydown.bind(this)}connectedCallback(){this.onItemsChange()}render(){return i(o,{key:"4e6388d5919ca9010c78ef35df6b1c0b807d2dd6",open:this.open},i("button",{key:"4093e9a7ce5cb5cf63ca7012bb44c7b49b638e90",ref:t=>this.label=t,class:"label","aria-haspopup":""+!!this.hasItems,"aria-expanded":""+!!this.open,role:"menuitem",tabindex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},i("slot",{key:"0c88383d5be4c81aee5a78f89e4706a6b167dccb",onSlotchange:this.onLabelSlotChange}),this.hasItems&&i("z-icon",{key:"d32c9dc28048a6d7441075da41cb2f255e5bdc73",name:this.open?"chevron-up":"chevron-down"})),i("div",{key:"0c24a7122314391262e640b440f87dce632eb2f3",class:"items",role:"menu",hidden:!this.open},i("slot",{key:"fe79aa30aaa7d3a92621c6725e4d0ddca604726e",name:"section",onSlotchange:this.onItemsChange})))}get host(){return this}static get watchers(){return{open:[{onOpenChange:0}],htmlTabindex:[{onTabindexChange:0}]}}static get style(){return':host{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.label{display:flex;width:100%;align-items:center;padding:var(--space-unit) 0;border:0;border-bottom:var(--border-size-small) solid var(--color-surface03);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}:host(:last-child:not([open])) .label{border-bottom:none}:host(:is([active],[open])) .label,.label:focus:focus-visible,.label:hover{border-color:var(--color-primary01)}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items[hidden]{display:none}::slotted([slot="section"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-1);line-height:1.333;outline:none}::slotted([slot="section"]:last-of-type){border:none}::slotted([slot="section"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}::slotted([slot="section"]:hover),::slotted([slot="section"]:focus:focus-visible),::slotted([slot="section"]:active),::slotted([slot="section"][active]),::slotted([slot="section"][data-active]){color:var(--color-primary01);font-weight:var(--font-bd)}'}},[257,"z-menu-section",{active:[516],htmlTabindex:[2,"html-tabindex"],open:[1028],hasItems:[32],items:[32],focusLastItem:[64],setFocus:[64]},[[0,"keydown","onItemsKeydown"]],{open:[{onOpenChange:0}],htmlTabindex:[{onTabindexChange:0}]}]),c=h,r=function(){"undefined"!=typeof customElements&&["z-menu-section","z-icon"].forEach((t=>{switch(t){case"z-menu-section":customElements.get(n(t))||customElements.define(n(t),h);break;case"z-icon":customElements.get(n(t))||l()}}))};export{c as ZMenuSection,r as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{g as a}from"./index2.js";import{d as l}from"./index3.js";const h=t(class extends e{get focusableItem(){return this.items.find((({tabIndex:t})=>0===t))}toggle(){this.hasItems&&(this.open=!this.open)}setItemsA11yAttrs(){this.hasItems&&this.items.forEach((t=>{t.setAttribute("role","menuitem"),t.tabIndex=-1}))}onItemsChange(){this.items=Array.from(this.host.querySelectorAll('[slot="section"]')),this.hasItems=this.items.length>0,this.setItemsA11yAttrs()}onLabelSlotChange(t){const e=t.target.assignedElements()[0];e.dataset.text=null==e?void 0:e.textContent}onLabelClick(){this.toggle(),this.setFocus()}onLabelKeydown(t){t.key!==a.ENTER&&t.key!==a.SPACE||(t.preventDefault(),t.stopPropagation(),this.toggle(),this.open&&this.focustFirstItem())}moveFocus(t,e){t.tabIndex=0,setTimeout((()=>{t.focus()}),100),e&&(e.tabIndex=-1)}focustFirstItem(){this.moveFocus(this.items[0])}async focusLastItem(){this.moveFocus(this.items[this.items.length-1])}async setFocus(){this.htmlTabindex=0,setTimeout((()=>{this.label.focus()}),100)}onOpenChange(){this.open?this.opened.emit():(this.setItemsA11yAttrs(),this.closed.emit())}onTabindexChange(){this.label&&(this.label.tabIndex=this.htmlTabindex)}onItemsKeydown(t){switch(t.key){case a.ESC:case a.ARROW_LEFT:if(!this.open)break;t.preventDefault(),t.stopPropagation(),this.moveFocus(this.label,this.focusableItem),this.open=!1;break;case a.ARROW_RIGHT:if(this.open)break;t.preventDefault(),t.stopPropagation(),this.open=!0,this.focustFirstItem();break;case a.ARROW_DOWN:{if(!this.open)break;if(document.activeElement===this.host){t.preventDefault(),t.stopPropagation(),this.focustFirstItem();break}const e=this.items.indexOf(this.focusableItem),s=this.items[e+1];s?(t.preventDefault(),t.stopPropagation(),this.moveFocus(s,this.focusableItem)):(this.htmlTabindex=0,this.focusableItem.tabIndex=-1);break}case a.ARROW_UP:{if(!this.open||document.activeElement===this.host)break;const e=this.items.indexOf(this.focusableItem),s=this.items[e-1];t.preventDefault(),t.stopPropagation(),s?this.moveFocus(s,this.focusableItem):(this.focusableItem.tabIndex=-1,this.setFocus());break}}}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.opened=s(this,"opened",7),this.closed=s(this,"closed",7),this.htmlTabindex=-1,this.toggle=this.toggle.bind(this),this.onItemsChange=this.onItemsChange.bind(this),this.onLabelSlotChange=this.onLabelSlotChange.bind(this),this.onLabelClick=this.onLabelClick.bind(this),this.onLabelKeydown=this.onLabelKeydown.bind(this),this.onItemsKeydown=this.onItemsKeydown.bind(this)}connectedCallback(){this.onItemsChange()}render(){return i(o,{key:"e2584623ee4db0d3b11804dff89a93afa9b2761b",open:this.open},i("button",{key:"21c6cf5558e6a719e56d2af7bbfef31044030394",ref:t=>this.label=t,class:"label","aria-haspopup":""+!!this.hasItems,"aria-expanded":""+!!this.open,role:"menuitem",tabindex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},i("slot",{key:"59d3f4a1306bc8639a2cdddc2be44bd6c49bdd1b",onSlotchange:this.onLabelSlotChange}),this.hasItems&&i("z-icon",{key:"3448e73ef71fd89e861add9bbb6f020d8e873117",name:this.open?"chevron-up":"chevron-down"})),i("div",{key:"93304aead086952a3bf4235216877289b882971d",class:"items",role:"menu",hidden:!this.open},i("slot",{key:"c0258eaedb4fd8b9296570da1eda75108d9c0af0",name:"section",onSlotchange:this.onItemsChange})))}get host(){return this}static get watchers(){return{open:[{onOpenChange:0}],htmlTabindex:[{onTabindexChange:0}]}}static get style(){return':host{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.label{display:flex;width:100%;align-items:center;padding:var(--space-unit) 0;border:0;border-bottom:var(--border-size-small) solid var(--color-surface03);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}:host(:last-child:not([open])) .label{border-bottom:none}:host(:is([active],[open])) .label,.label:focus:focus-visible,.label:hover{border-color:var(--color-primary01)}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items[hidden]{display:none}::slotted([slot="section"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-1);line-height:1.333;outline:none}::slotted([slot="section"]:last-of-type){border:none}::slotted([slot="section"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}::slotted([slot="section"]:hover),::slotted([slot="section"]:focus:focus-visible),::slotted([slot="section"]:active),::slotted([slot="section"][active]),::slotted([slot="section"][data-active]){color:var(--color-primary01);font-weight:var(--font-bd)}'}},[257,"z-menu-section",{active:[516],htmlTabindex:[2,"html-tabindex"],open:[1028],hasItems:[32],items:[32],focusLastItem:[64],setFocus:[64]},[[0,"keydown","onItemsKeydown"]],{open:[{onOpenChange:0}],htmlTabindex:[{onTabindexChange:0}]}]),c=h,r=function(){"undefined"!=typeof customElements&&["z-menu-section","z-icon"].forEach((t=>{switch(t){case"z-menu-section":customElements.get(n(t))||customElements.define(n(t),h);break;case"z-icon":customElements.get(n(t))||l()}}))};export{c as ZMenuSection,r as defineCustomElement}

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 t,createEvent as e,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 d=i(class extends t{emitFlipCard(i=!1){this.flipCard.emit(i)}constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.flipCard=e(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,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,o=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.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(),e,n("br",null),o)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:e,description:o}=this.cardData;return n("z-popover",{position:s.RIGHT,onClick:()=>this.tooltip=!1},`${i} ${t} ${e} ${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:"3607109f95aff2febdb6e28e5aa1db8f6a53ba6e"},this.renderCloseIcon(),n("div",{key:"0f2530af1ddc200434346f5206207a095b778860",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{key:"6526087216d027750bc9946c5f9396f49aa392e3",class:"cta-wrapper"},n("slot",{key:"984995bd7a2f93a57223f074ca9adb2fabcd66a9"})))}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))||a();break;case"z-popover":customElements.get(o(i))||l()}}))};export{c 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-navigation-tabs.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as n,Host as e,transformTag as o}from"@stencil/core/internal/client";import{N as s,a as r,b as l}from"./index2.js";import{d as c}from"./index3.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.selected=a(this,"selected",7),this.ariaLabel="",this.orientation=s.HORIZONTAL,this.size=r.BIG,this.selectedTab=void 0,this.focusedTab=void 0}get direction(){return this.orientation==s.HORIZONTAL?"Left":"Top"}get dimension(){return this.orientation==s.HORIZONTAL?"Width":"Height"}get tabs(){return Array.from(this.nav.children)}scrollToTab(t){const i=t.parentElement;i&&setTimeout((()=>{const a=this.orientation===s.HORIZONTAL,n=i.getBoundingClientRect(),e=t.getBoundingClientRect(),o=(a?e.left-n.left:e.top-n.top)-(a?i.clientWidth:i.clientHeight)/2+(a?t.clientWidth:t.clientHeight)/2;i.scrollTo({[a?"left":"top"]:i[a?"scrollLeft":"scrollTop"]+o,behavior:"smooth"})}),100)}navigateBackwards(){this.nav.scrollBy({[this.direction.toLowerCase()]:0-this.nav["client"+this.dimension]/2,behavior:"smooth"})}navigateForward(){this.nav.scrollBy({[this.direction.toLowerCase()]:this.nav["scroll"+this.direction]+this.nav["client"+this.dimension]/2,behavior:"smooth"})}isArrowNavigation(t){return Object.values(l).includes(t.key)}checkScrollVisible(){this.nav&&(this.canNavigate=this.nav["scroll"+this.dimension]>this.nav["client"+this.dimension])}checkScrollEnabled(){this.nav&&(this.canNavigateNext=this.nav["scroll"+this.direction]+this.nav["client"+this.dimension]<this.nav["scroll"+this.dimension],this.canNavigatePrev=this.nav["scroll"+this.direction]>0)}onTabSelected(){this.tabs.forEach(((t,i)=>{const a=t.querySelector("z-icon"),n=null==a?void 0:a.name.replace("-filled","");if(i!==this.selectedTab)return t.setAttribute("aria-selected","false"),t.tabIndex=-1,void(a&&(a.name=n));a&&(a.name=n+"-filled"),t.setAttribute("aria-selected","true")})),this.selected.emit(this.selectedTab),void 0!==this.selectedTab&&this.scrollToTab(this.tabs[this.selectedTab])}handleTabClick(t){const i=t.target.closest("[role='tab']");this.tabs.some((t=>t.contains(i)))&&(this.selectedTab=this.tabs.indexOf(i))}onTabFocusIn(t){const i=this.tabs.findIndex((i=>i.contains(t.target)));-1!==i&&(void 0!==this.selectedTab&&(this.tabs[this.selectedTab].tabIndex=-1),this.focusedTab=i,this.tabs[this.focusedTab].tabIndex=-1,this.scrollToTab(this.tabs[this.focusedTab]))}navigateThroughTabs(t){return!this.tabs.some((i=>i.contains(t.target)))||!this.isArrowNavigation(t)||(t.preventDefault(),t.key===l.RIGHT&&this.orientation==s.HORIZONTAL||t.key===l.DOWN&&this.orientation==s.VERTICAL?(this.focusedTab++,this.focusedTab>=this.tabs.length&&(this.focusedTab=0)):(t.key===l.LEFT&&this.orientation==s.HORIZONTAL||t.key===l.UP&&this.orientation==s.VERTICAL)&&(this.focusedTab--,this.focusedTab<0&&(this.focusedTab=this.tabs.length-1)),this.tabs[this.focusedTab].hasAttribute("disabled")&&"false"!==this.tabs[this.focusedTab].getAttribute("disabled")?this.navigateThroughTabs(t):(this.tabs[this.focusedTab].focus(),void this.scrollToTab(this.tabs[this.focusedTab])))}onTabFocusOut(t){var i;this.tabs.some((i=>i.contains(t.relatedTarget)))||(this.tabs[null!==(i=this.selectedTab)&&void 0!==i?i:0].tabIndex=0,this.focusedTab=void 0)}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.checkScrollVisible()))}componentDidLoad(){var t;this.tabs.forEach((t=>{t.setAttribute("role","tab"),t.tabIndex=-1}));const i=null!==(t=this.selectedTab)&&void 0!==t?t:this.tabs.findIndex((t=>"true"===t.ariaSelected));-1!==i?(this.selectedTab=i,this.tabs[i].tabIndex=0,this.onTabSelected()):this.tabs[0].tabIndex=0,this.resizeObserver.observe(this.nav)}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){return n(e,{key:"761584de624112312c9be881390dac16efd76e80",class:{"interactive-2":this.size===r.SMALL,"interactive-1":this.size!==r.SMALL},scrollable:this.canNavigate},n("button",{key:"450c0b481e8d776a079244036702521c772a385a",class:"navigation-button",onClick:this.navigateBackwards.bind(this),tabIndex:-1,disabled:!this.canNavigatePrev,"aria-label":"Mostra elementi precedenti",hidden:!this.canNavigate},n("z-icon",{key:"354b37e5367bc03ba1d2551793c62c932b0eb5cb",name:this.orientation===s.HORIZONTAL?"chevron-left":"chevron-up",width:16,height:16})),n("nav",{key:"ca1996b8e92beecacb4ce6a9446efa7478f93d79",role:"tablist","aria-label":this.ariaLabel,ref:t=>this.nav=null!=t?t:this.nav,onScroll:this.checkScrollEnabled.bind(this),"aria-orientation":this.orientation},n("slot",{key:"7f0f849a6d5e898c246efe58b4582e6c7320fb48"})),n("button",{key:"cb2beffc86bfbac8f196cc783648a48020021270",class:"navigation-button",onClick:this.navigateForward.bind(this),tabIndex:-1,disabled:!this.canNavigateNext,"aria-label":"Mostra elementi successivi",hidden:!this.canNavigate},n("z-icon",{key:"ccb768726c813cb0fd7e49c1a0c30c1bbb4961b9",name:this.orientation===s.HORIZONTAL?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return this}static get watchers(){return{canNavigate:[{checkScrollEnabled:0}],selectedTab:[{onTabSelected:0}]}}static get style(){return'z-navigation-tabs{position:relative;z-index:0;display:flex;overflow:hidden;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}z-navigation-tabs,z-navigation-tabs *{box-sizing:border-box}z-navigation-tabs>nav::-webkit-scrollbar{display:none}z-navigation-tabs .navigation-button{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));border-radius:var(--border-no-radius);box-shadow:0 0 4px 1px var(--shadow-color-base);cursor:pointer;fill:var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));outline:none}z-navigation-tabs .navigation-button:disabled{display:none}z-navigation-tabs>nav{z-index:0;display:flex;overflow:auto;align-items:center;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}z-navigation-tabs[orientation="horizontal"]>nav{width:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button{top:0;width:calc(var(--space-unit) * 4);height:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button:first-child{left:0}z-navigation-tabs[orientation="horizontal"] .navigation-button:last-child{right:0}z-navigation-tabs[orientation="vertical"]{width:fit-content;flex-direction:column}z-navigation-tabs[orientation="vertical"]>nav{height:100%;flex-direction:column;align-items:stretch}z-navigation-tabs[orientation="vertical"] .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}z-navigation-tabs[orientation="vertical"] .navigation-button:first-child{top:0}z-navigation-tabs[orientation="vertical"] .navigation-button:last-child{bottom:0}z-navigation-tabs[size="small"][orientation="vertical"] .navigation-button{height:calc(var(--space-unit) * 4)}z-navigation-tabs>nav>*{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;gap:var(--space-unit);letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tabs>nav>a{text-decoration:none}z-navigation-tabs>nav>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 2px 2px var(--shadow-color-base)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-background)}z-navigation-tabs>nav>button[disabled]{color:var(--color-disabled03);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tabs>nav>:not([disabled]):hover,nav>[aria-selected="true"]{color:var(--color-hover-primary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected="true"]::after{position:absolute;background-color:var(--color-hover-primary);content:""}z-navigation-tabs[orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="horizontal"]>nav>[aria-selected="true"]::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tabs>nav>* z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[size="small"][orientation="horizontal"]>nav>[aria-selected="true"]::after{height:var(--border-size-medium)}z-navigation-tabs[size="small"]:not([orientation="vertical"])>nav>* z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tabs[orientation="vertical"]>nav>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tabs[orientation="vertical"]>nav>*>:not(z-icon){display:none}z-navigation-tabs[orientation="vertical"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="vertical"]>nav>[aria-selected="true"]::after{top:0;right:0;width:var(--border-size-large);height:100%}'}},[260,"z-navigation-tabs",{ariaLabel:[1,"aria-label"],orientation:[513],size:[513],selectedTab:[1026,"selected-tab"],canNavigate:[32],canNavigatePrev:[32],canNavigateNext:[32]},[[0,"click","handleTabClick"],[0,"focusin","onTabFocusIn"],[0,"keydown","navigateThroughTabs"],[0,"focusout","onTabFocusOut"]],{canNavigate:[{checkScrollEnabled:0}],selectedTab:[{onTabSelected:0}]}]),v=h,b=function(){"undefined"!=typeof customElements&&["z-navigation-tabs","z-icon"].forEach((t=>{switch(t){case"z-navigation-tabs":customElements.get(o(t))||customElements.define(o(t),h);break;case"z-icon":customElements.get(o(t))||c()}}))};export{v as ZNavigationTabs,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as n,Host as e,transformTag as o}from"@stencil/core/internal/client";import{N as s,a as r,b as l}from"./index2.js";import{d as c}from"./index3.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.selected=a(this,"selected",7),this.ariaLabel="",this.orientation=s.HORIZONTAL,this.size=r.BIG,this.selectedTab=void 0,this.focusedTab=void 0}get direction(){return this.orientation==s.HORIZONTAL?"Left":"Top"}get dimension(){return this.orientation==s.HORIZONTAL?"Width":"Height"}get tabs(){return Array.from(this.nav.children)}scrollToTab(t){const i=t.parentElement;i&&setTimeout((()=>{const a=this.orientation===s.HORIZONTAL,n=i.getBoundingClientRect(),e=t.getBoundingClientRect(),o=(a?e.left-n.left:e.top-n.top)-(a?i.clientWidth:i.clientHeight)/2+(a?t.clientWidth:t.clientHeight)/2;i.scrollTo({[a?"left":"top"]:i[a?"scrollLeft":"scrollTop"]+o,behavior:"smooth"})}),100)}navigateBackwards(){this.nav.scrollBy({[this.direction.toLowerCase()]:0-this.nav["client"+this.dimension]/2,behavior:"smooth"})}navigateForward(){this.nav.scrollBy({[this.direction.toLowerCase()]:this.nav["scroll"+this.direction]+this.nav["client"+this.dimension]/2,behavior:"smooth"})}isArrowNavigation(t){return Object.values(l).includes(t.key)}checkScrollVisible(){this.nav&&(this.canNavigate=this.nav["scroll"+this.dimension]>this.nav["client"+this.dimension])}checkScrollEnabled(){this.nav&&(this.canNavigateNext=this.nav["scroll"+this.direction]+this.nav["client"+this.dimension]<this.nav["scroll"+this.dimension],this.canNavigatePrev=this.nav["scroll"+this.direction]>0)}onTabSelected(){this.tabs.forEach(((t,i)=>{const a=t.querySelector("z-icon"),n=null==a?void 0:a.name.replace("-filled","");if(i!==this.selectedTab)return t.setAttribute("aria-selected","false"),t.tabIndex=-1,void(a&&(a.name=n));a&&(a.name=n+"-filled"),t.setAttribute("aria-selected","true")})),this.selected.emit(this.selectedTab),void 0!==this.selectedTab&&this.scrollToTab(this.tabs[this.selectedTab])}handleTabClick(t){const i=t.target.closest("[role='tab']");this.tabs.some((t=>t.contains(i)))&&(this.selectedTab=this.tabs.indexOf(i))}onTabFocusIn(t){const i=this.tabs.findIndex((i=>i.contains(t.target)));-1!==i&&(void 0!==this.selectedTab&&(this.tabs[this.selectedTab].tabIndex=-1),this.focusedTab=i,this.tabs[this.focusedTab].tabIndex=-1,this.scrollToTab(this.tabs[this.focusedTab]))}navigateThroughTabs(t){return!this.tabs.some((i=>i.contains(t.target)))||!this.isArrowNavigation(t)||(t.preventDefault(),t.key===l.RIGHT&&this.orientation==s.HORIZONTAL||t.key===l.DOWN&&this.orientation==s.VERTICAL?(this.focusedTab++,this.focusedTab>=this.tabs.length&&(this.focusedTab=0)):(t.key===l.LEFT&&this.orientation==s.HORIZONTAL||t.key===l.UP&&this.orientation==s.VERTICAL)&&(this.focusedTab--,this.focusedTab<0&&(this.focusedTab=this.tabs.length-1)),this.tabs[this.focusedTab].hasAttribute("disabled")&&"false"!==this.tabs[this.focusedTab].getAttribute("disabled")?this.navigateThroughTabs(t):(this.tabs[this.focusedTab].focus(),void this.scrollToTab(this.tabs[this.focusedTab])))}onTabFocusOut(t){var i;this.tabs.some((i=>i.contains(t.relatedTarget)))||(this.tabs[null!==(i=this.selectedTab)&&void 0!==i?i:0].tabIndex=0,this.focusedTab=void 0)}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.checkScrollVisible()))}componentDidLoad(){var t;this.tabs.forEach((t=>{t.setAttribute("role","tab"),t.tabIndex=-1}));const i=null!==(t=this.selectedTab)&&void 0!==t?t:this.tabs.findIndex((t=>"true"===t.ariaSelected));-1!==i?(this.selectedTab=i,this.tabs[i].tabIndex=0,this.onTabSelected()):this.tabs[0].tabIndex=0,this.resizeObserver.observe(this.nav)}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){return n(e,{key:"fc24983c8706f875f0ca3284ebf57d428cfb5350",class:{"interactive-2":this.size===r.SMALL,"interactive-1":this.size!==r.SMALL},scrollable:this.canNavigate},n("button",{key:"e75513c2024b5db9fa5b5c336cf634084b1509ce",class:"navigation-button",onClick:this.navigateBackwards.bind(this),tabIndex:-1,disabled:!this.canNavigatePrev,"aria-label":"Mostra elementi precedenti",hidden:!this.canNavigate},n("z-icon",{key:"4f14ef83b63b07d488420731a79538c697c44ae1",name:this.orientation===s.HORIZONTAL?"chevron-left":"chevron-up",width:16,height:16})),n("nav",{key:"c851ed409a995bec7867ac028459f9b26de00634",role:"tablist","aria-label":this.ariaLabel,ref:t=>this.nav=null!=t?t:this.nav,onScroll:this.checkScrollEnabled.bind(this),"aria-orientation":this.orientation},n("slot",{key:"c2c3494116a2a32520bc426382785b978b1a59d3"})),n("button",{key:"bd5a087166b94c8bc69a9018cce6b382690861ca",class:"navigation-button",onClick:this.navigateForward.bind(this),tabIndex:-1,disabled:!this.canNavigateNext,"aria-label":"Mostra elementi successivi",hidden:!this.canNavigate},n("z-icon",{key:"6ee22a66878dc029ff70915a2905580c7f14e211",name:this.orientation===s.HORIZONTAL?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return this}static get watchers(){return{canNavigate:[{checkScrollEnabled:0}],selectedTab:[{onTabSelected:0}]}}static get style(){return'z-navigation-tabs{position:relative;z-index:0;display:flex;overflow:hidden;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}z-navigation-tabs,z-navigation-tabs *{box-sizing:border-box}z-navigation-tabs>nav::-webkit-scrollbar{display:none}z-navigation-tabs .navigation-button{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));border-radius:var(--border-no-radius);box-shadow:0 0 4px 1px var(--shadow-color-base);cursor:pointer;fill:var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));outline:none}z-navigation-tabs .navigation-button:disabled{display:none}z-navigation-tabs>nav{z-index:0;display:flex;overflow:auto;align-items:center;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}z-navigation-tabs[orientation="horizontal"]>nav{width:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button{top:0;width:calc(var(--space-unit) * 4);height:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button:first-child{left:0}z-navigation-tabs[orientation="horizontal"] .navigation-button:last-child{right:0}z-navigation-tabs[orientation="vertical"]{width:fit-content;flex-direction:column}z-navigation-tabs[orientation="vertical"]>nav{height:100%;flex-direction:column;align-items:stretch}z-navigation-tabs[orientation="vertical"] .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}z-navigation-tabs[orientation="vertical"] .navigation-button:first-child{top:0}z-navigation-tabs[orientation="vertical"] .navigation-button:last-child{bottom:0}z-navigation-tabs[size="small"][orientation="vertical"] .navigation-button{height:calc(var(--space-unit) * 4)}z-navigation-tabs>nav>*{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;gap:var(--space-unit);letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tabs>nav>a{text-decoration:none}z-navigation-tabs>nav>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 2px 2px var(--shadow-color-base)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-background)}z-navigation-tabs>nav>button[disabled]{color:var(--color-disabled03);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tabs>nav>:not([disabled]):hover,nav>[aria-selected="true"]{color:var(--color-hover-primary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected="true"]::after{position:absolute;background-color:var(--color-hover-primary);content:""}z-navigation-tabs[orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="horizontal"]>nav>[aria-selected="true"]::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tabs>nav>* z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[size="small"][orientation="horizontal"]>nav>[aria-selected="true"]::after{height:var(--border-size-medium)}z-navigation-tabs[size="small"]:not([orientation="vertical"])>nav>* z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tabs[orientation="vertical"]>nav>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tabs[orientation="vertical"]>nav>*>:not(z-icon){display:none}z-navigation-tabs[orientation="vertical"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="vertical"]>nav>[aria-selected="true"]::after{top:0;right:0;width:var(--border-size-large);height:100%}'}},[260,"z-navigation-tabs",{ariaLabel:[1,"aria-label"],orientation:[513],size:[513],selectedTab:[1026,"selected-tab"],canNavigate:[32],canNavigatePrev:[32],canNavigateNext:[32]},[[0,"click","handleTabClick"],[0,"focusin","onTabFocusIn"],[0,"keydown","navigateThroughTabs"],[0,"focusout","onTabFocusOut"]],{canNavigate:[{checkScrollEnabled:0}],selectedTab:[{onTabSelected:0}]}]),v=h,d=function(){"undefined"!=typeof customElements&&["z-navigation-tabs","z-icon"].forEach((t=>{switch(t){case"z-navigation-tabs":customElements.get(o(t))||customElements.define(o(t),h);break;case"z-icon":customElements.get(o(t))||c()}}))};export{v as ZNavigationTabs,d 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 s}from"./index3.js";const c=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:"05288cf38255e2b7ee8567ea735cc073d2cae4a1"},i("div",{key:"8b737c2201659e6b50911c4a83a5d6eae4facf46",class:"main-container"},this.contenticonname&&i("z-icon",{key:"d91f0f38d124dd0f61ce14e3607e3eb0fa4b6650",class:"status-icon",name:this.contenticonname,width:16,height:16}),i("div",{key:"bf7b392e4001b37272092270bc31b168f600dbc4",class:"content-container"},i("div",{key:"187e9cbcc37ff55c77a7adc946ac83ffd813ea81",class:"content-text"},i("slot",{key:"4bfcb8305ed25eb85ab95aa3a475f2e61b064f63"})),!!(null===(t=this.actiontext)||void 0===t?void 0:t.trim())&&i("button",{key:"f0a75df6238269b73e6853353c8bb8feee11e90e",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&i("button",{key:"575860241a746ddcddd16646496bbfdf458e91db",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},i("z-icon",{key:"a096f412fec8ab8eec3081853d5baada531bcf54",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=c,l=function(){"undefined"!=typeof customElements&&["z-notification","z-icon"].forEach((t=>{switch(t){case"z-notification":customElements.get(a(t))||customElements.define(a(t),c);break;case"z-icon":customElements.get(a(t))||s()}}))};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-panel-elem.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as a,h as n,transformTag as i}from"@stencil/core/internal/client";import{d as l}from"./index3.js";const t=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.target="_blank",this.isdisabled=!1}render(){const e=this.elemid?this.elemid:"";return n("div",{key:"6a782a3e364918d674cd75e87ee3d4c45051c01a",class:"panel-elem-container"},(this.imgurl||this.imgalt)&&n("div",{key:"5f1b5804796364f571c07595199f206bf07fc348","aria-hidden":"true",class:"panel-elem-icon"},n("img",{key:"b3180aff50d92de37b4c0e2b42a08aa690f70eab",src:this.imgurl,alt:this.imgalt})),n("div",{key:"9e461e124c92188bfb882b038d7bf72e2dc833a6",class:"panel-elem-link"},n("a",{key:"c9585b59f9fda70d371ac569ca3a69e6959a850a",class:{"z-link":!0,"z-link-disabled":this.isdisabled,"z-link-icon":!0,"z-link-blue":!0},id:e+"link_id",href:this.url,target:this.target},n("z-icon",{key:"78acdd240f6f8bba67e30fb0027ca0e9c7bd96c2",height:14,width:14,name:this.linkicon}),this.linklabel)),this.descrSlotName&&n("div",{key:"4fc3ffb45cc05b62e1350b82be87ea4558b42c03",class:"panel-elem-desc"},n("slot",{key:"11e64776988c032c870ac9389d559a679dbd9588",name:this.descrSlotName})))}static get style(){return".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}"}},[262,"z-panel-elem",{elemid:[1],imgurl:[1],imgalt:[1],linkicon:[1],linklabel:[1],url:[1],target:[1],isdisabled:[4],descrSlotName:[1,"descr-slot-name"]}]),c=t,s=function(){"undefined"!=typeof customElements&&["z-panel-elem","z-icon"].forEach((e=>{switch(e){case"z-panel-elem":customElements.get(i(e))||customElements.define(i(e),t);break;case"z-icon":customElements.get(i(e))||l()}}))};export{c as ZPanelElem,s as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as a,h as n,transformTag as i}from"@stencil/core/internal/client";import{d as l}from"./index3.js";const t=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.target="_blank",this.isdisabled=!1}render(){const e=this.elemid?this.elemid:"";return n("div",{key:"5ec6258c1b03272d134bfd051fccfa2f922d9d18",class:"panel-elem-container"},(this.imgurl||this.imgalt)&&n("div",{key:"0e2510843c7f3d4a6a51d4e3397972e9f8ff9278","aria-hidden":"true",class:"panel-elem-icon"},n("img",{key:"a147b33a20b2432bca9577c724bcb90ee4ec0796",src:this.imgurl,alt:this.imgalt})),n("div",{key:"7eb80ce42df88d0f6f20cd8489b0052588539602",class:"panel-elem-link"},n("a",{key:"40622a092e1b7c111932edcf8e3f083a7e589148",class:{"z-link":!0,"z-link-disabled":this.isdisabled,"z-link-icon":!0,"z-link-blue":!0},id:e+"link_id",href:this.url,target:this.target},n("z-icon",{key:"c5febcd1de48afe90a33cba4c3e4cc90fe08444d",height:14,width:14,name:this.linkicon}),this.linklabel)),this.descrSlotName&&n("div",{key:"4f131023ff6a577c535670c9762ae8458825c94f",class:"panel-elem-desc"},n("slot",{key:"82e06bd4163c9e72c7f0614c314a001d158db9ce",name:this.descrSlotName})))}static get style(){return".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}"}},[262,"z-panel-elem",{elemid:[1],imgurl:[1],imgalt:[1],linkicon:[1],linklabel:[1],url:[1],target:[1],isdisabled:[4],descrSlotName:[1,"descr-slot-name"]}]),c=t,s=function(){"undefined"!=typeof customElements&&["z-panel-elem","z-icon"].forEach((e=>{switch(e){case"z-panel-elem":customElements.get(i(e))||customElements.define(i(e),t);break;case"z-icon":customElements.get(i(e))||l()}}))};export{c as ZPanelElem,s as defineCustomElement}