@zanichelli/albe-web-components 19.1.3 → 19.2.0

package/dist/web-components-library/{p-22ba2a17.entry.js → p-6d11da08.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as o}from"./p-75c4a726.js";import{I as s,e as a,i as r,g as n,l}from"./p-17af7fb2.js";import{r as c,d as h}from"./p-e6778114.js";import"./p-5145a606.js";const d='.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;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)}::-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)\n    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)}';const p=d;const u=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((t=>t.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}watchCheckboxes(){this.checkboxes.forEach(((t,e)=>t.setAttribute("tabindex",e===0?"0":"-1")))}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(i){t(this,i);this.comboboxChange=e(this,"comboboxChange",7);this.itemsList=[];this.inputType=s.TEXT;this.inputid=`combo-${c()}`;this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=a.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId=undefined;this.checkboxes=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length}componentDidRender(){const t=this.getAllCheckboxes();if(JSON.stringify(t)!==JSON.stringify(this.checkboxes)){this.checkboxes=t}}getItemId(t){return`combo-checkbox-${this.inputid}-${t.id}`}getCheckboxClass(){return`combo-item-checkbox-input-${this.inputid}`}getAllCheckboxes(){return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`))}getControlToListSize(){switch(this.size){case a.X_SMALL:return r.SMALL;case a.SMALL:return r.MEDIUM;default:return r.LARGE}}handleSelectArrowsNavigation(t,e){if(![n.ARROW_DOWN,n.ARROW_UP].includes(t.key)||!this.isopen){return}t.preventDefault();t.stopPropagation();const i=this.element.shadowRoot.querySelector(`#${e}`);const o=this.checkboxes;if(!o.length){return}const s=i?o.indexOf(i):null;const a=0;const r=o.length-1;let l=null;if(t.key===n.ARROW_DOWN){l=s===null||s===r?o[a]:o[s+1]}else if(t.key===n.ARROW_UP){l=s===null||s===a?o[r]:o[s-1]}this.focusComboboxItem(l)}handleHeaderKeyboardEvent(t){if(t.key===n.SPACE){t.preventDefault()}if(t.key===n.ARROW_DOWN&&!this.isopen||t.key===n.ARROW_UP&&this.isopen){this.toggleComboBox()}}handleCheckboxFocus(t){this.focusedItemId=t}focusComboboxItem(t){this.checkboxes.forEach((function(t){t.setAttribute("tabindex","-1")}));t.setAttribute("tabindex","0");t.focus()}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const t=[];this.itemsList.forEach((e=>{t.push(Object.assign({},e))}));this.renderItemsList=t}filterItems(t){if(!t){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase());const o=i+t.length;const s=e.name.substring(0,i)+"<strong>"+e.name.substring(i,o)+"</strong>"+e.name.substring(o,e.name.length);e.name=s;return i>=0}))}checkAll(t=true){this.itemsList=this.itemsList.map((e=>Object.assign(Object.assign({},e),{checked:t})));this.resetRenderItemsList();this.emitComboboxChange()}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(t){const e="combobox";const i=this.isopen?"true":"false";const o=this.isopen?this.focusedItemId:"";const s=`${this.inputid}_list`;if(t){return{role:e,"html-aria-expanded":i,"html-aria-activedescendant":o,"html-aria-controls":s}}return{role:e,"aria-expanded":i,"aria-activedescendant":o,"aria-controls":s}}renderHeader(){return i("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{this.handleHeaderKeyboardEvent(t)},onKeyUp:t=>h(t,this.toggleComboBox),role:"button",tabindex:0,"aria-controls":"open-combo-data","aria-expanded":this.isopen?"true":"false"},i("span",{class:"body-3"},this.label,i("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),i("z-icon",{name:"caret-down",class:this.size}))}renderContent(){return i("div",{id:"open-combo-data",class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),!this.hassearch?i("span",Object.assign({},this.getComboboxA11yAttributes(false))):null,i("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":"true",id:`${this.inputid}_list`,"aria-owns":Array.from(this.element.shadowRoot.querySelectorAll("[role='option']")).map((t=>t.id)).join(" ")},this.hascheckall&&this.renderCheckAll(),this.renderItems()))}renderItems(){return i("div",{class:this.searchValue&&"search",tabIndex:-1,role:"presentation"},this.renderList(this.renderItemsList))}renderItem(t,e,o){const r=!t.checked&&this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems;return i("z-list-element",{id:`option-${t.id}`,htmlTabindex:null,dividerType:e!==o-1?l.ELEMENT:l.NONE,size:this.getControlToListSize(),role:r?"presentation":"option","aria-selected":t.checked?"true":"false"},i("z-input",{type:s.CHECKBOX,checked:t.checked,htmlid:this.getItemId(t),label:t.name,class:this.getCheckboxClass(),disabled:r,size:this.size===a.X_SMALL?a.SMALL:this.size,onKeyDown:e=>this.handleSelectArrowsNavigation(e,this.getItemId(t)),onInputCheck:e=>{this.itemsList=this.itemsList.map((i=>{if(t.id===i.id){i.checked=e.detail.checked}return i}));this.updateRenderItemsList();this.emitComboboxChange()},onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}renderList(t){if(!t){return}if(!t.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(t)}return i("ul",{role:"presentation"},t.map(((e,i)=>this.renderItem(e,i,t.length))))}renderGroups(t){const e=t.reduce(((e,i,o)=>{var s;const{category:a}=i;const r=this.renderItem(i,o,t.length);e[a]=(s=e[a])!==null&&s!==void 0?s:[];e[a].push(r);return e}),{});const o=Object.entries(e).map((([t,e])=>i("z-list-group",{"divider-type":l.ELEMENT},i("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),e.map((t=>t)))));return i("ul",{role:"presentation"},o)}renderNoSearchResults(){return i("div",{class:"no-results"},i("span",null,this.noresultslabel))}renderSearchInput(){return i("z-input",Object.assign({htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"html-aria-autocomplete":"list"},this.getComboboxA11yAttributes(true),{onKeyUp:t=>{if(t.key===n.ESC){this.closeFilterItems()}this.handleSelectArrowsNavigation(t)},onInputChange:t=>{this.searchValue=t.detail.value}}))}renderCheckAll(){if(this.searchValue){return}const t=`combo-checkbox-${this.inputid}-check-all`;const e=this.selectedCounter===this.itemsList.length;return i("div",{class:"check-all-wrapper",id:"option-check-all",role:"option"},i("z-input",{type:s.CHECKBOX,checked:e,htmlid:t,class:this.getCheckboxClass(),label:e?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===a.X_SMALL?a.SMALL:this.size,onKeyDown:e=>this.handleSelectArrowsNavigation(e,t),onInputCheck:t=>this.checkAll(t.detail.checked),onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}render(){return i("div",{key:"6cb14e4919c53bae374f2c9441b0524a06a4233d","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 o(this)}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"],checkboxes:["watchCheckboxes"]}}};u.style=p;export{u as z_combobox};
-//# sourceMappingURL=p-22ba2a17.entry.js.map
+import{r as t,c as e,h as i,g as o}from"./p-75c4a726.js";import{I as s,e as a,i as r,g as n,l}from"./p-86618221.js";import{r as h,d as c}from"./p-1a0c206d.js";import"./p-5145a606.js";const d='.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;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)}::-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)\n    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)}';const p=d;const u=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((t=>t.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}watchCheckboxes(){this.checkboxes.forEach(((t,e)=>t.setAttribute("tabindex",e===0?"0":"-1")))}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(i){t(this,i);this.comboboxChange=e(this,"comboboxChange",7);this.itemsList=[];this.inputType=s.TEXT;this.inputid=`combo-${h()}`;this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=a.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId=undefined;this.checkboxes=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length}componentDidRender(){const t=this.getAllCheckboxes();if(JSON.stringify(t)!==JSON.stringify(this.checkboxes)){this.checkboxes=t}}getItemId(t){return`combo-checkbox-${this.inputid}-${t.id}`}getCheckboxClass(){return`combo-item-checkbox-input-${this.inputid}`}getAllCheckboxes(){return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`))}getControlToListSize(){switch(this.size){case a.X_SMALL:return r.SMALL;case a.SMALL:return r.MEDIUM;default:return r.LARGE}}handleSelectArrowsNavigation(t,e){if(![n.ARROW_DOWN,n.ARROW_UP].includes(t.key)||!this.isopen){return}t.preventDefault();t.stopPropagation();const i=this.element.shadowRoot.querySelector(`#${e}`);const o=this.checkboxes;if(!o.length){return}const s=i?o.indexOf(i):null;const a=0;const r=o.length-1;let l=null;if(t.key===n.ARROW_DOWN){l=s===null||s===r?o[a]:o[s+1]}else if(t.key===n.ARROW_UP){l=s===null||s===a?o[r]:o[s-1]}this.focusComboboxItem(l)}handleHeaderKeyboardEvent(t){if(t.key===n.SPACE){t.preventDefault()}if(t.key===n.ARROW_DOWN&&!this.isopen||t.key===n.ARROW_UP&&this.isopen){this.toggleComboBox()}}handleCheckboxFocus(t){this.focusedItemId=t}focusComboboxItem(t){this.checkboxes.forEach((function(t){t.setAttribute("tabindex","-1")}));t.setAttribute("tabindex","0");t.focus()}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const t=[];this.itemsList.forEach((e=>{t.push(Object.assign({},e))}));this.renderItemsList=t}filterItems(t){if(!t){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase());const o=i+t.length;const s=e.name.substring(0,i)+"<strong>"+e.name.substring(i,o)+"</strong>"+e.name.substring(o,e.name.length);e.name=s;return i>=0}))}checkAll(t=true){this.itemsList=this.itemsList.map((e=>Object.assign(Object.assign({},e),{checked:t})));this.resetRenderItemsList();this.emitComboboxChange()}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(t){const e="combobox";const i=this.isopen?"true":"false";const o=this.isopen?this.focusedItemId:"";const s=`${this.inputid}_list`;if(t){return{role:e,"html-aria-expanded":i,"html-aria-activedescendant":o,"html-aria-controls":s}}return{role:e,"aria-expanded":i,"aria-activedescendant":o,"aria-controls":s}}renderHeader(){return i("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{this.handleHeaderKeyboardEvent(t)},onKeyUp:t=>c(t,this.toggleComboBox),role:"button",tabindex:0,"aria-controls":"open-combo-data","aria-expanded":this.isopen?"true":"false"},i("span",{class:"body-3"},this.label,i("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),i("z-icon",{name:"caret-down",class:this.size}))}renderContent(){return i("div",{id:"open-combo-data",class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),!this.hassearch?i("span",Object.assign({},this.getComboboxA11yAttributes(false))):null,i("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":"true",id:`${this.inputid}_list`,"aria-owns":Array.from(this.element.shadowRoot.querySelectorAll("[role='option']")).map((t=>t.id)).join(" ")},this.hascheckall&&this.renderCheckAll(),this.renderItems()))}renderItems(){return i("div",{class:this.searchValue&&"search",tabIndex:-1,role:"presentation"},this.renderList(this.renderItemsList))}renderItem(t,e,o){const r=!t.checked&&this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems;return i("z-list-element",{id:`option-${t.id}`,htmlTabindex:null,dividerType:e!==o-1?l.ELEMENT:l.NONE,size:this.getControlToListSize(),role:r?"presentation":"option","aria-selected":t.checked?"true":"false"},i("z-input",{type:s.CHECKBOX,checked:t.checked,htmlid:this.getItemId(t),label:t.name,class:this.getCheckboxClass(),disabled:r,size:this.size===a.X_SMALL?a.SMALL:this.size,onKeyDown:e=>this.handleSelectArrowsNavigation(e,this.getItemId(t)),onInputCheck:e=>{this.itemsList=this.itemsList.map((i=>{if(t.id===i.id){i.checked=e.detail.checked}return i}));this.updateRenderItemsList();this.emitComboboxChange()},onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}renderList(t){if(!t){return}if(!t.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(t)}return i("ul",{role:"presentation"},t.map(((e,i)=>this.renderItem(e,i,t.length))))}renderGroups(t){const e=t.reduce(((e,i,o)=>{var s;const{category:a}=i;const r=this.renderItem(i,o,t.length);e[a]=(s=e[a])!==null&&s!==void 0?s:[];e[a].push(r);return e}),{});const o=Object.entries(e).map((([t,e])=>i("z-list-group",{"divider-type":l.ELEMENT},i("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),e.map((t=>t)))));return i("ul",{role:"presentation"},o)}renderNoSearchResults(){return i("div",{class:"no-results"},i("span",null,this.noresultslabel))}renderSearchInput(){return i("z-input",Object.assign({htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"html-aria-autocomplete":"list"},this.getComboboxA11yAttributes(true),{onKeyUp:t=>{if(t.key===n.ESC){this.closeFilterItems()}this.handleSelectArrowsNavigation(t)},onInputChange:t=>{this.searchValue=t.detail.value}}))}renderCheckAll(){if(this.searchValue){return}const t=`combo-checkbox-${this.inputid}-check-all`;const e=this.selectedCounter===this.itemsList.length;return i("div",{class:"check-all-wrapper",id:"option-check-all",role:"option"},i("z-input",{type:s.CHECKBOX,checked:e,htmlid:t,class:this.getCheckboxClass(),label:e?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===a.X_SMALL?a.SMALL:this.size,onKeyDown:e=>this.handleSelectArrowsNavigation(e,t),onInputCheck:t=>this.checkAll(t.detail.checked),onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}render(){return i("div",{key:"9a0d431f62c66d50dfbafedef62515f282909bf5","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 o(this)}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"],checkboxes:["watchCheckboxes"]}}};u.style=p;export{u as z_combobox};
+//# sourceMappingURL=p-6d11da08.entry.js.map

package/dist/web-components-library/{p-b7b972c0.entry.js → p-6d61933f.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as o,a as n,g as t}from"./p-75c4a726.js";import{e as i,B as r}from"./p-17af7fb2.js";const e="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;font-weight:inherit;-webkit-line-clamp:2;line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav>* a{color:inherit}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-default-icon);color:var(--color-default-text);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-primary01);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav>*:focus:focus-visible,z-anchor-navigation nav>*>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}@media (min-width: 768px){z-anchor-navigation:not([is-collapsed]) z-button.toggle{display:none !important}z-anchor-navigation:not([is-collapsed]) nav{display:flex}z-anchor-navigation nav>*>:is(z-button,button){opacity:0;pointer-events:none}@media (hover: hover){z-anchor-navigation nav>:is([data-current],:hover,:focus,:focus-within)>:is(z-button,button){fill:var(--color-default-icon);opacity:1;pointer-events:unset}z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-primary);background-color:var(--color-background);color:var(--color-hover-primary)}}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent;fill:transparent}}";const c=e;const s=class{constructor(o){a(this,o);this.hideUnselected=false;this.autoCurrent=true;this.collapsedLabel="salta a";this.isCollapsed=false;this.collapsed=false}setCurrent(){const a=Array.from(this.nav.querySelectorAll("a")).find((a=>a.href===this.host.ownerDocument.location.href));Array.from(this.nav.children).forEach((o=>{const n=o instanceof HTMLAnchorElement?o:o.querySelector("a");const t=n===a;n.setAttribute("aria-current",t.toString());o.toggleAttribute("data-current",t)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){if(this.autoCurrent){window.addEventListener("hashchange",this.setCurrent.bind(this));this.setCurrent()}}disconnectedCallback(){window.removeEventListener("hashchange",this.setCurrent)}render(){return o(n,{key:"91fa327dc685a23f2f645feb80957eab8ce2a486",collapsed:this.collapsed,class:"z-scrollbar"},o("z-button",{key:"3455aa67a11adaa0cb0f8571997a0a118ded5635",class:"toggle",size:i.SMALL,variant:r.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},this.collapsedLabel),o("nav",{key:"3e7ee00cbb6b5c3e353738c68d41c0392ce41ec0",ref:a=>this.nav=a},o("slot",{key:"35b61d7535025bd4daa6981bfbac5d249bfc59eb"})))}get host(){return t(this)}};s.style=c;export{s as z_anchor_navigation};
-//# sourceMappingURL=p-b7b972c0.entry.js.map
+import{r as a,h as o,a as n,g as t}from"./p-75c4a726.js";import{e as i,B as r}from"./p-86618221.js";const e="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;font-weight:inherit;-webkit-line-clamp:2;line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav>* a{color:inherit}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-default-icon);color:var(--color-default-text);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-primary01);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav>*:focus:focus-visible,z-anchor-navigation nav>*>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}@media (min-width: 768px){z-anchor-navigation:not([is-collapsed]) z-button.toggle{display:none !important}z-anchor-navigation:not([is-collapsed]) nav{display:flex}z-anchor-navigation nav>*>:is(z-button,button){opacity:0;pointer-events:none}@media (hover: hover){z-anchor-navigation nav>:is([data-current],:hover,:focus,:focus-within)>:is(z-button,button){fill:var(--color-default-icon);opacity:1;pointer-events:unset}z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-primary);background-color:var(--color-background);color:var(--color-hover-primary)}}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent;fill:transparent}}";const c=e;const s=class{constructor(o){a(this,o);this.hideUnselected=false;this.autoCurrent=true;this.collapsedLabel="salta a";this.isCollapsed=false;this.collapsed=false}setCurrent(){const a=Array.from(this.nav.querySelectorAll("a")).find((a=>a.href===this.host.ownerDocument.location.href));Array.from(this.nav.children).forEach((o=>{const n=o instanceof HTMLAnchorElement?o:o.querySelector("a");const t=n===a;n.setAttribute("aria-current",t.toString());o.toggleAttribute("data-current",t)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){if(this.autoCurrent){window.addEventListener("hashchange",this.setCurrent.bind(this));this.setCurrent()}}disconnectedCallback(){window.removeEventListener("hashchange",this.setCurrent)}render(){return o(n,{key:"3d9a8c823dae6090990a8f0a1b7498589824e629",collapsed:this.collapsed,class:"z-scrollbar"},o("z-button",{key:"bf5858d8dcba5601c94b36ae087c44ace5a047a9",class:"toggle",size:i.SMALL,variant:r.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},this.collapsedLabel),o("nav",{key:"78812ef819a063dd7e8f0bcd55ceab6bbb419219",ref:a=>this.nav=a},o("slot",{key:"1c2aa06b4837962e032379844fc2fb642bbf8d10"})))}get host(){return t(this)}};s.style=c;export{s as z_anchor_navigation};
+//# sourceMappingURL=p-6d61933f.entry.js.map

package/dist/web-components-library/{p-dc086eb5.entry.js → p-6ef58a14.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as a}from"./p-75c4a726.js";import{f as e}from"./p-17af7fb2.js";const n="input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-default-error);background-color:var(--color-inverse-error);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";const r=n;const o=class{constructor(a){t(this,a);this.otpChange=i(this,"otpChange",7);this.inputNum=6;this.status=undefined;this.message=undefined}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)];this.otpRef=[...Array(this.inputNum)]}render(){return a("div",{key:"3280158fc2eb52cab06257cfea6237b04e277514",class:"otp-container"},a("div",{key:"b237b9c77421eeae14d5bac7e079b4f6b667ceed",class:"digits-container"},this.otp.map(((t,i)=>a("input",{class:this.status==e.ERROR?"error":null,onKeyDown:t=>{if(t.keyCode>47){this.otpRef[i].value=""}},onKeyUp:t=>{if(t.keyCode>47){i<this.inputNum-1&&this.otpRef[i+1].focus()}},onInput:t=>{this.otp[i]=t.target.value;this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[i]=t})))),a("z-input-message",{key:"d74fcd0805c2bbfa9cf993cf88fbaabf632412a8",message:this.message,status:this.status}))}};o.style=r;export{o as z_otp};
-//# sourceMappingURL=p-dc086eb5.entry.js.map
+import{r as t,c as i,h as e}from"./p-75c4a726.js";import{f as n}from"./p-86618221.js";const r="input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-default-error);background-color:var(--color-inverse-error);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";const o=r;const s=class{constructor(e){t(this,e);this.otpChange=i(this,"otpChange",7);this.inputNum=6;this.status=undefined;this.message=undefined}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)];this.otpRef=[...Array(this.inputNum)]}render(){return e("div",{key:"b6f43ce8aff8bc764836909975f11de3debbd2fc",class:"otp-container"},e("div",{key:"e912fdc3e529c4513786b0fe6c517ec8d66366f6",class:"digits-container"},this.otp.map(((t,i)=>e("input",{class:this.status==n.ERROR?"error":null,onKeyDown:t=>{if(t.keyCode>47){this.otpRef[i].value=""}},onKeyUp:t=>{if(t.keyCode>47){i<this.inputNum-1&&this.otpRef[i+1].focus()}},onInput:t=>{this.otp[i]=t.target.value;this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[i]=t})))),e("z-input-message",{key:"17cc331edea883f7f5ed9899e3ebd84b2455b24e",message:this.message,status:this.status}))}};s.style=o;export{s as z_otp};
+//# sourceMappingURL=p-6ef58a14.entry.js.map

package/dist/web-components-library/{p-a905df88.entry.js → p-71f62226.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as s,a as t,g as o}from"./p-75c4a726.js";import{w as a,P as n}from"./p-17af7fb2.js";import{B as l}from"./p-5145a606.js";const c=".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";const f=c;const r=class{constructor(s){e(this,s);this.removeFile=i(this,"removeFile",7);this.fileNumber=undefined;this.fileName=undefined;this.allowPopover=false;this.popoverVisible=false}removeFileHandler(){this.removeFile.emit({fileName:this.fileName});this.el.remove()}onMouseOver(){this.popoverVisible=true}onMouseLeave(){this.popoverVisible=false}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var e,i;if(this.elementHasEllipsis()&&window.innerWidth>l.TABLET){this.allowPopover=true}(i=(e=this.icon)===null||e===void 0?void 0:e.focus)===null||i===void 0?void 0:i.call(e)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return s(t,{key:"b7c1c1769e8ad69c813738b1ad1ed614a42e196e"},this.allowPopover&&s("z-popover",{key:"eaad804518f26a1a839bc8ff14896207ee90bad8",open:this.popoverVisible,position:n.AUTO,bindTo:this.chip},s("span",{key:"eb9671344deee0deafdff01be57cd5dbf948a614",class:"body-5 tooltip-content"},this.ellipsis.innerText)),s("z-chip",{key:"7c890fb667a33cd00290d02e42313be683e2215e",ref:e=>this.chip=e,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:a.DEFAULT},s("span",{key:"f0a0464a0b8a3f98e94de5a4673589518f24c2a0",ref:e=>this.ellipsis=e,tabIndex:-1},this.fileName)))}get el(){return o(this)}};r.style=f;export{r as z_file};
-//# sourceMappingURL=p-a905df88.entry.js.map
+import{r as e,c as i,h as s,a as t,g as o}from"./p-75c4a726.js";import{w as a,P as n}from"./p-86618221.js";import{B as c}from"./p-5145a606.js";const l=".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";const r=l;const h=class{constructor(s){e(this,s);this.removeFile=i(this,"removeFile",7);this.fileNumber=undefined;this.fileName=undefined;this.allowPopover=false;this.popoverVisible=false}removeFileHandler(){this.removeFile.emit({fileName:this.fileName});this.el.remove()}onMouseOver(){this.popoverVisible=true}onMouseLeave(){this.popoverVisible=false}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var e,i;if(this.elementHasEllipsis()&&window.innerWidth>c.TABLET){this.allowPopover=true}(i=(e=this.icon)===null||e===void 0?void 0:e.focus)===null||i===void 0?void 0:i.call(e)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return s(t,{key:"4fd330617a5330591a1e9125bd162ae74456c863"},this.allowPopover&&s("z-popover",{key:"7c37b77761185ac637c454b33345ec4d630b50b5",open:this.popoverVisible,position:n.AUTO,bindTo:this.chip},s("span",{key:"b802f0baae111a01c5e48c5bf2988ed715229e0b",class:"body-5 tooltip-content"},this.ellipsis.innerText)),s("z-chip",{key:"9ddf7af0eaa5ec260b1d3874e0950132e4529a4e",ref:e=>this.chip=e,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:a.DEFAULT},s("span",{key:"a99c6c085e214bad666cc949b358d8dbeebd0ecf",ref:e=>this.ellipsis=e,tabIndex:-1},this.fileName)))}get el(){return o(this)}};h.style=r;export{h as z_file};
+//# sourceMappingURL=p-71f62226.entry.js.map

package/dist/web-components-library/p-76003048.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as t,h as e}from"./p-75c4a726.js";import{P as r}from"./p-86618221.js";const s=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-default-text);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));--z-tooltip-padding:var(--space-unit)}z-popover{--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-padding:var(--z-tooltip-padding);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}";const p=s;const a=class{constructor(e){o(this,e);this.openChange=t(this,"openChange",7);this.position=r.AUTO;this.dark=false;this.open=false;this.bindTo=undefined;this.closable=true}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return e("z-popover",{key:"e8fdf1126d0759105386285c13cd4f8d8774567b",ref:o=>this.popoverEl=o,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:true,showArrow:true,onOpenChange:o=>this.openChange.emit(o.detail)},e("slot",{key:"07042a5a804e77bdf4de0233fc7f1311079a5ad5"}))}};a.style=p;export{a as z_tooltip};
+//# sourceMappingURL=p-76003048.entry.js.map

