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

package/dist/components/index16.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{H as r,e as n}from"./index2.js";import{d as s}from"./index3.js";const l=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.icon="informationsource",this.position=r.BOTTOM_RIGHT,this.ariaLabel="Apri pannello informazioni",this.size=n.BIG,this.open=!1}adjustPanelPosition(){if(!this.open||!this.panel)return;const e=this.host.getBoundingClientRect(),i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10),t=document.documentElement.offsetWidth,o=Math.round((this.position.includes("left")?t-e.left:e.right)-i);this.panel.style.maxWidth=`${o}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=!1}handleEscapeKey(e){"Escape"===e.key&&this.open&&this.closePanel()}render(){return t(o,{key:"50e7cc3742371ca616f404374f63ccb337c3dc39",open:this.open},t("button",{key:"906bdf2f949f4ae715ecc746e6e1feab8bf4d797",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":this.label?void 0:this.ariaLabel,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&t("z-icon",{key:"a4e890d446384c742df05db58a906b89e536f4e4",name:this.icon}),this.label&&t("span",{key:"b9955cb8ed95ecef6904d1cd4c8c9d08205b33c3",class:"z-info-reveal-label"},this.label)),t("div",{key:"8c1d601f8e15f7f6dcd9cf235ff00ad251aaec54",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:e=>this.panel=e,hidden:!this.open},t("slot",{key:"c0f217e35810e1463d1f0761337353ea3940cc2b"}),t("button",{key:"6e507a1e6424c88dc90bf3fb9a841565d5bc6c6c",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},t("z-icon",{key:"d743f3aae62e253580122d556b933936b316c391",name:"multiply"}))))}get host(){return this}static get watchers(){return{position:[{adjustPanelPosition:0}],open:[{adjustPanelPosition:0}]}}static get style(){return':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-small, 18px)}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-x-small, 16px)}.z-info-reveal-panel{position:absolute;z-index:19;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{top:auto !important;bottom:auto !important;width:calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;margin-top:calc(var(--trigger-size) * -1)}}'}},[257,"z-info-reveal",{icon:[1],position:[513],label:[1],ariaLabel:[1,"aria-label"],size:[513],open:[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{position:[{adjustPanelPosition:0}],open:[{adjustPanelPosition:0}]}]);function c(){"undefined"!=typeof customElements&&["z-info-reveal","z-icon"].forEach((e=>{switch(e){case"z-info-reveal":customElements.get(a(e))||customElements.define(a(e),l);break;case"z-icon":customElements.get(a(e))||s()}}))}export{l as Z,c as d}
+import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{H as r,e as n}from"./index2.js";import{d as s}from"./index3.js";const l=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.icon="informationsource",this.position=r.BOTTOM_RIGHT,this.ariaLabel="Apri pannello informazioni",this.size=n.BIG,this.open=!1}adjustPanelPosition(){if(!this.open||!this.panel)return;const e=this.host.getBoundingClientRect(),i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10),t=document.documentElement.offsetWidth,o=Math.round((this.position.includes("left")?t-e.left:e.right)-i);this.panel.style.maxWidth=`${o}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=!1}handleEscapeKey(e){"Escape"===e.key&&this.open&&this.closePanel()}render(){return t(o,{key:"f9bc69d9bdbc9b2e30687f54877b241b51df3e45",open:this.open},t("button",{key:"f0dc5ceaf6f24d5597699b3158074403bac8f641",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":this.label?void 0:this.ariaLabel,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&t("z-icon",{key:"5cddcacfd8d9e5f3dc8a1c171aa50621d6e2b044",name:this.icon}),this.label&&t("span",{key:"5417e101306098a399a9f8e6a39d1637be4f8901",class:"z-info-reveal-label"},this.label)),t("div",{key:"bd57a9686560c17c5d670a6fa87396a509ffb50a",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:e=>this.panel=e,hidden:!this.open},t("slot",{key:"bd5fd2a1cf9c2a95fbb9ea966a0f09ec1940c9f9"}),t("button",{key:"73a9178e3ea240abad5d91f2fd82879313d2df24",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},t("z-icon",{key:"de404809d5ea1fd51b36abc74518448c7502927e",name:"multiply"}))))}get host(){return this}static get watchers(){return{position:[{adjustPanelPosition:0}],open:[{adjustPanelPosition:0}]}}static get style(){return':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-small, 18px)}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-x-small, 16px)}.z-info-reveal-panel{position:absolute;z-index:19;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{top:auto !important;bottom:auto !important;width:calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;margin-top:calc(var(--trigger-size) * -1)}}'}},[257,"z-info-reveal",{icon:[1],position:[513],label:[1],ariaLabel:[1,"aria-label"],size:[513],open:[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{position:[{adjustPanelPosition:0}],open:[{adjustPanelPosition:0}]}]);function c(){"undefined"!=typeof customElements&&["z-info-reveal","z-icon"].forEach((e=>{switch(e){case"z-info-reveal":customElements.get(a(e))||customElements.define(a(e),l);break;case"z-icon":customElements.get(a(e))||s()}}))}export{l as Z,c as d}

package/dist/components/index17.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as r,Host as i,transformTag as s}from"@stencil/core/internal/client";import{P as n,g as a,p as h}from"./index2.js";import{a as c,j as p,k as f,g as u,l}from"./utils.js";const d=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.positionChange=o(this,"positionChange",7),this.openChange=o(this,"openChange",7),this.position=n.TOP,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0,this.spaceTolerance=3}closePopoverWithKeyboard(t){this.closable&&t.key===a.ESC&&(t.stopPropagation(),this.open=!1)}handleOutsideClick(t){const e=t.target;this.closable&&this.open&&!c(this.host,e)&&(c(this.boundElement,e)&&t.stopPropagation(),this.open=!1)}validatePosition(t){Object.values(n).includes(t)&&t!==n.AUTO||(this.position=t=n.TOP),this.currentPosition=t,this.open&&this.setPosition()}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.openChange.emit({open:this.open}),!this.open)return Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"}),void(this.currentPosition=void 0);const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){"string"==typeof this.bindTo?this.boundElement=this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.boundElement=this.bindTo:(this.boundElement=p(this.host),"z-tooltip"===this.boundElement.tagName.toLowerCase()&&(this.boundElement=p(this.boundElement)))}hasCenteredHorizontalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?e>=i-this.spaceTolerance&&t>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasCenteredVerticalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?t>=i-this.spaceTolerance&&e>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasEnoughSideSpace(t,e,o,r){return t>=e-o*(1-r)-this.spaceTolerance}getOptimalPopoverPosition(e,o){const r=this.host.offsetWidth,i=this.host.offsetHeight,s=this.boundElement.getBoundingClientRect().width,a=this.boundElement.getBoundingClientRect().height,h=this.offsetModifier,c=t=>{switch(t){case n.TOP:return o.top>=i-this.spaceTolerance&&this.hasCenteredHorizontalSpace(o.left,o.right,r,s);case n.TOP_RIGHT:return o.top>=i&&this.hasEnoughSideSpace(o.right,r,s,h);case n.TOP_LEFT:return o.top>=i&&this.hasEnoughSideSpace(o.left,r,s,h);case n.RIGHT:return o.right>=r&&this.hasCenteredVerticalSpace(o.top,o.bottom,i,a);case n.RIGHT_BOTTOM:return o.right>=r&&this.hasEnoughSideSpace(o.bottom,i,a,h);case n.RIGHT_TOP:return o.right>=r&&this.hasEnoughSideSpace(o.top,i,a,h);case n.BOTTOM:return o.bottom>=i&&this.hasCenteredHorizontalSpace(o.left,o.right,r,s);case n.BOTTOM_LEFT:return o.bottom>=i&&this.hasEnoughSideSpace(o.left,r,s,h);case n.BOTTOM_RIGHT:return o.bottom>=i&&this.hasEnoughSideSpace(o.right,r,s,h);case n.LEFT:return o.left>=r&&this.hasCenteredVerticalSpace(o.top,o.bottom,i,a);case n.LEFT_TOP:return o.left>=r&&this.hasEnoughSideSpace(o.top,i,a,h);case n.LEFT_BOTTOM:return o.left>=r&&this.hasEnoughSideSpace(o.bottom,i,a,h);default:return!1}};if(c(e))return e;const p=t.positionOrder,f=p.indexOf(e);if(-1===f)return e;for(let t=1;t<p.length;t++){const e=p[(f+t)%p.length];if(c(e))return e}return this.findBestFallbackPosition(o)}findBestFallbackPosition(t){const e=t.right>=t.left?n.RIGHT:n.LEFT,o=t.bottom>=t.top?n.BOTTOM:n.TOP,r=Math.max(t.right,t.left),i=Math.max(t.bottom,t.top),s=i>=r?o:e;let a=!1;return a=s===o?r>=2*Math.min(t.right,t.left):i>=2*Math.min(t.bottom,t.top),a?`${s}_${s===o?e:o}`:s}findScrollableAncestor(t){let e=p(t);for(;e;){if(e===t.ownerDocument.documentElement)return e;const o=getComputedStyle(e),{overflow:r,overflowX:i,overflowY:s}=o;if("hidden"!==r&&"hidden"!==s&&"hidden"!==i&&(e.scrollHeight>e.clientHeight&&"visible"!==r&&"visible"!==s||e.scrollWidth>e.clientWidth&&"visible"!==r&&"visible"!==i))return e;e=p(e)}return t.ownerDocument.documentElement}calculateAvailableSpace(){const t=this.boundElement.getBoundingClientRect();if(this.lastBoundRect&&this.lastBoundRect.x===t.x&&this.lastBoundRect.y===t.y&&this.lastBoundRect.width===t.width&&this.lastBoundRect.height===t.height&&this.cachedAvailableSpace)return this.cachedAvailableSpace;this.lastBoundRect=t;const e=this.findScrollableAncestor(this.boundElement),o=e.getBoundingClientRect(),r=e!==this.boundElement.ownerDocument.documentElement,i=this.boundElement.ownerDocument.documentElement.clientWidth,s=this.boundElement.ownerDocument.documentElement.clientHeight;return this.cachedAvailableSpace={top:t.top-(r?o.top:0)-8,right:i-t.right-(r?i-o.right:0)-8,bottom:s-t.bottom-(r?s-o.bottom:0)-8,left:t.left-(r?o.left:0)-8},this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();return{top:t.top,right:this.boundElement.ownerDocument.documentElement.clientWidth-t.right,bottom:this.boundElement.ownerDocument.documentElement.clientHeight-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets(),e=f(this.host);if(e===this.host.ownerDocument.documentElement)return t;const o=e.getBoundingClientRect(),r=getComputedStyle(e),i=o.top+parseFloat(r.borderTopWidth),s=o.right-parseFloat(r.borderRightWidth),n=o.bottom-parseFloat(r.borderBottomWidth),a=o.left+parseFloat(r.borderLeftWidth),h=this.boundElement.getBoundingClientRect();return{top:h.top-i+e.scrollTop,right:s-h.right-e.scrollLeft,bottom:n-h.bottom-e.scrollTop,left:h.left-a+e.scrollLeft}}applyPositionStyles(t,e){const o=this.boundElement.offsetWidth,r=this.boundElement.offsetHeight,i=this.offsetModifier,s=this.showArrow&&this.center?8:0,a=this.host.style,c=parseFloat(getComputedStyle(this.host).marginTop.replace("px",""))||0,p=this.computePositionOffsets(),f=p.left+o*i,l=p.right+o*i,d=p.top+r,b=p.bottom+r,m=p.top+r*i,g=p.bottom+r*i;let v,w;switch(t){case n.TOP:case n.TOP_RIGHT:a.bottom=`${b}px`,a.left=f-(t===n.TOP_RIGHT?s:0)+"px",w=e.top-c,t===n.TOP_RIGHT&&(v=e.right+o*i);break;case n.TOP_LEFT:a.right=l-s+"px",a.bottom=`${b}px`,v=e.left+o*i,w=e.top-c;break;case n.BOTTOM:case n.BOTTOM_RIGHT:a.top=`${d}px`,a.left=f-(t===n.BOTTOM_RIGHT?s:0)+"px",w=e.bottom-c,t===n.BOTTOM_RIGHT&&(v=e.right+o*i);break;case n.BOTTOM_LEFT:a.top=`${d}px`,a.right=l-s+"px",v=e.left+o*i,w=e.bottom-c;break;case n.RIGHT:case n.RIGHT_BOTTOM:a.top=m-(t===n.RIGHT_BOTTOM?s:0)+"px",a.left=`${p.left+o}px`,v=e.right-c,w=t===n.RIGHT?e.top+e.bottom+r:e.bottom+r*i;break;case n.RIGHT_TOP:a.bottom=g-s+"px",a.left=`${p.left+o}px`,v=e.right-c,w=e.top+r*i;break;case n.LEFT:case n.LEFT_BOTTOM:a.top=m-(t===n.LEFT_BOTTOM?s:0)+"px",a.right=`${p.right+o}px`,v=e.left-c,t===n.LEFT_BOTTOM&&(w=e.bottom+r*i);break;case n.LEFT_TOP:a.right=`${p.right+o}px`,a.bottom=g-s+"px",v=e.left-c,w=e.top+r*i}u()!==h.MOBILE&&Object.assign(a,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}setPosition(){if(!this.boundElement)return;if(!l(this.boundElement,this.findScrollableAncestor(this.boundElement)))return void(this.open=!1);Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace(),e=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(e,t),this.currentPosition=e,this.positionChange.emit({position:this.currentPosition}),this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement(),this.open&&this.onOpen()}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return r(i,{key:"11ab6b060fdc4a10752881c38d3a369f2ae267a6","current-position":this.currentPosition},r("slot",{key:"40ae4b9e51638e5d92d916937ccfac5f85c0d36f"}))}get host(){return this}static get watchers(){return{position:[{validatePosition:0}],open:[{onOpen:0}],bindTo:[{onBindingChange:0}]}}static get style(){return':host{position:fixed;display:none;max-width:calc(100dvw - var(--grid-margin) * 2);max-height:calc(100dvh - var(--grid-margin) * 2);padding:var(--z-popover-padding, 0);background:var(--z-popover-theme--surface, var(--color-surface01));border-radius:var(--border-radius-small);color:var(--z-popover-theme--text, var(--color-default-text));fill:currentcolor;filter:var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));text-align:center;visibility:hidden;}:host([open]:not([open="false"])[current-position]){display:block}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface, var(--color-surface01));content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}'}},[257,"z-popover",{position:[1537],open:[1540],bindTo:[1,"bind-to"],showArrow:[516,"show-arrow"],center:[516],closable:[4],currentPosition:[32]},[[10,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{position:[{validatePosition:0}],open:[{onOpen:0}],bindTo:[{onBindingChange:0}]}]);function b(){"undefined"!=typeof customElements&&["z-popover"].forEach((t=>{"z-popover"===t&&(customElements.get(s(t))||customElements.define(s(t),d))}))}d.positionOrder=[n.TOP,n.TOP_RIGHT,n.TOP_LEFT,n.RIGHT,n.RIGHT_BOTTOM,n.RIGHT_TOP,n.BOTTOM,n.BOTTOM_LEFT,n.BOTTOM_RIGHT,n.LEFT,n.LEFT_TOP,n.LEFT_BOTTOM];export{d as Z,b as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as r,Host as i,transformTag as s}from"@stencil/core/internal/client";import{P as n,g as a,p as h}from"./index2.js";import{a as c,k as p,l as f,g as u,m as l}from"./utils.js";const d=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.positionChange=o(this,"positionChange",7),this.openChange=o(this,"openChange",7),this.position=n.TOP,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0,this.spaceTolerance=3}closePopoverWithKeyboard(t){this.closable&&t.key===a.ESC&&(t.stopPropagation(),this.open=!1)}handleOutsideClick(t){const e=t.target;this.closable&&this.open&&!c(this.host,e)&&(c(this.boundElement,e)&&t.stopPropagation(),this.open=!1)}validatePosition(t){Object.values(n).includes(t)&&t!==n.AUTO||(this.position=t=n.TOP),this.currentPosition=t,this.open&&this.setPosition()}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.openChange.emit({open:this.open}),!this.open)return Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"}),void(this.currentPosition=void 0);const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){"string"==typeof this.bindTo?this.boundElement=this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.boundElement=this.bindTo:(this.boundElement=p(this.host),"z-tooltip"===this.boundElement.tagName.toLowerCase()&&(this.boundElement=p(this.boundElement)))}hasCenteredHorizontalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?e>=i-this.spaceTolerance&&t>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasCenteredVerticalSpace(t,e,o,r){const i=(o-r)*(1-this.offsetModifier);return this.center?t>=i-this.spaceTolerance&&e>=i-this.spaceTolerance:e>=i-this.spaceTolerance}hasEnoughSideSpace(t,e,o,r){return t>=e-o*(1-r)-this.spaceTolerance}getOptimalPopoverPosition(e,o){const r=this.host.offsetWidth,i=this.host.offsetHeight,s=this.boundElement.getBoundingClientRect().width,a=this.boundElement.getBoundingClientRect().height,h=this.offsetModifier,c=t=>{switch(t){case n.TOP:return o.top>=i-this.spaceTolerance&&this.hasCenteredHorizontalSpace(o.left,o.right,r,s);case n.TOP_RIGHT:return o.top>=i&&this.hasEnoughSideSpace(o.right,r,s,h);case n.TOP_LEFT:return o.top>=i&&this.hasEnoughSideSpace(o.left,r,s,h);case n.RIGHT:return o.right>=r&&this.hasCenteredVerticalSpace(o.top,o.bottom,i,a);case n.RIGHT_BOTTOM:return o.right>=r&&this.hasEnoughSideSpace(o.bottom,i,a,h);case n.RIGHT_TOP:return o.right>=r&&this.hasEnoughSideSpace(o.top,i,a,h);case n.BOTTOM:return o.bottom>=i&&this.hasCenteredHorizontalSpace(o.left,o.right,r,s);case n.BOTTOM_LEFT:return o.bottom>=i&&this.hasEnoughSideSpace(o.left,r,s,h);case n.BOTTOM_RIGHT:return o.bottom>=i&&this.hasEnoughSideSpace(o.right,r,s,h);case n.LEFT:return o.left>=r&&this.hasCenteredVerticalSpace(o.top,o.bottom,i,a);case n.LEFT_TOP:return o.left>=r&&this.hasEnoughSideSpace(o.top,i,a,h);case n.LEFT_BOTTOM:return o.left>=r&&this.hasEnoughSideSpace(o.bottom,i,a,h);default:return!1}};if(c(e))return e;const p=t.positionOrder,f=p.indexOf(e);if(-1===f)return e;for(let t=1;t<p.length;t++){const e=p[(f+t)%p.length];if(c(e))return e}return this.findBestFallbackPosition(o)}findBestFallbackPosition(t){const e=t.right>=t.left?n.RIGHT:n.LEFT,o=t.bottom>=t.top?n.BOTTOM:n.TOP,r=Math.max(t.right,t.left),i=Math.max(t.bottom,t.top),s=i>=r?o:e;let a=!1;return a=s===o?r>=2*Math.min(t.right,t.left):i>=2*Math.min(t.bottom,t.top),a?`${s}_${s===o?e:o}`:s}findScrollableAncestor(t){let e=p(t);for(;e;){if(e===t.ownerDocument.documentElement)return e;const o=getComputedStyle(e),{overflow:r,overflowX:i,overflowY:s}=o;if("hidden"!==r&&"hidden"!==s&&"hidden"!==i&&(e.scrollHeight>e.clientHeight&&"visible"!==r&&"visible"!==s||e.scrollWidth>e.clientWidth&&"visible"!==r&&"visible"!==i))return e;e=p(e)}return t.ownerDocument.documentElement}calculateAvailableSpace(){const t=this.boundElement.getBoundingClientRect();if(this.lastBoundRect&&this.lastBoundRect.x===t.x&&this.lastBoundRect.y===t.y&&this.lastBoundRect.width===t.width&&this.lastBoundRect.height===t.height&&this.cachedAvailableSpace)return this.cachedAvailableSpace;this.lastBoundRect=t;const e=this.findScrollableAncestor(this.boundElement),o=e.getBoundingClientRect(),r=e!==this.boundElement.ownerDocument.documentElement,i=this.boundElement.ownerDocument.documentElement.clientWidth,s=this.boundElement.ownerDocument.documentElement.clientHeight;return this.cachedAvailableSpace={top:t.top-(r?o.top:0)-8,right:i-t.right-(r?i-o.right:0)-8,bottom:s-t.bottom-(r?s-o.bottom:0)-8,left:t.left-(r?o.left:0)-8},this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();return{top:t.top,right:this.boundElement.ownerDocument.documentElement.clientWidth-t.right,bottom:this.boundElement.ownerDocument.documentElement.clientHeight-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets(),e=f(this.host);if(e===this.host.ownerDocument.documentElement)return t;const o=e.getBoundingClientRect(),r=getComputedStyle(e),i=o.top+parseFloat(r.borderTopWidth),s=o.right-parseFloat(r.borderRightWidth),n=o.bottom-parseFloat(r.borderBottomWidth),a=o.left+parseFloat(r.borderLeftWidth),h=this.boundElement.getBoundingClientRect();return{top:h.top-i+e.scrollTop,right:s-h.right-e.scrollLeft,bottom:n-h.bottom-e.scrollTop,left:h.left-a+e.scrollLeft}}applyPositionStyles(t,e){const o=this.boundElement.offsetWidth,r=this.boundElement.offsetHeight,i=this.offsetModifier,s=this.showArrow&&this.center?8:0,a=this.host.style,c=parseFloat(getComputedStyle(this.host).marginTop.replace("px",""))||0,p=this.computePositionOffsets(),f=p.left+o*i,l=p.right+o*i,d=p.top+r,b=p.bottom+r,m=p.top+r*i,g=p.bottom+r*i;let v,w;switch(t){case n.TOP:case n.TOP_RIGHT:a.bottom=`${b}px`,a.left=f-(t===n.TOP_RIGHT?s:0)+"px",w=e.top-c,t===n.TOP_RIGHT&&(v=e.right+o*i);break;case n.TOP_LEFT:a.right=l-s+"px",a.bottom=`${b}px`,v=e.left+o*i,w=e.top-c;break;case n.BOTTOM:case n.BOTTOM_RIGHT:a.top=`${d}px`,a.left=f-(t===n.BOTTOM_RIGHT?s:0)+"px",w=e.bottom-c,t===n.BOTTOM_RIGHT&&(v=e.right+o*i);break;case n.BOTTOM_LEFT:a.top=`${d}px`,a.right=l-s+"px",v=e.left+o*i,w=e.bottom-c;break;case n.RIGHT:case n.RIGHT_BOTTOM:a.top=m-(t===n.RIGHT_BOTTOM?s:0)+"px",a.left=`${p.left+o}px`,v=e.right-c,w=t===n.RIGHT?e.top+e.bottom+r:e.bottom+r*i;break;case n.RIGHT_TOP:a.bottom=g-s+"px",a.left=`${p.left+o}px`,v=e.right-c,w=e.top+r*i;break;case n.LEFT:case n.LEFT_BOTTOM:a.top=m-(t===n.LEFT_BOTTOM?s:0)+"px",a.right=`${p.right+o}px`,v=e.left-c,t===n.LEFT_BOTTOM&&(w=e.bottom+r*i);break;case n.LEFT_TOP:a.right=`${p.right+o}px`,a.bottom=g-s+"px",v=e.left-c,w=e.top+r*i}u()!==h.MOBILE&&Object.assign(a,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}setPosition(){if(!this.boundElement)return;if(!l(this.boundElement,this.findScrollableAncestor(this.boundElement)))return void(this.open=!1);Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace(),e=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(e,t),this.currentPosition=e,this.positionChange.emit({position:this.currentPosition}),this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement(),this.open&&this.onOpen()}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return r(i,{key:"52bff483a21ec4b2911ef16ae19fe4a860896b4a","current-position":this.currentPosition},r("slot",{key:"88e89856e0083f540df0fd0d7155c55c16c1932b"}))}get host(){return this}static get watchers(){return{position:[{validatePosition:0}],open:[{onOpen:0}],bindTo:[{onBindingChange:0}]}}static get style(){return':host{position:fixed;display:none;max-width:calc(100dvw - var(--grid-margin) * 2);max-height:calc(100dvh - var(--grid-margin) * 2);padding:var(--z-popover-padding, 0);background:var(--z-popover-theme--surface, var(--color-surface01));border-radius:var(--border-radius-small);color:var(--z-popover-theme--text, var(--color-default-text));fill:currentcolor;filter:var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));text-align:center;visibility:hidden;}:host([open]:not([open="false"])[current-position]){display:block}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface, var(--color-surface01));content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}'}},[257,"z-popover",{position:[1537],open:[1540],bindTo:[1,"bind-to"],showArrow:[516,"show-arrow"],center:[516],closable:[4],currentPosition:[32]},[[10,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{position:[{validatePosition:0}],open:[{onOpen:0}],bindTo:[{onBindingChange:0}]}]);function b(){"undefined"!=typeof customElements&&["z-popover"].forEach((t=>{"z-popover"===t&&(customElements.get(s(t))||customElements.define(s(t),d))}))}d.positionOrder=[n.TOP,n.TOP_RIGHT,n.TOP_LEFT,n.RIGHT,n.RIGHT_BOTTOM,n.RIGHT_TOP,n.BOTTOM,n.BOTTOM_LEFT,n.BOTTOM_RIGHT,n.LEFT,n.LEFT_TOP,n.LEFT_BOTTOM];export{d as Z,b as d}

package/dist/components/index18.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";const a=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(s,{key:"a966fb0e58408172c56e7bb48deb1b5c0e5e0bb8"})}static get style(){return':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(     90deg,     var(--color-surface02) 0%,     var(--color-surface03) 95%,     var(--color-surface02) 100%   );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}'}},[1,"z-ghost-loading"]);function n(){"undefined"!=typeof customElements&&["z-ghost-loading"].forEach((e=>{"z-ghost-loading"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))}export{a as Z,n as d}
+import{proxyCustomElement as r,HTMLElement as e,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";const a=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return t(s,{key:"36459896003d9c65cc0e969a184987ddcac8c962"})}static get style(){return':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(     90deg,     var(--color-surface02) 0%,     var(--color-surface03) 95%,     var(--color-surface02) 100%   );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}'}},[1,"z-ghost-loading"]);function n(){"undefined"!=typeof customElements&&["z-ghost-loading"].forEach((r=>{"z-ghost-loading"===r&&(customElements.get(o(r))||customElements.define(o(r),a))}))}export{a as Z,n as d}

package/dist/components/index19.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as c,createEvent as e,h,transformTag as r}from"@stencil/core/internal/client";import{w as a}from"./index2.js";import{d as n}from"./index3.js";const s=i(class extends c{constructor(i){super(),!1!==i&&this.__registerHost(),this.interactiveIconClick=e(this,"interactiveIconClick",7),this.type=a.DEFAULT,this.disabled=!1,this.ariaLabel=""}render(){return h("div",{key:"0f8834160a0c8e3ffd107233e2c5de6db6ab6df2",class:{"z-chip-container":!0,"z-chip-interactive":!!this.interactiveIcon,[this.type]:!0},"aria-disabled":this.disabled},this.icon&&h("z-icon",{key:"51451c287eb3c450f4cc8a59f40e0d2e71fe95e2",name:this.icon}),h("slot",{key:"d1c6dce40bf102ab19ca5bfc06fdbc342c97e68e"}),this.interactiveIcon&&h("button",{key:"3274d75df1f052aab16bfb8b663292160757acc8",type:"button",onClick:()=>this.interactiveIconClick.emit(),"aria-label":this.ariaLabel,disabled:this.disabled},h("z-icon",{key:"23605e0639429a9ac5d66eb3394a1a3c9740d601",class:"interactive-icon",name:this.interactiveIcon})))}get el(){return this}static get style(){return".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:14px;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:14px;line-height:28px}.sc-z-chip-h>.z-chip-interactive.sc-z-chip{font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip:first-child{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) .interactive-icon.sc-z-chip:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip z-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not([disabled]):active:hover .interactive-icon.sc-z-chip{color:var(--color-primary01);fill:var(--color-primary01-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}}"}},[262,"z-chip",{icon:[1],type:[513],interactiveIcon:[513,"interactive-icon"],disabled:[516],ariaLabel:[1,"aria-label"]}]);function t(){"undefined"!=typeof customElements&&["z-chip","z-icon"].forEach((i=>{switch(i){case"z-chip":customElements.get(r(i))||customElements.define(r(i),s);break;case"z-icon":customElements.get(r(i))||n()}}))}export{s as Z,t as d}
+import{proxyCustomElement as i,HTMLElement as c,createEvent as e,h,transformTag as r}from"@stencil/core/internal/client";import{w as a}from"./index2.js";import{d as n}from"./index3.js";const s=i(class extends c{constructor(i){super(),!1!==i&&this.__registerHost(),this.interactiveIconClick=e(this,"interactiveIconClick",7),this.type=a.DEFAULT,this.disabled=!1,this.ariaLabel=""}render(){return h("div",{key:"7ff5bc2ca7ac9e73c3bb6e31a4795d8f275b0217",class:{"z-chip-container":!0,"z-chip-interactive":!!this.interactiveIcon,[this.type]:!0},"aria-disabled":this.disabled},this.icon&&h("z-icon",{key:"b96b42e01a624a43a0419e163b79512374540255",name:this.icon}),h("slot",{key:"e613a251dccdedf4f2633361b5a22d6baf69173f"}),this.interactiveIcon&&h("button",{key:"4c8557d1a21c33a1e329f8f01dcd7aa1a2881096",type:"button",onClick:()=>this.interactiveIconClick.emit(),"aria-label":this.ariaLabel,disabled:this.disabled},h("z-icon",{key:"a66b4a32af2c1a3283cdb80843b526ff375d34f7",class:"interactive-icon",name:this.interactiveIcon})))}get el(){return this}static get style(){return".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:14px;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:14px;line-height:28px}.sc-z-chip-h>.z-chip-interactive.sc-z-chip{font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip:first-child{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) .interactive-icon.sc-z-chip:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip z-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not([disabled]):active:hover .interactive-icon.sc-z-chip{color:var(--color-primary01);fill:var(--color-primary01-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}}"}},[262,"z-chip",{icon:[1],type:[513],interactiveIcon:[513,"interactive-icon"],disabled:[516],ariaLabel:[1,"aria-label"]}]);function t(){"undefined"!=typeof customElements&&["z-chip","z-icon"].forEach((i=>{switch(i){case"z-chip":customElements.get(r(i))||customElements.define(r(i),s);break;case"z-icon":customElements.get(r(i))||n()}}))}export{s as Z,t as d}

package/dist/components/index20.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as e,createEvent as a,h as t,Host as o,transformTag as n}from"@stencil/core/internal/client";import{d as s}from"./index5.js";import{d as i}from"./index3.js";const c=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.fileDropped=a(this,"fileDropped",7),this.dragging=!1}onDrop(r){r.preventDefault(),this.dragging=!1,r.dataTransfer.files.length&&this.fileDropped.emit(r.dataTransfer.files)}render(){return t(o,{key:"042a22ebd47c1bee49ca08121fa3ef23c99daa97",class:{dragover:this.dragging},onDragOver:r=>{r.preventDefault(),this.dragging=!0},onDragLeave:()=>{this.dragging=!1},onDrop:this.onDrop.bind(this)},t("div",{key:"9f4cb47d47b9976a86f5eedba956aa3cf0939f81",class:"dragover-container"},t("z-button",{key:"fc12e55894affd3273bffa56f1508b0d1d23e92d"},this.dragAndDropLabel)),t("slot",{key:"0f99ee53ef49d5792772b9993bade7d5b46e6c58"}))}static get style(){return":host{position:relative;display:flex;width:100%;height:232px;flex-direction:column;align-items:center;padding:calc(var(--space-unit) * 3);background-color:var(--color-surface02);background-image:repeating-linear-gradient(       0deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       90deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       180deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       270deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     );background-position:0 0,     0 0,     100% 0,     0 100%;background-repeat:no-repeat;background-size:2px 100%,     100% 2px,     2px 100%,     100% 2px;border-radius:var(--border-radius-small);color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}:host(.dragover) *{pointer-events:none}.dragover-container{position:absolute;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host(.dragover) .dragover-container{display:flex;align-items:center;justify-content:center}"}},[257,"z-dragdrop-area",{dragAndDropLabel:[1,"drag-and-drop-label"],dragging:[32]}]);function d(){"undefined"!=typeof customElements&&["z-dragdrop-area","z-button","z-icon"].forEach((r=>{switch(r){case"z-dragdrop-area":customElements.get(n(r))||customElements.define(n(r),c);break;case"z-button":customElements.get(n(r))||s();break;case"z-icon":customElements.get(n(r))||i()}}))}export{c as Z,d}
+import{proxyCustomElement as r,HTMLElement as e,createEvent as a,h as t,Host as o,transformTag as n}from"@stencil/core/internal/client";import{d as s}from"./index5.js";import{d as i}from"./index3.js";const c=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.fileDropped=a(this,"fileDropped",7),this.dragging=!1}onDrop(r){r.preventDefault(),this.dragging=!1,r.dataTransfer.files.length&&this.fileDropped.emit(r.dataTransfer.files)}render(){return t(o,{key:"ec92afc8d6998ac3595b4c84121cc80204367bbb",class:{dragover:this.dragging},onDragOver:r=>{r.preventDefault(),this.dragging=!0},onDragLeave:()=>{this.dragging=!1},onDrop:this.onDrop.bind(this)},t("div",{key:"6008c32e681b7c8f9f1063bba50c6106e12599de",class:"dragover-container"},t("z-button",{key:"ea4bfd5b7ee6d05241f5efb18844cd8beb10dde2"},this.dragAndDropLabel)),t("slot",{key:"95aa7512bbbd0efcea3c3dbafecc4b33a1d24f87"}))}static get style(){return":host{position:relative;display:flex;width:100%;height:232px;flex-direction:column;align-items:center;padding:calc(var(--space-unit) * 3);background-color:var(--color-surface02);background-image:repeating-linear-gradient(       0deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       90deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       180deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     ),     repeating-linear-gradient(       270deg,       var(--color-surface03),       var(--color-surface03) 12px,       transparent 12px,       transparent 20px     );background-position:0 0,     0 0,     100% 0,     0 100%;background-repeat:no-repeat;background-size:2px 100%,     100% 2px,     2px 100%,     100% 2px;border-radius:var(--border-radius-small);color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}:host(.dragover) *{pointer-events:none}.dragover-container{position:absolute;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host(.dragover) .dragover-container{display:flex;align-items:center;justify-content:center}"}},[257,"z-dragdrop-area",{dragAndDropLabel:[1,"drag-and-drop-label"],dragging:[32]}]);function d(){"undefined"!=typeof customElements&&["z-dragdrop-area","z-button","z-icon"].forEach((r=>{switch(r){case"z-dragdrop-area":customElements.get(n(r))||customElements.define(n(r),c);break;case"z-button":customElements.get(n(r))||s();break;case"z-icon":customElements.get(n(r))||i()}}))}export{c as Z,d}

