npm - @zanichelli/albe-web-components - Versions diffs - 20.0.4 → 20.1.0 - Mend

@zanichelli/albe-web-components 20.0.4 → 20.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (951) hide show

package/dist/components/index15.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{M as n,e as r}from"./index2.js";import{d as s}from"./index3.js";const l=()=>`: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)}}`;const c=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.icon="informationsource";this.position=n.BOTTOM_RIGHT;this.htmlAriaLabel="Apri pannello informazioni";this.size=r.BIG;this.open=false}adjustPanelPosition(){if(!this.open||!this.panel){return}const e=this.host.getBoundingClientRect();const i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10);const t=document.documentElement.offsetWidth;const 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=false}handleEscapeKey(e){if(e.key==="Escape"&&this.open){this.closePanel()}}render(){return t(o,{key:"93a959f87536a8719056395c0313d2c4eb80933a",open:this.open},t("button",{key:"dafb2a601e255dbe468ad314d36b2bad372205e3",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":!this.label?this.htmlAriaLabel||undefined:undefined,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&t("z-icon",{key:"47a514d2aec089a9888499e01320fa0c94cb8435",name:this.icon}),this.label&&t("span",{key:"e7b67263087a9055b9938c9f3c7a24a0feb42e36",class:"z-info-reveal-label"},this.label)),t("div",{key:"fdf7b368c7c62781ac4c62149044c3f8f8b93888",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:e=>this.panel=e,hidden:!this.open},t("slot",{key:"3ff5c03cda7bc30f5f5b2717730cf426c84791be"}),t("button",{key:"1fe310525e1591791dce2d271141bf2b7f09ef92",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},t("z-icon",{key:"54aff13bb4c09562bb51350e36beaf4c7aca00c2",name:"multiply"}))))}get host(){return this}static get watchers(){return{position:[{adjustPanelPosition:0}],open:[{adjustPanelPosition:0}]}}static get style(){return l()}},[257,"z-info-reveal",{icon:[1],position:[513],label:[1],htmlAriaLabel:[1,"html-aria-label"],size:[513],open:[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{position:[{adjustPanelPosition:0}],open:[{adjustPanelPosition:0}]}]);function f(){if(typeof customElements==="undefined"){return}const e=["z-info-reveal","z-icon"];e.forEach((e=>{switch(e){case"z-info-reveal":if(!customElements.get(a(e))){customElements.define(a(e),c)}break;case"z-icon":if(!customElements.get(a(e))){s()}break}}))}export{c as Z,f as d};
-//# sourceMappingURL=index15.js.map
+import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{M 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.htmlAriaLabel="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:"a17eade11bb03b087b94b47e8f2232870ebcc31c",open:this.open},t("button",{key:"c426d62e2ac8e362b343e665ae6a641c3833c234",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":this.label?void 0:this.htmlAriaLabel||void 0,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&t("z-icon",{key:"2d93750e8a45a57a1ca3e8ae3510d8ad68ad7fec",name:this.icon}),this.label&&t("span",{key:"ecafc40fb1a65b3a2b7525a9b1b4f57e50e5bd95",class:"z-info-reveal-label"},this.label)),t("div",{key:"1528cfab126f69091886760bf8eadf6cc92d2134",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:e=>this.panel=e,hidden:!this.open},t("slot",{key:"71736de1992142746e1ead583aad1ded7ea5e4a0"}),t("button",{key:"cbe6e1671bdc2503a137f01a41a9194ff8cb6a6b",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},t("z-icon",{key:"5d2a752ad271c6a66f2c0dadb17eab9577d4ed88",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],htmlAriaLabel:[1,"html-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/index16.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";import{P as n,g as a,p as h}from"./index2.js";import{a as c,k as f,l as p,g as l,m as u}from"./utils.js";const b=()=>`: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}`;const d=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.positionChange=e(this,"positionChange",7);this.openChange=e(this,"openChange",7);this.position=n.TOP;this.open=false;this.showArrow=false;this.center=false;this.closable=true;this.spaceTolerance=3}closePopoverWithKeyboard(t){if(this.closable&&t.key===a.ESC){t.stopPropagation();this.open=false}}handleOutsideClick(t){const o=t.target;if(!this.closable||!this.open||c(this.host,o)){return}if(c(this.boundElement,o)){t.stopPropagation()}this.open=false}validatePosition(t){if(!Object.values(n).includes(t)||t===n.AUTO){t=n.TOP;this.position=t}this.currentPosition=t;if(this.open){this.setPosition()}}onOpen(){cancelAnimationFrame(this.animationFrameRequestId);this.openChange.emit({open:this.open});if(!this.open){Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});this.currentPosition=undefined;return}const t=()=>{if(!this.open){return}this.setPosition();this.animationFrameRequestId=requestAnimationFrame(t)};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){if(typeof this.bindTo==="string"){this.boundElement=this.host.ownerDocument.querySelector(this.bindTo)}else if(this.bindTo){this.boundElement=this.bindTo}else{this.boundElement=f(this.host);if(this.boundElement.tagName.toLowerCase()==="z-tooltip"){this.boundElement=f(this.boundElement)}}}hasCenteredHorizontalSpace(t,o,e,s){const r=(e-s)*(1-this.offsetModifier);if(!this.center){return o>=r-this.spaceTolerance}return o>=r-this.spaceTolerance&&t>=r-this.spaceTolerance}hasCenteredVerticalSpace(t,o,e,s){const r=(e-s)*(1-this.offsetModifier);if(!this.center){return o>=r-this.spaceTolerance}return t>=r-this.spaceTolerance&&o>=r-this.spaceTolerance}hasEnoughSideSpace(t,o,e,s){return t>=o-e*(1-s)-this.spaceTolerance}getOptimalPopoverPosition(o,e){const s=this.host.offsetWidth;const r=this.host.offsetHeight;const i=this.boundElement.getBoundingClientRect().width;const a=this.boundElement.getBoundingClientRect().height;const h=this.offsetModifier;const c=t=>{switch(t){case n.TOP:return e.top>=r-this.spaceTolerance&&this.hasCenteredHorizontalSpace(e.left,e.right,s,i);case n.TOP_RIGHT:return e.top>=r&&this.hasEnoughSideSpace(e.right,s,i,h);case n.TOP_LEFT:return e.top>=r&&this.hasEnoughSideSpace(e.left,s,i,h);case n.RIGHT:return e.right>=s&&this.hasCenteredVerticalSpace(e.top,e.bottom,r,a);case n.RIGHT_BOTTOM:return e.right>=s&&this.hasEnoughSideSpace(e.bottom,r,a,h);case n.RIGHT_TOP:return e.right>=s&&this.hasEnoughSideSpace(e.top,r,a,h);case n.BOTTOM:return e.bottom>=r&&this.hasCenteredHorizontalSpace(e.left,e.right,s,i);case n.BOTTOM_LEFT:return e.bottom>=r&&this.hasEnoughSideSpace(e.left,s,i,h);case n.BOTTOM_RIGHT:return e.bottom>=r&&this.hasEnoughSideSpace(e.right,s,i,h);case n.LEFT:return e.left>=s&&this.hasCenteredVerticalSpace(e.top,e.bottom,r,a);case n.LEFT_TOP:return e.left>=s&&this.hasEnoughSideSpace(e.top,r,a,h);case n.LEFT_BOTTOM:return e.left>=s&&this.hasEnoughSideSpace(e.bottom,r,a,h);default:return false}};if(c(o)){return o}const f=t.positionOrder;const p=f.indexOf(o);if(p===-1){return o}for(let t=1;t<f.length;t++){const o=(p+t)%f.length;const e=f[o];if(c(e)){return e}}return this.findBestFallbackPosition(e)}findBestFallbackPosition(t){const o=t.right>=t.left?n.RIGHT:n.LEFT;const e=t.bottom>=t.top?n.BOTTOM:n.TOP;const s=Math.max(t.right,t.left);const r=Math.max(t.bottom,t.top);const i=r>=s?e:o;let a=false;if(i===e){const o=Math.min(t.right,t.left);a=s>=o*2}else{const o=Math.min(t.bottom,t.top);a=r>=o*2}if(!a){return i}const h=i===e?o:e;return`${i}_${h}`}findScrollableAncestor(t){let o=f(t);while(o){if(o===t.ownerDocument.documentElement){return o}const e=getComputedStyle(o);const{overflow:s,overflowX:r,overflowY:i}=e;const n=s==="hidden"||i==="hidden"||r==="hidden";const a=o.scrollHeight>o.clientHeight&&s!=="visible"&&i!=="visible"||o.scrollWidth>o.clientWidth&&s!=="visible"&&r!=="visible";if(!n&&a){return o}o=f(o)}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 o=this.findScrollableAncestor(this.boundElement);const e=o.getBoundingClientRect();const s=o!==this.boundElement.ownerDocument.documentElement;const r=this.boundElement.ownerDocument.documentElement.clientWidth;const i=this.boundElement.ownerDocument.documentElement.clientHeight;const n=8;const a=s?e.top:0;const h=s?r-e.right:0;const c=s?i-e.bottom:0;const f=s?e.left:0;this.cachedAvailableSpace={top:t.top-a-n,right:r-t.right-h-n,bottom:i-t.bottom-c-n,left:t.left-f-n};return this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();const o=this.boundElement.ownerDocument.documentElement.clientWidth;const e=this.boundElement.ownerDocument.documentElement.clientHeight;return{top:t.top,right:o-t.right,bottom:e-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets();const o=p(this.host);const e=o===this.host.ownerDocument.documentElement;if(e){return t}const s=o.getBoundingClientRect();const r=getComputedStyle(o);const i={top:s.top+parseFloat(r.borderTopWidth),right:s.right-parseFloat(r.borderRightWidth),bottom:s.bottom-parseFloat(r.borderBottomWidth),left:s.left+parseFloat(r.borderLeftWidth)};const n=this.boundElement.getBoundingClientRect();const a={top:n.top-i.top,right:i.right-n.right,bottom:i.bottom-n.bottom,left:n.left-i.left};return{top:a.top+o.scrollTop,right:a.right-o.scrollLeft,bottom:a.bottom-o.scrollTop,left:a.left+o.scrollLeft}}applyPositionStyles(t,o){const e=this.boundElement.offsetWidth;const s=this.boundElement.offsetHeight;const r=this.offsetModifier;const i=this.showArrow&&this.center?8:0;const a=this.host.style;const c=parseFloat(getComputedStyle(this.host).marginTop.replace("px",""))||0;const f=this.computePositionOffsets();const p=f.left+e*r;const u=f.right+e*r;const b=f.top+s;const d=f.bottom+s;const m=f.top+s*r;const g=f.bottom+s*r;let v;let w;switch(t){case n.TOP:case n.TOP_RIGHT:a.bottom=`${d}px`;a.left=`${p-(t===n.TOP_RIGHT?i:0)}px`;w=o.top-c;if(t===n.TOP_RIGHT){v=o.right+e*r}break;case n.TOP_LEFT:a.right=`${u-i}px`;a.bottom=`${d}px`;v=o.left+e*r;w=o.top-c;break;case n.BOTTOM:case n.BOTTOM_RIGHT:a.top=`${b}px`;a.left=`${p-(t===n.BOTTOM_RIGHT?i:0)}px`;w=o.bottom-c;if(t===n.BOTTOM_RIGHT){v=o.right+e*r}break;case n.BOTTOM_LEFT:a.top=`${b}px`;a.right=`${u-i}px`;v=o.left+e*r;w=o.bottom-c;break;case n.RIGHT:case n.RIGHT_BOTTOM:a.top=`${m-(t===n.RIGHT_BOTTOM?i:0)}px`;a.left=`${f.left+e}px`;v=o.right-c;if(t===n.RIGHT){w=o.top+o.bottom+s}else{w=o.bottom+s*r}break;case n.RIGHT_TOP:a.bottom=`${g-i}px`;a.left=`${f.left+e}px`;v=o.right-c;w=o.top+s*r;break;case n.LEFT:case n.LEFT_BOTTOM:a.top=`${m-(t===n.LEFT_BOTTOM?i:0)}px`;a.right=`${f.right+e}px`;v=o.left-c;if(t===n.LEFT_BOTTOM){w=o.bottom+s*r}break;case n.LEFT_TOP:a.right=`${f.right+e}px`;a.bottom=`${g-i}px`;v=o.left-c;w=o.top+s*r;break}if(l()!==h.MOBILE){Object.assign(a,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}}setPosition(){if(!this.boundElement){return}if(!u(this.boundElement,this.findScrollableAncestor(this.boundElement))){this.open=false;return}Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace();const o=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(o,t);this.currentPosition=o;this.positionChange.emit({position:this.currentPosition});this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement();if(this.open){this.onOpen()}}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return s(r,{key:"0e6292269933c7cc266fe367408a87789af21c1a","current-position":this.currentPosition},s("slot",{key:"cb86147569eb9a026116aff1f1a4cfcbc226d010"}))}get host(){return this}static get watchers(){return{position:[{validatePosition:0}],open:[{onOpen:0}],bindTo:[{onBindingChange:0}]}}static get style(){return b()}},[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}]}]);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];function m(){if(typeof customElements==="undefined"){return}const t=["z-popover"];t.forEach((t=>{switch(t){case"z-popover":if(!customElements.get(i(t))){customElements.define(i(t),d)}break}}))}export{d as Z,m as d};
-//# sourceMappingURL=index16.js.map
+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:"e966103be59ff2a16c40ff2e2a1d31de604be689","current-position":this.currentPosition},r("slot",{key:"78a7a8745c8d13e7f337ad740fba6b77ddbe69f6"}))}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/index17.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";const a=()=>`: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%)}}`;const n=e(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}render(){return t(s,{key:"6cccad2dd44ef74ed0e09e70242b40e97a025019"})}static get style(){return a()}},[1,"z-ghost-loading"]);function i(){if(typeof customElements==="undefined"){return}const e=["z-ghost-loading"];e.forEach((e=>{switch(e){case"z-ghost-loading":if(!customElements.get(o(e))){customElements.define(o(e),n)}break}}))}export{n as Z,i as d};
-//# sourceMappingURL=index17.js.map
+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:"b1c177e57e4cdfc90113ae87fdee508edb2398d1"})}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}

