@zanichelli/albe-web-components 18.7.7 → 18.8.1-RC1

package/www/build/p-0257ed6e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,g as i}from"./p-75c4a726.js";import{e as l,g as c,l as r,i as n}from"./p-17af7fb2.js";import{r as o,b as a,e as h,f as d}from"./p-625e2cee.js";import"./p-5145a606.js";const z='.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-form-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>z-input.sc-z-select .input-icon.sc-z-select{cursor:pointer}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;border-top:none;background:var(--color-form-background);box-shadow:var(--shadow-2);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select z-list.sc-z-select{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:var(--space-unit) calc(var(--space-unit) * 1.5);margin:calc(var(--space-unit) * -1) 0;margin:0;outline:none}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element[disabled].sc-z-select{color:var(--color-form-disabled03)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);column-gap:var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{margin-right:auto}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size="small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:var(--font-sb)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--color-form-default-text)}.reset-item.sc-z-select{color:var(--color-form-active-primary);fill:var(--color-form-active-primary)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:var(--space-unit)}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}.tree-list-reset-item.sc-z-select{padding:var(--space-unit) 0}z-list-element.sc-z-select{position:relative;display:block}z-list.sc-z-select z-list-element.sc-z-select::before{position:absolute;z-index:100;top:3px;left:-8px;width:8px;height:1em;border-bottom:1px solid var(--color-form-disabled01-icon);border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select::after{position:absolute;z-index:100;top:5px;left:-8px;width:8px;height:100%;border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select:last-child::after{display:none}z-list.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-element.sc-z-select::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::after{display:none}z-list.sc-z-select>div.children-node.sc-z-select{padding-left:calc(var(--space-unit) * 2)}z-list-element.sc-z-select>.list-element.sc-z-select{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.5) var(--space-unit);cursor:pointer}z-list-element.sc-z-select>.list-element.sc-z-select:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-list-element.sc-z-select>.list-element.sc-z-select:hover,z-list-element.sc-z-select>.list-element.sc-z-select:hover::after{background-color:var(--background-hover-color-list-element, var(--color-background))}z-list-element.sc-z-select>.list-element.sc-z-select .item.ellipsis.sc-z-select{overflow:hidden}z-list-element.sc-z-select .list-element.sc-z-select::after{position:absolute;top:0;right:-1px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.tree-search-item.sc-z-select{padding-top:0}z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select::after{position:absolute;right:-25px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.grouped-tree-parent-node.sc-z-select .list-element.sc-z-select::after{position:absolute;right:-25px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}.item-label.selected.sc-z-select{font-weight:bold}.item.ellipsis.sc-z-select{display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}z-list.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after,z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select:hover::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;right:-18px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;top:0;right:0;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}.children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select z-list-element.sc-z-select::after{left:-8px}.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::after{left:-8px}.children-node.sc-z-select>z-list-element.sc-z-select{padding:0}';const p=z;const u=class{constructor(s){e(this,s);this.optionSelect=t(this,"optionSelect",7);this.resetSelect=t(this,"resetSelect",7);this.itemsList=[];this.itemIdKeyMap={};this.resetKey=-1;this.htmlid=`id-${o()}`;this.items=undefined;this.name=undefined;this.label=undefined;this.ariaLabel="";this.disabled=false;this.readonly=false;this.placeholder=undefined;this.htmltitle=undefined;this.status=undefined;this.message=true;this.autocomplete=false;this.noresultslabel="Nessun risultato";this.hasGroupItems=undefined;this.hasTreeItems=undefined;this.showChildrenOfMatchingParent=undefined;this.isfixed=false;this.resetItem=undefined;this.size=l.BIG;this.isOpen=false;this.selectedItem=null;this.focusedItemId=undefined;this.searchString=undefined;this.flattenedList=[];this.toggleSelectUl=this.toggleSelectUl.bind(this);this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray();this.selectedItem=this.findSelectedItem(this.itemsList)}getFocusedItemHandler(e){this.focusedItemId=e.target.id}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];if(typeof e==="string"){t.push(e)}else{t=e}this.itemsList=this.getInitialItemsArray();if(t.length){this.updateSelection(this.itemsList,t[0])}this.selectedItem=this.findSelectedItem(this.itemsList)}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}emitResetSelect(){this.resetSelect.emit({id:this.htmlid})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString);this.updateFlattenedList()}getInitialItemsArray(){return typeof this.items==="string"?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){const e=this.getInitialItemsArray();return e.map((e=>{var t;e.selected=e.id===((t=this.selectedItem)===null||t===void 0?void 0:t.id);return e}))}getSelectedValue(){var e;return(e=this.selectedItem)===null||e===void 0?void 0:e.id}getGroupedItems(){return Object.entries(this.itemsList.reduce(((e,t)=>{const s=t.category||"Altra categoria";e[s]=e[s]||[];e[s].push(t);return e}),{}))}updateFlattenedList(){let e=this.itemsList;if(this.hasGroupItems){e=this.getGroupedItems().map((e=>e[1])).flat()}this.flattenedList=this.flattenTreeItems(e);this.itemIdKeyMap={};this.flattenedList.forEach((({item:e,key:t})=>{this.itemIdKeyMap[e.id]=t}))}filterItems(e){const t=this.mapSelectedItemToItemsArray();if(!(e===null||e===void 0?void 0:e.length)){this.itemsList=t;return}if(this.hasTreeItems){this.itemsList=this.filterTree(t,e,false)}else{this.itemsList=t.filter((t=>t.name.toUpperCase().includes(e.toUpperCase()))).map((t=>{t.name=this.getHighlightedText(t.name,e);return t}))}}filterTree(e,t,s){if(!e){return[]}return e.map((e=>{const i=e.name.toUpperCase().includes(t.toUpperCase());const l=Object.assign({},e);if(l.children&&l.children.length>0){l.children=this.filterTree(l.children,t,i)}if(i){l.name=this.getHighlightedText(l.name,t)}if(i||l.children&&l.children.length>0||this.showChildrenOfMatchingParent&&s){return l}return null})).filter((e=>e!==null))}getHighlightedText(e,t){const s=e.toUpperCase();const i=t.toUpperCase();const l=s.indexOf(i);if(l===-1){return e}const c=l+t.length;return e.substring(0,l)+`<strong>${e.substring(l,c)}</strong>`+e.substring(c)}hasAutocomplete(){return a(this.autocomplete)===true}handleInputChange(e){this.searchString=e.detail.value;if(!this.isOpen){this.toggleSelectUl()}}updateSelection(e,t){if(e){e.forEach((e=>{e.selected=e.id===t;if(e.children&&e.children.length>0){this.updateSelection(e.children,t)}}))}}findSelectedItem(e){if(e){for(const t of e){if(t.selected){return t}if(t.children&&t.children.length>0){const e=this.findSelectedItem(t.children);if(e){return e}}}}return null}selectItem(e){if(e===null||e===void 0?void 0:e.disabled){return}this.itemsList=this.getInitialItemsArray();if(e){this.updateSelection(this.itemsList,e.id)}this.selectedItem=this.findSelectedItem(this.itemsList);this.emitOptionSelect();this.toggleSelectUl();if(this.searchString){this.searchString=null}}flattenTreeItems(e){const t=[];let s=0;const i=e=>{e.forEach((e=>{t.push({item:e,key:s++});if(e.children&&e.children.length>0){i(e.children)}}))};if(e){i(e)}return t}arrowsSelectNav(e,t){const s=this.resetItem&&!!this.selectedItem;const i=[c.ARROW_DOWN,c.ARROW_UP];if(!i.includes(e.key)){return}e.preventDefault();e.stopPropagation();const l=[...this.flattenedList].filter((e=>!e.item.disabled));if(this.resetItem&&s){l.unshift({item:{id:"__RESET_ITEM__"},key:this.resetKey})}let r;if(typeof t==="number"){r=l.findIndex((e=>e.key===t))}else{const e=this.itemIdKeyMap[t];r=l.findIndex((t=>t.key===e))}if(!this.isOpen){this.toggleSelectUl();if(r===-1){r=-1}}const n=l.length-1;let o=r;if(e.key===c.ARROW_DOWN){do{o=o===n?0:o+1}while(l[o].item.disabled)}else{do{o=o<=0?n:o-1}while(l[o].item.disabled)}this.focusSelectItem(l[o].key)}focusSelectItem(e){var t;(t=this.host.querySelector(`#${this.htmlid}_key_${e}`))===null||t===void 0?void 0:t.focus()}toggleSelectUl(e=false){var t;if(this.disabled||this.readonly){return}if(!this.isOpen){document.addEventListener("click",this.handleSelectFocus);document.addEventListener("keyup",this.handleSelectFocus)}else{document.removeEventListener("click",this.handleSelectFocus);document.removeEventListener("keyup",this.handleSelectFocus);if(e){(t=this.host.querySelector(`#${this.htmlid}_input`))===null||t===void 0?void 0:t.focus()}if(this.selectedItem&&this.searchString){this.searchString=null;this.filterItems(this.searchString)}}this.focusedItemId="";this.isOpen=!this.isOpen}handleInputClick(e){if(e.target.closest(".reset-icon")){e.stopPropagation();return}this.toggleSelectUl()}handleSelectFocus(e){const t=d();if(t===null||t===void 0?void 0:t.hasAttribute("disabled")){return}if(e instanceof KeyboardEvent&&e.key===c.ESC){e.stopPropagation();return this.toggleSelectUl(true)}if(e instanceof KeyboardEvent&&(e.key===c.ENTER||e.key!==c.TAB)){return}if(!h(t).find((e=>e.nodeName.toLowerCase()==="z-input"&&e.id===`${this.htmlid}_input`))){this.toggleSelectUl(e instanceof MouseEvent)}}scrollToLetter(e){const t=this.itemsList.findIndex((t=>t.name.toLowerCase().charAt(0)===e.toLowerCase()));if(t>-1){this.focusSelectItem(this.itemIdKeyMap[this.itemsList[t].id])}}renderInput(){return s("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_select_input`,placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,autocomplete:"off","aria-label":this.ariaLabel,"html-aria-expanded":this.isOpen?"true":"false","html-aria-controls":`${this.htmlid}_list`,"html-aria-autocomplete":this.hasAutocomplete()?"list":"none","html-aria-activedescendant":this.isOpen?this.focusedItemId:"",icon:this.isOpen?"caret-up":"caret-down",hasclearicon:false,message:false,name:this.name,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?undefined:this.status,role:"combobox",size:this.size,onClick:e=>{this.handleInputClick(e)},onKeyUp:e=>{e.preventDefault();if(this.hasAutocomplete()){if(!this.isOpen){this.toggleSelectUl()}}},onKeyDown:e=>{const t=this.selectedItem?this.itemIdKeyMap[this.selectedItem.id]:this.resetItem?this.resetKey:"";return this.arrowsSelectNav(e,t)},onInputChange:e=>{this.handleInputChange(e)},onKeyPress:e=>{if(!this.hasAutocomplete()){e.preventDefault();this.scrollToLetter(e.key)}}})}renderSelectUl(){return s("div",{class:this.isOpen?"open":"closed"},s("div",{class:{"ul-scroll-wrapper":true,fixed:this.isfixed}},s("z-list",{role:"listbox","aria-label":this.ariaLabel||this.label,tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:`${this.htmlid}_list`,"aria-multiselectable":false,size:this.listSizeType(),class:{disabled:this.disabled,readonly:this.readonly,[`input-${this.status}`]:!this.isOpen&&!!this.status,"z-scrollbar":true}},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))}renderResetItem(){return s("z-list-element",{class:{hide:!this.selectedItem||!this.resetItem,"reset-item":true,"reset-item-margin":!this.hasGroupItems},clickable:true,disabled:false,dividerType:r.ELEMENT,role:"option",tabindex:"0","aria-selected":"false",id:`${this.htmlid}_key_${this.resetKey}`,size:this.hasTreeItems?n.MEDIUM:this.listSizeType(),onClickItem:()=>{this.selectedItem=null;this.searchString=null;this.emitResetSelect()},onKeyDown:e=>this.arrowsSelectNav(e,this.resetKey)},s("div",{class:{"reset-item-content":true,"tree-list-reset-item":this.hasTreeItems}},s("z-icon",{name:"multiply-circled"}),s("span",null,this.resetItem)))}renderItem(e,t){const i=this.itemIdKeyMap[e.id];return s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:t?r.HEADER:r.ELEMENT,role:"option",tabindex:e.disabled||!this.isOpen?-1:0,"aria-selected":e.selected?"true":"false",id:`${this.htmlid}_key_${i}`,size:this.listSizeType(),onClickItem:()=>this.selectItem(e),onKeyDown:e=>this.arrowsSelectNav(e,i)},s("div",{class:"list-element-container"},s("div",{class:{selected:!!e.selected,"list-element-content":true},innerHTML:e.name}),e.icon&&s("z-tag",{icon:e.icon})))}listSizeType(){if(this.hasTreeItems){return n.NONE}if(this.size===l.SMALL||this.size===l.X_SMALL){return n.SMALL}return n.MEDIUM}renderSelectUlItems(){if(!this.itemsList.length){return this.renderNoSearchResults()}if(this.hasGroupItems){if(this.hasTreeItems){return this.renderGroupedTree()}return this.renderSelectGroupItems()}return this.itemsList.map(((e,t,s)=>{const i=t===s.length-1;const l=s.length>1;if(this.hasTreeItems){return this.renderTreeItems(e,i,l,true)}return this.renderItem(e,i)}))}renderTreeItems(e,t,i,l){var n,o;const a=this.itemIdKeyMap[e.id];const h=this.hasGroupItems?undefined:this.hasGroupItems?t&&!i?r.ELEMENT:undefined:l&&i&&!t?r.ELEMENT:undefined;return s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,class:{"grouped-tree-parent-node":this.hasGroupItems&&!!((n=e.children)===null||n===void 0?void 0:n.length),"tree-search-item":this.hasGroupItems&&l&&!((o=e.children)===null||o===void 0?void 0:o.length)&&!!this.searchString},size:this.listSizeType(),dividerType:h,hasTreeItems:this.hasTreeItems},s("div",{id:`${this.htmlid}_key_${a}`,role:"option",class:"list-element",tabIndex:!this.isOpen?-1:0,onClick:()=>this.selectItem(e),onKeyDown:t=>{this.arrowsSelectNav(t,a);if(t.key===c.ENTER){this.selectItem(e)}}},s("span",{class:"item ellipsis"},s("span",{class:{"item-label":true,selected:!!e.selected},title:e.name,innerHTML:e.selected?`<strong>${e.name}</strong>`:e.name})),e.icon&&s("z-tag",{icon:e.icon})),e.children&&e.children.length>0?s("z-list",null,s("div",{class:"children-node"},e.children.map(((e,t,s)=>this.renderTreeItems(e,t===s.length-1,s.length>1,false))))):null)}renderGroupedTree(){const e=this.getGroupedItems();return e.map((([t,i],l,c)=>{const n=Object.values(e).some((e=>e.length>1));return s("z-list-group",{"divider-type":l===c.length-1?undefined:r.ELEMENT,hasTreeItems:true},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),s("z-list",null,i.map(((e,t,i)=>[this.renderTreeItems(e,t===i.length-1,n,true),t<i.length-1?s("z-divider",{key:`divider-${t}`,style:{zIndex:"100",height:"var(--border-size-small)"}}):null]))),l!==c.length-1&&s("z-divider",{style:{zIndex:"100",height:"var(--border-size-small)"}}))}))}renderSelectGroupItems(){const e=this.getGroupedItems();return e.map((([t,i],l)=>{const c=e.length===l+1;return s("z-list-group",{"divider-type":r.ELEMENT},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),i.map(((e,t)=>{const s=i.length===t+1;return this.renderItem(e,c&&s)})))}))}renderNoSearchResults(){return s("z-list-element",{class:"no-results",size:this.hasTreeItems?n.MEDIUM:this.listSizeType()},this.noresultslabel)}renderMessage(){if(a(this.message)===false){return}return s("z-input-message",{message:a(this.message)===true?undefined:this.message,status:this.status,class:this.size,disabled:this.disabled})}render(){return s("div",{key:"77bc9e436df78a7609f78d7b263df95d0b897efb",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get host(){return i(this)}static get watchers(){return{items:["watchItems"]}}};u.style=p;export{u as z_select};
+//# sourceMappingURL=p-0257ed6e.entry.js.map

package/www/build/p-0257ed6e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZSelectStyle0","ZSelect","constructor","hostRef","this","itemsList","itemIdKeyMap","resetKey","randomId","ControlSize","BIG","toggleSelectUl","bind","handleSelectFocus","watchItems","getInitialItemsArray","selectedItem","findSelectedItem","getFocusedItemHandler","e","focusedItemId","target","id","getSelectedItem","getValue","getSelectedValue","setValue","value","values","push","length","updateSelection","emitOptionSelect","optionSelect","emit","htmlid","selected","emitResetSelect","resetSelect","componentWillLoad","componentWillRender","filterItems","searchString","updateFlattenedList","items","JSON","parse","mapSelectedItemToItemsArray","initialItemsList","map","item","_a","getGroupedItems","Object","entries","reduce","group","category","orderedItems","hasGroupItems","flat","flattenedList","flattenTreeItems","forEach","key","prevList","hasTreeItems","filterTree","filter","name","toUpperCase","includes","getHighlightedText","matchingParent","match","newItem","assign","children","showChildrenOfMatchingParent","text","search","upperText","upperSearch","start","indexOf","end","substring","hasAutocomplete","boolean","autocomplete","handleInputChange","detail","isOpen","selectedId","found","selectItem","disabled","flatItems","index","flatten","subItems","itm","arrowsSelectNav","idOrReset","showResetIcon","resetItem","arrows","KeyboardCode","ARROW_DOWN","ARROW_UP","preventDefault","stopPropagation","f","unshift","currentIndex","findIndex","k","lastIndex","newIndex","focusSelectItem","host","querySelector","focus","selfFocusOnClose","readonly","document","addEventListener","removeEventListener","handleInputClick","closest","clickedElement","getClickedElement","hasAttribute","KeyboardEvent","ESC","ENTER","TAB","getElementTree","find","elem","nodeName","toLowerCase","MouseEvent","scrollToLetter","letter","foundItem","charAt","renderInput","h","class","placeholder","replace","label","ariaLabel","icon","hasclearicon","message","status","undefined","role","size","onClick","onKeyUp","onKeyDown","current","onInputChange","onKeyPress","renderSelectUl","fixed","isfixed","tabindex","listSizeType","renderResetItem","renderSelectUlItems","hide","clickable","dividerType","ListDividerType","ELEMENT","ListSize","MEDIUM","onClickItem","renderItem","lastItem","thisItemKey","HEADER","innerHTML","NONE","SMALL","X_SMALL","renderNoSearchResults","renderGroupedTree","renderSelectGroupItems","array","isLastItem","parentHasSiblings","renderTreeItems","isLastChild","isTopLevel","hasDivider","_b","tabIndex","title","child","arr","groupedItems","some","groupItems","slot","i","style","zIndex","height","isLastGroup","subindex","noresultslabel","renderMessage","render"],"sources":["src/components/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/z-select/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: inherit;\n  color: var(--color-form-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n  font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n  width: 100%;\n}\n\n.select-wrapper > z-input .input-icon {\n  cursor: pointer;\n}\n\n.select-wrapper > div {\n  position: relative;\n}\n\n.select-wrapper > div.closed {\n  overflow: hidden;\n  height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n  position: absolute;\n  width: 100%;\n  box-sizing: border-box;\n  border-top: none;\n  background: var(--color-form-background);\n  box-shadow: var(--shadow-2);\n  outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n  z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n  z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n  position: static;\n}\n\n.select-wrapper z-list {\n  --background-color-list-element: var(--color-form-background);\n  --background-hover-color-list-element: var(--color-surface02);\n  --background-active-color-list-element: var(--color-surface02);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n  position: relative;\n  overflow: auto;\n  max-height: 240px;\n  padding: var(--space-unit) calc(var(--space-unit) * 1.5);\n  margin: calc(var(--space-unit) * -1) 0;\n  margin: 0;\n  outline: none;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element[disabled] {\n  color: var(--color-form-disabled03);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {\n  display: flex;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  column-gap: var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {\n  margin-right: auto;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {\n  padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  .list-element-content {\n  padding: 0;\n}\n\n:host([size=\"small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  > z-icon\n  + .list-element-content {\n  padding: 0 var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {\n  font-weight: var(--font-sb);\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n  margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n  color: var(--color-form-default-text);\n}\n\n.reset-item {\n  color: var(--color-form-active-primary);\n  fill: var(--color-form-active-primary);\n}\n\n.reset-item-content {\n  display: flex;\n  align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n  margin-left: var(--space-unit);\n}\n\n.reset-item .reset-item-content > z-icon {\n  margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n  display: none;\n}\n\n.tree-list-reset-item {\n  padding: var(--space-unit) 0;\n}\n\nz-list-element {\n  position: relative;\n  display: block;\n}\n\nz-list z-list-element::before {\n  position: absolute;\n  z-index: 100;\n  top: 3px;\n  left: -8px;\n  width: 8px;\n  height: 1em;\n  border-bottom: 1px solid var(--color-form-disabled01-icon);\n  border-left: 1px solid var(--color-form-disabled01-icon);\n  content: \"\";\n  cursor: pointer;\n}\n\nz-list z-list-element::after {\n  position: absolute;\n  z-index: 100;\n  top: 5px;\n  left: -8px;\n  width: 8px;\n  height: 100%;\n  border-left: 1px solid var(--color-form-disabled01-icon);\n  content: \"\";\n  cursor: pointer;\n}\n\nz-list z-list-element:last-child::after {\n  display: none;\n}\n\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n  display: none;\n}\n\nz-list > div.children-node {\n  padding-left: calc(var(--space-unit) * 2);\n}\n\nz-list-element > .list-element {\n  display: flex;\n  justify-content: space-between;\n  padding: calc(var(--space-unit) * 1.5) var(--space-unit);\n  cursor: pointer;\n}\n\nz-list-element > .list-element:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-list-element > .list-element:hover,\nz-list-element > .list-element:hover::after {\n  background-color: var(--background-hover-color-list-element, var(--color-background));\n}\n\nz-list-element > .list-element .item.ellipsis {\n  overflow: hidden;\n}\n\nz-list-element .list-element::after {\n  position: absolute;\n  top: 0;\n  right: -1px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element.tree-search-item {\n  padding-top: 0;\n}\n\nz-list-element.tree-search-item .list-element::after {\n  position: absolute;\n  right: -25px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element.grouped-tree-parent-node .list-element::after {\n  position: absolute;\n  right: -25px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\n/* z-list-element:not([disabled]) > .list-element:hover,\nz-list-element:not([disabled]) > .list-element:hover::after {\n  z-index: -1;\n  background-color: var(--color-form-surface03);\n  cursor: pointer;\n} */\n\n.item-label.selected {\n  font-weight: bold;\n}\n\n.item.ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nz-list > z-list-element.grouped-tree-parent-node > .list-element:hover::after,\nz-list-element.tree-search-item .list-element:hover::after,\nz-list > z-list-group > z-list-element.grouped-tree-parent-node > .list-element:hover::after {\n  position: absolute;\n  z-index: -1;\n  right: -18px;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\nz-list-element > .list-element:hover::after {\n  position: absolute;\n  z-index: -1;\n  top: 0;\n  right: 0;\n  display: block;\n  width: 100%;\n  height: 45px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\n.children-node z-list-element::before,\n.children-node z-list-element::after {\n  left: -8px;\n}\n\n.children-node .children-node z-list-element::before,\n.children-node .children-node z-list-element::after {\n  left: -8px;\n}\n\n.children-node > z-list-element {\n  padding: 0;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InputStatus, KeyboardCode, ListDividerType, ListSize, SelectItem} from \"../../beans\";\nimport {boolean, getClickedElement, getElementTree, randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-select\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSelect {\n  @Element() host: HTMLZSelectElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** the input select options */\n  @Prop()\n  items: SelectItem[] | string;\n\n  /** the input name */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input aria-label */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** the input is disabled */\n  @Prop()\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: boolean = false;\n\n  /** the input placeholder (optional) */\n  @Prop()\n  placeholder?: string;\n\n  /** the input html title (optional) */\n  @Prop()\n  htmltitle?: string;\n\n  /** the input status (optional) */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional) - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input has autocomplete option */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** */\n  @Prop()\n  hasGroupItems?: boolean;\n\n  /** */\n  @Prop()\n  hasTreeItems?: boolean;\n\n  /** If true and an item matches the search string, children of matching item are shown even if they don't match the search string  */\n  @Prop()\n  showChildrenOfMatchingParent?: boolean;\n\n  /** When fixed, it occupies space and pushes down next elements. */\n  @Prop()\n  isfixed?: boolean = false;\n\n  /** */\n  @Prop()\n  resetItem?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  selectedItem: null | SelectItem = null;\n\n  @State()\n  focusedItemId: string;\n\n  @State()\n  searchString: null | string;\n\n  @State()\n  private flattenedList: {item: SelectItem; key: number}[] = [];\n\n  private itemsList: SelectItem[] = [];\n\n  private itemIdKeyMap: Record<string, number> = {};\n\n  private readonly resetKey = -1;\n\n  constructor() {\n    this.toggleSelectUl = this.toggleSelectUl.bind(this);\n    this.handleSelectFocus = this.handleSelectFocus.bind(this);\n  }\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = this.getInitialItemsArray();\n\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n  }\n\n  @Listen(\"ariaDescendantFocus\")\n  getFocusedItemHandler(e: CustomEvent): void {\n    this.focusedItemId = (e.target as Element).id;\n  }\n\n  /** get the input selected options */\n  @Method()\n  async getSelectedItem(): Promise<SelectItem> {\n    return this.selectedItem;\n  }\n\n  /** get the input value */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.getSelectedValue();\n  }\n\n  /** set the input value */\n  @Method()\n  async setValue(value: string | string[]): Promise<void> {\n    let values: string[] = [];\n    if (typeof value === \"string\") {\n      values.push(value);\n    } else {\n      values = value;\n    }\n\n    this.itemsList = this.getInitialItemsArray();\n    if (values.length) {\n      this.updateSelection(this.itemsList, values[0]);\n    }\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n  }\n\n  /** Emitted on select option selection, returns select id, selected item id */\n  @Event()\n  optionSelect: EventEmitter;\n\n  private emitOptionSelect(): void {\n    this.optionSelect.emit({\n      id: this.htmlid,\n      selected: this.getSelectedValue(),\n    });\n  }\n\n  /** Emitted on reset selected item, returns select id, selected item id */\n  @Event()\n  resetSelect: EventEmitter;\n\n  private emitResetSelect(): void {\n    this.resetSelect.emit({\n      id: this.htmlid,\n    });\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.filterItems(this.searchString);\n    this.updateFlattenedList();\n  }\n\n  private getInitialItemsArray(): SelectItem[] {\n    return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n  }\n\n  private mapSelectedItemToItemsArray(): SelectItem[] {\n    const initialItemsList = this.getInitialItemsArray();\n\n    return initialItemsList.map((item: SelectItem) => {\n      item.selected = item.id === this.selectedItem?.id;\n\n      return item;\n    });\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private getGroupedItems(): [string, SelectItem[]][] {\n    return Object.entries(\n      this.itemsList.reduce(\n        (group, item) => {\n          const category = item.category || \"Altra categoria\";\n          group[category] = group[category] || [];\n          group[category].push(item);\n\n          return group;\n        },\n        {} as Record<string, SelectItem[]>\n      )\n    );\n  }\n\n  private updateFlattenedList(): void {\n    let orderedItems = this.itemsList;\n    if (this.hasGroupItems) {\n      orderedItems = this.getGroupedItems()\n        .map((item) => item[1])\n        .flat();\n    }\n\n    this.flattenedList = this.flattenTreeItems(orderedItems);\n    this.itemIdKeyMap = {};\n    this.flattenedList.forEach(({item, key}) => {\n      this.itemIdKeyMap[item.id] = key;\n    });\n  }\n\n  private filterItems(searchString: string): void {\n    const prevList = this.mapSelectedItemToItemsArray();\n\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n\n      return;\n    }\n\n    if (this.hasTreeItems) {\n      this.itemsList = this.filterTree(prevList, searchString, false);\n    } else {\n      this.itemsList = prevList\n        .filter((item: SelectItem) => item.name.toUpperCase().includes(searchString.toUpperCase()))\n        .map((item: SelectItem) => {\n          item.name = this.getHighlightedText(item.name, searchString);\n\n          return item;\n        });\n    }\n  }\n\n  private filterTree(items: SelectItem[], searchString: string, matchingParent: boolean): SelectItem[] {\n    if (!items) {\n      return [];\n    }\n\n    return items\n      .map((item) => {\n        const match = item.name.toUpperCase().includes(searchString.toUpperCase());\n\n        const newItem: SelectItem = {...item};\n        if (newItem.children && newItem.children.length > 0) {\n          newItem.children = this.filterTree(newItem.children, searchString, match);\n        }\n\n        if (match) {\n          newItem.name = this.getHighlightedText(newItem.name, searchString);\n        }\n        if (\n          match ||\n          (newItem.children && newItem.children.length > 0) ||\n          (this.showChildrenOfMatchingParent && matchingParent)\n        ) {\n          return newItem;\n        }\n\n        return null;\n      })\n      .filter((item) => item !== null) as SelectItem[];\n  }\n\n  private getHighlightedText(text: string, search: string): string {\n    const upperText = text.toUpperCase();\n    const upperSearch = search.toUpperCase();\n    const start = upperText.indexOf(upperSearch);\n\n    if (start === -1) {\n      return text;\n    }\n\n    const end = start + search.length;\n\n    return text.substring(0, start) + `<strong>${text.substring(start, end)}</strong>` + text.substring(end);\n  }\n\n  private hasAutocomplete(): boolean {\n    return boolean(this.autocomplete) === true;\n  }\n\n  private handleInputChange(e: CustomEvent): void {\n    this.searchString = e.detail.value;\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n  }\n\n  private updateSelection(items: SelectItem[], selectedId: string): void {\n    if (items) {\n      items.forEach((item) => {\n        item.selected = item.id === selectedId;\n        if (item.children && item.children.length > 0) {\n          this.updateSelection(item.children, selectedId);\n        }\n      });\n    }\n  }\n\n  private findSelectedItem(items: SelectItem[]): SelectItem | null {\n    if (items) {\n      for (const item of items) {\n        if (item.selected) {\n          return item;\n        }\n        if (item.children && item.children.length > 0) {\n          const found = this.findSelectedItem(item.children);\n          if (found) {\n            return found;\n          }\n        }\n      }\n    }\n\n    return null;\n  }\n\n  private selectItem(selected: null | SelectItem): void {\n    if (selected?.disabled) {\n      return;\n    }\n\n    this.itemsList = this.getInitialItemsArray();\n\n    if (selected) {\n      this.updateSelection(this.itemsList, selected.id);\n    }\n\n    this.selectedItem = this.findSelectedItem(this.itemsList);\n    this.emitOptionSelect();\n    this.toggleSelectUl();\n    if (this.searchString) {\n      this.searchString = null;\n    }\n  }\n\n  private flattenTreeItems(items: SelectItem[]): {item: SelectItem; key: number}[] {\n    const flatItems: {item: SelectItem; key: number}[] = [];\n    let index = 0;\n\n    const flatten = (subItems: SelectItem[]): void => {\n      subItems.forEach((itm) => {\n        flatItems.push({item: itm, key: index++});\n        if (itm.children && itm.children.length > 0) {\n          flatten(itm.children);\n        }\n      });\n    };\n\n    if (items) {\n      flatten(items);\n    }\n\n    return flatItems;\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent, idOrReset: string | number): void {\n    const showResetIcon = this.resetItem && !!this.selectedItem;\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n\n    if (!arrows.includes(e.key as KeyboardCode)) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const flatItems = [...this.flattenedList].filter((f) => !f.item.disabled);\n\n    if (this.resetItem && showResetIcon) {\n      flatItems.unshift({\n        item: {id: \"__RESET_ITEM__\"} as SelectItem,\n        key: this.resetKey,\n      });\n    }\n\n    let currentIndex: number;\n    if (typeof idOrReset === \"number\") {\n      currentIndex = flatItems.findIndex((f) => f.key === idOrReset);\n    } else {\n      const k = this.itemIdKeyMap[idOrReset];\n      currentIndex = flatItems.findIndex((f) => f.key === k);\n    }\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n\n      if (currentIndex === -1) {\n        currentIndex = -1;\n      }\n    }\n\n    const lastIndex = flatItems.length - 1;\n\n    let newIndex = currentIndex;\n\n    if (e.key === KeyboardCode.ARROW_DOWN) {\n      do {\n        newIndex = newIndex === lastIndex ? 0 : newIndex + 1;\n      } while (flatItems[newIndex].item.disabled);\n    } else {\n      do {\n        newIndex = newIndex <= 0 ? lastIndex : newIndex - 1;\n      } while (flatItems[newIndex].item.disabled);\n    }\n\n    this.focusSelectItem(flatItems[newIndex].key);\n  }\n\n  private focusSelectItem(key: number): void {\n    this.host.querySelector<HTMLDivElement>(`#${this.htmlid}_key_${key}`)?.focus();\n  }\n\n  private toggleSelectUl(selfFocusOnClose = false): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      document.addEventListener(\"click\", this.handleSelectFocus);\n      document.addEventListener(\"keyup\", this.handleSelectFocus);\n    } else {\n      document.removeEventListener(\"click\", this.handleSelectFocus);\n      document.removeEventListener(\"keyup\", this.handleSelectFocus);\n      if (selfFocusOnClose) {\n        (this.host.querySelector(`#${this.htmlid}_input`) as HTMLInputElement)?.focus();\n      }\n\n      if (this.selectedItem && this.searchString) {\n        this.searchString = null;\n        this.filterItems(this.searchString);\n      }\n    }\n\n    this.focusedItemId = \"\";\n    this.isOpen = !this.isOpen;\n  }\n\n  private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n    if ((e.target as HTMLElement).closest(\".reset-icon\")) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    this.toggleSelectUl();\n  }\n\n  private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n    const clickedElement = getClickedElement();\n    if (clickedElement?.hasAttribute(\"disabled\")) {\n      return;\n    }\n\n    if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n\n      return this.toggleSelectUl(true);\n    }\n\n    if (e instanceof KeyboardEvent && (e.key === KeyboardCode.ENTER || e.key !== KeyboardCode.TAB)) {\n      return;\n    }\n\n    if (\n      !getElementTree(clickedElement).find(\n        (elem: HTMLElement) => elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`\n      )\n    ) {\n      this.toggleSelectUl(e instanceof MouseEvent);\n    }\n  }\n\n  private scrollToLetter(letter: string): void {\n    const foundItem = this.itemsList.findIndex(\n      (item: SelectItem) => item.name.toLowerCase().charAt(0) === letter.toLowerCase()\n    );\n    if (foundItem > -1) {\n      this.focusSelectItem(this.itemIdKeyMap[this.itemsList[foundItem].id]);\n    }\n  }\n\n  private renderInput(): HTMLZInputElement {\n    return (\n      <z-input\n        class={{\n          \"active-select\": this.isOpen,\n          \"cursor-select\": !this.autocomplete,\n        }}\n        id={`${this.htmlid}_input`}\n        htmlid={`${this.htmlid}_select_input`}\n        placeholder={this.placeholder}\n        value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n        label={this.label}\n        autocomplete=\"off\"\n        aria-label={this.ariaLabel}\n        html-aria-expanded={this.isOpen ? \"true\" : \"false\"}\n        html-aria-controls={`${this.htmlid}_list`}\n        html-aria-autocomplete={this.hasAutocomplete() ? \"list\" : \"none\"}\n        html-aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n        icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n        hasclearicon={false}\n        message={false}\n        name={this.name}\n        disabled={this.disabled}\n        readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n        status={this.isOpen ? undefined : this.status}\n        role=\"combobox\"\n        size={this.size}\n        onClick={(e: MouseEvent) => {\n          this.handleInputClick(e);\n        }}\n        onKeyUp={(e: KeyboardEvent) => {\n          e.preventDefault();\n          if (this.hasAutocomplete()) {\n            if (!this.isOpen) {\n              this.toggleSelectUl();\n            }\n          }\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          const current = this.selectedItem\n            ? this.itemIdKeyMap[this.selectedItem.id]\n            : this.resetItem\n              ? this.resetKey\n              : \"\";\n\n          return this.arrowsSelectNav(e, current);\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.handleInputChange(e);\n        }}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(e.key);\n          }\n        }}\n      />\n    );\n  }\n\n  private renderSelectUl(): HTMLDivElement {\n    return (\n      <div class={this.isOpen ? \"open\" : \"closed\"}>\n        <div\n          class={{\n            \"ul-scroll-wrapper\": true,\n            \"fixed\": this.isfixed,\n          }}\n        >\n          <z-list\n            role=\"listbox\"\n            aria-label={this.ariaLabel || this.label}\n            tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n            id={`${this.htmlid}_list`}\n            aria-multiselectable={false}\n            size={this.listSizeType()}\n            class={{\n              \"disabled\": this.disabled,\n              \"readonly\": this.readonly,\n              [`input-${this.status}`]: !this.isOpen && !!this.status,\n              \"z-scrollbar\": true,\n            }}\n          >\n            {this.resetItem && this.renderResetItem()}\n            {this.renderSelectUlItems()}\n          </z-list>\n        </div>\n      </div>\n    );\n  }\n\n  private renderResetItem(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class={{\n          \"hide\": !this.selectedItem || !this.resetItem,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex=\"0\"\n        aria-selected=\"false\"\n        id={`${this.htmlid}_key_${this.resetKey}`}\n        size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n        onClickItem={() => {\n          this.selectedItem = null;\n          this.searchString = null;\n          this.emitResetSelect();\n        }}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, this.resetKey)}\n      >\n        <div\n          class={{\n            \"reset-item-content\": true,\n            \"tree-list-reset-item\": this.hasTreeItems,\n          }}\n        >\n          <z-icon name=\"multiply-circled\" />\n          <span>{this.resetItem}</span>\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private renderItem(item: SelectItem, lastItem: boolean): HTMLZListElementElement {\n    const thisItemKey = this.itemIdKeyMap[item.id];\n\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex={item.disabled || !this.isOpen ? -1 : 0}\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        id={`${this.htmlid}_key_${thisItemKey}`}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item)}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, thisItemKey)}\n      >\n        <div class=\"list-element-container\">\n          <div\n            class={{\n              \"selected\": !!item.selected,\n              \"list-element-content\": true,\n            }}\n            innerHTML={item.name}\n          />\n          {item.icon && <z-tag icon={item.icon}></z-tag>}\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private listSizeType(): ListSize {\n    if (this.hasTreeItems) {\n      return ListSize.NONE;\n    }\n\n    if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n      return ListSize.SMALL;\n    }\n\n    return ListSize.MEDIUM;\n  }\n\n  private renderSelectUlItems():\n    | HTMLZListElementElement\n    | (HTMLZListElementElement | HTMLZListElementElement[])[]\n    | HTMLZListGroupElement[] {\n    if (!this.itemsList.length) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasGroupItems) {\n      if (this.hasTreeItems) {\n        return this.renderGroupedTree();\n      }\n\n      return this.renderSelectGroupItems();\n    }\n\n    return this.itemsList.map((item: SelectItem, index, array) => {\n      const isLastItem = index === array.length - 1;\n      const parentHasSiblings = array.length > 1;\n\n      if (this.hasTreeItems) {\n        return this.renderTreeItems(item, isLastItem, parentHasSiblings, true);\n      }\n\n      return this.renderItem(item, isLastItem);\n    });\n  }\n\n  private renderTreeItems(\n    item: SelectItem,\n    isLastChild: boolean,\n    parentHasSiblings: boolean,\n    isTopLevel?: boolean\n  ): HTMLZListElementElement[] {\n    const thisItemKey = this.itemIdKeyMap[item.id];\n\n    const hasDivider = this.hasGroupItems\n      ? undefined\n      : this.hasGroupItems\n        ? isLastChild && !parentHasSiblings\n          ? ListDividerType.ELEMENT\n          : undefined\n        : isTopLevel && parentHasSiblings && !isLastChild\n          ? ListDividerType.ELEMENT\n          : undefined;\n\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        class={{\n          \"grouped-tree-parent-node\": this.hasGroupItems && !!item.children?.length,\n          \"tree-search-item\": this.hasGroupItems && isTopLevel && !item.children?.length && !!this.searchString,\n        }}\n        size={this.listSizeType()}\n        dividerType={hasDivider}\n        hasTreeItems={this.hasTreeItems}\n      >\n        <div\n          id={`${this.htmlid}_key_${thisItemKey}`}\n          role=\"option\"\n          class=\"list-element\"\n          tabIndex={!this.isOpen ? -1 : 0}\n          onClick={() => this.selectItem(item)}\n          onKeyDown={(e: KeyboardEvent) => {\n            this.arrowsSelectNav(e, thisItemKey);\n            if (e.key === KeyboardCode.ENTER) {\n              this.selectItem(item);\n            }\n          }}\n        >\n          <span class=\"item ellipsis\">\n            <span\n              class={{\n                \"item-label\": true,\n                \"selected\": !!item.selected,\n              }}\n              title={item.name}\n              innerHTML={item.selected ? `<strong>${item.name}</strong>` : item.name}\n            />\n          </span>\n          {item.icon && <z-tag icon={item.icon}></z-tag>}\n        </div>\n        {item.children && item.children.length > 0 ? (\n          <z-list>\n            <div class=\"children-node\">\n              {item.children.map((child, index, arr) =>\n                this.renderTreeItems(\n                  child,\n                  index === arr.length - 1,\n                  arr.length > 1,\n                  false // isTopLevel = false for children\n                )\n              )}\n            </div>\n          </z-list>\n        ) : null}\n      </z-list-element>\n    );\n  }\n\n  private renderGroupedTree(): HTMLZListGroupElement[] {\n    const groupedItems = this.getGroupedItems();\n\n    return groupedItems.map(([category, items], index, entries) => {\n      const parentHasSiblings = Object.values(groupedItems).some((groupItems) => groupItems.length > 1);\n      // const parentHasSiblings = items.length > 1;\n\n      return (\n        <z-list-group\n          divider-type={index === entries.length - 1 ? undefined : ListDividerType.ELEMENT}\n          hasTreeItems={true}\n        >\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {category}\n          </span>\n          <z-list>\n            {items.map((item, i, arr) => [\n              this.renderTreeItems(item, i === arr.length - 1, parentHasSiblings, true),\n              i < arr.length - 1 ? (\n                <z-divider\n                  key={`divider-${i}`}\n                  style={{zIndex: \"100\", height: \"var(--border-size-small)\"}}\n                />\n              ) : null,\n            ])}\n          </z-list>\n          {index !== entries.length - 1 && <z-divider style={{zIndex: \"100\", height: \"var(--border-size-small)\"}} />}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderSelectGroupItems(): HTMLZListElementElement[] {\n    const groupedItems = this.getGroupedItems();\n\n    return groupedItems.map(([key, items], index) => {\n      const isLastGroup = groupedItems.length === index + 1;\n\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {items.map((item, subindex) => {\n            const isLastItem = items.length === subindex + 1;\n\n            return this.renderItem(item, isLastGroup && isLastItem);\n          })}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderNoSearchResults(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class=\"no-results\"\n        size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n      >\n        {this.noresultslabel}\n      </z-list-element>\n    );\n  }\n\n  private renderMessage(): HTMLZInputMessageElement {\n    if (boolean(this.message) === false) {\n      return;\n    }\n\n    return (\n      <z-input-message\n        message={boolean(this.message) === true ? undefined : (this.message as string)}\n        status={this.status}\n        class={this.size}\n        disabled={this.disabled}\n      />\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"select-wrapper\">\n        {this.renderInput()}\n        {this.renderSelectUl()}\n        {this.renderMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/{dist/web-components-library/p-a4e26cad.entry.js → www/build/p-028dd72a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as o}from"./p-75c4a726.js";import{L as i}from"./p-17af7fb2.js";const a='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}';const s=a;const n=class{constructor(t){e(this,t);this.titolo=undefined;this.autori=undefined;this.isbn=undefined;this.faded=undefined;this.cardtype=undefined;this.opened=false;this.customContent=false;this.isOpen=false;this.allowTooltipAuthors=false}handleToggle(){this.isOpen=!this.isOpen;if(this.isOpen){const e=this.getFirstListItem();if(e){requestAnimationFrame((()=>{e.focus()}))}}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){if(this.opened){this.isOpen=true}}elementsEllipsis(){this.allowTooltipAuthors=this.elementAuthorsHasEllipsis()?true:false}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){if(["visibility","height"].includes(e.propertyName)){this.elementsEllipsis()}}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return t("div",{key:"52b72ee2892456c53ba5c90548f4351114b7387f",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:true})},t("footer",{key:"b7f69e7f7fc17785aad00ecaa09448f57a518501",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},t("span",{key:"0db99663f4fa072f5cc8db449ffa623f9d9a13ef",class:"toggle"},t("slot",{key:"a2dacba665a743f0f3893a632840df7df36bf96f",name:"toggle"})),this.titolo&&t("p",{key:"325f23ea96633961a0e174ad00fb28688f815d56",class:{"custom-content":this.customContent}},this.titolo),t("div",{key:"93b4bec2c21002a58023ea5e1702afe6e59412b9",class:{content:true,"custom-content":this.customContent}},t("div",{key:"faf8994fd031c75de9b28b8454e51f5377e51114"},t("p",{key:"6c89d46e67f1895bf8ae1ec6c4cd786a456b1dea",class:"authors",ref:e=>this.ellipsisAuthors=e},t("span",{key:"e89b94861ceedff59895fb340eaf47cd74054e29",title:this.getTitleAuthors()},t("span",{key:"0e2bc0fba969b2833322b45f57d675b3c308c209","aria-description":"Autori",class:"bold"},this.autori))),t("p",{key:"811a48415bd1949014c52b29fc28a45a0f7c3095",class:"year-isbn"},t("span",{key:"afc1ab9d312d2585e9a25e67b4349c74e77fe219",class:"isbn"},t("span",{key:"3427863a2e872564d70f3fd1d18034bc9d0f04d5"},t("span",{key:"893be57ad1ecfd87d5a822f14a78725472f035ec","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),t("div",{key:"b08fb3b54498e29be80e7a66e1e11372b78663a8",class:`slot-handler ${this.isOpen?"visible":"hidden"}`},t("slot",{key:"6cd90878dea4610e6ae0ec42d08a11168e03e2f3",name:"list"})))),this.customContent&&t("slot",{key:"6f8ea948bbdd68115ee81cfd57dfe6f1fee9907e",name:"content"}))}get host(){return o(this)}};n.style=s;export{n as z_myz_card_footer};
-//# sourceMappingURL=p-a4e26cad.entry.js.map
+import{r as e,h as t,g as o}from"./p-75c4a726.js";import{L as i}from"./p-17af7fb2.js";const a='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}';const s=a;const n=class{constructor(t){e(this,t);this.titolo=undefined;this.autori=undefined;this.isbn=undefined;this.faded=undefined;this.cardtype=undefined;this.opened=false;this.customContent=false;this.isOpen=false;this.allowTooltipAuthors=false}handleToggle(){this.isOpen=!this.isOpen;if(this.isOpen){const e=this.getFirstListItem();if(e){requestAnimationFrame((()=>{e.focus()}))}}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){if(this.opened){this.isOpen=true}}elementsEllipsis(){this.allowTooltipAuthors=this.elementAuthorsHasEllipsis()?true:false}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){if(["visibility","height"].includes(e.propertyName)){this.elementsEllipsis()}}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return t("div",{key:"7b0479b93d61f8d182ad5269333630361c652797",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:true})},t("footer",{key:"59324b2757ba2f9332ea06bdfb11a85732466ec3",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},t("span",{key:"3f1c486e9a8e7f6db48f6a5cd8eda7f8e052bcf0",class:"toggle"},t("slot",{key:"a4f3634cf6be3d79a8453f1529928cecb3babfef",name:"toggle"})),this.titolo&&t("p",{key:"933b6baf1071591e1335396e66e9080ff165866e",class:{"custom-content":this.customContent}},this.titolo),t("div",{key:"834e49c6d7c0ae61ff5822649f3c67001c645d23",class:{content:true,"custom-content":this.customContent}},t("div",{key:"584ea59693ce6c16a54493c16ea050ea01a3be3c"},t("p",{key:"e2fec0db112fe8ef05d8673f0a1e79f24a57f302",class:"authors",ref:e=>this.ellipsisAuthors=e},t("span",{key:"2d6a3fbf5689c100fbed7333ad8a357e26d54970",title:this.getTitleAuthors()},t("span",{key:"e67cfd15c8103539a836db83d2b4d02f4c8aaf93","aria-description":"Autori",class:"bold"},this.autori))),t("p",{key:"baf170aabdb3814b6d594a55e1e5d13757d31df9",class:"year-isbn"},t("span",{key:"177324ca661350ebfa145715fc52ec58199e61fc",class:"isbn"},t("span",{key:"a78a8007d945837cc78d6df7a6ab2b91ad5f74fd"},t("span",{key:"64173a3d213eb147b18bc801719b7e9c481c5a04","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),t("div",{key:"e7c65aff9800a923085af1c793a3127423490493",class:`slot-handler ${this.isOpen?"visible":"hidden"}`},t("slot",{key:"c8d251da5c5f4dc121295415a14ccdf66f2f77a0",name:"list"})))),this.customContent&&t("slot",{key:"659c4589702dd06ea81a9041c6e14a724992618b",name:"content"}))}get host(){return o(this)}};n.style=s;export{n as z_myz_card_footer};
+//# sourceMappingURL=p-028dd72a.entry.js.map

package/www/build/{p-fa9c35b7.entry.js → p-0a49dd1c.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:"48e37e6590e931eabf68d3c6b75339a800974729",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-fa9c35b7.entry.js.map
+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

package/www/build/{p-7faf6680.entry.js → p-240de9aa.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as o,g as r}from"./p-75c4a726.js";import{J as a,M as i}from"./p-17af7fb2.js";const n=':host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{box-sizing:border-box}:host .main-container{position:relative;width:100%;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot="cover"]){position:absolute;display:block;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container{height:100%}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant="overlay"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:""}:host([variant="overlay"]:is([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .content-container{position:absolute;inset:0}:host([variant="overlay"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant="stacked"]){--cover-hero-text-color:var(--color-default-text)}:host([variant="stacked"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}';const s=n;const c=class{constructor(t){e(this,t);this.variant=a.OVERLAY;this.contentPosition=i.TOP;this.preserveAspectRatio=true}onImgLoad({target:e}){if(e instanceof Image&&e.closest("[slot=cover]")){const t=e.naturalWidth/e.naturalHeight;this.host.style.setProperty("--image-aspect-ratio",t.toString())}}renderContent(){return t("div",{class:"content-container"},t("slot",{name:"content"}))}render(){return t(o,{key:"dd18c647ee652e03ea710bb919a2a4a6f3694e9d"},this.variant===a.STACKED&&this.contentPosition===i.TOP&&this.renderContent(),t("div",{key:"eb454d7409f1bf2202040c5fa9e557c9ad1a5769",class:"main-container"},t("div",{key:"4e9eb6d267e24e2a89fb32aca0435b38bf52edec",class:"cover-container"},t("slot",{key:"a3ddf369c24b0150205c76541f955f16411dd8d2",name:"cover"})),t("slot",{key:"3cae51391bfbf3b418c5f38791846062a4154fd4",name:"info-reveal"}),this.variant===a.OVERLAY&&this.renderContent()),this.variant===a.STACKED&&this.contentPosition===i.BOTTOM&&this.renderContent())}get host(){return r(this)}};c.style=s;export{c as z_cover_hero};
-//# sourceMappingURL=p-7faf6680.entry.js.map
+import{r as e,h as t,a as o,g as r}from"./p-75c4a726.js";import{J as a,M as i}from"./p-17af7fb2.js";const n=':host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{box-sizing:border-box}:host .main-container{position:relative;width:100%;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot="cover"]){position:absolute;display:block;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container{height:100%}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant="overlay"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:""}:host([variant="overlay"]:is([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .content-container{position:absolute;inset:0}:host([variant="overlay"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant="stacked"]){--cover-hero-text-color:var(--color-default-text)}:host([variant="stacked"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}';const s=n;const c=class{constructor(t){e(this,t);this.variant=a.OVERLAY;this.contentPosition=i.TOP;this.preserveAspectRatio=true}onImgLoad({target:e}){if(e instanceof Image&&e.closest("[slot=cover]")){const t=e.naturalWidth/e.naturalHeight;this.host.style.setProperty("--image-aspect-ratio",t.toString())}}renderContent(){return t("div",{class:"content-container"},t("slot",{name:"content"}))}render(){return t(o,{key:"1eb5d39f26e19f213d435c185167eb83500225f3"},this.variant===a.STACKED&&this.contentPosition===i.TOP&&this.renderContent(),t("div",{key:"61c495773839b7741f674719325fe98a65956986",class:"main-container"},t("div",{key:"0ea2f83f40f60017fb2e7a4501cb67c34d954f6c",class:"cover-container"},t("slot",{key:"68a40d93440b22ce2afb9ff8db3cb9ca90ec7263",name:"cover"})),t("slot",{key:"c29feaf859382807e0e55bcf2db27a98387c2e96",name:"info-reveal"}),this.variant===a.OVERLAY&&this.renderContent()),this.variant===a.STACKED&&this.contentPosition===i.BOTTOM&&this.renderContent())}get host(){return r(this)}};c.style=s;export{c as z_cover_hero};
+//# sourceMappingURL=p-240de9aa.entry.js.map

package/www/build/p-28534fb5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n}from"./p-75c4a726.js";const a='*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}';const e=a;const i=class{constructor(n){t(this,n);this.listdata=undefined;this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,n){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(n,"_blank")}}formatListContent(t){const{value:a,isLink:e,url:i}=t;if(!e){return n("span",null,a)}return n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},a)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"c91dbbb86c76aea64ed1faeb614d13d0f42ca93f"},this.renderList(JSON.parse(this.listdata)))}};i.style=e;export{i as z_myz_card_list};
+//# sourceMappingURL=p-28534fb5.entry.js.map

package/www/build/{p-755e5bb3.entry.js → p-28d83c86.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as s}from"./p-75c4a726.js";import{d as e}from"./p-625e2cee.js";import"./p-17af7fb2.js";import"./p-5145a606.js";const a=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";const n=a;const o=class{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(s){i(this,s);this.zListItemLinkClick=t(this,"zListItemLinkClick",7);this.zListItemClick=t(this,"zListItemClick",7);this.text=undefined;this.link=undefined;this.linktarget="_self";this.icon=undefined;this.listitemid=undefined;this.action=undefined;this.underlined=true;this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this);this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{key:"0cacc8d9b01d381cf22652c503149eda990e38a6",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>e(i,this.emitZListItemClick,this.listitemid)},s("span",{key:"fce34a230dc284110a0c1b5e21a5a9e8bb7ef890",class:this.underlined&&"border"},this.icon&&s("z-icon",{key:"9ee8993b2826a05639b76cf452ee92f60c325659",name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>e(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",{key:"534cda7f4d2cb0e008392a6be343a973afc5644c"})))}};o.style=n;export{o as z_myz_list_item};
-//# sourceMappingURL=p-755e5bb3.entry.js.map
+import{r as i,c as t,h as s}from"./p-75c4a726.js";import{d as a}from"./p-625e2cee.js";import"./p-17af7fb2.js";import"./p-5145a606.js";const e=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";const n=e;const o=class{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(s){i(this,s);this.zListItemLinkClick=t(this,"zListItemLinkClick",7);this.zListItemClick=t(this,"zListItemClick",7);this.text=undefined;this.link=undefined;this.linktarget="_self";this.icon=undefined;this.listitemid=undefined;this.action=undefined;this.underlined=true;this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this);this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{key:"44f58aa95cb3c8fb30a81a17f94685e803d633c9",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>a(i,this.emitZListItemClick,this.listitemid)},s("span",{key:"9e8b7424522858aca31af76ee63c1d88e9b9d957",class:this.underlined&&"border"},this.icon&&s("z-icon",{key:"3dd34e188f5e2d4f98465155d5bbbd91f5a11d7c",name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>a(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",{key:"60796c84b325243bdd7faf1ce49a725addc247fa"})))}};o.style=n;export{o as z_myz_list_item};
+//# sourceMappingURL=p-28d83c86.entry.js.map