package/dist/components/index21.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as e,transformTag as n}from"@stencil/core/internal/client";import{g as a}from"./index2.js";import{d as r}from"./index3.js";var s=window.CustomEvent;function l(t,o){var i="on"+o.type.toLowerCase();return"function"==typeof t[i]&&t[i](o),t.dispatchEvent(o)}function d(t){for(;t;){if("dialog"===t.localName)return t;t=t.parentElement?t.parentElement:t.parentNode?t.parentNode.host:null}return null}function c(t){for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;t&&t.blur&&t!==document.body&&t.blur()}function h(t,o){for(var i=0;i<t.length;++i)if(t[i]===o)return!0;return!1}function u(t){return!(!t||!t.hasAttribute("method"))&&"dialog"===t.getAttribute("method").toLowerCase()}function m(t){var o=["button","input","keygen","select","textarea"].map((function(t){return t+":not([disabled])"}));o.push('[tabindex]:not([disabled]):not([tabindex=""])');var i=t.querySelector(o.join(", "));if(!i&&"attachShadow"in Element.prototype)for(var e=t.querySelectorAll("*"),n=0;n<e.length&&!(e[n].tagName&&e[n].shadowRoot&&(i=m(e[n].shadowRoot)));n++);return i}function f(t){return t.isConnected||document.body.contains(t)}function b(t){if(t.submitter)return t.submitter;var o=t.target;if(!(o instanceof HTMLFormElement))return null;var i=g.formSubmitter;if(!i){var e=t.target;i=("getRootNode"in e&&e.getRootNode()||document).activeElement}return i&&i.form===o?i:null}function v(t){if(!t.defaultPrevented){var o=t.target,i=g.imagemapUseValue,e=b(t);null===i&&e&&(i=e.value);var n=d(o);n&&"dialog"===(e&&e.getAttribute("formmethod")||o.getAttribute("method"))&&(t.preventDefault(),null!=i?n.close(i):n.close())}}function p(t){if(this.dialog_=t,this.replacedStyleTop_=!1,this.openAsModal_=!1,t.hasAttribute("role")||t.setAttribute("role","dialog"),t.show=this.show.bind(this),t.showModal=this.showModal.bind(this),t.close=this.close.bind(this),t.addEventListener("submit",v,!1),"returnValue"in t||(t.returnValue=""),"MutationObserver"in window)new MutationObserver(this.maybeHideModal.bind(this)).observe(t,{attributes:!0,attributeFilter:["open"]});else{var o,i=!1,e=function(){i?this.downgradeModal():this.maybeHideModal(),i=!1}.bind(this),n=function(n){if(n.target===t){i|="DOMNodeRemoved"===n.type.substr(0,14),window.clearTimeout(o),o=window.setTimeout(e,0)}};["DOMAttrModified","DOMNodeRemoved","DOMNodeRemovedFromDocument"].forEach((function(o){t.addEventListener(o,n)}))}Object.defineProperty(t,"open",{set:this.setOpen.bind(this),get:t.hasAttribute.bind(t,"open")}),this.backdrop_=document.createElement("div"),this.backdrop_.className="backdrop",this.backdrop_.addEventListener("mouseup",this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener("mousedown",this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener("click",this.backdropMouseEvent_.bind(this))}s&&"object"!=typeof s||((s=function(t,o){o=o||{};var i=document.createEvent("CustomEvent");return i.initCustomEvent(t,!!o.bubbles,!!o.cancelable,o.detail||null),i}).prototype=window.Event.prototype),p.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){this.dialog_.hasAttribute("open")&&f(this.dialog_)||this.downgradeModal()},downgradeModal:function(){this.openAsModal_&&(this.openAsModal_=!1,this.dialog_.style.zIndex="",this.replacedStyleTop_&&(this.dialog_.style.top="",this.replacedStyleTop_=!1),this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_),g.dm.removeDialog(this))},setOpen:function(t){t?this.dialog_.hasAttribute("open")||this.dialog_.setAttribute("open",""):(this.dialog_.removeAttribute("open"),this.maybeHideModal())},backdropMouseEvent_:function(t){if(this.dialog_.hasAttribute("tabindex"))this.dialog_.focus();else{var o=document.createElement("div");this.dialog_.insertBefore(o,this.dialog_.firstChild),o.tabIndex=-1,o.focus(),this.dialog_.removeChild(o)}var i=document.createEvent("MouseEvents");i.initMouseEvent(t.type,t.bubbles,t.cancelable,window,t.detail,t.screenX,t.screenY,t.clientX,t.clientY,t.ctrlKey,t.altKey,t.shiftKey,t.metaKey,t.button,t.relatedTarget),this.dialog_.dispatchEvent(i),t.stopPropagation()},focus_:function(){var t=this.dialog_.querySelector("[autofocus]:not([disabled])");!t&&this.dialog_.tabIndex>=0&&(t=this.dialog_),t||(t=m(this.dialog_)),c(document.activeElement),t&&t.focus()},updateZIndex:function(t,o){if(t<o)throw new Error("dialogZ should never be < backdropZ");this.dialog_.style.zIndex=t,this.backdrop_.style.zIndex=o},show:function(){this.dialog_.open||(this.setOpen(!0),this.focus_())},showModal:function(){if(this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");if(!f(this.dialog_))throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");if(!g.dm.pushDialog(this))throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");(function(t){for(;t&&t!==document.body;){var o=window.getComputedStyle(t),i=function(t,i){return!(void 0===o[t]||o[t]===i)};if(o.opacity<1||i("zIndex","auto")||i("transform","none")||i("mixBlendMode","normal")||i("filter","none")||i("perspective","none")||"isolate"===o.isolation||"fixed"===o.position||"touch"===o.webkitOverflowScrolling)return!0;t=t.parentElement}return!1})(this.dialog_.parentElement)&&console.warn("A dialog is being shown inside a stacking context. This may cause it to be unusable. For more information, see this link: https://github.com/GoogleChrome/dialog-polyfill/#stacking-context"),this.setOpen(!0),this.openAsModal_=!0,g.needsCentering(this.dialog_)?(g.reposition(this.dialog_),this.replacedStyleTop_=!0):this.replacedStyleTop_=!1,this.dialog_.parentNode.insertBefore(this.backdrop_,this.dialog_.nextSibling),this.focus_()},close:function(t){if(!this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");this.setOpen(!1),void 0!==t&&(this.dialog_.returnValue=t);var o=new s("close",{bubbles:!1,cancelable:!1});l(this.dialog_,o)}};var g={reposition:function(t){var o=document.body.scrollTop||document.documentElement.scrollTop,i=o+(window.innerHeight-t.offsetHeight)/2;t.style.top=Math.max(o,i)+"px"},isInlinePositionSetByStylesheet:function(t){for(var o=0;o<document.styleSheets.length;++o){var i=document.styleSheets[o],e=null;try{e=i.cssRules}catch(t){}if(e)for(var n=0;n<e.length;++n){var a=e[n],r=null;try{r=document.querySelectorAll(a.selectorText)}catch(t){}if(r&&h(r,t)){var s=a.style.getPropertyValue("top"),l=a.style.getPropertyValue("bottom");if(s&&"auto"!==s||l&&"auto"!==l)return!0}}}return!1},needsCentering:function(t){return!("absolute"!==window.getComputedStyle(t).position||"auto"!==t.style.top&&""!==t.style.top||"auto"!==t.style.bottom&&""!==t.style.bottom||g.isInlinePositionSetByStylesheet(t))},forceRegisterDialog:function(t){if((window.HTMLDialogElement||t.showModal)&&console.warn("This browser already supports <dialog>, the polyfill may not work correctly",t),"dialog"!==t.localName)throw new Error("Failed to register dialog: The element is not a dialog.");new p(t)},registerDialog:function(t){t.showModal||g.forceRegisterDialog(t)},DialogManager:function(){this.pendingDialogStack=[];var t=this.checkDOM_.bind(this);this.overlay=document.createElement("div"),this.overlay.className="_dialog_overlay",this.overlay.addEventListener("click",function(o){this.forwardTab_=void 0,o.stopPropagation(),t([])}.bind(this)),this.handleKey_=this.handleKey_.bind(this),this.handleFocus_=this.handleFocus_.bind(this),this.zIndexLow_=1e5,this.zIndexHigh_=100150,this.forwardTab_=void 0,"MutationObserver"in window&&(this.mo_=new MutationObserver((function(o){var i=[];o.forEach((function(t){for(var o,e=0;o=t.removedNodes[e];++e)o instanceof Element&&("dialog"===o.localName&&i.push(o),i=i.concat(o.querySelectorAll("dialog")))})),i.length&&t(i)})))}};if(g.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,!0),document.addEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.observe(document,{childList:!0,subtree:!0})},g.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,!0),document.removeEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.disconnect()},g.DialogManager.prototype.updateStacking=function(){for(var t,o=this.zIndexHigh_,i=0;t=this.pendingDialogStack[i];++i)t.updateZIndex(--o,--o),0===i&&(this.overlay.style.zIndex=--o);var e=this.pendingDialogStack[0];e?(e.dialog.parentNode||document.body).appendChild(this.overlay):this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay)},g.DialogManager.prototype.containedByTopDialog_=function(t){for(;t=d(t);){for(var o,i=0;o=this.pendingDialogStack[i];++i)if(o.dialog===t)return 0===i;t=t.parentElement}return!1},g.DialogManager.prototype.handleFocus_=function(t){var o=t.composedPath?t.composedPath()[0]:t.target;if(!this.containedByTopDialog_(o)&&document.activeElement!==document.documentElement&&(t.preventDefault(),t.stopPropagation(),c(o),void 0!==this.forwardTab_)){var i=this.pendingDialogStack[0];return i.dialog.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_PRECEDING&&(this.forwardTab_?i.focus_():o!==document.documentElement&&document.documentElement.focus()),!1}},g.DialogManager.prototype.handleKey_=function(t){if(this.forwardTab_=void 0,27===t.keyCode){t.preventDefault(),t.stopPropagation();var o=new s("cancel",{bubbles:!1,cancelable:!0}),i=this.pendingDialogStack[0];i&&l(i.dialog,o)&&i.dialog.close()}else 9===t.keyCode&&(this.forwardTab_=!t.shiftKey)},g.DialogManager.prototype.checkDOM_=function(t){this.pendingDialogStack.slice().forEach((function(o){-1!==t.indexOf(o.dialog)?o.downgradeModal():o.maybeHideModal()}))},g.DialogManager.prototype.pushDialog=function(t){return!(this.pendingDialogStack.length>=(this.zIndexHigh_-this.zIndexLow_)/2-1||(1===this.pendingDialogStack.unshift(t)&&this.blockDocument(),this.updateStacking(),0))},g.DialogManager.prototype.removeDialog=function(t){var o=this.pendingDialogStack.indexOf(t);-1!==o&&(this.pendingDialogStack.splice(o,1),0===this.pendingDialogStack.length&&this.unblockDocument(),this.updateStacking())},g.dm=new g.DialogManager,g.formSubmitter=null,g.imagemapUseValue=null,void 0===window.HTMLDialogElement){var w=document.createElement("form");if(w.setAttribute("method","dialog"),"dialog"!==w.method){var y=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(y){var k=y.get;y.get=function(){return u(this)?"dialog":k.call(this)};var x=y.set;y.set=function(t){return"string"==typeof t&&"dialog"===t.toLowerCase()?this.setAttribute("method",t):x.call(this,t)},Object.defineProperty(HTMLFormElement.prototype,"method",y)}}document.addEventListener("click",(function(t){if(g.formSubmitter=null,g.imagemapUseValue=null,!t.defaultPrevented){var o=t.target;if("composedPath"in t&&(o=t.composedPath().shift()||o),o&&u(o.form)){if(!("submit"===o.type&&["button","input"].indexOf(o.localName)>-1)){if("input"!==o.localName||"image"!==o.type)return;g.imagemapUseValue=t.offsetX+","+t.offsetY}d(o)&&(g.formSubmitter=o)}}}),!1),document.addEventListener("submit",(function(t){var o=t.target;if(!d(o)){var i=b(t);"dialog"===(i&&i.getAttribute("formmethod")||o.getAttribute("method"))&&t.preventDefault()}}));var M=HTMLFormElement.prototype.submit;HTMLFormElement.prototype.submit=function(){if(!u(this))return M.call(this);var t=d(this);t&&t.close()}}const E=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])',z=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modalClose=i(this,"modalClose",7),this.modalHeaderActive=i(this,"modalHeaderActive",7),this.modalBackgroundClick=i(this,"modalBackgroundClick",7),this.closeButtonLabel="chiudi modale",this.alertdialog=!1,this.closable=!0,this.scrollInside=!0,this.lockPageScroll=!0}emitModalClose(){this.closable&&(this.modalClose.emit({modalid:this.modalid}),this.resetPageScroll())}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){this.closable&&(this.modalBackgroundClick.emit({modalid:this.modalid}),this.resetPageScroll())}resetPageScroll(){this.lockPageScroll&&"hidden"===document.body.style.overflowY&&(document.body.style.overflowY="")}componentDidLoad(){"function"!=typeof window.HTMLDialogElement?(this.dialog.localName||Object.defineProperty(this.dialog,"localName",{value:"dialog"}),g.registerDialog(this.dialog),this.dialog.setAttribute("open","true")):this.open(),this.lockPageScroll&&requestAnimationFrame((()=>document.body.style.overflowY="hidden"))}disconnectedCallback(){this.resetPageScroll()}async open(){var t;null===(t=this.dialog)||void 0===t||t.showModal(),this.lockPageScroll&&(document.body.style.overflowY="hidden")}async close(){var t;this.closable&&(null===(t=this.dialog)||void 0===t||t.close(),this.resetPageScroll())}get focusableElements(){return[...Array.from(this.host.shadowRoot.querySelectorAll(E)),...Array.from(this.host.querySelectorAll(E))].filter((t=>"none"!==getComputedStyle(t).display))}handleKeyDown(t){if(t.code!==a.ESC||this.closable||t.preventDefault(),t.code!==a.TAB)return;const o=this.focusableElements,i=this.host.shadowRoot.activeElement,e=this.host.ownerDocument.activeElement,n=o[0],r=o[o.length-1];!t.shiftKey||i!=n&&e!=n?t.shiftKey||i!=r&&e!=r||(t.preventDefault(),n.focus()):(t.preventDefault(),r.focus())}closeButtonSlot(){if(this.closable)return e("slot",{name:"modalCloseButton"},e("button",{"aria-label":this.closeButtonLabel,onClick:()=>this.close()},e("z-icon",{name:"multiply-circle-filled"})))}handleEscape(t){this.closable||t.preventDefault()}render(){return e("dialog",{key:"d958597dcd030d9d837aa27e3d951e58c76d1872",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":void 0,ref:t=>this.dialog=t,onClose:()=>this.emitModalClose(),onCancel:t=>this.handleEscape(t)},e("div",{key:"f2d88dcae992749e9b26053f58b133ea11f42345",class:{"modal-container":!0,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},e("header",{key:"aee9e10e48814e98b334234742b8d9fddc8bd5b4",onClick:this.emitModalHeaderActive.bind(this)},e("div",{key:"8f8cb63de53e06aba8c24aa775e7462d5c982cab"},this.modaltitle&&e("h1",{key:"7665e53dbf1c7ba2eb9bedc0df36e3b959407f36",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&e("div",{key:"d069b4cd21e388262db4734e5f19b27b14381d98",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),e("div",{key:"b7e149a290a5261aaecd47ddc1d53498c182c5dd",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},e("slot",{key:"3b5126b69ec95efe151a424edc24111978a22a5d",name:"modalContent"}))),e("div",{key:"cd760b0fdb273c8b2166c05834127955c12c6556",class:{"modal-background":!0,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:()=>{this.emitBackgroundClick(),this.close()}}))}get host(){return this}static get style(){return':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}::slotted([slot="modalContent"]){padding:var(--z-modal-content-padding, calc(var(--space-unit) * 2))}.modal-container{z-index:1010;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 1.75) calc(var(--space-unit) * 2);background:var(--color-background)}.modal-container>header button{padding:0;border:none;margin:0;margin-left:auto;background:transparent;cursor:pointer}.modal-container>header button:focus-visible{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}.modal-container>header button::after{position:absolute;top:6px;right:4px;display:block;width:40px;height:40px;background-color:transparent;content:""}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.25);--z-icon-height:calc(var(--space-unit) * 2.25);display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:flex;width:100%;align-items:baseline;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header .subtitle{padding:0;margin:0;color:var(--color-default-text);font-weight:var(--font-sb)}.modal-container>header h1{font-size:var(--font-size-5);letter-spacing:0;line-height:1.4}.modal-container>header .subtitle{font-size:var(--font-size-3);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header>div>h1 *:empty{display:none}.modal-container>header h1+.subtitle{margin-top:calc(var(--space-unit) * 0.5)}.modal-container-scroll-inside>.modal-content-scroll-inside{overflow:hidden auto;flex:1 auto;background:var(--color-surface01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb:hover,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){.modal-container-scroll-inside .modal-content-scroll-inside,.modal-container-scroll-outside .modal-content-scroll-outside{scrollbar-color:var(--color-primary01) transparent}}@media only screen and (min-width: 768px){.modal-background{position:fixed;top:0;left:0;overflow:hidden;width:100vw;height:100vh;background-color:var(--gray900);opacity:0.7}.modal-background.modal-background-scroll-outside{position:sticky}.modal-container-scroll-inside{position:fixed;top:calc(var(--space-unit) * 6);left:50%;overflow:hidden;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius);transform:translateX(-50%)}.modal-container-scroll-outside{position:absolute;top:calc(var(--space-unit) * 6);left:50%;display:block;overflow:initial;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));transform:translateX(-50%)}.modal-container>.modal-content-scroll-outside{overflow:initial}.modal-container-scroll-outside>header,.modal-container-scroll-inside>header{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.modal-container-scroll-outside::after{display:block;height:calc(var(--space-unit) * 6);content:" "}.modal-dialog{position:fixed;top:0;left:0;height:auto;overflow-x:hidden;overflow-y:auto}.modal-content-scroll-outside{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.modal-dialog::-webkit-scrollbar{display:none}}@media (min-width: 1152px){.modal-container>header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:calc(var(--space-unit) * 1.5)}.modal-container>header h1{font-size:var(--font-size-6);font-weight:var(--font-sb);letter-spacing:0;line-height:1.333}.modal-container>header .subtitle{font-size:var(--font-size-4);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}'}},[257,"z-modal",{modalid:[1],modaltitle:[1],modalsubtitle:[1],closeButtonLabel:[1,"close-button-label"],alertdialog:[4],closable:[4],scrollInside:[4,"scroll-inside"],lockPageScroll:[4,"lock-page-scroll"],open:[64],close:[64]},[[0,"keydown","handleKeyDown"]]]);function C(){"undefined"!=typeof customElements&&["z-modal","z-icon"].forEach((t=>{switch(t){case"z-modal":customElements.get(n(t))||customElements.define(n(t),z);break;case"z-icon":customElements.get(n(t))||r()}}))}export{z as Z,C as d}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as e,transformTag as n}from"@stencil/core/internal/client";import{g as a}from"./index2.js";import{d as r}from"./index3.js";var s=window.CustomEvent;function l(t,o){var i="on"+o.type.toLowerCase();return"function"==typeof t[i]&&t[i](o),t.dispatchEvent(o)}function d(t){for(;t;){if("dialog"===t.localName)return t;t=t.parentElement?t.parentElement:t.parentNode?t.parentNode.host:null}return null}function c(t){for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;t&&t.blur&&t!==document.body&&t.blur()}function h(t,o){for(var i=0;i<t.length;++i)if(t[i]===o)return!0;return!1}function u(t){return!(!t||!t.hasAttribute("method"))&&"dialog"===t.getAttribute("method").toLowerCase()}function m(t){var o=["button","input","keygen","select","textarea"].map((function(t){return t+":not([disabled])"}));o.push('[tabindex]:not([disabled]):not([tabindex=""])');var i=t.querySelector(o.join(", "));if(!i&&"attachShadow"in Element.prototype)for(var e=t.querySelectorAll("*"),n=0;n<e.length&&!(e[n].tagName&&e[n].shadowRoot&&(i=m(e[n].shadowRoot)));n++);return i}function f(t){return t.isConnected||document.body.contains(t)}function b(t){if(t.submitter)return t.submitter;var o=t.target;if(!(o instanceof HTMLFormElement))return null;var i=g.formSubmitter;if(!i){var e=t.target;i=("getRootNode"in e&&e.getRootNode()||document).activeElement}return i&&i.form===o?i:null}function v(t){if(!t.defaultPrevented){var o=t.target,i=g.imagemapUseValue,e=b(t);null===i&&e&&(i=e.value);var n=d(o);n&&"dialog"===(e&&e.getAttribute("formmethod")||o.getAttribute("method"))&&(t.preventDefault(),null!=i?n.close(i):n.close())}}function p(t){if(this.dialog_=t,this.replacedStyleTop_=!1,this.openAsModal_=!1,t.hasAttribute("role")||t.setAttribute("role","dialog"),t.show=this.show.bind(this),t.showModal=this.showModal.bind(this),t.close=this.close.bind(this),t.addEventListener("submit",v,!1),"returnValue"in t||(t.returnValue=""),"MutationObserver"in window)new MutationObserver(this.maybeHideModal.bind(this)).observe(t,{attributes:!0,attributeFilter:["open"]});else{var o,i=!1,e=function(){i?this.downgradeModal():this.maybeHideModal(),i=!1}.bind(this),n=function(n){if(n.target===t){i|="DOMNodeRemoved"===n.type.substr(0,14),window.clearTimeout(o),o=window.setTimeout(e,0)}};["DOMAttrModified","DOMNodeRemoved","DOMNodeRemovedFromDocument"].forEach((function(o){t.addEventListener(o,n)}))}Object.defineProperty(t,"open",{set:this.setOpen.bind(this),get:t.hasAttribute.bind(t,"open")}),this.backdrop_=document.createElement("div"),this.backdrop_.className="backdrop",this.backdrop_.addEventListener("mouseup",this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener("mousedown",this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener("click",this.backdropMouseEvent_.bind(this))}s&&"object"!=typeof s||((s=function(t,o){o=o||{};var i=document.createEvent("CustomEvent");return i.initCustomEvent(t,!!o.bubbles,!!o.cancelable,o.detail||null),i}).prototype=window.Event.prototype),p.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){this.dialog_.hasAttribute("open")&&f(this.dialog_)||this.downgradeModal()},downgradeModal:function(){this.openAsModal_&&(this.openAsModal_=!1,this.dialog_.style.zIndex="",this.replacedStyleTop_&&(this.dialog_.style.top="",this.replacedStyleTop_=!1),this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_),g.dm.removeDialog(this))},setOpen:function(t){t?this.dialog_.hasAttribute("open")||this.dialog_.setAttribute("open",""):(this.dialog_.removeAttribute("open"),this.maybeHideModal())},backdropMouseEvent_:function(t){if(this.dialog_.hasAttribute("tabindex"))this.dialog_.focus();else{var o=document.createElement("div");this.dialog_.insertBefore(o,this.dialog_.firstChild),o.tabIndex=-1,o.focus(),this.dialog_.removeChild(o)}var i=document.createEvent("MouseEvents");i.initMouseEvent(t.type,t.bubbles,t.cancelable,window,t.detail,t.screenX,t.screenY,t.clientX,t.clientY,t.ctrlKey,t.altKey,t.shiftKey,t.metaKey,t.button,t.relatedTarget),this.dialog_.dispatchEvent(i),t.stopPropagation()},focus_:function(){var t=this.dialog_.querySelector("[autofocus]:not([disabled])");!t&&this.dialog_.tabIndex>=0&&(t=this.dialog_),t||(t=m(this.dialog_)),c(document.activeElement),t&&t.focus()},updateZIndex:function(t,o){if(t<o)throw new Error("dialogZ should never be < backdropZ");this.dialog_.style.zIndex=t,this.backdrop_.style.zIndex=o},show:function(){this.dialog_.open||(this.setOpen(!0),this.focus_())},showModal:function(){if(this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");if(!f(this.dialog_))throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");if(!g.dm.pushDialog(this))throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");(function(t){for(;t&&t!==document.body;){var o=window.getComputedStyle(t),i=function(t,i){return!(void 0===o[t]||o[t]===i)};if(o.opacity<1||i("zIndex","auto")||i("transform","none")||i("mixBlendMode","normal")||i("filter","none")||i("perspective","none")||"isolate"===o.isolation||"fixed"===o.position||"touch"===o.webkitOverflowScrolling)return!0;t=t.parentElement}return!1})(this.dialog_.parentElement)&&console.warn("A dialog is being shown inside a stacking context. This may cause it to be unusable. For more information, see this link: https://github.com/GoogleChrome/dialog-polyfill/#stacking-context"),this.setOpen(!0),this.openAsModal_=!0,g.needsCentering(this.dialog_)?(g.reposition(this.dialog_),this.replacedStyleTop_=!0):this.replacedStyleTop_=!1,this.dialog_.parentNode.insertBefore(this.backdrop_,this.dialog_.nextSibling),this.focus_()},close:function(t){if(!this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");this.setOpen(!1),void 0!==t&&(this.dialog_.returnValue=t);var o=new s("close",{bubbles:!1,cancelable:!1});l(this.dialog_,o)}};var g={reposition:function(t){var o=document.body.scrollTop||document.documentElement.scrollTop,i=o+(window.innerHeight-t.offsetHeight)/2;t.style.top=Math.max(o,i)+"px"},isInlinePositionSetByStylesheet:function(t){for(var o=0;o<document.styleSheets.length;++o){var i=document.styleSheets[o],e=null;try{e=i.cssRules}catch(t){}if(e)for(var n=0;n<e.length;++n){var a=e[n],r=null;try{r=document.querySelectorAll(a.selectorText)}catch(t){}if(r&&h(r,t)){var s=a.style.getPropertyValue("top"),l=a.style.getPropertyValue("bottom");if(s&&"auto"!==s||l&&"auto"!==l)return!0}}}return!1},needsCentering:function(t){return!("absolute"!==window.getComputedStyle(t).position||"auto"!==t.style.top&&""!==t.style.top||"auto"!==t.style.bottom&&""!==t.style.bottom||g.isInlinePositionSetByStylesheet(t))},forceRegisterDialog:function(t){if((window.HTMLDialogElement||t.showModal)&&console.warn("This browser already supports <dialog>, the polyfill may not work correctly",t),"dialog"!==t.localName)throw new Error("Failed to register dialog: The element is not a dialog.");new p(t)},registerDialog:function(t){t.showModal||g.forceRegisterDialog(t)},DialogManager:function(){this.pendingDialogStack=[];var t=this.checkDOM_.bind(this);this.overlay=document.createElement("div"),this.overlay.className="_dialog_overlay",this.overlay.addEventListener("click",function(o){this.forwardTab_=void 0,o.stopPropagation(),t([])}.bind(this)),this.handleKey_=this.handleKey_.bind(this),this.handleFocus_=this.handleFocus_.bind(this),this.zIndexLow_=1e5,this.zIndexHigh_=100150,this.forwardTab_=void 0,"MutationObserver"in window&&(this.mo_=new MutationObserver((function(o){var i=[];o.forEach((function(t){for(var o,e=0;o=t.removedNodes[e];++e)o instanceof Element&&("dialog"===o.localName&&i.push(o),i=i.concat(o.querySelectorAll("dialog")))})),i.length&&t(i)})))}};if(g.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,!0),document.addEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.observe(document,{childList:!0,subtree:!0})},g.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,!0),document.removeEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.disconnect()},g.DialogManager.prototype.updateStacking=function(){for(var t,o=this.zIndexHigh_,i=0;t=this.pendingDialogStack[i];++i)t.updateZIndex(--o,--o),0===i&&(this.overlay.style.zIndex=--o);var e=this.pendingDialogStack[0];e?(e.dialog.parentNode||document.body).appendChild(this.overlay):this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay)},g.DialogManager.prototype.containedByTopDialog_=function(t){for(;t=d(t);){for(var o,i=0;o=this.pendingDialogStack[i];++i)if(o.dialog===t)return 0===i;t=t.parentElement}return!1},g.DialogManager.prototype.handleFocus_=function(t){var o=t.composedPath?t.composedPath()[0]:t.target;if(!this.containedByTopDialog_(o)&&document.activeElement!==document.documentElement&&(t.preventDefault(),t.stopPropagation(),c(o),void 0!==this.forwardTab_)){var i=this.pendingDialogStack[0];return i.dialog.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_PRECEDING&&(this.forwardTab_?i.focus_():o!==document.documentElement&&document.documentElement.focus()),!1}},g.DialogManager.prototype.handleKey_=function(t){if(this.forwardTab_=void 0,27===t.keyCode){t.preventDefault(),t.stopPropagation();var o=new s("cancel",{bubbles:!1,cancelable:!0}),i=this.pendingDialogStack[0];i&&l(i.dialog,o)&&i.dialog.close()}else 9===t.keyCode&&(this.forwardTab_=!t.shiftKey)},g.DialogManager.prototype.checkDOM_=function(t){this.pendingDialogStack.slice().forEach((function(o){-1!==t.indexOf(o.dialog)?o.downgradeModal():o.maybeHideModal()}))},g.DialogManager.prototype.pushDialog=function(t){return!(this.pendingDialogStack.length>=(this.zIndexHigh_-this.zIndexLow_)/2-1||(1===this.pendingDialogStack.unshift(t)&&this.blockDocument(),this.updateStacking(),0))},g.DialogManager.prototype.removeDialog=function(t){var o=this.pendingDialogStack.indexOf(t);-1!==o&&(this.pendingDialogStack.splice(o,1),0===this.pendingDialogStack.length&&this.unblockDocument(),this.updateStacking())},g.dm=new g.DialogManager,g.formSubmitter=null,g.imagemapUseValue=null,void 0===window.HTMLDialogElement){var w=document.createElement("form");if(w.setAttribute("method","dialog"),"dialog"!==w.method){var y=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(y){var k=y.get;y.get=function(){return u(this)?"dialog":k.call(this)};var x=y.set;y.set=function(t){return"string"==typeof t&&"dialog"===t.toLowerCase()?this.setAttribute("method",t):x.call(this,t)},Object.defineProperty(HTMLFormElement.prototype,"method",y)}}document.addEventListener("click",(function(t){if(g.formSubmitter=null,g.imagemapUseValue=null,!t.defaultPrevented){var o=t.target;if("composedPath"in t&&(o=t.composedPath().shift()||o),o&&u(o.form)){if(!("submit"===o.type&&["button","input"].indexOf(o.localName)>-1)){if("input"!==o.localName||"image"!==o.type)return;g.imagemapUseValue=t.offsetX+","+t.offsetY}d(o)&&(g.formSubmitter=o)}}}),!1),document.addEventListener("submit",(function(t){var o=t.target;if(!d(o)){var i=b(t);"dialog"===(i&&i.getAttribute("formmethod")||o.getAttribute("method"))&&t.preventDefault()}}));var M=HTMLFormElement.prototype.submit;HTMLFormElement.prototype.submit=function(){if(!u(this))return M.call(this);var t=d(this);t&&t.close()}}const E=':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])',z=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modalClose=i(this,"modalClose",7),this.modalHeaderActive=i(this,"modalHeaderActive",7),this.modalBackgroundClick=i(this,"modalBackgroundClick",7),this.closeButtonLabel="chiudi modale",this.alertdialog=!1,this.closable=!0,this.scrollInside=!0,this.lockPageScroll=!0}emitModalClose(){this.closable&&(this.modalClose.emit({modalid:this.modalid}),this.resetPageScroll())}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){this.closable&&(this.modalBackgroundClick.emit({modalid:this.modalid}),this.resetPageScroll())}resetPageScroll(){this.lockPageScroll&&"hidden"===document.body.style.overflowY&&(document.body.style.overflowY="")}componentDidLoad(){"function"!=typeof window.HTMLDialogElement?(this.dialog.localName||Object.defineProperty(this.dialog,"localName",{value:"dialog"}),g.registerDialog(this.dialog),this.dialog.setAttribute("open","true")):this.open(),this.lockPageScroll&&requestAnimationFrame((()=>document.body.style.overflowY="hidden"))}disconnectedCallback(){this.resetPageScroll()}async open(){var t;null===(t=this.dialog)||void 0===t||t.showModal(),this.lockPageScroll&&(document.body.style.overflowY="hidden")}async close(){var t;this.closable&&(null===(t=this.dialog)||void 0===t||t.close(),this.resetPageScroll())}get focusableElements(){return[...Array.from(this.host.shadowRoot.querySelectorAll(E)),...Array.from(this.host.querySelectorAll(E))].filter((t=>"none"!==getComputedStyle(t).display))}handleKeyDown(t){if(t.code!==a.ESC||this.closable||t.preventDefault(),t.code!==a.TAB)return;const o=this.focusableElements,i=this.host.shadowRoot.activeElement,e=this.host.ownerDocument.activeElement,n=o[0],r=o[o.length-1];!t.shiftKey||i!=n&&e!=n?t.shiftKey||i!=r&&e!=r||(t.preventDefault(),n.focus()):(t.preventDefault(),r.focus())}closeButtonSlot(){if(this.closable)return e("slot",{name:"modalCloseButton"},e("button",{"aria-label":this.closeButtonLabel,onClick:()=>this.close()},e("z-icon",{name:"multiply-circle-filled"})))}handleEscape(t){this.closable||t.preventDefault()}render(){return e("dialog",{key:"c8938b5d9ecc14fb3ae700a3bef42a04b59895ea",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":void 0,ref:t=>this.dialog=t,onClose:()=>this.emitModalClose(),onCancel:t=>this.handleEscape(t)},e("div",{key:"c03a7d75c3c59acae41e773c4fac21e2260c96bf",class:{"modal-container":!0,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},e("header",{key:"88b3d6d4e6c42c1a130d1f261708a4d8c406f864",onClick:this.emitModalHeaderActive.bind(this)},e("div",{key:"5ada26490c0add2ab35ec21c3735b09f936fa8f3"},this.modaltitle&&e("h1",{key:"dbcd5e67d7e607331cf3c894ee39716557e1dc49",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&e("div",{key:"a4f5a11637ad4a69d330e76756e8ffb23977fc06",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),e("div",{key:"6745960e3305396d9fbf56388fa667f313d28e2e",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},e("slot",{key:"1ac1b1a9bbe9f4d20b7fd56a4c91e64985d5cdce",name:"modalContent"}))),e("div",{key:"2b39f911393227c6e92c49e70ebd9710fb39084d",class:{"modal-background":!0,"modal-background-scroll-outside":!this.scrollInside},"data-action":"modalBackground","data-modal":this.modalid,onClick:()=>{this.emitBackgroundClick(),this.close()}}))}get host(){return this}static get style(){return':host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>dialog{padding:0;border:none;margin:0;background-color:transparent}:host>dialog:modal{width:100%;max-width:100%;max-height:100%}:host>dialog::backdrop{display:none}:host>dialog+.backdrop{display:none}:host>dialog:not([open]){display:none}:host>dialog[open]{display:block}::slotted([slot="modalContent"]){padding:var(--z-modal-content-padding, calc(var(--space-unit) * 2))}.modal-container{z-index:1010;display:flex;overflow:-moz-scrollbars-none;width:100%;height:100vh;flex-direction:column}.modal-container>.modal-content-scroll-outside{overflow:auto;background:var(--color-surface01)}.modal-container>header{padding:calc(var(--space-unit) * 1.75) calc(var(--space-unit) * 2);background:var(--color-background)}.modal-container>header button{padding:0;border:none;margin:0;margin-left:auto;background:transparent;cursor:pointer}.modal-container>header button:focus-visible{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}.modal-container>header button::after{position:absolute;top:6px;right:4px;display:block;width:40px;height:40px;background-color:transparent;content:""}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.25);--z-icon-height:calc(var(--space-unit) * 2.25);display:flex;fill:var(--color-primary01-icon)}.modal-container>header>div{display:flex;width:100%;align-items:baseline;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header .subtitle{padding:0;margin:0;color:var(--color-default-text);font-weight:var(--font-sb)}.modal-container>header h1{font-size:var(--font-size-5);letter-spacing:0;line-height:1.4}.modal-container>header .subtitle{font-size:var(--font-size-3);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header>div>h1 *:empty{display:none}.modal-container>header h1+.subtitle{margin-top:calc(var(--space-unit) * 0.5)}.modal-container-scroll-inside>.modal-content-scroll-inside{overflow:hidden auto;flex:1 auto;background:var(--color-surface01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.modal-container-scroll-inside>.modal-content-scroll-inside::-webkit-scrollbar-thumb:hover,.modal-container-scroll-outside>.modal-content-scroll-outside::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){.modal-container-scroll-inside .modal-content-scroll-inside,.modal-container-scroll-outside .modal-content-scroll-outside{scrollbar-color:var(--color-primary01) transparent}}@media only screen and (min-width: 768px){.modal-background{position:fixed;top:0;left:0;overflow:hidden;width:100vw;height:100vh;background-color:var(--gray900);opacity:0.7}.modal-background.modal-background-scroll-outside{position:sticky}.modal-container-scroll-inside{position:fixed;top:calc(var(--space-unit) * 6);left:50%;overflow:hidden;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius);transform:translateX(-50%)}.modal-container-scroll-outside{position:absolute;top:calc(var(--space-unit) * 6);left:50%;display:block;overflow:initial;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));transform:translateX(-50%)}.modal-container>.modal-content-scroll-outside{overflow:initial}.modal-container-scroll-outside>header,.modal-container-scroll-inside>header{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.modal-container-scroll-outside::after{display:block;height:calc(var(--space-unit) * 6);content:" "}.modal-dialog{position:fixed;top:0;left:0;height:auto;overflow-x:hidden;overflow-y:auto}.modal-content-scroll-outside{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.modal-dialog::-webkit-scrollbar{display:none}}@media (min-width: 1152px){.modal-container>header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:calc(var(--space-unit) * 1.5)}.modal-container>header h1{font-size:var(--font-size-6);font-weight:var(--font-sb);letter-spacing:0;line-height:1.333}.modal-container>header .subtitle{font-size:var(--font-size-4);font-weight:var(--font-rg);letter-spacing:0;line-height:1.5}.modal-container>header h1+.subtitle{margin-top:0}}'}},[257,"z-modal",{modalid:[1],modaltitle:[1],modalsubtitle:[1],closeButtonLabel:[1,"close-button-label"],alertdialog:[4],closable:[4],scrollInside:[4,"scroll-inside"],lockPageScroll:[4,"lock-page-scroll"],open:[64],close:[64]},[[0,"keydown","handleKeyDown"]]]);function C(){"undefined"!=typeof customElements&&["z-modal","z-icon"].forEach((t=>{switch(t){case"z-modal":customElements.get(n(t))||customElements.define(n(t),z);break;case"z-icon":customElements.get(n(t))||r()}}))}export{z as Z,C as d}

package/dist/components/index22.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as d,transformTag as o}from"@stencil/core/internal/client";import{L as i}from"./index2.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let e="";return this.cardtype===i.REAL?e+="real":this.cardtype===i.TRIAL?e+="trial":this.cardtype===i.TEMP&&(e+="temp"),this.faded?e+=" faded":this.ispressed?e+=" pressed":this.ishighlighted&&(e+=" highlighted"),e}render(){return d("div",{key:"2c0c85e0fcdc9f97ccdd48248df012b863fcba9d",class:this.retrieveClass(),tabindex:"0"},d("slot",{key:"fc337a050b59e77698d916bb17f8d83eb2631a52"}))}static get style(){return":host{--card-overflow:hidden}div{display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;box-sizing:border-box;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--blue100)}div.faded{border:var(--border-size-medium) solid var(--color-background)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}"}},[257,"z-myz-card",{faded:[4],cardtype:[1],ispressed:[4],ishighlighted:[4]}]);function t(){"undefined"!=typeof customElements&&["z-myz-card"].forEach((e=>{"z-myz-card"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}export{s as Z,t as d}
+import{proxyCustomElement as e,HTMLElement as r,h as d,transformTag as o}from"@stencil/core/internal/client";import{L as i}from"./index2.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let e="";return this.cardtype===i.REAL?e+="real":this.cardtype===i.TRIAL?e+="trial":this.cardtype===i.TEMP&&(e+="temp"),this.faded?e+=" faded":this.ispressed?e+=" pressed":this.ishighlighted&&(e+=" highlighted"),e}render(){return d("div",{key:"ed3d5841bd46ec168fef3fcb25e177cc5548ff42",class:this.retrieveClass(),tabindex:"0"},d("slot",{key:"87fa940d952cc77e8a2d95cbff8a8690d782039a"}))}static get style(){return":host{--card-overflow:hidden}div{display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;box-sizing:border-box;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--blue100)}div.faded{border:var(--border-size-medium) solid var(--color-background)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}"}},[257,"z-myz-card",{faded:[4],cardtype:[1],ispressed:[4],ishighlighted:[4]}]);function t(){"undefined"!=typeof customElements&&["z-myz-card"].forEach((e=>{"z-myz-card"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}export{s as Z,t as d}

