@zanichelli/albe-web-components 19.3.0-RC5 → 19.3.0-RC6

package/dist/components/z-breadcrumb.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{U as r,V as a,p as l,g as h,P as p,i as c}from"./index2.js";import{g as d,h as m}from"./utils.js";import{d as u}from"./index6.js";import{d as v}from"./index3.js";import{d as f}from"./index9.js";import{d as b}from"./index10.js";import{d as g}from"./index11.js";import{d as z}from"./index17.js";const x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.clickOnNode=i(this,"clickOnNode",7),this.pathStyle=r.UNDERLINED,this.homepageVariant=a.ICON,this.maxNodesToShow=5,this.preventFollowUrl=!1,this.overflowMenuItemRows=0,this.truncateChar=30,this.hasOverflow=!1,this.popoverEllipsisOpen=!1,this.collapsedElements=[],this.currentIndex=0,this.truncatePosition=null}handleResize(){this.viewPortWidth=d(),this.viewPortWidth!==l.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow=!0)}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(t,e){(t===l.MOBILE||e===l.MOBILE&&t===l.TABLET||e===l.MOBILE&&t===l.DESKTOP||e===l.MOBILE&&t===l.DESKTOP_WIDE||e===l.TABLET&&t===l.DESKTOP||e===l.TABLET&&t===l.DESKTOP_WIDE||e===l.DESKTOP&&t===l.DESKTOP_WIDE)&&this.initializeBreadcrumb()}componentWillLoad(){this.viewPortWidth=d(),this.initializeBreadcrumb()}componentWillRender(){this.viewPortWidth!==l.MOBILE&&this.hasOverflow&&(this.checkEllipsisOrOverflowMenu(),this.hasOverflow=!1)}componentDidRender(){this.collapsedElementsRef&&(this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))),this.viewPortWidth!==l.MOBILE&&requestAnimationFrame((()=>{this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow||(this.hasOverflow=!0))}))}initializeBreadcrumb(){this.pathsList=this.viewPortWidth===l.MOBILE?this.getPathsItemsList().filter((t=>!!t.path)):this.getPathsItemsList(),this.homepageNode=this.pathsList.shift(),this.pathListCopy=[...this.pathsList],this.collapsedElements=[],this.pathsList.length>this.maxNodesToShow&&(this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2))}checkEllipsisOrOverflowMenu(){for(let t=0;t<this.pathsList.length;t++)if(!(this.pathsList[t].text.length<=this.truncateChar)){if(this.truncatePosition>0)return this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition)),this.pathsList.splice(0,this.truncatePosition),void(this.truncatePosition=0);if(0===this.truncatePosition)return this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1)),this.pathsList.splice(0,this.truncatePosition+1),void(this.truncatePosition=null);if(t!==this.pathsList.length-1){const e=this.truncateWithEllipsis(this.pathsList[t].text,this.truncateChar);return this.currentEllipsisText=this.pathsList[t].text,this.pathsList[t].text=e,this.pathsList[t].hasTooltip=!0,void(this.truncatePosition=t)}}}truncateWithEllipsis(t,e){return t.length<=e?t:t.substring(0,e-1)+"&mldr;"}getPathsItemsList(){return Array.from(this.hostElement.children).map((t=>({text:t.textContent,path:t.href,hasTooltip:!1})))}renderHomepageNode(){return s("li",null,s("a",{class:{"homepage-text":this.homepageVariant===a.TEXT},href:this.homepageNode.path,onClick:t=>this.handlePreventFollowUrl(t,this.homepageNode),innerHTML:this.homepageVariant===a.ICON?'<z-icon name="home" />':this.homepageNode.text||"Home"}),this.pathsList.length>0&&s("z-icon",{class:"separator",name:"chevron-right"}))}togglePopover(){this.collapsedElementsRef.open||(this.collapsedElementsRef.open=!0)}handlePreventFollowUrl(t,e){this.preventFollowUrl&&(t.preventDefault(),this.clickOnNode.emit(e.path))}handleOverflowMenuAccessibility(t){const e=this.anchorElements.length;t.key!==h.TAB?(t.stopPropagation(),[h.ARROW_DOWN,h.ARROW_UP].includes(t.key)&&(t.preventDefault(),t.key===h.ARROW_DOWN&&(this.currentIndex=e===this.currentIndex+1?0:this.currentIndex+1),t.key===h.ARROW_UP&&(this.currentIndex=this.currentIndex<=0?e-1:this.currentIndex-1),this.anchorElements[this.currentIndex].focus()),t.key===h.ESC&&this.triggerButton.focus()):t.preventDefault()}renderOverflowMenu(){return s("li",null,s("z-popover",{class:"hidden-paths-popover",ref:t=>this.collapsedElementsRef=t,bindTo:this.triggerButton,position:p.BOTTOM_RIGHT,closable:!0,showArrow:!0},s("div",{class:"popover-content"},s("z-list",null,s("z-list-group",{size:c.SMALL},this.collapsedElements.map(((t,e,i)=>s("div",null,s("z-list-element",{clickable:!0},s("a",{class:"text-ellipsis",href:t.path,onClick:e=>this.handlePreventFollowUrl(e,t),onKeyDown:t=>this.handleOverflowMenuAccessibility(t),innerHTML:t.text})),e<i.length-1&&s("z-divider",{color:"color-surface03"})))))))),s("button",{class:"dots",ref:t=>this.triggerButton=t,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:t=>{m(t,this.togglePopover.bind(this)),setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"&mldr;"}),this.pathsList.length>0&&s("z-icon",{class:"separator",name:"chevron-right"}))}renderMobileItems(){const t=this.pathsList[this.pathsList.length-1];if(t)return s("li",null,s("a",{"aria-current":t.path?void 0:"page",href:t.path,onClick:e=>this.handlePreventFollowUrl(e,t)},s("z-icon",{name:"chevron-left"}),s("span",{class:{"missing-path":!t.path,"text-ellipsis":!0}},t.text)))}renderItems(){let t;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((e,i)=>s("li",null,e.hasTooltip&&s("z-popover",{class:"full-path-tooltip",bindTo:t,open:this.popoverEllipsisOpen,position:p.BOTTOM_RIGHT,closable:!1,showArrow:!0},s("span",{class:"tooltip-content"},this.currentEllipsisText)),s("a",{class:{"missing-path":!e.path},ref:e=>t=e,"aria-current":e.path?void 0:"page",href:e.path,onClick:t=>this.handlePreventFollowUrl(t,e),onMouseOver:()=>{e.hasTooltip&&(this.popoverEllipsisOpen=!0)},onMouseLeave:()=>{e.hasTooltip&&(this.popoverEllipsisOpen=!1)},innerHTML:e.text}),i!==this.pathsList.length-1&&s("z-icon",{class:"separator",name:"chevron-right"}))))]}render(){return s(o,{key:"b0e69674c7e600f237dd64db7aee54aa1a29529e",style:{"--line-clamp-popover":""+this.overflowMenuItemRows}},s("nav",{key:"ab4672d78b961bf88e3cbe29a7a880c872b7370c",ref:t=>this.wrapElement=t,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===r.SEMIBOLD,underlined:this.pathStyle===r.UNDERLINED}},s("ol",{key:"bf1d0a0686b68240bcfd866012d3f4236b450bf1"},this.viewPortWidth===l.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return this}static get watchers(){return{maxNodesToShow:[{handlePropChange:0}],viewPortWidth:[{handleResizeUp:0}]}}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}*{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-text-link-blue);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-text-link-blue)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-text-link-blue);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-background);--z-popover-padding:0;--background-color-list-element:var(--color-background)}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover);line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}"}},[1,"z-breadcrumb",{pathStyle:[513,"path-style"],homepageVariant:[1,"homepage-variant"],maxNodesToShow:[2,"max-nodes-to-show"],preventFollowUrl:[4,"prevent-follow-url"],overflowMenuItemRows:[2,"overflow-menu-item-rows"],truncateChar:[2,"truncate-char"],viewPortWidth:[32],hasOverflow:[32],popoverEllipsisOpen:[32]},[[9,"resize","handleResize"]],{maxNodesToShow:[{handlePropChange:0}],viewPortWidth:[{handleResizeUp:0}]}]),w=x,k=function(){"undefined"!=typeof customElements&&["z-breadcrumb","z-divider","z-icon","z-list","z-list-element","z-list-group","z-popover"].forEach((t=>{switch(t){case"z-breadcrumb":customElements.get(n(t))||customElements.define(n(t),x);break;case"z-divider":customElements.get(n(t))||u();break;case"z-icon":customElements.get(n(t))||v();break;case"z-list":customElements.get(n(t))||f();break;case"z-list-element":customElements.get(n(t))||b();break;case"z-list-group":customElements.get(n(t))||g();break;case"z-popover":customElements.get(n(t))||z()}}))};export{w as ZBreadcrumb,k as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as o,transformTag as r}from"@stencil/core/internal/client";import{U as n,V as a,p as l,g as h,P as c,i as p}from"./index2.js";import{g as d,h as m}from"./utils.js";import{d as u}from"./index6.js";import{d as v}from"./index3.js";import{d as f}from"./index9.js";import{d as b}from"./index10.js";import{d as g}from"./index11.js";import{d as z}from"./index17.js";const x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.clickOnNode=i(this,"clickOnNode",7),this.pathStyle=n.UNDERLINED,this.homepageVariant=a.ICON,this.maxNodesToShow=5,this.preventFollowUrl=!1,this.overflowMenuItemRows=0,this.truncateChar=30,this.hasOverflow=!1,this.popoverEllipsisOpen=!1,this.collapsedElements=[],this.currentIndex=0,this.truncatePosition=null}handleResize(){this.viewPortWidth=d(),this.viewPortWidth!==l.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow=!0)}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(e,t){(e===l.MOBILE||t===l.MOBILE&&e===l.TABLET||t===l.MOBILE&&e===l.DESKTOP||t===l.MOBILE&&e===l.DESKTOP_WIDE||t===l.TABLET&&e===l.DESKTOP||t===l.TABLET&&e===l.DESKTOP_WIDE||t===l.DESKTOP&&e===l.DESKTOP_WIDE)&&this.initializeBreadcrumb()}componentWillLoad(){this.viewPortWidth=d(),this.initializeBreadcrumb()}componentWillRender(){this.viewPortWidth!==l.MOBILE&&this.hasOverflow&&(this.checkEllipsisOrOverflowMenu(),this.hasOverflow=!1)}componentDidRender(){this.collapsedElementsRef&&(this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))),this.viewPortWidth!==l.MOBILE&&requestAnimationFrame((()=>{this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow||(this.hasOverflow=!0))}))}initializeBreadcrumb(){this.pathsList=this.viewPortWidth===l.MOBILE?this.getPathsItemsList().filter((e=>!!e.path)):this.getPathsItemsList(),this.homepageNode=this.pathsList.shift(),this.pathListCopy=[...this.pathsList],this.collapsedElements=[],this.pathsList.length>this.maxNodesToShow&&(this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2))}checkEllipsisOrOverflowMenu(){for(let e=0;e<this.pathsList.length;e++)if(!(this.pathsList[e].text.length<=this.truncateChar)){if(this.truncatePosition>0)return this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition)),this.pathsList.splice(0,this.truncatePosition),void(this.truncatePosition=0);if(0===this.truncatePosition)return this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1)),this.pathsList.splice(0,this.truncatePosition+1),void(this.truncatePosition=null);if(e!==this.pathsList.length-1){const t=this.truncateWithEllipsis(this.pathsList[e].text,this.truncateChar);return this.currentEllipsisText=this.pathsList[e].text,this.pathsList[e].text=t,this.pathsList[e].hasTooltip=!0,void(this.truncatePosition=e)}}}truncateWithEllipsis(e,t){return e.length<=t?e:e.substring(0,t-1)+"&mldr;"}getPathsItemsList(){return Array.from(this.hostElement.children).map((e=>({text:e.textContent,path:e.href,hasTooltip:!1})))}renderHomepageNode(){return s("li",null,s("a",{class:{"homepage-text":this.homepageVariant===a.TEXT},href:this.homepageNode.path,onClick:e=>this.handlePreventFollowUrl(e,this.homepageNode),innerHTML:this.homepageVariant===a.ICON?'<z-icon name="home" />':this.homepageNode.text||"Home"}),this.pathsList.length>0&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))}togglePopover(){this.collapsedElementsRef.open||(this.collapsedElementsRef.open=!0)}handlePreventFollowUrl(e,t){this.preventFollowUrl&&(e.preventDefault(),this.clickOnNode.emit(t.path))}handleOverflowMenuAccessibility(e){const t=this.anchorElements.length;e.key!==h.TAB?(e.stopPropagation(),[h.ARROW_DOWN,h.ARROW_UP].includes(e.key)&&(e.preventDefault(),e.key===h.ARROW_DOWN&&(this.currentIndex=t===this.currentIndex+1?0:this.currentIndex+1),e.key===h.ARROW_UP&&(this.currentIndex=this.currentIndex<=0?t-1:this.currentIndex-1),this.anchorElements[this.currentIndex].focus()),e.key===h.ESC&&this.triggerButton.focus()):e.preventDefault()}renderOverflowMenu(){return s("li",null,s("z-popover",{class:"hidden-paths-popover",ref:e=>this.collapsedElementsRef=e,bindTo:this.triggerButton,position:c.BOTTOM_RIGHT,closable:!0,showArrow:!0},s("div",{class:"popover-content"},s("z-list",null,s("z-list-group",{size:p.SMALL},this.collapsedElements.map(((e,t,i)=>s("div",null,s("z-list-element",{clickable:!0},s("a",{class:"text-ellipsis",href:e.path,onClick:t=>this.handlePreventFollowUrl(t,e),onKeyDown:e=>this.handleOverflowMenuAccessibility(e),innerHTML:e.text})),t<i.length-1&&s("z-divider",{color:"color-surface03"})))))))),s("button",{class:"dots",ref:e=>this.triggerButton=e,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:e=>{m(e,this.togglePopover.bind(this)),setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"&mldr;"}),this.pathsList.length>0&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))}renderMobileItems(){const e=this.pathsList[this.pathsList.length-1];if(e)return s("li",null,s("a",{"aria-current":e.path?void 0:"page",href:e.path,onClick:t=>this.handlePreventFollowUrl(t,e)},s("z-icon",{name:"chevron-left"}),s("span",{class:{"missing-path":!e.path,"text-ellipsis":!0}},e.text)))}renderItems(){let e;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((t,i)=>s("li",null,t.hasTooltip&&s("z-popover",{class:"full-path-tooltip",bindTo:e,open:this.popoverEllipsisOpen,position:c.BOTTOM_RIGHT,closable:!1,showArrow:!0},s("span",{class:"tooltip-content"},this.currentEllipsisText)),s("a",{class:{"missing-path":!t.path},ref:t=>e=t,"aria-current":t.path?void 0:"page",href:t.path,onClick:e=>this.handlePreventFollowUrl(e,t),onMouseOver:()=>{t.hasTooltip&&(this.popoverEllipsisOpen=!0)},onMouseLeave:()=>{t.hasTooltip&&(this.popoverEllipsisOpen=!1)},innerHTML:t.text}),i!==this.pathsList.length-1&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))))]}render(){return s(o,{key:"84c8968de32dd42b1c186c3e21ef455ed3419b1b",style:{"--line-clamp-popover":""+this.overflowMenuItemRows}},s("nav",{key:"a33b0ec178cf876482c3c598be9b08f3af192e74",ref:e=>this.wrapElement=e,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===n.SEMIBOLD,underlined:this.pathStyle===n.UNDERLINED}},s("ol",{key:"b73a28050ec43c5441b675b497236ae0210b6657"},this.viewPortWidth===l.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return this}static get watchers(){return{maxNodesToShow:[{handlePropChange:0}],viewPortWidth:[{handleResizeUp:0}]}}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}*{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-text-link-blue);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-text-link-blue)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-text-link-blue);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-background);--z-popover-padding:0;--background-color-list-element:var(--color-background)}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover);line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}"}},[1,"z-breadcrumb",{pathStyle:[513,"path-style"],homepageVariant:[1,"homepage-variant"],maxNodesToShow:[2,"max-nodes-to-show"],preventFollowUrl:[4,"prevent-follow-url"],overflowMenuItemRows:[2,"overflow-menu-item-rows"],truncateChar:[2,"truncate-char"],viewPortWidth:[32],hasOverflow:[32],popoverEllipsisOpen:[32]},[[9,"resize","handleResize"]],{maxNodesToShow:[{handlePropChange:0}],viewPortWidth:[{handleResizeUp:0}]}]),w=x,k=function(){"undefined"!=typeof customElements&&["z-breadcrumb","z-divider","z-icon","z-list","z-list-element","z-list-group","z-popover"].forEach((e=>{switch(e){case"z-breadcrumb":customElements.get(r(e))||customElements.define(r(e),x);break;case"z-divider":customElements.get(r(e))||u();break;case"z-icon":customElements.get(r(e))||v();break;case"z-list":customElements.get(r(e))||f();break;case"z-list-element":customElements.get(r(e))||b();break;case"z-list-group":customElements.get(r(e))||g();break;case"z-popover":customElements.get(r(e))||z()}}))};export{w as ZBreadcrumb,k as defineCustomElement}