package/dist/web-components-library/p-76003048.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTooltipStyle0","ZTooltip","PopoverPosition","AUTO","onPopoverOpenChange","this","open","popoverEl","render","h","key","ref","el","bindTo","position","closable","center","showArrow","onOpenChange","event","openChange","emit","detail"],"sources":["src/components/z-tooltip/styles.css?tag=z-tooltip&encapsulation=shadow","src/components/z-tooltip/index.tsx"],"sourcesContent":[":host {\n  --z-tooltip-theme--surface: var(--color-surface01);\n  --z-tooltip-theme--text: var(--color-default-text);\n  --z-tooltip-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n  --z-tooltip-padding: var(--space-unit);\n}\n\nz-popover {\n  --z-popover-theme--surface: var(--z-tooltip-theme--surface);\n  --z-popover-theme--text: var(--z-tooltip-theme--text);\n  --z-popover-padding: var(--z-tooltip-padding);\n  --z-popover-shadow-filter: var(--z-tooltip-shadow-filter);\n}\n\n:host([dark]) z-popover {\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n}\n","import {Component, Event, EventEmitter, Listen, Prop, h} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\n@Component({\n  tag: \"z-tooltip\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTooltip {\n  /** Tooltip position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /** Enable tooltip dark mode. */\n  @Prop({reflect: true})\n  dark = false;\n\n  /**\n   * The open state of the tooltip.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the tooltip.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Reflects `closable` prop of the popover.\n   * \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n   */\n  @Prop()\n  closable = true;\n\n  /**\n   * Propagation of the `openChange` event from the internal `z-popover` to allow listening to it directly on `z-tooltip`.\n   * This is necessary to keep the internal state of the `open` prop in sync when the popover is closed by user interaction instead of programmatically.\n   */\n  @Event()\n  openChange: EventEmitter<{open: boolean}>;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  @Listen(\"openChange\")\n  onPopoverOpenChange(): void {\n    this.open = this.popoverEl.open;\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <z-popover\n        ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n        bindTo={this.bindTo}\n        open={this.open}\n        position={this.position}\n        closable={this.closable}\n        center\n        showArrow\n        onOpenChange={(event) => this.openChange.emit(event.detail)}\n      >\n        <slot></slot>\n      </z-popover>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,yjBAClB,MAAAC,EAAeD,E,MCeFE,EAAQ,M,8EAGSC,EAAgBC,K,UAIrC,M,UAMA,M,oCAcI,I,CAYX,mBAAAC,GACEC,KAAKC,KAAOD,KAAKE,UAAUD,I,CAG7B,MAAAE,GACE,OACEC,EAAA,aAAAC,IAAA,2CACEC,IAAMC,GAAQP,KAAKE,UAAYK,EAC/BC,OAAQR,KAAKQ,OACbP,KAAMD,KAAKC,KACXQ,SAAUT,KAAKS,SACfC,SAAUV,KAAKU,SACfC,OAAM,KACNC,UAAS,KACTC,aAAeC,GAAUd,KAAKe,WAAWC,KAAKF,EAAMG,SAEpDb,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/web-components-library/{p-0a49dd1c.entry.js → p-7b199026.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,g as s}from"./p-75c4a726.js";import{s as i}from"./p-17af7fb2.js";const e=':host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}';const n=e;const a=class{constructor(o){t(this,o);this.position=i.TOP_RIGHT;this.newestontop=true}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse());if(t){this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}else{this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}}componentWillLoad(){if(this.newestontop){this.handleNewestOnTop()}}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children);this.hostElement.append(...this.notificationArray.reverse());this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))}slotChangeHandler(){const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));if(t){t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove();this.hostElement.prepend(o)}))}}render(){return o("slot",{key:"45792fe51cb8362de447af630fb19686018cbeef",name:"toasts"})}get hostElement(){return s(this)}static get watchers(){return{newestontop:["watchPropNewestontop"]}}};a.style=n;export{a as z_toast_notification_list};
-//# sourceMappingURL=p-0a49dd1c.entry.js.map
+import{r as t,h as o,g as s}from"./p-75c4a726.js";import{s as i}from"./p-86618221.js";const n=':host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}';const e=n;const a=class{constructor(o){t(this,o);this.position=i.TOP_RIGHT;this.newestontop=true}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse());if(t){this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}else{this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}}componentWillLoad(){if(this.newestontop){this.handleNewestOnTop()}}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children);this.hostElement.append(...this.notificationArray.reverse());this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))}slotChangeHandler(){const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));if(t){t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove();this.hostElement.prepend(o)}))}}render(){return o("slot",{key:"79ec79d2c335ec8426f1c7938351edc8b731058b",name:"toasts"})}get hostElement(){return s(this)}static get watchers(){return{newestontop:["watchPropNewestontop"]}}};a.style=e;export{a as z_toast_notification_list};
+//# sourceMappingURL=p-7b199026.entry.js.map