package/dist/components/index23.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,transformTag as c}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"42a8b5cd164a26010f0a4f5b24111fce46734faf"},a("slot",{key:"c16fdc0b5b4903994c6806989fe0e08acda7de07",name:"alert"}),a("slot",{key:"37aa2d3560a4e4abcead0bcf5a242da3ef64a56d",name:"cover"}))}static get style(){return":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}"}},[257,"z-myz-card-body"]);function n(){"undefined"!=typeof customElements&&["z-myz-card-body"].forEach((e=>{"z-myz-card-body"===e&&(customElements.get(c(e))||customElements.define(c(e),s))}))}export{s as Z,n as d}
+import{proxyCustomElement as e,HTMLElement as t,h as s,transformTag as d}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("div",{key:"95ef1a2e8d5babdef3f5d89b532b6916cd1e2e4c"},s("slot",{key:"96616fcb612f3ae7f1db129d50e5dbd0497870a9",name:"alert"}),s("slot",{key:"327613cfcfe1a9f96e66531629d0591b90717569",name:"cover"}))}static get style(){return":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}"}},[257,"z-myz-card-body"]);function o(){"undefined"!=typeof customElements&&["z-myz-card-body"].forEach((e=>{"z-myz-card-body"===e&&(customElements.get(d(e))||customElements.define(d(e),n))}))}export{n as Z,o as d}