package/dist/components/index18.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as i,HTMLElement as c,createEvent as r,h as e,transformTag as o}from"@stencil/core/internal/client";import{x as a,y as n}from"./index2.js";import{d as t}from"./index3.js";const s=()=>`.sc-z-chip-h,.sc-z-chip-h *.sc-z-chip{box-sizing:border-box}.sc-z-chip-h{display:block}.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) * 2);border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:14px;color:var(--color-primary01);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);gap:var(--space-unit);line-height:1}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{position:relative;display:flex;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;border-radius:50%;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover .interactive-icon.sc-z-chip{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip{border-color:transparent;background-color:var(--color-primary01);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-inverse-icon);border-radius:50%;content:"";opacity:0;pointer-events:none;transition:opacity 0.2s}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover::before{opacity:0.16}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover .interactive-icon.sc-z-chip{color:var(--color-inverse-icon);fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.soft.sc-z-chip{border-color:transparent;background-color:var(--color-primary02);color:var(--color-default-text)}.sc-z-chip-h>.z-chip-container.soft.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip .interactive-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);background-color:transparent}.sc-z-chip-h>.z-chip-container.filled[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container.soft[aria-disabled].sc-z-chip{border-color:transparent;background-color: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>.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}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{padding:0 calc(var(--space-unit) * 1.5);font-size:12px;gap:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px}.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}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{width:20px;height:20px}}`;const h=i(class i extends c{constructor(i){super();if(i!==false){this.__registerHost()}this.interactiveIconClick=r(this,"interactiveIconClick",7);this.type=a.DEFAULT;this.variant=n.OUTLINE;this.disabled=false}render(){return e("div",{key:"7c193d4f98e2caddd979a9583099e50d710f36a0",class:{"z-chip-container":true,"z-chip-interactive":!!this.interactiveIcon,[this.type]:true,[this.variant]:true},"aria-disabled":this.disabled?"true":undefined},this.icon&&e("z-icon",{key:"cf16aec1373dbab96a6631e842bab6d1819ff7fb",name:this.icon}),e("slot",{key:"b2bead0fa564bda7098aaa89b277fa113c0af783"}),this.interactiveIcon&&e("button",{key:"2ae74ae46a7a47b646eb36dae752b5eaee95af7e",type:"button",onClick:()=>this.interactiveIconClick.emit(),"aria-label":this.htmlAriaLabel||undefined,disabled:this.disabled},e("z-icon",{key:"64a298c0312904caf16112d2f3816732262dd0ed",class:"interactive-icon",name:this.interactiveIcon})))}get el(){return this}static get style(){return s()}},[262,"z-chip",{icon:[1],type:[513],variant:[513],interactiveIcon:[513,"interactive-icon"],disabled:[516],htmlAriaLabel:[1,"html-aria-label"]}]);function p(){if(typeof customElements==="undefined"){return}const i=["z-chip","z-icon"];i.forEach((i=>{switch(i){case"z-chip":if(!customElements.get(o(i))){customElements.define(o(i),h)}break;case"z-icon":if(!customElements.get(o(i))){t()}break}}))}export{h as Z,p as d};
-//# sourceMappingURL=index18.js.map
+import{proxyCustomElement as i,HTMLElement as c,createEvent as r,h as e,transformTag as o}from"@stencil/core/internal/client";import{x as a,y as n}from"./index2.js";import{d as t}from"./index3.js";const s=i(class extends c{constructor(i){super(),!1!==i&&this.__registerHost(),this.interactiveIconClick=r(this,"interactiveIconClick",7),this.type=a.DEFAULT,this.variant=n.OUTLINE,this.disabled=!1}render(){return e("div",{key:"23853441cd7006f2eb0beb6fc3b5d25c41b6ade5",class:{"z-chip-container":!0,"z-chip-interactive":!!this.interactiveIcon,[this.type]:!0,[this.variant]:!0},"aria-disabled":this.disabled?"true":void 0},this.icon&&e("z-icon",{key:"2e15a55af9f47daad505ad39145bc1c9e49a30fe",name:this.icon}),e("slot",{key:"aa8563156675268280998ac5a8f7174f9b367ee8"}),this.interactiveIcon&&e("button",{key:"c21d0b09976bf7875f8c974d1e521e0dff0ab03b",type:"button",onClick:()=>this.interactiveIconClick.emit(),"aria-label":this.htmlAriaLabel||void 0,disabled:this.disabled},e("z-icon",{key:"4e67ed78a85e1de337d6c44a673fdf5788ff619e",class:"interactive-icon",name:this.interactiveIcon})))}get el(){return this}static get style(){return'.sc-z-chip-h,.sc-z-chip-h *.sc-z-chip{box-sizing:border-box}.sc-z-chip-h{display:block}.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) * 2);border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:14px;color:var(--color-primary01);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);gap:var(--space-unit);line-height:1}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{position:relative;display:flex;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;border-radius:50%;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover .interactive-icon.sc-z-chip{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip{border-color:transparent;background-color:var(--color-primary01);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-inverse-icon);border-radius:50%;content:"";opacity:0;pointer-events:none;transition:opacity 0.2s}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover::before{opacity:0.16}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover .interactive-icon.sc-z-chip{color:var(--color-inverse-icon);fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.soft.sc-z-chip{border-color:transparent;background-color:var(--color-primary02);color:var(--color-default-text)}.sc-z-chip-h>.z-chip-container.soft.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip .interactive-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);background-color:transparent}.sc-z-chip-h>.z-chip-container.filled[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container.soft[aria-disabled].sc-z-chip{border-color:transparent;background-color: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>.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}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{padding:0 calc(var(--space-unit) * 1.5);font-size:12px;gap:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px}.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}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{width:20px;height:20px}}'}},[262,"z-chip",{icon:[1],type:[513],variant:[513],interactiveIcon:[513,"interactive-icon"],disabled:[516],htmlAriaLabel:[1,"html-aria-label"]}]);function h(){"undefined"!=typeof customElements&&["z-chip","z-icon"].forEach((i=>{switch(i){case"z-chip":customElements.get(o(i))||customElements.define(o(i),s);break;case"z-icon":customElements.get(o(i))||t()}}))}export{s as Z,h as d}

package/dist/components/index19.js CHANGED Viewed

@@ -1,2 +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"./index4.js";import{d as i}from"./index3.js";const c=()=>`: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}`;const d=r(class r extends e{constructor(r){super();if(r!==false){this.__registerHost()}this.__attachShadow();this.fileDropped=a(this,"fileDropped",7);this.dragging=false}onDrop(r){r.preventDefault();this.dragging=false;if(r.dataTransfer.files.length){this.fileDropped.emit(r.dataTransfer.files)}}render(){return t(o,{key:"82abca2596010f327e84e26f467f97335530bf6a",class:{dragover:this.dragging},onDragOver:r=>{r.preventDefault();this.dragging=true},onDragLeave:()=>{this.dragging=false},onDrop:this.onDrop.bind(this)},t("div",{key:"4cbbe1e986341df2960c366019a0d952fdcf011f",class:"dragover-container"},t("z-button",{key:"e5dfdbc943876a9f618083594d1f4f148a084052"},this.dragAndDropLabel)),t("slot",{key:"87b3bbaa60996d169f7e220da1c3306de5237357"}))}static get style(){return c()}},[257,"z-dragdrop-area",{dragAndDropLabel:[1,"drag-and-drop-label"],dragging:[32]}]);function p(){if(typeof customElements==="undefined"){return}const r=["z-dragdrop-area","z-button","z-icon"];r.forEach((r=>{switch(r){case"z-dragdrop-area":if(!customElements.get(n(r))){customElements.define(n(r),d)}break;case"z-button":if(!customElements.get(n(r))){s()}break;case"z-icon":if(!customElements.get(n(r))){i()}break}}))}export{d as Z,p as d};
-//# sourceMappingURL=index19.js.map
+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"./index4.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:"82abca2596010f327e84e26f467f97335530bf6a",class:{dragover:this.dragging},onDragOver:r=>{r.preventDefault(),this.dragging=!0},onDragLeave:()=>{this.dragging=!1},onDrop:this.onDrop.bind(this)},t("div",{key:"4cbbe1e986341df2960c366019a0d952fdcf011f",class:"dragover-container"},t("z-button",{key:"e5dfdbc943876a9f618083594d1f4f148a084052"},this.dragAndDropLabel)),t("slot",{key:"87b3bbaa60996d169f7e220da1c3306de5237357"}))}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/index2.js CHANGED Viewed