package/dist/components/z-button-sort.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as t,createEvent as o,h as i,transformTag as s}from"@stencil/core/internal/client";import{B as e}from"./breakpoints.js";import{d as a}from"./index3.js";const c=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.buttonSortClick=o(this,"buttonSortClick",7),this.sortlabelasc="A-Z",this.sortlabeldesc="Z-A",this.isselected=!1,this.sortasc=!0,this.allowTooltip=!1}emitButtonSortClick(){this.isselected?this.sortasc=!this.sortasc:this.isselected=!0,this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){this.elementHasEllipsis()&&window.innerWidth>e.TABLET&&(this.allowTooltip=!0)}setButtonTitle(){return this.allowTooltip?""+(this.sortasc?this.label:this.desclabel):""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return i("button",{key:"30d0203657443c589241b25ae37155cfbd203f89",title:this.setButtonTitle(),id:this.buttonid,class:{selected:this.isselected},onClick:()=>this.emitButtonSortClick()},i("span",{key:"3934b6a866c2c791aa80e0de90197f5ae372aa88",ref:r=>this.ellipsis=r,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),i("span",{key:"1bb900d3b3d364b912e67ae44e3f60cf245c0672",class:"counter"},this.counter&&` (${this.counter})`),i("span",{key:"066c842f00e3d26301e63fa91849dd4f414f05e8",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),i("z-icon",{key:"00b771b5c276eff3ca761acb28ba9df42b8d0a6c",name:"caret-up-down",width:16,height:16}))}static get style(){return"button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}"}},[1,"z-button-sort",{buttonid:[1],label:[1],desclabel:[1],counter:[2],sortlabelasc:[1],sortlabeldesc:[1],isselected:[1028],sortasc:[1028],allowTooltip:[32]}]),n=c,l=function(){"undefined"!=typeof customElements&&["z-button-sort","z-icon"].forEach((r=>{switch(r){case"z-button-sort":customElements.get(s(r))||customElements.define(s(r),c);break;case"z-icon":customElements.get(s(r))||a()}}))};export{n as ZButtonSort,l as defineCustomElement}
+import{proxyCustomElement as r,HTMLElement as t,createEvent as o,h as i,transformTag as s}from"@stencil/core/internal/client";import{B as e}from"./breakpoints.js";import{d as a}from"./index3.js";const c=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.buttonSortClick=o(this,"buttonSortClick",7),this.sortlabelasc="A-Z",this.sortlabeldesc="Z-A",this.isselected=!1,this.sortasc=!0,this.allowTooltip=!1}emitButtonSortClick(){this.isselected?this.sortasc=!this.sortasc:this.isselected=!0,this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){this.elementHasEllipsis()&&window.innerWidth>e.TABLET&&(this.allowTooltip=!0)}setButtonTitle(){return this.allowTooltip?""+(this.sortasc?this.label:this.desclabel):""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return i("button",{key:"8bb124d8ffcce4ac1d7c01bc31f9256da769a90b",title:this.setButtonTitle(),id:this.buttonid,class:{selected:this.isselected},onClick:()=>this.emitButtonSortClick()},i("span",{key:"6ab1b449e4d9c539683353cdcf8a4c8b3bdfa578",ref:r=>this.ellipsis=r,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),i("span",{key:"d67c255b32c814e0b6afec14c79ba422b8b2a57d",class:"counter"},this.counter&&` (${this.counter})`),i("span",{key:"77ea4b67643b28db4737dc301bc416595581b93f",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),i("z-icon",{key:"098881514d797b081e36f7ad66c9f60ea2423b27",name:"caret-up-down",width:16,height:16}))}static get style(){return"button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}"}},[1,"z-button-sort",{buttonid:[1],label:[1],desclabel:[1],counter:[2],sortlabelasc:[1],sortlabeldesc:[1],isselected:[1028],sortasc:[1028],allowTooltip:[32]}]),n=c,l=function(){"undefined"!=typeof customElements&&["z-button-sort","z-icon"].forEach((r=>{switch(r){case"z-button-sort":customElements.get(s(r))||customElements.define(s(r),c);break;case"z-icon":customElements.get(s(r))||a()}}))};export{n as ZButtonSort,l as defineCustomElement}