package/dist/components/index24.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,transformTag as r}from"@stencil/core/internal/client";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}hadleOnImageError(){this.img=this.defaultimg}render(){return s("img",{key:"abaa6c16a6cb827834669e78332968bf741208c1",class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}static get style(){return"img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}"}},[1,"z-myz-card-cover",{img:[1],titolo:[1],faded:[4],defaultimg:[1]}]);function c(){"undefined"!=typeof customElements&&["z-myz-card-cover"].forEach((t=>{"z-myz-card-cover"===t&&(customElements.get(r(t))||customElements.define(r(t),i))}))}export{i as Z,c as d}
+import{proxyCustomElement as t,HTMLElement as e,h as s,transformTag as r}from"@stencil/core/internal/client";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}hadleOnImageError(){this.img=this.defaultimg}render(){return s("img",{key:"13e827933bb784fbe1e00c690048e2e9c3699313",class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}static get style(){return"img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}"}},[1,"z-myz-card-cover",{img:[1],titolo:[1],faded:[4],defaultimg:[1]}]);function c(){"undefined"!=typeof customElements&&["z-myz-card-cover"].forEach((t=>{"z-myz-card-cover"===t&&(customElements.get(r(t))||customElements.define(r(t),i))}))}export{i as Z,c as d}

package/dist/components/index25.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as a,transformTag as t}from"@stencil/core/internal/client";import{L as i}from"./index2.js";const o=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,faded:this.faded}}render(){return a("header",{key:"cb6d37eb3216830f6077ead88b023626ac70d533",class:this.retrieveClass()},a("slot",{key:"3f75c5d25d0d7fb8c4d8fd4d1ef8579565cbff58",name:"aria-heading"}),a("span",{key:"450a394125795418318d6988826803831285a9c2",class:"card-title",ref:e=>this.ellipsis=e,title:this.getTitle()},this.titolo),a("slot",{key:"9aabb4daea8a2065290d5dc5d06fc7a61bc5a2ca",name:"icon"}))}static get style(){return'header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name="aria-heading"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--blue100);background-color:var(--color-primary03)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-background)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}'}},[257,"z-myz-card-header",{titolo:[1],faded:[4],cardtype:[1],allowTooltip:[32]}]);function d(){"undefined"!=typeof customElements&&["z-myz-card-header"].forEach((e=>{"z-myz-card-header"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))}export{o as Z,d}
+import{proxyCustomElement as e,HTMLElement as r,h as t,transformTag as a}from"@stencil/core/internal/client";import{L as i}from"./index2.js";const o=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,faded:this.faded}}render(){return t("header",{key:"671c26a2953f4ca84e9c0bc3b84e8f6cf3d442f7",class:this.retrieveClass()},t("slot",{key:"d59992fbe354f2c6c4934613ed8597e3673fa49b",name:"aria-heading"}),t("span",{key:"b58bfc5c6ab9993c33b4e8fcfde411a537c5d0f3",class:"card-title",ref:e=>this.ellipsis=e,title:this.getTitle()},this.titolo),t("slot",{key:"3928815f962ffd84793775a964a2303a901eed06",name:"icon"}))}static get style(){return'header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name="aria-heading"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--blue100);background-color:var(--color-primary03)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-background)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}'}},[257,"z-myz-card-header",{titolo:[1],faded:[4],cardtype:[1],allowTooltip:[32]}]);function d(){"undefined"!=typeof customElements&&["z-myz-card-header"].forEach((e=>{"z-myz-card-header"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))}export{o as Z,d}

package/dist/components/index26.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,transformTag as a}from"@stencil/core/internal/client";import{h as n}from"./utils.js";import{d as o}from"./index3.js";const l=i(class extends t{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.zListItemLinkClick=s(this,"zListItemLinkClick",7),this.zListItemClick=s(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return e("li",{key:"421a202bed848893be7768d3ba5ef267faaf1bfe",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>n(i,this.emitZListItemClick,this.listitemid)},e("span",{key:"3253979885329c3e12e2ffcb2dd5d52d2d9defef",class:this.underlined&&"border"},this.icon&&e("z-icon",{key:"2c02dbdaef9e3b82c0a974f522455ce9636eb4b4",name:this.icon}),this.link?e("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>n(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):e("span",{innerHTML:this.text}),e("slot",{key:"826e823b22893e9012341f5f9f1b58e2da8cbd95"})))}static get style(){return":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}"}},[257,"z-myz-list-item",{text:[1],link:[1],linktarget:[1],icon:[1],listitemid:[1],action:[1],underlined:[4]}]);function r(){"undefined"!=typeof customElements&&["z-myz-list-item","z-icon"].forEach((i=>{switch(i){case"z-myz-list-item":customElements.get(a(i))||customElements.define(a(i),l);break;case"z-icon":customElements.get(a(i))||o()}}))}export{l as Z,r as d}
+import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,transformTag as a}from"@stencil/core/internal/client";import{h as n}from"./utils.js";import{d as o}from"./index3.js";const l=i(class extends t{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.zListItemLinkClick=s(this,"zListItemLinkClick",7),this.zListItemClick=s(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return e("li",{key:"09e6ff232f05fda0714becf9e1197c174f4d8a70",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>n(i,this.emitZListItemClick,this.listitemid)},e("span",{key:"5af77b520ee760061280a3e1bc7f0a14a935abe4",class:this.underlined&&"border"},this.icon&&e("z-icon",{key:"5d850a4a1e5b5390c8d24529df96c65eda11f8e9",name:this.icon}),this.link?e("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>n(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):e("span",{innerHTML:this.text}),e("slot",{key:"9d581e10a76a3affba423defd8d468d6485d347a"})))}static get style(){return":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}"}},[257,"z-myz-list-item",{text:[1],link:[1],linktarget:[1],icon:[1],listitemid:[1],action:[1],underlined:[4]}]);function r(){"undefined"!=typeof customElements&&["z-myz-list-item","z-icon"].forEach((i=>{switch(i){case"z-myz-list-item":customElements.get(a(i))||customElements.define(a(i),l);break;case"z-icon":customElements.get(a(i))||o()}}))}export{l as Z,r as d}

package/dist/components/index27.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,createEvent as t,h as r,transformTag as s}from"@stencil/core/internal/client";import{P as p}from"./index2.js";import{d as i}from"./index17.js";const a=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.openChange=t(this,"openChange",7),this.position=p.AUTO,this.dark=!1,this.open=!1,this.closable=!0}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return r("z-popover",{key:"21236ca0162a4ce1c7d1c6adfd052332e8a566b8",ref:e=>this.popoverEl=e,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:!0,showArrow:!0,onOpenChange:e=>this.openChange.emit(e.detail)},r("slot",{key:"fb78016230d9246043c60bd22e1ed7c6baa4d78d"}))}static get style(){return":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-default-text);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));--z-tooltip-padding:var(--space-unit)}z-popover{--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-padding:var(--z-tooltip-padding);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}"}},[257,"z-tooltip",{position:[513],dark:[516],open:[1540],bindTo:[1,"bind-to"],closable:[4]},[[0,"openChange","onPopoverOpenChange"]]]);function n(){"undefined"!=typeof customElements&&["z-tooltip","z-popover"].forEach((e=>{switch(e){case"z-tooltip":customElements.get(s(e))||customElements.define(s(e),a);break;case"z-popover":customElements.get(s(e))||i()}}))}export{a as Z,n as d}
+import{proxyCustomElement as o,HTMLElement as e,createEvent as t,h as r,transformTag as s}from"@stencil/core/internal/client";import{P as p}from"./index2.js";import{d as i}from"./index17.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.openChange=t(this,"openChange",7),this.position=p.AUTO,this.dark=!1,this.open=!1,this.closable=!0}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return r("z-popover",{key:"33f8d0a6de0f95f3218736b57451d80cd3cc9506",ref:o=>this.popoverEl=o,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:!0,showArrow:!0,onOpenChange:o=>this.openChange.emit(o.detail)},r("slot",{key:"3608136c1675f0f8823a216ab622af272685e8dc"}))}static get style(){return":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-default-text);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));--z-tooltip-padding:var(--space-unit)}z-popover{--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-padding:var(--z-tooltip-padding);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}"}},[257,"z-tooltip",{position:[513],dark:[516],open:[1540],bindTo:[1,"bind-to"],closable:[4]},[[0,"openChange","onPopoverOpenChange"]]]);function n(){"undefined"!=typeof customElements&&["z-tooltip","z-popover"].forEach((o=>{switch(o){case"z-tooltip":customElements.get(s(o))||customElements.define(s(o),a);break;case"z-popover":customElements.get(s(o))||i()}}))}export{a as Z,n as d}