@@ -1,2 +1 @@
-var a;(function(a){a["REAL"]="reale";a["VIRTUAL"]="virtuale";a["TRIAL"]="saggio";a["TEMP"]="reale_temp"})(a||(a={}));var r;(function(a){a["BORDER"]="border";a["SHADOW"]="shadow";a["OVERLAY"]="overlay";a["TEXT"]="text"})(r||(r={}));var t;(function(a){a["HORIZONTAL"]="horizontal";a["VERTICAL"]="vertical"})(t||(t={}));var e;(function(a){a["HORIZONTAL"]="horizontal";a["VERTICAL"]="vertical"})(e||(e={}));var n;(function(a){a["BIG"]="big";a["SMALL"]="small"})(n||(n={}));var o;(function(a){a["LEFT"]="ArrowLeft";a["RIGHT"]="ArrowRight";a["UP"]="ArrowUp";a["DOWN"]="ArrowDown"})(o||(o={}));var i;(function(a){a["PRIMARY"]="primary";a["SECONDARY"]="secondary";a["TERTIARY"]="tertiary"})(i||(i={}));var s;(function(a){a["SUBMIT"]="submit";a["RESET"]="reset";a["BUTTON"]="button"})(s||(s={}));var c;(function(a){a["BIG"]="big";a["SMALL"]="small";a["X_SMALL"]="x-small"})(c||(c={}));var u;(function(a){a["BIG"]="big";a["SMALL"]="small";a["X_SMALL"]="x-small"})(u||(u={}));var l;(function(a){a["TEXT"]="text";a["PASSWORD"]="password";a["NUMBER"]="number";a["EMAIL"]="email";a["TEXTAREA"]="textarea";a["CHECKBOX"]="checkbox";a["RADIO"]="radio";a["TEL"]="tel";a["URL"]="url";a["SEARCH"]="search"})(l||(l={}));var f;(function(a){a["SUCCESS"]="success";a["ERROR"]="error";a["WARNING"]="warning"})(f||(f={}));var d;(function(a){a["AUTO"]="auto";a["TOP"]="top";a["RIGHT"]="right";a["BOTTOM"]="bottom";a["LEFT"]="left";a["TOP_RIGHT"]="top_right";a["TOP_LEFT"]="top_left";a["BOTTOM_RIGHT"]="bottom_right";a["BOTTOM_LEFT"]="bottom_left";a["RIGHT_TOP"]="right_top";a["RIGHT_BOTTOM"]="right_bottom";a["LEFT_TOP"]="left_top";a["LEFT_BOTTOM"]="left_bottom"})(d||(d={}));var F;(function(a){a[a["TAB"]=9]="TAB";a[a["SPACE"]=32]="SPACE";a[a["ESC"]=27]="ESC";a[a["ENTER"]=13]="ENTER";a[a["ARROW_UP"]=38]="ARROW_UP";a[a["ARROW_DOWN"]=40]="ARROW_DOWN";a[a["BACKSPACE"]=8]="BACKSPACE";a[a["DELETE"]=46]="DELETE"})(F||(F={}));var v;(function(a){a["TAB"]="Tab";a["SPACE"]="Space";a["ESC"]="Escape";a["ENTER"]="Enter";a["ARROW_UP"]="ArrowUp";a["ARROW_DOWN"]="ArrowDown";a["BACKSPACE"]="Backspace";a["DELETE"]="Delete";a["ARROW_RIGHT"]="ArrowRight";a["ARROW_LEFT"]="ArrowLeft"})(v||(v={}));var g;(function(a){a["DARK"]="dark";a["LIGHT"]="light"})(g||(g={}));var h;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large"})(h||(h={}));var p;(function(a){a["HORIZONTAL"]="horizontal";a["VERTICAL"]="vertical"})(p||(p={}));var m;(function(a){a["ASC"]="asc";a["DESC"]="desc"})(m||(m={}));var C;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large"})(C||(C={}));var b;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large";a["X_LARGE"]="x-large";a["NONE"]="none"})(b||(b={}));var D;(function(a){a["ACCORDION"]="accordion";a["MENU"]="menu"})(D||(D={}));var k;(function(a){a["RIGHT"]="right";a["LEFT"]="left"})(k||(k={}));var A;(function(a){a["RIGHT"]="right";a["LEFT"]="left"})(A||(A={}));var w;(function(a){a["NONE"]="none";a["HEADER"]="header";a["ELEMENT"]="element"})(w||(w={}));var E;(function(a){a["NONE"]="none";a["ORDERED"]="ordered";a["UNORDERED"]="unordered"})(E||(E={}));var L;(function(a){a["SUCCESS"]="success";a["WARNING"]="warning";a["ERROR"]="error"})(L||(L={}));var R;(function(a){a["SUCCESS"]="success";a["WARNING"]="warning";a["ERROR"]="error"})(R||(R={}));var _;(function(a){a["MOBILE"]="mobile";a["TABLET"]="tablet";a["DESKTOP"]="desktop";a["DESKTOP_WIDE"]="desktop-wide"})(_||(_={}));var V;(function(a){a["DARK"]="dark";a["LIGHT"]="light";a["ACCENT"]="accent";a["ERROR"]="error";a["SUCCESS"]="success";a["WARNING"]="warning"})(V||(V={}));var y;(function(a){a["SLIDE_IN_LEFT"]="slide-in-left";a["SLIDE_IN_RIGHT"]="slide-in-right";a["SLIDE_IN_DOWN"]="slide-in-down";a["SLIDE_IN_UP"]="slide-in-up";a["SLIDE_OUT_LEFT"]="slide-out-left";a["SLIDE_OUT_RIGHT"]="slide-out-right";a["SLIDE_OUT_DOWN"]="slide-out-down";a["SLIDE_OUT_UP"]="slide-out-up"})(y||(y={}));var z;(function(a){a["TOP_RIGHT"]="top-right";a["TOP_LEFT"]="top-left";a["TOP_CENTRE"]="top-centre";a["BOTTOM_RIGHT"]="bottom-right";a["BOTTOM_LEFT"]="bottom-left";a["BOTTOM_CENTRE"]="bottom-centre"})(z||(z={}));var x;(function(a){a["EXPANDABLE"]="expandable";a["PADDING"]="padding";a["NONE"]="none"})(x||(x={}));var q;(function(a){a["POLITE"]="polite";a["ASSERTIVE"]="assertive"})(q||(q={}));var B;(function(a){a["LEFT"]="left";a["RIGHT"]="right";a["UP"]="up"})(B||(B={}));var G;(function(a){a["OVERLAY"]="overlay";a["PUSHCONTENT"]="pushcontent"})(G||(G={}));var T;(function(a){a["DEFAULT"]="default";a["DRAGDROP"]="dragdrop"})(T||(T={}));var O;(function(a){a["DEFAULT"]="default";a["MEDIUM"]="medium";a["SMALL"]="small"})(O||(O={}));var P;(function(a){a["OUTLINE"]="outline";a["FILLED"]="filled";a["SOFT"]="soft"})(P||(P={}));var S;(function(a){a["BEFORE"]="before";a["AFTER"]="after"})(S||(S={}));var W;(function(a){a["DATE"]="date";a["DATE_TIME"]="date-time";a["MONTHS"]="months"})(W||(W={}));var N;(function(a){a[a["DATE"]=401]="DATE";a[a["DATE_TIME"]=523]="DATE_TIME";a[a["MONTHS"]=288]="MONTHS"})(N||(N={}));var U;(function(a){a["TOP"]="top";a["BOTTOM"]="bottom"})(U||(U={}));var M;(function(a){a["DATE"]="date";a["DATE_TIME"]="date-time"})(M||(M={}));var H;(function(a){a["TOP_RIGHT"]="top_right";a["TOP_LEFT"]="top_left";a["BOTTOM_RIGHT"]="bottom_right";a["BOTTOM_LEFT"]="bottom_left"})(H||(H={}));var I;(function(a){a["OVERLAY"]="overlay";a["STACKED"]="stacked"})(I||(I={}));var K;(function(a){a["TOP"]="top";a["BOTTOM"]="bottom"})(K||(K={}));var Y;(function(a){a["OVER"]="over";a["BOTTOM"]="bottom"})(Y||(Y={}));var j;(function(a){a["DOTS"]="dots";a["NUMBERS"]="numbers"})(j||(j={}));var J;(function(a){a["SEMIBOLD"]="semibold";a["UNDERLINED"]="underlined"})(J||(J={}));var Q;(function(a){a["TEXT"]="text";a["ICON"]="icon"})(Q||(Q={}));var X;(function(a){a["HOVER"]="hover";a["ALWAYS"]="always"})(X||(X={}));var Z;(function(a){a["LANDSCAPE"]="landscape";a["PORTRAIT"]="portrait"})(Z||(Z={}));var $;(function(a){a["EXPANDED"]="expanded";a["COMPACT"]="compact";a["SEARCH"]="search"})($||($={}));var aa;(function(a){a["DEFAULT"]="default";a["BACKGROUND"]="background"})(aa||(aa={}));var ra;(function(a){a["LEFT"]="left";a["RIGHT"]="right"})(ra||(ra={}));const ta={"#FFFFFF00":{it:"Trasparente",en:"Transparent"},"#FFFFFF":{it:"Bianco",en:"White"},"#CCCCCC":{it:"Grigio",en:"Gray"},"#7E7E7E":{it:"Grigio scuro 1",en:"Dark gray 1"},"#333333":{it:"Grigio scuro 2",en:"Dark gray 2"},"#FFCCCC":{it:"Rosso chiaro 1",en:"Light red 1"},"#FF9999":{it:"Rosso chiaro 2",en:"Light red 2"},"#FF3333":{it:"Rosso",en:"Red"},"#CC0000":{it:"Rosso scuro 1",en:"Dark red 1"},"#660000":{it:"Rosso scuro 2",en:"Dark red 2"},"#FFE1CC":{it:"Arancione chiaro 1",en:"Light orange 1"},"#FFC399":{it:"Arancione chiaro 2",en:"Light orange 2"},"#FF8933":{it:"Arancione",en:"Orange"},"#CC5500":{it:"Arancione scuro 1",en:"Dark orange 1"},"#662B00":{it:"Arancione scuro 2",en:"Dark orange 2"},"#FFF7CC":{it:"Giallo chiaro 1",en:"Light yellow 1"},"#FFEE99":{it:"Giallo chiaro 2",en:"Light yellow 2"},"#FFDD33":{it:"Giallo",en:"Yellow"},"#CCAA00":{it:"Giallo scuro 1",en:"Dark yellow 1"},"#665600":{it:"Giallo scuro 2",en:"Dark yellow 2"},"#DDFFCC":{it:"Verde chiaro 1",en:"Light green 1"},"#BBFF99":{it:"Verde chiaro 2",en:"Light green 2"},"#77FF33":{it:"Verde",en:"Green"},"#44CC00":{it:"Verde scuro 1",en:"Dark green 1"},"#226600":{it:"Verde scuro 2",en:"Dark green 2"},"#CCFFE5":{it:"Verde acqua chiaro 1",en:"Light aquamarine 1"},"#99FFCC":{it:"Verde acqua chiaro 2",en:"Light aquamarine 2"},"#33FF99":{it:"Verde acqua",en:"Aquamarine"},"#00CC66":{it:"Verde acqua scuro 1",en:"Dark aquamarine 1"},"#006633":{it:"Verde acqua scuro 2",en:"Dark aquamarine 2"},"#CCEEFF":{it:"Azzurro chiaro 1",en:"Light blue 1"},"#99DDFF":{it:"Azzurro chiaro 2",en:"Light blue 2"},"#33BBFF":{it:"Azzurro",en:"Blue"},"#0088CC":{it:"Azzurro scuro 1",en:"Dark blue 1"},"#004466":{it:"Azzurro scuro 2",en:"Dark blue 2"},"#D4CCFF":{it:"Viola chiaro 1",en:"Light purple 1"},"#AA99FF":{it:"Viola chiaro 2",en:"Light purple 2"},"#5533FF":{it:"Viola",en:"Purple"},"#2200CC":{it:"Viola scuro 1",en:"Dark purple 1"},"#110066":{it:"Viola scuro 2",en:"Dark purple 2"},"#FFCCFF":{it:"Rosa chiaro 1",en:"Light pink 1"},"#FF99FF":{it:"Rosa chiaro 2",en:"Light pink 2"},"#FF33FF":{it:"Rosa",en:"Pink"},"#CC00CC":{it:"Rosa scuro 1",en:"Dark pink 1"},"#660066":{it:"Rosa scuro 2",en:"Dark pink 2"}};export{$,C as A,i as B,r as C,h as D,D as E,W as F,N as G,U as H,l as I,M as J,F as K,a as L,H as M,e as N,t as O,d as P,I as Q,K as R,m as S,g as T,Y as U,j as V,J as W,Q as X,X as Y,x as Z,Z as _,n as a,aa as a0,ra as a1,ta as a2,o as b,s as c,c as d,u as e,f,v as g,p as h,b as i,k as j,A as k,w as l,E as m,L as n,R as o,_ as p,V as q,y as r,z as s,q as t,B as u,G as v,T as w,O as x,P as y,S as z};
-//# sourceMappingURL=index2.js.map
+var t,e,n,o,i,a,r,s,c,u,l,f,d,F,g,h,p,m,C,b,D,k,A,w,E,L,R,_,V,y,z,v,x,q,B,G,T,O,P,S,W,N,U,M,H,I,K,Y,j,J,Q,X,Z,$,tt,et;!function(t){t.REAL="reale",t.VIRTUAL="virtuale",t.TRIAL="saggio",t.TEMP="reale_temp"}(t||(t={})),function(t){t.BORDER="border",t.SHADOW="shadow",t.OVERLAY="overlay",t.TEXT="text"}(e||(e={})),function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(n||(n={})),function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(o||(o={})),function(t){t.BIG="big",t.SMALL="small"}(i||(i={})),function(t){t.LEFT="ArrowLeft",t.RIGHT="ArrowRight",t.UP="ArrowUp",t.DOWN="ArrowDown"}(a||(a={})),function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.TERTIARY="tertiary"}(r||(r={})),function(t){t.SUBMIT="submit",t.RESET="reset",t.BUTTON="button"}(s||(s={})),function(t){t.BIG="big",t.SMALL="small",t.X_SMALL="x-small"}(c||(c={})),function(t){t.BIG="big",t.SMALL="small",t.X_SMALL="x-small"}(u||(u={})),function(t){t.TEXT="text",t.PASSWORD="password",t.NUMBER="number",t.EMAIL="email",t.TEXTAREA="textarea",t.CHECKBOX="checkbox",t.RADIO="radio",t.TEL="tel",t.URL="url",t.SEARCH="search"}(l||(l={})),function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning"}(f||(f={})),function(t){t.AUTO="auto",t.TOP="top",t.RIGHT="right",t.BOTTOM="bottom",t.LEFT="left",t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left",t.RIGHT_TOP="right_top",t.RIGHT_BOTTOM="right_bottom",t.LEFT_TOP="left_top",t.LEFT_BOTTOM="left_bottom"}(d||(d={})),function(t){t[t.TAB=9]="TAB",t[t.SPACE=32]="SPACE",t[t.ESC=27]="ESC",t[t.ENTER=13]="ENTER",t[t.ARROW_UP=38]="ARROW_UP",t[t.ARROW_DOWN=40]="ARROW_DOWN",t[t.BACKSPACE=8]="BACKSPACE",t[t.DELETE=46]="DELETE"}(F||(F={})),function(t){t.TAB="Tab",t.SPACE="Space",t.ESC="Escape",t.ENTER="Enter",t.ARROW_UP="ArrowUp",t.ARROW_DOWN="ArrowDown",t.BACKSPACE="Backspace",t.DELETE="Delete",t.ARROW_RIGHT="ArrowRight",t.ARROW_LEFT="ArrowLeft"}(g||(g={})),function(t){t.DARK="dark",t.LIGHT="light"}(h||(h={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(p||(p={})),function(t){t.HORIZONTAL="horizontal",t.VERTICAL="vertical"}(m||(m={})),function(t){t.ASC="asc",t.DESC="desc"}(C||(C={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large"}(b||(b={})),function(t){t.SMALL="small",t.MEDIUM="medium",t.LARGE="large",t.X_LARGE="x-large",t.NONE="none"}(D||(D={})),function(t){t.ACCORDION="accordion",t.MENU="menu"}(k||(k={})),function(t){t.RIGHT="right",t.LEFT="left"}(A||(A={})),function(t){t.RIGHT="right",t.LEFT="left"}(w||(w={})),function(t){t.NONE="none",t.HEADER="header",t.ELEMENT="element"}(E||(E={})),function(t){t.NONE="none",t.ORDERED="ordered",t.UNORDERED="unordered"}(L||(L={})),function(t){t.SUCCESS="success",t.WARNING="warning",t.ERROR="error"}(R||(R={})),function(t){t.SUCCESS="success",t.WARNING="warning",t.ERROR="error"}(_||(_={})),function(t){t.MOBILE="mobile",t.TABLET="tablet",t.DESKTOP="desktop",t.DESKTOP_WIDE="desktop-wide"}(V||(V={})),function(t){t.DARK="dark",t.LIGHT="light",t.ACCENT="accent",t.ERROR="error",t.SUCCESS="success",t.WARNING="warning"}(y||(y={})),function(t){t.SLIDE_IN_LEFT="slide-in-left",t.SLIDE_IN_RIGHT="slide-in-right",t.SLIDE_IN_DOWN="slide-in-down",t.SLIDE_IN_UP="slide-in-up",t.SLIDE_OUT_LEFT="slide-out-left",t.SLIDE_OUT_RIGHT="slide-out-right",t.SLIDE_OUT_DOWN="slide-out-down",t.SLIDE_OUT_UP="slide-out-up"}(z||(z={})),function(t){t.TOP_RIGHT="top-right",t.TOP_LEFT="top-left",t.TOP_CENTRE="top-centre",t.BOTTOM_RIGHT="bottom-right",t.BOTTOM_LEFT="bottom-left",t.BOTTOM_CENTRE="bottom-centre"}(v||(v={})),function(t){t.EXPANDABLE="expandable",t.PADDING="padding",t.NONE="none"}(x||(x={})),function(t){t.POLITE="polite",t.ASSERTIVE="assertive"}(q||(q={})),function(t){t.LEFT="left",t.RIGHT="right",t.UP="up"}(B||(B={})),function(t){t.OVERLAY="overlay",t.PUSHCONTENT="pushcontent"}(G||(G={})),function(t){t.DEFAULT="default",t.DRAGDROP="dragdrop"}(T||(T={})),function(t){t.DEFAULT="default",t.MEDIUM="medium",t.SMALL="small"}(O||(O={})),function(t){t.OUTLINE="outline",t.FILLED="filled",t.SOFT="soft"}(P||(P={})),function(t){t.BEFORE="before",t.AFTER="after"}(S||(S={})),function(t){t.DATE="date",t.DATE_TIME="date-time",t.MONTHS="months"}(W||(W={})),function(t){t[t.DATE=401]="DATE",t[t.DATE_TIME=523]="DATE_TIME",t[t.MONTHS=288]="MONTHS"}(N||(N={})),function(t){t.TOP="top",t.BOTTOM="bottom"}(U||(U={})),function(t){t.DATE="date",t.DATE_TIME="date-time"}(M||(M={})),function(t){t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left"}(H||(H={})),function(t){t.OVERLAY="overlay",t.STACKED="stacked"}(I||(I={})),function(t){t.TOP="top",t.BOTTOM="bottom"}(K||(K={})),function(t){t.OVER="over",t.BOTTOM="bottom"}(Y||(Y={})),function(t){t.DOTS="dots",t.NUMBERS="numbers"}(j||(j={})),function(t){t.SEMIBOLD="semibold",t.UNDERLINED="underlined"}(J||(J={})),function(t){t.TEXT="text",t.ICON="icon"}(Q||(Q={})),function(t){t.HOVER="hover",t.ALWAYS="always"}(X||(X={})),function(t){t.LANDSCAPE="landscape",t.PORTRAIT="portrait"}(Z||(Z={})),function(t){t.EXPANDED="expanded",t.COMPACT="compact",t.SEARCH="search"}($||($={})),function(t){t.DEFAULT="default",t.BACKGROUND="background"}(tt||(tt={})),function(t){t.LEFT="left",t.RIGHT="right"}(et||(et={}));const nt={"#FFFFFF00":{it:"Trasparente",en:"Transparent"},"#FFFFFF":{it:"Bianco",en:"White"},"#CCCCCC":{it:"Grigio",en:"Gray"},"#7E7E7E":{it:"Grigio scuro 1",en:"Dark gray 1"},"#333333":{it:"Grigio scuro 2",en:"Dark gray 2"},"#FFCCCC":{it:"Rosso chiaro 1",en:"Light red 1"},"#FF9999":{it:"Rosso chiaro 2",en:"Light red 2"},"#FF3333":{it:"Rosso",en:"Red"},"#CC0000":{it:"Rosso scuro 1",en:"Dark red 1"},"#660000":{it:"Rosso scuro 2",en:"Dark red 2"},"#FFE1CC":{it:"Arancione chiaro 1",en:"Light orange 1"},"#FFC399":{it:"Arancione chiaro 2",en:"Light orange 2"},"#FF8933":{it:"Arancione",en:"Orange"},"#CC5500":{it:"Arancione scuro 1",en:"Dark orange 1"},"#662B00":{it:"Arancione scuro 2",en:"Dark orange 2"},"#FFF7CC":{it:"Giallo chiaro 1",en:"Light yellow 1"},"#FFEE99":{it:"Giallo chiaro 2",en:"Light yellow 2"},"#FFDD33":{it:"Giallo",en:"Yellow"},"#CCAA00":{it:"Giallo scuro 1",en:"Dark yellow 1"},"#665600":{it:"Giallo scuro 2",en:"Dark yellow 2"},"#DDFFCC":{it:"Verde chiaro 1",en:"Light green 1"},"#BBFF99":{it:"Verde chiaro 2",en:"Light green 2"},"#77FF33":{it:"Verde",en:"Green"},"#44CC00":{it:"Verde scuro 1",en:"Dark green 1"},"#226600":{it:"Verde scuro 2",en:"Dark green 2"},"#CCFFE5":{it:"Verde acqua chiaro 1",en:"Light aquamarine 1"},"#99FFCC":{it:"Verde acqua chiaro 2",en:"Light aquamarine 2"},"#33FF99":{it:"Verde acqua",en:"Aquamarine"},"#00CC66":{it:"Verde acqua scuro 1",en:"Dark aquamarine 1"},"#006633":{it:"Verde acqua scuro 2",en:"Dark aquamarine 2"},"#CCEEFF":{it:"Azzurro chiaro 1",en:"Light blue 1"},"#99DDFF":{it:"Azzurro chiaro 2",en:"Light blue 2"},"#33BBFF":{it:"Azzurro",en:"Blue"},"#0088CC":{it:"Azzurro scuro 1",en:"Dark blue 1"},"#004466":{it:"Azzurro scuro 2",en:"Dark blue 2"},"#D4CCFF":{it:"Viola chiaro 1",en:"Light purple 1"},"#AA99FF":{it:"Viola chiaro 2",en:"Light purple 2"},"#5533FF":{it:"Viola",en:"Purple"},"#2200CC":{it:"Viola scuro 1",en:"Dark purple 1"},"#110066":{it:"Viola scuro 2",en:"Dark purple 2"},"#FFCCFF":{it:"Rosa chiaro 1",en:"Light pink 1"},"#FF99FF":{it:"Rosa chiaro 2",en:"Light pink 2"},"#FF33FF":{it:"Rosa",en:"Pink"},"#CC00CC":{it:"Rosa scuro 1",en:"Dark pink 1"},"#660066":{it:"Rosa scuro 2",en:"Dark pink 2"}};export{$,b as A,r as B,e as C,p as D,k as E,W as F,N as G,U as H,l as I,M as J,F as K,t as L,H as M,o as N,n as O,d as P,I as Q,K as R,C as S,h as T,Y as U,j as V,J as W,Q as X,X as Y,x as Z,Z as _,i as a,tt as a0,et as a1,nt as a2,a as b,s as c,c as d,u as e,f,g,m as h,D as i,A as j,w as k,E as l,L as m,R as n,_ as o,V as p,y as q,z as r,v as s,q as t,B as u,G as v,T as w,O as x,P as y,S as z}

package/dist/components/index20.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as t,createEvent as i,h as e,transformTag as o}from"@stencil/core/internal/client";import{g as n}from"./index2.js";import{R as a,F as r}from"./reactive-controller.js";import{d as s}from"./index3.js";var l=window.CustomEvent;if(!l||typeof l==="object"){l=function t(i,e){e=e||{};var o=document.createEvent("CustomEvent");o.initCustomEvent(i,!!e.bubbles,!!e.cancelable,e.detail||null);return o};l.prototype=window.Event.prototype}function d(t,i){var e="on"+i.type.toLowerCase();if(typeof t[e]==="function"){t[e](i)}return t.dispatchEvent(i)}function c(t){while(t&&t!==document.body){var i=window.getComputedStyle(t);var e=function(t,e){return!(i[t]===undefined||i[t]===e)};if(i.opacity<1||e("zIndex","auto")||e("transform","none")||e("mixBlendMode","normal")||e("filter","none")||e("perspective","none")||i["isolation"]==="isolate"||i.position==="fixed"||i.webkitOverflowScrolling==="touch"){return true}t=t.parentElement}return false}function h(t){while(t){if(t.localName==="dialog"){return t}if(t.parentElement){t=t.parentElement}else if(t.parentNode){t=t.parentNode.host}else{t=null}}return null}function u(t){while(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement}if(t&&t.blur&&t!==document.body){t.blur()}}function f(t,i){for(var e=0;e<t.length;++e){if(t[e]===i){return true}}return false}function m(t){if(!t||!t.hasAttribute("method")){return false}return t.getAttribute("method").toLowerCase()==="dialog"}function v(t){var i=["button","input","keygen","select","textarea"];var e=i.map((function(t){return t+":not([disabled])"}));e.push('[tabindex]:not([disabled]):not([tabindex=""])');var o=t.querySelector(e.join(", "));if(!o&&"attachShadow"in Element.prototype){var n=t.querySelectorAll("*");for(var a=0;a<n.length;a++){if(n[a].tagName&&n[a].shadowRoot){o=v(n[a].shadowRoot);if(o){break}}}}return o}function b(t){return t.isConnected||document.body.contains(t)}function p(t){if(t.submitter){return t.submitter}var i=t.target;if(!(i instanceof HTMLFormElement)){return null}var e=k.formSubmitter;if(!e){var o=t.target;var n="getRootNode"in o&&o.getRootNode()||document;e=n.activeElement}if(!e||e.form!==i){return null}return e}function g(t){if(t.defaultPrevented){return}var i=t.target;var e=k.imagemapUseValue;var o=p(t);if(e===null&&o){e=o.value}var n=h(i);if(!n){return}var a=o&&o.getAttribute("formmethod")||i.getAttribute("method");if(a!=="dialog"){return}t.preventDefault();if(e!=null){n.close(e)}else{n.close()}}function w(t){this.dialog_=t;this.replacedStyleTop_=false;this.openAsModal_=false;if(!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",g,false);if(!("returnValue"in t)){t.returnValue=""}if("MutationObserver"in window){var i=new MutationObserver(this.maybeHideModal.bind(this));i.observe(t,{attributes:true,attributeFilter:["open"]})}else{var e=false;var o=function(){e?this.downgradeModal():this.maybeHideModal();e=false}.bind(this);var n;var a=function(i){if(i.target!==t){return}var a="DOMNodeRemoved";e|=i.type.substr(0,a.length)===a;window.clearTimeout(n);n=window.setTimeout(o,0)};["DOMAttrModified","DOMNodeRemoved","DOMNodeRemovedFromDocument"].forEach((function(i){t.addEventListener(i,a)}))}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))}w.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){if(this.dialog_.hasAttribute("open")&&b(this.dialog_)){return}this.downgradeModal()},downgradeModal:function(){if(!this.openAsModal_){return}this.openAsModal_=false;this.dialog_.style.zIndex="";if(this.replacedStyleTop_){this.dialog_.style.top="";this.replacedStyleTop_=false}this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_);k.dm.removeDialog(this)},setOpen:function(t){if(t){this.dialog_.hasAttribute("open")||this.dialog_.setAttribute("open","")}else{this.dialog_.removeAttribute("open");this.maybeHideModal()}},backdropMouseEvent_:function(t){if(!this.dialog_.hasAttribute("tabindex")){var i=document.createElement("div");this.dialog_.insertBefore(i,this.dialog_.firstChild);i.tabIndex=-1;i.focus();this.dialog_.removeChild(i)}else{this.dialog_.focus()}var e=document.createEvent("MouseEvents");e.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(e);t.stopPropagation()},focus_:function(){var t=this.dialog_.querySelector("[autofocus]:not([disabled])");if(!t&&this.dialog_.tabIndex>=0){t=this.dialog_}if(!t){t=v(this.dialog_)}u(document.activeElement);t&&t.focus()},updateZIndex:function(t,i){if(t<i){throw new Error("dialogZ should never be < backdropZ")}this.dialog_.style.zIndex=t;this.backdrop_.style.zIndex=i},show:function(){if(!this.dialog_.open){this.setOpen(true);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(!b(this.dialog_)){throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.")}if(!k.dm.pushDialog(this)){throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.")}if(c(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(true);this.openAsModal_=true;if(k.needsCentering(this.dialog_)){k.reposition(this.dialog_);this.replacedStyleTop_=true}else{this.replacedStyleTop_=false}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(false);if(t!==undefined){this.dialog_.returnValue=t}var i=new l("close",{bubbles:false,cancelable:false});d(this.dialog_,i)}};var k={};k.reposition=function(t){var i=document.body.scrollTop||document.documentElement.scrollTop;var e=i+(window.innerHeight-t.offsetHeight)/2;t.style.top=Math.max(i,e)+"px"};k.isInlinePositionSetByStylesheet=function(t){for(var i=0;i<document.styleSheets.length;++i){var e=document.styleSheets[i];var o=null;try{o=e.cssRules}catch(t){}if(!o){continue}for(var n=0;n<o.length;++n){var a=o[n];var r=null;try{r=document.querySelectorAll(a.selectorText)}catch(t){}if(!r||!f(r,t)){continue}var s=a.style.getPropertyValue("top");var l=a.style.getPropertyValue("bottom");if(s&&s!=="auto"||l&&l!=="auto"){return true}}}return false};k.needsCentering=function(t){var i=window.getComputedStyle(t);if(i.position!=="absolute"){return false}if(t.style.top!=="auto"&&t.style.top!==""||t.style.bottom!=="auto"&&t.style.bottom!==""){return false}return!k.isInlinePositionSetByStylesheet(t)};k.forceRegisterDialog=function(t){if(window.HTMLDialogElement||t.showModal){console.warn("This browser already supports <dialog>, the polyfill "+"may not work correctly",t)}if(t.localName!=="dialog"){throw new Error("Failed to register dialog: The element is not a dialog.")}new w(t)};k.registerDialog=function(t){if(!t.showModal){k.forceRegisterDialog(t)}};k.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(i){this.forwardTab_=undefined;i.stopPropagation();t([])}.bind(this));this.handleKey_=this.handleKey_.bind(this);this.handleFocus_=this.handleFocus_.bind(this);this.zIndexLow_=1e5;this.zIndexHigh_=1e5+150;this.forwardTab_=undefined;if("MutationObserver"in window){this.mo_=new MutationObserver((function(i){var e=[];i.forEach((function(t){for(var i=0,o;o=t.removedNodes[i];++i){if(!(o instanceof Element)){continue}else if(o.localName==="dialog"){e.push(o)}e=e.concat(o.querySelectorAll("dialog"))}}));e.length&&t(e)}))}};k.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,true);document.addEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.observe(document,{childList:true,subtree:true})};k.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,true);document.removeEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.disconnect()};k.DialogManager.prototype.updateStacking=function(){var t=this.zIndexHigh_;for(var i=0,e;e=this.pendingDialogStack[i];++i){e.updateZIndex(--t,--t);if(i===0){this.overlay.style.zIndex=--t}}var o=this.pendingDialogStack[0];if(o){var n=o.dialog.parentNode||document.body;n.appendChild(this.overlay)}else if(this.overlay.parentNode){this.overlay.parentNode.removeChild(this.overlay)}};k.DialogManager.prototype.containedByTopDialog_=function(t){while(t=h(t)){for(var i=0,e;e=this.pendingDialogStack[i];++i){if(e.dialog===t){return i===0}}t=t.parentElement}return false};k.DialogManager.prototype.handleFocus_=function(t){var i=t.composedPath?t.composedPath()[0]:t.target;if(this.containedByTopDialog_(i)){return}if(document.activeElement===document.documentElement){return}t.preventDefault();t.stopPropagation();u(i);if(this.forwardTab_===undefined){return}var e=this.pendingDialogStack[0];var o=e.dialog;var n=o.compareDocumentPosition(i);if(n&Node.DOCUMENT_POSITION_PRECEDING){if(this.forwardTab_){e.focus_()}else if(i!==document.documentElement){document.documentElement.focus()}}return false};k.DialogManager.prototype.handleKey_=function(t){this.forwardTab_=undefined;if(t.keyCode===27){t.preventDefault();t.stopPropagation();var i=new l("cancel",{bubbles:false,cancelable:true});var e=this.pendingDialogStack[0];if(e&&d(e.dialog,i)){e.dialog.close()}}else if(t.keyCode===9){this.forwardTab_=!t.shiftKey}};k.DialogManager.prototype.checkDOM_=function(t){var i=this.pendingDialogStack.slice();i.forEach((function(i){if(t.indexOf(i.dialog)!==-1){i.downgradeModal()}else{i.maybeHideModal()}}))};k.DialogManager.prototype.pushDialog=function(t){var i=(this.zIndexHigh_-this.zIndexLow_)/2-1;if(this.pendingDialogStack.length>=i){return false}if(this.pendingDialogStack.unshift(t)===1){this.blockDocument()}this.updateStacking();return true};k.DialogManager.prototype.removeDialog=function(t){var i=this.pendingDialogStack.indexOf(t);if(i===-1){return}this.pendingDialogStack.splice(i,1);if(this.pendingDialogStack.length===0){this.unblockDocument()}this.updateStacking()};k.dm=new k.DialogManager;k.formSubmitter=null;k.imagemapUseValue=null;if(window.HTMLDialogElement===undefined){var y=document.createElement("form");y.setAttribute("method","dialog");if(y.method!=="dialog"){var x=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(x){var M=x.get;x.get=function(){if(m(this)){return"dialog"}return M.call(this)};var z=x.set;x.set=function(t){if(typeof t==="string"&&t.toLowerCase()==="dialog"){return this.setAttribute("method",t)}return z.call(this,t)};Object.defineProperty(HTMLFormElement.prototype,"method",x)}}document.addEventListener("click",(function(t){k.formSubmitter=null;k.imagemapUseValue=null;if(t.defaultPrevented){return}var i=t.target;if("composedPath"in t){var e=t.composedPath();i=e.shift()||i}if(!i||!m(i.form)){return}var o=i.type==="submit"&&["button","input"].indexOf(i.localName)>-1;if(!o){if(!(i.localName==="input"&&i.type==="image")){return}k.imagemapUseValue=t.offsetX+","+t.offsetY}var n=h(i);if(!n){return}k.formSubmitter=i}),false);document.addEventListener("submit",(function(t){var i=t.target;var e=h(i);if(e){return}var o=p(t);var n=o&&o.getAttribute("formmethod")||i.getAttribute("method");if(n==="dialog"){t.preventDefault()}}));var E=HTMLFormElement.prototype.submit;var C=function(){if(!m(this)){return E.call(this)}var t=h(this);t&&t.close()};HTMLFormElement.prototype.submit=C}const F=()=>`: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}}`;const O=t(class t extends a{constructor(t){super(false);if(t!==false){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=false;this.closable=true;this.scrollInside=true;this.lockPageScroll=true;this.focusTrapController=new r(this,{isActive:()=>{var t;return!!((t=this.dialog)===null||t===void 0?void 0:t.open)}})}emitModalClose(){if(this.closable){this.modalClose.emit({modalid:this.modalid});this.resetPageScroll()}}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){if(this.closable){this.modalBackgroundClick.emit({modalid:this.modalid});this.resetPageScroll()}}resetPageScroll(){if(this.lockPageScroll&&document.body.style.overflowY==="hidden"){document.body.style.overflowY=""}}componentDidLoad(){if(typeof window.HTMLDialogElement!=="function"){if(!this.dialog.localName){Object.defineProperty(this.dialog,"localName",{value:"dialog"})}k.registerDialog(this.dialog);this.dialog.setAttribute("open","true")}else{this.open()}if(this.lockPageScroll){requestAnimationFrame((()=>document.body.style.overflowY="hidden"))}super.componentDidLoad()}disconnectedCallback(){this.resetPageScroll();super.disconnectedCallback()}async open(){var t;(t=this.dialog)===null||t===void 0?void 0:t.showModal();this.focusTrapController.sync();if(this.lockPageScroll){document.body.style.overflowY="hidden"}}async close(){var t;if(this.closable){(t=this.dialog)===null||t===void 0?void 0:t.close();this.focusTrapController.sync();this.resetPageScroll()}}handleKeyDown(t){if(t.code===n.ESC&&!this.closable){t.preventDefault();return}this.focusTrapController.handleWrapTab(t)}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){if(this.closable){return}t.preventDefault()}render(){return e("dialog",{key:"365136e0cb7404c43b1d7f40b94add1e2316c670",class:{"modal-dialog":!this.scrollInside},"aria-labelledby":"modal-title","aria-describedby":"modal-content",role:this.alertdialog?"alertdialog":undefined,ref:t=>this.dialog=t,onClose:()=>this.emitModalClose(),onCancel:t=>this.handleEscape(t)},e("div",{key:"8786b7f6afbe64ca141373cf65c9d7f413a18557",class:{"modal-container":true,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},e("header",{key:"622a13c788167d280bafffe633df45ff3beda387",onClick:this.emitModalHeaderActive.bind(this)},e("div",{key:"284bd3d0a65a5698a918b196419369b4ac660ee2"},this.modaltitle&&e("h1",{key:"417c4984cb124531278ecc92ec217e13565998ca",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&e("div",{key:"5977d05ad0b81e48ab9a2040a4387a4e8caeed46",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),e("div",{key:"1e737f8f06d4423e67e1b253161b417aaa85e211",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},e("slot",{key:"4d48fcf7fac54e5243f0d4f318c822aee4b62136",name:"modalContent"}))),e("div",{key:"505a28d12fb70186954df5b04ac516487f2025fb",class:{"modal-background":true,"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 F()}},[769,"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 T(){if(typeof customElements==="undefined"){return}const t=["z-modal","z-icon"];t.forEach((t=>{switch(t){case"z-modal":if(!customElements.get(o(t))){customElements.define(o(t),O)}break;case"z-icon":if(!customElements.get(o(t))){s()}break}}))}export{O as Z,T as d};
-//# sourceMappingURL=index20.js.map
+import{proxyCustomElement as t,createEvent as o,h as i,transformTag as e}from"@stencil/core/internal/client";import{g as n}from"./index2.js";import{R as a,F as r}from"./reactive-controller.js";import{d as s}from"./index3.js";var l=window.CustomEvent;function d(t,o){var i="on"+o.type.toLowerCase();return"function"==typeof t[i]&&t[i](o),t.dispatchEvent(o)}function c(t){for(;t;){if("dialog"===t.localName)return t;t=t.parentElement?t.parentElement:t.parentNode?t.parentNode.host:null}return null}function h(t){for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;t&&t.blur&&t!==document.body&&t.blur()}function u(t,o){for(var i=0;i<t.length;++i)if(t[i]===o)return!0;return!1}function m(t){return!(!t||!t.hasAttribute("method"))&&"dialog"===t.getAttribute("method").toLowerCase()}function f(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=f(e[n].shadowRoot)));n++);return i}function b(t){return t.isConnected||document.body.contains(t)}function v(t){if(t.submitter)return t.submitter;var o=t.target;if(!(o instanceof HTMLFormElement))return null;var i=w.formSubmitter;if(!i){var e=t.target;i=("getRootNode"in e&&e.getRootNode()||document).activeElement}return i&&i.form===o?i:null}function p(t){if(!t.defaultPrevented){var o=t.target,i=w.imagemapUseValue,e=v(t);null===i&&e&&(i=e.value);var n=c(o);n&&"dialog"===(e&&e.getAttribute("formmethod")||o.getAttribute("method"))&&(t.preventDefault(),null!=i?n.close(i):n.close())}}function g(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",p,!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))}l&&"object"!=typeof l||((l=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),g.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){this.dialog_.hasAttribute("open")&&b(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_),w.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=f(this.dialog_)),h(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(!b(this.dialog_))throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");if(!w.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,w.needsCentering(this.dialog_)?(w.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 l("close",{bubbles:!1,cancelable:!1});d(this.dialog_,o)}};var w={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&&u(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||w.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 g(t)},registerDialog:function(t){t.showModal||w.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(w.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})},w.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,!0),document.removeEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.disconnect()},w.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)},w.DialogManager.prototype.containedByTopDialog_=function(t){for(;t=c(t);){for(var o,i=0;o=this.pendingDialogStack[i];++i)if(o.dialog===t)return 0===i;t=t.parentElement}return!1},w.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(),h(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}},w.DialogManager.prototype.handleKey_=function(t){if(this.forwardTab_=void 0,27===t.keyCode){t.preventDefault(),t.stopPropagation();var o=new l("cancel",{bubbles:!1,cancelable:!0}),i=this.pendingDialogStack[0];i&&d(i.dialog,o)&&i.dialog.close()}else 9===t.keyCode&&(this.forwardTab_=!t.shiftKey)},w.DialogManager.prototype.checkDOM_=function(t){this.pendingDialogStack.slice().forEach((function(o){-1!==t.indexOf(o.dialog)?o.downgradeModal():o.maybeHideModal()}))},w.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))},w.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())},w.dm=new w.DialogManager,w.formSubmitter=null,w.imagemapUseValue=null,void 0===window.HTMLDialogElement){var k=document.createElement("form");if(k.setAttribute("method","dialog"),"dialog"!==k.method){var y=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(y){var x=y.get;y.get=function(){return m(this)?"dialog":x.call(this)};var M=y.set;y.set=function(t){return"string"==typeof t&&"dialog"===t.toLowerCase()?this.setAttribute("method",t):M.call(this,t)},Object.defineProperty(HTMLFormElement.prototype,"method",y)}}document.addEventListener("click",(function(t){if(w.formSubmitter=null,w.imagemapUseValue=null,!t.defaultPrevented){var o=t.target;if("composedPath"in t&&(o=t.composedPath().shift()||o),o&&m(o.form)){if(!("submit"===o.type&&["button","input"].indexOf(o.localName)>-1)){if("input"!==o.localName||"image"!==o.type)return;w.imagemapUseValue=t.offsetX+","+t.offsetY}c(o)&&(w.formSubmitter=o)}}}),!1),document.addEventListener("submit",(function(t){var o=t.target;if(!c(o)){var i=v(t);"dialog"===(i&&i.getAttribute("formmethod")||o.getAttribute("method"))&&t.preventDefault()}}));var z=HTMLFormElement.prototype.submit;HTMLFormElement.prototype.submit=function(){if(!m(this))return z.call(this);var t=c(this);t&&t.close()}}const E=t(class extends a{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.modalClose=o(this,"modalClose",7),this.modalHeaderActive=o(this,"modalHeaderActive",7),this.modalBackgroundClick=o(this,"modalBackgroundClick",7),this.closeButtonLabel="chiudi modale",this.alertdialog=!1,this.closable=!0,this.scrollInside=!0,this.lockPageScroll=!0,this.focusTrapController=new r(this,{isActive:()=>{var t;return!!(null===(t=this.dialog)||void 0===t?void 0:t.open)}})}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"}),w.registerDialog(this.dialog),this.dialog.setAttribute("open","true")):this.open(),this.lockPageScroll&&requestAnimationFrame((()=>document.body.style.overflowY="hidden")),super.componentDidLoad()}disconnectedCallback(){this.resetPageScroll(),super.disconnectedCallback()}async open(){var t;null===(t=this.dialog)||void 0===t||t.showModal(),this.focusTrapController.sync(),this.lockPageScroll&&(document.body.style.overflowY="hidden")}async close(){var t;this.closable&&(null===(t=this.dialog)||void 0===t||t.close(),this.focusTrapController.sync(),this.resetPageScroll())}handleKeyDown(t){t.code!==n.ESC||this.closable?this.focusTrapController.handleWrapTab(t):t.preventDefault()}closeButtonSlot(){if(this.closable)return i("slot",{name:"modalCloseButton"},i("button",{"aria-label":this.closeButtonLabel,onClick:()=>this.close()},i("z-icon",{name:"multiply-circle-filled"})))}handleEscape(t){this.closable||t.preventDefault()}render(){return i("dialog",{key:"78a12a74b33a0501e52a204ba453755edc9ea4c7",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)},i("div",{key:"9331bc2f58c9240799389f921fc7aeca8e3525bd",class:{"modal-container":!0,"modal-container-scroll-inside":this.scrollInside,"modal-container-scroll-outside":!this.scrollInside},id:this.modalid},i("header",{key:"87032c660d8d5fe71412666490630a36676107ca",onClick:this.emitModalHeaderActive.bind(this)},i("div",{key:"2849fd31ed63200530149e28f0e93816a5f658f9"},this.modaltitle&&i("h1",{key:"281340cbf57f8fd066d7de9d45a30f30664b5497",id:"modal-title"},this.modaltitle),this.closeButtonSlot()),this.modalsubtitle&&i("div",{key:"1de795732386ed3f2ffbe1a793f0196dfcab91b3",class:"subtitle",id:"modal-subtitle"},this.modalsubtitle)),i("div",{key:"c333e87e6440cd9b9ebf6abc3120469cd9e73f7c",class:{"modal-content-scroll-inside":this.scrollInside,"modal-content-scroll-outside":!this.scrollInside},id:"modal-content"},i("slot",{key:"99834151f941ad9468a55870ff18b03dcf9ad715",name:"modalContent"}))),i("div",{key:"1b768554d0154e56e878cfbc809805d0ed0ec8b2",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}}'}},[769,"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(e(t))||customElements.define(e(t),E);break;case"z-icon":customElements.get(e(t))||s()}}))}export{E as Z,C as d}