package/www/build/{p-04f578d3.entry.js → p-2ffdfbb1.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as o}from"./p-75c4a726.js";const a=":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-inverse-success);fill:var(--color-default-success)}:host>.warning{background:var(--color-inverse-warning);fill:var(--color-default-warning)}:host>.error{background:var(--color-inverse-error);fill:var(--color-default-error)}";const s=a;const c=class{constructor(o){r(this,o);this.type=undefined}render(){return o("div",{key:"914e9a0c0f097e47797271695105ea18a0359487",class:this.type},o("slot",{key:"5267c9b021ac889805d3ee83a3fdcdc244b98ca2"}))}};c.style=s;export{c as z_alert};
-//# sourceMappingURL=p-04f578d3.entry.js.map
+import{r,h as o}from"./p-75c4a726.js";const a=":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-inverse-success);fill:var(--color-default-success)}:host>.warning{background:var(--color-inverse-warning);fill:var(--color-default-warning)}:host>.error{background:var(--color-inverse-error);fill:var(--color-default-error)}";const s=a;const e=class{constructor(o){r(this,o);this.type=undefined}render(){return o("div",{key:"e59506b0b4e4fd4ad391775b0a4596986df6c7d0",class:this.type},o("slot",{key:"a465df5af8e5b5fbaa9b8bb834b4de04972ce770"}))}};e.style=s;export{e as z_alert};
+//# sourceMappingURL=p-2ffdfbb1.entry.js.map