package/dist/web-components-library/p-7d6c4b21.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,a as o,g as n}from"./p-75c4a726.js";import{P as s,g as a}from"./p-86618221.js";import{a as r}from"./p-1a0c206d.js";import"./p-5145a606.js";const h=":host,*{box-sizing:border-box}.z-tool{--z-tool-size:calc(var(--space-unit) * 5.5);--z-tool-icon-size:calc(var(--space-unit) * 2.5);position:relative;display:inline-flex;width:var(--z-tool-size);height:var(--z-tool-size);align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--color-surface01);border-radius:var(--border-radius);cursor:pointer}:host(:is([active],[open])) .z-tool{box-shadow:inset 0 0 0 2px var(--color-primary01)}:host([open]) .z-tool{background:var(--color-primary03)}@media (hover: hover){:host(:hover),:host(.z-tool-tooltip-open){z-index:1}:host(:not([disabled])) .z-tool:hover{background-color:var(--color-primary03)}}.z-tool:focus:focus-visible{background-color:var(--color-primary03);outline:none}z-icon{--z-icon-width:var(--z-tool-icon-size);--z-icon-height:var(--z-tool-icon-size);display:block;fill:var(--color-default-icon)}:host([disabled]) .z-tool{color:var(--color-disabled01-icon);cursor:not-allowed}:host([disabled]) z-icon{fill:var(--color-disabled01-icon)}.z-tool-tooltip{--z-tooltip-padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);--z-tooltip-shadow-filter:drop-shadow(0 4px 8px var(--shadow-color-base));position:relative;z-index:2;font-family:var(--font-family-sans);white-space:nowrap}.z-tool-submenu{z-index:3;border-radius:calc(var(--border-radius) + var(--border-size-small))}.z-tool-submenu ::slotted(z-color-picker){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}@media (max-width: 767px) and (hover: none){.z-tool-tooltip{display:none !important}}";const l=h;const f=':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)}';const d=f;const b=class{constructor(i){t(this,i);this.toggleSubmenu=e(this,"toggleSubmenu",7);this.toggleTooltip=e(this,"toggleTooltip",7);this.isNested=false;this.handleTooltipOpen=t=>{if(!this.tooltip||this.open||!this.buttonRef.contains(t.target)){return}clearTimeout(this.hoverDelay);this.hoverDelay=setTimeout((()=>{this.tooltipOpen=true}),1e3)};this.handleTooltipClose=t=>{var e;if(!this.tooltip||((e=t.relatedTarget)===null||e===void 0?void 0:e.closest("z-tooltip"))===this.tooltipRef){return}clearTimeout(this.hoverDelay);this.tooltipOpen=false};this.handleClick=()=>{if(this.disabled||!this.hasSlottedContent){return}this.open=!this.open;if(this.open){const t=this.hostElement.querySelector(":scope > z-color-picker");if(t){t.setFocus();return}const e=this.hostElement.querySelector(":scope > z-toolbar z-tool[active]:not(:disabled)")||this.hostElement.querySelector(":scope > z-toolbar z-tool:not(:disabled)");e===null||e===void 0?void 0:e.setFocus()}};this.onTooltipOpenChange=t=>{if(t.target===this.tooltipRef){return}this.tooltipOpen=t.detail.open};this.icon=undefined;this.tooltip=undefined;this.tooltipPosition=s.TOP;this.htmlAriaLabel=undefined;this.active=false;this.disabled=false;this.open=false;this.indicatorColor=undefined;this.tooltipOpen=false;this.hasSlottedContent=false;this.isMobile=false;this.hasNestedOpenTools=false}handleOpenChange(){this.toggleSubmenu.emit(this.open)}handleTooltipOpenChange(){this.toggleTooltip.emit(this.tooltipOpen)}handleKeyDown(t){if(!this.open||this.hasNestedOpenTools){return}switch(t.key){case a.ESC:t.stopPropagation();this.open=false;this.setFocus();break;case a.TAB:if(t.shiftKey&&t.target.closest("z-tool:not(:scope)")===this.hostElement){this.open=false}break}}onOutsideClick(t){const e=t.composedPath()[0];if(!this.open||r(this.hostElement,e)||this.hasNestedOpenTools){return}this.open=false}onNestedToolToggle(t){if(t.target===this.hostElement){return}if(t.detail===true){this.hasNestedOpenTools=true;return}this.hasNestedOpenTools=Array.from(this.hostElement.querySelectorAll("z-tool")).some((t=>t.open))}handleColorSelected(t){if(!Array.from(this.hostElement.children).includes(t.target)){return}this.indicatorColor=t.detail;this.open=false;this.setFocus()}handleExternalFocusin(t){const e=t.target;if(!r(this.hostElement,e)){this.open=false}}async setFocus(){if(this.disabled){return}setTimeout((()=>{var t;(t=this.buttonRef)===null||t===void 0?void 0:t.focus()}),50)}async setTabIndex(t){if(!this.buttonRef){return}this.buttonRef.tabIndex=this.disabled?-1:t}async closeTooltip(){clearTimeout(this.hoverDelay);this.tooltipOpen=false}componentWillLoad(){this.hasSlottedContent=this.hostElement.children.length>0;this.isNested=!!this.hostElement.closest("z-tool:not(:scope)");this.mainToolbar=this.hostElement.closest("z-toolbar:not(z-toolbar z-toolbar)");this.hasNestedOpenTools=!!this.hostElement.querySelector("z-tool[open]");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;clearTimeout(this.hoverDelay);(t=this.mql)===null||t===void 0?void 0:t.removeEventListener("change",this.onMobileViewChange)}render(){return i(o,{key:"81b929ee3738e7533405c8ea47535d7fb52bfb92",class:{"z-tool-tooltip-open":this.tooltipOpen}},i("button",{key:"1b68af441ac69dbdf805b823b852c093b944e586",class:"z-tool",type:"button",ref:t=>this.buttonRef=t,"aria-pressed":this.hasSlottedContent?undefined:this.active?"true":"false","aria-expanded":this.hasSlottedContent?this.open?"true":"false":undefined,"aria-haspopup":this.hasSlottedContent?"true":undefined,"aria-label":this.htmlAriaLabel||this.tooltip||undefined,disabled:this.disabled,onClick:this.handleClick,onMouseEnter:this.handleTooltipOpen,onMouseLeave:this.handleTooltipClose,onFocus:this.handleTooltipOpen,onBlur:this.handleTooltipClose},i("z-icon",{key:"580cf2210393974cb2300ea6e50018149f6ef123",ref:t=>this.iconRef=t,name:this.icon,indicatorColor:this.indicatorColor})),this.tooltip&&i("z-tooltip",{key:"9b0e197d25135e1a0016fbbdca48751e8350be7b",class:"z-tool-tooltip",ref:t=>this.tooltipRef=t,bindTo:this.iconRef,open:this.tooltipOpen&&!this.open,position:this.isNested?s.BOTTOM:this.tooltipPosition,dark:true,onMouseLeave:this.handleTooltipClose,onBlur:this.handleTooltipClose,onOpenChange:this.onTooltipOpenChange},i("span",{key:"d6580708f0b79853cc3644cb6ea61b64cbe73a21",class:"body-4"},this.tooltip)),this.hasSlottedContent&&i("z-popover",{key:"121b6662678738de67739beb733edfe94a6df3f6",class:"z-tool-submenu",open:this.open,bindTo:this.isMobile&&this.mainToolbar?this.mainToolbar:this.hostElement,center:true,closable:false,position:this.isMobile?s.TOP:s.BOTTOM},i("slot",{key:"6bb4815374940bd0ce6dc21bf38a1372454bf830"})))}get hostElement(){return n(this)}static get watchers(){return{open:["handleOpenChange"],tooltipOpen:["handleTooltipOpenChange"]}}};b.style=l+d;export{b as z_tool};
+//# sourceMappingURL=p-7d6c4b21.entry.js.map