package/dist/components/index21.js CHANGED Viewed

@@ -1,2 +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 i}from"./index2.js";import{d as p}from"./index16.js";const a=()=>`: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)}`;const n=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.openChange=t(this,"openChange",7);this.position=i.AUTO;this.dark=false;this.open=false;this.closable=true}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return r("z-popover",{key:"b462c3e9652960d90fa6f5d00bd56077b17e1142",ref:e=>this.popoverEl=e,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:true,showArrow:true,onOpenChange:e=>this.openChange.emit(e.detail)},r("slot",{key:"bdfad2da721028ad38032fc20bd478655227f08d"}))}static get style(){return a()}},[257,"z-tooltip",{position:[513],dark:[516],open:[1540],bindTo:[1,"bind-to"],closable:[4]},[[0,"openChange","onPopoverOpenChange"]]]);function h(){if(typeof customElements==="undefined"){return}const e=["z-tooltip","z-popover"];e.forEach((e=>{switch(e){case"z-tooltip":if(!customElements.get(s(e))){customElements.define(s(e),n)}break;case"z-popover":if(!customElements.get(s(e))){p()}break}}))}export{n as Z,h as d};
-//# sourceMappingURL=index21.js.map
+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"./index16.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:"d3f19e99267f91b94244f9b788ce3856f273a40e",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:"fc2bf22da928d1cae04552f776a31d8edb32b966"}))}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}