package/www/build/p-31bd2a1c.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as e,a as t,g as o}from"./p-75c4a726.js";const r=":host,*{box-sizing:border-box}:host{display:flex;overflow:hidden;min-width:0;height:11.125rem;padding:var(--space-unit);border:var(--border-size-medium) solid var(--color-surface02);background-color:var(--color-surface01);border-radius:var(--border-size-large);cursor:pointer;font-family:var(--font-family-sans);gap:calc(var(--space-unit) * 2)}z-book-cover{--z-book-cover-stack-shift-x:6px;--z-book-cover-stack-shift-y:8px;--z-book-cover-height:158px;--z-book-cover-border-radius:0}.info-container{display:flex;overflow:hidden;min-width:0;flex:1;flex-direction:column}.authors-label{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);text-overflow:ellipsis;white-space:nowrap}.card-title{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;font-size:var(--font-size-3);font-weight:var(--font-bd);-webkit-line-clamp:2;line-clamp:2;line-height:1.5;word-break:break-word}.card-subtitle{overflow:hidden;color:var(--color-default-text);text-overflow:ellipsis;white-space:nowrap}.tags-container{display:flex;max-width:100%;flex-wrap:wrap;margin-top:calc(var(--space-unit) * 2);gap:var(--space-unit)}.volumes-label{display:flex;flex-grow:1;align-items:end;color:var(--color-default-text);font-size:var(--font-size-1)}:host(.info-card){height:5rem;gap:calc(var(--space-unit) * 1.5)}:host(.info-card) .info-icon-container{display:flex;align-items:center;align-self:flex-start;justify-content:center;padding:var(--space-unit);margin-bottom:calc(var(--space-unit) * 3);background-color:var(--gray50);border-radius:var(--border-size-large)}:host(.info-card) .info-icon{--z-icon-width:1.125rem;--z-icon-height:1.125rem;fill:var(--color-default-icon)}:host(.info-card) .card-title{display:-webkit-box;overflow:hidden;min-width:0;max-width:100%;max-height:2.4em;margin-top:0;margin-bottom:calc(var(--space-unit) / 2);-webkit-box-orient:vertical;font-size:var(--font-size-3);font-weight:var(--font-bd);-webkit-line-clamp:1;line-clamp:1;line-height:1.2;word-break:break-word}:host(.info-card) .card-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.2;white-space:normal;word-break:break-word}@media (max-width: 767px){.card-title{display:block;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}}";const a=r;const s=class{constructor(o){i(this,o);this.resizeHandler=()=>{this.setTooltipTitle(this.authorsRef);this.setTooltipTitle(this.titleRef);this.setTooltipTitle(this.subtitleRef)};this.renderTitle=()=>{const i=this.titleHtmlTag||"div";return e(i,{class:"card-title",ref:i=>this.titleRef=i},this.cardTitle)};this.renderSubtitle=()=>e("span",{class:"card-subtitle",ref:i=>this.subtitleRef=i},this.cardSubtitle);this.renderOperaCard=()=>e(t,null,e("z-book-cover",{cover:this.cover,fallbackCover:this.fallbackCover,multiple:this.hasMultipleCovers,bordered:true}),e("div",{class:"info-container"},this.authors&&e("span",{class:"authors-label",ref:i=>this.authorsRef=i},this.authors),this.renderTitle(),this.renderSubtitle(),e("div",{class:"tags-container"},e("slot",{name:"tags"})),e("div",{class:"volumes-label"},e("slot",{name:"volumes"}))));this.renderInfoCard=()=>e(t,{class:"info-card"},e("div",{class:"info-icon-container"},e("z-icon",{class:"info-icon",name:"link"})),e("div",{class:"info-container"},this.renderTitle(),this.renderSubtitle()));this.cardTitle=undefined;this.cardSubtitle=undefined;this.authors=undefined;this.cover=undefined;this.fallbackCover=undefined;this.hasMultipleCovers=false;this.isInfoCard=false;this.titleHtmlTag=undefined}setTooltipTitle(i){if(!i){return}const e=window.getComputedStyle(i);const t=e.getPropertyValue("-webkit-line-clamp")!=="none";let o;if(t){const t=parseInt(e.lineHeight);const r=parseInt(e.getPropertyValue("-webkit-line-clamp"));const a=t*r;o=i.scrollHeight>a}else{o=i.scrollWidth>i.clientWidth||i.scrollHeight>i.clientHeight}if(o){i.setAttribute("title",i.textContent.trim())}else{i.removeAttribute("title")}}componentDidRender(){this.setTooltipTitle(this.authorsRef);this.setTooltipTitle(this.titleRef);this.setTooltipTitle(this.subtitleRef)}componentDidLoad(){window.addEventListener("resize",this.resizeHandler)}disconnectedCallback(){window.removeEventListener("resize",this.resizeHandler)}render(){return this.isInfoCard?this.renderInfoCard():this.renderOperaCard()}get hostElement(){return o(this)}};s.style=a;export{s as z_result_card};
+//# sourceMappingURL=p-31bd2a1c.entry.js.map