package/dist/web-components-library/p-7d6c4b21.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZToolStyle0","typographyCss","ZToolStyle1","ZTool","this","isNested","handleTooltipOpen","ev","tooltip","open","buttonRef","contains","target","clearTimeout","hoverDelay","setTimeout","tooltipOpen","handleTooltipClose","_a","relatedTarget","closest","tooltipRef","handleClick","disabled","hasSlottedContent","colorPicker","hostElement","querySelector","setFocus","firstActiveOrEnabledNestedTool","onTooltipOpenChange","event","detail","PopoverPosition","TOP","handleOpenChange","toggleSubmenu","emit","handleTooltipOpenChange","toggleTooltip","handleKeyDown","hasNestedOpenTools","key","KeyboardCode","ESC","stopPropagation","TAB","shiftKey","onOutsideClick","composedPath","containsElement","onNestedToolToggle","Array","from","querySelectorAll","some","tool","handleColorSelected","children","includes","indicatorColor","handleExternalFocusin","focus","setTabIndex","value","tabIndex","closeTooltip","componentWillLoad","length","mainToolbar","mql","matchMedia","onMobileViewChange","e","isMobile","matches","addEventListener","disconnectedCallback","removeEventListener","render","h","Host","class","type","ref","el","undefined","active","htmlAriaLabel","onClick","onMouseEnter","onMouseLeave","onFocus","onBlur","iconRef","name","icon","bindTo","position","BOTTOM","tooltipPosition","dark","onOpenChange","center","closable"],"sources":["src/components/z-tool/styles.css?tag=z-tool&encapsulation=shadow","src/tokens/typography.css?tag=z-tool&encapsulation=shadow","src/components/z-tool/index.tsx"],"sourcesContent":[":host,\n* {\n  box-sizing: border-box;\n}\n\n.z-tool {\n  --z-tool-size: calc(var(--space-unit) * 5.5);\n  --z-tool-icon-size: calc(var(--space-unit) * 2.5);\n\n  position: relative;\n  display: inline-flex;\n  width: var(--z-tool-size);\n  height: var(--z-tool-size);\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n  cursor: pointer;\n}\n\n:host(:is([active], [open])) .z-tool {\n  box-shadow: inset 0 0 0 2px var(--color-primary01);\n}\n\n:host([open]) .z-tool {\n  background: var(--color-primary03);\n}\n\n@media (hover: hover) {\n  :host(:hover),\n  :host(.z-tool-tooltip-open) {\n    /* ensure any open tooltip is shown over sibling elements */\n    z-index: 1;\n  }\n\n  :host(:not([disabled])) .z-tool:hover {\n    background-color: var(--color-primary03);\n  }\n}\n\n.z-tool:focus:focus-visible {\n  background-color: var(--color-primary03);\n  outline: none;\n}\n\nz-icon {\n  --z-icon-width: var(--z-tool-icon-size);\n  --z-icon-height: var(--z-tool-icon-size);\n\n  display: block;\n  fill: var(--color-default-icon);\n}\n\n:host([disabled]) .z-tool {\n  color: var(--color-disabled01-icon);\n  cursor: not-allowed;\n}\n\n:host([disabled]) z-icon {\n  fill: var(--color-disabled01-icon);\n}\n\n.z-tool-tooltip {\n  --z-tooltip-padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n  --z-tooltip-shadow-filter: drop-shadow(0 4px 8px var(--shadow-color-base));\n\n  position: relative;\n  z-index: 2;\n  font-family: var(--font-family-sans);\n  white-space: nowrap;\n}\n\n.z-tool-submenu {\n  z-index: 3;\n  border-radius: calc(var(--border-radius) + var(--border-size-small));\n}\n\n.z-tool-submenu ::slotted(z-color-picker) {\n  border: var(--border-size-small) solid var(--color-surface03);\n  border-radius: var(--border-radius);\n}\n\n@media (max-width: 767px) and (hover: none) {\n  .z-tool-tooltip {\n    display: none !important;\n  }\n}\n",":root {\n  /* font-family */\n  --font-family-sans: \"IBM Plex Sans\", sans-serif;\n  --font-family-serif: \"IBM Plex Serif\", serif;\n\n  /* font-weight */\n  --font-lt: 300;\n  --font-rg: 400;\n  --font-sb: 600;\n  --font-bd: 700;\n\n  /* font-size type scale */\n  --font-size-1: 0.75rem; /* 12px */\n  --font-size-2: 0.875rem; /* 14px */\n  --font-size-3: 1rem; /* assuming 16px */\n  --font-size-4: 1.125rem; /* 18px */\n  --font-size-5: 1.25rem; /* 20px */\n  --font-size-6: 1.5rem; /* 24px */\n  --font-size-7: 1.75rem; /* 28px */\n  --font-size-8: 2rem; /* 32px */\n  --font-size-9: 2.25rem; /* 36px */\n  --font-size-10: 2.625rem; /* 42px */\n  --font-size-11: 3rem; /* 48px */\n  --font-size-12: 3.375rem; /* 54px */\n  --font-size-13: 3.75rem; /* 60px */\n  --font-size-14: 4.25rem; /* 68px */\n  --font-size-15: 4.75rem; /* 76px */\n  --font-size-16: 5.25rem; /* 84px */\n  --font-size-17: 5.75rem; /* 92px */\n\n  /* cssprops to use with `font` shorthand property */\n  --section-title-1: var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);\n  --section-title-2: var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);\n  --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n  --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n  --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n  --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n  font-size: var(--font-size-7);\n  font-weight: var(--font-rg);\n  line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-rg);\n  line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n  font-size: var(--font-size-5);\n  font-weight: var(--font-rg);\n  line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n  font-size: var(--font-size-4);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n  font-size: var(--font-size-1);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n  font-size: var(--font-size-1);\n  font-style: italic;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.32px;\n  line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n  font: var(--section-title-1);\n}\n\n.section-title-2 {\n  font: var(--section-title-2);\n}\n\n.section-title-3 {\n  font: var(--section-title-3);\n}\n\n.section-title-4 {\n  font: var(--section-title-4);\n}\n\n.section-title-5 {\n  font: var(--section-title-5);\n}\n\n.section-title-6 {\n  font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n  .heading-1,\n  .heading-1-sb,\n  .heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .heading-2,\n  .heading-2-sb,\n  .heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n  .mobile-heading-1,\n  .mobile-heading-1-sb,\n  .mobile-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .mobile-heading-2,\n  .mobile-heading-2-sb,\n  .mobile-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-3,\n  .mobile-heading-3-sb,\n  .mobile-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .mobile-heading-4,\n  .mobile-heading-4-sb,\n  .mobile-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-1,\n  .mobile-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .mobile-body-2,\n  .mobile-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-3,\n  .mobile-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-body-4,\n  .mobile-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-body-5,\n  .mobile-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-interactive-1,\n  .mobile-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .mobile-interactive-2,\n  .mobile-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .mobile-interactive-3,\n  .mobile-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .mobile-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .mobile-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .mobile-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .mobile-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .mobile-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .mobile-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .mobile-heading-1-lt,\n  .mobile-heading-2-lt,\n  .mobile-heading-3-lt,\n  .mobile-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .mobile-heading-1-sb,\n  .mobile-heading-2-sb,\n  .mobile-heading-3-sb,\n  .mobile-heading-4-sb,\n  .mobile-body-1-sb,\n  .mobile-body-2-sb,\n  .mobile-body-3-sb,\n  .mobile-body-4-sb,\n  .mobile-body-5-sb,\n  .mobile-interactive-1-sb,\n  .mobile-interactive-2-sb,\n  .mobile-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n  .tablet-heading-1,\n  .tablet-heading-1-sb,\n  .tablet-heading-1-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .tablet-heading-2,\n  .tablet-heading-2-sb,\n  .tablet-heading-2-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-3,\n  .tablet-heading-3-sb,\n  .tablet-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .tablet-heading-4,\n  .tablet-heading-4-sb,\n  .tablet-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-1,\n  .tablet-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .tablet-body-2,\n  .tablet-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-3,\n  .tablet-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-body-4,\n  .tablet-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-body-5,\n  .tablet-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-interactive-1,\n  .tablet-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .tablet-interactive-2,\n  .tablet-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .tablet-interactive-3,\n  .tablet-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .tablet-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .tablet-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .tablet-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .tablet-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .tablet-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .tablet-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .tablet-heading-1-lt,\n  .tablet-heading-2-lt,\n  .tablet-heading-3-lt,\n  .tablet-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .tablet-heading-1-sb,\n  .tablet-heading-2-sb,\n  .tablet-heading-3-sb,\n  .tablet-heading-4-sb,\n  .tablet-body-1-sb,\n  .tablet-body-2-sb,\n  .tablet-body-3-sb,\n  .tablet-body-4-sb,\n  .tablet-body-5-sb,\n  .tablet-interactive-1-sb,\n  .tablet-interactive-2-sb,\n  .tablet-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n  .desktop-heading-1,\n  .desktop-heading-1-sb,\n  .desktop-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .desktop-heading-2,\n  .desktop-heading-2-sb,\n  .desktop-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .desktop-heading-3,\n  .desktop-heading-3-sb,\n  .desktop-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .desktop-heading-4,\n  .desktop-heading-4-sb,\n  .desktop-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-1,\n  .desktop-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .desktop-body-2,\n  .desktop-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-3,\n  .desktop-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-body-4,\n  .desktop-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-body-5,\n  .desktop-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-interactive-1,\n  .desktop-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .desktop-interactive-2,\n  .desktop-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .desktop-interactive-3,\n  .desktop-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .desktop-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .desktop-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .desktop-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .desktop-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .desktop-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .desktop-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .desktop-heading-1-lt,\n  .desktop-heading-2-lt,\n  .desktop-heading-3-lt,\n  .desktop-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .desktop-heading-1-sb,\n  .desktop-heading-2-sb,\n  .desktop-heading-3-sb,\n  .desktop-heading-4-sb,\n  .desktop-body-1-sb,\n  .desktop-body-2-sb,\n  .desktop-body-3-sb,\n  .desktop-body-4-sb,\n  .desktop-body-5-sb,\n  .desktop-interactive-1-sb,\n  .desktop-interactive-2-sb,\n  .desktop-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n@media (min-width: 1366px) {\n  .wide-heading-1,\n  .wide-heading-1-sb,\n  .wide-heading-1-lt {\n    font-size: var(--font-size-8);\n    font-weight: var(--font-rg);\n    line-height: 1.25;\n  }\n\n  .wide-heading-2,\n  .wide-heading-2-sb,\n  .wide-heading-2-lt {\n    font-size: var(--font-size-7);\n    font-weight: var(--font-rg);\n    line-height: 1.28;\n  }\n\n  .wide-heading-3,\n  .wide-heading-3-sb,\n  .wide-heading-3-lt {\n    font-size: var(--font-size-6);\n    font-weight: var(--font-rg);\n    line-height: 1.333;\n  }\n\n  .wide-heading-4,\n  .wide-heading-4-sb,\n  .wide-heading-4-lt {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-1,\n  .wide-body-1-sb {\n    font-size: var(--font-size-5);\n    font-weight: var(--font-rg);\n    line-height: 1.4;\n  }\n\n  .wide-body-2,\n  .wide-body-2-sb {\n    font-size: var(--font-size-4);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-3,\n  .wide-body-3-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-body-4,\n  .wide-body-4-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-body-5,\n  .wide-body-5-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-interactive-1,\n  .wide-interactive-1-sb {\n    font-size: var(--font-size-3);\n    font-weight: var(--font-rg);\n    line-height: 1.5;\n  }\n\n  .wide-interactive-2,\n  .wide-interactive-2-sb {\n    font-size: var(--font-size-2);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.16px;\n    line-height: 1.4;\n  }\n\n  .wide-interactive-3,\n  .wide-interactive-3-sb {\n    font-size: var(--font-size-1);\n    font-weight: var(--font-rg);\n    letter-spacing: 0.32px;\n    line-height: 1.333;\n  }\n\n  .wide-section-title-1 {\n    font: var(--section-title-1);\n  }\n\n  .wide-section-title-2 {\n    font: var(--section-title-2);\n  }\n\n  .wide-section-title-3 {\n    font: var(--section-title-3);\n  }\n\n  .wide-section-title-4 {\n    font: var(--section-title-4);\n  }\n\n  .wide-section-title-5 {\n    font: var(--section-title-5);\n  }\n\n  .wide-section-title-6 {\n    font: var(--section-title-6);\n  }\n\n  .wide-heading-1-lt,\n  .wide-heading-2-lt,\n  .wide-heading-3-lt,\n  .wide-heading-4-lt {\n    font-weight: var(--font-lt);\n  }\n\n  .wide-heading-1-sb,\n  .wide-heading-2-sb,\n  .wide-heading-3-sb,\n  .wide-heading-4-sb,\n  .wide-body-1-sb,\n  .wide-body-2-sb,\n  .wide-body-3-sb,\n  .wide-body-4-sb,\n  .wide-body-5-sb,\n  .wide-interactive-1-sb,\n  .wide-interactive-2-sb,\n  .wide-interactive-3-sb {\n    font-weight: var(--font-sb);\n  }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n  font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n  font-weight: var(--font-sb);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ColorPickerPalette, KeyboardCode, PopoverPosition} from \"../../beans\";\nimport {ZColorPickerCustomEvent, ZToolCustomEvent, ZTooltipCustomEvent} from \"../../components\";\nimport {IconName} from \"../../constants/iconset\";\nimport {containsElement} from \"../../utils/utils\";\n\n/**\n * ZTool component. Can display an icon, an optional tooltip (mainly for hints about the tool's functionality), and can contain a nested `z-toolbar` as a submenu that opens on click.\n * @slot - Optional slot for nested content (e.g., a secondary `z-toolbar`) that appears when the tool is open/clicked.\n */\n@Component({\n  tag: \"z-tool\",\n  styleUrls: [\"styles.css\", \"../../tokens/typography.css\"],\n  shadow: true,\n})\nexport class ZTool {\n  @Element() hostElement: HTMLZToolElement;\n\n  /** Tool icon */\n  @Prop()\n  icon: IconName;\n\n  /** Text displayed inside the tooltip. */\n  @Prop()\n  tooltip?: string;\n\n  /** Preferred tooltip position. Defaults to true. */\n  @Prop()\n  tooltipPosition: PopoverPosition = PopoverPosition.TOP;\n\n  /** Accessible label for the tool trigger. Falls back to tooltip content. */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  /** Visual active state. */\n  @Prop({reflect: true})\n  active = false;\n\n  /** Disabled state. */\n  @Prop({reflect: true})\n  disabled = false;\n\n  /** Open state. */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * Color to use to fill the icon's color indicator, if it has one.\n   * Can be any valid value for the `fill` svg attribute.\n   * The value of this prop is passed down to the `z-icon` component inside the tool.\n   *\n   * If `z-color-picker` component is used inside the tool's slot, its `colorSelected` event is listened\n   * to automatically update `indicatorColor` and change the color of the icon indicator accordingly.\n   */\n  @Prop({mutable: true})\n  indicatorColor?: string;\n\n  @State()\n  tooltipOpen = false;\n\n  @State()\n  hasSlottedContent = false;\n\n  @State()\n  isMobile = false;\n\n  /** Indicates if the tool has nested open tools. Used to decide whether to auto-close the submenu. */\n  @State()\n  hasNestedOpenTools = false;\n\n  /** Emitted when the open state changes. */\n  @Event()\n  toggleSubmenu: EventEmitter;\n\n  /** Emitted when the tooltip open state changes. */\n  @Event()\n  toggleTooltip: EventEmitter;\n\n  private buttonRef?: HTMLButtonElement;\n\n  private iconRef?: HTMLElement;\n\n  private tooltipRef?: HTMLZTooltipElement;\n\n  private hoverDelay?: ReturnType<typeof setTimeout>;\n\n  /** Indicates if the tool is nested inside another tool. */\n  private isNested = false;\n\n  /** Main `z-toolbar` ancestor element, meant to be the top-level toolbar not nested inside another tool. */\n  private mainToolbar?: HTMLZToolbarElement;\n\n  /** Media query list for detecting mobile view. */\n  private mql?: MediaQueryList;\n\n  /** Listener for changes in the mobile view media query. */\n  private onMobileViewChange?: (e: MediaQueryListEvent) => void;\n\n  /**\n   * Opens the tooltip with a delay when the button is hovered or focused, and if the tool's content isn't already visible.\n   */\n  private handleTooltipOpen = (ev: FocusEvent | MouseEvent): void => {\n    if (!this.tooltip || this.open || !this.buttonRef.contains(ev.target as Node)) {\n      return;\n    }\n\n    clearTimeout(this.hoverDelay);\n    this.hoverDelay = setTimeout(() => {\n      this.tooltipOpen = true;\n    }, 1000);\n  };\n\n  /**\n   * Closes the tooltip immediately on button blur or when the mouse leaves the button or the tooltip, clearing any pending hover delay.\n   */\n  private handleTooltipClose = (ev: FocusEvent | MouseEvent): void => {\n    if (!this.tooltip || (ev.relatedTarget as HTMLElement)?.closest(\"z-tooltip\") === this.tooltipRef) {\n      return;\n    }\n\n    clearTimeout(this.hoverDelay);\n    this.tooltipOpen = false;\n  };\n\n  /**\n   * Handles click events on the tool's button element.\n   * If the tool has slotted content, toggles the open state and focuses the active/selected item in the nested toolbar or color picker,\n   * or the first item if no active/selected item is found.\n   */\n  private handleClick = (): void => {\n    if (this.disabled || !this.hasSlottedContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    if (this.open) {\n      const colorPicker = this.hostElement.querySelector(\":scope > z-color-picker\") as HTMLZColorPickerElement | null;\n      if (colorPicker) {\n        colorPicker.setFocus();\n\n        return;\n      }\n\n      // Focus the first active tool in the nested toolbar, or the first enabled if no active tool is found.\n      const firstActiveOrEnabledNestedTool = (this.hostElement.querySelector(\n        \":scope > z-toolbar z-tool[active]:not(:disabled)\"\n      ) || this.hostElement.querySelector(\":scope > z-toolbar z-tool:not(:disabled)\")) as HTMLZToolElement | null;\n\n      firstActiveOrEnabledNestedTool?.setFocus();\n    }\n  };\n\n  /**\n   * Handles `openChange` events from the tooltip popover to keep the `tooltipOpen` state in sync, but only if the event is coming from this tool's tooltip (and not from nested tools' tooltips).\n   */\n  private onTooltipOpenChange = (event: ZTooltipCustomEvent<{open: boolean}>): void => {\n    if ((event.target as HTMLElement) === this.tooltipRef) {\n      return;\n    }\n\n    this.tooltipOpen = event.detail.open;\n  };\n\n  @Watch(\"open\")\n  handleOpenChange(): void {\n    this.toggleSubmenu.emit(this.open);\n  }\n\n  @Watch(\"tooltipOpen\")\n  handleTooltipOpenChange(): void {\n    this.toggleTooltip.emit(this.tooltipOpen);\n  }\n\n  /**\n   * Handle `ESC` and `shift+TAB` to close the submenu and move focus back to the button.\n   */\n  @Listen(\"keydown\")\n  handleKeyDown(event: KeyboardEvent): void {\n    if (!this.open || this.hasNestedOpenTools) {\n      return;\n    }\n\n    switch (event.key) {\n      case KeyboardCode.ESC:\n        event.stopPropagation();\n        this.open = false;\n        this.setFocus();\n        break;\n      case KeyboardCode.TAB:\n        if (event.shiftKey && (event.target as Element).closest(\"z-tool:not(:scope)\") === this.hostElement) {\n          this.open = false;\n        }\n        break;\n    }\n  }\n\n  /**\n   * Close the popover on clicks outside the component, only if there are no nested open tools.\n   * In that case any outside click should close the nested submenu(s) first.\n   */\n  @Listen(\"click\", {target: \"body\"})\n  onOutsideClick(event: MouseEvent): void {\n    const target = event.composedPath()[0] as HTMLElement;\n    if (!this.open || containsElement(this.hostElement, target) || this.hasNestedOpenTools) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"toggleSubmenu\")\n  onNestedToolToggle(ev: ZToolCustomEvent<boolean>): void {\n    if (ev.target === this.hostElement) {\n      return;\n    }\n\n    if (ev.detail === true) {\n      this.hasNestedOpenTools = true;\n\n      return;\n    }\n\n    this.hasNestedOpenTools = Array.from(this.hostElement.querySelectorAll(\"z-tool\")).some((tool) => tool.open);\n  }\n\n  /**\n   * Handles the `colorSelected` event from a nested `z-color-picker` component.\n   * Updates the `indicatorColor` and closes the tool's popover.\n   */\n  @Listen(\"colorSelected\")\n  handleColorSelected(event: ZColorPickerCustomEvent<ColorPickerPalette>): void {\n    if (!Array.from(this.hostElement.children).includes(event.target as Element)) {\n      return;\n    }\n\n    this.indicatorColor = event.detail;\n    this.open = false;\n    this.setFocus();\n  }\n\n  /**\n   * Close the submenu when focus moves outside the tool.\n   */\n  @Listen(\"focusin\", {target: \"body\", passive: true})\n  handleExternalFocusin(ev: FocusEvent): void {\n    const target = ev.target as Node;\n    if (!containsElement(this.hostElement, target)) {\n      this.open = false;\n    }\n  }\n\n  /** Focuses the tool's button element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.disabled) {\n      return;\n    }\n\n    setTimeout(() => {\n      this.buttonRef?.focus();\n    }, 50);\n  }\n\n  /** Sets the tab index of the tool's internal button element. */\n  @Method()\n  async setTabIndex(value: number): Promise<void> {\n    if (!this.buttonRef) {\n      return;\n    }\n\n    this.buttonRef.tabIndex = this.disabled ? -1 : value;\n  }\n\n  /** Closes the tooltip. */\n  @Method()\n  async closeTooltip(): Promise<void> {\n    clearTimeout(this.hoverDelay);\n    this.tooltipOpen = false;\n  }\n\n  componentWillLoad(): void {\n    this.hasSlottedContent = this.hostElement.children.length > 0;\n    this.isNested = !!this.hostElement.closest(\"z-tool:not(:scope)\");\n    this.mainToolbar = this.hostElement.closest(\"z-toolbar:not(z-toolbar z-toolbar)\");\n    this.hasNestedOpenTools = !!this.hostElement.querySelector(\"z-tool[open]\");\n\n    this.mql = matchMedia(\"(max-width: 767px)\");\n    this.onMobileViewChange = (e: MediaQueryListEvent) => (this.isMobile = e.matches);\n    this.mql.addEventListener(\"change\", this.onMobileViewChange);\n    this.isMobile = this.mql.matches;\n  }\n\n  disconnectedCallback(): void {\n    clearTimeout(this.hoverDelay);\n    this.mql?.removeEventListener(\"change\", this.onMobileViewChange);\n  }\n\n  render(): HTMLZToolElement {\n    return (\n      <Host class={{\"z-tool-tooltip-open\": this.tooltipOpen}}>\n        <button\n          class=\"z-tool\"\n          type=\"button\"\n          ref={(el) => (this.buttonRef = el)}\n          aria-pressed={this.hasSlottedContent ? undefined : this.active ? \"true\" : \"false\"}\n          aria-expanded={this.hasSlottedContent ? (this.open ? \"true\" : \"false\") : undefined}\n          aria-haspopup={this.hasSlottedContent ? \"true\" : undefined}\n          aria-label={this.htmlAriaLabel || this.tooltip || undefined}\n          disabled={this.disabled}\n          onClick={this.handleClick}\n          onMouseEnter={this.handleTooltipOpen}\n          onMouseLeave={this.handleTooltipClose}\n          onFocus={this.handleTooltipOpen}\n          onBlur={this.handleTooltipClose}\n        >\n          <z-icon\n            ref={(el) => (this.iconRef = el)}\n            name={this.icon}\n            indicatorColor={this.indicatorColor}\n          ></z-icon>\n        </button>\n        {this.tooltip && (\n          <z-tooltip\n            class=\"z-tool-tooltip\"\n            ref={(el) => (this.tooltipRef = el)}\n            bindTo={this.iconRef}\n            open={this.tooltipOpen && !this.open}\n            position={this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition}\n            dark\n            onMouseLeave={this.handleTooltipClose}\n            onBlur={this.handleTooltipClose}\n            onOpenChange={this.onTooltipOpenChange}\n          >\n            <span class=\"body-4\">{this.tooltip}</span>\n          </z-tooltip>\n        )}\n        {this.hasSlottedContent && (\n          <z-popover\n            class=\"z-tool-submenu\"\n            open={this.open}\n            bindTo={this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement}\n            center\n            /* disable auto-close to prevent unwanted close behaviors on mobile,\n            when the bound element is the main toolbar */\n            closable={false}\n            position={this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM}\n          >\n            <slot></slot>\n          </z-popover>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/web-components-library/{p-d7f12672.js → p-80285500.js}

@@ -1,2 +1,2 @@
-import{r as o,h as s,a as e,g as t}from"./p-75c4a726.js";const r=":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-background\n  );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}:host(:focus-visible){box-shadow:none;outline:none}";const a=r;const b=class{constructor(s){o(this,s);this.sticky=false;this.isFocusable=false}render(){return s(e,{key:"17fe1d87112460ce7b7dd16e72cb3be1b92c7eb3",role:"rowgroup",tabIndex:this.isFocusable?0:-1},s("slot",{key:"ef0c0e95a383057b7ed5964f7c24cb8a59b31808"}))}get host(){return t(this)}};b.style=a;export{b as Z};
-//# sourceMappingURL=p-d7f12672.js.map
+import{r as o,h as s,a as e,g as t}from"./p-75c4a726.js";const r=":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-background\n  );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}:host(:focus-visible){box-shadow:none;outline:none}";const b=r;const a=class{constructor(s){o(this,s);this.sticky=false;this.isFocusable=false}render(){return s(e,{key:"d1b3529f75bb0ab8fcd19a309052fc2f19f5bbb2",role:"rowgroup",tabIndex:this.isFocusable?0:-1},s("slot",{key:"5e767d3b959c2d295e4987843451dbeb5e5fca85"}))}get host(){return t(this)}};a.style=b;export{a as Z};
+//# sourceMappingURL=p-80285500.js.map

package/dist/web-components-library/{p-a2e87cec.entry.js → p-80ddecaf.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o}from"./p-75c4a726.js";const a=":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}";const r=a;const t=class{constructor(o){e(this,o)}render(){return o("div",{key:"8752f5693a9cd8561849f630067c1de37e4756bd"},o("footer",{key:"081a20bcf923efe3b769e4e8d1f5b2199a8d8b81"},o("div",{key:"72bfc00be9c66460dbcace344f6c0e9f8cd8e9b9",class:"top"},o("slot",{key:"38eda715a4be3c715bdf4eb75c4332dd8d65e39b",name:"top"})),o("div",{key:"0f29a8ecb2233df5ad28ab834bed3056e4e4c1e5",class:"bottom"},o("slot",{key:"48aab990a4c8444c625ae8ac14f06f460c4abdae",name:"bottom"}))))}};t.style=r;export{t as z_myz_card_footer_sections};
-//# sourceMappingURL=p-a2e87cec.entry.js.map
+import{r as e,h as o}from"./p-75c4a726.js";const a=":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}";const r=a;const t=class{constructor(o){e(this,o)}render(){return o("div",{key:"ecab1780cee45e44e63448b463b6a7c4ba23e5ae"},o("footer",{key:"2d99b9654fc18a3ca45ea9b016c29b5f8c1ed997"},o("div",{key:"908d31fc4595aa9b4ca69dad77e38dbdac7f5756",class:"top"},o("slot",{key:"c14af373c3ac35b26b2afd803bad3273d65e195d",name:"top"})),o("div",{key:"2eba1ad852360d325ea70d98bc31505c4728eb9b",class:"bottom"},o("slot",{key:"23cdc79b4f721ee266f317973a9e7e0ef79e6fd6",name:"bottom"}))))}};t.style=r;export{t as z_myz_card_footer_sections};
+//# sourceMappingURL=p-80ddecaf.entry.js.map

package/dist/web-components-library/p-839e2478.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_tr}from"./p-a7bb5e87.js";import"./p-75c4a726.js";import"./p-1a0c206d.js";import"./p-86618221.js";import"./p-5145a606.js";import"./p-5f1e17cb.js";import"./p-54cd104c.js";
+//# sourceMappingURL=p-839e2478.entry.js.map