package/dist/components/z-carousel.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,Host as o,transformTag as s}from"@stencil/core/internal/client";import{Q as a,R as r,B as l}from"./index2.js";import{d as h}from"./index5.js";import{d as g}from"./index18.js";import{d}from"./index3.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.indexChange=i(this,"indexChange",7),this.single=!1,this.fixedArrows=!0,this.ghostLoadingHeight=100,this.infinite=!1,this.current=0,this.scrollingTo=null}onIndexChange(){this.indexChange.emit({currentItem:this.current})}onSingleModeChange(){this.single&&!this.intersectionObserver&&this.setIntersectionObserver()}onInfiniteModeChange(){this.checkNavigationValidity()}onLoadingChange(){this.isLoading||this.setupObserversAndListeners()}setupObserversAndListeners(){var t;this.setupItems(),null===(t=this.itemsContainer)||void 0===t||t.addEventListener("scroll",this.checkNavigationValidity.bind(this),{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkNavigationValidity.bind(this)),this.resizeObserver.observe(this.itemsContainer),this.single&&this.setIntersectionObserver(),this.checkNavigationValidity()}setIntersectionObserver(){this.intersectionObserver=new IntersectionObserver((t=>{const e=t.find((({isIntersecting:t})=>t));if(!e)return;const i=this.items.findIndex((t=>t===e.target));this.highlightedIndicator=i,null!==this.scrollingTo&&i!==this.scrollingTo||(this.scrollingTo=null,this.current=i)}),{root:this.itemsContainer,threshold:.5}),this.items.forEach((t=>this.intersectionObserver.observe(t)))}onSlotChange(){this.items=Array.from(this.host.children),this.checkNavigationValidity(),this.setIntersectionObserver(),this.goTo(this.current)}onPrev(){this.single?this.goTo(this.infinite&&this.current-1<0?this.items.length-1:Math.max(0,this.current-1)):this.itemsContainer.scrollBy({left:this.infinite&&0==this.itemsContainer.scrollLeft?this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth:-this.itemsContainer.clientWidth/2,behavior:"smooth"})}onNext(){if(this.single)return this.goTo(this.infinite&&this.current+1>this.items.length-1?0:Math.min(this.current+1,this.items.length-1));this.itemsContainer.scrollBy({left:this.infinite&&this.itemsContainer.scrollLeft==this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth?-this.itemsContainer.scrollWidth:this.itemsContainer.clientWidth/2,behavior:"smooth"})}checkNavigationValidity(){if(this.single)return this.canNavigatePrev=this.current>0,void(this.canNavigateNext=this.current<this.items.length-1);this.canNavigatePrev=this.itemsContainer.scrollLeft>0,this.canNavigateNext=this.itemsContainer.scrollLeft<this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth}canShowFooter(){return!(!this.canNavigatePrev&&!this.canNavigateNext||this.arrowsPosition!==a.BOTTOM&&this.progressMode!==r.DOTS&&this.progressMode!==r.NUMBERS)}goTo(t){if(this.current===t)return;this.scrollingTo=t;const e=this.items.slice(0,t).reduce(((t,e)=>t+e.clientWidth),0);this.itemsContainer.scroll({left:e,behavior:"smooth"})}get canNavigate(){return this.canNavigatePrev||this.canNavigateNext}setupItems(){this.items=Array.from(this.host.children),this.items.forEach((t=>{t.setAttribute("aria-roledescription","slide")}))}componentDidLoad(){this.isLoading||this.setupObserversAndListeners()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){return this.isLoading?n("div",{class:"z-carousel-container"},this.label&&n("div",{class:"heading-3-sb z-carousel-title"},this.label),n("div",{style:{height:this.ghostLoadingHeight+"px"}},n("z-ghost-loading",null))):n(o,null,n("div",{class:"z-carousel-container","aria-roledescription":"carousel","aria-label":this.label||"Carousel"},this.label&&n("div",{class:"z-carousel-title heading-3-sb"},this.label),n("div",{class:"z-carousel-wrapper"},n("z-button",{class:"z-carousel-navigation-arrow",variant:l.SECONDARY,"data-direction":"prev",icon:"arrow-left",onClick:this.onPrev.bind(this),disabled:!this.infinite&&!this.canNavigatePrev,hidden:this.arrowsPosition!==a.OVER||!this.canNavigate,ariaLabel:this.single?"Mostra l'elemento precedente":"Mostra gli elementi precedenti"}),n("ul",{class:"z-carousel-items-container","aria-atomic":"false","aria-live":"polite",ref:t=>this.itemsContainer=t},n("slot",{onSlotchange:this.onSlotChange.bind(this)})),n("z-button",{class:"z-carousel-navigation-arrow",variant:l.SECONDARY,"data-direction":"next",icon:"arrow-right",onClick:this.onNext.bind(this),disabled:!this.infinite&&!this.canNavigateNext,hidden:this.arrowsPosition!==a.OVER||!this.canNavigate,ariaLabel:this.single?"Mostra l'elemento successivo":"Mostra gli elementi successivi"}))),this.canShowFooter()&&n("div",{class:"z-carousel-footer"},this.arrowsPosition===a.BOTTOM&&n("z-button",{class:"z-carousel-navigation-arrow",variant:l.TERTIARY,icon:"arrow-left",onClick:this.onPrev.bind(this),disabled:!this.infinite&&!this.canNavigatePrev,ariaLabel:this.single?"Mostra l'elemento precedente":"Mostra gli elementi precedenti"}),this.progressMode===r.DOTS&&this.single&&this.items&&n("div",{class:"dots-progress"},this.items.map(((t,e)=>n("button",{type:"button",class:{current:this.highlightedIndicator===e},"aria-label":this.highlightedIndicator===e?"Elemento corrente":"Spostati all'elemento "+(e+1),onClick:()=>this.goTo(e)})))),this.progressMode===r.NUMBERS&&this.single&&this.items&&n("div",{class:"numbers-progress interactive-1"},n("span",{class:"current"},this.current+1),n("span",null,"di"),n("span",null,this.items.length)),this.arrowsPosition===a.BOTTOM&&n("z-button",{class:"z-carousel-navigation-arrow",variant:l.TERTIARY,icon:"arrow-right",onClick:this.onNext.bind(this),disabled:!this.infinite&&!this.canNavigateNext,ariaLabel:this.single?"Mostra l'elemento successivo":"Mostra gli elementi successivi"})))}get host(){return this}static get watchers(){return{current:[{onIndexChange:0}],single:[{onSingleModeChange:0}],infinite:[{onInfiniteModeChange:0}],isLoading:[{onLoadingChange:0}]}}static get style(){return':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0;}:host([single]){display:flex;flex-direction:column;align-items:center;justify-content:center}:host([single]) .z-carousel-container{width:fit-content;max-width:100%}.z-carousel-container{display:flex;flex-direction:column}.z-carousel-title{margin-bottom:calc(var(--space-unit) * 2)}.z-carousel-wrapper{position:relative}.z-carousel-items-container{display:flex;max-width:100%;flex-direction:row;margin:0;box-shadow:var(--z-carousel-items-shadow, none);column-gap:var(--z-carousel-gutter);list-style:none;-ms-overflow-style:none;overflow-x:scroll;padding-inline-start:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container ::slotted(*){scroll-snap-align:center}.z-carousel-navigation-arrow[hidden]{display:none}.z-carousel-navigation-arrow[data-direction]{position:absolute;z-index:1;bottom:50%;transform:translateY(50%)}.z-carousel-navigation-arrow[data-direction="next"]{right:0}:host(:not([fixed-arrows])) .z-carousel-wrapper .z-carousel-navigation-arrow{display:none}.z-carousel-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:calc(var(--space-unit) * 3)}:host([arrows-position="bottom"]) .z-carousel-footer{margin-top:calc(var(--space-unit) * 0.75)}.z-carousel-footer .numbers-progress,.z-carousel-footer .dots-progress{display:flex;align-items:center;justify-content:center}.z-carousel-footer .dots-progress{column-gap:calc(var(--space-unit) * 3)}:host(:not([arrows-position="bottom"])) .z-carousel-footer .dots-progress{margin-top:calc(var(--space-unit) * 2)}.z-carousel-footer .dots-progress button{display:flex;width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3);align-items:center;padding:0;border:none;margin:0;background-color:var(--color-surface03);border-radius:calc(var(--space-unit) * 3)}.z-carousel-footer .dots-progress button.current{background-color:var(--color-primary01)}.z-carousel-footer .dots-progress button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-carousel-footer .dots-progress button:not(.current){cursor:pointer}.z-carousel-footer .numbers-progress{column-gap:calc(var(--space-unit) / 2)}:host(:not([arrows-position="bottom"])) .z-carousel-footer .numbers-progress{margin-top:var(--space-unit)}.z-carousel-footer .numbers-progress .current{font-weight:var(--font-sb)}@media (min-width: 768px){:host(:not([fixed-arrows])) .z-carousel-wrapper:hover .z-carousel-navigation-arrow:not([hidden]){display:flex}}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}'}},[257,"z-carousel",{isLoading:[4,"is-loading"],label:[1],single:[516],arrowsPosition:[513,"arrows-position"],progressMode:[1,"progress-mode"],fixedArrows:[516,"fixed-arrows"],ghostLoadingHeight:[2,"ghost-loading-height"],infinite:[4],current:[32],items:[32],highlightedIndicator:[32],canNavigatePrev:[32],canNavigateNext:[32]},void 0,{current:[{onIndexChange:0}],single:[{onSingleModeChange:0}],infinite:[{onInfiniteModeChange:0}],isLoading:[{onLoadingChange:0}]}]),b=f,c=function(){"undefined"!=typeof customElements&&["z-carousel","z-button","z-ghost-loading","z-icon"].forEach((t=>{switch(t){case"z-carousel":customElements.get(s(t))||customElements.define(s(t),f);break;case"z-button":customElements.get(s(t))||h();break;case"z-ghost-loading":customElements.get(s(t))||g();break;case"z-icon":customElements.get(s(t))||d()}}))};export{b as ZCarousel,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,Host as o,transformTag as s}from"@stencil/core/internal/client";import{Q as a,R as r,B as l}from"./index2.js";import{d as h}from"./index5.js";import{d as g}from"./index18.js";import{d}from"./index3.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.indexChange=i(this,"indexChange",7),this.single=!1,this.fixedArrows=!0,this.ghostLoadingHeight=100,this.infinite=!1,this.current=0,this.scrollingTo=null}onIndexChange(){this.indexChange.emit({currentItem:this.current})}onSingleModeChange(){this.single&&!this.intersectionObserver&&this.setIntersectionObserver()}onInfiniteModeChange(){this.checkNavigationValidity()}onLoadingChange(){this.isLoading||this.setupObserversAndListeners()}setupObserversAndListeners(){var t;this.setupItems(),null===(t=this.itemsContainer)||void 0===t||t.addEventListener("scroll",this.checkNavigationValidity.bind(this),{passive:!0}),this.resizeObserver=new ResizeObserver(this.checkNavigationValidity.bind(this)),this.resizeObserver.observe(this.itemsContainer),this.single&&this.setIntersectionObserver(),this.checkNavigationValidity()}setIntersectionObserver(){this.intersectionObserver=new IntersectionObserver((t=>{const e=t.find((({isIntersecting:t})=>t));if(!e)return;const i=this.items.findIndex((t=>t===e.target));this.highlightedIndicator=i,null!==this.scrollingTo&&i!==this.scrollingTo||(this.scrollingTo=null,this.current=i)}),{root:this.itemsContainer,threshold:.5}),this.items.forEach((t=>this.intersectionObserver.observe(t)))}onSlotChange(){this.items=Array.from(this.host.children),this.checkNavigationValidity(),this.setIntersectionObserver(),this.goTo(this.current)}onPrev(){this.single?this.goTo(this.infinite&&this.current-1<0?this.items.length-1:Math.max(0,this.current-1)):this.itemsContainer.scrollBy({left:this.infinite&&0==this.itemsContainer.scrollLeft?this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth:-this.itemsContainer.clientWidth/2,behavior:"smooth"})}onNext(){if(this.single)return this.goTo(this.infinite&&this.current+1>this.items.length-1?0:Math.min(this.current+1,this.items.length-1));this.itemsContainer.scrollBy({left:this.infinite&&this.itemsContainer.scrollLeft==this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth?-this.itemsContainer.scrollWidth:this.itemsContainer.clientWidth/2,behavior:"smooth"})}checkNavigationValidity(){if(this.single)return this.canNavigatePrev=this.current>0,void(this.canNavigateNext=this.current<this.items.length-1);this.canNavigatePrev=this.itemsContainer.scrollLeft>0,this.canNavigateNext=this.itemsContainer.scrollLeft<this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth}canShowFooter(){return!(!this.canNavigatePrev&&!this.canNavigateNext||this.arrowsPosition!==a.BOTTOM&&this.progressMode!==r.DOTS&&this.progressMode!==r.NUMBERS)}goTo(t){if(this.current===t)return;this.scrollingTo=t;const e=this.items.slice(0,t).reduce(((t,e)=>t+e.clientWidth),0);this.itemsContainer.scroll({left:e,behavior:"smooth"})}get canNavigate(){return this.canNavigatePrev||this.canNavigateNext}setupItems(){this.items=Array.from(this.host.children),this.items.forEach((t=>{t.setAttribute("aria-roledescription","slide")}))}componentDidLoad(){this.isLoading||this.setupObserversAndListeners()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){return this.isLoading?n("div",{class:"z-carousel-container"},this.label&&n("div",{class:"heading-3-sb z-carousel-title"},this.label),n("div",{style:{height:this.ghostLoadingHeight+"px"}},n("z-ghost-loading",null))):n(o,null,n("div",{class:"z-carousel-container","aria-roledescription":"carousel","aria-label":this.label||"Carousel"},this.label&&n("div",{class:"z-carousel-title heading-3-sb"},this.label),n("div",{class:"z-carousel-wrapper"},n("z-button",{class:"z-carousel-navigation-arrow",variant:l.SECONDARY,"data-direction":"prev",icon:"arrow-left",onClick:this.onPrev.bind(this),disabled:!this.infinite&&!this.canNavigatePrev,hidden:this.arrowsPosition!==a.OVER||!this.canNavigate,ariaLabel:this.single?"Mostra l'elemento precedente":"Mostra gli elementi precedenti"}),n("ul",{class:"z-carousel-items-container","aria-atomic":"false","aria-live":"polite",ref:t=>this.itemsContainer=t},n("slot",{onSlotchange:this.onSlotChange.bind(this)})),n("z-button",{class:"z-carousel-navigation-arrow",variant:l.SECONDARY,"data-direction":"next",icon:"arrow-right",onClick:this.onNext.bind(this),disabled:!this.infinite&&!this.canNavigateNext,hidden:this.arrowsPosition!==a.OVER||!this.canNavigate,ariaLabel:this.single?"Mostra l'elemento successivo":"Mostra gli elementi successivi"}))),this.canShowFooter()&&n("div",{class:"z-carousel-footer"},this.arrowsPosition===a.BOTTOM&&n("z-button",{class:"z-carousel-navigation-arrow",variant:l.TERTIARY,icon:"arrow-left",onClick:this.onPrev.bind(this),disabled:!this.infinite&&!this.canNavigatePrev,ariaLabel:this.single?"Mostra l'elemento precedente":"Mostra gli elementi precedenti"}),this.progressMode===r.DOTS&&this.single&&this.items&&n("div",{class:"dots-progress"},this.items.map(((t,e)=>n("button",{type:"button",class:{current:this.highlightedIndicator===e},"aria-label":this.highlightedIndicator===e?"Elemento corrente":"Spostati all'elemento "+(e+1),onClick:()=>this.goTo(e)})))),this.progressMode===r.NUMBERS&&this.single&&this.items&&n("div",{class:"numbers-progress interactive-1"},n("span",{class:"current"},this.current+1),n("span",null,"di"),n("span",null,this.items.length)),this.arrowsPosition===a.BOTTOM&&n("z-button",{class:"z-carousel-navigation-arrow",variant:l.TERTIARY,icon:"arrow-right",onClick:this.onNext.bind(this),disabled:!this.infinite&&!this.canNavigateNext,ariaLabel:this.single?"Mostra l'elemento successivo":"Mostra gli elementi successivi"})))}get host(){return this}static get watchers(){return{current:[{onIndexChange:0}],single:[{onSingleModeChange:0}],infinite:[{onInfiniteModeChange:0}],isLoading:[{onLoadingChange:0}]}}static get style(){return':host{--z-carousel-gutter:0;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([single]){display:flex;flex-direction:column;align-items:center;justify-content:center}:host([single]) .z-carousel-container{width:fit-content;max-width:100%}.z-carousel-container{display:flex;flex-direction:column}.z-carousel-title{margin-bottom:calc(var(--space-unit) * 2)}.z-carousel-wrapper{position:relative}.z-carousel-items-container{display:flex;max-width:100%;flex-direction:row;margin:0;box-shadow:var(--z-carousel-items-shadow, none);column-gap:var(--z-carousel-gutter);list-style:none;-ms-overflow-style:none;overflow-x:scroll;padding-inline-start:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container ::slotted(*){scroll-snap-align:center}.z-carousel-navigation-arrow[hidden]{display:none}.z-carousel-navigation-arrow[data-direction]{position:absolute;z-index:1;bottom:50%;transform:translateY(50%)}.z-carousel-navigation-arrow[data-direction="next"]{right:0}:host(:not([fixed-arrows])) .z-carousel-wrapper .z-carousel-navigation-arrow{display:none}.z-carousel-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:calc(var(--space-unit) * 3)}:host([arrows-position="bottom"]) .z-carousel-footer{margin-top:calc(var(--space-unit) * 0.75)}.z-carousel-footer .numbers-progress,.z-carousel-footer .dots-progress{display:flex;align-items:center;justify-content:center}.z-carousel-footer .dots-progress{column-gap:calc(var(--space-unit) * 3)}:host(:not([arrows-position="bottom"])) .z-carousel-footer .dots-progress{margin-top:calc(var(--space-unit) * 2)}.z-carousel-footer .dots-progress button{display:flex;width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3);align-items:center;padding:0;border:none;margin:0;background-color:var(--color-surface03);border-radius:calc(var(--space-unit) * 3)}.z-carousel-footer .dots-progress button.current{background-color:var(--color-primary01)}.z-carousel-footer .dots-progress button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-carousel-footer .dots-progress button:not(.current){cursor:pointer}.z-carousel-footer .numbers-progress{column-gap:calc(var(--space-unit) / 2)}:host(:not([arrows-position="bottom"])) .z-carousel-footer .numbers-progress{margin-top:var(--space-unit)}.z-carousel-footer .numbers-progress .current{font-weight:var(--font-sb)}@media (min-width: 768px){:host(:not([fixed-arrows])) .z-carousel-wrapper:hover .z-carousel-navigation-arrow:not([hidden]){display:flex}}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}'}},[257,"z-carousel",{isLoading:[4,"is-loading"],label:[1],single:[516],arrowsPosition:[513,"arrows-position"],progressMode:[1,"progress-mode"],fixedArrows:[516,"fixed-arrows"],ghostLoadingHeight:[2,"ghost-loading-height"],infinite:[4],current:[32],items:[32],highlightedIndicator:[32],canNavigatePrev:[32],canNavigateNext:[32]},void 0,{current:[{onIndexChange:0}],single:[{onSingleModeChange:0}],infinite:[{onInfiniteModeChange:0}],isLoading:[{onLoadingChange:0}]}]),b=f,c=function(){"undefined"!=typeof customElements&&["z-carousel","z-button","z-ghost-loading","z-icon"].forEach((t=>{switch(t){case"z-carousel":customElements.get(s(t))||customElements.define(s(t),f);break;case"z-button":customElements.get(s(t))||h();break;case"z-ghost-loading":customElements.get(s(t))||g();break;case"z-icon":customElements.get(s(t))||d()}}))};export{b as ZCarousel,c as defineCustomElement}