package/dist/components/index3.js CHANGED Viewed

@@ -1,2 +1 @@
-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=()=>`: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}`;const h=/^(.+?)(-transparent)?(-filled|-button)?$/;const d=i(class i extends t{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow()}selectPathOrPolygon(i){if(i===null||i===void 0?void 0:i.startsWith("M")){return e("path",{d:i})}return e("polygon",{points:i})}get hasColorIndicator(){return o.includes(this.name)}get needsTransparentIndicator(){var i;return["transparent","#ffffff00"].includes((i=this.indicatorColor)===null||i===void 0?void 0:i.toLowerCase())}getTransparentIndicatorIconIfNeeded(){var i;const t=(i=this.name)===null||i===void 0?void 0:i.replace(h,"$1-transparent$3");if(!this.hasColorIndicator||!this.needsTransparentIndicator||!s[t]){return this.name}return t}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||undefined,fill:this.fill?`var(--${this.fill})`:undefined,viewBox:"0 0 1000 1000",width:this.width,height:this.height,"aria-hidden":"true"},this.selectPathOrPolygon(s[this.getTransparentIndicatorIconIfNeeded()]))}render(){return e(n,{key:"4c96eeb1ad1423e901821277389c8f01287cd670","aria-hidden":"true"},this.hasColorIndicator&&!this.needsTransparentIndicator?e("div",{class:"icon-wrapper"},this.renderColorIndicator(),this.renderBaseIcon()):this.renderBaseIcon())}static get style(){return a()}},[1,"z-icon",{name:[1],height:[8],width:[8],iconid:[1],fill:[1],indicatorColor:[1,"indicator-color"]}]);function c(){if(typeof customElements==="undefined"){return}const i=["z-icon"];i.forEach((i=>{switch(i){case"z-icon":if(!customElements.get(r(i))){customElements.define(r(i),d)}break}}))}export{d as Z,c as d};
-//# sourceMappingURL=index3.js.map
+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:"dbc5bf6907ddb130f0278913c410d5bb588f50b3","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 CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,h as t,transformTag as n}from"@stencil/core/internal/client";import{c as a,B as e,a1 as i,e as c}from"./index2.js";import{d as s}from"./index3.js";const l=()=>`.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)}`;const b=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.disabled=false;this.type=a.BUTTON;this.variant=e.PRIMARY;this.iconPosition=i.LEFT;this.size=c.BIG;this.hasText=false}componentWillLoad(){var o;this.hasText=!!((o=this.hostElement.textContent)===null||o===void 0?void 0:o.trim())}get attributes(){var o;return{id:this.htmlid,class:{"z-button--container":true,"z-button--has-text":this.hasText},"aria-label":((o=this.htmlAriaLabel)===null||o===void 0?void 0:o.trim())||undefined}}renderIcon(){return this.icon&&t("z-icon",{name:this.icon})}render(){if(this.href){return t("a",Object.assign({},this.attributes,{href:this.href,target:this.target}),this.renderIcon(),t("slot",null))}return t("button",Object.assign({},this.attributes,{name:this.name,type:this.type,disabled:this.disabled,role:this.htmlRole||undefined}),this.renderIcon(),t("slot",null))}get hostElement(){return this}static get style(){return l()}},[262,"z-button",{htmlAriaLabel:[1,"html-aria-label"],htmlRole:[1,"html-role"],href:[1],target:[1],htmlid:[1],name:[1],disabled:[516],type:[1],variant:[513],icon:[1],iconPosition:[513,"icon-position"],size:[513]}]);function d(){if(typeof customElements==="undefined"){return}const o=["z-button","z-icon"];o.forEach((o=>{switch(o){case"z-button":if(!customElements.get(n(o))){customElements.define(n(o),b)}break;case"z-icon":if(!customElements.get(n(o))){s()}break}}))}export{b as Z,d};
-//# sourceMappingURL=index4.js.map
+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,a1 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.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(){var o;return{id:this.htmlid,class:{"z-button--container":!0,"z-button--has-text":this.hasText},"aria-label":(null===(o=this.htmlAriaLabel)||void 0===o?void 0:o.trim())||void 0}}renderIcon(){return this.icon&&t("z-icon",{name:this.icon})}render(){return this.href?t("a",Object.assign({},this.attributes,{href:this.href,target:this.target}),this.renderIcon(),t("slot",null)):t("button",Object.assign({},this.attributes,{name:this.name,type:this.type,disabled:this.disabled,role:this.htmlRole||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",{htmlAriaLabel:[1,"html-aria-label"],htmlRole:[1,"html-role"],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/index5.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,h as r,Host as d,transformTag as s}from"@stencil/core/internal/client";import{D as t,h as a}from"./index2.js";const v=()=>`.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)}`;const o=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.size=t.SMALL;this.color="gray200";this.orientation=a.HORIZONTAL}render(){return r(d,{key:"f9bb5c1265d8a154ca6cb3bb88150700bfa1bd4e",class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}static get style(){return v()}},[2,"z-divider",{size:[1],color:[1],orientation:[1]}]);function c(){if(typeof customElements==="undefined"){return}const i=["z-divider"];i.forEach((i=>{switch(i){case"z-divider":if(!customElements.get(s(i))){customElements.define(s(i),o)}break}}))}export{o as Z,c as d};
-//# sourceMappingURL=index5.js.map
+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:"59fdece3992477aa6ce69aa018ff0741978afcb1",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/index6.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Fragment as r,transformTag as n}from"@stencil/core/internal/client";import{I as c,k as a,e as o,f as p}from"./index2.js";import{r as u,d as l}from"./utils.js";import{d as h}from"./index3.js";import{d}from"./index7.js";const z=()=>`.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):not(.cursor-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);caret-color:transparent}.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)}`;const b=()=>`.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}`;const f=()=>`.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}`;const m=()=>`.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-icon);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-disabled03-icon)}`;const x=i(class i extends t{constructor(i){super();if(i!==false){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-${u()}`;this.type=c.TEXT;this.disabled=false;this.readonly=false;this.required=false;this.checked=false;this.indeterminate=false;this.message=true;this.labelPosition=a.RIGHT;this.hasclearicon=true;this.size=o.BIG;this.isTyping=false;this.passwordHidden=true;this.typingtimeout=300}inputCheckListener(i){const t=i.detail;switch(this.type){case c.RADIO:if(t.type===c.RADIO&&t.name===this.name&&t.id!==this.htmlid){this.checked=false}break}}watchIndeterminate(){this.syncCheckboxIndeterminate()}syncCheckboxIndeterminate(){if(this.type!==c.CHECKBOX||!this.inputRef){return}this.inputRef.indeterminate=!!this.indeterminate}async isChecked(){switch(this.type){case c.CHECKBOX:case c.RADIO:return this.checked;default:console.warn("`isChecked` method is only available for type `checkbox` and `radio`");return false}}emitInputChange(i){if(!this.isTyping){this.emitStartTyping()}let t;if(this.type===c.TEXTAREA){t=this.getValidity("textarea")}else{t=this.getValidity("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=true;this.startTyping.emit()}emitStopTyping(i,t){this.isTyping=false;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){const t=this.hostElement.querySelector(i);return t.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!=c.NUMBER){return}return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(i){if(i!=c.PASSWORD&&i!=c.TEXT&&i!=c.TEL&&i!=c.SEARCH&&i!=c.URL&&i!=c.EMAIL){return}return{pattern:this.pattern}}inputHasMessage(){if(typeof l(this.message)==="boolean"){return false}return true}getAriaAttributes(){return{role:this.htmlRole||undefined,"aria-describedby":this.htmlAriaDescribedby||undefined,"aria-labelledby":this.htmlAriaLabelledby||undefined}}getTextAriaAttributes(){return Object.assign(Object.assign({},this.getAriaAttributes()),{"aria-expanded":this.htmlAriaExpanded||undefined,"aria-controls":this.htmlAriaControls||undefined,"aria-autocomplete":this.htmlAriaAutocomplete||undefined,"aria-activedescendant":this.htmlAriaActivedescendant||undefined,"aria-describedby":this.htmlAriaDescribedby||this.inputHasMessage()?this.htmlAriaDescribedby||`${this.htmlid}-message`:undefined,"aria-invalid":this.status===p.ERROR?"true":undefined,"aria-required":this.required?"true":undefined})}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(i=c.TEXT){const t=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(i)),this.getPatternAttribute(i)),this.getTextAriaAttributes()),this.getFocusBlurAttributes()),{"aria-label":this.htmlAriaLabel||undefined});t.class=Object.assign(Object.assign({},t.class),{"has-icon":!!this.icon||i===c.PASSWORD,"has-clear-icon":this.hasclearicon&&i!=c.NUMBER});return s("div",{class:"text-wrapper"},this.renderLabel(),s("div",null,s("input",Object.assign({},t,{type:i===c.PASSWORD&&!this.passwordHidden?c.TEXT:i,ref:i=>this.inputRef=i})),this.renderIcons()),this.renderMessage())}renderLabel(){if(!this.label){return}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(){if(this.type===c.PASSWORD){return this.renderShowHidePassword()}if(!this.icon){return}return s("z-icon",{name:this.icon,class:{[this.size]:true,"input-icon":true}})}renderResetIcon(){let i=false;if(!this.hasclearicon||!this.value||this.disabled||this.readonly||this.type==c.NUMBER){i=true}return s("button",{type:"button",class:{"reset-icon":true,"input-icon":true,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":"mostra password","aria-pressed":!this.passwordHidden?"true":"false",onClick:()=>this.passwordHidden=!this.passwordHidden},s("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(l(this.message)===false){return}return s("z-input-message",{"html-id":`${this.htmlid}-message`,message:l(this.message)===true?undefined:this.message,status:this.status,class:this.size,disabled:this.disabled})}renderTextarea(){const i=this.getTextAttributes();const t=this.getTextAriaAttributes();return s(r,null,this.renderLabel(),s("div",{class:Object.assign(Object.assign({},i.class),{"textarea-wrapper":true,readonly:!!i.readonly})},s("textarea",Object.assign({},i,t,{class:Object.assign(Object.assign({},i.class),{"z-scrollbar":true}),"aria-label":this.htmlAriaLabel||undefined}))),this.renderMessage())}handleCheck(i){if(this.type===c.CHECKBOX&&this.indeterminate){this.indeterminate=false}this.checked=i.target.checked;this.emitInputCheck(this.checked)}getCheckboxAriaChecked(){if(this.indeterminate){return"mixed"}return this.checked?"true":"false"}renderCheckbox(){const i=this.required?{"aria-required":"true"}:{};return s("div",{class:"checkbox-wrapper"},s("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:this.indeterminate?false:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value,"aria-checked":this.getCheckboxAriaChecked()},i,this.getAriaAttributes(),this.getFocusBlurAttributes(),{ref:i=>{this.inputRef=i;this.syncCheckboxIndeterminate()}})),s("label",{htmlFor:this.htmlid,class:{"checkbox-label":true,after:this.labelPosition===a.RIGHT,before:this.labelPosition===a.LEFT}},s("z-icon",{name:this.indeterminate?"indeterminated-checkbox":this.checked?"checkbox-checked":"checkbox",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}renderRadio(){const i=this.required?{"aria-required":"true"}:{};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,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getAriaAttributes(),this.getFocusBlurAttributes(),i)),s("label",{htmlFor:this.htmlid,class:{"radio-label":true,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(){switch(this.type){case c.TEXTAREA:return this.renderTextarea();case c.CHECKBOX:return this.renderCheckbox();case c.RADIO:return this.renderRadio();case c.TEXT:default:return this.renderInputText(this.type)}}get hostElement(){return this}static get watchers(){return{indeterminate:[{watchIndeterminate:0}]}}static get style(){return z()+(b()+(f()+m()))}},[2,"z-input",{htmlid:[1],type:[1],name:[1],label:[1],htmlAriaLabel:[1,"html-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-describedby"],htmlAriaLabelledby:[1,"html-aria-labelledby"],value:[1025],disabled:[516],readonly:[4],required:[4],checked:[1028],indeterminate:[1028],placeholder:[1],htmltitle:[1],status:[1],message:[8],labelPosition:[1,"label-position"],autocomplete:[1],htmlRole:[1,"html-role"],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"]],{indeterminate:[{watchIndeterminate:0}]}]);function w(){if(typeof customElements==="undefined"){return}const i=["z-input","z-icon","z-input-message"];i.forEach((i=>{switch(i){case"z-input":if(!customElements.get(n(i))){customElements.define(n(i),x)}break;case"z-icon":if(!customElements.get(n(i))){h()}break;case"z-input-message":if(!customElements.get(n(i))){d()}break}}))}export{x as Z,w as d};
-//# sourceMappingURL=index6.js.map
+import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Fragment as r,transformTag as a}from"@stencil/core/internal/client";import{I as n,k as c,e as o,f as p}from"./index2.js";import{r as l,d as u}from"./utils.js";import{d as h}from"./index3.js";import{d}from"./index7.js";const z=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.type=n.TEXT,this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.message=!0,this.labelPosition=c.RIGHT,this.hasclearicon=!0,this.size=o.BIG,this.isTyping=!1,this.passwordHidden=!0,this.typingtimeout=300,this.focused=!1}inputCheckListener(i){const t=i.detail;this.type===n.RADIO&&t.type===n.RADIO&&t.name===this.name&&t.id!==this.htmlid&&(this.checked=!1)}watchIndeterminate(){this.syncCheckboxIndeterminate()}watchLabelState(){this.setLabelState()}syncCheckboxIndeterminate(){this.type===n.CHECKBOX&&this.inputRef&&(this.inputRef.indeterminate=!!this.indeterminate)}async isChecked(){switch(this.type){case n.CHECKBOX:case n.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===n.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.focused=!0,this.inputFocus.emit({id:this.htmlid})}emitInputBlur(){this.focused=!1,this.inputBlur.emit({id:this.htmlid})}componentWillLoad(){this.setLabelState()}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==n.NUMBER)return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(i){if(i==n.PASSWORD||i==n.TEXT||i==n.TEL||i==n.SEARCH||i==n.URL||i==n.EMAIL)return{pattern:this.pattern}}inputHasMessage(){return"boolean"!=typeof u(this.message)}getAriaAttributes(){return{role:this.htmlRole||void 0,"aria-describedby":this.htmlAriaDescribedby||void 0,"aria-labelledby":this.htmlAriaLabelledby||void 0}}getTextAriaAttributes(){return Object.assign(Object.assign({},this.getAriaAttributes()),{"aria-expanded":this.htmlAriaExpanded||void 0,"aria-controls":this.htmlAriaControls||void 0,"aria-autocomplete":this.htmlAriaAutocomplete||void 0,"aria-activedescendant":this.htmlAriaActivedescendant||void 0,"aria-describedby":this.htmlAriaDescribedby||this.inputHasMessage()?this.htmlAriaDescribedby||`${this.htmlid}-message`:void 0,"aria-invalid":this.status===p.ERROR?"true":void 0,"aria-required":this.required?"true":void 0})}getFocusBlurAttributes(){return{onFocus:()=>{this.emitInputFocus(),this.setLabelState()},onBlur:()=>{this.emitInputBlur(),setTimeout((()=>this.setLabelState()),150)}}}setLabelState(){this.labelState=this.size!==o.BIG?this.value||this.focused?"cutout":"inside":"default"}hasIcon(){return!!this.icon||this.type===n.PASSWORD}showPlaceholder(){return!this.label||"inside"!==this.labelState}renderInputText(i=n.TEXT){const t=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(i)),this.getPatternAttribute(i)),this.getTextAriaAttributes()),this.getFocusBlurAttributes()),{"aria-label":this.htmlAriaLabel||void 0});return t.class=Object.assign(Object.assign({},t.class),{"has-icon":this.hasIcon(),"has-clear-icon":this.hasclearicon&&i!=n.NUMBER,"hide-placeholder":!this.showPlaceholder()}),s("div",{class:"text-wrapper"},this.renderLabel(),s("div",null,s("input",Object.assign({},t,{type:i!==n.PASSWORD||this.passwordHidden?i:n.TEXT,ref:i=>this.inputRef=i})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return s("label",{class:{"z-label":!0,[`label-${this.labelState}`]:!0,[`label-${this.status}`]:!!this.status,"has-icon":this.hasIcon()},id:`${this.htmlid}_label`,htmlFor:this.htmlid},this.label)}renderIcons(){return s("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===n.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!=n.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":"mostra password","aria-pressed":this.passwordHidden?"false":"true",onClick:()=>this.passwordHidden=!this.passwordHidden},s("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(!1!==u(this.message))return s("z-input-message",{"html-id":`${this.htmlid}-message`,message:!0===u(this.message)?void 0:this.message,status:this.status,class:this.size,disabled:this.disabled})}renderTextarea(){const i=this.getTextAttributes();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,this.getTextAriaAttributes(),this.getFocusBlurAttributes(),{class:Object.assign(Object.assign({},i.class),{"z-scrollbar":!0,"hide-placeholder":!this.showPlaceholder()}),"aria-label":this.htmlAriaLabel||void 0}))),this.renderMessage())}handleCheck(i){this.type===n.CHECKBOX&&this.indeterminate&&(this.indeterminate=!1),this.checked=i.target.checked,this.emitInputCheck(this.checked)}getCheckboxAriaChecked(){return this.indeterminate?"mixed":this.checked?"true":"false"}renderCheckbox(){const i=this.required?{"aria-required":"true"}:{};return s("div",{class:"checkbox-wrapper"},s("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:!this.indeterminate&&this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value,"aria-checked":this.getCheckboxAriaChecked()},i,this.getAriaAttributes(),this.getFocusBlurAttributes(),{ref:i=>{this.inputRef=i,this.syncCheckboxIndeterminate()}})),s("label",{htmlFor:this.htmlid,class:{"checkbox-label":!0,after:this.labelPosition===c.RIGHT,before:this.labelPosition===c.LEFT}},s("z-icon",{name:this.indeterminate?"indeterminated-checkbox":this.checked?"checkbox-checked":"checkbox",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}renderRadio(){const i=this.required?{"aria-required":"true"}:{};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,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getAriaAttributes(),this.getFocusBlurAttributes(),i)),s("label",{htmlFor:this.htmlid,class:{"radio-label":!0,after:this.labelPosition===c.RIGHT,before:this.labelPosition===c.LEFT}},s("z-icon",{name:this.checked?"radio-button-checked":"radio-button",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}render(){switch(this.type){case n.TEXTAREA:return this.renderTextarea();case n.CHECKBOX:return this.renderCheckbox();case n.RADIO:return this.renderRadio();default:return this.renderInputText(this.type)}}get hostElement(){return this}static get watchers(){return{indeterminate:[{watchIndeterminate:0}],size:[{watchLabelState:0}],value:[{watchLabelState:0}]}}static get style(){return'.sc-z-input-h{display:inline-block;width:inherit;line-height:0}.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);color:var(--color-form-default-text)}.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):not(.cursor-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)}.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)}.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);caret-color:transparent}.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,.z-label.label-cutout.label-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,.z-label.label-cutout.label-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,.z-label.label-cutout.label-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)}[disabled].sc-z-input-h:not([disabled="false"]) label.sc-z-input{pointer-events:none}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder,input.sc-z-input::-webkit-textarea-placeholder,textarea.sc-z-input::-webkit-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-form-placeholder-text)}input.hide-placeholder.sc-z-input::placeholder,textarea.hide-placeholder.sc-z-input::placeholder,input.hide-placeholder.sc-z-input::-webkit-textarea-placeholder,textarea.hide-placeholder.sc-z-input::-webkit-textarea-placeholder{color:transparent}[disabled].sc-z-input-h:not([disabled="false"]) label.z-label.sc-z-input{color:var(--color-disabled03)}.z-label.sc-z-input{--z-label-transition-args:150ms cubic-bezier(0.42, 0, 0.58, 1);--z-label-transition:top var(--z-label-transition-args), font-size var(--z-label-transition-args),     background-color var(--z-label-transition-args), border-radius var(--z-label-transition-args),     width var(--z-label-transition-args);position:relative;z-index:2}[size="small"].sc-z-input-h .z-label.sc-z-input{--z-label-inside-top:1.25rem;margin-bottom:-0.5rem}[size="x-small"].sc-z-input-h .z-label.sc-z-input{--z-label-inside-top:1.125rem;margin-bottom:-0.5rem}.z-label.label-cutout.sc-z-input{top:0;padding:0 2px;margin:0 6px;background-color:var(--color-form-background);border-radius:var(--border-radius);color:var(--color-form-default-text);font-size:var(--font-size-2);transition:var(--z-label-transition)}.z-label.label-inside.sc-z-input{top:var(--z-label-inside-top, 1.25rem);left:var(--space-unit);overflow:hidden;max-width:calc(100% - var(--space-unit-2));padding:0;background-color:transparent;color:var(--color-form-default-text);font-size:var(--font-size-3);text-overflow:ellipsis;transition:var(--z-label-transition);white-space:nowrap}.z-label.label-inside.has-icon.sc-z-input{max-width:calc(100% - var(--space-unit-6))}.text-wrapper.sc-z-input{position:relative}.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:2.75rem;box-sizing:border-box;padding:0 var(--space-unit);margin:0}[size="small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:2.25rem}[size="x-small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:2rem}.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) * 4)}.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:var(--space-unit);display:flex;margin-left:var(--space-unit);gap:var(--space-unit);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>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>button.input-icon.sc-z-input:focus{border-radius:var(--border-radius-small);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{position:relative;width:100%;height:100%;padding:var(--space-unit)}.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-icon);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-disabled03-icon)}'}},[2,"z-input",{htmlid:[1],type:[1],name:[1],label:[1],htmlAriaLabel:[1,"html-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-describedby"],htmlAriaLabelledby:[1,"html-aria-labelledby"],value:[1025],disabled:[516],readonly:[4],required:[4],checked:[1028],indeterminate:[1028],placeholder:[1],htmltitle:[1],status:[1],message:[8],labelPosition:[1,"label-position"],autocomplete:[1],htmlRole:[1,"html-role"],hasclearicon:[4],icon:[1],min:[2],minlength:[2],max:[2],maxlength:[2],step:[2],pattern:[1],size:[513],isTyping:[32],passwordHidden:[32],labelState:[32],isChecked:[64]},[[4,"inputCheck","inputCheckListener"]],{indeterminate:[{watchIndeterminate:0}],size:[{watchLabelState:0}],value:[{watchLabelState:0}]}]);function b(){"undefined"!=typeof customElements&&["z-input","z-icon","z-input-message"].forEach((i=>{switch(i){case"z-input":customElements.get(a(i))||customElements.define(a(i),z);break;case"z-icon":customElements.get(a(i))||h();break;case"z-input-message":customElements.get(a(i))||d()}}))}export{z as Z,b as d}

package/dist/components/index7.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as e,Host as i,transformTag as a}from"@stencil/core/internal/client";import{r as o}from"./utils.js";import{d as c}from"./index3.js";const r=()=>`: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)}`;const n=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.htmlId=`id-${o()}`;this.htmlRole="alert";this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"}}render(){return e(i,{key:"9172ac365fc1852474edf21707ed4cb4ba42aa89",role:this.htmlRole&&this.message&&this.status?this.htmlRole:undefined,id:this.htmlId},this.statusIcons[this.status]&&this.message&&e("z-icon",{key:"92e17ba97e7648ee9974f8e3da732169be30a6f6",name:this.statusIcons[this.status]}),e("span",{key:"11753702f3a21f1f422f85c1bc4c55719152a2d8",innerHTML:this.message}))}static get style(){return r()}},[1,"z-input-message",{message:[1],htmlId:[1,"html-id"],htmlRole:[1,"html-role"],status:[513],disabled:[516]}]);function l(){if(typeof customElements==="undefined"){return}const t=["z-input-message","z-icon"];t.forEach((t=>{switch(t){case"z-input-message":if(!customElements.get(a(t))){customElements.define(a(t),n)}break;case"z-icon":if(!customElements.get(a(t))){c()}break}}))}export{n as Z,l as d};
-//# sourceMappingURL=index7.js.map
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as c}from"@stencil/core/internal/client";import{r as o}from"./utils.js";import{d as r}from"./index3.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.htmlId=`id-${o()}`,this.htmlRole="alert",this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"}}render(){return s(i,{key:"d4ff8a00f5ea0f95f55c71d8c20318d5ebccce22",role:this.htmlRole&&this.message&&this.status?this.htmlRole:void 0,id:this.htmlId},this.statusIcons[this.status]&&this.message&&s("z-icon",{key:"e8b1e95badf35decb8f556ea6b8f22309b8545ba",name:this.statusIcons[this.status]}),s("span",{key:"e6cd35dd3e4cc24d5e9802c42fc6d09eaf8801dd",innerHTML:this.message}))}static get style(){return':host{display:flex;min-height:1.25rem;align-items:start;margin-top:calc(var(--space-unit) / 2);color:var(--color-default-text);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.25rem}:host(.small),:host(.x-small){min-height:1rem;margin-left:var(--space-unit);font-size:var(--font-size-1);line-height:1rem}: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:calc(var(--space-unit) * 0.5);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;margin-top:calc(var(--space-unit) * 0.125)}: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]}]);function n(){"undefined"!=typeof customElements&&["z-input-message","z-icon"].forEach((t=>{switch(t){case"z-input-message":customElements.get(c(t))||customElements.define(c(t),a);break;case"z-icon":customElements.get(c(t))||r()}}))}export{a as Z,n as d}

package/dist/components/index8.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{i as r,m as o}from"./index2.js";const l=()=>`:host{display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}`;const a=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.size=r.MEDIUM;this.listType=o.NONE;this.htmlRole="list"}onRoleChange(e){this.htmlRole=e}setChildrenProps(){Array.from(this.host.children).filter((e=>e.tagName.toLowerCase()==="z-list-element")).forEach(((e,t)=>{e.size=this.size;e.listType=this.listType;e.listElementPosition=`${t+1}`}))}render(){return s(i,{key:"98a78ca75d510f3a1d804bbb2e2fc33d815b74b1",role:this.htmlRole},s("slot",{key:"6bfc24a0ed5dfc13cffc47eb20ad4475ba598c20"}))}get host(){return this}static get watchers(){return{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}]}}static get style(){return l()}},[257,"z-list",{size:[513],listType:[513,"list-type"],htmlRole:[32]},undefined,{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}]}]);function c(){if(typeof customElements==="undefined"){return}const e=["z-list"];e.forEach((e=>{switch(e){case"z-list":if(!customElements.get(n(e))){customElements.define(n(e),a)}break}}))}export{a as Z,c as d};
-//# sourceMappingURL=index8.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as r}from"@stencil/core/internal/client";import{i as n,m as o}from"./index2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=n.MEDIUM,this.listType=o.NONE,this.htmlRole="list"}onRoleChange(e){this.htmlRole=e}setChildrenProps(){Array.from(this.host.children).filter((e=>"z-list-element"===e.tagName.toLowerCase())).forEach(((e,t)=>{e.size=this.size,e.listType=this.listType,e.listElementPosition=`${t+1}`}))}render(){return s(i,{key:"98a78ca75d510f3a1d804bbb2e2fc33d815b74b1",role:this.htmlRole},s("slot",{key:"6bfc24a0ed5dfc13cffc47eb20ad4475ba598c20"}))}get host(){return this}static get watchers(){return{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}]}}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"],htmlRole:[32]},void 0,{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}]}]);function a(){"undefined"!=typeof customElements&&["z-list"].forEach((e=>{"z-list"===e&&(customElements.get(r(e))||customElements.define(r(e),l))}))}export{l as Z,a as d}