package/{www/build/p-daa1ffe9.entry.js → dist/web-components-library/p-84ed6163.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e}from"./p-75c4a726.js";import{P as n}from"./p-17af7fb2.js";import{d as s}from"./p-e6778114.js";import"./p-5145a606.js";const o=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';const r=o;const a=class{emitFlipCard(i=false){this.flipCard.emit(i)}constructor(e){i(this,e);this.flipCard=t(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${i}px`;this.hiddenContent=true;return}this.hiddenContent=false}setStringOrArray(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}}renderCloseIcon(){return e("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(false),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,false)}})}renderGeneralSection(){var i,t;const n=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.title;const s=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.description;return e("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{if(this.hiddenContent){this.tooltip=!this.tooltip}},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),n,e("br",null),s)}renderAuthor(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!t){return null}return e("span",null,"Autore: ",e("b",null,t),e("br",null))}renderYear(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!t){return null}return e("span",null,"Anno: ",e("b",null,t),e("br",null))}renderTooltip(){if(!this.tooltip){return}if(!this.cardData){return}const{title:i,year:t,author:s,description:o}=this.cardData;return e("z-popover",{position:n.RIGHT,onClick:()=>this.tooltip=false},`${i} ${t} ${s} ${o}`)}setExpirationLicenseMessage(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return e("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return e("span",{class:"expiring"},"IN SCADENZA")}}renderOnlineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.onlineLicense)){return}return e("section",{ref:i=>this.onlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",e("b",null,this.cardData.onlineLicense.expiration),e("br",null))}renderOfflineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.offlineLicense)){return}return e("section",{ref:i=>this.offlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",e("b",null,this.cardData.offlineLicense.expiration),e("br",null),"Installazioni disponibili: ",e("b",null,this.cardData.offlineLicense.installations))}render(){return e("div",{key:"b92068a65906ed7ea0aad97d591085fdc7959bfa"},this.renderCloseIcon(),e("div",{key:"c96a25a92165b7a7741413e3aa85e42d4f3dcf82",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),e("div",{key:"9b2ce0862ca8c6910bff49675c264b5fb06065e7",class:"cta-wrapper"},e("slot",{key:"1de5c2a82c9058ff8a09ef78954ad7f423f5c46e"})))}};a.style=r;export{a as z_myz_card_info};
-//# sourceMappingURL=p-daa1ffe9.entry.js.map
+import{r as i,c as t,h as e}from"./p-75c4a726.js";import{P as n}from"./p-86618221.js";import{d as s}from"./p-1a0c206d.js";import"./p-5145a606.js";const o=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';const r=o;const a=class{emitFlipCard(i=false){this.flipCard.emit(i)}constructor(e){i(this,e);this.flipCard=t(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${i}px`;this.hiddenContent=true;return}this.hiddenContent=false}setStringOrArray(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}}renderCloseIcon(){return e("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(false),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,false)}})}renderGeneralSection(){var i,t;const n=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.title;const s=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.description;return e("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{if(this.hiddenContent){this.tooltip=!this.tooltip}},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),n,e("br",null),s)}renderAuthor(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!t){return null}return e("span",null,"Autore: ",e("b",null,t),e("br",null))}renderYear(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!t){return null}return e("span",null,"Anno: ",e("b",null,t),e("br",null))}renderTooltip(){if(!this.tooltip){return}if(!this.cardData){return}const{title:i,year:t,author:s,description:o}=this.cardData;return e("z-popover",{position:n.RIGHT,onClick:()=>this.tooltip=false},`${i} ${t} ${s} ${o}`)}setExpirationLicenseMessage(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return e("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return e("span",{class:"expiring"},"IN SCADENZA")}}renderOnlineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.onlineLicense)){return}return e("section",{ref:i=>this.onlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",e("b",null,this.cardData.onlineLicense.expiration),e("br",null))}renderOfflineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.offlineLicense)){return}return e("section",{ref:i=>this.offlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",e("b",null,this.cardData.offlineLicense.expiration),e("br",null),"Installazioni disponibili: ",e("b",null,this.cardData.offlineLicense.installations))}render(){return e("div",{key:"33d2316b245cb7639f3ffaddd9e3af836a893b43"},this.renderCloseIcon(),e("div",{key:"b9b5af413eabc3c3cfbc2c301764e17211d3be64",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),e("div",{key:"7e0bc24301074fdc5541421fcb9ba0a58f65b306",class:"cta-wrapper"},e("slot",{key:"4e573ed4019c8f24f92ca27d54b67ca4a80d766b"})))}};a.style=r;export{a as z_myz_card_info};
+//# sourceMappingURL=p-84ed6163.entry.js.map