package/dist/components/z-color-picker.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as r,createEvent as e,h as o,Host as a,transformTag as s}from"@stencil/core/internal/client";import{a0 as i}from"./index2.js";import{a as l}from"./utils.js";const c={it:{"Select a color":"Seleziona un colore","Color swatch":"Campione di colore"},en:{"Select a color":"Select a color","Color swatch":"Color swatch"}},n=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.colorSelected=e(this,"colorSelected",7),this.lng="it",this.disableTransparent=!1,this.colorKeysByRow=[],this._colorButtons=[]}get colorButtons(){return this._colorButtons.length||(this._colorButtons=Array.from(this.host.shadowRoot.querySelectorAll("button"))),this._colorButtons}sortColorKeysByRow(){const t=Object.keys(i),r=[];for(let e=0;e<5;e++)for(let o=0;o<9;o++){const a=5*o+e;a<t.length&&r.push(t[a])}return r}moveFocusTo(t){this.colorButtons.forEach(((r,e)=>r.tabIndex=e===t?0:-1)),this.colorButtons[t].focus()}validateTransparentSelection(){this.disableTransparent&&"#FFFFFF00"===this.selectedColor&&(this.selectedColor="#333333")}emitColorSelected(){this.colorSelected.emit(this.selectedColor)}async setFocus(){this.colorButtons.forEach((t=>t.tabIndex=-1));const t=this.colorButtons.find((t=>"true"===t.ariaSelected))||this.colorButtons.find((t=>!t.disabled));t&&(t.tabIndex=0,setTimeout((()=>{t.focus()}),50),this.host.tabIndex=-1)}getNextIndexByKey(t,r,e){const o=Math.floor(t/9),a=t%9;let s=t;switch(r){case"ArrowRight":{const t=a+1;s=9*(t>=9?(o+1)%5:o)+t%9,s>=e&&(s=0);break}case"ArrowLeft":{const t=a-1;s=9*(t<0?(o-1+5)%5:o)+(t+9)%9,s>=e&&(s=e-1);break}case"ArrowDown":{let t=o+1,r=a;t>=5&&(t=0,r=(a+1)%9),s=9*t+r,s>=e&&(s=0);break}case"ArrowUp":{let t=o-1,r=a;t<0&&(t=4,r=(a-1+9)%9),s=9*t+r,s>=e&&(s=e-1);break}}return s}handleKeyDown(t){var r,e;const o=t.composedPath()[0];if(!o.dataset.color)return;const a=this.colorButtons.indexOf(o),s=this.colorButtons.length;if(a<0||!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp"].includes(t.key))return;let i=a,l=0;do{i=this.getNextIndexByKey(i,t.key,s),l++}while(l<s&&(null===(r=this.colorButtons[i])||void 0===r?void 0:r.disabled));i!==a&&i>=0&&i<s&&!(null===(e=this.colorButtons[i])||void 0===e?void 0:e.disabled)&&(this.moveFocusTo(i),t.preventDefault(),t.stopPropagation())}handleBlur(t){l(this.host,t.relatedTarget)||(this.host.tabIndex=0,this.colorButtons.forEach((t=>t.tabIndex=-1)))}componentWillLoad(){this.colorKeysByRow=this.sortColorKeysByRow()}render(){return o(a,{key:"c834820884acc8c3bdf4571379cbe6da74e7ea89",role:"listbox","aria-label":this.htmlAriaLabel||c[this.lng]["Select a color"],tabIndex:0},this.colorKeysByRow.map((t=>{var r;return o("button",{class:"color-swatch","data-color":t,role:"option","aria-selected":(null===(r=this.selectedColor)||void 0===r?void 0:r.toUpperCase())===t.toUpperCase()?"true":"false",tabIndex:-1,onClick:()=>this.selectedColor=t,disabled:this.disableTransparent&&"#FFFFFF00"===t},o("div",{class:"color-swatch",role:"img","aria-roledescription":c[this.lng]["Color swatch"],"aria-label":i[t][this.lng],title:i[t][this.lng],style:{backgroundColor:t}}))})))}get host(){return this}static get watchers(){return{disableTransparent:[{validateTransparentSelection:0}],selectedColor:[{validateTransparentSelection:0},{emitColorSelected:0}]}}static get style(){return':host{display:grid;width:fit-content;padding:calc(var(--space-unit) * 2);background:var(--color-surface01);gap:var(--space-unit);grid-template-columns:repeat(9, calc(var(--space-unit) * 3));grid-template-rows:repeat(5, calc(var(--space-unit) * 3))}:host,*{box-sizing:border-box}button{--border-color:var(--color-surface05);padding:0;border:none;appearance:none;background:none;border-radius:var(--border-radius);cursor:pointer}button[data-color="#FFFFFF00"]{position:relative}button[data-color="#FFFFFF00"]::after{position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(     -45deg,     transparent 48%,     var(--border-color) 48%,     var(--border-color) 52%,     transparent 52%   );border-radius:var(--border-radius);content:""}button[aria-selected="true"]{box-shadow:0 0 0 1px var(--color-white),     0 0 0 3px var(--color-active-primary)}button:focus-visible{box-shadow:var(--shadow-focus-primary)}button .color-swatch{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--border-color);border-radius:var(--border-radius)}button[data-color="#FFFFFF00"]:disabled{--border-color:var(--color-disabled01-icon);cursor:not-allowed}button[data-color="#FFFFFF00"]:disabled .color-swatch{background-color:var(--color-disabled02)}'}},[1,"z-color-picker",{selectedColor:[1025,"selected-color"],lng:[1],htmlAriaLabel:[1,"html-aria-label"],disableTransparent:[4,"disable-transparent"],setFocus:[64]},[[0,"focus","setFocus"],[0,"keydown","handleKeyDown"],[0,"blur","handleBlur"]],{disableTransparent:[{validateTransparentSelection:0}],selectedColor:[{validateTransparentSelection:0},{emitColorSelected:0}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["z-color-picker"].forEach((t=>{"z-color-picker"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{d as ZColorPicker,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as r,createEvent as e,h as o,Host as a,transformTag as s}from"@stencil/core/internal/client";import{a0 as i}from"./index2.js";import{a as l}from"./utils.js";const c={it:{"Select a color":"Seleziona un colore","Color swatch":"Campione di colore"},en:{"Select a color":"Select a color","Color swatch":"Color swatch"}},n=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.colorSelected=e(this,"colorSelected",7),this.lng="it",this.disableTransparent=!1,this.colorKeysByRow=[],this._colorButtons=[]}get colorButtons(){return this._colorButtons.length||(this._colorButtons=Array.from(this.host.shadowRoot.querySelectorAll("button"))),this._colorButtons}sortColorKeysByRow(){const t=Object.keys(i),r=[];for(let e=0;e<5;e++)for(let o=0;o<9;o++){const a=5*o+e;a<t.length&&r.push(t[a])}return r}moveFocusTo(t){this.colorButtons.forEach(((r,e)=>r.tabIndex=e===t?0:-1)),this.colorButtons[t].focus()}validateTransparentSelection(){this.disableTransparent&&"#FFFFFF00"===this.selectedColor&&(this.selectedColor="#333333")}emitColorSelected(){this.colorSelected.emit(this.selectedColor)}async setFocus(){this.colorButtons.forEach((t=>t.tabIndex=-1));const t=this.colorButtons.find((t=>"true"===t.ariaSelected))||this.colorButtons.find((t=>!t.disabled));t&&(t.tabIndex=0,setTimeout((()=>{t.focus()}),50),this.host.tabIndex=-1)}getNextIndexByKey(t,r,e){const o=Math.floor(t/9),a=t%9;let s=t;switch(r){case"ArrowRight":{const t=a+1;s=9*(t>=9?(o+1)%5:o)+t%9,s>=e&&(s=0);break}case"ArrowLeft":{const t=a-1;s=9*(t<0?(o-1+5)%5:o)+(t+9)%9,s>=e&&(s=e-1);break}case"ArrowDown":{let t=o+1,r=a;t>=5&&(t=0,r=(a+1)%9),s=9*t+r,s>=e&&(s=0);break}case"ArrowUp":{let t=o-1,r=a;t<0&&(t=4,r=(a-1+9)%9),s=9*t+r,s>=e&&(s=e-1);break}}return s}handleKeyDown(t){var r,e;const o=t.composedPath()[0];if(!o.dataset.color)return;const a=this.colorButtons.indexOf(o),s=this.colorButtons.length;if(a<0||!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp"].includes(t.key))return;let i=a,l=0;do{i=this.getNextIndexByKey(i,t.key,s),l++}while(l<s&&(null===(r=this.colorButtons[i])||void 0===r?void 0:r.disabled));i!==a&&i>=0&&i<s&&!(null===(e=this.colorButtons[i])||void 0===e?void 0:e.disabled)&&(this.moveFocusTo(i),t.preventDefault(),t.stopPropagation())}handleBlur(t){l(this.host,t.relatedTarget)||(this.host.tabIndex=0,this.colorButtons.forEach((t=>t.tabIndex=-1)))}componentWillLoad(){this.colorKeysByRow=this.sortColorKeysByRow()}render(){return o(a,{key:"8ab27c4b68bd295e1bda15e78f1f41bfbfc66b47",role:"listbox","aria-label":this.htmlAriaLabel||c[this.lng]["Select a color"],tabIndex:0},this.colorKeysByRow.map((t=>{var r;return o("button",{class:"color-swatch","data-color":t,role:"option","aria-selected":(null===(r=this.selectedColor)||void 0===r?void 0:r.toUpperCase())===t.toUpperCase()?"true":"false",tabIndex:-1,onClick:()=>this.selectedColor=t,disabled:this.disableTransparent&&"#FFFFFF00"===t},o("div",{class:"color-swatch",role:"img","aria-roledescription":c[this.lng]["Color swatch"],"aria-label":i[t][this.lng],title:i[t][this.lng],style:{backgroundColor:t}}))})))}get host(){return this}static get watchers(){return{disableTransparent:[{validateTransparentSelection:0}],selectedColor:[{validateTransparentSelection:0},{emitColorSelected:0}]}}static get style(){return':host{display:grid;width:fit-content;padding:calc(var(--space-unit) * 2);background:var(--color-surface01);gap:var(--space-unit);grid-template-columns:repeat(9, calc(var(--space-unit) * 3));grid-template-rows:repeat(5, calc(var(--space-unit) * 3))}:host,*{box-sizing:border-box}button{--border-color:var(--color-surface05);padding:0;border:none;appearance:none;background:none;border-radius:var(--border-radius);cursor:pointer}button[data-color="#FFFFFF00"]{position:relative}button[data-color="#FFFFFF00"]::after{position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(     -45deg,     transparent 48%,     var(--border-color) 48%,     var(--border-color) 52%,     transparent 52%   );border-radius:var(--border-radius);content:""}button[aria-selected="true"]{box-shadow:0 0 0 1px var(--color-white),     0 0 0 3px var(--color-active-primary)}button:focus-visible{box-shadow:var(--shadow-focus-primary)}button .color-swatch{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--border-color);border-radius:var(--border-radius)}button[data-color="#FFFFFF00"]:disabled{--border-color:var(--color-disabled01-icon);cursor:not-allowed}button[data-color="#FFFFFF00"]:disabled .color-swatch{background-color:var(--color-disabled02)}'}},[1,"z-color-picker",{selectedColor:[1025,"selected-color"],lng:[1],htmlAriaLabel:[1,"html-aria-label"],disableTransparent:[4,"disable-transparent"],setFocus:[64]},[[0,"focus","setFocus"],[0,"keydown","handleKeyDown"],[0,"blur","handleBlur"]],{disableTransparent:[{validateTransparentSelection:0}],selectedColor:[{validateTransparentSelection:0},{emitColorSelected:0}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["z-color-picker"].forEach((t=>{"z-color-picker"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{d as ZColorPicker,h as defineCustomElement}

package/dist/components/z-combobox.js

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

package/dist/components/z-cover-hero.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as a}from"@stencil/core/internal/client";import{J as i,M as n}from"./index2.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant=i.OVERLAY,this.contentPosition=n.TOP,this.preserveAspectRatio=!0}onImgLoad({target:e}){e instanceof Image&&e.closest("[slot=cover]")&&this.host.style.setProperty("--image-aspect-ratio",""+e.naturalWidth/e.naturalHeight)}renderContent(){return o("div",{class:"content-container"},o("slot",{name:"content"}))}render(){return o(r,{key:"0e8ec76a2293bbf7044d2a5d0ec951ac096adcd1"},this.variant===i.STACKED&&this.contentPosition===n.TOP&&this.renderContent(),o("div",{key:"e2dd8963eb05d5a1a602b05d6275d52c01b8dbc9",class:"main-container"},o("div",{key:"3b537c3b07906fd72795b105e4189252bf876b51",class:"cover-container"},o("slot",{key:"f99228a940cfc96ae4ff98a6b79df622d033e00d",name:"cover"})),o("slot",{key:"86b43980717df411f76b098628d83fa80c8dcff6",name:"info-reveal"}),this.variant===i.OVERLAY&&this.renderContent()),this.variant===i.STACKED&&this.contentPosition===n.BOTTOM&&this.renderContent())}get host(){return this}static get style(){return':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}'}},[257,"z-cover-hero",{variant:[513],contentPosition:[513,"content-position"],preserveAspectRatio:[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]),c=s,d=function(){"undefined"!=typeof customElements&&["z-cover-hero"].forEach((e=>{"z-cover-hero"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))};export{c as ZCoverHero,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as a}from"@stencil/core/internal/client";import{J as i,M as n}from"./index2.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant=i.OVERLAY,this.contentPosition=n.TOP,this.preserveAspectRatio=!0}onImgLoad({target:e}){e instanceof Image&&e.closest("[slot=cover]")&&this.host.style.setProperty("--image-aspect-ratio",""+e.naturalWidth/e.naturalHeight)}renderContent(){return o("div",{class:"content-container"},o("slot",{name:"content"}))}render(){return o(r,{key:"bb147f3b614268218fba165360012031572ec76b"},this.variant===i.STACKED&&this.contentPosition===n.TOP&&this.renderContent(),o("div",{key:"94c697c41b4d98ea9f5be00634a3de1fd214ea72",class:"main-container"},o("div",{key:"e1a181735381dbc2472085c7e1d7082e1564185a",class:"cover-container"},o("slot",{key:"1692cfa7f6a9ee926a262e04e8912a72f5a95cca",name:"cover"})),o("slot",{key:"c13a059c162d85e46d3f116a8b1fd9e3a6e363f7",name:"info-reveal"}),this.variant===i.OVERLAY&&this.renderContent()),this.variant===i.STACKED&&this.contentPosition===n.BOTTOM&&this.renderContent())}get host(){return this}static get style(){return':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}'}},[257,"z-cover-hero",{variant:[513],contentPosition:[513,"content-position"],preserveAspectRatio:[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]),c=s,v=function(){"undefined"!=typeof customElements&&["z-cover-hero"].forEach((e=>{"z-cover-hero"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))};export{c as ZCoverHero,v as defineCustomElement}

package/dist/components/z-date-picker.js

@@ -13,4 +13,4 @@ import{proxyCustomElement as t,HTMLElement as r,createEvent as a,h as e,transfor
 		    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 		    PERFORMANCE OF THIS SOFTWARE.
 		    ***************************************************************************** */
-var t=function(){return t=Object.assign||function(t){for(var r,a=1,e=arguments.length;a<e;a++)for(var i in r=arguments[a])Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i]);return t},t.apply(this,arguments)},r=function(t,r,a){return a.months[r?"shorthand":"longhand"][t]};function a(t){for(;t.firstChild;)t.removeChild(t.firstChild)}function e(t){try{return"function"==typeof t.composedPath?t.composedPath()[0]:t.target}catch(r){return t.target}}var i={shorthand:!1,dateFormat:"F Y",altFormat:"F Y",theme:"light"};return function(n){var o=t(t({},i),n);return function(t){t.config.dateFormat=o.dateFormat,t.config.altFormat=o.altFormat;var i={monthsContainer:null};function n(){if(i.monthsContainer){a(i.monthsContainer);for(var e=document.createDocumentFragment(),n=0;n<12;n++){var l=t.createDay("flatpickr-monthSelect-month",new Date(t.currentYear,n),0,n);l.dateObj.getMonth()===(new Date).getMonth()&&l.dateObj.getFullYear()===(new Date).getFullYear()&&l.classList.add("today"),l.textContent=r(n,o.shorthand,t.l10n),l.addEventListener("click",c),e.appendChild(l)}i.monthsContainer.appendChild(e),t.config.minDate&&t.currentYear===t.config.minDate.getFullYear()?t.prevMonthNav.classList.add("flatpickr-disabled"):t.prevMonthNav.classList.remove("flatpickr-disabled"),t.config.maxDate&&t.currentYear===t.config.maxDate.getFullYear()?t.nextMonthNav.classList.add("flatpickr-disabled"):t.nextMonthNav.classList.remove("flatpickr-disabled")}}function l(){if(t.rContainer&&t.selectedDates.length){for(var r=t.rContainer.querySelectorAll(".flatpickr-monthSelect-month.selected"),a=0;a<r.length;a++)r[a].classList.remove("selected");var e=t.selectedDates[0].getMonth(),i=t.rContainer.querySelector(".flatpickr-monthSelect-month:nth-child("+(e+1)+")");i&&i.classList.add("selected")}}function p(){var r=t.selectedDates[0];r&&((r=new Date(r)).setFullYear(t.currentYear),t.config.minDate&&r<t.config.minDate&&(r=t.config.minDate),t.config.maxDate&&r>t.config.maxDate&&(r=t.config.maxDate),t.currentYear=r.getFullYear()),t.currentYearElement.value=t.currentYear+"",t.rContainer&&t.rContainer.querySelectorAll(".flatpickr-monthSelect-month").forEach((function(r){r.dateObj.setFullYear(t.currentYear),t.config.minDate&&r.dateObj<t.config.minDate||t.config.maxDate&&r.dateObj>t.config.maxDate?r.classList.add("flatpickr-disabled"):r.classList.remove("flatpickr-disabled")})),l()}function c(r){r.preventDefault(),r.stopPropagation();var a=e(r);a instanceof Element&&(a.classList.contains("flatpickr-disabled")||a.classList.contains("notAllowed")||(d(a.dateObj),t.config.closeOnSelect&&("single"===t.config.mode||"range"===t.config.mode&&2===t.selectedDates.length)&&t.close()))}function d(r){var a=new Date(t.currentYear,r.getMonth(),r.getDate()),e=[];switch(t.config.mode){case"single":e=[a];break;case"multiple":e.push(a);break;case"range":2===t.selectedDates.length?e=[a]:(e=t.selectedDates.concat([a])).sort((function(t,r){return t.getTime()-r.getTime()}))}t.setDate(e,!0),l()}var s={37:-1,39:1,40:3,38:-3};function f(){var r;"range"===(null===(r=t.config)||void 0===r?void 0:r.mode)&&1===t.selectedDates.length&&t.clear(!1),t.selectedDates.length||n()}return{onParseConfig:function(){t.config.enableTime=!1},onValueUpdate:l,onKeyDown:function(r,a,e,n){var o=void 0!==s[n.keyCode];if((o||13===n.keyCode)&&t.rContainer&&i.monthsContainer){var l=t.rContainer.querySelector(".flatpickr-monthSelect-month.selected"),p=Array.prototype.indexOf.call(i.monthsContainer.children,document.activeElement);if(-1===p){var c=l||i.monthsContainer.firstElementChild;c.focus(),p=c.$i}o?i.monthsContainer.children[(12+p+s[n.keyCode])%12].focus():13===n.keyCode&&i.monthsContainer.contains(document.activeElement)&&d(document.activeElement.dateObj)}},onReady:[function(){o._stubbedCurrentMonth=t._initialDate.getMonth(),t._initialDate.setMonth(o._stubbedCurrentMonth),t.currentMonth=o._stubbedCurrentMonth},function(){if(t.rContainer){a(t.rContainer);for(var r=0;r<t.monthElements.length;r++){var e=t.monthElements[r];e.parentNode&&e.parentNode.removeChild(e)}}},function(){t.rContainer&&(i.monthsContainer=t._createElement("div","flatpickr-monthSelect-months"),i.monthsContainer.tabIndex=-1,n(),t.rContainer.appendChild(i.monthsContainer),t.calendarContainer.classList.add("flatpickr-monthSelect-theme-"+o.theme))},function(){t._bind(t.prevMonthNav,"click",(function(r){r.preventDefault(),r.stopPropagation(),t.changeYear(t.currentYear-1),p(),n()})),t._bind(t.nextMonthNav,"click",(function(r){r.preventDefault(),r.stopPropagation(),t.changeYear(t.currentYear+1),p(),n()})),t._bind(i.monthsContainer,"mouseover",(function(r){"range"===t.config.mode&&t.onMouseOver(e(r),"flatpickr-monthSelect-month")}))},l,function(){t.config.onClose.push(f),t.loadedPlugins.push("monthSelect")}],onDestroy:[function(){o._stubbedCurrentMonth&&(t._initialDate.setMonth(o._stubbedCurrentMonth),t.currentMonth=o._stubbedCurrentMonth,delete o._stubbedCurrentMonth)},function(){if(null!==i.monthsContainer)for(var t=i.monthsContainer.querySelectorAll(".flatpickr-monthSelect-month"),r=0;r<t.length;r++)t[r].removeEventListener("click",c)},function(){t.config.onClose=t.config.onClose.filter((function(t){return t!==f}))}]}}}}()),g.exports));const v=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.dateSelect=a(this,"dateSelect",7),this.ariaLabel="",this.mode=s.DATE,this.name=void 0,this.value=void 0,this.flatpickrPosition=f.BOTTOM,this.inputError=!1}emitDateSelect(t){this.dateSelect.emit(t)}handleKeyDown(t){var r,a,e,i,n,o,l;if("Escape"===t.key&&(null===(r=this.picker)||void 0===r||r.close()),"Enter"===t.key||" "===t.key){this.hasChildren||null===(a=this.picker)||void 0===a||a.open(),document.activeElement.classList.contains("reset-icon")&&(this.inputError=!1,null===(e=this.picker)||void 0===e||e.setDate([]),this.dateSelect.emit(null)),document.activeElement.classList.contains("flatpickr-day");const r=document.activeElement.classList.contains("flatpickr-prev-month"),p=document.activeElement.classList.contains("flatpickr-next-month"),c=r||p;if(c&&" "===t.key&&t.preventDefault(),this.mode===s.MONTHS){if(r&&(null===(i=this.picker)||void 0===i||i.changeYear(this.picker.currentYear-1)),p&&(null===(n=this.picker)||void 0===n||n.changeYear(this.picker.currentYear+1)),c){const t=this.element.getElementsByClassName("flatpickr-calendar")[0],r=null==t?void 0:t.querySelectorAll(".flatpickr-monthSelect-month");null==r||r.forEach((t=>{var r;t.setAttribute("aria-label",`${t.innerHTML} ${null===(r=this.picker)||void 0===r?void 0:r.currentYear}`)})),Array.from(null!=r?r:[]).forEach(((t,r)=>{var a;const e=(new Date).getMonth(),i=(new Date).getFullYear();r===e&&((null===(a=this.picker)||void 0===a?void 0:a.currentYear)===i?t.setAttribute("class","flatpickr-monthSelect-month today"):t.setAttribute("class","flatpickr-monthSelect-month"))}))}}else r&&(null===(o=this.picker)||void 0===o||o.changeMonth(-1)),p&&(null===(l=this.picker)||void 0===l||l.changeMonth(1))}}componentWillLoad(){const t=this.element.querySelector("[slot=toggle]");this.hasChildren=!!t,this.hasChildren&&t.setAttribute("data-toggle","data-toggle")}componentDidLoad(){this.setupPickers()}setupPickers(){this.picker=n("."+(this.hasChildren?this.datePickerId+"-hidden":this.datePickerId+"-container"),{appendTo:this.element.children[0],enableTime:this.mode===s.DATE_TIME,locale:l.Italian,allowInput:!0,dateFormat:this.mode===s.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:this.mode===s.MONTHS?"F Y":"d F Y",minuteIncrement:1,time_24hr:!0,onChange:(t,r)=>{this.emitDateSelect(r)},onOpen:()=>{p(this.element,this.mode),this.flatpickrPosition=c(this.element,this.mode)},onKeyDown:()=>{p(this.element,this.mode)},wrap:!0,plugins:this.mode===s.MONTHS&&[x({dateFormat:"m-Y",altFormat:"m-Y"})]}),this.element.querySelectorAll(".flatpickr-weekday").forEach((t=>{t.innerHTML=t.innerHTML.trim().charAt(0)}))}formatDate(t){return this.mode===s.DATE?""+n.formatDate(t,"d-m-Y"):this.mode===s.MONTHS?""+n.formatDate(t,"m-Y"):""+n.formatDate(t,"d-m-Y - H:i")}onStopTyping(t){let r=t.detail.value;this.mode===s.MONTHS&&(r="01-".concat(t.detail.value));const a=r.split("-"),e=`${a[2]}-${a[1]}-${a[0]}${this.mode===s.DATE_TIME?`T${a[3]}:00`:""}`.split(" ").join(""),i=o(e,this.mode===s.DATE_TIME);""===r?(this.inputError=!1,this.picker.setDate([]),this.dateSelect.emit(null)):i?i&&(this.inputError=!1,this.picker.setDate([t.detail.value]),this.dateSelect.emit(this.formatDate(new Date(e)))):(this.inputError=!0,this.dateSelect.emit(null))}renderSlottedContent(){return e("div",{class:this.datePickerId+"-hidden"},e("input",{class:"hidden-input","data-input":!0,name:this.name,value:this.value}),e("slot",{name:"toggle"}))}renderZInput(){return e("div",{class:this.datePickerId+"-container"},e("z-input",{"data-input":"data-input",ariaLabel:this.ariaLabel,label:this.label,class:this.datePickerId,type:h.TEXT,icon:"event",message:!1,name:this.name,tabindex:"0",value:this.value,onStopTyping:t=>{this.onStopTyping(t)},onStartTyping:()=>{this.inputError=!1}}))}render(){return e("div",{key:"a17c625e0c3ba0c69b7805670f178a1c2a12a4d2",class:{"flatpickr-toggle-container":!0,[this.flatpickrPosition]:!0,[this.mode]:!0}},this.hasChildren?this.renderSlottedContent():this.renderZInput())}get element(){return this}static get watchers(){return{mode:[{setupPickers:0}]}}static get style(){return'.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\'\';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-monthSelect-months{margin:10px 1px 3px 1px;flex-wrap:wrap}.flatpickr-monthSelect-month{background:none;border:1px solid transparent;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;font-weight:400;margin:0.5px;justify-content:center;padding:10px;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;text-align:center;width:33%}.flatpickr-monthSelect-month.flatpickr-disabled{color:#eee}.flatpickr-monthSelect-month.flatpickr-disabled:hover,.flatpickr-monthSelect-month.flatpickr-disabled:focus{cursor:not-allowed;background:none !important}.flatpickr-monthSelect-theme-dark{background:#3f4458}.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{color:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{color:rgba(255, 255, 255, 0.95)}.flatpickr-monthSelect-month.today{border-color:#959ea9}.flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-month.inRange.today,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:#e6e6e6;cursor:pointer;outline:0;border-color:#e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{background:#646c8c;border-color:#646c8c}.flatpickr-monthSelect-month.today:hover,.flatpickr-monthSelect-month.today:focus{background:#959ea9;border-color:#959ea9;color:#fff}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-month.endRange{background-color:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-monthSelect-month.startRange{border-radius:50px 0 0 50px}.flatpickr-monthSelect-month.endRange{border-radius:0 50px 50px 0}.flatpickr-monthSelect-month.startRange.endRange{border-radius:50px}.flatpickr-monthSelect-month.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange{background:#80cbc4;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#80cbc4}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-range-picker--toggle-height:0}z-date-picker{position:relative}z-date-picker>div>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:flex !important;width:fill-available;height:calc(var(--space-unit) * 6);align-items:baseline;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;align-items:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:flex;height:calc(var(--space-unit) * 5.5) !important;align-items:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:flex;gap:16px}'}},[260,"z-date-picker",{datePickerId:[1,"date-picker-id"],ariaLabel:[1,"aria-label"],label:[1],mode:[1],name:[1],value:[1],flatpickrPosition:[32],inputError:[32]},[[2,"keydown","handleKeyDown"]],{mode:[{setupPickers:0}]}]),y=v,w=function(){"undefined"!=typeof customElements&&["z-date-picker","z-icon","z-input","z-input-message"].forEach((t=>{switch(t){case"z-date-picker":customElements.get(i(t))||customElements.define(i(t),v);break;case"z-icon":customElements.get(i(t))||m();break;case"z-input":customElements.get(i(t))||k();break;case"z-input-message":customElements.get(i(t))||u()}}))};export{y as ZDatePicker,w as defineCustomElement}
+var t=function(){return t=Object.assign||function(t){for(var r,a=1,e=arguments.length;a<e;a++)for(var i in r=arguments[a])Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i]);return t},t.apply(this,arguments)},r=function(t,r,a){return a.months[r?"shorthand":"longhand"][t]};function a(t){for(;t.firstChild;)t.removeChild(t.firstChild)}function e(t){try{return"function"==typeof t.composedPath?t.composedPath()[0]:t.target}catch(r){return t.target}}var i={shorthand:!1,dateFormat:"F Y",altFormat:"F Y",theme:"light"};return function(n){var o=t(t({},i),n);return function(t){t.config.dateFormat=o.dateFormat,t.config.altFormat=o.altFormat;var i={monthsContainer:null};function n(){if(i.monthsContainer){a(i.monthsContainer);for(var e=document.createDocumentFragment(),n=0;n<12;n++){var l=t.createDay("flatpickr-monthSelect-month",new Date(t.currentYear,n),0,n);l.dateObj.getMonth()===(new Date).getMonth()&&l.dateObj.getFullYear()===(new Date).getFullYear()&&l.classList.add("today"),l.textContent=r(n,o.shorthand,t.l10n),l.addEventListener("click",c),e.appendChild(l)}i.monthsContainer.appendChild(e),t.config.minDate&&t.currentYear===t.config.minDate.getFullYear()?t.prevMonthNav.classList.add("flatpickr-disabled"):t.prevMonthNav.classList.remove("flatpickr-disabled"),t.config.maxDate&&t.currentYear===t.config.maxDate.getFullYear()?t.nextMonthNav.classList.add("flatpickr-disabled"):t.nextMonthNav.classList.remove("flatpickr-disabled")}}function l(){if(t.rContainer&&t.selectedDates.length){for(var r=t.rContainer.querySelectorAll(".flatpickr-monthSelect-month.selected"),a=0;a<r.length;a++)r[a].classList.remove("selected");var e=t.selectedDates[0].getMonth(),i=t.rContainer.querySelector(".flatpickr-monthSelect-month:nth-child("+(e+1)+")");i&&i.classList.add("selected")}}function p(){var r=t.selectedDates[0];r&&((r=new Date(r)).setFullYear(t.currentYear),t.config.minDate&&r<t.config.minDate&&(r=t.config.minDate),t.config.maxDate&&r>t.config.maxDate&&(r=t.config.maxDate),t.currentYear=r.getFullYear()),t.currentYearElement.value=t.currentYear+"",t.rContainer&&t.rContainer.querySelectorAll(".flatpickr-monthSelect-month").forEach((function(r){r.dateObj.setFullYear(t.currentYear),t.config.minDate&&r.dateObj<t.config.minDate||t.config.maxDate&&r.dateObj>t.config.maxDate?r.classList.add("flatpickr-disabled"):r.classList.remove("flatpickr-disabled")})),l()}function c(r){r.preventDefault(),r.stopPropagation();var a=e(r);a instanceof Element&&(a.classList.contains("flatpickr-disabled")||a.classList.contains("notAllowed")||(d(a.dateObj),t.config.closeOnSelect&&("single"===t.config.mode||"range"===t.config.mode&&2===t.selectedDates.length)&&t.close()))}function d(r){var a=new Date(t.currentYear,r.getMonth(),r.getDate()),e=[];switch(t.config.mode){case"single":e=[a];break;case"multiple":e.push(a);break;case"range":2===t.selectedDates.length?e=[a]:(e=t.selectedDates.concat([a])).sort((function(t,r){return t.getTime()-r.getTime()}))}t.setDate(e,!0),l()}var s={37:-1,39:1,40:3,38:-3};function f(){var r;"range"===(null===(r=t.config)||void 0===r?void 0:r.mode)&&1===t.selectedDates.length&&t.clear(!1),t.selectedDates.length||n()}return{onParseConfig:function(){t.config.enableTime=!1},onValueUpdate:l,onKeyDown:function(r,a,e,n){var o=void 0!==s[n.keyCode];if((o||13===n.keyCode)&&t.rContainer&&i.monthsContainer){var l=t.rContainer.querySelector(".flatpickr-monthSelect-month.selected"),p=Array.prototype.indexOf.call(i.monthsContainer.children,document.activeElement);if(-1===p){var c=l||i.monthsContainer.firstElementChild;c.focus(),p=c.$i}o?i.monthsContainer.children[(12+p+s[n.keyCode])%12].focus():13===n.keyCode&&i.monthsContainer.contains(document.activeElement)&&d(document.activeElement.dateObj)}},onReady:[function(){o._stubbedCurrentMonth=t._initialDate.getMonth(),t._initialDate.setMonth(o._stubbedCurrentMonth),t.currentMonth=o._stubbedCurrentMonth},function(){if(t.rContainer){a(t.rContainer);for(var r=0;r<t.monthElements.length;r++){var e=t.monthElements[r];e.parentNode&&e.parentNode.removeChild(e)}}},function(){t.rContainer&&(i.monthsContainer=t._createElement("div","flatpickr-monthSelect-months"),i.monthsContainer.tabIndex=-1,n(),t.rContainer.appendChild(i.monthsContainer),t.calendarContainer.classList.add("flatpickr-monthSelect-theme-"+o.theme))},function(){t._bind(t.prevMonthNav,"click",(function(r){r.preventDefault(),r.stopPropagation(),t.changeYear(t.currentYear-1),p(),n()})),t._bind(t.nextMonthNav,"click",(function(r){r.preventDefault(),r.stopPropagation(),t.changeYear(t.currentYear+1),p(),n()})),t._bind(i.monthsContainer,"mouseover",(function(r){"range"===t.config.mode&&t.onMouseOver(e(r),"flatpickr-monthSelect-month")}))},l,function(){t.config.onClose.push(f),t.loadedPlugins.push("monthSelect")}],onDestroy:[function(){o._stubbedCurrentMonth&&(t._initialDate.setMonth(o._stubbedCurrentMonth),t.currentMonth=o._stubbedCurrentMonth,delete o._stubbedCurrentMonth)},function(){if(null!==i.monthsContainer)for(var t=i.monthsContainer.querySelectorAll(".flatpickr-monthSelect-month"),r=0;r<t.length;r++)t[r].removeEventListener("click",c)},function(){t.config.onClose=t.config.onClose.filter((function(t){return t!==f}))}]}}}}()),g.exports));const v=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.dateSelect=a(this,"dateSelect",7),this.ariaLabel="",this.mode=s.DATE,this.name=void 0,this.value=void 0,this.flatpickrPosition=f.BOTTOM,this.inputError=!1}emitDateSelect(t){this.dateSelect.emit(t)}handleKeyDown(t){var r,a,e,i,n,o,l;if("Escape"===t.key&&(null===(r=this.picker)||void 0===r||r.close()),"Enter"===t.key||" "===t.key){this.hasChildren||null===(a=this.picker)||void 0===a||a.open(),document.activeElement.classList.contains("reset-icon")&&(this.inputError=!1,null===(e=this.picker)||void 0===e||e.setDate([]),this.dateSelect.emit(null)),document.activeElement.classList.contains("flatpickr-day");const r=document.activeElement.classList.contains("flatpickr-prev-month"),p=document.activeElement.classList.contains("flatpickr-next-month"),c=r||p;if(c&&" "===t.key&&t.preventDefault(),this.mode===s.MONTHS){if(r&&(null===(i=this.picker)||void 0===i||i.changeYear(this.picker.currentYear-1)),p&&(null===(n=this.picker)||void 0===n||n.changeYear(this.picker.currentYear+1)),c){const t=this.element.getElementsByClassName("flatpickr-calendar")[0],r=null==t?void 0:t.querySelectorAll(".flatpickr-monthSelect-month");null==r||r.forEach((t=>{var r;t.setAttribute("aria-label",`${t.innerHTML} ${null===(r=this.picker)||void 0===r?void 0:r.currentYear}`)})),Array.from(null!=r?r:[]).forEach(((t,r)=>{var a;const e=(new Date).getMonth(),i=(new Date).getFullYear();r===e&&((null===(a=this.picker)||void 0===a?void 0:a.currentYear)===i?t.setAttribute("class","flatpickr-monthSelect-month today"):t.setAttribute("class","flatpickr-monthSelect-month"))}))}}else r&&(null===(o=this.picker)||void 0===o||o.changeMonth(-1)),p&&(null===(l=this.picker)||void 0===l||l.changeMonth(1))}}componentWillLoad(){const t=this.element.querySelector("[slot=toggle]");this.hasChildren=!!t,this.hasChildren&&t.setAttribute("data-toggle","data-toggle")}componentDidLoad(){this.setupPickers()}setupPickers(){this.picker=n("."+(this.hasChildren?this.datePickerId+"-hidden":this.datePickerId+"-container"),{appendTo:this.element.children[0],enableTime:this.mode===s.DATE_TIME,locale:l.Italian,allowInput:!0,dateFormat:this.mode===s.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:this.mode===s.MONTHS?"F Y":"d F Y",minuteIncrement:1,time_24hr:!0,onChange:(t,r)=>{this.emitDateSelect(r)},onOpen:()=>{p(this.element,this.mode),this.flatpickrPosition=c(this.element,this.mode)},onKeyDown:()=>{p(this.element,this.mode)},wrap:!0,plugins:this.mode===s.MONTHS&&[x({dateFormat:"m-Y",altFormat:"m-Y"})]}),this.element.querySelectorAll(".flatpickr-weekday").forEach((t=>{t.innerHTML=t.innerHTML.trim().charAt(0)}))}formatDate(t){return this.mode===s.DATE?""+n.formatDate(t,"d-m-Y"):this.mode===s.MONTHS?""+n.formatDate(t,"m-Y"):""+n.formatDate(t,"d-m-Y - H:i")}onStopTyping(t){let r=t.detail.value;this.mode===s.MONTHS&&(r="01-".concat(t.detail.value));const a=r.split("-"),e=`${a[2]}-${a[1]}-${a[0]}${this.mode===s.DATE_TIME?`T${a[3]}:00`:""}`.split(" ").join(""),i=o(e,this.mode===s.DATE_TIME);""===r?(this.inputError=!1,this.picker.setDate([]),this.dateSelect.emit(null)):i?i&&(this.inputError=!1,this.picker.setDate([t.detail.value]),this.dateSelect.emit(this.formatDate(new Date(e)))):(this.inputError=!0,this.dateSelect.emit(null))}renderSlottedContent(){return e("div",{class:this.datePickerId+"-hidden"},e("input",{class:"hidden-input","data-input":!0,name:this.name,value:this.value}),e("slot",{name:"toggle"}))}renderZInput(){return e("div",{class:this.datePickerId+"-container"},e("z-input",{"data-input":"data-input",ariaLabel:this.ariaLabel,label:this.label,class:this.datePickerId,type:h.TEXT,icon:"event",message:!1,name:this.name,tabindex:"0",value:this.value,onStopTyping:t=>{this.onStopTyping(t)},onStartTyping:()=>{this.inputError=!1}}))}render(){return e("div",{key:"93fda1008d65ebd8a0c09639fe1dbdde501f8d32",class:{"flatpickr-toggle-container":!0,[this.flatpickrPosition]:!0,[this.mode]:!0}},this.hasChildren?this.renderSlottedContent():this.renderZInput())}get element(){return this}static get watchers(){return{mode:[{setupPickers:0}]}}static get style(){return'.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\'\';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-monthSelect-months{margin:10px 1px 3px 1px;flex-wrap:wrap}.flatpickr-monthSelect-month{background:none;border:1px solid transparent;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;font-weight:400;margin:0.5px;justify-content:center;padding:10px;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;text-align:center;width:33%}.flatpickr-monthSelect-month.flatpickr-disabled{color:#eee}.flatpickr-monthSelect-month.flatpickr-disabled:hover,.flatpickr-monthSelect-month.flatpickr-disabled:focus{cursor:not-allowed;background:none !important}.flatpickr-monthSelect-theme-dark{background:#3f4458}.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{color:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{color:rgba(255, 255, 255, 0.95)}.flatpickr-monthSelect-month.today{border-color:#959ea9}.flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-month.inRange.today,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:#e6e6e6;cursor:pointer;outline:0;border-color:#e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{background:#646c8c;border-color:#646c8c}.flatpickr-monthSelect-month.today:hover,.flatpickr-monthSelect-month.today:focus{background:#959ea9;border-color:#959ea9;color:#fff}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-month.endRange{background-color:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-monthSelect-month.startRange{border-radius:50px 0 0 50px}.flatpickr-monthSelect-month.endRange{border-radius:0 50px 50px 0}.flatpickr-monthSelect-month.startRange.endRange{border-radius:50px}.flatpickr-monthSelect-month.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange{background:#80cbc4;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#80cbc4}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-range-picker--toggle-height:0}z-date-picker{position:relative}z-date-picker>div>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:flex !important;width:fill-available;height:calc(var(--space-unit) * 6);align-items:baseline;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;align-items:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:flex;height:calc(var(--space-unit) * 5.5) !important;align-items:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:flex;gap:16px}'}},[260,"z-date-picker",{datePickerId:[1,"date-picker-id"],ariaLabel:[1,"aria-label"],label:[1],mode:[1],name:[1],value:[1],flatpickrPosition:[32],inputError:[32]},[[2,"keydown","handleKeyDown"]],{mode:[{setupPickers:0}]}]),y=v,w=function(){"undefined"!=typeof customElements&&["z-date-picker","z-icon","z-input","z-input-message"].forEach((t=>{switch(t){case"z-date-picker":customElements.get(i(t))||customElements.define(i(t),v);break;case"z-icon":customElements.get(i(t))||m();break;case"z-input":customElements.get(i(t))||k();break;case"z-input-message":customElements.get(i(t))||u()}}))};export{y as ZDatePicker,w as defineCustomElement}

