@zanichelli/albe-web-components 19.2.6 → 19.2.7

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js

@@ -7,7 +7,7 @@ export class ZMyzCardIcon {
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: 'f850a5bea2c3f3c746403f682c374778944e2940', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '3edd33744b112cec218dcfaa05055d0e5c6d8d30' }, h("z-icon", { key: '7361b982563316a71e155e433b58cb597e76f7e3', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '07cb991da26a22d55fb6cca776a5ef0208d53311', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '6f71110aba5937ec76b6916cb4fdec52856af097' }, h("z-icon", { key: 'b01cbee366497b8b3d27f997e884f8be5a14e6fb', name: this.icon, width: 16, height: 16 }))));
     }
     static get is() { return "z-myz-card-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js

@@ -114,7 +114,7 @@ export class ZMyzCardInfo {
         return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (h("div", { key: '9e928e3e0a584e4d23a842600d235796a8c2e119' }, this.renderCloseIcon(), h("div", { key: '12f4545ef0de9f4b33f6c76db7c42c7cdf556cd9', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '2e9b588a180a9b7e84ecd1e7dab687926320d264', class: "cta-wrapper" }, h("slot", { key: '2ecbe734dd3dca95daa8599d6ff9d81a4d1c0cf0' }))));
+        return (h("div", { key: '2cf85a75758a40cfb8b3c9df21fecc74cbb04f58' }, this.renderCloseIcon(), h("div", { key: 'af5eb9bd6a0cc66c03731683794faf2b60686e40', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '39225945aeaa95be7f2b30eb4a23c04f5a6246f2', class: "cta-wrapper" }, h("slot", { key: 'b1c650e3a43ee7d78530eaa52638cd3c4cf02a7f' }))));
     }
     static get is() { return "z-myz-card-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js

@@ -22,7 +22,7 @@ export class ZMyzCardList {
         });
     }
     render() {
-        return h("ul", { key: '1a13de08540dfc2b52eb0e68131d466573865791' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '7ed6a040b79c3ea63fc94c941dcf31b8d220aea5' }, this.renderList(JSON.parse(this.listdata)));
     }
     static get is() { return "z-myz-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js

@@ -13,7 +13,7 @@ export class ZMyzList {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: 'c3da0fd98f9d50082d025b168e001cd640de0c89' }, this.list &&
+        return (h("ul", { key: '8864b8d3a72f6feb8dd470c865bcbf20b922f31c' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get is() { return "z-myz-list"; }

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js

@@ -17,7 +17,7 @@ export class ZMyzListItem {
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: '421a202bed848893be7768d3ba5ef267faaf1bfe', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '3253979885329c3e12e2ffcb2dd5d52d2d9defef', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '2c02dbdaef9e3b82c0a974f522455ce9636eb4b4', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '826e823b22893e9012341f5f9f1b58e2da8cbd95' }))));
+        return (h("li", { key: '09e6ff232f05fda0714becf9e1197c174f4d8a70', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '5af77b520ee760061280a3e1bc7f0a14a935abe4', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '5d850a4a1e5b5390c8d24529df96c65eda11f8e9', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '9d581e10a76a3affba423defd8d468d6485d347a' }))));
     }
     static get is() { return "z-myz-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-alert/index.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class ZAlert {
     render() {
-        return (h("div", { key: '3b30646b07e779247f6aa142a80d2a18501c9302', class: this.type }, h("slot", { key: 'fb6e05d4c1ca8bb6916efd5f18071e788e9006ca' })));
+        return (h("div", { key: '665f7a7ce9deaf03cb08a9fadc332152b1abf700', class: this.type }, h("slot", { key: 'f6517f07a45d30eda648e071acf5049bd0d1b2b7' })));
     }
     static get is() { return "z-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-otp/index.js

@@ -13,7 +13,7 @@ export class ZOtp {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: '7657d7d869942c3d132010db3926eded138e551c', class: "otp-container" }, h("div", { key: 'ebf909e834636481b6b19058ee5ccb76a1b26783', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: '25929eacee727c90dbf664fa11638bb5cdb5823a', class: "otp-container" }, h("div", { key: '16d6b64ba2649781fcb359ddefd08d0553c9fcb5', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -26,7 +26,7 @@ export class ZOtp {
             }, onInput: (e) => {
                 this.otp[i] = e.target.value;
                 this.emitInputChange(this.otp.join(""));
-            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '102bca7cae4f618feef7bb26461a9a0ddb9ee8b3', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '201125a3e3f5b0a3b53b170d4f0153188715c7db', message: this.message, status: this.status })));
     }
     static get is() { return "z-otp"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index13.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as l,transformTag as r}from"@stencil/core/internal/client";import{e as a,B as o,p as n,l as h,g as c}from"./index2.js";import{r as u,g as d,m}from"./utils.js";import{d as p}from"./index5.js";import{d as v}from"./index6.js";import{d as b}from"./index3.js";import{d as g}from"./index7.js";import{d as z}from"./index8.js";import{d as f}from"./index9.js";import{d as x}from"./index10.js";import{d as w}from"./index11.js";import{d as y}from"./index14.js";const k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.searchSubmit=s(this,"searchSubmit",7),this.searchTyping=s(this,"searchTyping",7),this.searchItemClick=s(this,"searchItemClick",7),this.htmlid=`searchbar-${u()}`,this.preventSubmit=!1,this.autocomplete=!1,this.autocompleteMinChars=3,this.searchHelperLabel="Cerca {searchString}",this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.size=a.BIG,this.variant=o.PRIMARY,this.searchString=this.value,this.currResultsCount=0,this.showResults=!1,this.isMobile=!1,this.resultsItemsList=null,this.items=[]}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}emitSearchTyping(t){this.searchTyping.emit(t)}emitSearchItemClick(t){this.searchItemClick.emit(t),this.selectedItem=t,this.searchString=""}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.emitSearchTyping(this.searchString),this.items=[],this.searchString||(this.currResultsCount=this.resultsCount)}watchShowResults(){this.showResults||(this.items=[])}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{d()!==n.MOBILE||this.isMobile||(this.isMobile=!0),d()!==n.MOBILE&&this.isMobile&&(this.isMobile=!1)})),this.resizeObserver.observe(this.element)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList(),this.currResultsCount=this.resultsCount}getResultsItemsList(){return"string"==typeof this.resultsItems?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(t){const e={};return t.forEach((t=>{var s;const i=`${null==t?void 0:t.category}${null==t?void 0:t.subcategory}`;e[i]=null!==(s=e[i])&&void 0!==s?s:{category:null==t?void 0:t.category,subcategory:null==t?void 0:t.subcategory,items:[]},e[i].items.push(t)})),this.sortResultsItems?Object.keys(e).sort().reduce(((t,s)=>(t[s]=Object.assign(Object.assign({},e[s]),{items:e[s].items.sort(((t,e)=>{const s=t.label.toUpperCase(),i=e.label.toUpperCase();return s<i?-1:s>i?1:0}))}),t)),{}):e}checkResultsCount(t){return!this.currResultsCount||t<this.currResultsCount}handleStopTyping(t){t.stopPropagation(),this.searchString=t.detail.value,this.selectedItem&&(this.selectedItem=void 0)}handleSubmit(){this.preventSubmit||this.emitSearchSubmit()}handleOutsideClick(t){const e=t.composedPath(),s=e.find((t=>"Z-SEARCHBAR"===t.nodeName));this.showResults=!(!s||s.htmlid!==this.htmlid||!e.find((t=>{var e;return"Z-INPUT"===(null==t?void 0:t.nodeName)||(null===(e=null==t?void 0:t.classList)||void 0===e?void 0:e.contains("results"))})))}renderInput(){var t;return i("z-input",{ref:t=>{this.inputRef=t},htmlid:`input-${this.htmlid}`,message:!1,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>{m(t,(()=>this.handleSubmit())),this.handleArrowsNavigation(t)},value:this.searchString||(null===(t=this.selectedItem)||void 0===t?void 0:t.label),size:this.size,label:this.label,"aria-label":this.htmlAriaLabel||this.placeholder})}renderButton(){if(!this.showSearchButton)return null;const t=this.searchButtonIconOnly?"":"CERCA",e=this.searchButtonIconOnly?{"aria-label":"CERCA"}:null,s=Object.assign(Object.assign({disabled:this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},this.searchButtonIconOnly?{icon:"search"}:null),e);return i("z-button",Object.assign({},s),t)}renderResults(){return this.showResults&&this.autocomplete&&this.searchString&&!(this.searchString.length<this.autocompleteMinChars)&&this.resultsItemsList?i("div",{class:"results-wrapper"},i("div",{class:"results"},this.renderResultsList())):null}renderResultsList(){var t,e;return this.preventSubmit&&!(null===(t=this.resultsItemsList)||void 0===t?void 0:t.length)?i("span",{class:"item item-no-results"},"Non abbiamo trovato risultati per ",i("b",null,this.searchString),i("br",null),i("br",null),"Cosa puoi fare?",i("ul",null,i("li",null,"Verificare di aver scritto bene"),i("li",null,"Provare a cercare un'altra parola"),i("li",null,"Provare a cercare qualcosa di più generico"))):i("z-list",{role:"listbox",id:`list-${this.htmlid}`,"aria-label":this.htmlAriaLabel||this.label},this.renderSearchHelper(!!(null===(e=this.resultsItemsList)||void 0===e?void 0:e.length)),this.renderItems(),this.renderShowAllResults())}renderItems(){var t;if(!(null===(t=this.resultsItemsList)||void 0===t?void 0:t.length))return[];const e=this.getGroupedItems(this.resultsItemsList),s=[];let l=0;return Object.values(e).forEach(((t,e,r)=>{if(this.checkResultsCount(l)){const a=[];t.items.forEach(((t,s,i)=>{this.checkResultsCount(l)&&a.push(this.renderItem(t,s,!(e===r.length-1&&s===i.length-1))),l++})),a.length&&s.push(i("z-list-group",{"divider-type":h.ELEMENT},this.renderItemCategory(t),a))}})),s}handleArrowsNavigation(t){const e=t.target;if(![c.ARROW_DOWN,c.ARROW_UP].includes(t.key))return void t.preventDefault();if(!this.items.length){const t=this.element.shadowRoot.querySelector("z-list");if(!t)return;this.items=Array.from(t.querySelectorAll(".list-element"))}this.items.forEach((t=>{t.classList.toggle("focused",!1)}));const s=this.items.indexOf(e);if(t.key===c.ARROW_DOWN){t.preventDefault();const e=s+1;e<this.items.length&&(this.items[e].focus(),this.items[e].classList.add("focused"))}if(t.key===c.ARROW_UP){t.preventDefault();const e=s-1;e<0&&(this.element.shadowRoot.querySelector("input").focus(),this.element.shadowRoot.querySelector("input").setSelectionRange(this.inputRef.value.length,this.inputRef.value.length)),e>=0&&(this.items[e].focus(),this.items[e].classList.add("focused"))}}renderItem(t,e,s){return i("z-list-element",{id:`list-item-${this.htmlid}-${e}`,tabIndex:0,role:"option",dividerType:s?h.ELEMENT:void 0,onKeyDown:t=>this.handleArrowsNavigation(t)},i("div",{class:"list-element",tabIndex:0,onClick:()=>this.emitSearchItemClick(t),onKeyDown:e=>m(e,(()=>this.emitSearchItemClick(t))),onMouseEnter:t=>{t.target.classList.add("hovered")},onMouseLeave:t=>{t.target.classList.toggle("hovered",!1)}},i("span",{class:"item ellipsis"},(null==t?void 0:t.icon)&&i("z-icon",{class:"item-icon",name:t.icon}),i("span",{class:"item-label",title:t.label,innerHTML:this.renderItemLabel(t.label)})),(null==t?void 0:t.tag)&&i("z-tag",{icon:t.tag.icon},this.isMobile?"":t.tag.text)),t.children&&t.children.length>0?i("z-list",null,i("div",{class:"children-node"},t.children.map(((t,e)=>this.renderItem(t,e,!1))))):null)}renderItemLabel(t){return this.searchString?t.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),(t=>`<mark>${t}</mark>`)):t}renderItemCategory(t){return(null==t?void 0:t.category)?i("span",{class:"category-heading",slot:"header-title"},i("span",{class:"category"},t.category),(null==t?void 0:t.subcategory)&&i("span",{class:"subcategory"},t.subcategory)):null}renderSearchHelper(t=!0){return this.autocomplete&&!this.preventSubmit&&this.searchString?i("z-list-element",{role:"option",dividerType:t?h.ELEMENT:void 0,id:`list-item-${this.htmlid}-search`,onKeyDown:t=>this.handleArrowsNavigation(t)},i("div",{tabindex:0,onClick:()=>this.emitSearchSubmit(),onKeyDown:t=>m(t,(()=>this.emitSearchSubmit())),class:"list-element"},i("span",{class:"item item-search"},i("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),i("span",{class:"item-label",innerHTML:this.searchHelperLabel.replace("{searchString}",`<mark>${this.searchString}</mark>`)})))):null}renderShowAllResults(){var t,e;return!this.currResultsCount||!this.searchString||!(null===(t=this.resultsItemsList)||void 0===t?void 0:t.length)||this.currResultsCount>=(null===(e=this.resultsItemsList)||void 0===e?void 0:e.length)?null:i("z-list-element",{role:"option",tabindex:0,clickable:!0,id:`list-item-${this.htmlid}-show-all`,onClickItem:()=>this.currResultsCount=0,color:"color-primary01"},i("div",{class:"item-show-all"},"Vedi tutti i risultati"))}render(){return i(l,{key:"6ccdb51d39d0e211de9b79cbbed90f4597b2c25b",onFocus:()=>this.showResults=!0,onClick:t=>this.handleOutsideClick(t),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},i("div",{key:"90e51c50fe4b06429aad4d222cb26e5789183c30",class:"input-container"},this.renderInput(),this.renderResults()),this.renderButton())}get element(){return this}static get watchers(){return{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}],showResults:[{watchShowResults:0}]}}static get style(){return':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:44px;z-index:15;display:flex;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}:host::part(list-item-container){display:block;min-height:unset;padding:0}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.results-wrapper{position:absolute;top:calc(100% - 1px);left:0;width:100%;padding:calc(var(--space-unit) / 4);border:var(--border-size-small) solid var(--color-surface03);border-top:none;background:var(--color-surface01)}.results{overflow:auto;max-height:var(--z-searchbar-results-height, 540px);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5)}.results::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.results::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.results::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(.results::-webkit-scrollbar-track){.results{scrollbar-color:var(--color-primary01) transparent}}.results .category-heading{display:block;font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:var(--font-size-3)}.results .category-heading>*{display:block}.results .category-heading>.category{color:var(--color-text05);font-style:italic}.results .category-heading>.subcategory{margin-top:var(--space-unit);color:var(--color-default-text);text-transform:uppercase}.results z-list-element{position:relative;display:block}z-list-element>.item-search{padding:var(--space-unit) 0}z-list z-list-element::before{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:1em;border-bottom:1px solid var(--color-disabled01-icon);border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element::after{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:100%;border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element:last-child::after{display:none}z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 3)}.results z-list-element>.list-element{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.25) 0;cursor:pointer}.results z-list-element>.list-element:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.results z-list-element>.list-element .item.ellipsis{overflow:hidden}.results z-list-element .list-element::after{position:absolute;top:0;right:0;display:block;width:100%;height:44px;content:"";transform:translateX(-100%)}.results z-list-element .list-element.focused.hovered::after{padding-left:6px}.results z-list-element>.list-element:hover,.results z-list-element>.list-element:hover::after{background-color:var(--color-background);cursor:pointer}.results z-list-element>.list-element>z-tag{border:1px solid var(--gray800);font-size:var(--font-size-1);font-weight:var(--font-sb);--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color)}.results .item{--z-icon-height:12px;--z-icon-width:12px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;color:var(--color-default-text);column-gap:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon);font-size:var(--font-size-2);line-height:var(--font-size-6)}.results .item.ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item>.item-label mark{background:var(--color-primary03)}.results .item.item-search{--z-icon-height:16px;--z-icon-width:16px}.results .item-show-all{text-align:center}.results .item-no-results{display:block;font-size:var(--font-size-2);font-style:italic;line-height:var(--font-size-5)}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results .category-heading{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item.item-search{--z-icon-height:18px;--z-icon-width:18px}.results .item.ellipsis>.item-label{height:1.5rem}.results z-list-element>.list-element>z-tag{min-width:max-content}}@media (min-width: 1152px){.results .item{cursor:pointer}.results .item-no-results{cursor:default;font-size:var(--font-size-3);line-height:var(--font-size-6)}}:host([size="small"]) .results :is(.item,.category-heading),:host([size="x-small"]) .results :is(.item,.category-heading){font-size:var(--font-size-2)}:host([size="small"]) .results .item:not(.has-category),:host([size="x-small"]) .results .item:not(.has-category){--z-icon-height:16px;--z-icon-width:16px}:host([size="small"]) z-list-element>.list-element,:host([size="small"]) z-list-element>.item-search{padding:calc(var(--space-unit) * 0.75) 0}:host([size="x-small"]) z-list-element>.list-element,:host([size="x-small"]) z-list-element>.item-search{padding:calc(var(--space-unit) / 2) 0}:host([size="small"]) z-list-element .list-element::after{height:36px}:host([size="x-small"]) z-list-element .list-element::after{height:32px}.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}'}},[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],label:[1],htmlAriaLabel:[1,"html-aria-label"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],searchHelperLabel:[1,"search-helper-label"],resultsItems:[1,"results-items"],sortResultsItems:[4,"sort-results-items"],showSearchButton:[4,"show-search-button"],searchButtonIconOnly:[4,"search-button-icon-only"],size:[1],variant:[1],searchString:[32],currResultsCount:[32],showResults:[32],isMobile:[32],selectedItem:[32]},[[4,"click","handleOutsideClick"]],{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}],showResults:[{watchShowResults:0}]}]);function S(){"undefined"!=typeof customElements&&["z-searchbar","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-tag"].forEach((t=>{switch(t){case"z-searchbar":customElements.get(r(t))||customElements.define(r(t),k);break;case"z-button":customElements.get(r(t))||p();break;case"z-divider":customElements.get(r(t))||v();break;case"z-icon":customElements.get(r(t))||b();break;case"z-input":customElements.get(r(t))||g();break;case"z-input-message":customElements.get(r(t))||z();break;case"z-list":customElements.get(r(t))||f();break;case"z-list-element":customElements.get(r(t))||x();break;case"z-list-group":customElements.get(r(t))||w();break;case"z-tag":customElements.get(r(t))||y()}}))}export{k as Z,S as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{e as a,B as r,g as l}from"./index2.js";import{r as h,m as d}from"./utils.js";import{d as b}from"./index5.js";import{d as f}from"./index6.js";import{d as c}from"./index3.js";import{d as g}from"./index7.js";import{d as v}from"./index8.js";import{d as m}from"./index9.js";import{d as p}from"./index10.js";import{d as z}from"./index11.js";import{d as u}from"./index14.js";const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.searchSubmit=i(this,"searchSubmit",7),this.searchTyping=i(this,"searchTyping",7),this.searchItemClick=i(this,"searchItemClick",7),this.htmlid=`searchbar-${h()}`,this.preventSubmit=!1,this.autocomplete=!1,this.autocompleteMinChars=3,this.searchHelperLabel="Cerca {searchString}",this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.size=a.BIG,this.variant=r.PRIMARY,this.searchString=this.value,this.currResultsCount=this.resultsCount,this.showResults=!1,this.isMobile=!1,this.resultsItemsList=null}emitSearchItemClick(t){this.searchItemClick.emit(t),this.selectedItem=t,this.searchString=""}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.searchTyping.emit(this.searchString),this.searchString||(this.currResultsCount=this.resultsCount)}getResultsItemsList(){return"string"==typeof this.resultsItems?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(){const t={};return this.resultsItemsList.forEach((e=>{var i;const o=`${null==e?void 0:e.category}${null==e?void 0:e.subcategory}`;t[o]=null!==(i=t[o])&&void 0!==i?i:{category:null==e?void 0:e.category,subcategory:null==e?void 0:e.subcategory,items:[]},t[o].items.push(e)})),this.sortResultsItems?Object.keys(t).sort().reduce(((e,i)=>(e[i]=Object.assign(Object.assign({},t[i]),{items:t[i].items.sort(((t,e)=>{const i=t.label.toUpperCase(),o=e.label.toUpperCase();return i<o?-1:i>o?1:0}))}),e)),{}):t}onListItemKeyDown(t,e){if(t.key===l.ENTER)return t.preventDefault(),void this.emitSearchItemClick(e);this.handleArrowsNavigation(t)}onSearchHelperKeyDown(t){if(t.key===l.ENTER)return t.preventDefault(),void this.emitSearchSubmit();this.handleArrowsNavigation(t)}handleArrowsNavigation(t){var e,i,o,s,n,a;if(![l.ARROW_DOWN,l.ARROW_UP].includes(t.key))return;const r=t.target,h=Array.from(null!==(i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll("z-list .list-item"))&&void 0!==i?i:[]),d=h.indexOf(r);if(t.key===l.ARROW_DOWN){t.preventDefault();const e=d+1;e<h.length&&h[e].focus()}if(t.key===l.ARROW_UP){t.preventDefault();const e=d-1;e<0&&(null===(s=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector("input"))||void 0===s||s.focus(),null===(a=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector("input"))||void 0===a||a.setSelectionRange(this.inputRef.value.length,this.inputRef.value.length)),e>=0&&h[e].focus()}}handleStopTyping(t){t.stopPropagation(),this.searchString=t.detail.value,this.selectedItem=void 0}handleSubmit(){this.preventSubmit||this.emitSearchSubmit()}handleOutsideClick(t){t.composedPath().includes(this.host)||(this.showResults=!1)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList(),this.mql=matchMedia("(max-width: 767px)"),this.onMobileViewChange=t=>this.isMobile=t.matches,this.mql.addEventListener("change",this.onMobileViewChange),this.isMobile=this.mql.matches}disconnectedCallback(){var t;null===(t=this.mql)||void 0===t||t.removeEventListener("change",this.onMobileViewChange)}renderItemLabel(t){return this.searchString?t.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),(t=>`<mark>${t}</mark>`)):t}renderItem(t,e){var i;return o("z-list-element",{id:`list-item-${this.htmlid}-${e}`,role:"presentation",htmlTabindex:-1,onKeyDown:e=>this.onListItemKeyDown(e,t),onClick:()=>this.emitSearchItemClick(t)},o("div",{class:"list-item ellipsis",role:"option",tabindex:0},!!(null==t?void 0:t.icon)&&o("z-icon",{class:"item-icon",name:t.icon}),o("div",{class:"item-label body-3 mobile-body-4",title:t.label,innerHTML:this.renderItemLabel(t.label)}),!!(null==t?void 0:t.tag)&&o("z-tag",{icon:t.tag.icon},this.isMobile?"":t.tag.text)),!!(null===(i=t.children)||void 0===i?void 0:i.length)&&o("z-list",{class:"sub-list",role:"group","aria-label":t.label||void 0},t.children.map(((t,e)=>this.renderItem(t,e)))))}renderItemGroups(){var t;if(!(null===(t=this.resultsItemsList)||void 0===t?void 0:t.length))return;const e=Object.values(this.getGroupedItems()),i=[],s=!!this.currResultsCount;let n=0;for(const t of e){const e=s?this.currResultsCount-n:t.items.length;if(e<=0)break;const a=t.items.slice(0,e).map(((t,e)=>this.renderItem(t,e)));if(n+=a.length,!a.length)continue;const r=[t.category,t.subcategory].filter(Boolean).join(" ");i.push(o("z-list-group",{"aria-label":r||void 0},t.category&&o("z-list-element",{class:"category-heading body-3 mobile-body-4",slot:"header-title",role:"presentation",htmlTabindex:-1},o("div",{class:"category"},t.category),t.subcategory&&o("div",{class:"subcategory"},t.subcategory)),a))}return i}render(){var t,e,i,n,a;return o(s,{key:"ef0ac81207a219b31d80fd2091070deea1f4314a",onFocus:()=>this.showResults=!0,onClick:t=>this.handleOutsideClick(t),class:{"has-submit":!!this.showSearchButton,"has-results":!!this.autocomplete}},o("div",{key:"cb73f19a10f7c26ef0f627916fb8d7dd6a28409c",class:"input-container"},o("z-input",{key:"11c8ec74157a8a6a278d1e7928b6c819167ff3f4",ref:t=>this.inputRef=t,htmlid:`input-${this.htmlid}`,message:!1,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>{d(t,(()=>this.handleSubmit())),this.handleArrowsNavigation(t)},onFocus:()=>this.showResults=!0,value:this.searchString||(null===(t=this.selectedItem)||void 0===t?void 0:t.label),size:this.size,label:this.label,"aria-label":this.htmlAriaLabel||this.placeholder||void 0}),!!(this.showResults&&this.autocomplete&&this.searchString&&this.searchString.length>=this.autocompleteMinChars&&this.resultsItemsList)&&o("div",{key:"072a63a8d3f91b4325c53c0ec56fa90f925199f2",class:"results z-scrollbar"},this.preventSubmit&&!(null===(e=this.resultsItemsList)||void 0===e?void 0:e.length)?o("div",{class:"item-no-results body-3 mobile-body-4"},"Non abbiamo trovato risultati per ",o("b",null,this.searchString),o("br",null),o("br",null),"Cosa puoi fare?",o("ul",null,o("li",null,"Verificare di aver scritto bene"),o("li",null,"Provare a cercare un'altra parola"),o("li",null,"Provare a cercare qualcosa di più generico"))):o("z-list",{role:"listbox",id:`list-${this.htmlid}`,"aria-label":this.htmlAriaLabel||this.label||void 0},this.autocomplete&&!this.preventSubmit&&!!this.searchString&&o("z-list-element",{role:"presentation",htmlTabindex:-1,id:`list-item-${this.htmlid}-search`,onKeyDown:t=>this.onSearchHelperKeyDown(t),onClick:()=>this.emitSearchSubmit()},o("div",{class:"list-item item-search",role:"option",tabindex:0},o("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),o("div",{class:"item-label body-3 mobile-body-4",innerHTML:null===(i=this.searchHelperLabel)||void 0===i?void 0:i.replace("{searchString}",`<mark>${this.searchString}</mark>`)}))),this.renderItemGroups(),!!(this.searchString&&(null===(n=this.resultsItemsList)||void 0===n?void 0:n.length)&&this.currResultsCount&&this.currResultsCount<(null===(a=this.resultsItemsList)||void 0===a?void 0:a.length))&&o("z-list-element",{role:"presentation",htmlTabindex:-1,id:`list-item-${this.htmlid}-show-all`},o("div",{role:"option",class:"item-show-all body-3 mobile-body-4",tabindex:0,onClick:()=>this.currResultsCount=void 0},"Vedi tutti i risultati"))))),this.showSearchButton&&o("z-button",{key:"c839b4c5fa6d46f28f9ab83e0a02b1bc3d9594bf",icon:this.searchButtonIconOnly?"search":void 0,"aria-label":this.searchButtonIconOnly?"CERCA":void 0,disabled:!!this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},this.searchButtonIconOnly?"":"CERCA"))}get host(){return this}static get watchers(){return{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}]}}static get style(){return':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:2.75rem;z-index:15;display:flex;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*,::after,::before{box-sizing:border-box}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.input-container z-input{z-index:1}.results{--item-icon-size:1rem;--z-icon-height:var(--item-icon-size);--z-icon-width:var(--item-icon-size);--item-inline-padding:calc(var(--space-unit) * 1.5);--item-col-gap:var(--space-unit);position:absolute;top:calc(100% - 1px);left:0;overflow:auto;width:100%;max-height:var(--z-searchbar-results-height, 540px);border:var(--border-size-small) solid var(--color-form-surface03);border-top:none;background:var(--color-form-background)}.results z-list-element{--background-color-list-element:var(--color-form-background);position:relative;display:block}.results>z-list>z-list-element::part(list-item-container){padding:0 var(--item-inline-padding)}.results z-list-element>.list-item{position:relative;display:flex;align-items:center;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) / 4);background-color:transparent;color:var(--color-form-default-text);fill:var(--color-form-default-icon);gap:var(--item-col-gap)}.results z-list-element>.list-item:hover{background-color:var(--gray100);cursor:pointer}.results z-list-element>.list-item:focus-visible{z-index:1;box-shadow:var(--shadow-focus-primary);outline:none}.results>z-list>z-list-element:not(:last-child)>.list-item,.results z-list-group:not(:last-child)>z-list-element:not(.category-heading){border-bottom:1px solid var(--color-form-surface03)}.results z-list-group{padding:0 var(--item-inline-padding)}.results z-list-group>z-list-element::part(list-item-container){padding:0}.results .sub-list{padding-left:calc(var(--item-icon-size) + var(--item-col-gap))}.results .sub-list z-list-element::part(list-item-container){padding:0}.results .sub-list z-list-element>.list-item{position:relative}.results .sub-list>z-list-element:not(:last-child)::before,.results .sub-list>z-list-element>.list-item::before{position:absolute;top:0;left:calc(0px - var(--item-col-gap) - var(--item-icon-size) / 2 + 1px);border-left:1px solid var(--color-form-surface03);content:""}.results .sub-list>z-list-element:not(:last-child)::before{top:-4px;height:calc(100% + 4px)}.results .sub-list z-list-element>.list-item::before{width:14px;height:calc(var(--z-searchbar-item-height) / 2);border-bottom:1px solid var(--color-form-surface03)}.results .category-heading>.category{font-style:italic}.results .category-heading>.subcategory{text-transform:uppercase}.results z-list-element>.list-item .ellipsis{overflow:hidden}.results .ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item-label mark{background:var(--color-primary03);color:var(--color-default-text)}.results .list-item>z-tag{--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color);margin-left:auto;white-space:nowrap}.results .item-show-all{width:100%;color:var(--color-primary01);cursor:pointer;text-align:center}.results .item-no-results{display:block;font-style:italic}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results{--item-icon-size:1.125rem}}.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}.z-scrollbar::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.z-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.z-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}:host([theme="dark"]) .z-scrollbar,.z-scrollbar--dark{--z-scrollbar-track-gradient:linear-gradient(     to right,     transparent 0 1px,     var(--gray600) 1px 5px,     transparent 5px 6px   );--z-scrollbar-track-color:var(--gray600);--z-scrollbar-thumb-color:var(--color-primary03);--z-scrollbar-thumb-hover-color:var(--color-hover-primary);--z-scrollbar-corner-color:transparent}@supports not selector(.z-scrollbar::-webkit-scrollbar-track){.z-scrollbar{scrollbar-color:var(--color-primary01) transparent}:host([theme="dark"]) .z-scrollbar,.z-scrollbar--dark{scrollbar-color:var(--z-scrollbar-thumb-color, var(--color-primary03))       var(--z-scrollbar-track-color, var(--gray600))}}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}'}},[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],label:[1],htmlAriaLabel:[1,"html-aria-label"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],searchHelperLabel:[1,"search-helper-label"],resultsItems:[1,"results-items"],sortResultsItems:[4,"sort-results-items"],showSearchButton:[4,"show-search-button"],searchButtonIconOnly:[4,"search-button-icon-only"],size:[1],variant:[1],searchString:[32],currResultsCount:[32],showResults:[32],isMobile:[32],selectedItem:[32]},[[4,"click","handleOutsideClick"]],{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}]}]);function y(){"undefined"!=typeof customElements&&["z-searchbar","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-tag"].forEach((t=>{switch(t){case"z-searchbar":customElements.get(n(t))||customElements.define(n(t),w);break;case"z-button":customElements.get(n(t))||b();break;case"z-divider":customElements.get(n(t))||f();break;case"z-icon":customElements.get(n(t))||c();break;case"z-input":customElements.get(n(t))||g();break;case"z-input-message":customElements.get(n(t))||v();break;case"z-list":customElements.get(n(t))||m();break;case"z-list-element":customElements.get(n(t))||p();break;case"z-list-group":customElements.get(n(t))||z();break;case"z-tag":customElements.get(n(t))||u()}}))}export{w as Z,y as d}