package/dist/web-components-library/p-86618221.js

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

package/dist/web-components-library/p-86618221.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LicenseType","CardVariant","NavigationTabsOrientation","NavigationTabsSize","NavigationTabsKeyboardEvents","ButtonVariant","ButtonType","ButtonSize","ControlSize","InputType","InputStatus","PopoverPosition","KeyboardKeyCode","KeyboardCode","ThemeVariant","DividerSize","DividerOrientation","SortDirection","AvatarSize","ListSize","ExpandableListStyle","ExpandableListButtonAlign","LabelPosition","ListDividerType","ListType","NotificationType","AlertType","Device","ToastNotification","ToastNotificationTransition","ToastNotificationPosition","ZTableRowExpandedType","ZAriaAlertMode","TransitionDirection","OffCanvasVariant","ZFileUploadType","ZChipType","ZSectionTitleDividerPosition","ZDatePickerMode","ZDatePickerModeValue","ZDatePickerPosition","ZRangePickerMode","InfoRevealPosition","CoverHeroVariant","CoverHeroContentPosition","CarouselArrowsPosition","CarouselProgressMode","BreadcrumbPathStyle","BreadcrumbHomepageVariant","VisibilityCondition","BookCardVariant","BookCardDeprecatedVariant","AccordionVariant","IconPosition","ColorPickerPalette","it","en"],"sources":["src/beans/index.tsx"],"sourcesContent":["export type MyzLink = {\n  label: string;\n  img: string;\n  link: string;\n};\n\nexport enum LicenseType {\n  REAL = \"reale\",\n  VIRTUAL = \"virtuale\",\n  TRIAL = \"saggio\",\n  TEMP = \"reale_temp\",\n}\n\nexport type Card = {\n  id: string;\n  isbn: string;\n  volumeTitle: string;\n  operaTitle: string;\n  img: string;\n  authors: string;\n  actions: Action[];\n  isBookmark: boolean;\n  licenseType: LicenseType;\n};\n\nexport enum CardVariant {\n  BORDER = \"border\",\n  SHADOW = \"shadow\",\n  OVERLAY = \"overlay\",\n  TEXT = \"text\",\n}\n\nexport type Action = {\n  isLink: boolean;\n  value: string;\n  url?: string;\n};\n\nexport type ListItem = {\n  text: string;\n  link?: string;\n  linktarget?: string;\n  icon?: string;\n  listitemid?: string;\n};\n\nexport type FilterItem = {\n  name: string;\n  id: string;\n  isActive: boolean;\n  isfixed: boolean;\n};\n\nexport type MenuItem = {\n  id: string;\n  label: string;\n  link?: string;\n  icon?: string;\n  target?: string;\n  subMenu?: MenuItem[];\n};\n\nexport type TabItem = {\n  id: string;\n  label: string;\n  icon?: string;\n  size?: string;\n  selected?: boolean;\n  disabled?: boolean;\n};\n\nexport enum NavigationTabsOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum NavigationTabsSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n}\n\nexport enum NavigationTabsKeyboardEvents {\n  LEFT = \"ArrowLeft\",\n  RIGHT = \"ArrowRight\",\n  UP = \"ArrowUp\",\n  DOWN = \"ArrowDown\",\n}\n\nexport type HeaderUserData = {\n  islogged: boolean;\n  id?: number;\n  name?: string;\n  usergroup: number;\n  userlinks: MenuItem[];\n};\n\nexport type ComboItem = {\n  id: string;\n  name: string;\n  checked: boolean;\n  category?: string;\n};\n\nexport enum ButtonVariant {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  TERTIARY = \"tertiary\",\n}\n\nexport enum ButtonType {\n  SUBMIT = \"submit\",\n  RESET = \"reset\",\n  BUTTON = \"button\",\n}\n\n/**\n * @deprecated Use ControlSize instead\n */\nexport enum ButtonSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum ControlSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum InputType {\n  TEXT = \"text\",\n  PASSWORD = \"password\",\n  NUMBER = \"number\",\n  EMAIL = \"email\",\n  TEXTAREA = \"textarea\",\n  CHECKBOX = \"checkbox\",\n  RADIO = \"radio\",\n  TEL = \"tel\",\n  URL = \"url\",\n  SEARCH = \"search\",\n}\n\nexport enum InputStatus {\n  SUCCESS = \"success\",\n  ERROR = \"error\",\n  WARNING = \"warning\",\n}\n\nexport enum PopoverPosition {\n  /** @deprecated This value is not needed anymore as the popover will always try to position itself automatically based on available space.\n   *\n   * Passing `AUTO` is the same as not passing any position value.\n   * Use any of the other values to explicitly set the preferred position of the popover.\n   */\n  AUTO = \"auto\",\n  TOP = \"top\",\n  RIGHT = \"right\",\n  BOTTOM = \"bottom\",\n  LEFT = \"left\",\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n  RIGHT_TOP = \"right_top\",\n  RIGHT_BOTTOM = \"right_bottom\",\n  LEFT_TOP = \"left_top\",\n  LEFT_BOTTOM = \"left_bottom\",\n}\n\nexport enum KeyboardKeyCode {\n  TAB = 9,\n  SPACE = 32,\n  ESC = 27,\n  ENTER = 13,\n  ARROW_UP = 38,\n  ARROW_DOWN = 40,\n  BACKSPACE = 8,\n  DELETE = 46,\n}\n\nexport enum KeyboardCode {\n  TAB = \"Tab\",\n  SPACE = \"Space\",\n  ESC = \"Escape\",\n  ENTER = \"Enter\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_DOWN = \"ArrowDown\",\n  BACKSPACE = \"Backspace\",\n  DELETE = \"Delete\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_LEFT = \"ArrowLeft\",\n}\n\nexport type SelectItem = {\n  id: string;\n  name: string;\n  selected: boolean;\n  icon?: string;\n  disabled?: boolean;\n  category?: string;\n  children?: SelectItem[];\n};\n\nexport enum ThemeVariant {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport enum DividerSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum DividerOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum SortDirection {\n  ASC = \"asc\",\n  DESC = \"desc\",\n}\n\nexport enum AvatarSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum ListSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  X_LARGE = \"x-large\",\n  NONE = \"none\",\n}\n\nexport enum ExpandableListStyle {\n  ACCORDION = \"accordion\",\n  MENU = \"menu\",\n}\n\nexport enum ExpandableListButtonAlign {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum LabelPosition {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum ListDividerType {\n  NONE = \"none\",\n  HEADER = \"header\",\n  ELEMENT = \"element\",\n}\n\nexport enum ListType {\n  NONE = \"none\",\n  ORDERED = \"ordered\",\n  UNORDERED = \"unordered\",\n}\n\nexport enum NotificationType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum AlertType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum Device {\n  MOBILE = \"mobile\",\n  TABLET = \"tablet\",\n  DESKTOP = \"desktop\",\n  DESKTOP_WIDE = \"desktop-wide\",\n}\n\nexport type DictionaryData = {\n  author: string;\n  year: string;\n  title: string;\n  description: string;\n  onlineLicense: DictionaryLicenseData;\n  offlineLicense: DictionaryLicenseData;\n};\n\nexport type DictionaryLicenseData = {\n  expiration: string;\n  expired: boolean;\n  expiring: boolean;\n  installations: string;\n};\n\nexport enum ToastNotification {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n  ACCENT = \"accent\",\n  ERROR = \"error\",\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n}\n\nexport enum ToastNotificationTransition {\n  SLIDE_IN_LEFT = \"slide-in-left\",\n  SLIDE_IN_RIGHT = \"slide-in-right\",\n  SLIDE_IN_DOWN = \"slide-in-down\",\n  SLIDE_IN_UP = \"slide-in-up\",\n  SLIDE_OUT_LEFT = \"slide-out-left\",\n  SLIDE_OUT_RIGHT = \"slide-out-right\",\n  SLIDE_OUT_DOWN = \"slide-out-down\",\n  SLIDE_OUT_UP = \"slide-out-up\",\n}\n\nexport enum ToastNotificationPosition {\n  TOP_RIGHT = \"top-right\",\n  TOP_LEFT = \"top-left\",\n  TOP_CENTRE = \"top-centre\",\n  BOTTOM_RIGHT = \"bottom-right\",\n  BOTTOM_LEFT = \"bottom-left\",\n  BOTTOM_CENTRE = \"bottom-centre\",\n}\n\nexport enum ZTableRowExpandedType {\n  EXPANDABLE = \"expandable\",\n  PADDING = \"padding\",\n  NONE = \"none\",\n}\n\nexport enum ZAriaAlertMode {\n  POLITE = \"polite\",\n  ASSERTIVE = \"assertive\",\n}\n\nexport enum TransitionDirection {\n  LEFT = \"left\",\n  RIGHT = \"right\",\n  UP = \"up\",\n}\n\nexport enum OffCanvasVariant {\n  OVERLAY = \"overlay\",\n  PUSHCONTENT = \"pushcontent\",\n}\n\nexport enum ZFileUploadType {\n  DEFAULT = \"default\",\n  DRAGDROP = \"dragdrop\",\n}\n\nexport enum ZChipType {\n  DEFAULT = \"default\",\n  MEDIUM = \"medium\",\n  SMALL = \"small\",\n}\n\nexport enum ZSectionTitleDividerPosition {\n  BEFORE = \"before\",\n  AFTER = \"after\",\n}\n\nexport enum ZDatePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n  MONTHS = \"months\",\n}\n\nexport enum ZDatePickerModeValue {\n  DATE = 401,\n  DATE_TIME = 523,\n  MONTHS = 288,\n}\n\nexport enum ZDatePickerPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum ZRangePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n}\n\nexport type SkipToContentLink = {\n  label: string;\n  href: string;\n  ariaLabel?: string;\n};\n\nexport enum InfoRevealPosition {\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n}\n\nexport enum CoverHeroVariant {\n  OVERLAY = \"overlay\",\n  STACKED = \"stacked\",\n}\n\nexport enum CoverHeroContentPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselArrowsPosition {\n  OVER = \"over\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselProgressMode {\n  DOTS = \"dots\",\n  NUMBERS = \"numbers\",\n}\n\nexport type SearchbarItem = {\n  label: string;\n  id?: string;\n  icon?: string;\n  tag?: {icon?: string; text: string};\n  category?: string;\n  subcategory?: string;\n  children?: Omit<SearchbarItem, \"category\" | \"subcategory\">[];\n};\n\nexport type SearchbarGroupedItem = {\n  [key: string]: SearchbarGroup;\n};\n\nexport type SearchbarGroup = {\n  items: SearchbarItem[];\n  category?: string;\n  subcategory?: string;\n};\n\nexport type BreadcrumbPath = {\n  text?: string;\n  path?: string;\n  hasTooltip?: boolean;\n};\n\nexport enum BreadcrumbPathStyle {\n  SEMIBOLD = \"semibold\",\n  UNDERLINED = \"underlined\",\n}\n\nexport enum BreadcrumbHomepageVariant {\n  TEXT = \"text\",\n  ICON = \"icon\",\n}\n\nexport enum VisibilityCondition {\n  HOVER = \"hover\",\n  ALWAYS = \"always\",\n}\n\nexport enum BookCardVariant {\n  LANDSCAPE = \"landscape\",\n  PORTRAIT = \"portrait\",\n}\n\nexport enum BookCardDeprecatedVariant {\n  EXPANDED = \"expanded\",\n  COMPACT = \"compact\",\n  SEARCH = \"search\",\n}\n\nexport enum AccordionVariant {\n  DEFAULT = \"default\",\n  BACKGROUND = \"background\",\n}\n\nexport type TreeListItem = {\n  id: string;\n  name: string;\n  url: string;\n  icon?: string;\n  bold?: boolean;\n  children?: TreeListItem[];\n};\n\nexport enum IconPosition {\n  LEFT = \"left\",\n  RIGHT = \"right\",\n}\n\n/** Map of color hex codes to their Italian and English names for the Color Picker Palette. */\nexport const ColorPickerPalette = {\n  \"#FFFFFF00\": {it: \"Trasparente\", en: \"Transparent\"},\n  \"#FFFFFF\": {it: \"Bianco\", en: \"White\"},\n  \"#CCCCCC\": {it: \"Grigio\", en: \"Gray\"},\n  \"#7E7E7E\": {it: \"Grigio scuro 1\", en: \"Dark gray 1\"},\n  \"#333333\": {it: \"Grigio scuro 2\", en: \"Dark gray 2\"},\n\n  \"#FFCCCC\": {it: \"Rosso chiaro 1\", en: \"Light red 1\"},\n  \"#FF9999\": {it: \"Rosso chiaro 2\", en: \"Light red 2\"},\n  \"#FF3333\": {it: \"Rosso\", en: \"Red\"},\n  \"#CC0000\": {it: \"Rosso scuro 1\", en: \"Dark red 1\"},\n  \"#660000\": {it: \"Rosso scuro 2\", en: \"Dark red 2\"},\n\n  \"#FFE1CC\": {it: \"Arancione chiaro 1\", en: \"Light orange 1\"},\n  \"#FFC399\": {it: \"Arancione chiaro 2\", en: \"Light orange 2\"},\n  \"#FF8933\": {it: \"Arancione\", en: \"Orange\"},\n  \"#CC5500\": {it: \"Arancione scuro 1\", en: \"Dark orange 1\"},\n  \"#662B00\": {it: \"Arancione scuro 2\", en: \"Dark orange 2\"},\n\n  \"#FFF7CC\": {it: \"Giallo chiaro 1\", en: \"Light yellow 1\"},\n  \"#FFEE99\": {it: \"Giallo chiaro 2\", en: \"Light yellow 2\"},\n  \"#FFDD33\": {it: \"Giallo\", en: \"Yellow\"},\n  \"#CCAA00\": {it: \"Giallo scuro 1\", en: \"Dark yellow 1\"},\n  \"#665600\": {it: \"Giallo scuro 2\", en: \"Dark yellow 2\"},\n\n  \"#DDFFCC\": {it: \"Verde chiaro 1\", en: \"Light green 1\"},\n  \"#BBFF99\": {it: \"Verde chiaro 2\", en: \"Light green 2\"},\n  \"#77FF33\": {it: \"Verde\", en: \"Green\"},\n  \"#44CC00\": {it: \"Verde scuro 1\", en: \"Dark green 1\"},\n  \"#226600\": {it: \"Verde scuro 2\", en: \"Dark green 2\"},\n\n  \"#CCFFE5\": {it: \"Verde acqua chiaro 1\", en: \"Light aquamarine 1\"},\n  \"#99FFCC\": {it: \"Verde acqua chiaro 2\", en: \"Light aquamarine 2\"},\n  \"#33FF99\": {it: \"Verde acqua\", en: \"Aquamarine\"},\n  \"#00CC66\": {it: \"Verde acqua scuro 1\", en: \"Dark aquamarine 1\"},\n  \"#006633\": {it: \"Verde acqua scuro 2\", en: \"Dark aquamarine 2\"},\n\n  \"#CCEEFF\": {it: \"Azzurro chiaro 1\", en: \"Light blue 1\"},\n  \"#99DDFF\": {it: \"Azzurro chiaro 2\", en: \"Light blue 2\"},\n  \"#33BBFF\": {it: \"Azzurro\", en: \"Blue\"},\n  \"#0088CC\": {it: \"Azzurro scuro 1\", en: \"Dark blue 1\"},\n  \"#004466\": {it: \"Azzurro scuro 2\", en: \"Dark blue 2\"},\n\n  \"#D4CCFF\": {it: \"Viola chiaro 1\", en: \"Light purple 1\"},\n  \"#AA99FF\": {it: \"Viola chiaro 2\", en: \"Light purple 2\"},\n  \"#5533FF\": {it: \"Viola\", en: \"Purple\"},\n  \"#2200CC\": {it: \"Viola scuro 1\", en: \"Dark purple 1\"},\n  \"#110066\": {it: \"Viola scuro 2\", en: \"Dark purple 2\"},\n\n  \"#FFCCFF\": {it: \"Rosa chiaro 1\", en: \"Light pink 1\"},\n  \"#FF99FF\": {it: \"Rosa chiaro 2\", en: \"Light pink 2\"},\n  \"#FF33FF\": {it: \"Rosa\", en: \"Pink\"},\n  \"#CC00CC\": {it: \"Rosa scuro 1\", en: \"Dark pink 1\"},\n  \"#660066\": {it: \"Rosa scuro 2\", en: \"Dark pink 2\"},\n} as const satisfies Record<`#${string}`, {it: string; en: string}>;\nexport type ColorPickerPalette = keyof typeof ColorPickerPalette;\n"],"mappings":"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","ignoreList":[]}