package/dist/components/index3.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{I as s,C as r}from"./iconset.js";const h=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}selectPathOrPolygon(i){return(null==i?void 0:i.startsWith("M"))?e("path",{d:i}):e("polygon",{points:i})}renderBaseIcon(){return e("svg",{id:this.iconid||void 0,fill:this.fill?`var(--${this.fill})`:void 0,viewBox:"0 0 1000 1000",width:this.width,height:this.height},this.selectPathOrPolygon(s[this.name]))}render(){return e(o,{key:"65da13cefdf22f1935d9e1dbc171522955b24f1b","aria-hidden":"true"},r.includes(this.name)?e("div",{class:"icon-wrapper"},e("svg",{class:"color-indicator",fill:this.indicatorColor||"#FFFFFF00",viewBox:"0 0 1000 1000",width:this.width,height:this.height},this.selectPathOrPolygon(s["picker-color"])),this.renderBaseIcon()):this.renderBaseIcon())}static get style(){return":host{display:inline;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}.icon-wrapper{position:relative;z-index:0;display:inline-block}svg:not([width]){width:var(--z-icon-width, 1.125rem)}svg:not([height]){height:var(--z-icon-height, 1.125rem)}.icon-wrapper svg.color-indicator{position:absolute;z-index:-1;bottom:0;left:0}"}},[1,"z-icon",{name:[1],height:[8],width:[8],iconid:[1],fill:[1],indicatorColor:[1,"indicator-color"]}]);function c(){"undefined"!=typeof customElements&&["z-icon"].forEach((i=>{"z-icon"===i&&(customElements.get(n(i))||customElements.define(n(i),h))}))}export{h as Z,c as d}
+import{proxyCustomElement as i,HTMLElement as t,h as e,Host as n,transformTag as r}from"@stencil/core/internal/client";import{C as o,I as s}from"./iconset.js";const a=/^(.+?)(-transparent)?(-filled|-button)?$/,h=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}selectPathOrPolygon(i){return(null==i?void 0:i.startsWith("M"))?e("path",{d:i}):e("polygon",{points:i})}get hasColorIndicator(){return o.includes(this.name)}get needsTransparentIndicator(){var i;return["transparent","#ffffff00"].includes(null===(i=this.indicatorColor)||void 0===i?void 0:i.toLowerCase())}getTransparentIndicatorIconIfNeeded(){var i;const t=null===(i=this.name)||void 0===i?void 0:i.replace(a,"$1-transparent$3");return this.hasColorIndicator&&this.needsTransparentIndicator&&s[t]?t:this.name}renderColorIndicator(){return e("svg",{class:"color-indicator",fill:this.indicatorColor||"#FFFFFF00",viewBox:"0 0 1000 1000",width:this.width,height:this.height,"aria-hidden":"true"},this.selectPathOrPolygon(s["picker-color"]))}renderBaseIcon(){return e("svg",{id:this.iconid||void 0,fill:this.fill?`var(--${this.fill})`:void 0,viewBox:"0 0 1000 1000",width:this.width,height:this.height,"aria-hidden":"true"},this.selectPathOrPolygon(s[this.getTransparentIndicatorIconIfNeeded()]))}render(){return e(n,{key:"a25f6701cc68dc9fbf9d14b4e8747d4ead9ee44b","aria-hidden":"true"},this.hasColorIndicator&&!this.needsTransparentIndicator?e("div",{class:"icon-wrapper"},this.renderColorIndicator(),this.renderBaseIcon()):this.renderBaseIcon())}static get style(){return":host{display:inline;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}.icon-wrapper{position:relative;z-index:0;display:inline-block}svg:not([width]){width:var(--z-icon-width, 1.125rem)}svg:not([height]){height:var(--z-icon-height, 1.125rem)}.icon-wrapper svg.color-indicator{position:absolute;z-index:-1;bottom:0;left:0}"}},[1,"z-icon",{name:[1],height:[8],width:[8],iconid:[1],fill:[1],indicatorColor:[1,"indicator-color"]}]);function d(){"undefined"!=typeof customElements&&["z-icon"].forEach((i=>{"z-icon"===i&&(customElements.get(r(i))||customElements.define(r(i),h))}))}export{h as Z,d}