package/dist/components/index22.js

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

package/dist/components/index23.js

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

package/dist/components/index24.js

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

package/dist/components/index25.js

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

package/dist/components/index26.js

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

package/dist/components/index27.js

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

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

package/dist/components/index7.js

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

package/dist/components/z-combobox.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,transformTag as o}from"@stencil/core/internal/client";import{e as a,I as r,i as n,g as l,l as c}from"./index2.js";import{r as h,b as d}from"./utils.js";import{d as p}from"./index6.js";import{d as m}from"./index3.js";import{d as u}from"./index7.js";import{d as b}from"./index8.js";import{d as v}from"./index10.js";import{d as f}from"./index11.js";const g=e(class extends t{watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((e=>e.checked)).length,this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.comboboxChange=i(this,"comboboxChange",7),this.inputid="combo-"+h(),this.disabled=!1,this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.size=a.BIG,this.renderItemsList=[],this.focusedItemId="",this.itemsList=[],this.inputType=r.TEXT,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((e=>e.checked)).length}getControlToListSize(){switch(this.size){case a.X_SMALL:return n.SMALL;case a.SMALL:return n.MEDIUM;default:return n.LARGE}}getOptionId(e){return`${this.inputid}-option-${e}`}getCheckAllOptionId(){return this.inputid+"-check-all"}allOptionsSelected(){return this.selectedCounter===this.itemsList.length}hasReachedMaxSelections(){return!!(this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems)}handleHeaderKeyDown(e){if(e.code!==l.ENTER||this.focusedItemId||this.toggleComboBox(),this.isopen&&!this.hassearch)switch(e.code){case l.SPACE:case l.ENTER:this.focusedItemId&&(e.preventDefault(),this.checkOption(this.focusedItemId));break;case l.ESC:this.focusedItemId&&(this.focusedItemId="");break;case l.ARROW_DOWN:case l.ARROW_UP:this.handleArrowsNavigation(e)}}handleInputKeyDown(e){switch(e.code){case l.ENTER:case l.SPACE:if(this.focusedItemId){e.preventDefault(),this.checkOption(this.focusedItemId);break}break;case l.ARROW_DOWN:case l.ARROW_UP:this.handleArrowsNavigation(e);break;case l.ESC:if(this.focusedItemId){this.focusedItemId="";break}this.closeFilterItems();break;case l.TAB:this.focusedItemId=""}}checkOption(e){e===this.getCheckAllOptionId()?(this.itemsList=this.itemsList.map((e=>Object.assign(Object.assign({},e),{checked:!this.allOptionsSelected()}))),this.focusedItemId=this.getCheckAllOptionId()):this.itemsList=this.itemsList.map((t=>(e===this.getOptionId(t.id)&&(t.checked=!t.checked),t))),this.updateRenderItemsList(),this.emitComboboxChange()}handleArrowsNavigation(e){if(![l.ARROW_DOWN,l.ARROW_UP].includes(e.code)||!this.isopen)return;e.preventDefault(),e.stopPropagation();const t=this.focusedItemId?this.element.shadowRoot.querySelector("#"+this.focusedItemId):null,i=Array.from(this.element.shadowRoot.querySelectorAll('[role="option"]'));if(!i.length)return;const s=t?i.indexOf(t):null,o=i.length-1;let a=null;e.code===l.ARROW_DOWN?a=null===s?i[0]:i[s+1]||i[o]:e.code===l.ARROW_UP&&(a=null===s?i[o]:i[s-1]||i[0]),this.focusedItemId=a.id,a.scrollIntoView({block:"nearest",container:"nearest"})}updateRenderItemsList(){this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}resetRenderItemsList(){const e=[];this.itemsList.forEach((t=>{e.push(Object.assign({},t))})),this.renderItemsList=e}filterItems(e){if(!e)return this.closeFilterItems();this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((t=>{const i=t.name.toUpperCase().indexOf(e.toUpperCase()),s=i+e.length,o=t.name.substring(0,i)+"<strong>"+t.name.substring(i,s)+"</strong>"+t.name.substring(s,t.name.length);return t.name=o,i>=0}))}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(e){const t="combobox",i=this.htmlAriaLabel,s=this.isopen?"true":"false",o=this.isopen?this.focusedItemId:"",a=this.inputid+"_list";return e?{role:t,"aria-label":i,"html-aria-expanded":s,"html-aria-activedescendant":o,"html-aria-controls":a}:{role:t,"aria-label":i,"aria-expanded":s,"aria-activedescendant":o,"aria-controls":a}}renderHeader(){const e=this.hassearch?{}:this.getComboboxA11yAttributes(!1);return s("div",Object.assign({class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:e=>this.handleHeaderKeyDown(e),role:"button",tabindex:0,"aria-controls":"open-combo-data","aria-expanded":this.isopen?"true":"false"},e),s("span",{class:"body-3","aria-label":this.label?`${this.label}${this.selectedCounter>0?` - ${this.selectedCounter} selezionati`:""}`:void 0},this.label,s("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),s("z-icon",{name:"caret-down",class:this.size}))}renderContent(){return s("div",{id:"open-combo-data",class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),s("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":"true",id:this.inputid+"_list","aria-owns":`${this.hascheckall?this.getCheckAllOptionId()+" ":""}${this.itemsList.map((e=>this.getOptionId(e.id))).join(" ")}`},this.renderItems()))}renderItems(){return s("div",{class:this.searchValue&&"search",tabIndex:-1,role:"presentation"},this.renderList(this.renderItemsList))}renderItem(e,t,i){const o=this.getOptionId(e.id),a=!e.checked&&this.hasReachedMaxSelections();return s("z-list-element",{htmlTabindex:-1,dividerType:t!==i-1?c.ELEMENT:c.NONE,size:this.getControlToListSize(),role:"presentation",disabled:!!a},s("span",{class:"option-wrap",role:"presentation",onClick:()=>{this.focusedItemId="",this.checkOption(o)}},s("z-icon",{name:e.checked?"checkbox-checked":"checkbox",class:this.focusedItemId===o?"focused":""}),s("span",{id:o,role:a?"presentation":"option","aria-selected":e.checked?"true":"false","aria-label":a?void 0:d(e.name)},s("span",{"aria-hidden":"true",innerHTML:e.name}))))}renderList(e){if(e)return!e.length&&this.searchValue?this.renderNoSearchResults():this.hasgroupitems?this.renderGroups(e):s("ul",{role:"presentation"},this.renderCheckAll(),e.map(((t,i)=>this.renderItem(t,i,e.length))))}renderGroups(e){const t=e.reduce(((t,i,s)=>{var o;const a=i.category||"Altra categoria",r=this.renderItem(i,s,e.length);return t[a]=null!==(o=t[a])&&void 0!==o?o:[],t[a].push(r),t}),{}),i=Object.entries(t).map((([e,t],i)=>s("z-list-group",{size:this.getControlToListSize(),"divider-type":c.ELEMENT,"aria-labelledby":`${this.inputid}_list_group_${i}`},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.inputid}_list_group_${i}`,"aria-hidden":"true"},e),t.map((e=>e)))));return s("ul",{role:"presentation"},this.renderCheckAll(),i)}renderNoSearchResults(){return s("div",{class:"no-results"},s("span",null,this.noresultslabel))}renderSearchInput(){return s("z-input",Object.assign({htmlid:this.inputid+"_search",label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:!1,size:this.size,"html-aria-autocomplete":"list"},this.getComboboxA11yAttributes(!0),{onKeyDown:e=>this.handleInputKeyDown(e),onInputChange:e=>{this.searchValue=e.detail.value,this.focusedItemId=""}}))}renderCheckAll(){if(!this.hascheckall||this.searchValue)return;const e=this.getCheckAllOptionId(),t=this.allOptionsSelected(),i=this.hasReachedMaxSelections()||this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length;return s("z-list-element",{class:"check-all-wrapper",role:"presentation",htmlTabindex:-1,dividerType:c.ELEMENT,dividerColor:"gray800",size:this.getControlToListSize(),disabled:!!i},s("span",{class:"option-wrap",role:"presentation",onClick:()=>this.checkOption(e)},s("z-icon",{name:t?"checkbox-checked":"checkbox",class:this.focusedItemId===e?"focused":""}),s("span",{id:e,role:i?"presentation":"option","aria-selected":t?"true":"false"},t?this.uncheckalltext:this.checkalltext)))}render(){return s("div",{key:"f65a92eded2c6cd7d4bb42ddc5f667806a4f5582","data-action":"combo-"+this.inputid,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}get element(){return this}static get watchers(){return{items:[{watchItems:0}],searchValue:[{watchSearchValue:0}]}}static get style(){return'.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}:host{display:block;min-width:290px;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>span.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>span.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div>div.open-combo-data{display:none}:host>div.open>div.open-combo-data{position:relative;z-index:12;display:block;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;padding-left:var(--space-unit);margin-left:calc(var(--space-unit) * -1);}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 calc(var(--space-unit) * 0.5);margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}:host .open-combo-data z-list-element[disabled]{pointer-events:none}:host .open-combo-data z-list-element .option-wrap{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:var(--space-unit)}:host .open-combo-data z-list-element[size="medium"] .option-wrap,:host .open-combo-data z-list-element[size="small"] .option-wrap{--z-icon-width:16px;--z-icon-height:16px;font-size:var(--font-size-2);gap:calc(var(--space-unit) / 2)}:host .open-combo-data z-list-element .option-wrap>z-icon{fill:var(--color-primary01)}:host .open-combo-data z-list-element[disabled] .option-wrap>z-icon{fill:var(--color-disabled01)}:host .open-combo-data z-list-element .option-wrap>z-icon.focused{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus,:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)     calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);margin-left:calc(var(--space-unit) * -1);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}'}},[1,"z-combobox",{inputid:[1],items:[1],label:[1],disabled:[516],hassearch:[4],searchlabel:[1],searchplaceholder:[1],searchtitle:[1],noresultslabel:[1],isopen:[1028],isfixed:[4],hascheckall:[4],checkalltext:[1],uncheckalltext:[1],maxcheckableitems:[2],hasgroupitems:[4],size:[1],htmlAriaLabel:[1,"html-aria-label"],searchValue:[32],selectedCounter:[32],renderItemsList:[32],focusedItemId:[32]},void 0,{items:[{watchItems:0}],searchValue:[{watchSearchValue:0}]}]),x=g,z=function(){"undefined"!=typeof customElements&&["z-combobox","z-divider","z-icon","z-input","z-input-message","z-list-element","z-list-group"].forEach((e=>{switch(e){case"z-combobox":customElements.get(o(e))||customElements.define(o(e),g);break;case"z-divider":customElements.get(o(e))||p();break;case"z-icon":customElements.get(o(e))||m();break;case"z-input":customElements.get(o(e))||u();break;case"z-input-message":customElements.get(o(e))||b();break;case"z-list-element":customElements.get(o(e))||v();break;case"z-list-group":customElements.get(o(e))||f()}}))};export{x as ZCombobox,z as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,transformTag as o}from"@stencil/core/internal/client";import{e as a,I as r,i as n,g as l,l as c}from"./index2.js";import{r as h,b as d}from"./utils.js";import{d as p}from"./index6.js";import{d as m}from"./index3.js";import{d as u}from"./index7.js";import{d as v}from"./index8.js";import{d as b}from"./index10.js";import{d as f}from"./index11.js";const g=e(class extends t{watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((e=>e.checked)).length,this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.comboboxChange=i(this,"comboboxChange",7),this.inputid="combo-"+h(),this.disabled=!1,this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.size=a.BIG,this.renderItemsList=[],this.focusedItemId="",this.itemsList=[],this.inputType=r.TEXT,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((e=>e.checked)).length}getControlToListSize(){switch(this.size){case a.X_SMALL:return n.SMALL;case a.SMALL:return n.MEDIUM;default:return n.LARGE}}getOptionId(e){return`${this.inputid}-option-${e}`}getCheckAllOptionId(){return this.inputid+"-check-all"}allOptionsSelected(){return this.selectedCounter===this.itemsList.length}hasReachedMaxSelections(){return!!(this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems)}handleHeaderKeyDown(e){if(e.code!==l.ENTER||this.focusedItemId||this.toggleComboBox(),this.isopen&&!this.hassearch)switch(e.code){case l.SPACE:case l.ENTER:this.focusedItemId&&(e.preventDefault(),this.checkOption(this.focusedItemId));break;case l.ESC:this.focusedItemId&&(this.focusedItemId="");break;case l.ARROW_DOWN:case l.ARROW_UP:this.handleArrowsNavigation(e)}}handleInputKeyDown(e){switch(e.code){case l.ENTER:case l.SPACE:if(this.focusedItemId){e.preventDefault(),this.checkOption(this.focusedItemId);break}break;case l.ARROW_DOWN:case l.ARROW_UP:this.handleArrowsNavigation(e);break;case l.ESC:if(this.focusedItemId){this.focusedItemId="";break}this.closeFilterItems();break;case l.TAB:this.focusedItemId=""}}checkOption(e){e===this.getCheckAllOptionId()?(this.itemsList=this.itemsList.map((e=>Object.assign(Object.assign({},e),{checked:!this.allOptionsSelected()}))),this.focusedItemId=this.getCheckAllOptionId()):this.itemsList=this.itemsList.map((t=>(e===this.getOptionId(t.id)&&(t.checked=!t.checked),t))),this.updateRenderItemsList(),this.emitComboboxChange()}handleArrowsNavigation(e){if(![l.ARROW_DOWN,l.ARROW_UP].includes(e.code)||!this.isopen)return;e.preventDefault(),e.stopPropagation();const t=this.focusedItemId?this.element.shadowRoot.querySelector("#"+this.focusedItemId):null,i=Array.from(this.element.shadowRoot.querySelectorAll('[role="option"]'));if(!i.length)return;const s=t?i.indexOf(t):null,o=i.length-1;let a=null;e.code===l.ARROW_DOWN?a=null===s?i[0]:i[s+1]||i[o]:e.code===l.ARROW_UP&&(a=null===s?i[o]:i[s-1]||i[0]),this.focusedItemId=a.id,a.scrollIntoView({block:"nearest",container:"nearest"})}updateRenderItemsList(){this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}resetRenderItemsList(){const e=[];this.itemsList.forEach((t=>{e.push(Object.assign({},t))})),this.renderItemsList=e}filterItems(e){if(!e)return this.closeFilterItems();this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((t=>{const i=t.name.toUpperCase().indexOf(e.toUpperCase()),s=i+e.length,o=t.name.substring(0,i)+"<strong>"+t.name.substring(i,s)+"</strong>"+t.name.substring(s,t.name.length);return t.name=o,i>=0}))}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(e){const t="combobox",i=this.htmlAriaLabel,s=this.isopen?"true":"false",o=this.isopen?this.focusedItemId:"",a=this.inputid+"_list";return e?{role:t,"aria-label":i,"html-aria-expanded":s,"html-aria-activedescendant":o,"html-aria-controls":a}:{role:t,"aria-label":i,"aria-expanded":s,"aria-activedescendant":o,"aria-controls":a}}renderHeader(){const e=this.hassearch?{}:this.getComboboxA11yAttributes(!1);return s("div",Object.assign({class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:e=>this.handleHeaderKeyDown(e),role:"button",tabindex:0,"aria-controls":"open-combo-data","aria-expanded":this.isopen?"true":"false"},e),s("span",{class:"body-3","aria-label":this.label?`${this.label}${this.selectedCounter>0?` - ${this.selectedCounter} selezionati`:""}`:void 0},this.label,s("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),s("z-icon",{name:"caret-down",class:this.size}))}renderContent(){return s("div",{id:"open-combo-data",class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),s("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":"true",id:this.inputid+"_list","aria-owns":`${this.hascheckall?this.getCheckAllOptionId()+" ":""}${this.itemsList.map((e=>this.getOptionId(e.id))).join(" ")}`},this.renderItems()))}renderItems(){return s("div",{class:this.searchValue&&"search",tabIndex:-1,role:"presentation"},this.renderList(this.renderItemsList))}renderItem(e,t,i){const o=this.getOptionId(e.id),a=!e.checked&&this.hasReachedMaxSelections();return s("z-list-element",{htmlTabindex:-1,dividerType:t!==i-1?c.ELEMENT:c.NONE,size:this.getControlToListSize(),role:"presentation",disabled:!!a},s("span",{class:"option-wrap",role:"presentation",onClick:()=>{this.focusedItemId="",this.checkOption(o)}},s("z-icon",{name:e.checked?"checkbox-checked":"checkbox",class:this.focusedItemId===o?"focused":""}),s("span",{id:o,role:a?"presentation":"option","aria-selected":e.checked?"true":"false","aria-label":a?void 0:d(e.name)},s("span",{"aria-hidden":"true",innerHTML:e.name}))))}renderList(e){if(e)return!e.length&&this.searchValue?this.renderNoSearchResults():this.hasgroupitems?this.renderGroups(e):s("ul",{role:"presentation"},this.renderCheckAll(),e.map(((t,i)=>this.renderItem(t,i,e.length))))}renderGroups(e){const t=e.reduce(((t,i,s)=>{var o;const a=i.category||"Altra categoria",r=this.renderItem(i,s,e.length);return t[a]=null!==(o=t[a])&&void 0!==o?o:[],t[a].push(r),t}),{}),i=Object.entries(t).map((([e,t],i)=>s("z-list-group",{size:this.getControlToListSize(),"divider-type":c.ELEMENT,"aria-labelledby":`${this.inputid}_list_group_${i}`},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.inputid}_list_group_${i}`,"aria-hidden":"true"},e),t.map((e=>e)))));return s("ul",{role:"presentation"},this.renderCheckAll(),i)}renderNoSearchResults(){return s("div",{class:"no-results"},s("span",null,this.noresultslabel))}renderSearchInput(){return s("z-input",Object.assign({htmlid:this.inputid+"_search",label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:!1,size:this.size,"html-aria-autocomplete":"list"},this.getComboboxA11yAttributes(!0),{onKeyDown:e=>this.handleInputKeyDown(e),onInputChange:e=>{this.searchValue=e.detail.value,this.focusedItemId=""}}))}renderCheckAll(){if(!this.hascheckall||this.searchValue)return;const e=this.getCheckAllOptionId(),t=this.allOptionsSelected(),i=this.hasReachedMaxSelections()||this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length;return s("z-list-element",{class:"check-all-wrapper",role:"presentation",htmlTabindex:-1,dividerType:c.ELEMENT,dividerColor:"gray800",size:this.getControlToListSize(),disabled:!!i},s("span",{class:"option-wrap",role:"presentation",onClick:()=>this.checkOption(e)},s("z-icon",{name:t?"checkbox-checked":"checkbox",class:this.focusedItemId===e?"focused":""}),s("span",{id:e,role:i?"presentation":"option","aria-selected":t?"true":"false"},t?this.uncheckalltext:this.checkalltext)))}render(){return s("div",{key:"23cd031ec2894308960df94374713e9395521a56","data-action":"combo-"+this.inputid,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}get element(){return this}static get watchers(){return{items:[{watchItems:0}],searchValue:[{watchSearchValue:0}]}}static get style(){return'.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}:host{display:block;min-width:290px;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>span.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>span.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div>div.open-combo-data{display:none}:host>div.open>div.open-combo-data{position:relative;z-index:12;display:block;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;padding-left:var(--space-unit);margin-left:calc(var(--space-unit) * -1);}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 calc(var(--space-unit) * 0.5);margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}:host .open-combo-data z-list-element[disabled]{pointer-events:none}:host .open-combo-data z-list-element .option-wrap{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:var(--space-unit)}:host .open-combo-data z-list-element[size="medium"] .option-wrap,:host .open-combo-data z-list-element[size="small"] .option-wrap{--z-icon-width:16px;--z-icon-height:16px;font-size:var(--font-size-2);gap:calc(var(--space-unit) / 2)}:host .open-combo-data z-list-element .option-wrap>z-icon{fill:var(--color-primary01)}:host .open-combo-data z-list-element[disabled] .option-wrap>z-icon{fill:var(--color-disabled01)}:host .open-combo-data z-list-element .option-wrap>z-icon.focused{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus,:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)     calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);margin-left:calc(var(--space-unit) * -1);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}'}},[1,"z-combobox",{inputid:[1],items:[1],label:[1],disabled:[516],hassearch:[4],searchlabel:[1],searchplaceholder:[1],searchtitle:[1],noresultslabel:[1],isopen:[1028],isfixed:[4],hascheckall:[4],checkalltext:[1],uncheckalltext:[1],maxcheckableitems:[2],hasgroupitems:[4],size:[1],htmlAriaLabel:[1,"html-aria-label"],searchValue:[32],selectedCounter:[32],renderItemsList:[32],focusedItemId:[32]},void 0,{items:[{watchItems:0}],searchValue:[{watchSearchValue:0}]}]),x=g,z=function(){"undefined"!=typeof customElements&&["z-combobox","z-divider","z-icon","z-input","z-input-message","z-list-element","z-list-group"].forEach((e=>{switch(e){case"z-combobox":customElements.get(o(e))||customElements.define(o(e),g);break;case"z-divider":customElements.get(o(e))||p();break;case"z-icon":customElements.get(o(e))||m();break;case"z-input":customElements.get(o(e))||u();break;case"z-input-message":customElements.get(o(e))||v();break;case"z-list-element":customElements.get(o(e))||b();break;case"z-list-group":customElements.get(o(e))||f()}}))};export{x as ZCombobox,z as defineCustomElement}

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

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

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

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

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

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

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

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

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

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