package/dist/web-components-library/{p-757415e9.entry.js → p-88a9865c.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as e,h as s,a as t,g as a}from"./p-75c4a726.js";import{v as l}from"./p-17af7fb2.js";const o='.sc-z-file-upload-h{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{display:flex;flex-direction:column;justify-content:center;padding:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto;text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-text-link-blue);cursor:pointer;text-decoration:underline}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none !important}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}.sc-z-file-upload-h input[type="file"].sc-z-file-upload{display:none}.sc-z-file-upload-h #title.sc-z-file-upload+#description.sc-z-file-upload{margin-top:var(--space-unit)}.sc-z-file-upload-h>*.sc-z-file-upload+z-button.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload+*.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload:not(:first-child){margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.files-container.hidden.sc-z-file-upload{display:none}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.uploaded-files-label.sc-z-file-upload{margin-bottom:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}@media (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 3)}}@media (min-width: 1152px){.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 4)}}';const n=o;const r=class{constructor(s){i(this,s);this.fileInput=e(this,"fileInput",7);this.fileError=e(this,"fileError",7);this.type=l.DEFAULT;this.buttonVariant=undefined;this.acceptedFormat=undefined;this.fileMaxSize=undefined;this.mainTitle=undefined;this.description=undefined;this.uploadBtnLabel="allega";this.dragAndDropLabel="Rilascia i file in questa area per allegarli.";this.allowedFilesMessage=undefined;this.uploadClickableMessage="Carica";this.uploadMessage="o trascina dal tuo computer";this.errorModalTitle="Errore di caricamento";this.errorModalMessage=undefined;this.uploadedFilesLabel="File appena caricati";this.hasFileSection=true;this.inputName="z-file-upload";this.showErrors=true;this._type=this.type;this.files=[];this.invalidFiles=new Map;this.input=undefined}onFileRemoved(i){this.removeFile(i.detail.fileName)}fileDroppedListener(i){this.input.files=i.detail;this.checkFilesValidity(this.input.files)}async getFiles(){return this.files}async removeFile(i){const e=this.files;const s=e.findIndex((e=>e.name===i));if(s>=0){e.splice(s,1);this.files=[...e]}}checkFilesValidity(i){if(!i.length){return}Array.from(i).forEach((i=>{const e=i.size/1024/1024;const s=this.acceptedFormat.split(",").some((e=>i.name.toLowerCase().endsWith(e.trim())));const t=e<=this.fileMaxSize;if(t&&s&&!this.files.find((e=>e.name===i.name))){this.files=[...this.files,i];this.fileInput.emit(i);this.input.value="";return}const a=`Il file ${i.name} supera il limite di ${this.fileMaxSize}MB`;const l=`Il file ${i.name} ha un formato non supportato`;const o=[!t&&{cause:"size",message:a},!s&&{cause:"format",message:l}].filter(Boolean);this.invalidFiles.set(i.name,o);this.invalidFiles=new Map(this.invalidFiles);this.fileError.emit({file:i.name,errors:o})}))}resetErrors(){this.invalidFiles=new Map}onFilesChange(i){this.checkFilesValidity(i.target.files)}componentWillLoad(){const i=window.matchMedia("(max-width: 1151px)");this._type=i.matches?l.DEFAULT:this.type;i.addEventListener("change",(i=>{this._type=i.matches?l.DEFAULT:this.type}))}componentDidUpdate(){if(!this.showErrors||!this.invalidFiles.size){return}this.errorModal.open()}renderDescription(i){if(!this.description){return}return s("span",{id:"description",class:i},this.description)}renderAllowedFilesMessage(){let i="";let e="";if(this.acceptedFormat){const e=this.acceptedFormat.split(", ").map((i=>i.substring(1).toUpperCase())).join(", ");i=` nei formati ${e}`}if(this.fileMaxSize){e=` per un massimo di ${this.fileMaxSize}MB di peso`}const t=i||e?`Puoi allegare file${i}${e}.`:undefined;if(!this.allowedFilesMessage&&!t){return}return s("span",{class:"allowed-files-message body-3"},this.allowedFilesMessage||t)}renderFileSection(){if(!this.hasFileSection){return}return s("section",{class:{"files-container":true,hidden:!this.files.length}},s("div",{class:"uploaded-files-label heading-3-sb"},this.uploadedFilesLabel),s("div",{class:"files-wrapper"},s("slot",{name:"files"})))}renderInput(){return s("input",{type:"file",name:this.inputName,multiple:true,onChange:i=>this.onFilesChange(i),accept:this.acceptedFormat,ref:i=>this.input=i})}renderUploadButton(){return[s("z-button",{onClick:()=>this.input.click(),onKeyPress:i=>{if(i.code=="Space"||i.code=="Enter"){i.preventDefault();this.input.click()}},id:"fileSelect",variant:this.buttonVariant,icon:"upload"},this.uploadBtnLabel),this.renderInput()]}renderUploadLink(){return[this.renderInput(),s("span",{class:"body-1 upload-link-text"},s("span",{tabIndex:0,class:"body-1-sb upload-link",onClick:()=>this.input.click(),onKeyPress:i=>{if(i.code=="Space"||i.code=="Enter"){i.preventDefault();this.input.click()}}},this.uploadClickableMessage)," ",this.uploadMessage)]}renderDefaultMode(){return[this.renderDescription("body-3-sb"),this.renderAllowedFilesMessage(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),s("z-dragdrop-area",{"drag-and-drop-label":this.dragAndDropLabel},s("div",{class:"text-container"},this.renderDescription("body-1"),this.renderUploadLink(),this.renderAllowedFilesMessage()))]}renderFileErrors(){return Array.from(this.invalidFiles).map((([i,e])=>{const t=`Il file ${i}`;return s("span",{class:"error-message"},"Il file ",s("span",{class:"body-3-sb"},i),e.map((({message:i})=>i.replace(t,""))).join(" e "),".")}))}render(){return s(t,{key:"13ada780c37ca16c2153f8c1177864932fe299dd"},this.mainTitle&&s("div",{key:"dcf55ac93e6959136262d0422272ab4902c3cbed",id:"title",class:"heading-3-sb"},this.mainTitle),this._type==l.DEFAULT?this.renderDefaultMode():this.renderDragDropMode(),!!this.invalidFiles.size&&this.showErrors&&s("z-modal",{key:"e7d8c001c513ab498779c752dc195ab03ec81a80",modalid:`file-upload-${this.type}-error-modal`,ref:i=>this.errorModal=i,modaltitle:this.errorModalTitle,onModalClose:()=>this.resetErrors(),onModalBackgroundClick:()=>this.resetErrors()},s("div",{key:"e5262f2f8b42dfe38ad4b794b08b4bf6b83b4a7a",slot:"modalContent"},s("div",{key:"5e50b460de47813678ea1e2d3a2a3e0e76d0a6d0",class:"modal-wrapper body-3"},this.errorModalMessage?this.errorModalMessage:this.renderFileErrors()))))}get host(){return a(this)}};r.style=n;export{r as z_file_upload};
-//# sourceMappingURL=p-757415e9.entry.js.map
+import{r as i,c as e,h as s,a as t,g as a}from"./p-75c4a726.js";import{v as l}from"./p-86618221.js";const o='.sc-z-file-upload-h{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{display:flex;flex-direction:column;justify-content:center;padding:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto;text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-text-link-blue);cursor:pointer;text-decoration:underline}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none !important}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}.sc-z-file-upload-h input[type="file"].sc-z-file-upload{display:none}.sc-z-file-upload-h #title.sc-z-file-upload+#description.sc-z-file-upload{margin-top:var(--space-unit)}.sc-z-file-upload-h>*.sc-z-file-upload+z-button.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload+*.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload:not(:first-child){margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.files-container.hidden.sc-z-file-upload{display:none}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.uploaded-files-label.sc-z-file-upload{margin-bottom:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}@media (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 3)}}@media (min-width: 1152px){.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 4)}}';const n=o;const r=class{constructor(s){i(this,s);this.fileInput=e(this,"fileInput",7);this.fileError=e(this,"fileError",7);this.type=l.DEFAULT;this.buttonVariant=undefined;this.acceptedFormat=undefined;this.fileMaxSize=undefined;this.mainTitle=undefined;this.description=undefined;this.uploadBtnLabel="allega";this.dragAndDropLabel="Rilascia i file in questa area per allegarli.";this.allowedFilesMessage=undefined;this.uploadClickableMessage="Carica";this.uploadMessage="o trascina dal tuo computer";this.errorModalTitle="Errore di caricamento";this.errorModalMessage=undefined;this.uploadedFilesLabel="File appena caricati";this.hasFileSection=true;this.inputName="z-file-upload";this.showErrors=true;this._type=this.type;this.files=[];this.invalidFiles=new Map;this.input=undefined}onFileRemoved(i){this.removeFile(i.detail.fileName)}fileDroppedListener(i){this.input.files=i.detail;this.checkFilesValidity(this.input.files)}async getFiles(){return this.files}async removeFile(i){const e=this.files;const s=e.findIndex((e=>e.name===i));if(s>=0){e.splice(s,1);this.files=[...e]}}checkFilesValidity(i){if(!i.length){return}Array.from(i).forEach((i=>{const e=i.size/1024/1024;const s=this.acceptedFormat.split(",").some((e=>i.name.toLowerCase().endsWith(e.trim())));const t=e<=this.fileMaxSize;if(t&&s&&!this.files.find((e=>e.name===i.name))){this.files=[...this.files,i];this.fileInput.emit(i);this.input.value="";return}const a=`Il file ${i.name} supera il limite di ${this.fileMaxSize}MB`;const l=`Il file ${i.name} ha un formato non supportato`;const o=[!t&&{cause:"size",message:a},!s&&{cause:"format",message:l}].filter(Boolean);this.invalidFiles.set(i.name,o);this.invalidFiles=new Map(this.invalidFiles);this.fileError.emit({file:i.name,errors:o})}))}resetErrors(){this.invalidFiles=new Map}onFilesChange(i){this.checkFilesValidity(i.target.files)}componentWillLoad(){const i=window.matchMedia("(max-width: 1151px)");this._type=i.matches?l.DEFAULT:this.type;i.addEventListener("change",(i=>{this._type=i.matches?l.DEFAULT:this.type}))}componentDidUpdate(){if(!this.showErrors||!this.invalidFiles.size){return}this.errorModal.open()}renderDescription(i){if(!this.description){return}return s("span",{id:"description",class:i},this.description)}renderAllowedFilesMessage(){let i="";let e="";if(this.acceptedFormat){const e=this.acceptedFormat.split(", ").map((i=>i.substring(1).toUpperCase())).join(", ");i=` nei formati ${e}`}if(this.fileMaxSize){e=` per un massimo di ${this.fileMaxSize}MB di peso`}const t=i||e?`Puoi allegare file${i}${e}.`:undefined;if(!this.allowedFilesMessage&&!t){return}return s("span",{class:"allowed-files-message body-3"},this.allowedFilesMessage||t)}renderFileSection(){if(!this.hasFileSection){return}return s("section",{class:{"files-container":true,hidden:!this.files.length}},s("div",{class:"uploaded-files-label heading-3-sb"},this.uploadedFilesLabel),s("div",{class:"files-wrapper"},s("slot",{name:"files"})))}renderInput(){return s("input",{type:"file",name:this.inputName,multiple:true,onChange:i=>this.onFilesChange(i),accept:this.acceptedFormat,ref:i=>this.input=i})}renderUploadButton(){return[s("z-button",{onClick:()=>this.input.click(),onKeyPress:i=>{if(i.code=="Space"||i.code=="Enter"){i.preventDefault();this.input.click()}},id:"fileSelect",variant:this.buttonVariant,icon:"upload"},this.uploadBtnLabel),this.renderInput()]}renderUploadLink(){return[this.renderInput(),s("span",{class:"body-1 upload-link-text"},s("span",{tabIndex:0,class:"body-1-sb upload-link",onClick:()=>this.input.click(),onKeyPress:i=>{if(i.code=="Space"||i.code=="Enter"){i.preventDefault();this.input.click()}}},this.uploadClickableMessage)," ",this.uploadMessage)]}renderDefaultMode(){return[this.renderDescription("body-3-sb"),this.renderAllowedFilesMessage(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),s("z-dragdrop-area",{"drag-and-drop-label":this.dragAndDropLabel},s("div",{class:"text-container"},this.renderDescription("body-1"),this.renderUploadLink(),this.renderAllowedFilesMessage()))]}renderFileErrors(){return Array.from(this.invalidFiles).map((([i,e])=>{const t=`Il file ${i}`;return s("span",{class:"error-message"},"Il file ",s("span",{class:"body-3-sb"},i),e.map((({message:i})=>i.replace(t,""))).join(" e "),".")}))}render(){return s(t,{key:"13ada780c37ca16c2153f8c1177864932fe299dd"},this.mainTitle&&s("div",{key:"dcf55ac93e6959136262d0422272ab4902c3cbed",id:"title",class:"heading-3-sb"},this.mainTitle),this._type==l.DEFAULT?this.renderDefaultMode():this.renderDragDropMode(),!!this.invalidFiles.size&&this.showErrors&&s("z-modal",{key:"e7d8c001c513ab498779c752dc195ab03ec81a80",modalid:`file-upload-${this.type}-error-modal`,ref:i=>this.errorModal=i,modaltitle:this.errorModalTitle,onModalClose:()=>this.resetErrors(),onModalBackgroundClick:()=>this.resetErrors()},s("div",{key:"e5262f2f8b42dfe38ad4b794b08b4bf6b83b4a7a",slot:"modalContent"},s("div",{key:"5e50b460de47813678ea1e2d3a2a3e0e76d0a6d0",class:"modal-wrapper body-3"},this.errorModalMessage?this.errorModalMessage:this.renderFileErrors()))))}get host(){return a(this)}};r.style=n;export{r as z_file_upload};
+//# sourceMappingURL=p-88a9865c.entry.js.map