package/www/build/p-31bd2a1c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZResultCardStyle0","ZResultCard","this","resizeHandler","setTooltipTitle","authorsRef","titleRef","subtitleRef","renderTitle","TitleTag","titleHtmlTag","h","class","ref","el","cardTitle","renderSubtitle","cardSubtitle","renderOperaCard","Host","cover","fallbackCover","multiple","hasMultipleCovers","bordered","authors","name","renderInfoCard","style","window","getComputedStyle","hasLineClamp","getPropertyValue","isTruncated","lineHeight","parseInt","maxLines","maxHeight","scrollHeight","scrollWidth","clientWidth","clientHeight","setAttribute","textContent","trim","removeAttribute","componentDidRender","componentDidLoad","addEventListener","disconnectedCallback","removeEventListener","render","isInfoCard"],"sources":["src/components/z-result-card/styles.css?tag=z-result-card&encapsulation=shadow","src/components/z-result-card/index.tsx"],"sourcesContent":[":host,\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  display: flex;\n  overflow: hidden;\n  min-width: 0;\n  height: 11.125rem;\n  padding: var(--space-unit);\n  border: var(--border-size-medium) solid var(--color-surface02);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-size-large);\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  gap: calc(var(--space-unit) * 2);\n}\n\nz-book-cover {\n  --z-book-cover-stack-shift-x: 6px;\n  --z-book-cover-stack-shift-y: 8px;\n  --z-book-cover-height: 158px;\n  --z-book-cover-border-radius: 0;\n}\n\n.info-container {\n  display: flex;\n  overflow: hidden;\n  min-width: 0;\n  flex: 1;\n  flex-direction: column;\n}\n\n.authors-label {\n  overflow: hidden;\n  color: var(--color-default-text);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.card-title {\n  display: -webkit-box;\n  overflow: hidden;\n  margin: 0;\n  -webkit-box-orient: vertical;\n  font-size: var(--font-size-3);\n  font-weight: var(--font-bd);\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n.card-subtitle {\n  overflow: hidden;\n  color: var(--color-default-text);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.tags-container {\n  display: flex;\n  max-width: 100%;\n  flex-wrap: wrap;\n  margin-top: calc(var(--space-unit) * 2);\n  gap: var(--space-unit);\n}\n\n.volumes-label {\n  display: flex;\n  flex-grow: 1;\n  align-items: end;\n  color: var(--color-default-text);\n  font-size: var(--font-size-1);\n}\n\n/* info-card */\n:host(.info-card) {\n  height: 5rem;\n  gap: calc(var(--space-unit) * 1.5);\n}\n\n:host(.info-card) .info-icon-container {\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  justify-content: center;\n  padding: var(--space-unit);\n  margin-bottom: calc(var(--space-unit) * 3);\n  background-color: var(--gray50);\n  border-radius: var(--border-size-large);\n}\n\n:host(.info-card) .info-icon {\n  --z-icon-width: 1.125rem;\n  --z-icon-height: 1.125rem;\n\n  fill: var(--color-default-icon);\n}\n\n:host(.info-card) .card-title {\n  display: -webkit-box;\n  overflow: hidden;\n  min-width: 0;\n  max-width: 100%;\n  max-height: 2.4em;\n  margin-top: 0;\n  margin-bottom: calc(var(--space-unit) / 2);\n  -webkit-box-orient: vertical;\n  font-size: var(--font-size-3);\n  font-weight: var(--font-bd);\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  line-height: 1.2;\n  word-break: break-word;\n}\n\n:host(.info-card) .card-subtitle {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  line-height: 1.2;\n  white-space: normal;\n  word-break: break-word;\n}\n\n@media (max-width: 767px) {\n  .card-title {\n    display: block;\n    overflow: hidden;\n    line-height: normal;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n","import {Component, Element, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * @slot tags - slot containing the descriptors for the opera variant\n * @slot volumes - slot containing the volume count to be displayed in the opera variant\n */\n@Component({\n  tag: \"z-result-card\",\n  styleUrls: [\"styles.css\"],\n  shadow: true,\n})\nexport class ZResultCard {\n  @Element() hostElement: HTMLZResultCardElement;\n\n  /** The title of the card. */\n  @Prop()\n  cardTitle: string;\n\n  /** The subtitle of the card. */\n  @Prop()\n  cardSubtitle: string;\n\n  /** The authors of the opera. */\n  @Prop()\n  authors?: string;\n\n  /** The URL of the cover image of the opera. */\n  @Prop()\n  cover?: string;\n\n  /** [optional] Fallback cover URL. */\n  @Prop()\n  fallbackCover?: string;\n\n  /** Whether to show a stack of covers to represent multiple books. */\n  @Prop()\n  hasMultipleCovers = false;\n\n  /** Enables the \"info\" variant of the card. */\n  @Prop()\n  isInfoCard = false;\n\n  /** [optional] Set a specific heading level as html tag for the title. */\n  @Prop()\n  titleHtmlTag?: string;\n\n  private authorsRef: HTMLElement;\n\n  private titleRef: HTMLElement;\n\n  private subtitleRef: HTMLElement;\n\n  private setTooltipTitle(el: HTMLElement): void {\n    if (!el) {\n      return;\n    }\n\n    // Check if element uses line-clamp\n    const style = window.getComputedStyle(el);\n    const hasLineClamp = style.getPropertyValue(\"-webkit-line-clamp\") !== \"none\";\n\n    let isTruncated;\n    if (hasLineClamp) {\n      // For elements with line-clamp, check if content height exceeds line-clamp height\n      const lineHeight = parseInt(style.lineHeight);\n      const maxLines = parseInt(style.getPropertyValue(\"-webkit-line-clamp\"));\n      const maxHeight = lineHeight * maxLines;\n\n      isTruncated = el.scrollHeight > maxHeight;\n    } else {\n      // Original check for elements without line-clamp\n      isTruncated = el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;\n    }\n\n    if (isTruncated) {\n      el.setAttribute(\"title\", el.textContent.trim());\n    } else {\n      el.removeAttribute(\"title\");\n    }\n  }\n\n  componentDidRender(): void {\n    this.setTooltipTitle(this.authorsRef);\n    this.setTooltipTitle(this.titleRef);\n    this.setTooltipTitle(this.subtitleRef);\n  }\n\n  private resizeHandler = (): void => {\n    this.setTooltipTitle(this.authorsRef);\n    this.setTooltipTitle(this.titleRef);\n    this.setTooltipTitle(this.subtitleRef);\n  };\n\n  componentDidLoad(): void {\n    window.addEventListener(\"resize\", this.resizeHandler);\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener(\"resize\", this.resizeHandler);\n  }\n\n  private renderTitle = (): HTMLElement => {\n    const TitleTag = this.titleHtmlTag || \"div\";\n\n    return (\n      <TitleTag\n        class=\"card-title\"\n        ref={(el) => (this.titleRef = el as HTMLElement)}\n      >\n        {this.cardTitle}\n      </TitleTag>\n    );\n  };\n\n  private renderSubtitle = (): HTMLSpanElement => {\n    return (\n      <span\n        class=\"card-subtitle\"\n        ref={(el) => (this.subtitleRef = el as HTMLElement)}\n      >\n        {this.cardSubtitle}\n      </span>\n    );\n  };\n\n  private renderOperaCard = (): HTMLZResultCardElement => {\n    return (\n      <Host>\n        <z-book-cover\n          cover={this.cover}\n          fallbackCover={this.fallbackCover}\n          multiple={this.hasMultipleCovers}\n          bordered={true}\n        ></z-book-cover>\n        <div class=\"info-container\">\n          {this.authors && (\n            <span\n              class=\"authors-label\"\n              ref={(el) => (this.authorsRef = el as HTMLElement)}\n            >\n              {this.authors}\n            </span>\n          )}\n          {this.renderTitle()}\n          {this.renderSubtitle()}\n          <div class=\"tags-container\">\n            <slot name=\"tags\"></slot>\n          </div>\n          <div class=\"volumes-label\">\n            <slot name=\"volumes\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  };\n\n  private renderInfoCard = (): HTMLZResultCardElement => {\n    return (\n      <Host class=\"info-card\">\n        <div class=\"info-icon-container\">\n          <z-icon\n            class=\"info-icon\"\n            name=\"link\"\n          />\n        </div>\n        <div class=\"info-container\">\n          {this.renderTitle()}\n          {this.renderSubtitle()}\n        </div>\n      </Host>\n    );\n  };\n\n  render(): HTMLZResultCardElement {\n    return this.isInfoCard ? this.renderInfoCard() : this.renderOperaCard();\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,izEAClB,MAAAC,EAAeD,E,MCUFE,EAAW,M,yBA4EdC,KAAAC,cAAgB,KACtBD,KAAKE,gBAAgBF,KAAKG,YAC1BH,KAAKE,gBAAgBF,KAAKI,UAC1BJ,KAAKE,gBAAgBF,KAAKK,YAAY,EAWhCL,KAAAM,YAAc,KACpB,MAAMC,EAAWP,KAAKQ,cAAgB,MAEtC,OACEC,EAACF,EAAQ,CACPG,MAAM,aACNC,IAAMC,GAAQZ,KAAKI,SAAWQ,GAE7BZ,KAAKa,UACG,EAIPb,KAAAc,eAAiB,IAErBL,EAAA,QACEC,MAAM,gBACNC,IAAMC,GAAQZ,KAAKK,YAAcO,GAEhCZ,KAAKe,cAKJf,KAAAgB,gBAAkB,IAEtBP,EAACQ,EAAI,KACHR,EAAA,gBACES,MAAOlB,KAAKkB,MACZC,cAAenB,KAAKmB,cACpBC,SAAUpB,KAAKqB,kBACfC,SAAU,OAEZb,EAAA,OAAKC,MAAM,kBACRV,KAAKuB,SACJd,EAAA,QACEC,MAAM,gBACNC,IAAMC,GAAQZ,KAAKG,WAAaS,GAE/BZ,KAAKuB,SAGTvB,KAAKM,cACLN,KAAKc,iBACNL,EAAA,OAAKC,MAAM,kBACTD,EAAA,QAAMe,KAAK,UAEbf,EAAA,OAAKC,MAAM,iBACTD,EAAA,QAAMe,KAAK,eAObxB,KAAAyB,eAAiB,IAErBhB,EAACQ,EAAI,CAACP,MAAM,aACVD,EAAA,OAAKC,MAAM,uBACTD,EAAA,UACEC,MAAM,YACNc,KAAK,UAGTf,EAAA,OAAKC,MAAM,kBACRV,KAAKM,cACLN,KAAKc,mB,qJAnIM,M,gBAIP,M,4BAYL,eAAAZ,CAAgBU,GACtB,IAAKA,EAAI,CACP,M,CAIF,MAAMc,EAAQC,OAAOC,iBAAiBhB,GACtC,MAAMiB,EAAeH,EAAMI,iBAAiB,wBAA0B,OAEtE,IAAIC,EACJ,GAAIF,EAAc,CAEhB,MAAMG,EAAaC,SAASP,EAAMM,YAClC,MAAME,EAAWD,SAASP,EAAMI,iBAAiB,uBACjD,MAAMK,EAAYH,EAAaE,EAE/BH,EAAcnB,EAAGwB,aAAeD,C,KAC3B,CAELJ,EAAcnB,EAAGyB,YAAczB,EAAG0B,aAAe1B,EAAGwB,aAAexB,EAAG2B,Y,CAGxE,GAAIR,EAAa,CACfnB,EAAG4B,aAAa,QAAS5B,EAAG6B,YAAYC,O,KACnC,CACL9B,EAAG+B,gBAAgB,Q,EAIvB,kBAAAC,GACE5C,KAAKE,gBAAgBF,KAAKG,YAC1BH,KAAKE,gBAAgBF,KAAKI,UAC1BJ,KAAKE,gBAAgBF,KAAKK,Y,CAS5B,gBAAAwC,GACElB,OAAOmB,iBAAiB,SAAU9C,KAAKC,c,CAGzC,oBAAA8C,GACEpB,OAAOqB,oBAAoB,SAAUhD,KAAKC,c,CA2E5C,MAAAgD,GACE,OAAOjD,KAAKkD,WAAalD,KAAKyB,iBAAmBzB,KAAKgB,iB","ignoreList":[]}

package/www/build/{p-da6ba08a.entry.js → p-460b2068.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a}from"./p-75c4a726.js";const o="button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";const e=o;const t=class{constructor(a){r(this,a);this.icon=undefined;this.isdisabled=false;this.ariaLabel=""}render(){return a("button",{key:"c83edb0aae793b9a94820d4f71ccaeb3516697ae",disabled:this.isdisabled,"aria-label":this.ariaLabel},a("span",{key:"928bc4cf258bebcc23b6179b3dde60abb4dd5e69"},a("z-icon",{key:"c6118883a44049360fa0d589ee9399ac15ac138c",name:this.icon,width:16,height:16})))}};t.style=e;export{t as z_myz_card_icon};
-//# sourceMappingURL=p-da6ba08a.entry.js.map
+import{r,h as a}from"./p-75c4a726.js";const o="button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";const e=o;const t=class{constructor(a){r(this,a);this.icon=undefined;this.isdisabled=false;this.ariaLabel=""}render(){return a("button",{key:"511b34381c62707a1408a9769536d3d0ba3223bb",disabled:this.isdisabled,"aria-label":this.ariaLabel},a("span",{key:"a935b5d22370a4e7a35a458a6c92ee0aa1a7918a"},a("z-icon",{key:"91f7d3cb733dff820b3429d1efea2c790d739df2",name:this.icon,width:16,height:16})))}};t.style=e;export{t as z_myz_card_icon};
+//# sourceMappingURL=p-460b2068.entry.js.map

package/www/build/{p-bfa7b528.entry.js → p-46ea0b2e.entry.js}

@@ -4,5 +4,5 @@ import{r as t,c as e,h as i,a as n,g as r}from"./p-75c4a726.js";import{r as s,g
  * http://hammerjs.github.io/
  *
  * Copyright (c) 2016 Jorik Tangelder;
- * Licensed under the MIT license */(function(t){(function(e,i,n,r){var s=["","webkit","Moz","MS","ms","o"];var o=i.createElement("div");var a="function";var l=Math.round;var c=Math.abs;var u=Date.now;function f(t,e,i){return setTimeout(w(t,i),e)}function h(t,e,i){if(Array.isArray(t)){d(t,i[e],i);return true}return false}function d(t,e,i){var n;if(!t){return}if(t.forEach){t.forEach(e,i)}else if(t.length!==r){n=0;while(n<t.length){e.call(i,t[n],n,t);n++}}else{for(n in t){t.hasOwnProperty(n)&&e.call(i,t[n],n,t)}}}function p(t,i,n){var r="DEPRECATED METHOD: "+i+"\n"+n+" AT \n";return function(){var i=new Error("get-stack-trace");var n=i&&i.stack?i.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var s=e.console&&(e.console.warn||e.console.log);if(s){s.call(e.console,r,n)}return t.apply(this,arguments)}}var m;if(typeof Object.assign!=="function"){m=function t(e){if(e===r||e===null){throw new TypeError("Cannot convert undefined or null to object")}var i=Object(e);for(var n=1;n<arguments.length;n++){var s=arguments[n];if(s!==r&&s!==null){for(var o in s){if(s.hasOwnProperty(o)){i[o]=s[o]}}}}return i}}else{m=Object.assign}var v=p((function t(e,i,n){var s=Object.keys(i);var o=0;while(o<s.length){if(!n||n&&e[s[o]]===r){e[s[o]]=i[s[o]]}o++}return e}),"extend","Use `assign`.");var g=p((function t(e,i){return v(e,i,true)}),"merge","Use `assign`.");function y(t,e,i){var n=e.prototype,r;r=t.prototype=Object.create(n);r.constructor=t;r._super=n;if(i){m(r,i)}}function w(t,e){return function i(){return t.apply(e,arguments)}}function b(t,e){if(typeof t==a){return t.apply(e?e[0]||r:r,e)}return t}function x(t,e){return t===r?e:t}function T(t,e,i){d(S(e),(function(e){t.addEventListener(e,i,false)}))}function E(t,e,i){d(S(e),(function(e){t.removeEventListener(e,i,false)}))}function A(t,e){while(t){if(t==e){return true}t=t.parentNode}return false}function k(t,e){return t.indexOf(e)>-1}function S(t){return t.trim().split(/\s+/g)}function R(t,e,i){if(t.indexOf&&!i){return t.indexOf(e)}else{var n=0;while(n<t.length){if(i&&t[n][i]==e||!i&&t[n]===e){return n}n++}return-1}}function _(t){return Array.prototype.slice.call(t,0)}function I(t,e,i){var n=[];var r=[];var s=0;while(s<t.length){var o=e?t[s][e]:t[s];if(R(r,o)<0){n.push(t[s])}r[s]=o;s++}if(i){if(!e){n=n.sort()}else{n=n.sort((function t(i,n){return i[e]>n[e]}))}}return n}function D(t,e){var i,n;var o=e[0].toUpperCase()+e.slice(1);var a=0;while(a<s.length){i=s[a];n=i?i+o:e;if(n in t){return n}a++}return r}var M=1;function z(){return M++}function O(t){var i=t.ownerDocument||t;return i.defaultView||i.parentWindow||e}var P=/mobile|tablet|ip(ad|hone|od)|android/i;var C="ontouchstart"in e;var N=D(e,"PointerEvent")!==r;var L=C&&P.test(navigator.userAgent);var F="touch";var j="pen";var U="mouse";var W="kinect";var X=25;var B=1;var H=2;var Y=4;var q=8;var $=1;var G=2;var V=4;var Z=8;var K=16;var J=G|V;var Q=Z|K;var tt=J|Q;var et=["x","y"];var it=["clientX","clientY"];function nt(t,e){var i=this;this.manager=t;this.callback=e;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(e){if(b(t.options.enable,[t])){i.handler(e)}};this.init()}nt.prototype={handler:function(){},init:function(){this.evEl&&T(this.element,this.evEl,this.domHandler);this.evTarget&&T(this.target,this.evTarget,this.domHandler);this.evWin&&T(O(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&E(this.element,this.evEl,this.domHandler);this.evTarget&&E(this.target,this.evTarget,this.domHandler);this.evWin&&E(O(this.element),this.evWin,this.domHandler)}};function rt(t){var e;var i=t.options.inputClass;if(i){e=i}else if(N){e=kt}else if(L){e=Ot}else if(!C){e=bt}else{e=Lt}return new e(t,st)}function st(t,e,i){var n=i.pointers.length;var r=i.changedPointers.length;var s=e&B&&n-r===0;var o=e&(Y|q)&&n-r===0;i.isFirst=!!s;i.isFinal=!!o;if(s){t.session={}}i.eventType=e;ot(t,i);t.emit("hammer.input",i);t.recognize(i);t.session.prevInput=i}function ot(t,e){var i=t.session;var n=e.pointers;var r=n.length;if(!i.firstInput){i.firstInput=ct(e)}if(r>1&&!i.firstMultiple){i.firstMultiple=ct(e)}else if(r===1){i.firstMultiple=false}var s=i.firstInput;var o=i.firstMultiple;var a=o?o.center:s.center;var l=e.center=ut(n);e.timeStamp=u();e.deltaTime=e.timeStamp-s.timeStamp;e.angle=pt(a,l);e.distance=dt(a,l);at(i,e);e.offsetDirection=ht(e.deltaX,e.deltaY);var f=ft(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=f.x;e.overallVelocityY=f.y;e.overallVelocity=c(f.x)>c(f.y)?f.x:f.y;e.scale=o?vt(o.pointers,n):1;e.rotation=o?mt(o.pointers,n):0;e.maxPointers=!i.prevInput?e.pointers.length:e.pointers.length>i.prevInput.maxPointers?e.pointers.length:i.prevInput.maxPointers;lt(i,e);var h=t.element;if(A(e.srcEvent.target,h)){h=e.srcEvent.target}e.target=h}function at(t,e){var i=e.center;var n=t.offsetDelta||{};var r=t.prevDelta||{};var s=t.prevInput||{};if(e.eventType===B||s.eventType===Y){r=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};n=t.offsetDelta={x:i.x,y:i.y}}e.deltaX=r.x+(i.x-n.x);e.deltaY=r.y+(i.y-n.y)}function lt(t,e){var i=t.lastInterval||e,n=e.timeStamp-i.timeStamp,s,o,a,l;if(e.eventType!=q&&(n>X||i.velocity===r)){var u=e.deltaX-i.deltaX;var f=e.deltaY-i.deltaY;var h=ft(n,u,f);o=h.x;a=h.y;s=c(h.x)>c(h.y)?h.x:h.y;l=ht(u,f);t.lastInterval=e}else{s=i.velocity;o=i.velocityX;a=i.velocityY;l=i.direction}e.velocity=s;e.velocityX=o;e.velocityY=a;e.direction=l}function ct(t){var e=[];var i=0;while(i<t.pointers.length){e[i]={clientX:l(t.pointers[i].clientX),clientY:l(t.pointers[i].clientY)};i++}return{timeStamp:u(),pointers:e,center:ut(e),deltaX:t.deltaX,deltaY:t.deltaY}}function ut(t){var e=t.length;if(e===1){return{x:l(t[0].clientX),y:l(t[0].clientY)}}var i=0,n=0,r=0;while(r<e){i+=t[r].clientX;n+=t[r].clientY;r++}return{x:l(i/e),y:l(n/e)}}function ft(t,e,i){return{x:e/t||0,y:i/t||0}}function ht(t,e){if(t===e){return $}if(c(t)>=c(e)){return t<0?G:V}return e<0?Z:K}function dt(t,e,i){if(!i){i=et}var n=e[i[0]]-t[i[0]],r=e[i[1]]-t[i[1]];return Math.sqrt(n*n+r*r)}function pt(t,e,i){if(!i){i=et}var n=e[i[0]]-t[i[0]],r=e[i[1]]-t[i[1]];return Math.atan2(r,n)*180/Math.PI}function mt(t,e){return pt(e[1],e[0],it)+pt(t[1],t[0],it)}function vt(t,e){return dt(e[0],e[1],it)/dt(t[0],t[1],it)}var gt={mousedown:B,mousemove:H,mouseup:Y};var yt="mousedown";var wt="mousemove mouseup";function bt(){this.evEl=yt;this.evWin=wt;this.pressed=false;nt.apply(this,arguments)}y(bt,nt,{handler:function t(e){var i=gt[e.type];if(i&B&&e.button===0){this.pressed=true}if(i&H&&e.which!==1){i=Y}if(!this.pressed){return}if(i&Y){this.pressed=false}this.callback(this.manager,i,{pointers:[e],changedPointers:[e],pointerType:U,srcEvent:e})}});var xt={pointerdown:B,pointermove:H,pointerup:Y,pointercancel:q,pointerout:q};var Tt={2:F,3:j,4:U,5:W};var Et="pointerdown";var At="pointermove pointerup pointercancel";if(e.MSPointerEvent&&!e.PointerEvent){Et="MSPointerDown";At="MSPointerMove MSPointerUp MSPointerCancel"}function kt(){this.evEl=Et;this.evWin=At;nt.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}y(kt,nt,{handler:function t(e){var i=this.store;var n=false;var r=e.type.toLowerCase().replace("ms","");var s=xt[r];var o=Tt[e.pointerType]||e.pointerType;var a=o==F;var l=R(i,e.pointerId,"pointerId");if(s&B&&(e.button===0||a)){if(l<0){i.push(e);l=i.length-1}}else if(s&(Y|q)){n=true}if(l<0){return}i[l]=e;this.callback(this.manager,s,{pointers:i,changedPointers:[e],pointerType:o,srcEvent:e});if(n){i.splice(l,1)}}});var St={touchstart:B,touchmove:H,touchend:Y,touchcancel:q};var Rt="touchstart";var _t="touchstart touchmove touchend touchcancel";function It(){this.evTarget=Rt;this.evWin=_t;this.started=false;nt.apply(this,arguments)}y(It,nt,{handler:function t(e){var i=St[e.type];if(i===B){this.started=true}if(!this.started){return}var n=Dt.call(this,e,i);if(i&(Y|q)&&n[0].length-n[1].length===0){this.started=false}this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:F,srcEvent:e})}});function Dt(t,e){var i=_(t.touches);var n=_(t.changedTouches);if(e&(Y|q)){i=I(i.concat(n),"identifier",true)}return[i,n]}var Mt={touchstart:B,touchmove:H,touchend:Y,touchcancel:q};var zt="touchstart touchmove touchend touchcancel";function Ot(){this.evTarget=zt;this.targetIds={};nt.apply(this,arguments)}y(Ot,nt,{handler:function t(e){var i=Mt[e.type];var n=Pt.call(this,e,i);if(!n){return}this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:F,srcEvent:e})}});function Pt(t,e){var i=_(t.touches);var n=this.targetIds;if(e&(B|H)&&i.length===1){n[i[0].identifier]=true;return[i,i]}var r,s,o=_(t.changedTouches),a=[],l=this.target;s=i.filter((function(t){return A(t.target,l)}));if(e===B){r=0;while(r<s.length){n[s[r].identifier]=true;r++}}r=0;while(r<o.length){if(n[o[r].identifier]){a.push(o[r])}if(e&(Y|q)){delete n[o[r].identifier]}r++}if(!a.length){return}return[I(s.concat(a),"identifier",true),a]}var Ct=2500;var Nt=25;function Lt(){nt.apply(this,arguments);var t=w(this.handler,this);this.touch=new Ot(this.manager,t);this.mouse=new bt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}y(Lt,nt,{handler:function t(e,i,n){var r=n.pointerType==F,s=n.pointerType==U;if(s&&n.sourceCapabilities&&n.sourceCapabilities.firesTouchEvents){return}if(r){Ft.call(this,i,n)}else if(s&&Ut.call(this,n)){return}this.callback(e,i,n)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function Ft(t,e){if(t&B){this.primaryTouch=e.changedPointers[0].identifier;jt.call(this,e)}else if(t&(Y|q)){jt.call(this,e)}}function jt(t){var e=t.changedPointers[0];if(e.identifier===this.primaryTouch){var i={x:e.clientX,y:e.clientY};this.lastTouches.push(i);var n=this.lastTouches;var r=function(){var t=n.indexOf(i);if(t>-1){n.splice(t,1)}};setTimeout(r,Ct)}}function Ut(t){var e=t.srcEvent.clientX,i=t.srcEvent.clientY;for(var n=0;n<this.lastTouches.length;n++){var r=this.lastTouches[n];var s=Math.abs(e-r.x),o=Math.abs(i-r.y);if(s<=Nt&&o<=Nt){return true}}return false}var Wt=D(o.style,"touchAction");var Xt=Wt!==r;var Bt="compute";var Ht="auto";var Yt="manipulation";var qt="none";var $t="pan-x";var Gt="pan-y";var Vt=Jt();function Zt(t,e){this.manager=t;this.set(e)}Zt.prototype={set:function(t){if(t==Bt){t=this.compute()}if(Xt&&this.manager.element.style&&Vt[t]){this.manager.element.style[Wt]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];d(this.manager.recognizers,(function(e){if(b(e.options.enable,[e])){t=t.concat(e.getTouchAction())}}));return Kt(t.join(" "))},preventDefaults:function(t){var e=t.srcEvent;var i=t.offsetDirection;if(this.manager.session.prevented){e.preventDefault();return}var n=this.actions;var r=k(n,qt)&&!Vt[qt];var s=k(n,Gt)&&!Vt[Gt];var o=k(n,$t)&&!Vt[$t];if(r){var a=t.pointers.length===1;var l=t.distance<2;var c=t.deltaTime<250;if(a&&l&&c){return}}if(o&&s){return}if(r||s&&i&J||o&&i&Q){return this.preventSrc(e)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Kt(t){if(k(t,qt)){return qt}var e=k(t,$t);var i=k(t,Gt);if(e&&i){return qt}if(e||i){return e?$t:Gt}if(k(t,Yt)){return Yt}return Ht}function Jt(){if(!Xt){return false}var t={};var i=e.CSS&&e.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(n){t[n]=i?e.CSS.supports("touch-action",n):true}));return t}var Qt=1;var te=2;var ee=4;var ie=8;var ne=ie;var re=16;var se=32;function oe(t){this.options=m({},this.defaults,t||{});this.id=z();this.manager=null;this.options.enable=x(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}oe.prototype={defaults:{},set:function(t){m(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(h(t,"recognizeWith",this)){return this}var e=this.simultaneous;t=ce(t,this);if(!e[t.id]){e[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(h(t,"dropRecognizeWith",this)){return this}t=ce(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(h(t,"requireFailure",this)){return this}var e=this.requireFail;t=ce(t,this);if(R(e,t)===-1){e.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(h(t,"dropRequireFailure",this)){return this}t=ce(t,this);var e=R(this.requireFail,t);if(e>-1){this.requireFail.splice(e,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var e=this;var i=this.state;function n(i){e.manager.emit(i,t)}if(i<ie){n(e.options.event+ae(i))}n(e.options.event);if(t.additionalEvent){n(t.additionalEvent)}if(i>=ie){n(e.options.event+ae(i))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=se},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(se|Qt))){return false}t++}return true},recognize:function(t){var e=m({},t);if(!b(this.options.enable,[this,e])){this.reset();this.state=se;return}if(this.state&(ne|re|se)){this.state=Qt}this.state=this.process(e);if(this.state&(te|ee|ie|re)){this.tryEmit(e)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function ae(t){if(t&re){return"cancel"}else if(t&ie){return"end"}else if(t&ee){return"move"}else if(t&te){return"start"}return""}function le(t){if(t==K){return"down"}else if(t==Z){return"up"}else if(t==G){return"left"}else if(t==V){return"right"}return""}function ce(t,e){var i=e.manager;if(i){return i.get(t)}return t}function ue(){oe.apply(this,arguments)}y(ue,oe,{defaults:{pointers:1},attrTest:function(t){var e=this.options.pointers;return e===0||t.pointers.length===e},process:function(t){var e=this.state;var i=t.eventType;var n=e&(te|ee);var r=this.attrTest(t);if(n&&(i&q||!r)){return e|re}else if(n||r){if(i&Y){return e|ie}else if(!(e&te)){return te}return e|ee}return se}});function fe(){ue.apply(this,arguments);this.pX=null;this.pY=null}y(fe,ue,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var e=[];if(t&J){e.push(Gt)}if(t&Q){e.push($t)}return e},directionTest:function(t){var e=this.options;var i=true;var n=t.distance;var r=t.direction;var s=t.deltaX;var o=t.deltaY;if(!(r&e.direction)){if(e.direction&J){r=s===0?$:s<0?G:V;i=s!=this.pX;n=Math.abs(t.deltaX)}else{r=o===0?$:o<0?Z:K;i=o!=this.pY;n=Math.abs(t.deltaY)}}t.direction=r;return i&&n>e.threshold&&r&e.direction},attrTest:function(t){return ue.prototype.attrTest.call(this,t)&&(this.state&te||!(this.state&te)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var e=le(t.direction);if(e){t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function he(){ue.apply(this,arguments)}y(he,ue,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&te)},emit:function(t){if(t.scale!==1){var e=t.scale<1?"in":"out";t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function de(){oe.apply(this,arguments);this._timer=null;this._input=null}y(de,oe,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Ht]},process:function(t){var e=this.options;var i=t.pointers.length===e.pointers;var n=t.distance<e.threshold;var r=t.deltaTime>e.time;this._input=t;if(!n||!i||t.eventType&(Y|q)&&!r){this.reset()}else if(t.eventType&B){this.reset();this._timer=f((function(){this.state=ne;this.tryEmit()}),e.time,this)}else if(t.eventType&Y){return ne}return se},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ne){return}if(t&&t.eventType&Y){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=u();this.manager.emit(this.options.event,this._input)}}});function pe(){ue.apply(this,arguments)}y(pe,ue,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&te)}});function me(){ue.apply(this,arguments)}y(me,ue,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:J|Q,pointers:1},getTouchAction:function(){return fe.prototype.getTouchAction.call(this)},attrTest:function(t){var e=this.options.direction;var i;if(e&(J|Q)){i=t.overallVelocity}else if(e&J){i=t.overallVelocityX}else if(e&Q){i=t.overallVelocityY}return this._super.attrTest.call(this,t)&&e&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&c(i)>this.options.velocity&&t.eventType&Y},emit:function(t){var e=le(t.offsetDirection);if(e){this.manager.emit(this.options.event+e,t)}this.manager.emit(this.options.event,t)}});function ve(){oe.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}y(ve,oe,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Yt]},process:function(t){var e=this.options;var i=t.pointers.length===e.pointers;var n=t.distance<e.threshold;var r=t.deltaTime<e.time;this.reset();if(t.eventType&B&&this.count===0){return this.failTimeout()}if(n&&r&&i){if(t.eventType!=Y){return this.failTimeout()}var s=this.pTime?t.timeStamp-this.pTime<e.interval:true;var o=!this.pCenter||dt(this.pCenter,t.center)<e.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!o||!s){this.count=1}else{this.count+=1}this._input=t;var a=this.count%e.taps;if(a===0){if(!this.hasRequireFailures()){return ne}else{this._timer=f((function(){this.state=ne;this.tryEmit()}),e.interval,this);return te}}}return se},failTimeout:function(){this._timer=f((function(){this.state=se}),this.options.interval,this);return se},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ne){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function ge(t,e){e=e||{};e.recognizers=x(e.recognizers,ge.defaults.preset);return new be(t,e)}ge.VERSION="2.0.7";ge.defaults={domEvents:false,touchAction:Bt,enable:true,inputTarget:null,inputClass:null,preset:[[pe,{enable:false}],[he,{enable:false},["rotate"]],[me,{direction:J}],[fe,{direction:J},["swipe"]],[ve],[ve,{event:"doubletap",taps:2},["tap"]],[de]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var ye=1;var we=2;function be(t,e){this.options=m({},ge.defaults,e||{});this.options.inputTarget=this.options.inputTarget||t;this.handlers={};this.session={};this.recognizers=[];this.oldCssProps={};this.element=t;this.input=rt(this);this.touchAction=new Zt(this,this.options.touchAction);xe(this,true);d(this.options.recognizers,(function(t){var e=this.add(new t[0](t[1]));t[2]&&e.recognizeWith(t[2]);t[3]&&e.requireFailure(t[3])}),this)}be.prototype={set:function(t){m(this.options,t);if(t.touchAction){this.touchAction.update()}if(t.inputTarget){this.input.destroy();this.input.target=t.inputTarget;this.input.init()}return this},stop:function(t){this.session.stopped=t?we:ye},recognize:function(t){var e=this.session;if(e.stopped){return}this.touchAction.preventDefaults(t);var i;var n=this.recognizers;var r=e.curRecognizer;if(!r||r&&r.state&ne){r=e.curRecognizer=null}var s=0;while(s<n.length){i=n[s];if(e.stopped!==we&&(!r||i==r||i.canRecognizeWith(r))){i.recognize(t)}else{i.reset()}if(!r&&i.state&(te|ee|ie)){r=e.curRecognizer=i}s++}},get:function(t){if(t instanceof oe){return t}var e=this.recognizers;for(var i=0;i<e.length;i++){if(e[i].options.event==t){return e[i]}}return null},add:function(t){if(h(t,"add",this)){return this}var e=this.get(t.options.event);if(e){this.remove(e)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(h(t,"remove",this)){return this}t=this.get(t);if(t){var e=this.recognizers;var i=R(e,t);if(i!==-1){e.splice(i,1);this.touchAction.update()}}return this},on:function(t,e){if(t===r){return}if(e===r){return}var i=this.handlers;d(S(t),(function(t){i[t]=i[t]||[];i[t].push(e)}));return this},off:function(t,e){if(t===r){return}var i=this.handlers;d(S(t),(function(t){if(!e){delete i[t]}else{i[t]&&i[t].splice(R(i[t],e),1)}}));return this},emit:function(t,e){if(this.options.domEvents){Te(t,e)}var i=this.handlers[t]&&this.handlers[t].slice();if(!i||!i.length){return}e.type=t;e.preventDefault=function(){e.srcEvent.preventDefault()};var n=0;while(n<i.length){i[n](e);n++}},destroy:function(){this.element&&xe(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function xe(t,e){var i=t.element;if(!i.style){return}var n;d(t.options.cssProps,(function(r,s){n=D(i.style,s);if(e){t.oldCssProps[n]=i.style[n];i.style[n]=r}else{i.style[n]=t.oldCssProps[n]||""}}));if(!e){t.oldCssProps={}}}function Te(t,e){var n=i.createEvent("Event");n.initEvent(t,true,true);n.gesture=e;e.target.dispatchEvent(n)}m(ge,{INPUT_START:B,INPUT_MOVE:H,INPUT_END:Y,INPUT_CANCEL:q,STATE_POSSIBLE:Qt,STATE_BEGAN:te,STATE_CHANGED:ee,STATE_ENDED:ie,STATE_RECOGNIZED:ne,STATE_CANCELLED:re,STATE_FAILED:se,DIRECTION_NONE:$,DIRECTION_LEFT:G,DIRECTION_RIGHT:V,DIRECTION_UP:Z,DIRECTION_DOWN:K,DIRECTION_HORIZONTAL:J,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:be,Input:nt,TouchAction:Zt,TouchInput:Ot,MouseInput:bt,PointerEventInput:kt,TouchMouseInput:Lt,SingleTouchInput:It,Recognizer:oe,AttrRecognizer:ue,Tap:ve,Pan:fe,Swipe:me,Pinch:he,Rotate:pe,Press:de,on:T,off:E,each:d,merge:g,extend:v,assign:m,inherit:y,bindFn:w,prefixed:D});var Ee=typeof e!=="undefined"?e:typeof self!=="undefined"?self:{};Ee.Hammer=ge;if(typeof r==="function"&&r.amd){r((function(){return ge}))}else if(t.exports){t.exports=ge}else{e[n]=ge}})(window,document,"Hammer")})(u);const f=u.exports;const h=':host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}:host>#external-container{display:flex;min-height:calc(var(--space-unit) * 8.5);box-sizing:border-box;justify-content:space-between;padding:calc(var(--space-unit) * 2) 14px calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);border-radius:var(--border-size-large);box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container>#inner-container{display:flex;width:100%;flex-direction:column;justify-content:space-between}:host>#external-container #inner-container #text{padding:var(--space-unit) 0;color:var(--color-text-inverse);letter-spacing:0.16px;line-height:20px;text-align:start}:host>#external-container #inner-container #text>.title{margin-right:calc(var(--space-unit) / 2);font-weight:var(--font-sb)}:host>#external-container #inner-container ::slotted([slot="button"]){margin-top:var(--space-unit)}:host>#external-container #icon{padding-top:var(--space-unit);margin:0 calc(var(--space-unit) / 4);cursor:pointer;fill:var(--color-inverse-icon)}:host>#external-container #icon:focus-within{margin:0}:host>#external-container #icon z-icon{margin:0 0 0 14px}:host>#external-container #icon z-icon:focus{display:inline-block;padding:calc(var(--space-unit) / 4);border-radius:50%;box-shadow:var(--shadow-focus-primary)}:host>#external-container.dark{background:var(--color-surface05)}:host>#external-container.light{background:var(--color-surface01)}:host>#external-container.light #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #inner-container #text,:host>#external-container.warning #inner-container #text{color:var(--color-default-text)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-default-error)}:host>#external-container.success{background:var(--color-default-success)}:host>#external-container.warning{background:var(--color-default-warning)}:host>#external-container.warning #icon{fill:var(--color-default-icon)}@media (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container #inner-container{flex-direction:row}:host>#external-container #inner-container ::slotted([slot="button"]){margin:0 0 0 calc(var(--space-unit) * 2)}}@media (min-width: 1366px){:host{max-width:33vw}}';const d=h;const p=class{constructor(i){t(this,i);this.toastClose=e(this,"toastClose",7);this.isCloseEventCalled=false;this.heading=undefined;this.message=undefined;this.closebutton=undefined;this.autoclose=undefined;this.pauseonfocusloss=true;this.type=undefined;this.isdraggable=true;this.draggablepercentage=80;this.transition=undefined;this.percentage=undefined}watchPropIsdraggable(t){if(t){this.sliderManager.get("pan").set({enable:true})}else{this.sliderManager.get("pan").set({enable:false})}}watchPropAutoclose(t){clearTimeout(this.timeoutHandle);this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){if(this.autoclose){if(t){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}else{document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler)}}}emitToastClose(t,e){if(e&&this.timeoutHandle){clearTimeout(this.timeoutHandle)}this.timeoutHandle=null;this.elapsedTime=null;this.toastClose.emit();if(t){this.hostElement.classList.add(t)}else{this.hostElement.parentNode.removeChild(this.hostElement)}}componentWillLoad(){this.validateAutoclose();this.percentage=0}componentDidLoad(){this.startTime=Date.now();if(this.autoclose){if(this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}if(!this.transition){this.startClosingTimeout(this.autoclose)}}this.isdraggable&&this.handleSlideOutDragAnimation()}visibilityChangeEventHandler(){if(document.visibilityState==="hidden"){this.timeoutHandle&&this.onBlur()}else{this.elapsedTime&&this.onFocus()}}validateAutoclose(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}}mapSlideOutClass(){switch(this.transition){case s.SLIDE_IN_DOWN:return s.SLIDE_OUT_UP;case s.SLIDE_IN_UP:return s.SLIDE_OUT_DOWN;case s.SLIDE_IN_LEFT:return s.SLIDE_OUT_RIGHT;case s.SLIDE_IN_RIGHT:return s.SLIDE_OUT_LEFT;default:return null}}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new f(this.hostElement);this.sliderManager.get("pan").set({direction:f.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t);this.hostElement.style.transition="none";if(this.transition){this.hostElement.classList.remove(this.transition)}const e={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`;if(t.eventType===f.DIRECTION_LEFT||t.eventType===f.DIRECTION_RIGHT){this.hostElement.style.transform=e.translate;if(Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled){this.isCloseEventCalled=true;this.emitToastClose(t.direction===f.DIRECTION_LEFT?"slide-out-left":"slide-out-right",true)}}if(t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage){this.hostElement.style.transform=e.translateBack;this.hostElement.style.transition="all 1s";this.hostElement.style.opacity="100%";this.percentage=0}}))}onFocus(){let t=this.autoclose;if(this.elapsedTime){t=this.autoclose-this.elapsedTime}if(t>0){this.startClosingTimeout(t)}}onBlur(){this.elapsedTime=Date.now()-this.startTime;clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=window.setTimeout((()=>this.emitToastClose(this.mapSlideOutClass(),false)),t)}renderContent(){return i("div",{id:"external-container",tabIndex:0,class:{[this.type]:!!this.type}},i("div",{id:"inner-container"},i("div",{id:"text"},this.heading&&i("span",{class:"title"},this.heading),i("span",{class:"message",innerHTML:c.sanitize(this.message||" ")})),i("div",{id:"button"},i("slot",{name:"button"}))),i("div",{id:"icon"},this.closebutton&&i("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass(),true),onKeyPress:t=>{if(t.code==o.SPACE||t.code==o.ENTER){t.preventDefault();this.emitToastClose(this.mapSlideOutClass(),true)}}})))}render(){return i(n,{key:"a977ef232e0915937ce364954dbe2dd5df5bdcf7",style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:"",onAnimationEnd:t=>{if(this.autoclose&&t.animationName.includes("slidein")){this.startClosingTimeout(this.autoclose)}if(t.animationName.includes("slideout")){this.hostElement.parentNode.removeChild(this.hostElement)}}},this.renderContent())}get hostElement(){return r(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};p.style=d;export{p as z_toast_notification};
-//# sourceMappingURL=p-bfa7b528.entry.js.map
+ * Licensed under the MIT license */(function(t){(function(e,i,n,r){var s=["","webkit","Moz","MS","ms","o"];var o=i.createElement("div");var a="function";var l=Math.round;var c=Math.abs;var u=Date.now;function f(t,e,i){return setTimeout(w(t,i),e)}function h(t,e,i){if(Array.isArray(t)){d(t,i[e],i);return true}return false}function d(t,e,i){var n;if(!t){return}if(t.forEach){t.forEach(e,i)}else if(t.length!==r){n=0;while(n<t.length){e.call(i,t[n],n,t);n++}}else{for(n in t){t.hasOwnProperty(n)&&e.call(i,t[n],n,t)}}}function p(t,i,n){var r="DEPRECATED METHOD: "+i+"\n"+n+" AT \n";return function(){var i=new Error("get-stack-trace");var n=i&&i.stack?i.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var s=e.console&&(e.console.warn||e.console.log);if(s){s.call(e.console,r,n)}return t.apply(this,arguments)}}var m;if(typeof Object.assign!=="function"){m=function t(e){if(e===r||e===null){throw new TypeError("Cannot convert undefined or null to object")}var i=Object(e);for(var n=1;n<arguments.length;n++){var s=arguments[n];if(s!==r&&s!==null){for(var o in s){if(s.hasOwnProperty(o)){i[o]=s[o]}}}}return i}}else{m=Object.assign}var v=p((function t(e,i,n){var s=Object.keys(i);var o=0;while(o<s.length){if(!n||n&&e[s[o]]===r){e[s[o]]=i[s[o]]}o++}return e}),"extend","Use `assign`.");var g=p((function t(e,i){return v(e,i,true)}),"merge","Use `assign`.");function y(t,e,i){var n=e.prototype,r;r=t.prototype=Object.create(n);r.constructor=t;r._super=n;if(i){m(r,i)}}function w(t,e){return function i(){return t.apply(e,arguments)}}function b(t,e){if(typeof t==a){return t.apply(e?e[0]||r:r,e)}return t}function x(t,e){return t===r?e:t}function T(t,e,i){d(S(e),(function(e){t.addEventListener(e,i,false)}))}function E(t,e,i){d(S(e),(function(e){t.removeEventListener(e,i,false)}))}function A(t,e){while(t){if(t==e){return true}t=t.parentNode}return false}function k(t,e){return t.indexOf(e)>-1}function S(t){return t.trim().split(/\s+/g)}function R(t,e,i){if(t.indexOf&&!i){return t.indexOf(e)}else{var n=0;while(n<t.length){if(i&&t[n][i]==e||!i&&t[n]===e){return n}n++}return-1}}function _(t){return Array.prototype.slice.call(t,0)}function I(t,e,i){var n=[];var r=[];var s=0;while(s<t.length){var o=e?t[s][e]:t[s];if(R(r,o)<0){n.push(t[s])}r[s]=o;s++}if(i){if(!e){n=n.sort()}else{n=n.sort((function t(i,n){return i[e]>n[e]}))}}return n}function D(t,e){var i,n;var o=e[0].toUpperCase()+e.slice(1);var a=0;while(a<s.length){i=s[a];n=i?i+o:e;if(n in t){return n}a++}return r}var M=1;function z(){return M++}function O(t){var i=t.ownerDocument||t;return i.defaultView||i.parentWindow||e}var P=/mobile|tablet|ip(ad|hone|od)|android/i;var C="ontouchstart"in e;var N=D(e,"PointerEvent")!==r;var L=C&&P.test(navigator.userAgent);var F="touch";var j="pen";var U="mouse";var W="kinect";var X=25;var B=1;var H=2;var Y=4;var q=8;var $=1;var G=2;var V=4;var Z=8;var K=16;var J=G|V;var Q=Z|K;var tt=J|Q;var et=["x","y"];var it=["clientX","clientY"];function nt(t,e){var i=this;this.manager=t;this.callback=e;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(e){if(b(t.options.enable,[t])){i.handler(e)}};this.init()}nt.prototype={handler:function(){},init:function(){this.evEl&&T(this.element,this.evEl,this.domHandler);this.evTarget&&T(this.target,this.evTarget,this.domHandler);this.evWin&&T(O(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&E(this.element,this.evEl,this.domHandler);this.evTarget&&E(this.target,this.evTarget,this.domHandler);this.evWin&&E(O(this.element),this.evWin,this.domHandler)}};function rt(t){var e;var i=t.options.inputClass;if(i){e=i}else if(N){e=kt}else if(L){e=Ot}else if(!C){e=bt}else{e=Lt}return new e(t,st)}function st(t,e,i){var n=i.pointers.length;var r=i.changedPointers.length;var s=e&B&&n-r===0;var o=e&(Y|q)&&n-r===0;i.isFirst=!!s;i.isFinal=!!o;if(s){t.session={}}i.eventType=e;ot(t,i);t.emit("hammer.input",i);t.recognize(i);t.session.prevInput=i}function ot(t,e){var i=t.session;var n=e.pointers;var r=n.length;if(!i.firstInput){i.firstInput=ct(e)}if(r>1&&!i.firstMultiple){i.firstMultiple=ct(e)}else if(r===1){i.firstMultiple=false}var s=i.firstInput;var o=i.firstMultiple;var a=o?o.center:s.center;var l=e.center=ut(n);e.timeStamp=u();e.deltaTime=e.timeStamp-s.timeStamp;e.angle=pt(a,l);e.distance=dt(a,l);at(i,e);e.offsetDirection=ht(e.deltaX,e.deltaY);var f=ft(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=f.x;e.overallVelocityY=f.y;e.overallVelocity=c(f.x)>c(f.y)?f.x:f.y;e.scale=o?vt(o.pointers,n):1;e.rotation=o?mt(o.pointers,n):0;e.maxPointers=!i.prevInput?e.pointers.length:e.pointers.length>i.prevInput.maxPointers?e.pointers.length:i.prevInput.maxPointers;lt(i,e);var h=t.element;if(A(e.srcEvent.target,h)){h=e.srcEvent.target}e.target=h}function at(t,e){var i=e.center;var n=t.offsetDelta||{};var r=t.prevDelta||{};var s=t.prevInput||{};if(e.eventType===B||s.eventType===Y){r=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};n=t.offsetDelta={x:i.x,y:i.y}}e.deltaX=r.x+(i.x-n.x);e.deltaY=r.y+(i.y-n.y)}function lt(t,e){var i=t.lastInterval||e,n=e.timeStamp-i.timeStamp,s,o,a,l;if(e.eventType!=q&&(n>X||i.velocity===r)){var u=e.deltaX-i.deltaX;var f=e.deltaY-i.deltaY;var h=ft(n,u,f);o=h.x;a=h.y;s=c(h.x)>c(h.y)?h.x:h.y;l=ht(u,f);t.lastInterval=e}else{s=i.velocity;o=i.velocityX;a=i.velocityY;l=i.direction}e.velocity=s;e.velocityX=o;e.velocityY=a;e.direction=l}function ct(t){var e=[];var i=0;while(i<t.pointers.length){e[i]={clientX:l(t.pointers[i].clientX),clientY:l(t.pointers[i].clientY)};i++}return{timeStamp:u(),pointers:e,center:ut(e),deltaX:t.deltaX,deltaY:t.deltaY}}function ut(t){var e=t.length;if(e===1){return{x:l(t[0].clientX),y:l(t[0].clientY)}}var i=0,n=0,r=0;while(r<e){i+=t[r].clientX;n+=t[r].clientY;r++}return{x:l(i/e),y:l(n/e)}}function ft(t,e,i){return{x:e/t||0,y:i/t||0}}function ht(t,e){if(t===e){return $}if(c(t)>=c(e)){return t<0?G:V}return e<0?Z:K}function dt(t,e,i){if(!i){i=et}var n=e[i[0]]-t[i[0]],r=e[i[1]]-t[i[1]];return Math.sqrt(n*n+r*r)}function pt(t,e,i){if(!i){i=et}var n=e[i[0]]-t[i[0]],r=e[i[1]]-t[i[1]];return Math.atan2(r,n)*180/Math.PI}function mt(t,e){return pt(e[1],e[0],it)+pt(t[1],t[0],it)}function vt(t,e){return dt(e[0],e[1],it)/dt(t[0],t[1],it)}var gt={mousedown:B,mousemove:H,mouseup:Y};var yt="mousedown";var wt="mousemove mouseup";function bt(){this.evEl=yt;this.evWin=wt;this.pressed=false;nt.apply(this,arguments)}y(bt,nt,{handler:function t(e){var i=gt[e.type];if(i&B&&e.button===0){this.pressed=true}if(i&H&&e.which!==1){i=Y}if(!this.pressed){return}if(i&Y){this.pressed=false}this.callback(this.manager,i,{pointers:[e],changedPointers:[e],pointerType:U,srcEvent:e})}});var xt={pointerdown:B,pointermove:H,pointerup:Y,pointercancel:q,pointerout:q};var Tt={2:F,3:j,4:U,5:W};var Et="pointerdown";var At="pointermove pointerup pointercancel";if(e.MSPointerEvent&&!e.PointerEvent){Et="MSPointerDown";At="MSPointerMove MSPointerUp MSPointerCancel"}function kt(){this.evEl=Et;this.evWin=At;nt.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}y(kt,nt,{handler:function t(e){var i=this.store;var n=false;var r=e.type.toLowerCase().replace("ms","");var s=xt[r];var o=Tt[e.pointerType]||e.pointerType;var a=o==F;var l=R(i,e.pointerId,"pointerId");if(s&B&&(e.button===0||a)){if(l<0){i.push(e);l=i.length-1}}else if(s&(Y|q)){n=true}if(l<0){return}i[l]=e;this.callback(this.manager,s,{pointers:i,changedPointers:[e],pointerType:o,srcEvent:e});if(n){i.splice(l,1)}}});var St={touchstart:B,touchmove:H,touchend:Y,touchcancel:q};var Rt="touchstart";var _t="touchstart touchmove touchend touchcancel";function It(){this.evTarget=Rt;this.evWin=_t;this.started=false;nt.apply(this,arguments)}y(It,nt,{handler:function t(e){var i=St[e.type];if(i===B){this.started=true}if(!this.started){return}var n=Dt.call(this,e,i);if(i&(Y|q)&&n[0].length-n[1].length===0){this.started=false}this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:F,srcEvent:e})}});function Dt(t,e){var i=_(t.touches);var n=_(t.changedTouches);if(e&(Y|q)){i=I(i.concat(n),"identifier",true)}return[i,n]}var Mt={touchstart:B,touchmove:H,touchend:Y,touchcancel:q};var zt="touchstart touchmove touchend touchcancel";function Ot(){this.evTarget=zt;this.targetIds={};nt.apply(this,arguments)}y(Ot,nt,{handler:function t(e){var i=Mt[e.type];var n=Pt.call(this,e,i);if(!n){return}this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:F,srcEvent:e})}});function Pt(t,e){var i=_(t.touches);var n=this.targetIds;if(e&(B|H)&&i.length===1){n[i[0].identifier]=true;return[i,i]}var r,s,o=_(t.changedTouches),a=[],l=this.target;s=i.filter((function(t){return A(t.target,l)}));if(e===B){r=0;while(r<s.length){n[s[r].identifier]=true;r++}}r=0;while(r<o.length){if(n[o[r].identifier]){a.push(o[r])}if(e&(Y|q)){delete n[o[r].identifier]}r++}if(!a.length){return}return[I(s.concat(a),"identifier",true),a]}var Ct=2500;var Nt=25;function Lt(){nt.apply(this,arguments);var t=w(this.handler,this);this.touch=new Ot(this.manager,t);this.mouse=new bt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}y(Lt,nt,{handler:function t(e,i,n){var r=n.pointerType==F,s=n.pointerType==U;if(s&&n.sourceCapabilities&&n.sourceCapabilities.firesTouchEvents){return}if(r){Ft.call(this,i,n)}else if(s&&Ut.call(this,n)){return}this.callback(e,i,n)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function Ft(t,e){if(t&B){this.primaryTouch=e.changedPointers[0].identifier;jt.call(this,e)}else if(t&(Y|q)){jt.call(this,e)}}function jt(t){var e=t.changedPointers[0];if(e.identifier===this.primaryTouch){var i={x:e.clientX,y:e.clientY};this.lastTouches.push(i);var n=this.lastTouches;var r=function(){var t=n.indexOf(i);if(t>-1){n.splice(t,1)}};setTimeout(r,Ct)}}function Ut(t){var e=t.srcEvent.clientX,i=t.srcEvent.clientY;for(var n=0;n<this.lastTouches.length;n++){var r=this.lastTouches[n];var s=Math.abs(e-r.x),o=Math.abs(i-r.y);if(s<=Nt&&o<=Nt){return true}}return false}var Wt=D(o.style,"touchAction");var Xt=Wt!==r;var Bt="compute";var Ht="auto";var Yt="manipulation";var qt="none";var $t="pan-x";var Gt="pan-y";var Vt=Jt();function Zt(t,e){this.manager=t;this.set(e)}Zt.prototype={set:function(t){if(t==Bt){t=this.compute()}if(Xt&&this.manager.element.style&&Vt[t]){this.manager.element.style[Wt]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];d(this.manager.recognizers,(function(e){if(b(e.options.enable,[e])){t=t.concat(e.getTouchAction())}}));return Kt(t.join(" "))},preventDefaults:function(t){var e=t.srcEvent;var i=t.offsetDirection;if(this.manager.session.prevented){e.preventDefault();return}var n=this.actions;var r=k(n,qt)&&!Vt[qt];var s=k(n,Gt)&&!Vt[Gt];var o=k(n,$t)&&!Vt[$t];if(r){var a=t.pointers.length===1;var l=t.distance<2;var c=t.deltaTime<250;if(a&&l&&c){return}}if(o&&s){return}if(r||s&&i&J||o&&i&Q){return this.preventSrc(e)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Kt(t){if(k(t,qt)){return qt}var e=k(t,$t);var i=k(t,Gt);if(e&&i){return qt}if(e||i){return e?$t:Gt}if(k(t,Yt)){return Yt}return Ht}function Jt(){if(!Xt){return false}var t={};var i=e.CSS&&e.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(n){t[n]=i?e.CSS.supports("touch-action",n):true}));return t}var Qt=1;var te=2;var ee=4;var ie=8;var ne=ie;var re=16;var se=32;function oe(t){this.options=m({},this.defaults,t||{});this.id=z();this.manager=null;this.options.enable=x(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}oe.prototype={defaults:{},set:function(t){m(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(h(t,"recognizeWith",this)){return this}var e=this.simultaneous;t=ce(t,this);if(!e[t.id]){e[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(h(t,"dropRecognizeWith",this)){return this}t=ce(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(h(t,"requireFailure",this)){return this}var e=this.requireFail;t=ce(t,this);if(R(e,t)===-1){e.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(h(t,"dropRequireFailure",this)){return this}t=ce(t,this);var e=R(this.requireFail,t);if(e>-1){this.requireFail.splice(e,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var e=this;var i=this.state;function n(i){e.manager.emit(i,t)}if(i<ie){n(e.options.event+ae(i))}n(e.options.event);if(t.additionalEvent){n(t.additionalEvent)}if(i>=ie){n(e.options.event+ae(i))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=se},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(se|Qt))){return false}t++}return true},recognize:function(t){var e=m({},t);if(!b(this.options.enable,[this,e])){this.reset();this.state=se;return}if(this.state&(ne|re|se)){this.state=Qt}this.state=this.process(e);if(this.state&(te|ee|ie|re)){this.tryEmit(e)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function ae(t){if(t&re){return"cancel"}else if(t&ie){return"end"}else if(t&ee){return"move"}else if(t&te){return"start"}return""}function le(t){if(t==K){return"down"}else if(t==Z){return"up"}else if(t==G){return"left"}else if(t==V){return"right"}return""}function ce(t,e){var i=e.manager;if(i){return i.get(t)}return t}function ue(){oe.apply(this,arguments)}y(ue,oe,{defaults:{pointers:1},attrTest:function(t){var e=this.options.pointers;return e===0||t.pointers.length===e},process:function(t){var e=this.state;var i=t.eventType;var n=e&(te|ee);var r=this.attrTest(t);if(n&&(i&q||!r)){return e|re}else if(n||r){if(i&Y){return e|ie}else if(!(e&te)){return te}return e|ee}return se}});function fe(){ue.apply(this,arguments);this.pX=null;this.pY=null}y(fe,ue,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var e=[];if(t&J){e.push(Gt)}if(t&Q){e.push($t)}return e},directionTest:function(t){var e=this.options;var i=true;var n=t.distance;var r=t.direction;var s=t.deltaX;var o=t.deltaY;if(!(r&e.direction)){if(e.direction&J){r=s===0?$:s<0?G:V;i=s!=this.pX;n=Math.abs(t.deltaX)}else{r=o===0?$:o<0?Z:K;i=o!=this.pY;n=Math.abs(t.deltaY)}}t.direction=r;return i&&n>e.threshold&&r&e.direction},attrTest:function(t){return ue.prototype.attrTest.call(this,t)&&(this.state&te||!(this.state&te)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var e=le(t.direction);if(e){t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function he(){ue.apply(this,arguments)}y(he,ue,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&te)},emit:function(t){if(t.scale!==1){var e=t.scale<1?"in":"out";t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function de(){oe.apply(this,arguments);this._timer=null;this._input=null}y(de,oe,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Ht]},process:function(t){var e=this.options;var i=t.pointers.length===e.pointers;var n=t.distance<e.threshold;var r=t.deltaTime>e.time;this._input=t;if(!n||!i||t.eventType&(Y|q)&&!r){this.reset()}else if(t.eventType&B){this.reset();this._timer=f((function(){this.state=ne;this.tryEmit()}),e.time,this)}else if(t.eventType&Y){return ne}return se},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ne){return}if(t&&t.eventType&Y){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=u();this.manager.emit(this.options.event,this._input)}}});function pe(){ue.apply(this,arguments)}y(pe,ue,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&te)}});function me(){ue.apply(this,arguments)}y(me,ue,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:J|Q,pointers:1},getTouchAction:function(){return fe.prototype.getTouchAction.call(this)},attrTest:function(t){var e=this.options.direction;var i;if(e&(J|Q)){i=t.overallVelocity}else if(e&J){i=t.overallVelocityX}else if(e&Q){i=t.overallVelocityY}return this._super.attrTest.call(this,t)&&e&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&c(i)>this.options.velocity&&t.eventType&Y},emit:function(t){var e=le(t.offsetDirection);if(e){this.manager.emit(this.options.event+e,t)}this.manager.emit(this.options.event,t)}});function ve(){oe.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}y(ve,oe,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Yt]},process:function(t){var e=this.options;var i=t.pointers.length===e.pointers;var n=t.distance<e.threshold;var r=t.deltaTime<e.time;this.reset();if(t.eventType&B&&this.count===0){return this.failTimeout()}if(n&&r&&i){if(t.eventType!=Y){return this.failTimeout()}var s=this.pTime?t.timeStamp-this.pTime<e.interval:true;var o=!this.pCenter||dt(this.pCenter,t.center)<e.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!o||!s){this.count=1}else{this.count+=1}this._input=t;var a=this.count%e.taps;if(a===0){if(!this.hasRequireFailures()){return ne}else{this._timer=f((function(){this.state=ne;this.tryEmit()}),e.interval,this);return te}}}return se},failTimeout:function(){this._timer=f((function(){this.state=se}),this.options.interval,this);return se},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ne){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function ge(t,e){e=e||{};e.recognizers=x(e.recognizers,ge.defaults.preset);return new be(t,e)}ge.VERSION="2.0.7";ge.defaults={domEvents:false,touchAction:Bt,enable:true,inputTarget:null,inputClass:null,preset:[[pe,{enable:false}],[he,{enable:false},["rotate"]],[me,{direction:J}],[fe,{direction:J},["swipe"]],[ve],[ve,{event:"doubletap",taps:2},["tap"]],[de]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var ye=1;var we=2;function be(t,e){this.options=m({},ge.defaults,e||{});this.options.inputTarget=this.options.inputTarget||t;this.handlers={};this.session={};this.recognizers=[];this.oldCssProps={};this.element=t;this.input=rt(this);this.touchAction=new Zt(this,this.options.touchAction);xe(this,true);d(this.options.recognizers,(function(t){var e=this.add(new t[0](t[1]));t[2]&&e.recognizeWith(t[2]);t[3]&&e.requireFailure(t[3])}),this)}be.prototype={set:function(t){m(this.options,t);if(t.touchAction){this.touchAction.update()}if(t.inputTarget){this.input.destroy();this.input.target=t.inputTarget;this.input.init()}return this},stop:function(t){this.session.stopped=t?we:ye},recognize:function(t){var e=this.session;if(e.stopped){return}this.touchAction.preventDefaults(t);var i;var n=this.recognizers;var r=e.curRecognizer;if(!r||r&&r.state&ne){r=e.curRecognizer=null}var s=0;while(s<n.length){i=n[s];if(e.stopped!==we&&(!r||i==r||i.canRecognizeWith(r))){i.recognize(t)}else{i.reset()}if(!r&&i.state&(te|ee|ie)){r=e.curRecognizer=i}s++}},get:function(t){if(t instanceof oe){return t}var e=this.recognizers;for(var i=0;i<e.length;i++){if(e[i].options.event==t){return e[i]}}return null},add:function(t){if(h(t,"add",this)){return this}var e=this.get(t.options.event);if(e){this.remove(e)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(h(t,"remove",this)){return this}t=this.get(t);if(t){var e=this.recognizers;var i=R(e,t);if(i!==-1){e.splice(i,1);this.touchAction.update()}}return this},on:function(t,e){if(t===r){return}if(e===r){return}var i=this.handlers;d(S(t),(function(t){i[t]=i[t]||[];i[t].push(e)}));return this},off:function(t,e){if(t===r){return}var i=this.handlers;d(S(t),(function(t){if(!e){delete i[t]}else{i[t]&&i[t].splice(R(i[t],e),1)}}));return this},emit:function(t,e){if(this.options.domEvents){Te(t,e)}var i=this.handlers[t]&&this.handlers[t].slice();if(!i||!i.length){return}e.type=t;e.preventDefault=function(){e.srcEvent.preventDefault()};var n=0;while(n<i.length){i[n](e);n++}},destroy:function(){this.element&&xe(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function xe(t,e){var i=t.element;if(!i.style){return}var n;d(t.options.cssProps,(function(r,s){n=D(i.style,s);if(e){t.oldCssProps[n]=i.style[n];i.style[n]=r}else{i.style[n]=t.oldCssProps[n]||""}}));if(!e){t.oldCssProps={}}}function Te(t,e){var n=i.createEvent("Event");n.initEvent(t,true,true);n.gesture=e;e.target.dispatchEvent(n)}m(ge,{INPUT_START:B,INPUT_MOVE:H,INPUT_END:Y,INPUT_CANCEL:q,STATE_POSSIBLE:Qt,STATE_BEGAN:te,STATE_CHANGED:ee,STATE_ENDED:ie,STATE_RECOGNIZED:ne,STATE_CANCELLED:re,STATE_FAILED:se,DIRECTION_NONE:$,DIRECTION_LEFT:G,DIRECTION_RIGHT:V,DIRECTION_UP:Z,DIRECTION_DOWN:K,DIRECTION_HORIZONTAL:J,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:be,Input:nt,TouchAction:Zt,TouchInput:Ot,MouseInput:bt,PointerEventInput:kt,TouchMouseInput:Lt,SingleTouchInput:It,Recognizer:oe,AttrRecognizer:ue,Tap:ve,Pan:fe,Swipe:me,Pinch:he,Rotate:pe,Press:de,on:T,off:E,each:d,merge:g,extend:v,assign:m,inherit:y,bindFn:w,prefixed:D});var Ee=typeof e!=="undefined"?e:typeof self!=="undefined"?self:{};Ee.Hammer=ge;if(typeof r==="function"&&r.amd){r((function(){return ge}))}else if(t.exports){t.exports=ge}else{e[n]=ge}})(window,document,"Hammer")})(u);const f=u.exports;const h=':host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}:host>#external-container{display:flex;min-height:calc(var(--space-unit) * 8.5);box-sizing:border-box;justify-content:space-between;padding:calc(var(--space-unit) * 2) 14px calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);border-radius:var(--border-size-large);box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container>#inner-container{display:flex;width:100%;flex-direction:column;justify-content:space-between}:host>#external-container #inner-container #text{padding:var(--space-unit) 0;color:var(--color-text-inverse);letter-spacing:0.16px;line-height:20px;text-align:start}:host>#external-container #inner-container #text>.title{margin-right:calc(var(--space-unit) / 2);font-weight:var(--font-sb)}:host>#external-container #inner-container ::slotted([slot="button"]){margin-top:var(--space-unit)}:host>#external-container #icon{padding-top:var(--space-unit);margin:0 calc(var(--space-unit) / 4);cursor:pointer;fill:var(--color-inverse-icon)}:host>#external-container #icon:focus-within{margin:0}:host>#external-container #icon z-icon{margin:0 0 0 14px}:host>#external-container #icon z-icon:focus{display:inline-block;padding:calc(var(--space-unit) / 4);border-radius:50%;box-shadow:var(--shadow-focus-primary)}:host>#external-container.dark{background:var(--color-surface05)}:host>#external-container.light{background:var(--color-surface01)}:host>#external-container.light #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #inner-container #text,:host>#external-container.warning #inner-container #text{color:var(--color-default-text)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-default-error)}:host>#external-container.success{background:var(--color-default-success)}:host>#external-container.warning{background:var(--color-default-warning)}:host>#external-container.warning #icon{fill:var(--color-default-icon)}@media (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container #inner-container{flex-direction:row}:host>#external-container #inner-container ::slotted([slot="button"]){margin:0 0 0 calc(var(--space-unit) * 2)}}@media (min-width: 1366px){:host{max-width:33vw}}';const d=h;const p=class{constructor(i){t(this,i);this.toastClose=e(this,"toastClose",7);this.isCloseEventCalled=false;this.heading=undefined;this.message=undefined;this.closebutton=undefined;this.autoclose=undefined;this.pauseonfocusloss=true;this.type=undefined;this.isdraggable=true;this.draggablepercentage=80;this.transition=undefined;this.percentage=undefined}watchPropIsdraggable(t){if(t){this.sliderManager.get("pan").set({enable:true})}else{this.sliderManager.get("pan").set({enable:false})}}watchPropAutoclose(t){clearTimeout(this.timeoutHandle);this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){if(this.autoclose){if(t){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}else{document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler)}}}emitToastClose(t,e){if(e&&this.timeoutHandle){clearTimeout(this.timeoutHandle)}this.timeoutHandle=null;this.elapsedTime=null;this.toastClose.emit();if(t){this.hostElement.classList.add(t)}else{this.hostElement.parentNode.removeChild(this.hostElement)}}componentWillLoad(){this.validateAutoclose();this.percentage=0}componentDidLoad(){this.startTime=Date.now();if(this.autoclose){if(this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}if(!this.transition){this.startClosingTimeout(this.autoclose)}}this.isdraggable&&this.handleSlideOutDragAnimation()}visibilityChangeEventHandler(){if(document.visibilityState==="hidden"){this.timeoutHandle&&this.onBlur()}else{this.elapsedTime&&this.onFocus()}}validateAutoclose(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}}mapSlideOutClass(){switch(this.transition){case s.SLIDE_IN_DOWN:return s.SLIDE_OUT_UP;case s.SLIDE_IN_UP:return s.SLIDE_OUT_DOWN;case s.SLIDE_IN_LEFT:return s.SLIDE_OUT_RIGHT;case s.SLIDE_IN_RIGHT:return s.SLIDE_OUT_LEFT;default:return null}}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new f(this.hostElement);this.sliderManager.get("pan").set({direction:f.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t);this.hostElement.style.transition="none";if(this.transition){this.hostElement.classList.remove(this.transition)}const e={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`;if(t.eventType===f.DIRECTION_LEFT||t.eventType===f.DIRECTION_RIGHT){this.hostElement.style.transform=e.translate;if(Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled){this.isCloseEventCalled=true;this.emitToastClose(t.direction===f.DIRECTION_LEFT?"slide-out-left":"slide-out-right",true)}}if(t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage){this.hostElement.style.transform=e.translateBack;this.hostElement.style.transition="all 1s";this.hostElement.style.opacity="100%";this.percentage=0}}))}onFocus(){let t=this.autoclose;if(this.elapsedTime){t=this.autoclose-this.elapsedTime}if(t>0){this.startClosingTimeout(t)}}onBlur(){this.elapsedTime=Date.now()-this.startTime;clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=window.setTimeout((()=>this.emitToastClose(this.mapSlideOutClass(),false)),t)}renderContent(){return i("div",{id:"external-container",tabIndex:0,class:{[this.type]:!!this.type}},i("div",{id:"inner-container"},i("div",{id:"text"},this.heading&&i("span",{class:"title"},this.heading),i("span",{class:"message",innerHTML:c.sanitize(this.message||" ")})),i("div",{id:"button"},i("slot",{name:"button"}))),i("div",{id:"icon"},this.closebutton&&i("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass(),true),onKeyPress:t=>{if(t.code==o.SPACE||t.code==o.ENTER){t.preventDefault();this.emitToastClose(this.mapSlideOutClass(),true)}}})))}render(){return i(n,{key:"e831b21d9178cad74415f78eac62002e5a7a13ab",style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:"",onAnimationEnd:t=>{if(this.autoclose&&t.animationName.includes("slidein")){this.startClosingTimeout(this.autoclose)}if(t.animationName.includes("slideout")){this.hostElement.parentNode.removeChild(this.hostElement)}}},this.renderContent())}get hostElement(){return r(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};p.style=d;export{p as z_toast_notification};
+//# sourceMappingURL=p-46ea0b2e.entry.js.map