package/dist/components/z-file-upload.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s,Host as l,transformTag as t}from"@stencil/core/internal/client";import{v as o}from"./index2.js";import{d as r}from"./index5.js";import{d as n}from"./index20.js";import{d}from"./index3.js";import{d as c}from"./index21.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.fileInput=a(this,"fileInput",7),this.fileError=a(this,"fileError",7),this.type=o.DEFAULT,this.uploadBtnLabel="allega",this.dragAndDropLabel="Rilascia i file in questa area per allegarli.",this.uploadClickableMessage="Carica",this.uploadMessage="o trascina dal tuo computer",this.errorModalTitle="Errore di caricamento",this.uploadedFilesLabel="File appena caricati",this.hasFileSection=!0,this.inputName="z-file-upload",this.showErrors=!0,this._type=this.type,this.files=[],this.invalidFiles=new Map}onFileRemoved(e){this.removeFile(e.detail.fileName)}fileDroppedListener(e){this.input.files=e.detail,this.checkFilesValidity(this.input.files)}async getFiles(){return this.files}async removeFile(e){const i=this.files,a=i.findIndex((i=>i.name===e));a>=0&&(i.splice(a,1),this.files=[...i])}checkFilesValidity(e){e.length&&Array.from(e).forEach((e=>{const i=e.size/1024/1024,a=this.acceptedFormat.split(",").some((i=>e.name.toLowerCase().endsWith(i.trim()))),s=i<=this.fileMaxSize;if(s&&a&&!this.files.find((i=>i.name===e.name)))return this.files=[...this.files,e],this.fileInput.emit(e),void(this.input.value="");const l=[!s&&{cause:"size",message:`Il file ${e.name} supera il limite di ${this.fileMaxSize}MB`},!a&&{cause:"format",message:`Il file ${e.name} ha un formato non supportato`}].filter(Boolean);this.invalidFiles.set(e.name,l),this.invalidFiles=new Map(this.invalidFiles),this.fileError.emit({file:e.name,errors:l})}))}resetErrors(){this.invalidFiles=new Map}onFilesChange(e){this.checkFilesValidity(e.target.files)}componentWillLoad(){const e=window.matchMedia("(max-width: 1151px)");this._type=e.matches?o.DEFAULT:this.type,e.addEventListener("change",(e=>{this._type=e.matches?o.DEFAULT:this.type}))}componentDidUpdate(){this.showErrors&&this.invalidFiles.size&&this.errorModal.open()}renderDescription(e){if(this.description)return s("span",{id:"description",class:e},this.description)}renderAllowedFilesMessage(){let e="",i="";this.acceptedFormat&&(e=" nei formati "+this.acceptedFormat.split(", ").map((e=>e.substring(1).toUpperCase())).join(", ")),this.fileMaxSize&&(i=` per un massimo di ${this.fileMaxSize}MB di peso`);const a=e||i?`Puoi allegare file${e}${i}.`:void 0;if(this.allowedFilesMessage||a)return s("span",{class:"allowed-files-message body-3"},this.allowedFilesMessage||a)}renderFileSection(){if(this.hasFileSection)return s("section",{class:{"files-container":!0,hidden:!this.files.length}},s("div",{class:"uploaded-files-label heading-3-sb"},this.uploadedFilesLabel),s("div",{class:"files-wrapper"},s("slot",{name:"files"})))}renderInput(){return s("input",{type:"file",name:this.inputName,multiple:!0,onChange:e=>this.onFilesChange(e),accept:this.acceptedFormat,ref:e=>this.input=e})}renderUploadButton(){return[s("z-button",{onClick:()=>this.input.click(),onKeyPress:e=>{"Space"!=e.code&&"Enter"!=e.code||(e.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload"},this.uploadBtnLabel),this.renderInput()]}renderUploadLink(){return[this.renderInput(),s("span",{class:"body-1 upload-link-text"},s("span",{tabIndex:0,class:"body-1-sb upload-link",onClick:()=>this.input.click(),onKeyPress:e=>{"Space"!=e.code&&"Enter"!=e.code||(e.preventDefault(),this.input.click())}},this.uploadClickableMessage)," ",this.uploadMessage)]}renderDefaultMode(){return[this.renderDescription("body-3-sb"),this.renderAllowedFilesMessage(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),s("z-dragdrop-area",{"drag-and-drop-label":this.dragAndDropLabel},s("div",{class:"text-container"},this.renderDescription("body-1"),this.renderUploadLink(),this.renderAllowedFilesMessage()))]}renderFileErrors(){return Array.from(this.invalidFiles).map((([e,i])=>{const a="Il file "+e;return s("span",{class:"error-message"},"Il file ",s("span",{class:"body-3-sb"},e),i.map((({message:e})=>e.replace(a,""))).join(" e "),".")}))}render(){return s(l,{key:"9f2aeeeb12f48f34a732137c809c48c23d6a190e"},this.mainTitle&&s("div",{key:"63924f49200a966ed3e7244c685ae9df6eeefbc1",id:"title",class:"heading-3-sb"},this.mainTitle),this._type==o.DEFAULT?this.renderDefaultMode():this.renderDragDropMode(),!!this.invalidFiles.size&&this.showErrors&&s("z-modal",{key:"e3c015962d22df4c1d769d6177417bbf8d6bcc93",modalid:`file-upload-${this.type}-error-modal`,ref:e=>this.errorModal=e,modaltitle:this.errorModalTitle,onModalClose:()=>this.resetErrors(),onModalBackgroundClick:()=>this.resetErrors()},s("div",{key:"0cc1b6a3a952e1e683a70b952af131b74e7021e0",slot:"modalContent"},s("div",{key:"833875c9ffe28ad248a4cacd7249153c7230df0a",class:"modal-wrapper body-3"},this.errorModalMessage?this.errorModalMessage:this.renderFileErrors()))))}get host(){return this}static get style(){return'.sc-z-file-upload-h{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{display:flex;flex-direction:column;justify-content:center;padding:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto;text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-text-link-blue);cursor:pointer;text-decoration:underline}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none !important}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}.sc-z-file-upload-h input[type="file"].sc-z-file-upload{display:none}.sc-z-file-upload-h #title.sc-z-file-upload+#description.sc-z-file-upload{margin-top:var(--space-unit)}.sc-z-file-upload-h>*.sc-z-file-upload+z-button.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload+*.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload:not(:first-child){margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.files-container.hidden.sc-z-file-upload{display:none}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.uploaded-files-label.sc-z-file-upload{margin-bottom:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}@media (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 3)}}@media (min-width: 1152px){.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 4)}}'}},[262,"z-file-upload",{type:[513],buttonVariant:[1,"button-variant"],acceptedFormat:[1,"accepted-format"],fileMaxSize:[2,"file-max-size"],mainTitle:[1,"main-title"],description:[1],uploadBtnLabel:[1,"upload-btn-label"],dragAndDropLabel:[1,"drag-and-drop-label"],allowedFilesMessage:[1,"allowed-files-message"],uploadClickableMessage:[1,"upload-clickable-message"],uploadMessage:[1,"upload-message"],errorModalTitle:[1,"error-modal-title"],errorModalMessage:[1,"error-modal-message"],uploadedFilesLabel:[1,"uploaded-files-label"],hasFileSection:[4,"has-file-section"],inputName:[1,"input-name"],showErrors:[4,"show-errors"],_type:[32],files:[32],invalidFiles:[32],input:[32],getFiles:[64],removeFile:[64]},[[0,"removeFile","onFileRemoved"],[0,"fileDropped","fileDroppedListener"]]]),u=p,f=function(){"undefined"!=typeof customElements&&["z-file-upload","z-button","z-dragdrop-area","z-icon","z-modal"].forEach((e=>{switch(e){case"z-file-upload":customElements.get(t(e))||customElements.define(t(e),p);break;case"z-button":customElements.get(t(e))||r();break;case"z-dragdrop-area":customElements.get(t(e))||n();break;case"z-icon":customElements.get(t(e))||d();break;case"z-modal":customElements.get(t(e))||c()}}))};export{u as ZFileUpload,f as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s,Host as l,transformTag as t}from"@stencil/core/internal/client";import{v as o}from"./index2.js";import{d as r}from"./index5.js";import{d as n}from"./index20.js";import{d}from"./index3.js";import{d as c}from"./index21.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.fileInput=a(this,"fileInput",7),this.fileError=a(this,"fileError",7),this.type=o.DEFAULT,this.uploadBtnLabel="allega",this.dragAndDropLabel="Rilascia i file in questa area per allegarli.",this.uploadClickableMessage="Carica",this.uploadMessage="o trascina dal tuo computer",this.errorModalTitle="Errore di caricamento",this.uploadedFilesLabel="File appena caricati",this.hasFileSection=!0,this.inputName="z-file-upload",this.showErrors=!0,this._type=this.type,this.files=[],this.invalidFiles=new Map}onFileRemoved(e){this.removeFile(e.detail.fileName)}fileDroppedListener(e){this.input.files=e.detail,this.checkFilesValidity(this.input.files)}async getFiles(){return this.files}async removeFile(e){const i=this.files,a=i.findIndex((i=>i.name===e));a>=0&&(i.splice(a,1),this.files=[...i])}checkFilesValidity(e){e.length&&Array.from(e).forEach((e=>{const i=e.size/1024/1024,a=this.acceptedFormat.split(",").some((i=>e.name.toLowerCase().endsWith(i.trim()))),s=i<=this.fileMaxSize;if(s&&a&&!this.files.find((i=>i.name===e.name)))return this.files=[...this.files,e],this.fileInput.emit(e),void(this.input.value="");const l=[!s&&{cause:"size",message:`Il file ${e.name} supera il limite di ${this.fileMaxSize}MB`},!a&&{cause:"format",message:`Il file ${e.name} ha un formato non supportato`}].filter(Boolean);this.invalidFiles.set(e.name,l),this.invalidFiles=new Map(this.invalidFiles),this.fileError.emit({file:e.name,errors:l})}))}resetErrors(){this.invalidFiles=new Map}onFilesChange(e){this.checkFilesValidity(e.target.files)}componentWillLoad(){const e=window.matchMedia("(max-width: 1151px)");this._type=e.matches?o.DEFAULT:this.type,e.addEventListener("change",(e=>{this._type=e.matches?o.DEFAULT:this.type}))}componentDidUpdate(){this.showErrors&&this.invalidFiles.size&&this.errorModal.open()}renderDescription(e){if(this.description)return s("span",{id:"description",class:e},this.description)}renderAllowedFilesMessage(){let e="",i="";this.acceptedFormat&&(e=" nei formati "+this.acceptedFormat.split(", ").map((e=>e.substring(1).toUpperCase())).join(", ")),this.fileMaxSize&&(i=` per un massimo di ${this.fileMaxSize}MB di peso`);const a=e||i?`Puoi allegare file${e}${i}.`:void 0;if(this.allowedFilesMessage||a)return s("span",{class:"allowed-files-message body-3"},this.allowedFilesMessage||a)}renderFileSection(){if(this.hasFileSection)return s("section",{class:{"files-container":!0,hidden:!this.files.length}},s("div",{class:"uploaded-files-label heading-3-sb"},this.uploadedFilesLabel),s("div",{class:"files-wrapper"},s("slot",{name:"files"})))}renderInput(){return s("input",{type:"file",name:this.inputName,multiple:!0,onChange:e=>this.onFilesChange(e),accept:this.acceptedFormat,"aria-labelledby":this.description?"description":void 0,ref:e=>this.input=e})}renderUploadButton(){return[s("z-button",{onClick:()=>this.input.click(),onKeyPress:e=>{"Space"!=e.code&&"Enter"!=e.code||(e.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload"},this.uploadBtnLabel),this.renderInput()]}renderUploadLink(){return[this.renderInput(),s("span",{class:"body-1 upload-link-text"},s("span",{tabIndex:0,class:"body-1-sb upload-link",onClick:()=>this.input.click(),onKeyPress:e=>{"Space"!=e.code&&"Enter"!=e.code||(e.preventDefault(),this.input.click())}},this.uploadClickableMessage)," ",this.uploadMessage)]}renderDefaultMode(){return[this.renderDescription("body-3-sb"),this.renderAllowedFilesMessage(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),s("z-dragdrop-area",{"drag-and-drop-label":this.dragAndDropLabel},s("div",{class:"text-container"},this.renderDescription("body-1"),this.renderUploadLink(),this.renderAllowedFilesMessage()))]}renderFileErrors(){return Array.from(this.invalidFiles).map((([e,i])=>{const a="Il file "+e;return s("span",{class:"error-message"},"Il file ",s("span",{class:"body-3-sb"},e),i.map((({message:e})=>e.replace(a,""))).join(" e "),".")}))}render(){return s(l,{key:"26a1a04ff6d1a9c9cf0e16311bb747b349c7ca67"},this.mainTitle&&s("div",{key:"cbce95e36bb7a1fe81c8c41e0723169e6b47442d",id:"title",class:"heading-3-sb"},this.mainTitle),this._type==o.DEFAULT?this.renderDefaultMode():this.renderDragDropMode(),!!this.invalidFiles.size&&this.showErrors&&s("z-modal",{key:"6a000d85f1f9b46a2872b4fa40b978a97427018c",modalid:`file-upload-${this.type}-error-modal`,ref:e=>this.errorModal=e,modaltitle:this.errorModalTitle,onModalClose:()=>this.resetErrors(),onModalBackgroundClick:()=>this.resetErrors()},s("div",{key:"caa8f6424a54d279ed2eca6c7514390324b40c59",slot:"modalContent"},s("div",{key:"b069c1fff610bcf4adbff57b0c5a9fa3e70e32ea",class:"modal-wrapper body-3"},this.errorModalMessage?this.errorModalMessage:this.renderFileErrors()))))}get host(){return this}static get style(){return'.sc-z-file-upload-h{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{display:flex;flex-direction:column;justify-content:center;padding:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto;text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-text-link-blue);cursor:pointer;text-decoration:underline}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none !important}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}.sc-z-file-upload-h input[type="file"].sc-z-file-upload{display:none}.sc-z-file-upload-h #title.sc-z-file-upload+#description.sc-z-file-upload{margin-top:var(--space-unit)}.sc-z-file-upload-h>*.sc-z-file-upload+z-button.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload+*.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload:not(:first-child){margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.files-container.hidden.sc-z-file-upload{display:none}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.uploaded-files-label.sc-z-file-upload{margin-bottom:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}@media (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 3)}}@media (min-width: 1152px){.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 4)}}'}},[262,"z-file-upload",{type:[513],buttonVariant:[1,"button-variant"],acceptedFormat:[1,"accepted-format"],fileMaxSize:[2,"file-max-size"],mainTitle:[1,"main-title"],description:[1],uploadBtnLabel:[1,"upload-btn-label"],dragAndDropLabel:[1,"drag-and-drop-label"],allowedFilesMessage:[1,"allowed-files-message"],uploadClickableMessage:[1,"upload-clickable-message"],uploadMessage:[1,"upload-message"],errorModalTitle:[1,"error-modal-title"],errorModalMessage:[1,"error-modal-message"],uploadedFilesLabel:[1,"uploaded-files-label"],hasFileSection:[4,"has-file-section"],inputName:[1,"input-name"],showErrors:[4,"show-errors"],_type:[32],files:[32],invalidFiles:[32],input:[32],getFiles:[64],removeFile:[64]},[[0,"removeFile","onFileRemoved"],[0,"fileDropped","fileDroppedListener"]]]),u=p,f=function(){"undefined"!=typeof customElements&&["z-file-upload","z-button","z-dragdrop-area","z-icon","z-modal"].forEach((e=>{switch(e){case"z-file-upload":customElements.get(t(e))||customElements.define(t(e),p);break;case"z-button":customElements.get(t(e))||r();break;case"z-dragdrop-area":customElements.get(t(e))||n();break;case"z-icon":customElements.get(t(e))||d();break;case"z-modal":customElements.get(t(e))||c()}}))};export{u as ZFileUpload,f as defineCustomElement}