package/{www/build/p-1844a4f4.entry.js → dist/web-components-library/p-8a53fefb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,g as i}from"./p-75c4a726.js";import{p as r}from"./p-17af7fb2.js";import{i as s,g as o,d as n}from"./p-e6778114.js";import"./p-5145a606.js";const a=':host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-size-medium) solid var(--color-background);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}main z-icon:focus,footer .bullet-container .bullet:focus{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-background);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';const l=a;function d(t){return Array.isArray(t)&&t.every((t=>typeof t==="string"))}const h=class{constructor(e){t(this,e);this.slideshowid=undefined;this.data=undefined;this.device=undefined;this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks();this.setDevice();window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice();this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":{const e=(t=s(this.data))!==null&&t!==void 0?t:[];if(!d(e)){throw new Error("Passed data is invalid")}this.links=e;break}default:this.links=this.data;break}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t){return}const e=this.el.shadowRoot.querySelectorAll(".slide");const i=this.el.offsetWidth;const r=i*this.links.length;t.style.width=`${r}px`;t.style.transform=`translate(-${i*this.currentSlide}px)`;e.forEach((t=>{const e=t.querySelector("img");e.style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.MOBILE:return 24;case r.TABLET:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=false,r=this.currentSlide;if(t==="left"){i=this.currentSlide===0;r--}else if(t==="right"){i=this.currentSlide===this.links.length-1;r++}return e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footer-left"},e("slot",{name:"footer-left"})),e("div",{class:"footer-center"},e("div",{class:"bullet-container"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footer-right"},e("slot",{name:"footer-right"})))}render(){if(!this.links||!this.links.length){return e("div",null)}return e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter())}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};h.style=l;export{h as z_slideshow};
-//# sourceMappingURL=p-1844a4f4.entry.js.map
+import{r as t,h as e,g as i}from"./p-75c4a726.js";import{p as r}from"./p-86618221.js";import{i as s,g as o,d as n}from"./p-1a0c206d.js";import"./p-5145a606.js";const a=':host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-size-medium) solid var(--color-background);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}main z-icon:focus,footer .bullet-container .bullet:focus{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-background);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';const l=a;function d(t){return Array.isArray(t)&&t.every((t=>typeof t==="string"))}const h=class{constructor(e){t(this,e);this.slideshowid=undefined;this.data=undefined;this.device=undefined;this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks();this.setDevice();window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice();this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":{const e=(t=s(this.data))!==null&&t!==void 0?t:[];if(!d(e)){throw new Error("Passed data is invalid")}this.links=e;break}default:this.links=this.data;break}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t){return}const e=this.el.shadowRoot.querySelectorAll(".slide");const i=this.el.offsetWidth;const r=i*this.links.length;t.style.width=`${r}px`;t.style.transform=`translate(-${i*this.currentSlide}px)`;e.forEach((t=>{const e=t.querySelector("img");e.style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.MOBILE:return 24;case r.TABLET:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=false,r=this.currentSlide;if(t==="left"){i=this.currentSlide===0;r--}else if(t==="right"){i=this.currentSlide===this.links.length-1;r++}return e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footer-left"},e("slot",{name:"footer-left"})),e("div",{class:"footer-center"},e("div",{class:"bullet-container"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footer-right"},e("slot",{name:"footer-right"})))}render(){if(!this.links||!this.links.length){return e("div",null)}return e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter())}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};h.style=l;export{h as z_slideshow};
+//# sourceMappingURL=p-8a53fefb.entry.js.map

package/dist/web-components-library/{p-d6a7b7f3.entry.js → p-8b562dca.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as o,h as r}from"./p-75c4a726.js";import{e as i,_ as t}from"./p-17af7fb2.js";const e=':host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface02);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant="background"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant="background"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;min-height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:host([size="x-small"]) summary{--summary-height:var(--summary-x-small-height)}:host([size="small"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size="x-small"],[size="small"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant="background"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant="background"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--z-accordion-hover-color);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:""}:host([highlight][variant="background"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant="background"]:not([open])) summary::before,:host([highlight][variant="background"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size="x-small"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size="x-small"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size="x-small"],[size="small"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size="x-small"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant="background"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot="tag"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant="background"]+z-accordion[variant="background"]{border-radius:0}z-accordion[variant="background"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary){border-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}';const s=e;const c=class{constructor(r){a(this,r);this.toggled=o(this,"toggled",7);this.label=undefined;this.icon=undefined;this.size=i.BIG;this.isDisabled=false;this.open=false;this.highlight=false;this.variant=t.DEFAULT;this.shadow=true}onDisabledChange(){if(this.isDisabled){this.open=false}}onDetailsToggle(){if(this.isDisabled){this.open=false;this.detailsElm.open=false;return}this.open=this.detailsElm.open;this.toggled.emit(this.open)}render(){return r("details",{key:"75f8a546aa49db6a078ee035a359ea512da290a1",ref:a=>this.detailsElm=a,onToggle:this.onDetailsToggle.bind(this),open:this.open},r("summary",{key:"83cf68bd5d118bb43dce8aed36776bdb6f31df24",tabIndex:this.isDisabled?-1:null,part:"summary"},this.icon&&r("z-icon",{key:"b718c6923a9176504f1c4f05e706938fc44aabe9",class:"z-accordion-label-icon",name:this.icon}),r("span",{key:"5db96b4f3f565e6e746fa1d339edb72839900a7e",class:"z-accordion-label"},this.label),r("span",{key:"f6b7bc7ce502d25be290af4ac3f257b8f2d88142",class:"z-accordion-tags"},r("slot",{key:"304b3ac5f1cd58e9e3532e4e47109fb569d7a14a",name:"tag"})),r("z-icon",{key:"ad373df60eafcabe0f707a74cff5bacdaeccb531",class:"z-accordion-chevron",name:this.open?"chevron-up":"chevron-down"})),!this.isDisabled&&r("div",{key:"3997863313ebf787bdc1ef101fb46ab4ed9fac00",class:"z-accordion-content",part:"content"},r("slot",{key:"1870a604a2949390f50ef03e5d9f3a407a494023"})))}static get watchers(){return{isDisabled:["onDisabledChange"]}}};c.style=s;export{c as z_accordion};
-//# sourceMappingURL=p-d6a7b7f3.entry.js.map
+import{r as a,c as o,h as r}from"./p-75c4a726.js";import{e as i,_ as t}from"./p-86618221.js";const e=':host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface02);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant="background"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant="background"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;min-height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:host([size="x-small"]) summary{--summary-height:var(--summary-x-small-height)}:host([size="small"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size="x-small"],[size="small"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant="background"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant="background"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--z-accordion-hover-color);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:""}:host([highlight][variant="background"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant="background"]:not([open])) summary::before,:host([highlight][variant="background"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size="x-small"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size="x-small"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size="x-small"],[size="small"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size="x-small"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant="background"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot="tag"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant="background"]+z-accordion[variant="background"]{border-radius:0}z-accordion[variant="background"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary){border-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}';const s=e;const c=class{constructor(r){a(this,r);this.toggled=o(this,"toggled",7);this.label=undefined;this.icon=undefined;this.size=i.BIG;this.isDisabled=false;this.open=false;this.highlight=false;this.variant=t.DEFAULT;this.shadow=true}onDisabledChange(){if(this.isDisabled){this.open=false}}onDetailsToggle(){if(this.isDisabled){this.open=false;this.detailsElm.open=false;return}this.open=this.detailsElm.open;this.toggled.emit(this.open)}render(){return r("details",{key:"f200b59fb522e1f4210c76166302bcf6ac45595f",ref:a=>this.detailsElm=a,onToggle:this.onDetailsToggle.bind(this),open:this.open},r("summary",{key:"a79f3922eaba8a7bdebe1bf32d628e8dd107d628",tabIndex:this.isDisabled?-1:null,part:"summary"},this.icon&&r("z-icon",{key:"0679fd5cac2fdf4ea28a004a5981cc1140f33ed0",class:"z-accordion-label-icon",name:this.icon}),r("span",{key:"09e815bb1327ccc96a0e5fda7eae128ecff8754e",class:"z-accordion-label"},this.label),r("span",{key:"27ed45123f223f3704d2fe6b28516c2091eed597",class:"z-accordion-tags"},r("slot",{key:"45ff9568cd256dce70ea503e65f98681547e388e",name:"tag"})),r("z-icon",{key:"c3c24df225af9c7b8f4462f1711342ebc659758a",class:"z-accordion-chevron",name:this.open?"chevron-up":"chevron-down"})),!this.isDisabled&&r("div",{key:"454c954054e741d7aaac1c0fa43fd0f6e807947b",class:"z-accordion-content",part:"content"},r("slot",{key:"935f1db0be6b8e35feab63df7235c1a70ee9a5fd"})))}static get watchers(){return{isDisabled:["onDisabledChange"]}}};c.style=s;export{c as z_accordion};
+//# sourceMappingURL=p-8b562dca.entry.js.map