package/dist/components/index4.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as e,h as o,transformTag as s}from"@stencil/core/internal/client";const t=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"3b30646b07e779247f6aa142a80d2a18501c9302",class:this.type},o("slot",{key:"fb6e05d4c1ca8bb6916efd5f18071e788e9006ca"}))}static get style(){return":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-inverse-success);fill:var(--color-default-success)}:host>.warning{background:var(--color-inverse-warning);fill:var(--color-default-warning)}:host>.error{background:var(--color-inverse-error);fill:var(--color-default-error)}"}},[257,"z-alert",{type:[1]}]);function a(){"undefined"!=typeof customElements&&["z-alert"].forEach((r=>{"z-alert"===r&&(customElements.get(s(r))||customElements.define(s(r),t))}))}export{t as Z,a as d}
+import{proxyCustomElement as r,HTMLElement as e,h as o,transformTag as s}from"@stencil/core/internal/client";const t=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"665f7a7ce9deaf03cb08a9fadc332152b1abf700",class:this.type},o("slot",{key:"f6517f07a45d30eda648e071acf5049bd0d1b2b7"}))}static get style(){return":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-inverse-success);fill:var(--color-default-success)}:host>.warning{background:var(--color-inverse-warning);fill:var(--color-default-warning)}:host>.error{background:var(--color-inverse-error);fill:var(--color-default-error)}"}},[257,"z-alert",{type:[1]}]);function a(){"undefined"!=typeof customElements&&["z-alert"].forEach((r=>{"z-alert"===r&&(customElements.get(s(r))||customElements.define(s(r),t))}))}export{t as Z,a as d}

package/dist/components/index5.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,h as t,transformTag as a}from"@stencil/core/internal/client";import{c as n,B as i,$ as e,e as c}from"./index2.js";import{d as s}from"./index3.js";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.ariaLabel=void 0,this.role="",this.disabled=!1,this.type=n.BUTTON,this.variant=i.PRIMARY,this.iconPosition=e.LEFT,this.size=c.BIG,this.hasText=!1}componentWillLoad(){var o;this.hasText=!!(null===(o=this.hostElement.textContent)||void 0===o?void 0:o.trim())}get attributes(){return{id:this.htmlid,class:{"z-button--container":!0,"z-button--has-text":this.hasText}}}renderIcon(){return this.icon&&t("z-icon",{name:this.icon})}render(){return this.href?t("a",Object.assign({},this.attributes,{"aria-label":this.ariaLabel||void 0,href:this.href,target:this.target}),this.renderIcon(),t("slot",null)):t("button",Object.assign({},this.attributes,{"aria-label":this.ariaLabel||void 0,name:this.name,type:this.type,disabled:this.disabled,role:this.htmlrole||this.role||void 0}),this.renderIcon(),t("slot",null))}get hostElement(){return this}static get style(){return'.sc-z-button-h{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:0;--z-icon-left-margin:0}[disabled].sc-z-button-h:not([disabled="false"]){pointer-events:none}.sc-z-button-h .z-button--container.sc-z-button{display:inline-flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;padding:0;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);column-gap:var(--space-unit);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}[icon-position="right"].sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{flex-direction:row-reverse}[size="big"].sc-z-button-h .z-button--container.sc-z-button{min-width:44px;height:44px}[size="small"].sc-z-button-h .z-button--container.sc-z-button{min-width:36px;height:36px}[size="x-small"].sc-z-button-h .z-button--container.sc-z-button{min-width:32px;height:32px}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse)}}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-text-inverse)}[variant="primary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled03)}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-button-secondary);color:var(--color-primary01)}@media (hover: hover){[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-button-secondary);color:var(--color-hover-primary)}}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-button-secondary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary)}[variant="secondary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-button-secondary);color:var(--color-disabled03)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary02);background-color:var(--color-primary02);color:var(--color-primary01)}@media (hover: hover){[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-primary03);background-color:var(--color-primary03);color:var(--color-hover-primary)}}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{border-color:var(--color-primary02);background-color:var(--color-primary02);color:var(--color-primary01)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-primary02);background-color:var(--color-primary02);box-shadow:var(--shadow-2);color:var(--color-primary01)}[variant="tertiary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled03)}'}},[262,"z-button",{ariaLabel:[1,"aria-label"],role:[1],htmlrole:[1],href:[1],target:[1],htmlid:[1],name:[1],disabled:[516],type:[1],variant:[513],icon:[1],iconPosition:[513,"icon-position"],size:[513]}]);function b(){"undefined"!=typeof customElements&&["z-button","z-icon"].forEach((o=>{switch(o){case"z-button":customElements.get(a(o))||customElements.define(a(o),l);break;case"z-icon":customElements.get(a(o))||s()}}))}export{l as Z,b as d}
+import{proxyCustomElement as o,HTMLElement as r,h as t,transformTag as a}from"@stencil/core/internal/client";import{c as n,B as i,$ as e,e as c}from"./index2.js";import{d as s}from"./index3.js";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.ariaLabel=void 0,this.role="",this.disabled=!1,this.type=n.BUTTON,this.variant=i.PRIMARY,this.iconPosition=e.LEFT,this.size=c.BIG,this.hasText=!1}componentWillLoad(){var o;this.hasText=!!(null===(o=this.hostElement.textContent)||void 0===o?void 0:o.trim())}get attributes(){return{id:this.htmlid,class:{"z-button--container":!0,"z-button--has-text":this.hasText}}}renderIcon(){return this.icon&&t("z-icon",{name:this.icon})}render(){var o,r;const a=(null===(o=this.ariaLabel)||void 0===o?void 0:o.trim())||void 0,n=this.htmlrole||(null===(r=this.role)||void 0===r?void 0:r.trim())||void 0;return this.href?t("a",Object.assign({},this.attributes,{"aria-label":a,href:this.href,target:this.target}),this.renderIcon(),t("slot",null)):t("button",Object.assign({},this.attributes,{"aria-label":a,name:this.name,type:this.type,disabled:this.disabled,role:n}),this.renderIcon(),t("slot",null))}get hostElement(){return this}static get style(){return'.sc-z-button-h{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:0;--z-icon-left-margin:0}[disabled].sc-z-button-h:not([disabled="false"]){pointer-events:none}.sc-z-button-h .z-button--container.sc-z-button{display:inline-flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;padding:0;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);column-gap:var(--space-unit);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}[icon-position="right"].sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{flex-direction:row-reverse}[size="big"].sc-z-button-h .z-button--container.sc-z-button{min-width:44px;height:44px}[size="small"].sc-z-button-h .z-button--container.sc-z-button{min-width:36px;height:36px}[size="x-small"].sc-z-button-h .z-button--container.sc-z-button{min-width:32px;height:32px}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse)}}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-text-inverse)}[variant="primary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled03)}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-button-secondary);color:var(--color-primary01)}@media (hover: hover){[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-button-secondary);color:var(--color-hover-primary)}}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-button-secondary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary)}[variant="secondary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-button-secondary);color:var(--color-disabled03)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary02);background-color:var(--color-primary02);color:var(--color-primary01)}@media (hover: hover){[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-primary03);background-color:var(--color-primary03);color:var(--color-hover-primary)}}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{border-color:var(--color-primary02);background-color:var(--color-primary02);color:var(--color-primary01)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-primary02);background-color:var(--color-primary02);box-shadow:var(--shadow-2);color:var(--color-primary01)}[variant="tertiary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled03)}'}},[262,"z-button",{ariaLabel:[1,"aria-label"],role:[1],htmlrole:[1],href:[1],target:[1],htmlid:[1],name:[1],disabled:[516],type:[1],variant:[513],icon:[1],iconPosition:[513,"icon-position"],size:[513]}]);function b(){"undefined"!=typeof customElements&&["z-button","z-icon"].forEach((o=>{switch(o){case"z-button":customElements.get(a(o))||customElements.define(a(o),l);break;case"z-icon":customElements.get(a(o))||s()}}))}export{l as Z,b as d}

package/dist/components/index6.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,h as d,Host as r,transformTag as s}from"@stencil/core/internal/client";import{D as t,h as a}from"./index2.js";const v=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.size=t.SMALL,this.color="gray200",this.orientation=a.HORIZONTAL}render(){return d(r,{key:"2be45be46ca78f9c49d78bb39d88a49a3e226074",class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}static get style(){return".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}"}},[2,"z-divider",{size:[1],color:[1],orientation:[1]}]);function o(){"undefined"!=typeof customElements&&["z-divider"].forEach((i=>{"z-divider"===i&&(customElements.get(s(i))||customElements.define(s(i),v))}))}export{v as Z,o as d}
+import{proxyCustomElement as i,HTMLElement as e,h as d,Host as r,transformTag as s}from"@stencil/core/internal/client";import{D as t,h as a}from"./index2.js";const v=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.size=t.SMALL,this.color="gray200",this.orientation=a.HORIZONTAL}render(){return d(r,{key:"ad8d9a15195becf87ba4a03e73a279ecee4d4b93",class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}static get style(){return".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}"}},[2,"z-divider",{size:[1],color:[1],orientation:[1]}]);function o(){"undefined"!=typeof customElements&&["z-divider"].forEach((i=>{"z-divider"===i&&(customElements.get(s(i))||customElements.define(s(i),v))}))}export{v as Z,o as d}