package/dist/components/z-file.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{P as c,w as a}from"./index2.js";import{B as r}from"./breakpoints.js";import{d as l}from"./index19.js";import{d as p}from"./index3.js";import{d as f}from"./index17.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.removeFile=t(this,"removeFile",7),this.allowPopover=!1,this.popoverVisible=!1}removeFileHandler(){this.removeFile.emit({fileName:this.fileName}),this.el.remove()}onMouseOver(){this.popoverVisible=!0}onMouseLeave(){this.popoverVisible=!1}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var e,i;this.elementHasEllipsis()&&window.innerWidth>r.TABLET&&(this.allowPopover=!0),null===(i=null===(e=this.icon)||void 0===e?void 0:e.focus)||void 0===i||i.call(e)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return s(o,{key:"b14de221b558a20b6a73755f4a299743fa5a7d23"},this.allowPopover&&s("z-popover",{key:"fc3a7c327d89a7a9ea6b9660d17d78de1922729c",open:this.popoverVisible,position:c.AUTO,bindTo:this.chip},s("span",{key:"7f33d40074ba639bd8da65132dad5b2fa1cf349e",class:"body-5 tooltip-content"},this.ellipsis.innerText)),s("z-chip",{key:"ae8746950f0ee745c77a1b5602c4f6ecb0278afd",ref:e=>this.chip=e,id:"chip-"+this.fileNumber,interactiveIcon:"multiply-circled",type:a.DEFAULT},s("span",{key:"6ef36d2bebe82fbcb9919cce4c2a4c8d657ba255",ref:e=>this.ellipsis=e,tabIndex:-1},this.fileName)))}get el(){return this}static get style(){return".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}"}},[2,"z-file",{fileNumber:[2,"file-number"],fileName:[1,"file-name"],allowPopover:[32],popoverVisible:[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]),h=d,m=function(){"undefined"!=typeof customElements&&["z-file","z-chip","z-icon","z-popover"].forEach((e=>{switch(e){case"z-file":customElements.get(n(e))||customElements.define(n(e),d);break;case"z-chip":customElements.get(n(e))||l();break;case"z-icon":customElements.get(n(e))||p();break;case"z-popover":customElements.get(n(e))||f()}}))};export{h as ZFile,m as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{P as c,w as r}from"./index2.js";import{B as l}from"./breakpoints.js";import{d as a}from"./index19.js";import{d as p}from"./index3.js";import{d as f}from"./index17.js";const h=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.removeFile=t(this,"removeFile",7),this.allowPopover=!1,this.popoverVisible=!1}removeFileHandler(){this.removeFile.emit({fileName:this.fileName}),this.el.remove()}onMouseOver(){this.popoverVisible=!0}onMouseLeave(){this.popoverVisible=!1}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var e,i;this.elementHasEllipsis()&&window.innerWidth>l.TABLET&&(this.allowPopover=!0),null===(i=null===(e=this.icon)||void 0===e?void 0:e.focus)||void 0===i||i.call(e)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return s(o,{key:"12ffcf9cd4e06418f8ef0c0fe6f901519ea81578"},this.allowPopover&&s("z-popover",{key:"b77adda2c9f80584b3e74ab82d5c8b5198b50d88",open:this.popoverVisible,position:c.AUTO,bindTo:this.chip},s("span",{key:"9d0bb9bbdb210ce143a129ca4f46a6409b85b393",class:"body-5 tooltip-content"},this.ellipsis.innerText)),s("z-chip",{key:"9d9c8f64f63c4723c2f6540be7d6c534650a847d",ref:e=>this.chip=e,id:"chip-"+this.fileNumber,interactiveIcon:"multiply-circled",type:r.DEFAULT},s("span",{key:"959647e217388cad43c3bb3536a44ce22b548067",ref:e=>this.ellipsis=e,tabIndex:-1},this.fileName)))}get el(){return this}static get style(){return".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}"}},[2,"z-file",{fileNumber:[2,"file-number"],fileName:[1,"file-name"],allowPopover:[32],popoverVisible:[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]),d=h,m=function(){"undefined"!=typeof customElements&&["z-file","z-chip","z-icon","z-popover"].forEach((e=>{switch(e){case"z-file":customElements.get(n(e))||customElements.define(n(e),h);break;case"z-chip":customElements.get(n(e))||a();break;case"z-icon":customElements.get(n(e))||p();break;case"z-popover":customElements.get(n(e))||f()}}))};export{d as ZFile,m as defineCustomElement}