@zanichelli/albe-web-components 6.5.0 → 6.5.1

package/www/build/{p-8b960526.entry.js → p-dd000757.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as r,g as e}from"./p-d17ebc2f.js";import{P as i,e as s}from"./p-a23e9115.js";import{a as n}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const a=document.documentElement;function p(t){return t.parentNode.host?t.parentNode.host:t.parentNode}function h(t,o){const r=t.getBoundingClientRect(),e=r.width,i=r.height;let s,n,a=0,p=0,h=t;for(;h&&h!=o;){if(p+=h.offsetLeft,h===document.body?a+=h.getBoundingClientRect().top+window.scrollY:a+=h.offsetTop,window.DOMMatrix){const t=window.getComputedStyle(h),o=new DOMMatrix(t.transform||t.webkitTransform);o&&(p+=o.m41,h!==document.body&&(a+=o.m42))}if(!h.offsetParent)break;h=h.offsetParent}return h===document.body?(s=window.innerWidth,n=window.innerHeight):(s=h.offsetWidth,n=h.offsetHeight),{top:a,right:s-p-r.width,bottom:n-a-r.height,left:p,width:e,height:i}}const c=class{constructor(r){t(this,r),this.positionChange=o(this,"positionChange",7),this.openChange=o(this,"openChange",7),this.position=i.AUTO,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0}closePopoverWithKeyboard(t){this.closable&&t.key===s.ESC&&(this.open=!1)}handleOutsideClick(t){this.closable&&(n(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.open=!1,this.positionChange.emit({position:this.currentPosition})))}validatePosition(t){t&&!Object.values(i).includes(t)&&(this.position=i.AUTO),this.currentPosition=this.position,this.positionChange.emit({position:this.currentPosition})}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.open){const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};t()}else this.host.hasAttribute("current-position")&&(this.host.removeAttribute("current-position"),this.currentPosition=void 0);this.openChange.emit({open:this.open})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}setPosition(){let t;if(t="string"==typeof this.bindTo?this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.bindTo:this.host.parentElement,!t)return;const o=function(t){let o=p(t);for(;o&&o!==a;){const{overflow:t,overflowX:r,overflowY:e}=window.getComputedStyle(o);if("hidden"===t||"hidden"===e||"hidden"===r)return o;if(o.scrollHeight>o.clientHeight&&"visible"!==t&&"visible"!==e||o.scrollWidth>o.clientWidth&&"visible"!==t&&"visible"!==r)return o;o=p(o)}return a}(t),r=o.getBoundingClientRect(),e=this.host.offsetParent,s=e?h(e,o):{top:0,right:0,bottom:0,left:0},n=h(t,o),c=n.top-o.scrollTop,f=r.height-(n.top+n.height)+o.scrollTop,u=n.left-o.scrollLeft,l=r.width-(n.left+n.width)+o.scrollLeft,d=Math.max(0,r.top+r.height-window.innerHeight),b=Math.max(0,r.left+r.width-window.innerWidth),v=Math.min(c,c+r.top),w=Math.min(f,f-d),m=Math.min(u,u+r.left),g=Math.min(l,l-b),x=v+w+n.height,$=m+g+n.width;let z=this.currentPosition;const y=[];this.position===i.AUTO&&(m/$>.6?y.push(i.LEFT):m/$<.4&&y.push(i.RIGHT),v/x>.9?y.unshift(i.TOP):v/x>.6?y.push(i.TOP):v/x<.1?y.unshift(i.BOTTOM):y.push(i.BOTTOM),z=y.join("_"));const _=this.host.style;_.position="absolute";const M=n.top-s.top,j=n.right-s.right,k=n.bottom-s.bottom,O=n.left-s.left,P=this.center?.5:0,C=this.center?.5:0;z===i.TOP||z===i.TOP_RIGHT?(_.top="auto",_.right="auto",_.bottom=`${k+n.height}px`,_.left=`${O+n.width*P}px`,_.maxHeight=`${v}px`,z===i.TOP_RIGHT&&(_.maxWidth=`${g+n.width*C}px`)):z===i.TOP_LEFT?(_.top="auto",_.right=`${j+n.width*P}px`,_.bottom=`${k+n.height}px`,_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${v}px`):z===i.BOTTOM||z===i.BOTTOM_RIGHT?(_.top=`${M+n.height}px`,_.right="auto",_.bottom="auto",_.left=`${O+n.width*P}px`,_.maxHeight=`${w}px`,z===i.BOTTOM_RIGHT&&(_.maxWidth=`${g+n.width*C}px`)):z===i.BOTTOM_LEFT?(_.top=`${M+n.height}px`,_.right=`${j+n.width*P}px`,_.bottom="auto",_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${w}px`):z===i.RIGHT||z===i.RIGHT_BOTTOM?(_.top=`${M+n.height*P}px`,_.right="auto",_.bottom="auto",_.left=`${O+n.width}px`,_.maxWidth=`${g}px`,_.maxHeight=`${w+n.height*C}px`):z===i.RIGHT_TOP?(_.top="auto",_.right="auto",_.bottom=`${k+n.height*P}px`,_.left=`${O+n.width}px`,_.maxWidth=`${g}px`,_.maxHeight=`${v+n.height*C}px`):z===i.LEFT||z===i.LEFT_BOTTOM?(_.top=`${M+n.height*P}px`,_.right=`${j+n.width}px`,_.bottom="auto",_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${w+n.height*C}px`):z===i.LEFT_TOP&&(_.top="auto",_.right=`${j+n.width}px`,_.bottom=`${k+n.height*P}px`,_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${v+n.height*C}px`),this.currentPosition=z||this.position,this.host.setAttribute("current-position",this.currentPosition)}componentWillLoad(){this.validatePosition(this.position),this.onOpen()}render(){return r("slot",null)}get host(){return e(this)}static get watchers(){return{position:["validatePosition"],open:["onOpen"]}}};c.style=':host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-text01);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open="true"][current-position]){display:flex}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}';export{c as z_popover}
+import{r as t,c as o,h as e,g as r}from"./p-d17ebc2f.js";import{P as i,e as s}from"./p-a23e9115.js";import{a as n}from"./p-8ebe4adf.js";import"./p-d69e14fb.js";const a=document.documentElement;function p(t){return t.parentNode.host?t.parentNode.host:t.parentNode}function h(t,o){const e=t.getBoundingClientRect(),r=e.width,i=e.height;let s,n,a=0,p=0,h=t;for(;h&&h!=o;){if(p+=h.offsetLeft,h===document.body?a+=h.getBoundingClientRect().top+window.scrollY:a+=h.offsetTop,window.DOMMatrix){const t=window.getComputedStyle(h),o=new DOMMatrix(t.transform||t.webkitTransform);o&&(p+=o.m41,h!==document.body&&(a+=o.m42))}if(!h.offsetParent)break;h=h.offsetParent}return h===document.body?(s=window.innerWidth,n=window.innerHeight):(s=h.offsetWidth,n=h.offsetHeight),{top:a,right:s-p-e.width,bottom:n-a-e.height,left:p,width:r,height:i}}const c=class{constructor(e){t(this,e),this.positionChange=o(this,"positionChange",7),this.openChange=o(this,"openChange",7),this.position=i.AUTO,this.open=!1,this.showArrow=!1,this.center=!1,this.closable=!0}closePopoverWithKeyboard(t){this.closable&&t.key===s.ESC&&(this.open=!1)}handleOutsideClick(t){this.closable&&(n(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.open=!1,this.positionChange.emit({position:this.currentPosition})))}validatePosition(t){t&&!Object.values(i).includes(t)&&(this.position=i.AUTO),this.currentPosition=this.position,this.positionChange.emit({position:this.currentPosition})}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),this.open){const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};t()}else this.host.hasAttribute("current-position")&&(this.host.removeAttribute("current-position"),this.currentPosition=void 0);this.openChange.emit({open:this.open})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}setPosition(){let t;if(t="string"==typeof this.bindTo?this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.bindTo:this.host.parentElement,!t)return;const o=function(t){let o=p(t);for(;o&&o!==a;){const{overflow:t,overflowX:e,overflowY:r}=window.getComputedStyle(o);if("hidden"===t||"hidden"===r||"hidden"===e)return o;if(o.scrollHeight>o.clientHeight&&"visible"!==t&&"visible"!==r||o.scrollWidth>o.clientWidth&&"visible"!==t&&"visible"!==e)return o;o=p(o)}return a}(t),e=o.getBoundingClientRect(),r=this.host.offsetParent,s=r?h(r,o):{top:0,right:0,bottom:0,left:0},n=h(t,o),c=n.top-o.scrollTop,f=e.height-(n.top+n.height)+o.scrollTop,u=n.left-o.scrollLeft,l=e.width-(n.left+n.width)+o.scrollLeft,d=Math.max(0,e.top+e.height-window.innerHeight),b=Math.max(0,e.left+e.width-window.innerWidth),v=Math.min(c,c+e.top),w=Math.min(f,f-d),m=Math.min(u,u+e.left),g=Math.min(l,l-b),x=v+w+n.height,$=m+g+n.width;let z=this.currentPosition;const y=[];this.position===i.AUTO&&(m/$>.6?y.push(i.LEFT):m/$<.4&&y.push(i.RIGHT),v/x>.9?y.unshift(i.TOP):v/x>.6?y.push(i.TOP):v/x<.1?y.unshift(i.BOTTOM):y.push(i.BOTTOM),z=y.join("_"));const _=this.host.style;_.position="absolute";const M=n.top-s.top,j=n.right-s.right,k=n.bottom-s.bottom,O=n.left-s.left,P=this.center?.5:0,C=this.center?.5:0;z===i.TOP||z===i.TOP_RIGHT?(_.top="auto",_.right="auto",_.bottom=`${k+n.height}px`,_.left=`${O+n.width*P}px`,_.maxHeight=`${v}px`,z===i.TOP_RIGHT&&(_.maxWidth=`${g+n.width*C}px`)):z===i.TOP_LEFT?(_.top="auto",_.right=`${j+n.width*P}px`,_.bottom=`${k+n.height}px`,_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${v}px`):z===i.BOTTOM||z===i.BOTTOM_RIGHT?(_.top=`${M+n.height}px`,_.right="auto",_.bottom="auto",_.left=`${O+n.width*P}px`,_.maxHeight=`${w}px`,z===i.BOTTOM_RIGHT&&(_.maxWidth=`${g+n.width*C}px`)):z===i.BOTTOM_LEFT?(_.top=`${M+n.height}px`,_.right=`${j+n.width*P}px`,_.bottom="auto",_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${w}px`):z===i.RIGHT||z===i.RIGHT_BOTTOM?(_.top=`${M+n.height*P}px`,_.right="auto",_.bottom="auto",_.left=`${O+n.width}px`,_.maxWidth=`${g}px`,_.maxHeight=`${w+n.height*C}px`):z===i.RIGHT_TOP?(_.top="auto",_.right="auto",_.bottom=`${k+n.height*P}px`,_.left=`${O+n.width}px`,_.maxWidth=`${g}px`,_.maxHeight=`${v+n.height*C}px`):z===i.LEFT||z===i.LEFT_BOTTOM?(_.top=`${M+n.height*P}px`,_.right=`${j+n.width}px`,_.bottom="auto",_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${w+n.height*C}px`):z===i.LEFT_TOP&&(_.top="auto",_.right=`${j+n.width}px`,_.bottom=`${k+n.height*P}px`,_.left="auto",_.maxWidth=`${m}px`,_.maxHeight=`${v+n.height*C}px`),this.currentPosition=z||this.position,this.host.setAttribute("current-position",this.currentPosition)}componentWillLoad(){this.validatePosition(this.position),this.onOpen()}render(){return e("slot",null)}get host(){return r(this)}static get watchers(){return{position:["validatePosition"],open:["onOpen"]}}};c.style=':host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-text01);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open="true"][current-position]){display:flex}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}';export{c as z_popover}

package/www/build/p-de55c171.entry.js

@@ -0,0 +1 @@
+import{r as a,c as r,h as o,H as e}from"./p-d17ebc2f.js";const t=class{constructor(o){a(this,o),this.fileDropped=r(this,"fileDropped",7)}fileDroppedHandler(a){this.fileDropped.emit(a)}renderOnDragOverMessage(){return o("div",{class:"dragover-container"},o("div",{class:"dragover-message"},o("z-body",{variant:"semibold",level:2},"Rilascia i file in questa area per allegarli.")))}render(){return o("div",{tabIndex:0,ref:a=>this.dragDropContainer=a,class:"dragdrop",onDragOver:a=>{a.preventDefault(),this.dragDropContainer.classList.add("dragover")},onDragLeave:()=>{this.dragDropContainer.classList.remove("dragover")},onDrop:a=>{a.preventDefault(),a.dataTransfer.files.length&&(this.dragDropContainer.classList.remove("dragover"),this.fileDroppedHandler(a.dataTransfer.files))}},this.renderOnDragOverMessage(),o("slot",null))}};t.style=":host{margin-top:calc(var(--space-unit) * 3);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:flex;height:228px;flex-direction:column;border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-text01)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text04)}:host>.dragdrop.dragover .dragover-container{display:flex;align-items:center;justify-content:center}";const i=class{constructor(r){a(this,r),this.variant="regular"}render(){return o("z-typography",{tabIndex:0,component:this.component||`h${this.level}`,level:`h${this.level}`,variant:this.variant},o("slot",null))}},n=class{constructor(o){a(this,o),this.modalClose=r(this,"modalClose",7),this.modalHeaderActive=r(this,"modalHeaderActive",7),this.modalBackgroundClick=r(this,"modalBackgroundClick",7),this.closeButtonLabel="close modal"}emitModalClose(){this.modalClose.emit({modalid:this.modalid})}emitModalHeaderActive(){this.modalHeaderActive.emit({modalid:this.modalid})}emitBackgroundClick(){this.modalBackgroundClick.emit({modalid:this.modalid})}render(){return o(e,null,o("div",{class:"modal-container",id:this.modalid,role:"dialog"},o("header",{onClick:this.emitModalHeaderActive.bind(this)},o("div",null,this.modaltitle&&o("h1",null,this.modaltitle),this.modalsubtitle&&o("h2",null,this.modalsubtitle)),o("slot",{name:"modalCloseButton"},o("button",{"aria-label":this.closeButtonLabel,onClick:this.emitModalClose.bind(this)},o("z-icon",{name:"multiply-circle-filled"})))),o("div",{class:"modal-content"},o("slot",{name:"modalContent"}))),o("div",{class:"modal-background","data-action":"modalBackground","data-modal":this.modalid,onClick:this.emitBackgroundClick.bind(this)}))}};n.style=":host{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;flex-direction:row;justify-content:center;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.modal-container{z-index:1010;display:flex;overflow:-moz-scrollbars-none;overflow:hidden;width:100%;height:100vh;flex-direction:column}.modal-container>header{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);background:var(--color-surface02)}.modal-container>header button{padding:0;border:none;margin:0;margin-left:auto;background:transparent;cursor:pointer}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 2.5);--z-icon-height:calc(var(--space-unit) * 2.5);display:flex;fill:var(--color-icon01)}.modal-container>header>div{display:flex;width:100%;flex-direction:column;margin-right:calc(var(--space-unit) * 2)}.modal-container>header h1,.modal-container>header h2{padding:0;margin:0;color:var(--color-text01);font-weight:var(--font-rg)}.modal-container>header h1{font-size:var(--font-size-5);letter-spacing:0;line-height:1.4}.modal-container>header h2{font-size:var(--font-size-3);letter-spacing:0;line-height:1.5}.modal-container>header>div *:empty{display:none}.modal-container>header h1+h2{margin-top:calc(var(--space-unit) * 0.5)}.modal-container>.modal-content{overflow:auto;flex:1 auto;background:var(--color-surface01);overflow-x:hidden}.modal-container .modal-content::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.modal-container .modal-content::-webkit-scrollbar-track{background-color:transparent}.modal-container .modal-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.modal-container .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.modal-container .modal-content{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.modal-container{position:fixed;top:calc(var(--space-unit) * 6);left:50%;width:auto;min-width:calc(var(--space-unit) * 40);height:auto;min-height:calc(var(--space-unit) * 40);max-height:calc(100vh - calc(var(--space-unit) * 6 * 2));border-radius:var(--border-radius);transform:translateX(-50%)}.modal-container>header z-icon{--z-icon-width:calc(var(--space-unit) * 3);--z-icon-height:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 768px) and (max-width: 1151px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){.modal-container>header{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4)}.modal-container>header h1{font-size:var(--font-size-6);letter-spacing:0;line-height:1.33}.modal-container>header h2{font-size:var(--font-size-4);letter-spacing:0;line-height:1.5}.modal-container>header h1+h2{margin-top:0}}";export{t as z_dragdrop_area,i as z_heading,n as z_modal}

package/www/build/web-components-library.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-d17ebc2f.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-1cb23bbb",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-3d9ecc23",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isOpen":[32],"selectedItem":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]}]]],["p-547d3b1f",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["p-279655eb",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"files":[32],"invalidFiles":[32],"getFiles":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-f20d1242",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1],"pwdmessage":[1],"externalProviderCheck":[32]}]]],["p-0843b0e7",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[513,"popover-position"]}]]],["p-59cfee8d",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-1ba8d432",[[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-95b8f109",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["p-07e18572",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-01f001fd",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]]]]],["p-3f55dce6",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-93dc6d51",[[4,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[4],"arrowsPosition":[1,"arrows-position"],"progressMode":[1,"progress-mode"],"ghostLoadingHeight":[2,"ghost-loading-height"],"current":[32],"items":[32]}]]],["p-b6f36170",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]]]]],["p-38a3cf3b",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-2acd6a51",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]]]]],["p-9ed27651",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-9c28b8fc",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"collapsed":[32]}]]],["p-682528b2",[[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}]]],["p-3a468aa9",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-bdc6f2e5",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-e40b16fa",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]}]]],["p-5dd9a2c6",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-c6aad085",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-8980398c",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-3c2d438b",[[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]]]],["p-ede9fbf5",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-a82ea410",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"showshadow":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]]]],["p-5b6d2bcf",[[1,"z-icon-package"]]],["p-61424b8a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-beba3e67",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"open":[32],"currentIndex":[32]}]]],["p-f158d205",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-f95cc914",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-05ced71c",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-7af991f5",[[0,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"icon":[1],"label":[1],"htmlTitle":[1,"html-title"]},[[0,"click","onClick"]]]]],["p-8ffc17b7",[[0,"z-navigation-tab-link",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"htmlTitle":[1,"html-title"],"target":[1],"href":[1],"icon":[1],"label":[1]},[[0,"click","onClick"]]]]],["p-6b1a5309",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","onTabSelected"]]]]],["p-2efedcf4",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-540c7d73",[[1,"z-pocket-message"]]],["p-214b6cee",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-c25b0b2a",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-344e7ae7",[[6,"z-tag",{"icon":[1],"expandable":[4]}]]],["p-26f834e5",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]}]]],["p-9d03a7d6",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}]]],["p-9965827d",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-009c9f67",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-51e308ca",[[4,"z-aria-alert",{"mode":[1]}]]],["p-8c105bd1",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-67d6cfcb",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"]}]]],["p-475ca461",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-af4d1987",[[1,"z-myz-card-footer-sections"]]],["p-ce83ce18",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-4e8fd5be",[[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513]}]]],["p-73c91de3",[[1,"z-stepper"]]],["p-810bd730",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-c4417a91",[[6,"z-table-body"]]],["p-bb0fe7bc",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-eaa4eba8",[[6,"z-table-footer"]]],["p-37e050bd",[[6,"z-table-head"]]],["p-3be171d0",[[6,"z-table-sticky-footer"]]],["p-34c26207",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]}]]],["p-f54f63e1",[[1,"z-visually-hidden"]]],["p-8bf0844b",[[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]]]],["p-0fa4b50b",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-735bdfa3",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-411cbcd6",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516]}]]],["p-074ea569",[[1,"z-alert",{"type":[1]}]]],["p-9d57a84c",[[1,"z-ghost-loading"]]],["p-b17981a4",[[1,"z-dragdrop-area"],[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-a2b67e2d",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-4cd6c6f4",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}]]],["p-1b6279a6",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-20a3247c",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-b33f5e6a",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-f0653e72",[[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[516],"iconposition":[1],"underline":[4],"iconSize":[32]}]]],["p-8b960526",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]]]],["p-33352f9e",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["p-9c338aeb",[[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list",{"size":[513],"listType":[513,"list-type"]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}]]],["p-2d1b6c3c",[[6,"z-button",{"ariaLabel":[513,"aria-label"],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}]]],["p-98c94e81",[[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"hasclearicon":[4],"icon":[1],"min":[2],"max":[2],"step":[2],"pattern":[1],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-input-message",{"message":[1],"status":[513]}]]],["p-a79d1412",[[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-typography",{"level":[1],"variant":[1],"component":[1]}]]]]'),e)));
+import{p as e,b as i}from"./p-d17ebc2f.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-1cb23bbb",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-7ea553e9",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isOpen":[32],"selectedItem":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]}]]],["p-8305bbcc",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["p-7b3b99ee",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"files":[32],"invalidFiles":[32],"getFiles":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-0843b0e7",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[513,"popover-position"]}]]],["p-59cfee8d",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-95b8f109",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["p-07e18572",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-01f001fd",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]]]]],["p-3f55dce6",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-93dc6d51",[[4,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[4],"arrowsPosition":[1,"arrows-position"],"progressMode":[1,"progress-mode"],"ghostLoadingHeight":[2,"ghost-loading-height"],"current":[32],"items":[32]}]]],["p-b6f36170",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]]]]],["p-38a3cf3b",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-2acd6a51",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]]]]],["p-1d66b265",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-9c28b8fc",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"collapsed":[32]}]]],["p-3a468aa9",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-a6c0f149",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-e40b16fa",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]}]]],["p-5dd9a2c6",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-c6aad085",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-d2127d84",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-bdefe224",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}]]],["p-ede9fbf5",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-a82ea410",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"showshadow":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]]]],["p-5b6d2bcf",[[1,"z-icon-package"]]],["p-61424b8a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-beba3e67",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"open":[32],"currentIndex":[32]}]]],["p-f158d205",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-f95cc914",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-05ced71c",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-7af991f5",[[0,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"icon":[1],"label":[1],"htmlTitle":[1,"html-title"]},[[0,"click","onClick"]]]]],["p-8ffc17b7",[[0,"z-navigation-tab-link",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"htmlTitle":[1,"html-title"],"target":[1],"href":[1],"icon":[1],"label":[1]},[[0,"click","onClick"]]]]],["p-6b1a5309",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","onTabSelected"]]]]],["p-2efedcf4",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-540c7d73",[[1,"z-pocket-message"]]],["p-214b6cee",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-93142fac",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-344e7ae7",[[6,"z-tag",{"icon":[1],"expandable":[4]}]]],["p-26f834e5",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]}]]],["p-9d03a7d6",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}]]],["p-26033729",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-009c9f67",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-51e308ca",[[4,"z-aria-alert",{"mode":[1]}]]],["p-8c105bd1",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-67d6cfcb",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"]}]]],["p-ae79573a",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-475ca461",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-af4d1987",[[1,"z-myz-card-footer-sections"]]],["p-ce83ce18",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-9a613586",[[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513]}]]],["p-73c91de3",[[1,"z-stepper"]]],["p-810bd730",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-c4417a91",[[6,"z-table-body"]]],["p-bb0fe7bc",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-eaa4eba8",[[6,"z-table-footer"]]],["p-37e050bd",[[6,"z-table-head"]]],["p-3be171d0",[[6,"z-table-sticky-footer"]]],["p-34c26207",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]}]]],["p-f54f63e1",[[1,"z-visually-hidden"]]],["p-53065788",[[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]]]],["p-0fa4b50b",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-735bdfa3",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-a05ce0a6",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516]}]]],["p-074ea569",[[1,"z-alert",{"type":[1]}]]],["p-9d57a84c",[[1,"z-ghost-loading"]]],["p-f0653e72",[[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[516],"iconposition":[1],"underline":[4],"iconSize":[32]}]]],["p-5c62387a",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-de55c171",[[1,"z-dragdrop-area"],[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}]]],["p-6c163539",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-b33f5e6a",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-dd000757",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]]]],["p-33352f9e",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["p-9c338aeb",[[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list",{"size":[513],"listType":[513,"list-type"]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}]]],["p-2d1b6c3c",[[6,"z-button",{"ariaLabel":[513,"aria-label"],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}]]],["p-91a74348",[[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"hasclearicon":[4],"icon":[1],"min":[2],"max":[2],"step":[2],"pattern":[1],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-input-message",{"message":[1],"status":[513]}]]],["p-a79d1412",[[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-typography",{"level":[1],"variant":[1],"component":[1]}]]]]'),e)));

package/www/index.html

@@ -1 +1 @@
-<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Albe test application</title> <link rel="stylesheet" type="text/css" href="/build/p-4b159cbd.css"> <link rel="modulepreload" href="/build/p-13cf5e67.js"><script type="module" src="/build/p-13cf5e67.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body> <header> <z-app-header> <h1 slot="title">Albe test app</h1> </z-app-header> </header> <main></main> </body></html>
+<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Albe test application</title> <link rel="stylesheet" type="text/css" href="/build/p-4b159cbd.css"> <link rel="modulepreload" href="/build/p-dbb8bcb2.js"><script type="module" src="/build/p-dbb8bcb2.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body> <header> <z-app-header> <h1 slot="title">Albe test app</h1> </z-app-header> </header> <main></main> </body></html>

package/www/pages/file-upload.html

@@ -32,39 +32,6 @@
   </head>
 
   <body style="width: 100%; margin: 0; background-color: #f9f9f9">
-    <z-app-topbar hashtag="via crucis">
-      <z-logo
-        slot="logo"
-        width="138"
-        height="36"
-        imagealt="zanichelli-logo"
-        link="https://www.zanichelli.it"
-        targetblank
-      >
-      </z-logo>
-      <z-link
-        textcolor="white"
-        big
-        icon="support-filled"
-        slot="actions"
-        href="./pages/notification.html"
-        >Notification
-      </z-link>
-      <z-link
-        textcolor="white"
-        big
-        icon="shopping-cart-filled"
-        slot="actions"
-        href="#"
-        >Carrello</z-link
-      >
-      <z-user-dropdown
-        userfullname="docente di calabresi per italiani"
-        logged="false"
-        slot="login"
-      ></z-user-dropdown>
-      <z-app-switcher slot="app-switcher"></z-app-switcher>
-    </z-app-topbar>
     <div class="main-container">
       <div style="margin: 10px">
         <!-- <form action="https://api-catalogo.zanichelli.local/v3/file-upload" enctype="multipart/form-data" method="POST"> -->

package/www/pages/notification.html

@@ -32,39 +32,6 @@
   </head>
 
   <body style="width: 100%; margin: 0; background-color: #f9f9f9">
-    <z-app-topbar>
-      <z-logo
-        slot="logo"
-        width="138"
-        height="36"
-        image-alt="zanichelli-logo"
-        link="https://www.zanichelli.it"
-        target-blank
-      ></z-logo>
-      <z-link
-        textcolor="white"
-        big
-        icon="support-filled"
-        slot="actions"
-        href="./pages/notification.html"
-        >Notification
-      </z-link>
-      <z-link
-        textcolor="white"
-        big
-        icon="shopping-cart-filled"
-        slot="actions"
-        href="#"
-        >Carrello</z-link
-      >
-      <z-user-dropdown
-        user-full-name="docente di calabresi per italiani"
-        logged="false"
-        slot="login"
-      >
-      </z-user-dropdown>
-      <z-app-switcher slot="app-switcher"></z-app-switcher>
-    </z-app-topbar>
     <div class="main-container">
       <z-toast-notification-list position="top-right">
         <z-toast-notification

package/dist/cjs/z-app-topbar.cjs.entry.js

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-fa110f37.js');
-const breakpoints = require('./breakpoints-88c4fd6c.js');
-
-const stylesCss = ":host{position:sticky;z-index:99;top:0;display:block;height:calc(var(--space-unit) * 6);box-sizing:border-box;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);background-color:var(--gray900);border-radius:var(--border-no-radius)}:host(.light){background-color:var(--color-white)}:host>div{display:flex;align-items:center;justify-content:space-between}:host(.limited-width) #content-container{--mw:none;max-width:var(--mw);margin:auto}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:20px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";
-
-const ZAppTopbar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** theme variant, default 'dark' */
-    this.theme = index$1.ThemeVariant.DARK;
-    this.topbarLinks = [];
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;
-  }
-  componentWillLoad() {
-    this.isMobile = window.screen.width <= breakpoints.mobileBreakpoint || window.innerWidth <= breakpoints.mobileBreakpoint;
-  }
-  componentWillRender() {
-    if (this.topbarContent) {
-      this.topbarLinks = typeof this.topbarContent === "string" ? JSON.parse(this.topbarContent) : this.topbarContent;
-    }
-  }
-  renderTopbarLinks() {
-    return this.topbarLinks.map((link) => (index.h("z-link", { htmlid: link.id, textcolor: this.theme === index$1.ThemeVariant.LIGHT ? "black" : "white", href: link.link, target: link.target, icon: this.isMobile ? link.icon : undefined }, !this.isMobile && link.label)));
-  }
-  render() {
-    return (index.h(index.Host, { class: {
-        [this.theme]: true,
-        "limited-width": !!this.contentMaxWidth,
-      } }, index.h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, index.h("div", { id: "left-panel", class: "content-panel" }, index.h("z-logo", { mobileLogo: this.isMobile, width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32, imageAlt: "zanichelli-logo", link: this.logoLink, targetBlank: true }), this.isMobile && this.renderTopbarLinks()), index.h("div", { id: "right-panel", class: "content-panel" }, !this.isMobile && this.renderTopbarLinks(), this.showAppSwitcher && index.h("z-app-switcher", { theme: this.theme }), index.h("div", { id: "divider-container" }, index.h("z-divider", { orientation: index$1.DividerOrientation.VERTICAL, color: this.theme === index$1.ThemeVariant.LIGHT ? "gray800" : "color-white" })), index.h("slot", { name: "login" })))));
-  }
-};
-ZAppTopbar.style = stylesCss;
-
-exports.z_app_topbar = ZAppTopbar;

package/dist/cjs/z-dragdrop-area_2.cjs.entry.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-
-const stylesCss = ":host{margin-top:calc(var(--space-unit) * 3);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:flex;height:228px;flex-direction:column;border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-text01)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text04)}:host>.dragdrop.dragover .dragover-container{display:flex;align-items:center;justify-content:center}";
-
-const ZDragdropArea = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fileDropped = index.createEvent(this, "fileDropped", 7);
-  }
-  fileDroppedHandler(files) {
-    this.fileDropped.emit(files);
-  }
-  renderOnDragOverMessage() {
-    return (index.h("div", { class: "dragover-container" }, index.h("div", { class: "dragover-message" }, index.h("z-body", { variant: "semibold", level: 2 }, "Rilascia i file in questa area per allegarli."))));
-  }
-  render() {
-    return (index.h("div", { tabIndex: 0, ref: (val) => (this.dragDropContainer = val), class: "dragdrop", onDragOver: (e) => {
-        e.preventDefault();
-        this.dragDropContainer.classList.add("dragover");
-      }, onDragLeave: () => {
-        this.dragDropContainer.classList.remove("dragover");
-      }, onDrop: (e) => {
-        e.preventDefault();
-        if (e.dataTransfer.files.length) {
-          this.dragDropContainer.classList.remove("dragover");
-          this.fileDroppedHandler(e.dataTransfer.files);
-        }
-      } }, this.renderOnDragOverMessage(), index.h("slot", null)));
-  }
-};
-ZDragdropArea.style = stylesCss;
-
-const ZHeading = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    return (index.h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, index.h("slot", null)));
-  }
-};
-
-exports.z_dragdrop_area = ZDragdropArea;
-exports.z_heading = ZHeading;

package/dist/cjs/z-menu-dropdown.cjs.entry.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-fa110f37.js');
-const utils = require('./utils-600bad93.js');
-require('./breakpoints-88c4fd6c.js');
-
-const stylesCss = ":host{width:inherit;height:32px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;border:var(--border-size-small) solid transparent;background:var(--bg-grey-050);border-radius:var(--border-radius);color:var(--text-grey-800);outline:none}:host>a::-moz-focus-inner{border:0}:host>a:hover,:host>a.menu-opened:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host>a:focus{border:var(--border-size-small) solid var(--myz-blue);box-shadow:0 0 2px 2px var(--myz-blue-light);color:var(--myz-blue);fill:var(--myz-blue)}:host>a:active{border:var(--border-size-small) solid var(--myz-blue-light);box-shadow:0 2px 4px 0 rgb(0 0 0 / 40%);color:var(--myz-blue-light);fill:var(--myz-blue-light)}div.container{position:relative;display:flex;height:32px;align-items:center;justify-content:space-between;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{overflow:hidden;width:30px;padding:0 var(--basex1);cursor:pointer;text-overflow:ellipsis;white-space:nowrap}div.container>span.arrow{display:flex;align-items:center;justify-content:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{padding:0 calc(var(--space-unit) * 2);margin:0;list-style:none}li{display:flex;width:max-content;height:var(--basex3);align-items:center;padding:calc(var(--space-unit) / 4) 0}.menu-opened{position:inherit;width:auto !important;min-width:147px;padding-bottom:calc(var(--space-unit) * 2)}.menu-opened a,.menu-opened a:active,.menu-opened a:visited{color:var(--myz-blue);fill:var(--myz-blue)}.menu-opened a:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.menu-opened>div.container{margin-bottom:var(--basex1)}.menu-opened>div.container>span.user-wrapper>span.user{width:auto}.menu-opened>div.container>span.arrow>z-icon{transform:rotate(180deg);transition:all 200ms linear}@media only screen and (min-width: 1152px){:host>a{width:147px;padding:0 calc(var(--space-unit) / 4)}:host>a.menu-opened{width:147px;padding-bottom:calc(var(--space-unit) * 2)}div.container>span.user-wrapper>span.user{width:80px}}";
-
-const ZMenuDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ismenuopen = false;
-    this.handleToggle = this.handleToggle.bind(this);
-    this.handleFocus = this.handleFocus.bind(this);
-  }
-  componentWillRender() {
-    this.linkarray = typeof this.menucontent === "string" ? JSON.parse(this.menucontent) : this.menucontent;
-  }
-  renderMenuOpen() {
-    if (this.ismenuopen) {
-      return (index.h("ul", null, this.linkarray.map((bean) => (index.h("li", null, index.h("z-link", { htmlid: bean.id, href: bean.link, icon: bean.icon }, bean.label))))));
-    }
-  }
-  renderButtonMenu() {
-    return (index.h("span", { class: "arrow" }, index.h("z-icon", { name: "caret-down", width: 14, height: 14 })));
-  }
-  retriveMenuClass() {
-    if (this.ismenuopen) {
-      return "menu-opened";
-    }
-  }
-  handleToggle() {
-    this.ismenuopen = !this.ismenuopen;
-  }
-  handleFocus(e) {
-    if (e instanceof KeyboardEvent && e.keyCode !== index$1.KeyboardKeyCode.TAB) {
-      return;
-    }
-    const tree = utils.getElementTree(utils.getClickedElement());
-    const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-menu-dropdown");
-    if (!menuParent) {
-      document.removeEventListener("click", this.handleFocus);
-      document.removeEventListener("keyup", this.handleFocus);
-      this.ismenuopen = false;
-    }
-  }
-  render() {
-    return (index.h("a", { class: this.retriveMenuClass(), role: "button", tabindex: "0", onFocus: () => {
-        document.addEventListener("click", this.handleFocus);
-        document.addEventListener("keyup", this.handleFocus);
-      }, onKeyUp: (e) => utils.handleKeyboardSubmit(e, this.handleToggle) }, index.h("div", { class: "container", onClick: () => this.handleToggle() }, index.h("span", { class: "user-wrapper" }, index.h("z-icon", { name: "user-avatar", width: 14, height: 14 }), index.h("span", { class: "user" }, this.nomeutente)), this.renderButtonMenu()), this.renderMenuOpen()));
-  }
-};
-ZMenuDropdown.style = stylesCss;
-
-exports.z_menu_dropdown = ZMenuDropdown;

package/dist/cjs/z-modal-login.cjs.entry.js

@@ -1,84 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-fa110f37.js');
-
-const stylesCss = ".sc-z-modal-login-h{font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2) calc(var(--space-unit) * 3)\n    calc(var(--space-unit) * 2);color:var(--text-grey-800)}z-button.sc-z-modal-login,z-input.sc-z-modal-login,.sc-z-modal-login-s>z-button,.sc-z-modal-login-s>z-input{display:inline-block;width:100%}z-link.sc-z-modal-login,.sc-z-modal-login-s>z-link{font-size:12px}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start}div.wrapper>form>div.username.sc-z-modal-login-s>z-input,div.wrapper>form>div.password.sc-z-modal-login-s>z-input,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.username.sc-z-modal-login z-input.sc-z-modal-login,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.password.sc-z-modal-login z-input.sc-z-modal-login{margin-bottom:var(--space-unit)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>z-link.forget.sc-z-modal-login{align-self:flex-end;font-size:12px}div.wrapper>form>div.login.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.login.sc-z-modal-login z-button.sc-z-modal-login{align-self:flex-start;margin:calc(var(--space-unit) * 3) 0}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>hr.sc-z-modal-login{width:100%;border:none;border-top:var(--border-size-medium) solid var(--bg-grey-200);margin-bottom:calc(var(--space-unit) * 3);margin-block-start:unset}div.wrapper>div.signup.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.signup.sc-z-modal-login z-button.sc-z-modal-login{display:inline-block;margin:calc(var(--space-unit) * 2) 0}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;gap:calc(var(--space-unit) * 2) 0;grid-auto-rows:auto;grid-template-columns:1fr}slot-fb[name=\"provider\"].sc-z-modal-login{display:grid;gap:calc(var(--space-unit) * 2) 0;grid-auto-rows:auto;grid-template-columns:1fr}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-top:calc(var(--space-unit) * 2)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login{display:flex;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login>svg.sc-z-modal-login{margin-right:var(--space-unit)}@media only screen and (min-width: 768px){z-button.sc-z-modal-login,.sc-z-modal-login-s>z-button{width:initial}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:396px;padding:calc(var(--space-unit) * 3)}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;align-items:center;justify-content:center;gap:var(--space-unit);grid-auto-rows:auto;grid-template-columns:1fr 1fr}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-bottom:var(--space-unit);grid-column:1 / 3}.sc-z-modal-login-s>[slot=\"provider\"]{width:100%}slot-fb[name=\"provider\"].sc-z-modal-login{display:grid;align-items:center;justify-content:center;gap:var(--space-unit);grid-auto-rows:auto;grid-column:1 / 3;grid-template-columns:1fr 1fr}slot-fb[name=\"provider\"].sc-z-modal-login>*.sc-z-modal-login{width:100%}}@media only screen and (min-width: 1366px){.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:477px;padding:calc(var(--space-unit) * 4)}}";
-
-const ZModalLogin = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.loginSubmit = index.createEvent(this, "loginSubmit", 7);
-    this.statusUpdate = index.createEvent(this, "statusUpdate", 7);
-    this.signupClick = index.createEvent(this, "signupClick", 7);
-    this.zainoDigitaleClick = index.createEvent(this, "zainoDigitaleClick", 7);
-    /** Login modal title */
-    this.heading = "Entra in MyZanichelli";
-    this.externalProviderCheck = false;
-  }
-  componentDidLoad() {
-    this.externalProviderCheck = !!this.hostElement.querySelectorAll('[slot="provider"]').length;
-  }
-  emitLoginSubmit() {
-    const usernameInput = this.hostElement.querySelector("z-input#username");
-    const passwordInput = this.hostElement.querySelector("z-input#password");
-    // INFO: slotted inputs
-    if (!usernameInput || !passwordInput) {
-      return;
-    }
-    let username = usernameInput.value;
-    const password = passwordInput.value;
-    if (!username || !password) {
-      this.status = index$1.InputStatus.ERROR;
-      return;
-    }
-    username = this.cleanUsername(username);
-    this.loginSubmit.emit({
-      username,
-      password,
-      originalUsername: usernameInput.value,
-    });
-  }
-  emitStatusUpdate(status) {
-    this.statusUpdate.emit(status);
-  }
-  emitSignupClick() {
-    this.signupClick.emit();
-  }
-  emitZainoDigitaleClick() {
-    this.zainoDigitaleClick.emit();
-  }
-  handleInputKeyUp(e) {
-    if (e.code !== "Enter") {
-      return;
-    }
-    this.emitLoginSubmit();
-  }
-  handleInputChange() {
-    this.status = null;
-    this.emitStatusUpdate(this.status);
-  }
-  cleanUsername(username) {
-    username = username.trim().toLowerCase();
-    const mobileRegex = /^[+]?[\s./0-9]*[(]?[0-9]{1,4}[)]?[(]?[0-9]{1,4}[)]?[-\s./0-9]*$/g;
-    if (mobileRegex.test(username)) {
-      username = username.replace(/[- .)(]/g, "");
-      if (/^[\d ]*$/.test(username)) {
-        username = "+39" + username;
-      }
-    }
-    return username;
-  }
-  renderZainoDigitaleButton() {
-    return (index.h("z-button", { variant: index$1.ButtonVariant.SECONDARY, onClick: () => this.emitZainoDigitaleClick(), class: "zainoDigitale" }, index.h("div", { class: "zd" }, index.h("svg", { width: "18px", height: "24px", viewBox: "0 0 18 24" }, index.h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { transform: "translate(-313.000000, -329.000000)", fill: "#E2001A", "fill-rule": "nonzero" }, index.h("g", { transform: "translate(25.000000, 191.000000)" }, index.h("g", null, index.h("g", { transform: "translate(0.000000, 100.000000)" }, index.h("g", null, index.h("g", { transform: "translate(276.000000, 28.000000)" }, index.h("path", { d: "M29.8953704,30.5632326 C29.9143039,30.3327754 29.5356326,30.0447041 29.1380277,29.8142469 C29.2516291,28.7963947 29.4409647,26.9719425 29.2705626,26.3189807 C29.0433598,25.416357 28.3428178,24.8018047 28.380685,23.822362 C28.4185521,22.8429193 28.1913493,16.5437582 27.0364017,15.1802202 C26.1654576,14.162368 25.4649156,12.8372396 23.4390239,12.2418921 C23.4390239,12.0498445 23.4390239,11.8770016 23.4200903,11.7425683 C23.3822232,10.9167637 21.9622056,10.090959 21.6214014,10.0525495 C21.2805972,10.01414 20.371786,9.95652568 20.0309818,10.0525495 C19.6901775,10.1293685 19.0464362,11.128016 18.7434992,11.4352922 C18.5920306,11.5889302 18.5541635,11.9538207 18.5730971,12.3187111 C17.437083,12.6836015 16.1306669,13.4325871 15.4490584,14.9497631 C14.2941108,17.676839 13.4799674,18.9251483 13.6693031,24.1680477 C13.5935688,25.1090809 13.2906318,25.6084046 13.1012961,25.6852237 C12.9119604,25.7620427 12.798359,25.9156808 12.7604919,26.1077284 C12.7226247,26.2805712 12.5522226,28.37389 12.7415583,29.8718612 C12.3818205,30.1023183 12.0788834,30.3519802 12.097817,30.5632326 C12.1546177,31.0625563 11.8516806,31.7731324 12.097817,32.0612038 C12.230352,32.2148419 12.7226247,32.5413228 13.3284989,32.8293942 C13.6125024,33.4631512 14.199443,33.9240655 15.467992,33.9816797 C18.1565586,34.0584988 26.2601254,33.8664512 26.5630625,33.9048607 C26.847066,33.9432702 28.4374857,34.0008845 28.683622,32.8293942 C29.2894962,32.5413228 29.781769,32.2148419 29.9143039,32.0612038 C30.1415067,31.7731324 29.8385697,31.0625563 29.8953704,30.5632326 Z M12.0319858,31.2 C12.1173988,31.1230769 12.3736379,31.0461538 12.743761,31 C12.857645,31.3230769 12.914587,31.6615385 13,32 C12.4021089,31.8153846 11.8611598,31.5692308 12.0319858,31.2 Z M21.1618497,12.8394441 C21.1618497,12.8394441 20.6763006,12.8165075 20,13 L20,12.9770634 C20,12.5642053 20.3121387,11.3256309 20.3988439,11.1192018 C20.4855491,10.9127728 21.265896,11.0274556 21.8554913,11.0733287 C22.6358382,11.0503922 22.4624277,11.2568212 22.8092486,11.9907912 C22.9306358,12.2889666 22.982659,12.6559516 23,13 C22.4797688,12.8623806 21.8728324,12.8165075 21.1618497,12.8394441 Z M28.3324094,30 C28.6648189,30.0833333 28.9085858,30.2222222 28.9750677,30.3888889 C29.1301921,31.1666667 28.5318551,31.6388889 28,32 C28.0221606,31.5 28.0664819,31.1111111 28.0664819,31.1111111 L28.2437669,30.6111111 L28.3324094,30 Z M21.8571429,23 L21.8571429,23.8 L22.7142857,23.8 L22.7142857,24.6 L23.5714286,24.6 L23.5714286,25.4 L24.4285714,25.4 L24.4285714,26.2 L25.2857143,26.2 L25.2857143,27 L26.1428571,27 L26.1428571,27.8 L27,27.8 L27,28.6 L24.4285714,28.6 L24.4285714,29.4 L25.2857143,29.4 L25.2857143,31 L24.4285714,31 L24.4285714,30.2 L23.5714286,30.2 L23.5714286,29.4 L22.7142857,29.4 L22.7142857,30.2 L21.8571429,30.2 L21.8571429,31 L21,31 L21,23 L21.8571429,23 Z" }))))))))), index.h("span", null, "ZAINO DIGITALE"))));
-  }
-  render() {
-    return (index.h("z-modal", { modaltitle: this.heading }, index.h("div", { class: "wrapper", slot: "modalContent" }, index.h("form", { method: "post" }, index.h("div", { class: "username" }, index.h("slot", { name: "username" }, index.h("z-input", { id: "username", label: "email o numero di cellulare", placeholder: "Inserisci l'email o il cellulare", autocomplete: "username", name: "username", status: this.status, message: this.message, onKeyUp: (e) => this.handleInputKeyUp(e), onInputChange: () => this.handleInputChange() }))), index.h("div", { class: "password" }, index.h("slot", { name: "password" }, index.h("z-input", { id: "password", label: "password", placeholder: "Inserisci la tua password", type: index$1.InputType.PASSWORD, name: "password", autocomplete: "current-password", status: this.status, message: this.pwdmessage, onKeyUp: (e) => this.handleInputKeyUp(e), onInputChange: () => this.handleInputChange() }))), index.h("z-link", { class: "forget", href: this.forgotPasswordUrl }, "Password dimenticata?"), index.h("div", { class: "login" }, index.h("slot", { name: "login" }, index.h("z-button", { variant: index$1.ButtonVariant.PRIMARY, onClick: () => this.emitLoginSubmit() }, "Accedi")))), index.h("hr", null), index.h("z-body", { class: "signup", level: 4, variant: "semibold" }, "Non hai ancora un account?"), index.h("div", { class: "signup" }, index.h("slot", { name: "signup" }, index.h("z-button", { variant: index$1.ButtonVariant.SECONDARY, onClick: () => this.emitSignupClick() }, "Registrati"))), !this.externalProviderCheck && (index.h("div", { class: "providers" }, index.h("z-body", { class: "provider", level: 5, variant: "regular" }, "OPPURE ACCEDI CON:"), index.h("slot", { name: "provider" }, this.renderZainoDigitaleButton(), index.h("z-link", { icon: "informationsource", href: "https://www.zainodigitale.it/#/landing" }, "Cos'\u00E8 Zaino Digitale?")))))));
-  }
-  get hostElement() { return index.getElement(this); }
-};
-ZModalLogin.style = stylesCss;
-
-exports.z_modal_login = ZModalLogin;

package/dist/cjs/z-user-dropdown.cjs.entry.js

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-const breakpoints = require('./breakpoints-88c4fd6c.js');
-
-const stylesCss = ":host{background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}button{display:flex;width:100%;flex-direction:column;padding:0;border:none;margin:0;background-color:var(--gray900);cursor:pointer;letter-spacing:0.16px;white-space:nowrap}button.inverse{background-color:var(--color-white)}button div.firstline{display:flex;max-width:200px;align-items:center;justify-content:flex-end}button.open div.firstline{max-width:none}z-icon{padding:0 2px;fill:var(--color-white)}z-icon.inverse{fill:var(--gray900)}ul{position:absolute;left:0;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 1.5) 0 0 0;background-color:var(--gray900);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:20px}ul.inverse{background-color:var(--color-white)}ul>li{display:flex;justify-content:flex-end;padding:calc(var(--space-unit) * 1.5 - 1px) 0;border-bottom:var(--border-base) solid var(--gray700);margin:0;white-space:nowrap}ul>li.inverse{border-bottom-color:var(--gray400)}ul>li:first-child{flex-direction:column;align-items:end;padding-top:0;padding-bottom:calc(var(--space-unit) + 6px);border-top:none}ul>li:last-child{border-bottom:none;margin-bottom:0}#guestbutton{display:inline-flex;width:100%;min-width:32px;height:32px;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:center;padding:0 calc(var(--space-unit) * 2);border-width:var(--border-size-medium);border-style:solid;border-color:var(--color-white);background-color:var(--color-white);border-radius:var(--border-radius);color:var(--gray800);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;vertical-align:middle}#guestbutton.inverse{border-color:var(--gray800);background-color:var(--gray800);color:var(--color-white)}.userfullname{overflow:hidden;width:100%;max-width:250px;padding:0;color:var(--color-white);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-sb);letter-spacing:0;line-height:24px;text-align:right;text-overflow:ellipsis}.userfullname.inverse{color:var(--gray800)}.useremail{overflow:hidden;width:100%;color:var(--color-white);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:16px;text-align:right;text-overflow:ellipsis}.useremail.inverse{color:var(--gray800)}@media only screen and (min-width: 768px){:host{height:calc(var(--space-unit) * 4);background-color:var(--gray900)}:host(.inverse){background-color:var(--color-white)}:host>div{position:relative;top:50%;transform:translateY(-50%)}:host>div.open{top:auto;transform:none}:host>div>div{padding:0}:host>div>div.open{position:absolute;right:calc(var(--space-unit) * -1);padding:calc(var(--space-unit) / 2 + 1px) var(--space-unit) 0 var(--space-unit);margin-top:calc(var(--space-unit) / 2);background-color:var(--color-white);box-shadow:0 2px calc(var(--space-unit) * 0.5) 0 rgb(0 0 0 / 50%);transform:translate(0, -4px)}:host>div>div.inverse.open{background-color:var(--gray800)}button{display:flex;flex-flow:row nowrap;align-content:center;align-items:end;justify-content:flex-end}button.open{max-width:initial;padding-right:var(--space-unit);border-top:var(--border-size-small) solid var(--color-white);margin-left:var(--space-unit);background-color:var(--color-white);border-top-left-radius:calc(var(--space-unit) * 0.5);border-top-right-radius:calc(var(--space-unit) * 0.5)}button.open.inverse{border-top-color:var(--gray800);background-color:var(--gray800)}button:not(.open) z-icon{fill:var(--color-white)}button:not(.open) z-icon.inverse{fill:var(--gray800)}button.open z-icon{fill:var(--gray800)}button.open z-icon.inverse{fill:var(--color-white)}.userfullname{width:auto;padding:0 calc(var(--space-unit) - 6px) 0 calc(var(--space-unit) - 2px);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:20px}.userfullname.inverse{color:var(--gray800)}button.open div.userfullname{max-width:none;color:var(--gray800);text-overflow:clip}button.open div.userfullname.inverse{color:var(--color-white)}.useremail{box-sizing:border-box;padding-right:calc(var(--space-unit) * 3 - 2px)}button.open div.useremail{color:var(--gray800)}button.open div.useremail.inverse{color:var(--color-white)}ul{position:initial;left:initial;width:100%;padding:0;background-color:var(--color-white)}ul.inverse{border-bottom-color:var(--gray800);background-color:var(--gray800)}ul>li{border-bottom:var(--border-base) solid var(--gray400);margin:0 var(--space-unit);color:var(--gray800)}ul>li.inverse{color:var(--color-white)}ul>li:first-child{padding-top:calc(var(--space-unit) + 3px);padding-bottom:calc(var(--space-unit) + 5px);border-top:var(--border-base) solid var(--gray400)}}";
-
-const ZUserDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.userButtonClick = index.createEvent(this, "userButtonClick", 7);
-    this.dropdownMenuLinkClick = index.createEvent(this, "dropdownMenuLinkClick", 7);
-    /** if inner components colors are inverted, or not, default false */
-    this.useInverseColors = false;
-    this.isMenuOpen = false;
-    this.handleLoggedButtonClick = this.handleLoggedButtonClick.bind(this);
-    this.emitDropdownMenuLinkClick = this.emitDropdownMenuLinkClick.bind(this);
-  }
-  componentDidLoad() {
-    this.setMobileAndDivToResizeWidth();
-  }
-  componentWillUpdate() {
-    this.setMobileAndDivToResizeWidth();
-  }
-  componentWillRender() {
-    if (this.menuContent) {
-      this.linkArray = typeof this.menuContent === "string" ? JSON.parse(this.menuContent) : this.menuContent;
-    }
-  }
-  setMobileAndDivToResizeWidth() {
-    var _a;
-    if (this.divToResize) {
-      this.isMobile = window.screen.width <= breakpoints.mobileBreakpoint || window.innerWidth <= breakpoints.mobileBreakpoint;
-      if (this.logged && !this.isMobile && this.isMenuOpen) {
-        this.divToResize.style.width = `${(_a = this.userButton) === null || _a === void 0 ? void 0 : _a.offsetWidth}px`;
-      }
-      else {
-        this.divToResize.removeAttribute("style");
-      }
-    }
-  }
-  emitUserButtonClick() {
-    this.userButtonClick.emit(this.isMenuOpen);
-  }
-  emitDropdownMenuLinkClick(e) {
-    this.isMenuOpen = false;
-    this.dropdownMenuLinkClick.emit({ e, linkId: e.detail.linkId });
-  }
-  handleResize() {
-    this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;
-  }
-  handleOrientationChange() {
-    this.isMobile = screen.width <= breakpoints.mobileBreakpoint;
-  }
-  handleClickOutside(e) {
-    if (e.target.nodeName !== "Z-USER-DROPDOWN") {
-      this.isMenuOpen = false;
-    }
-  }
-  handleLoggedButtonClick() {
-    this.isMenuOpen = !this.isMenuOpen;
-    this.emitUserButtonClick();
-  }
-  renderGuestButton() {
-    return (index.h("button", { id: "guestbutton", class: this.useInverseColors ? "inverse" : "", onClick: () => this.emitUserButtonClick() }, "ENTRA"));
-  }
-  renderLoggedButton() {
-    const direction = this.isMenuOpen ? "up" : "down";
-    const colorClass = this.useInverseColors ? "inverse" : "";
-    return (index.h("button", { ref: (el) => (this.userButton = el), title: this.userFullName, class: `${colorClass} ${this.isMenuOpen ? "open" : ""}`, onClick: this.handleLoggedButtonClick }, index.h("div", null, index.h("div", { class: "firstline" }, index.h("z-icon", { class: colorClass, name: "user-avatar-filled", height: 16, width: 16 }), !this.isMobile && index.h("div", { class: `userfullname ${colorClass}` }, this.userFullName), index.h("z-icon", { class: colorClass, name: `caret-${direction}-filled`, height: 16, width: 16 })), !this.isMobile && this.isMenuOpen && index.h("div", { class: `useremail ${colorClass}` }, this.userEmail))));
-  }
-  getZLinkTextcolor() {
-    if (this.isMobile) {
-      return this.useInverseColors ? "black" : "white";
-    }
-    return this.useInverseColors ? "white" : "black";
-  }
-  renderDropdownMenu() {
-    const colorClass = this.useInverseColors ? "inverse" : "";
-    return (this.isMenuOpen && (index.h("ul", { class: colorClass }, this.isMobile && (index.h("li", { class: colorClass }, index.h("div", { class: `userfullname ${colorClass}` }, this.userFullName), index.h("div", { class: `useremail ${colorClass}` }, this.userEmail))), this.linkArray &&
-      this.linkArray.map((link) => (index.h("li", { id: link.id, class: colorClass }, index.h("z-link", { textcolor: this.getZLinkTextcolor(), href: link.link, htmlid: link.id, target: link.target, icon: link.icon, onZLinkClick: this.emitDropdownMenuLinkClick }, link.label)))))));
-  }
-  render() {
-    const openClass = `${this.logged && this.isMenuOpen ? "open" : ""}`;
-    const colorClass = this.useInverseColors ? "inverse" : "";
-    return (index.h(index.Host, { class: colorClass }, index.h("div", { ref: (el) => (this.divToResize = el), class: openClass }, index.h("div", { class: `${colorClass} ${openClass}` }, this.logged ? this.renderLoggedButton() : this.renderGuestButton(), this.logged && this.renderDropdownMenu()))));
-  }
-};
-ZUserDropdown.style = stylesCss;
-
-exports.z_user_dropdown = ZUserDropdown;