package/dist/components/index7.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Fragment as r,Host as n,transformTag as c}from"@stencil/core/internal/client";import{k as a,e as p,I as o,f as u}from"./index2.js";import{r as l,d as h}from"./utils.js";import{d as z}from"./index3.js";import{d}from"./index8.js";const b=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.inputChange=e(this,"inputChange",7),this.startTyping=e(this,"startTyping",7),this.stopTyping=e(this,"stopTyping",7),this.inputCheck=e(this,"inputCheck",7),this.inputFocus=e(this,"inputFocus",7),this.inputBlur=e(this,"inputBlur",7),this.htmlid=`id-${l()}`,this.ariaLabel="",this.htmlAriaExpanded="",this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.message=!0,this.labelPosition=a.RIGHT,this.role="",this.hasclearicon=!0,this.size=p.BIG,this.isTyping=!1,this.passwordHidden=!0,this.typingtimeout=300}inputCheckListener(i){const t=i.detail;this.type===o.RADIO&&t.type===o.RADIO&&t.name===this.name&&t.id!==this.htmlid&&(this.checked=!1)}async isChecked(){switch(this.type){case o.CHECKBOX:case o.RADIO:return this.checked;default:return console.warn("`isChecked` method is only available for type `checkbox` and `radio`"),!1}}emitInputChange(i){let t;this.isTyping||this.emitStartTyping(),t=this.getValidity(this.type===o.TEXTAREA?"textarea":"input"),this.value=i,this.inputChange.emit({value:i,validity:t}),clearTimeout(this.timer),this.timer=setTimeout((()=>{this.emitStopTyping(this.value,t)}),this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(i,t){this.isTyping=!1,this.stopTyping.emit({value:i,validity:t})}emitInputCheck(i){this.inputCheck.emit({id:this.htmlid,checked:i,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}emitInputFocus(){this.inputFocus.emit({id:this.htmlid})}emitInputBlur(){this.inputBlur.emit({id:this.htmlid})}getValidity(i){return this.hostElement.querySelector(i).validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,minlength:this.minlength,maxlength:this.maxlength,class:{[`input-${this.status}`]:!!this.status},autocomplete:this.autocomplete,onInput:i=>this.emitInputChange(i.target.value)}}getNumberAttributes(i){if(i==o.NUMBER)return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(i){if(i==o.PASSWORD||i==o.TEXT||i==o.TEL||i==o.SEARCH||i==o.URL||i==o.EMAIL)return{pattern:this.pattern}}getRoleAttribute(){return this.role?{role:this.role}:{}}inputHasMessage(){return!1!==h(this.message)&&!0!==h(this.message)}getAriaAttrubutes(){const i=this.htmlAriaExpanded?{"aria-expanded":this.htmlAriaExpanded}:{},t=this.htmlAriaControls?{"aria-controls":this.htmlAriaControls}:{},e=this.htmlAriaAutocomplete?{"aria-autocomplete":this.htmlAriaAutocomplete}:{},s=this.htmlAriaActivedescendant?{"aria-activedescendant":this.htmlAriaActivedescendant}:{},r=this.htmlAriaDescribedBy||this.inputHasMessage()?{"aria-describedby":this.htmlAriaDescribedBy||`${this.htmlid}-message`}:{},n=this.status===u.ERROR?{"aria-invalid":"true"}:{};return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i),t),e),s),r),n)}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(i=o.TEXT){const t=this.ariaLabel?{"aria-label":this.ariaLabel}:{},e=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(i)),this.getPatternAttribute(i)),t),this.getRoleAttribute()),this.getAriaAttrubutes()),this.getFocusBlurAttributes());return(this.icon||i===o.PASSWORD)&&Object.assign(e.class,{"has-icon":!0}),this.hasclearicon&&i!=o.NUMBER&&Object.assign(e.class,{"has-clear-icon":!0}),s("div",{class:"text-wrapper"},this.renderLabel(),s("div",null,s("input",Object.assign({type:i!==o.PASSWORD||this.passwordHidden?i:o.TEXT},e,{ref:i=>this.inputRef=i})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return s("label",{class:"z-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid},this.label)}renderIcons(){return s("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===o.PASSWORD?this.renderShowHidePassword():this.icon?s("z-icon",{name:this.icon,class:{[this.size]:!0,"input-icon":!0}}):void 0}renderResetIcon(){let i=!1;return this.hasclearicon&&this.value&&!this.disabled&&!this.readonly&&this.type!=o.NUMBER||(i=!0),s("button",{type:"button",class:{"reset-icon":!0,"input-icon":!0,hidden:i},"aria-label":"cancella il contenuto dell'input",onClick:()=>{this.inputRef.value="",this.emitInputChange("")}},s("z-icon",{name:"multiply",class:this.size}))}renderShowHidePassword(){return s("button",{type:"button",class:"input-icon toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},s("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(!1!==h(this.message))return s("z-input-message",{"html-id":`${this.htmlid}-message`,message:!0===h(this.message)?void 0:this.message,status:this.status,class:this.size,disabled:this.disabled})}renderTextarea(){const i=this.getTextAttributes(),t=this.getAriaAttrubutes();return s(r,null,this.renderLabel(),s("div",{class:Object.assign(Object.assign({},i.class),{"textarea-wrapper":!0,readonly:!!i.readonly})},s("textarea",Object.assign({},i,t,{class:Object.assign(Object.assign({},i.class),{"z-scrollbar":!0}),"aria-label":this.ariaLabel||void 0},this.getRoleAttribute()))),this.renderMessage())}handleCheck(i){this.checked=i.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return s("div",{class:"checkbox-wrapper"},s("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),s("label",{htmlFor:this.htmlid,class:{"checkbox-label":!0,after:this.labelPosition===a.RIGHT,before:this.labelPosition===a.LEFT}},s("z-icon",{name:this.checked?"checkbox-checked":"checkbox",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}renderRadio(){return s("div",{class:"radio-wrapper"},s("input",Object.assign({id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),s("label",{htmlFor:this.htmlid,class:{"radio-label":!0,after:this.labelPosition===a.RIGHT,before:this.labelPosition===a.LEFT}},s("z-icon",{name:this.checked?"radio-button-checked":"radio-button",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}render(){let i;switch(this.type){case o.TEXTAREA:i=this.renderTextarea();break;case o.CHECKBOX:i=this.renderCheckbox();break;case o.RADIO:i=this.renderRadio();break;default:i=this.renderInputText(this.type)}return s(n,{key:"e3f830979b2d6306b19c5a0357ca48b42d142a74"},i)}get hostElement(){return this}static get style(){return'.sc-z-input-h{display:inline-block;width:inherit}.sc-z-input-h *.sc-z-input{box-sizing:border-box}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}input[type="search"].sc-z-input::-webkit-search-decoration,input[type="search"].sc-z-input::-webkit-search-cancel-button,input[type="search"].sc-z-input::-webkit-search-results-button,input[type="search"].sc-z-input::-webkit-search-results-decoration{display:none}input.sc-z-input,textarea.sc-z-input{background:var(--color-form-background);fill:var(--color-form-default-icon);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}input.sc-z-input,.textarea-wrapper.sc-z-input{border:var(--border-size-small) solid var(--color-form-surface04);border-radius:var(--border-radius-small);color:var(--color-form-default-text)}[size="small"].sc-z-input-h input.sc-z-input,[size="small"].sc-z-input-h textarea.sc-z-input,[size="x-small"].sc-z-input-h input.sc-z-input,[size="x-small"].sc-z-input-h textarea.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:not(.readonly):hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,.sc-z-input-h:not([readonly="true"]) .textarea-wrapper.sc-z-input:focus-within{border-color:var(--color-form-active-primary);box-shadow:var(--shadow-focus-primary);color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible:hover,.textarea-wrapper.sc-z-input:not(.readonly):focus-within:hover{outline-color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input{fill:var(--color-form-active-primary)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--color-form-active-primary)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{border-color:var(--color-form-surface03);box-shadow:none}.input-success.sc-z-input{border-color:var(--color-form-success01);background:var(--color-form-inverse-success)}.input-success.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-success.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-success01)}.input-error.sc-z-input{border-color:var(--color-form-hover-error);background:var(--color-form-inverse-error)}.input-error.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-error.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-error)}.input-warning.sc-z-input{border-color:var(--color-form-hover-warning);background:var(--color-form-inverse-warning)}.input-warning.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-warning.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-warning)}.sc-z-input:is(.input-success,.input-error.sc-z-input,.input-warning).sc-z-input:focus:focus-visible{color:var(--color-form-default-text)}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.textarea-wrapper.readonly.sc-z-input{border-color:var(--color-form-surface03);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-form-disabled03);box-shadow:none;color:var(--color-form-disabled-text);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}[disabled].sc-z-input-h:not([disabled="false"]) label.z-label.sc-z-input{color:var(--color-disabled03)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-form-default-icon)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size="small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size="x-small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input{display:flex;padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input+.input-icon.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}.textarea-wrapper.sc-z-input{width:100%;height:100%;padding:calc(var(--space-unit) * 1.5)}.textarea-wrapper.sc-z-input:not(.input-error,.input-success.sc-z-input,.input-warning).sc-z-input{background-color:var(--color-form-background)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;color:currentcolor;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-default-text);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input{border-radius:50%}.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled03)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}'}},[2,"z-input",{htmlid:[1],type:[1],name:[1],label:[1],ariaLabel:[1,"aria-label"],htmlAriaExpanded:[1,"html-aria-expanded"],htmlAriaControls:[1,"html-aria-controls"],htmlAriaAutocomplete:[1,"html-aria-autocomplete"],htmlAriaActivedescendant:[1,"html-aria-activedescendant"],value:[1025],disabled:[516],readonly:[4],required:[4],checked:[1028],placeholder:[1],htmltitle:[1],status:[1],message:[8],htmlAriaDescribedBy:[1,"html-aria-described-by"],labelPosition:[1,"label-position"],autocomplete:[1],role:[1],hasclearicon:[4],icon:[1],min:[2],minlength:[2],max:[2],maxlength:[2],step:[2],pattern:[1],size:[513],isTyping:[32],passwordHidden:[32],isChecked:[64]},[[4,"inputCheck","inputCheckListener"]]]);function f(){"undefined"!=typeof customElements&&["z-input","z-icon","z-input-message"].forEach((i=>{switch(i){case"z-input":customElements.get(c(i))||customElements.define(c(i),b);break;case"z-icon":customElements.get(c(i))||z();break;case"z-input-message":customElements.get(c(i))||d()}}))}export{b as Z,f as d}
+import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Fragment as r,Host as n,transformTag as c}from"@stencil/core/internal/client";import{k as a,e as p,I as o,f as u}from"./index2.js";import{r as l,d as h}from"./utils.js";import{d as z}from"./index3.js";import{d}from"./index8.js";const b=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.inputChange=e(this,"inputChange",7),this.startTyping=e(this,"startTyping",7),this.stopTyping=e(this,"stopTyping",7),this.inputCheck=e(this,"inputCheck",7),this.inputFocus=e(this,"inputFocus",7),this.inputBlur=e(this,"inputBlur",7),this.htmlid=`id-${l()}`,this.ariaLabel="",this.htmlAriaExpanded="",this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.message=!0,this.labelPosition=a.RIGHT,this.role="",this.hasclearicon=!0,this.size=p.BIG,this.isTyping=!1,this.passwordHidden=!0,this.typingtimeout=300}inputCheckListener(i){const t=i.detail;this.type===o.RADIO&&t.type===o.RADIO&&t.name===this.name&&t.id!==this.htmlid&&(this.checked=!1)}async isChecked(){switch(this.type){case o.CHECKBOX:case o.RADIO:return this.checked;default:return console.warn("`isChecked` method is only available for type `checkbox` and `radio`"),!1}}emitInputChange(i){let t;this.isTyping||this.emitStartTyping(),t=this.getValidity(this.type===o.TEXTAREA?"textarea":"input"),this.value=i,this.inputChange.emit({value:i,validity:t}),clearTimeout(this.timer),this.timer=setTimeout((()=>{this.emitStopTyping(this.value,t)}),this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(i,t){this.isTyping=!1,this.stopTyping.emit({value:i,validity:t})}emitInputCheck(i){this.inputCheck.emit({id:this.htmlid,checked:i,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}emitInputFocus(){this.inputFocus.emit({id:this.htmlid})}emitInputBlur(){this.inputBlur.emit({id:this.htmlid})}getValidity(i){return this.hostElement.querySelector(i).validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,minlength:this.minlength,maxlength:this.maxlength,class:{[`input-${this.status}`]:!!this.status},autocomplete:this.autocomplete,onInput:i=>this.emitInputChange(i.target.value)}}getNumberAttributes(i){if(i==o.NUMBER)return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(i){if(i==o.PASSWORD||i==o.TEXT||i==o.TEL||i==o.SEARCH||i==o.URL||i==o.EMAIL)return{pattern:this.pattern}}inputHasMessage(){return!1!==h(this.message)&&!0!==h(this.message)}getAriaAttributes(){return Object.assign(Object.assign(Object.assign({},this.role?{role:this.role}:{}),this.htmlAriaDescribedBy?{"aria-describedby":this.htmlAriaDescribedBy}:{}),this.htmlAriaLabelledby?{"aria-labelledby":this.htmlAriaLabelledby}:{})}getTextAriaAttributes(){const i=this.htmlAriaExpanded?{"aria-expanded":this.htmlAriaExpanded}:{},t=this.htmlAriaControls?{"aria-controls":this.htmlAriaControls}:{},e=this.htmlAriaAutocomplete?{"aria-autocomplete":this.htmlAriaAutocomplete}:{},s=this.htmlAriaActivedescendant?{"aria-activedescendant":this.htmlAriaActivedescendant}:{},r=this.htmlAriaDescribedBy||this.inputHasMessage()?{"aria-describedby":this.htmlAriaDescribedBy||`${this.htmlid}-message`}:{},n=this.status===u.ERROR?{"aria-invalid":"true"}:{};return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getAriaAttributes()),i),t),e),s),r),n)}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(i=o.TEXT){const t=this.ariaLabel?{"aria-label":this.ariaLabel}:{},e=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(i)),this.getPatternAttribute(i)),t),this.getTextAriaAttributes()),this.getFocusBlurAttributes());return(this.icon||i===o.PASSWORD)&&Object.assign(e.class,{"has-icon":!0}),this.hasclearicon&&i!=o.NUMBER&&Object.assign(e.class,{"has-clear-icon":!0}),s("div",{class:"text-wrapper"},this.renderLabel(),s("div",null,s("input",Object.assign({type:i!==o.PASSWORD||this.passwordHidden?i:o.TEXT},e,{ref:i=>this.inputRef=i})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return s("label",{class:"z-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid},this.label)}renderIcons(){return s("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===o.PASSWORD?this.renderShowHidePassword():this.icon?s("z-icon",{name:this.icon,class:{[this.size]:!0,"input-icon":!0}}):void 0}renderResetIcon(){let i=!1;return this.hasclearicon&&this.value&&!this.disabled&&!this.readonly&&this.type!=o.NUMBER||(i=!0),s("button",{type:"button",class:{"reset-icon":!0,"input-icon":!0,hidden:i},"aria-label":"cancella il contenuto dell'input",onClick:()=>{this.inputRef.value="",this.emitInputChange(""),this.inputRef.focus()}},s("z-icon",{name:"multiply",class:this.size}))}renderShowHidePassword(){return s("button",{type:"button",class:"input-icon toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},s("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(!1!==h(this.message))return s("z-input-message",{"html-id":`${this.htmlid}-message`,message:!0===h(this.message)?void 0:this.message,status:this.status,class:this.size,disabled:this.disabled})}renderTextarea(){const i=this.getTextAttributes(),t=this.getTextAriaAttributes();return s(r,null,this.renderLabel(),s("div",{class:Object.assign(Object.assign({},i.class),{"textarea-wrapper":!0,readonly:!!i.readonly})},s("textarea",Object.assign({},i,t,{class:Object.assign(Object.assign({},i.class),{"z-scrollbar":!0}),"aria-label":this.ariaLabel||void 0}))),this.renderMessage())}handleCheck(i){this.checked=i.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return s("div",{class:"checkbox-wrapper"},s("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getAriaAttributes(),this.getFocusBlurAttributes())),s("label",{htmlFor:this.htmlid,class:{"checkbox-label":!0,after:this.labelPosition===a.RIGHT,before:this.labelPosition===a.LEFT}},s("z-icon",{name:this.checked?"checkbox-checked":"checkbox",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}renderRadio(){return s("div",{class:"radio-wrapper"},s("input",Object.assign({id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value},this.getAriaAttributes(),this.getFocusBlurAttributes())),s("label",{htmlFor:this.htmlid,class:{"radio-label":!0,after:this.labelPosition===a.RIGHT,before:this.labelPosition===a.LEFT}},s("z-icon",{name:this.checked?"radio-button-checked":"radio-button",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}render(){let i;switch(this.type){case o.TEXTAREA:i=this.renderTextarea();break;case o.CHECKBOX:i=this.renderCheckbox();break;case o.RADIO:i=this.renderRadio();break;default:i=this.renderInputText(this.type)}return s(n,{key:"2536f6387f2325190522fc8cc4f788147bead800"},i)}get hostElement(){return this}static get style(){return'.sc-z-input-h{display:inline-block;width:inherit}.sc-z-input-h *.sc-z-input{box-sizing:border-box}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}input[type="search"].sc-z-input::-webkit-search-decoration,input[type="search"].sc-z-input::-webkit-search-cancel-button,input[type="search"].sc-z-input::-webkit-search-results-button,input[type="search"].sc-z-input::-webkit-search-results-decoration{display:none}input.sc-z-input,textarea.sc-z-input{background:var(--color-form-background);fill:var(--color-form-default-icon);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}input.sc-z-input,.textarea-wrapper.sc-z-input{border:var(--border-size-small) solid var(--color-form-surface04);border-radius:var(--border-radius-small);color:var(--color-form-default-text)}[size="small"].sc-z-input-h input.sc-z-input,[size="small"].sc-z-input-h textarea.sc-z-input,[size="x-small"].sc-z-input-h input.sc-z-input,[size="x-small"].sc-z-input-h textarea.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:not(.readonly):hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,.sc-z-input-h:not([readonly="true"]) .textarea-wrapper.sc-z-input:focus-within{border-color:var(--color-form-active-primary);box-shadow:var(--shadow-focus-primary);color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible:hover,.textarea-wrapper.sc-z-input:not(.readonly):focus-within:hover{outline-color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input{fill:var(--color-form-active-primary)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--color-form-active-primary)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{border-color:var(--color-form-surface03);box-shadow:none}.input-success.sc-z-input{border-color:var(--color-form-success01);background:var(--color-form-inverse-success)}.input-success.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-success.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-success01)}.input-error.sc-z-input{border-color:var(--color-form-hover-error);background:var(--color-form-inverse-error)}.input-error.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-error.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-error)}.input-warning.sc-z-input{border-color:var(--color-form-hover-warning);background:var(--color-form-inverse-warning)}.input-warning.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-warning.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-warning)}.sc-z-input:is(.input-success,.input-error.sc-z-input,.input-warning).sc-z-input:focus:focus-visible{color:var(--color-form-default-text)}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.textarea-wrapper.readonly.sc-z-input{border-color:var(--color-form-surface03);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-form-disabled03);box-shadow:none;color:var(--color-form-disabled-text);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}[disabled].sc-z-input-h:not([disabled="false"]) label.z-label.sc-z-input{color:var(--color-disabled03)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-form-default-icon)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size="small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size="x-small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input{display:flex;padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input+.input-icon.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.toggle-password-icon.sc-z-input{display:flex;min-width:24px;min-height:24px;align-items:center;justify-content:center;cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}.textarea-wrapper.sc-z-input{width:100%;height:100%;padding:calc(var(--space-unit) * 1.5)}.textarea-wrapper.sc-z-input:not(.input-error,.input-success.sc-z-input,.input-warning).sc-z-input{background-color:var(--color-form-background)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;color:currentcolor;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-default-text);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;min-height:24px;align-items:center;padding:3px 0;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input{border-radius:50%}.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled03)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}'}},[2,"z-input",{htmlid:[1],type:[1],name:[1],label:[1],ariaLabel:[1,"aria-label"],htmlAriaExpanded:[1,"html-aria-expanded"],htmlAriaControls:[1,"html-aria-controls"],htmlAriaAutocomplete:[1,"html-aria-autocomplete"],htmlAriaActivedescendant:[1,"html-aria-activedescendant"],htmlAriaDescribedBy:[1,"html-aria-described-by"],htmlAriaLabelledby:[1,"html-aria-labelledby"],value:[1025],disabled:[516],readonly:[4],required:[4],checked:[1028],placeholder:[1],htmltitle:[1],status:[1],message:[8],labelPosition:[1,"label-position"],autocomplete:[1],role:[1],hasclearicon:[4],icon:[1],min:[2],minlength:[2],max:[2],maxlength:[2],step:[2],pattern:[1],size:[513],isTyping:[32],passwordHidden:[32],isChecked:[64]},[[4,"inputCheck","inputCheckListener"]]]);function m(){"undefined"!=typeof customElements&&["z-input","z-icon","z-input-message"].forEach((i=>{switch(i){case"z-input":customElements.get(c(i))||customElements.define(c(i),b);break;case"z-icon":customElements.get(c(i))||z();break;case"z-input-message":customElements.get(c(i))||d()}}))}export{b as Z,m as d}

package/dist/components/index8.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as t,h as e,Host as a,transformTag as i}from"@stencil/core/internal/client";import{r as o}from"./utils.js";import{d as c}from"./index3.js";const n=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.htmlId=`id-${o()}`,this.htmlRole="alert",this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"},this.statusRole={}}onMessageChange(){this.statusRole=this.htmlRole&&this.message&&this.status?{role:this.htmlRole}:{}}componentWillLoad(){this.onMessageChange()}render(){return e(a,Object.assign({key:"2a344b237779b36f3c6fcbd41d1b96c71c08d286"},this.statusRole),this.statusIcons[this.status]&&this.message&&e("z-icon",{key:"dbd6314657659bc49619393ae30a1fbfd8051635",name:this.statusIcons[this.status]}),e("span",{key:"fe39967aedc46a55bff2719881f793d0c0e9283b",id:this.htmlId,innerHTML:this.message}))}static get watchers(){return{message:[{onMessageChange:0}],status:[{onMessageChange:0}],htmlRole:[{onMessageChange:0}]}}static get style(){return':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-default-text);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status="success"]){color:var(--color-hover-success)}:host([status="error"]){color:var(--color-hover-error)}:host([status="warning"]){color:var(--color-hover-warning)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}:host([disabled]){color:var(--color-disabled03);fill:var(--color-disabled03)}'}},[1,"z-input-message",{message:[1],htmlId:[1,"html-id"],htmlRole:[1,"html-role"],status:[513],disabled:[516],statusRole:[32]},void 0,{message:[{onMessageChange:0}],status:[{onMessageChange:0}],htmlRole:[{onMessageChange:0}]}]);function r(){"undefined"!=typeof customElements&&["z-input-message","z-icon"].forEach((s=>{switch(s){case"z-input-message":customElements.get(i(s))||customElements.define(i(s),n);break;case"z-icon":customElements.get(i(s))||c()}}))}export{n as Z,r as d}
+import{proxyCustomElement as s,HTMLElement as e,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{r as o}from"./utils.js";import{d as c}from"./index3.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.htmlId=`id-${o()}`,this.htmlRole="alert",this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"},this.statusRole={}}onMessageChange(){this.statusRole=this.htmlRole&&this.message&&this.status?{role:this.htmlRole}:{}}componentWillLoad(){this.onMessageChange()}render(){return t(a,Object.assign({key:"575ca29cba9f2d617b8b2c65bb054204e7aa411c"},this.statusRole),this.statusIcons[this.status]&&this.message&&t("z-icon",{key:"6b9a19626fac468cdf5773aebd66cba90489eaa3",name:this.statusIcons[this.status]}),t("span",{key:"c951a0146f5fe8def8428aee39ce923b24aa23bb",id:this.htmlId,innerHTML:this.message}))}static get watchers(){return{message:[{onMessageChange:0}],status:[{onMessageChange:0}],htmlRole:[{onMessageChange:0}]}}static get style(){return':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-default-text);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status="success"]){color:var(--color-hover-success)}:host([status="error"]){color:var(--color-hover-error)}:host([status="warning"]){color:var(--color-hover-warning)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}:host([disabled]){color:var(--color-disabled03);fill:var(--color-disabled03)}'}},[1,"z-input-message",{message:[1],htmlId:[1,"html-id"],htmlRole:[1,"html-role"],status:[513],disabled:[516],statusRole:[32]},void 0,{message:[{onMessageChange:0}],status:[{onMessageChange:0}],htmlRole:[{onMessageChange:0}]}]);function r(){"undefined"!=typeof customElements&&["z-input-message","z-icon"].forEach((s=>{switch(s){case"z-input-message":customElements.get(i(s))||customElements.define(i(s),n);break;case"z-icon":customElements.get(i(s))||c()}}))}export{n as Z,r as d}

package/dist/components/index9.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{i as o,m as l}from"./index2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.size=o.MEDIUM,this.listType=l.NONE,this.role="list"}setChildrenSizeType(){const t=this.host.children;for(let e=0;e<t.length;e++)t[e].setAttribute("size",this.size),t[e].setAttribute("list-type",this.listType),t[e].setAttribute("list-element-position",(e+1).toString())}componentDidLoad(){this.setChildrenSizeType()}render(){return s(i,{key:"f34729eb14ef690bf0aeb7da4b406e955a66fbf7"},s("slot",{key:"82b4a9c72937797bb8f7e4141f7a4c609908c702"}))}get host(){return this}static get style(){return":host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}"}},[257,"z-list",{size:[513],listType:[513,"list-type"],role:[513]}]);function f(){"undefined"!=typeof customElements&&["z-list"].forEach((t=>{"z-list"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))}export{r as Z,f as d}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{i as o,m as l}from"./index2.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.size=o.MEDIUM,this.listType=l.NONE,this.role="list"}setChildrenSizeType(){const t=this.host.children;for(let e=0;e<t.length;e++)t[e].setAttribute("size",this.size),t[e].setAttribute("list-type",this.listType),t[e].setAttribute("list-element-position",(e+1).toString())}componentDidLoad(){this.setChildrenSizeType()}render(){return s(i,{key:"2aac86dccac20cc21ec7c1341a99298f8523af49"},s("slot",{key:"207231c63243efcd61917a9b4aa3394e22379bbd"}))}get host(){return this}static get style(){return":host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}"}},[257,"z-list",{size:[513],listType:[513,"list-type"],role:[513]}]);function r(){"undefined"!=typeof customElements&&["z-list"].forEach((t=>{"z-list"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))}export{c as Z,r as d}

package/dist/components/utils.js

@@ -1 +1 @@
-import{p as t,g as n}from"./index2.js";import{B as r}from"./breakpoints.js";function e(t){switch(t){case!0:case"true":case 1:case"1":case"on":case"yes":return!0;case!1:case"false":case 0:case"0":case"off":case"no":return!1;default:return t}}function a(){return Math.random().toString(36).replace("0.","")}function s(t,r,...e){t.code!==n.ENTER&&t.code!==n.SPACE||(t.preventDefault(),r(...e))}function c(t,r,...e){t.code===n.ENTER&&(t.preventDefault(),r(...e))}function o(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?o(t=t.shadowRoot.activeElement):t}function i(t,n=[]){return n.push(t),t.parentElement?i(t=t.parentElement,n):t.parentNode&&t.parentNode.host?i(t=t.parentNode.host,n):n}function u(){switch(!0){case window.innerWidth<=r.MOBILE:return t.MOBILE;case window.innerWidth<=r.TABLET:return t.TABLET;case window.innerWidth<=r.DESKTOP:return t.DESKTOP;default:return t.DESKTOP_WIDE}}function f(t){try{return JSON.parse(t)}catch(t){return!1}}function l(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}function d(t,n){var r;if(t.contains(n)||(null===(r=t.shadowRoot)||void 0===r?void 0:r.contains(n)))return!0;const e=t=>{if(t===n)return!0;const r=t.shadowRoot;if(!r)return Array.from(t.childNodes).some(e);if(r.contains(n))return!0;const a=Array.from(r.querySelectorAll("slot")).some((t=>t.assignedNodes({flatten:!0}).some((t=>{var r,a;return(null===(a=(r=t).contains)||void 0===a?void 0:a.call(r,n))||e(t)}))));return!!a||Array.from(r.children).some(e)||Array.from(t.childNodes).some(e)};return e(t)}function w(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement}function h(t,n){const r=t.getBoundingClientRect(),e=r.bottom>0&&r.top<t.ownerDocument.documentElement.clientHeight&&r.right>0&&r.left<t.ownerDocument.documentElement.clientWidth;if(n===t.ownerDocument.documentElement||n===t.ownerDocument.body)return e;const a=n.getBoundingClientRect();return r.bottom>a.top&&r.top<a.bottom&&r.right>a.left&&r.left<a.right&&e}function b(t){let n=w(t);const r=window.getComputedStyle(t).position;for(;n&&n!==t.ownerDocument.documentElement;){const t=window.getComputedStyle(n);switch(r){case"fixed":{const r=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(r.some((n=>"none"!==t.getPropertyValue(n)))||r.some((n=>t.getPropertyValue("will-change").includes(n))))return n;break}case"absolute":if("static"!==t.position)return n;break;case"relative":case"sticky":case"static":{const t=window.getComputedStyle(n).display;if("block"===t||"flex"===t||"grid"===t||"table"===t||"flow-root"===t||"inline-block"===t||"inline-flex"===t||"inline-grid"===t)return n;break}}n=w(n)}return t.ownerDocument.documentElement}const k=t=>(new DOMParser).parseFromString(t,"text/html").body.textContent||"";export{d as a,k as b,l as c,e as d,o as e,i as f,u as g,s as h,f as i,w as j,b as k,h as l,c as m,a as r}
+import{p as t,g as n}from"./index2.js";import{B as r}from"./breakpoints.js";function e(t){switch(t){case!0:case"true":case 1:case"1":case"on":case"yes":return!0;case!1:case"false":case 0:case"0":case"off":case"no":return!1;default:return t}}function a(){return Math.random().toString(36).replace("0.","")}function s(t,r,...e){t.code!==n.ENTER&&t.code!==n.SPACE||(t.preventDefault(),r(...e))}function c(t,r,...e){t.code===n.ENTER&&(t.preventDefault(),r(...e))}function o(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?o(t=t.shadowRoot.activeElement):t}function i(t,n=[]){return n.push(t),t.parentElement?i(t=t.parentElement,n):t.parentNode&&t.parentNode.host?i(t=t.parentNode.host,n):n}function u(){switch(!0){case window.innerWidth<=r.MOBILE:return t.MOBILE;case window.innerWidth<=r.TABLET:return t.TABLET;case window.innerWidth<=r.DESKTOP:return t.DESKTOP;default:return t.DESKTOP_WIDE}}function f(t){try{return JSON.parse(t)}catch(t){return!1}}function l(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}function d(t,n){var r;if(t.contains(n)||(null===(r=t.shadowRoot)||void 0===r?void 0:r.contains(n)))return!0;const e=t=>{if(t===n)return!0;const r=t.shadowRoot;if(!r)return Array.from(t.childNodes).some(e);if(r.contains(n))return!0;const a=Array.from(r.querySelectorAll("slot")).some((t=>t.assignedNodes({flatten:!0}).some((t=>{var r,a;return(null===(a=(r=t).contains)||void 0===a?void 0:a.call(r,n))||e(t)}))));return!!a||Array.from(r.children).some(e)||Array.from(t.childNodes).some(e)};return e(t)}function w(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement}function h(t,n){const r=t.getBoundingClientRect(),e=r.bottom>0&&r.top<t.ownerDocument.documentElement.clientHeight&&r.right>0&&r.left<t.ownerDocument.documentElement.clientWidth;if(n===t.ownerDocument.documentElement||n===t.ownerDocument.body)return e;const a=n.getBoundingClientRect();return r.bottom>a.top&&r.top<a.bottom&&r.right>a.left&&r.left<a.right&&e}function b(t){let n=w(t);const r=window.getComputedStyle(t).position;for(;n&&n!==t.ownerDocument.documentElement;){const t=window.getComputedStyle(n);switch(r){case"fixed":{const r=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(r.some((n=>"none"!==t.getPropertyValue(n)))||r.some((n=>t.getPropertyValue("will-change").includes(n))))return n;break}case"absolute":if("static"!==t.position)return n;break;case"relative":case"sticky":case"static":{const t=window.getComputedStyle(n).display;if("block"===t||"flex"===t||"grid"===t||"table"===t||"flow-root"===t||"inline-block"===t||"inline-flex"===t||"inline-grid"===t)return n;break}}n=w(n)}return t.ownerDocument.documentElement}const k=t=>(new DOMParser).parseFromString(t,"text/html").body.textContent||"",p=t=>t.split("").map((t=>t.charCodeAt(0).toString(16))).join("");export{d as a,k as b,l as c,e as d,p as e,o as f,u as g,s as h,i,f as j,w as k,b as l,h as m,c as n,a as r}