@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.8 → 0.1.1

package/dist/zanichelli-it-frontend-kit/p-71c28d19.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZThead","constructor","hostRef","this","sticky","render","h","Host","key","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-thead/index.js"],"sourcesContent":[":host {\n  --z-table--cells-bottom-border-size: var(\n    --border-size-medium\n  ); /* Needed to handle the border of the expand button cell */\n\n  --z-table--cells-background: var(\n    --color-background\n  ); /* Needed to handle the background-color of the expand button cell */\n\n  display: block;\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 2;\n  top: 0;\n  box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZThead component.\n * @slot - ZThead content (`z-tr`).\n */\nexport class ZThead {\n    constructor() {\n        this.sticky = false;\n    }\n    render() {\n        return (h(Host, { key: '8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac', role: \"rowgroup\" }, h(\"slot\", { key: '2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3' })));\n    }\n    static get is() { return \"z-thead\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, the header will be stuck to the top of the table.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,sR,MCKLC,EAAM,MACf,WAAAC,CAAAC,G,UACIC,KAAKC,OAAS,KACjB,CACD,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,YAAcH,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-752d72d8.entry.js

@@ -1,2 +0,0 @@
-import{h as t,F as e,r as i,c as a,H as n,g as s}from"./p-Cam6wBSi.js";import{K as o,C as r,B as l,T as h,O as c}from"./p-B2-dCTD2.js";import{B as d}from"./p-Q-tWjk7P.js";import{c as u}from"./p-C46tSaXG.js";const f=':host{position:relative;display:block;box-shadow:var(--shadow-2)}:host,*{box-sizing:border-box}.heading-panel{--title-line-height:1.333;--title-font-size:var(--font-size-6);position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width, 100%);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:calc(var(--space-unit) * 2);margin:0 auto;background:var(--app-header-bg, var(--color-surface01))}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-panel.has-menubar{padding-bottom:0}.heading-panel .heading-container{flex-direction:column-reverse}:host([enable-search]) .heading-panel .heading-container{flex-direction:column}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:row}.heading-title{display:flex;width:100%;flex-direction:row;align-items:flex-start}.heading-title:not(:last-child){margin-right:var(--space-unit)}.z-logo,.search-page-button{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}.z-logo img{height:24px;margin:0 var(--space-unit) 0 0;content:url(\'data:image/svg+xml,<svg width="61" height="32" viewBox="0 0 61 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9874 32C7.1595 32 0 24.8349 0 16C0 7.16513 7.1595 0 15.9874 0H45.0126C53.8405 0 61 7.16513 61 16C61 24.8349 53.8405 32 45.0126 32H15.9874Z" fill="%23E2011A"/><path d="M58.5435 15.9992C58.5435 23.4743 52.4892 29.5403 45.0129 29.5403C37.5367 29.5403 31.4824 23.4813 31.4824 15.9992C31.4824 8.51701 37.5367 2.45801 45.0129 2.45801C52.4892 2.45801 58.5435 8.51701 58.5435 15.9992Z" fill="white"/><path d="M40.7107 8.01862H49.8976V11.3158L44.139 21.7077H50.0384V24.6457H39.9785V21.4048L45.7371 10.9636H40.7107V8.01862Z" fill="%23E2011A"/><path d="M12.2914 24.6449C10.982 24.6449 10.271 23.8136 10.271 22.6722V7.04565H12.1718V22.9822H13.981V24.6449H12.2914Z" fill="white"/><path d="M25.6461 24.6448C24.2452 24.6448 23.675 23.7853 23.5342 22.6439H23.4145C22.8935 24.1446 21.5841 24.9266 19.8735 24.9266C17.2828 24.9266 15.7622 23.4964 15.7622 21.2137C15.7622 18.931 17.4236 17.6206 20.9928 17.6206H23.4145V16.4088C23.4145 14.6756 22.4641 13.7245 20.5141 13.7245C19.0428 13.7245 18.0642 14.4361 17.4025 15.5563L16.262 14.4854C16.9308 13.175 18.4021 12.0829 20.6126 12.0829C23.5623 12.0829 25.3152 13.6259 25.3152 16.2186V22.9751H26.7162V24.6378H25.6461V24.6448ZM23.4145 21.0799V19.0578H20.8942C18.733 19.0578 17.7545 19.7272 17.7545 20.9108V21.411C17.7545 22.6228 18.7049 23.3132 20.1762 23.3132C22.0558 23.3132 23.4074 22.341 23.4074 21.0799H23.4145Z" fill="white"/></svg>\')}.product-logo{display:none}.product-logo ::slotted([slot="product-logo"]){width:32px;height:32px;margin-right:var(--space-unit)}.product-logo ::slotted([slot="product-logo"]) img{width:100%;height:100%;object-fit:cover}::slotted([slot="title"]),::slotted([slot="stucked-title"]),.stucked-title{margin:0;color:var(--app-header-text-color, var(--color-default-text));font-family:var(--font-family-serif);font-weight:var(--font-sb)}::slotted([slot="title"]){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--title-font-size);-webkit-line-clamp:2;line-clamp:2;line-height:var(--title-line-height);text-overflow:ellipsis}::slotted(a:is([slot="title"],[slot="stucked-title"])){text-decoration:none}:host([enable-search]) ::slotted([slot="title"])+*{margin-left:calc(var(--space-unit) * 2)}:host([enable-offcanvas]:not([menu-length="0"])) .top-subtitle{padding-left:calc(var(--space-unit) * 4 + var(--space-unit))}::slotted([slot="top-subtitle"]){display:-webkit-box;overflow:hidden;max-width:80%;margin:0;-webkit-box-orient:vertical;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-style:italic;font-weight:var(--font-rg);-webkit-line-clamp:2;line-clamp:2}.search-page-button{margin-left:auto}.menu-container{display:flex;flex:1 auto;column-gap:calc(var(--space-unit) * 4)}.menu-container:focus:focus-visible{outline:none}:host([menu-length="0"]) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted([slot="menu"]:not(:last-child))::after{position:absolute;top:calc(1.5em / 2);right:calc(var(--space-unit) * -2);width:var(--border-size-small);height:1em;background-color:var(--color-default-icon);content:"";font-size:var(--font-size-3);transform:translateY(-50%)}z-searchbar{z-index:0;display:flex;width:100%;align-items:center}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset, 48px);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg, var(--color-surface01));box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color, var(--color-default-text))}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width, 100%);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto}.heading-stuck .heading-title{--title-font-size:var(--font-size-5);--title-line-height:1.4;overflow:hidden;align-items:center}.heading-stuck .stucked-title{overflow:hidden;font-size:var(--title-font-size);line-height:var(--title-line-height);text-overflow:ellipsis;white-space:nowrap}.drawer-trigger{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center;padding:0;border:0;margin-right:var(--space-unit);appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer;outline:none}.drawer-trigger:focus:focus-visible z-icon{box-shadow:var(--shadow-focus-primary)}.drawer-trigger z-icon{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.drawer-content{display:none}z-offcanvas{--z-offcanvas--top-space:var(--app-header-top-offset)}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;cursor:pointer;outline:none}.drawer-close z-icon{fill:var(--color-default-icon)}.drawer-close:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}@media (max-width: 767px){:host([enable-search]) .heading-panel .heading-container{row-gap:calc(var(--space-unit) * 1.5)}}@media (min-width: 768px){.heading-panel{--title-font-size:var(--font-size-9);padding:calc(var(--space-unit) * 1.5) var(--grid-margin) calc(var(--space-unit) * 1.25)}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:column}.heading-panel .heading-container{flex-direction:column;margin-right:auto}.z-logo img{height:32px}.product-logo{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}z-searchbar{width:30%;height:calc(var(--title-font-size) * var(--title-line-height));margin-left:auto}.menu-container{flex:initial}.menu-container>[role="menubar"]{display:contents}:host(:not([enable-offcanvas])) .menu-container{margin-top:calc((var(--space-unit) * 1.75))}:host(:not([enable-offcanvas])) .heading-container .drawer-trigger{display:none}.heading-stuck .heading-title{--title-font-size:var(--font-size-8);--title-line-height:1.5}.heading-stuck-content{padding:6px var(--grid-margin)}:host(:not([enable-offcanvas],[menu-length="0"])){padding-left:0}}@media (min-width: 1152px){z-searchbar{min-width:calc(var(--space-unit) * 45)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const g=typeof IntersectionObserver!=="undefined";const p=class{onStuck(){const t=this.scrollParent;if(!t){return}this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0){return}this.menuElements.forEach((t=>{t.open=false;t.verticalContext=this.drawerOpen}))}onStuckChange(){var t,e;if(!this.container){return}if(this.stuck){(t=this.stuckIntersecObserver)===null||t===void 0?void 0:t.observe(this.container)}else{this._stuck=false;(e=this.stuckIntersecObserver)===null||e===void 0?void 0:e.unobserve(this.container)}}get title(){var t;return(t=this.hostElement.querySelector('[slot="title"]'))===null||t===void 0?void 0:t.textContent.trim()}get scrollParent(){const t=this.hostElement.offsetParent;if(t===document.body||t===document.documentElement){return window}return t}get canShowMenu(){return!this.enableOffcanvas&&this.menuElements.length>0&&!this.isMobile&&!this.drawerOpen}get focusableMenu(){return this.menuElements.find((t=>t.htmlTabindex===0))}openDrawer(){this.drawerOpen=true;this.menuElements.forEach(((t,e)=>t.htmlTabindex=e===0?0:-1));setTimeout((()=>this.menuElements[0].setFocus()),400)}closeDrawer(){this.drawerOpen=false;setTimeout((()=>this.burgerButton.focus()),100)}collectMenuElements(){this.menuElements=Array.from(this.hostElement.querySelectorAll('[slot="menu"]'));this.menuElements.forEach(((t,e)=>t.htmlTabindex=e===0?0:-1));this.menuLength=this.menuElements.length;if(!this.enableOffcanvas){this.menuWidth=this.menuElements.reduce(((t,e)=>t+e.getBoundingClientRect().width),0)+(this.menuLength-1)*32}this.setMenuFloatingMode()}setupMenuResizeObserver(){if(this.enableOffcanvas){return}this.menuResizeObserver=new ResizeObserver((t=>{if(this.isMobile){this.enableOffcanvas=true;return}const e=t[0].contentBoxSize[0].inlineSize;if(this.menuWidth===0){return}if(this.menuWidth>e&&!this.enableOffcanvas){this.enableOffcanvas=true}else if(this.menuWidth<=e&&this.enableOffcanvas){this.enableOffcanvas=false}}));this.menuResizeObserver.observe(this.container)}hasSlot(t){return this.hostElement.querySelector(`[slot="${t}"]`)!==null}moveFocus(t,e){t.htmlTabindex=-1;e.setFocus()}onOffcanvasKeydown(t){var e,i;if(t.key!==o.TAB||!this.drawerOpen){return}const a=t.target.closest("z-menu");if(a){t.preventDefault();t.stopPropagation();a.htmlTabindex=0;this.closeDrawerButton.focus()}else if(t.target===this.closeDrawerButton){t.preventDefault();t.stopPropagation();if(t.shiftKey){((e=this.menuElements.filter((t=>t.open)).pop())!==null&&e!==void 0?e:this.menuElements[this.menuLength-1]).setFocus()}else{((i=this.menuElements.find((t=>t.open)))!==null&&i!==void 0?i:this.menuElements[0]).setFocus()}}}manageMenus(t){const e=this.menuElements.find((e=>u(e,t.target)));if(e){this.menuElements.forEach((t=>{if(t===e){return}t.htmlTabindex=-1;if(!this.drawerOpen){t.open=false}}))}else if(!this.drawerOpen){this.menuElements.forEach((t=>{t.open=false}))}}handleKeydown(t){var e,i;if(t.key===o.ESC&&this.drawerOpen){this.closeDrawer();return}if(!this.menuElements.some((e=>e.contains(t.target)))){return}const a=this.focusableMenu;const n=this.menuElements.indexOf(a);let s;if(t.key===o.ARROW_RIGHT&&!a.verticalContext||t.key===o.ARROW_DOWN&&a.verticalContext){s=(e=this.menuElements[n+1])!==null&&e!==void 0?e:this.menuElements[0]}else if(t.key===o.ARROW_LEFT&&!a.verticalContext||t.key===o.ARROW_UP&&a.verticalContext){s=(i=this.menuElements[n-1])!==null&&i!==void 0?i:this.menuElements[this.menuLength-1]}if(!s){return}if(t.key===o.ARROW_UP&&a.verticalContext){if(s.open){a.htmlTabindex=-1;s.focusLastItem();return}}this.moveFocus(a,s)}renderSeachbar(){if(this.isMobile&&!this.searchPageUrl&&this._stuck){return}if(this.searchPageUrl&&(this.isMobile||this.isTablet)){return t("z-button",{class:"search-page-button",variant:l.SECONDARY,href:this.searchPageUrl,icon:"search",size:r.X_SMALL})}return t("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:true,searchButtonIconOnly:this.isMobile||this.isTablet,size:r.X_SMALL,variant:l.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:t=>this.searchString=t.detail})}renderProductLogos(){return t(e,null,this.enableZLogo&&t("span",{class:"z-logo"},t("img",{alt:"Logo Zanichelli"})),this.hostElement.querySelector("[slot='product-logo']")&&t("span",{class:"product-logo"},t("slot",{name:"product-logo"})))}renderMenuButton(){return this.menuLength>0&&(this.enableOffcanvas||this._stuck||this.isMobile)&&t("button",{ref:t=>this.burgerButton=t,class:"drawer-trigger","aria-label":"Apri menu","aria-haspopup":"menu","aria-expanded":`${this.drawerOpen}`,"aria-controls":"offcanvas-menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"}))}renderOffcanvas(){return t("z-offcanvas",{id:"offcanvas-menu",variant:c.OVERLAY,transitiondirection:h.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:t=>this.drawerOpen=t.detail,onKeyDown:this.onOffcanvasKeydown},t("div",{slot:"canvasContent"},t("button",{ref:t=>this.closeDrawerButton=t,class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,"aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},t("z-icon",{name:"close"})),t("div",{class:"drawer-content","aria-hidden":`${!this.drawerOpen}`},t("slot",{name:"menu",onSlotchange:this.collectMenuElements}))))}renderStuck(){return t("div",{class:"heading-stuck"},t("div",{class:"heading-stuck-content"},this.renderMenuButton(),t("div",{class:"heading-title"},this.renderProductLogos(),t("div",{class:"stucked-title"},t("slot",{name:"stucked-title"},this.title))),this.enableSearch&&this.renderSeachbar()))}constructor(t){i(this,t);this.sticking=a(this,"sticking",7);this.menuElements=[];this.stuckIntersecObserver=g?new IntersectionObserver((([t])=>{this._stuck=!t.isIntersecting}),{threshold:.5}):undefined;this.stuck=false;this.enableOffcanvas=false;this.enableSearch=false;this.searchPlaceholder="Cerca";this.searchString="";this.searchPageUrl=undefined;this.enableZLogo=true;this.drawerOpen=false;this._stuck=false;this.menuLength=undefined;this.isMobile=true;this.isTablet=false;this.openDrawer=this.openDrawer.bind(this);this.closeDrawer=this.closeDrawer.bind(this);this.collectMenuElements=this.collectMenuElements.bind(this);this.onOffcanvasKeydown=this.onOffcanvasKeydown.bind(this)}componentWillLoad(){this.collectMenuElements();const t=window.matchMedia(`(max-width: ${d.MOBILE}px)`);this.isMobile=t.matches;t.addEventListener("change",(t=>this.isMobile=t.matches));const e=window.matchMedia(`(min-width: ${d.MOBILE+1}px) and (max-width: ${d.TABLET}px)`);this.isTablet=e.matches;e.addEventListener("change",(t=>this.isTablet=t.matches))}componentDidLoad(){this.onStuckChange();this.setupMenuResizeObserver()}disconnectedCallback(){var t;(t=this.menuResizeObserver)===null||t===void 0?void 0:t.disconnect()}render(){const e=this.hasSlot("top-subtitle");return t(n,{key:"607b7e24e9f285a68b2b060594d7f05e1858d5cb","menu-length":this.menuLength},t("div",{key:"de8f54eeebf6566e213aa26f938de37837a4eaee",class:{"heading-panel":true,"has-menubar":this.menuLength>0&&!this.enableOffcanvas},ref:t=>this.container=t},t("div",{key:"f11b563767f199727353f296321d0668f8444465",class:"heading-container"},(!this.enableSearch&&this.isMobile||!this.isMobile)&&t("div",{key:"19345fabd859f0d6bad18ee1cdb1c03d959f888a",class:"top-subtitle"},t("slot",{key:"47a905ab7dc9c88c99d296bc57021bb15ce5ca12",name:"top-subtitle"})),t("div",{key:"c2143a9324af347082cdd40584622818f631cea3",class:"heading-title"},this.renderMenuButton(),!e&&!this._stuck&&this.renderProductLogos(),t("slot",{key:"90ebc7860504f24edf3b4380d716eedf4674ccab",name:"title"}),this.enableSearch&&!this.isMobile&&this.renderSeachbar()),this.enableSearch&&this.isMobile&&this.renderSeachbar()),t("nav",{key:"43fb23d049539010c329b0b4c03df3651ad0962b",class:"menu-container","aria-label":this.title||undefined},this.canShowMenu&&t("div",{key:"e08c4cd11e0fb472ae66ed70c7129977175eaa1c",role:"menubar","aria-label":this.title||undefined},t("slot",{key:"5daa80b2f4cd1274f2cf564d29677a2c426a4359",name:"menu",onSlotchange:this.collectMenuElements})))),this.renderOffcanvas(),this._stuck&&this.renderStuck())}get hostElement(){return s(this)}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckChange"]}}};p.style=f;export{p as z_app_header};
-//# sourceMappingURL=p-752d72d8.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-752d72d8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","SUPPORT_INTERSECTION_OBSERVER","IntersectionObserver","ZAppHeader","onStuck","scrollParent","this","sticking","emit","_stuck","setMenuFloatingMode","menuElements","length","forEach","element","open","verticalContext","drawerOpen","onStuckChange","_a","_b","container","stuck","stuckIntersecObserver","observe","unobserve","title","hostElement","querySelector","textContent","trim","parent","offsetParent","document","body","documentElement","window","canShowMenu","enableOffcanvas","isMobile","focusableMenu","find","el","htmlTabindex","openDrawer","index","setTimeout","setFocus","closeDrawer","burgerButton","focus","collectMenuElements","Array","from","querySelectorAll","menuLength","menuWidth","reduce","acc","getBoundingClientRect","width","setupMenuResizeObserver","menuResizeObserver","ResizeObserver","entries","containerWidth","contentBoxSize","inlineSize","hasSlot","slotName","moveFocus","current","receiver","onOffcanvasKeydown","ev","key","KeyboardCode","TAB","closestMenu","target","closest","preventDefault","stopPropagation","closeDrawerButton","shiftKey","filter","menu","pop","manageMenus","targetMenu","containsElement","handleKeydown","ESC","some","elem","contains","currentIndex","indexOf","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","ARROW_UP","focusLastItem","renderSeachbar","searchPageUrl","isTablet","h","class","variant","ButtonVariant","SECONDARY","href","icon","size","ControlSize","X_SMALL","value","searchString","placeholder","searchPlaceholder","showSearchButton","searchButtonIconOnly","preventSubmit","onSearchTyping","e","detail","renderProductLogos","Fragment","enableZLogo","alt","name","renderMenuButton","ref","onClick","renderOffcanvas","id","OffCanvasVariant","OVERLAY","transitiondirection","TransitionDirection","RIGHT","onCanvasOpenStatusChanged","onKeyDown","slot","disabled","onSlotchange","renderStuck","enableSearch","constructor","hostRef","entry","isIntersecting","threshold","undefined","bind","componentWillLoad","mobileMediaQuery","matchMedia","Breakpoints","MOBILE","matches","addEventListener","tabletMediaQuery","TABLET","componentDidLoad","disconnectedCallback","disconnect","render","hasTopSubtitle","Host","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-app-header/styles.css?tag=z-app-header&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-app-header/index.js"],"sourcesContent":[":host {\n  --app-header-content-max-width: ;\n\n  /* Variable to set stuck header and drawer's top offset.\n  Useful when something is absolutely positioned above the header. */\n  --app-header-top-offset: ;\n\n  /* Variable to customize header background color. */\n  --app-header-bg: ;\n\n  /* Variable to customize text and icon color. */\n  --app-header-text-color: ;\n\n  /* Variable to customize stuck header background color. */\n  --app-header-stucked-bg: ;\n\n  /* Variable to customize stuck header's text and icon color. */\n  --app-header-stucked-text-color: ;\n\n  position: relative;\n  display: block;\n  box-shadow: var(--shadow-2);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n.heading-panel {\n  /* Title's line height. */\n  --title-line-height: 1.333;\n  --title-font-size: var(--font-size-6);\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: var(--app-header-content-max-width, 100%);\n  flex-direction: column;\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-items: baseline;\n  padding: calc(var(--space-unit) * 2);\n  margin: 0 auto;\n  background: var(--app-header-bg, var(--color-surface01));\n}\n\n:host(:empty) .heading-panel {\n  padding: 0;\n}\n\n.heading-container {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  flex: 1 auto;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.heading-panel.has-menubar {\n  padding-bottom: 0;\n}\n\n.heading-panel .heading-container {\n  flex-direction: column-reverse;\n}\n\n:host([enable-search]) .heading-panel .heading-container {\n  flex-direction: column;\n}\n\n:host([enable-search][search-page-url]) .heading-panel .heading-container {\n  flex-direction: row;\n}\n\n.heading-title {\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.heading-title:not(:last-child) {\n  margin-right: var(--space-unit);\n}\n\n.z-logo,\n.search-page-button {\n  display: flex;\n  height: calc(var(--title-font-size) * var(--title-line-height));\n  align-items: center;\n}\n\n.z-logo img {\n  height: 24px;\n  margin: 0 var(--space-unit) 0 0;\n  content: url('data:image/svg+xml,<svg width=\"61\" height=\"32\" viewBox=\"0 0 61 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M15.9874 32C7.1595 32 0 24.8349 0 16C0 7.16513 7.1595 0 15.9874 0H45.0126C53.8405 0 61 7.16513 61 16C61 24.8349 53.8405 32 45.0126 32H15.9874Z\" fill=\"%23E2011A\"/><path d=\"M58.5435 15.9992C58.5435 23.4743 52.4892 29.5403 45.0129 29.5403C37.5367 29.5403 31.4824 23.4813 31.4824 15.9992C31.4824 8.51701 37.5367 2.45801 45.0129 2.45801C52.4892 2.45801 58.5435 8.51701 58.5435 15.9992Z\" fill=\"white\"/><path d=\"M40.7107 8.01862H49.8976V11.3158L44.139 21.7077H50.0384V24.6457H39.9785V21.4048L45.7371 10.9636H40.7107V8.01862Z\" fill=\"%23E2011A\"/><path d=\"M12.2914 24.6449C10.982 24.6449 10.271 23.8136 10.271 22.6722V7.04565H12.1718V22.9822H13.981V24.6449H12.2914Z\" fill=\"white\"/><path d=\"M25.6461 24.6448C24.2452 24.6448 23.675 23.7853 23.5342 22.6439H23.4145C22.8935 24.1446 21.5841 24.9266 19.8735 24.9266C17.2828 24.9266 15.7622 23.4964 15.7622 21.2137C15.7622 18.931 17.4236 17.6206 20.9928 17.6206H23.4145V16.4088C23.4145 14.6756 22.4641 13.7245 20.5141 13.7245C19.0428 13.7245 18.0642 14.4361 17.4025 15.5563L16.262 14.4854C16.9308 13.175 18.4021 12.0829 20.6126 12.0829C23.5623 12.0829 25.3152 13.6259 25.3152 16.2186V22.9751H26.7162V24.6378H25.6461V24.6448ZM23.4145 21.0799V19.0578H20.8942C18.733 19.0578 17.7545 19.7272 17.7545 20.9108V21.411C17.7545 22.6228 18.7049 23.3132 20.1762 23.3132C22.0558 23.3132 23.4074 22.341 23.4074 21.0799H23.4145Z\" fill=\"white\"/></svg>');\n}\n\n.product-logo {\n  display: none;\n}\n\n.product-logo ::slotted([slot=\"product-logo\"]) {\n  width: 32px;\n  height: 32px;\n  margin-right: var(--space-unit);\n}\n\n.product-logo ::slotted([slot=\"product-logo\"]) img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n::slotted([slot=\"title\"]),\n::slotted([slot=\"stucked-title\"]),\n.stucked-title {\n  margin: 0;\n  color: var(--app-header-text-color, var(--color-default-text));\n  font-family: var(--font-family-serif);\n  font-weight: var(--font-sb);\n}\n\n::slotted([slot=\"title\"]) {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  font-size: var(--title-font-size);\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  line-height: var(--title-line-height);\n  text-overflow: ellipsis;\n}\n\n::slotted(a:is([slot=\"title\"], [slot=\"stucked-title\"])) {\n  text-decoration: none;\n}\n\n:host([enable-search]) ::slotted([slot=\"title\"]) + * {\n  margin-left: calc(var(--space-unit) * 2);\n}\n\n:host([enable-offcanvas]:not([menu-length=\"0\"])) .top-subtitle {\n  padding-left: calc(var(--space-unit) * 4 + var(--space-unit));\n}\n\n::slotted([slot=\"top-subtitle\"]) {\n  display: -webkit-box;\n  overflow: hidden;\n  max-width: 80%;\n  margin: 0;\n  -webkit-box-orient: vertical;\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-2);\n  font-style: italic;\n  font-weight: var(--font-rg);\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n}\n\n.search-page-button {\n  margin-left: auto;\n}\n\n.menu-container {\n  display: flex;\n  flex: 1 auto;\n  column-gap: calc(var(--space-unit) * 4);\n}\n\n.menu-container:focus:focus-visible {\n  outline: none;\n}\n\n:host([menu-length=\"0\"]) .menu-container,\n.menu-container:empty {\n  display: none;\n}\n\n.menu-container ::slotted([open]) {\n  position: relative;\n  z-index: 3;\n}\n\n.menu-container ::slotted([slot=\"menu\"]:not(:last-child))::after {\n  position: absolute;\n  top: calc(1.5em / 2); /* half the line-height of the label */\n  right: calc(var(--space-unit) * -2);\n  width: var(--border-size-small);\n  height: 1em;\n  background-color: var(--color-default-icon);\n  content: \"\";\n  font-size: var(--font-size-3);\n  transform: translateY(-50%);\n}\n\nz-searchbar {\n  z-index: 0;\n  display: flex;\n  width: 100%;\n  align-items: center;\n}\n\n.heading-stuck {\n  position: fixed;\n  z-index: 20;\n  top: var(--app-header-top-offset, 48px);\n  left: 0;\n  width: 100%;\n  max-width: 100%;\n  animation: slide-stuck-heading-in 250ms ease-out;\n  background: var(--app-header-stucked-bg, var(--color-surface01));\n  box-shadow: var(--shadow-2);\n  color: var(--app-header-stucked-text-color, var(--color-default-text));\n}\n\n.heading-stuck-content {\n  display: flex;\n  max-width: var(--app-header-content-max-width, 100%);\n  align-items: center;\n  padding: var(--space-unit) var(--grid-margin);\n  margin: 0 auto;\n}\n\n.heading-stuck .heading-title {\n  --title-font-size: var(--font-size-5);\n  --title-line-height: 1.4;\n\n  overflow: hidden;\n  align-items: center;\n}\n\n.heading-stuck .stucked-title {\n  overflow: hidden;\n  font-size: var(--title-font-size);\n  line-height: var(--title-line-height);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.drawer-trigger {\n  display: flex;\n  height: calc(var(--title-font-size) * var(--title-line-height));\n  align-items: center;\n  padding: 0;\n  border: 0;\n  margin-right: var(--space-unit);\n  appearance: none;\n  background: none;\n  border-radius: 0;\n  color: inherit;\n  cursor: pointer;\n  outline: none;\n}\n\n.drawer-trigger:focus:focus-visible z-icon {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.drawer-trigger z-icon {\n  --z-icon-width: calc(var(--space-unit) * 4);\n  --z-icon-height: calc(var(--space-unit) * 4);\n\n  fill: var(--color-default-icon);\n}\n\n.drawer-content {\n  display: none;\n}\n\nz-offcanvas {\n  --z-offcanvas--top-space: var(--app-header-top-offset);\n}\n\nz-offcanvas[open] .drawer-content {\n  display: flex;\n  width: 100%;\n  flex: 1 auto;\n  flex-direction: column;\n}\n\nz-offcanvas[open] .drawer-content ::slotted(z-menu) {\n  width: 100%;\n}\n\n.drawer-close {\n  --z-icon-width: calc(var(--space-unit) * 4);\n  --z-icon-height: calc(var(--space-unit) * 4);\n\n  padding: 0;\n  border: 0;\n  margin: var(--space-unit) 0 calc(var(--space-unit) * 2.5);\n  appearance: none;\n  background: transparent;\n  border-radius: 0;\n  cursor: pointer;\n  outline: none;\n}\n\n.drawer-close z-icon {\n  fill: var(--color-default-icon);\n}\n\n.drawer-close:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n@media (max-width: 767px) {\n  :host([enable-search]) .heading-panel .heading-container {\n    row-gap: calc(var(--space-unit) * 1.5);\n  }\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .heading-panel {\n    --title-font-size: var(--font-size-9);\n\n    padding: calc(var(--space-unit) * 1.5) var(--grid-margin) calc(var(--space-unit) * 1.25);\n  }\n\n  :host([enable-search][search-page-url]) .heading-panel .heading-container {\n    flex-direction: column;\n  }\n\n  .heading-panel .heading-container {\n    flex-direction: column;\n    margin-right: auto;\n  }\n\n  .z-logo img {\n    height: 32px;\n  }\n\n  .product-logo {\n    display: flex;\n    height: calc(var(--title-font-size) * var(--title-line-height));\n    align-items: center;\n  }\n\n  z-searchbar {\n    width: 30%;\n    height: calc(var(--title-font-size) * var(--title-line-height));\n    margin-left: auto;\n  }\n\n  .menu-container {\n    flex: initial;\n  }\n\n  .menu-container > [role=\"menubar\"] {\n    display: contents;\n  }\n\n  :host(:not([enable-offcanvas])) .menu-container {\n    margin-top: calc((var(--space-unit) * 1.75));\n  }\n\n  :host(:not([enable-offcanvas])) .heading-container .drawer-trigger {\n    display: none;\n  }\n\n  .heading-stuck .heading-title {\n    --title-font-size: var(--font-size-8);\n    --title-line-height: 1.5;\n  }\n\n  .heading-stuck-content {\n    padding: 6px var(--grid-margin);\n  }\n\n  :host(:not([enable-offcanvas], [menu-length=\"0\"])) {\n    padding-left: 0;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  z-searchbar {\n    min-width: calc(var(--space-unit) * 45);\n  }\n}\n\n@keyframes slide-stuck-heading-in {\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  100% {\n    transform: none;\n  }\n}\n","import { Fragment, Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, KeyboardCode, OffCanvasVariant, TransitionDirection } from \"../../beans\";\nimport { Breakpoints } from \"../../constants/breakpoints\";\nimport { containsElement } from \"../../utils/utils\";\nconst SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== \"undefined\";\n/**\n * @slot title - Slot for the main title\n * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.\n * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.\n * @slot product-logo - To insert the product logo, it should be used with an img tag.\n * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.\n * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).\n * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-text-color - Header text color. Defaults to `--color-default-text`.\n * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-default-text`.\n */\nexport class ZAppHeader {\n    onStuck() {\n        const scrollParent = this.scrollParent;\n        if (!scrollParent) {\n            return;\n        }\n        this.sticking.emit(this._stuck);\n    }\n    setMenuFloatingMode() {\n        if (this.menuElements.length === 0) {\n            return;\n        }\n        this.menuElements.forEach((element) => {\n            element.open = false;\n            element.verticalContext = this.drawerOpen;\n        });\n    }\n    onStuckChange() {\n        var _a, _b;\n        if (!this.container) {\n            return;\n        }\n        if (this.stuck) {\n            (_a = this.stuckIntersecObserver) === null || _a === void 0 ? void 0 : _a.observe(this.container);\n        }\n        else {\n            this._stuck = false;\n            (_b = this.stuckIntersecObserver) === null || _b === void 0 ? void 0 : _b.unobserve(this.container);\n        }\n    }\n    get title() {\n        var _a;\n        return (_a = this.hostElement.querySelector('[slot=\"title\"]')) === null || _a === void 0 ? void 0 : _a.textContent.trim();\n    }\n    get scrollParent() {\n        const parent = this.hostElement.offsetParent;\n        if (parent === document.body || parent === document.documentElement) {\n            return window;\n        }\n        return parent;\n    }\n    get canShowMenu() {\n        return !this.enableOffcanvas && this.menuElements.length > 0 && !this.isMobile && !this.drawerOpen;\n    }\n    get focusableMenu() {\n        return this.menuElements.find((el) => el.htmlTabindex === 0);\n    }\n    openDrawer() {\n        this.drawerOpen = true;\n        this.menuElements.forEach((element, index) => (element.htmlTabindex = index === 0 ? 0 : -1));\n        setTimeout(() => this.menuElements[0].setFocus(), 400); /* wait for the 400ms offcanvas transition */\n    }\n    closeDrawer() {\n        this.drawerOpen = false;\n        setTimeout(() => this.burgerButton.focus(), 100);\n    }\n    collectMenuElements() {\n        this.menuElements = Array.from(this.hostElement.querySelectorAll('[slot=\"menu\"]'));\n        this.menuElements.forEach((element, index) => (element.htmlTabindex = index === 0 ? 0 : -1));\n        this.menuLength = this.menuElements.length;\n        if (!this.enableOffcanvas) {\n            this.menuWidth =\n                this.menuElements.reduce((acc, el) => acc + el.getBoundingClientRect().width, 0) +\n                    (this.menuLength - 1) * 32 /* 32px is the gap between each menu item */;\n        }\n        this.setMenuFloatingMode();\n    }\n    /** Automatically use offcanvas mode when the menubar doesn't fit in the header. */\n    setupMenuResizeObserver() {\n        if (this.enableOffcanvas) {\n            return;\n        }\n        this.menuResizeObserver = new ResizeObserver((entries) => {\n            if (this.isMobile) {\n                this.enableOffcanvas = true;\n                return;\n            }\n            const containerWidth = entries[0].contentBoxSize[0].inlineSize;\n            if (this.menuWidth === 0) {\n                return;\n            }\n            if (this.menuWidth > containerWidth && !this.enableOffcanvas) {\n                this.enableOffcanvas = true;\n            }\n            else if (this.menuWidth <= containerWidth && this.enableOffcanvas) {\n                this.enableOffcanvas = false;\n            }\n        });\n        this.menuResizeObserver.observe(this.container);\n    }\n    hasSlot(slotName) {\n        return this.hostElement.querySelector(`[slot=\"${slotName}\"]`) !== null;\n    }\n    moveFocus(current, receiver) {\n        current.htmlTabindex = -1;\n        receiver.setFocus();\n    }\n    onOffcanvasKeydown(ev) {\n        var _a, _b;\n        if (ev.key !== KeyboardCode.TAB || !this.drawerOpen) {\n            return;\n        }\n        const closestMenu = ev.target.closest(\"z-menu\");\n        if (closestMenu) {\n            ev.preventDefault();\n            ev.stopPropagation();\n            // restore tabindex to the zmenu containing the focused element\n            closestMenu.htmlTabindex = 0;\n            this.closeDrawerButton.focus();\n        }\n        else if (ev.target === this.closeDrawerButton) {\n            ev.preventDefault();\n            ev.stopPropagation();\n            if (ev.shiftKey) {\n                // give focus to the last open menu if any or the last menu otherwhise\n                ((_a = this.menuElements.filter((menu) => menu.open).pop()) !== null && _a !== void 0 ? _a : this.menuElements[this.menuLength - 1]).setFocus();\n            }\n            else {\n                // give focus to the first open menu if any or the first menu otherwhise\n                ((_b = this.menuElements.find((menu) => menu.open)) !== null && _b !== void 0 ? _b : this.menuElements[0]).setFocus();\n            }\n        }\n    }\n    /** Close each menu except the one receiving focus/click, if any */\n    manageMenus(ev) {\n        const targetMenu = this.menuElements.find((menu) => containsElement(menu, ev.target));\n        if (targetMenu) {\n            this.menuElements.forEach((menu) => {\n                if (menu === targetMenu) {\n                    return;\n                }\n                menu.htmlTabindex = -1;\n                if (!this.drawerOpen) {\n                    menu.open = false;\n                }\n            });\n        }\n        else if (!this.drawerOpen) {\n            this.menuElements.forEach((menu) => {\n                menu.open = false;\n            });\n        }\n    }\n    handleKeydown(ev) {\n        var _a, _b;\n        if (ev.key === KeyboardCode.ESC && this.drawerOpen) {\n            this.closeDrawer();\n            return;\n        }\n        if (!this.menuElements.some((elem) => elem.contains(ev.target))) {\n            return;\n        }\n        const current = this.focusableMenu;\n        const currentIndex = this.menuElements.indexOf(current);\n        let receiver;\n        if ((ev.key === KeyboardCode.ARROW_RIGHT && !current.verticalContext) ||\n            (ev.key === KeyboardCode.ARROW_DOWN && current.verticalContext)) {\n            receiver = (_a = this.menuElements[currentIndex + 1]) !== null && _a !== void 0 ? _a : this.menuElements[0];\n        }\n        else if ((ev.key === KeyboardCode.ARROW_LEFT && !current.verticalContext) ||\n            (ev.key === KeyboardCode.ARROW_UP && current.verticalContext)) {\n            receiver = (_b = this.menuElements[currentIndex - 1]) !== null && _b !== void 0 ? _b : this.menuElements[this.menuLength - 1];\n        }\n        if (!receiver) {\n            return;\n        }\n        if (ev.key === KeyboardCode.ARROW_UP && current.verticalContext) {\n            if (receiver.open) {\n                current.htmlTabindex = -1;\n                receiver.focusLastItem();\n                return;\n            }\n        }\n        this.moveFocus(current, receiver);\n    }\n    renderSeachbar() {\n        if (this.isMobile && !this.searchPageUrl && this._stuck) {\n            return;\n        }\n        if (this.searchPageUrl && (this.isMobile || this.isTablet)) {\n            return (h(\"z-button\", { class: \"search-page-button\", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: \"search\", size: ControlSize.X_SMALL }));\n        }\n        return (h(\"z-searchbar\", { value: this.searchString, placeholder: this.searchPlaceholder, showSearchButton: true, searchButtonIconOnly: this.isMobile || this.isTablet, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));\n    }\n    renderProductLogos() {\n        return (h(Fragment, null, this.enableZLogo && (h(\"span\", { class: \"z-logo\" }, h(\"img\", { alt: \"Logo Zanichelli\" }))), this.hostElement.querySelector(\"[slot='product-logo']\") && (h(\"span\", { class: \"product-logo\" }, h(\"slot\", { name: \"product-logo\" })))));\n    }\n    renderMenuButton() {\n        return (this.menuLength > 0 &&\n            (this.enableOffcanvas || this._stuck || this.isMobile) && (h(\"button\", { ref: (el) => (this.burgerButton = el), class: \"drawer-trigger\", \"aria-label\": \"Apri menu\", \"aria-haspopup\": \"menu\", \"aria-expanded\": `${this.drawerOpen}`, \"aria-controls\": \"offcanvas-menu\", onClick: this.openDrawer }, h(\"z-icon\", { name: \"burger-menu\" }))));\n    }\n    renderOffcanvas() {\n        return (h(\"z-offcanvas\", { id: \"offcanvas-menu\", variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail), onKeyDown: this.onOffcanvasKeydown }, h(\"div\", { slot: \"canvasContent\" }, h(\"button\", { ref: (el) => (this.closeDrawerButton = el), class: \"drawer-close\", \"aria-label\": \"Chiudi menu\", onClick: this.closeDrawer, \"aria-hidden\": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h(\"z-icon\", { name: \"close\" })), h(\"div\", { class: \"drawer-content\", \"aria-hidden\": `${!this.drawerOpen}` }, h(\"slot\", { name: \"menu\", onSlotchange: this.collectMenuElements })))));\n    }\n    renderStuck() {\n        return (h(\"div\", { class: \"heading-stuck\" }, h(\"div\", { class: \"heading-stuck-content\" }, this.renderMenuButton(), h(\"div\", { class: \"heading-title\" }, this.renderProductLogos(), h(\"div\", { class: \"stucked-title\" }, h(\"slot\", { name: \"stucked-title\" }, this.title))), this.enableSearch && this.renderSeachbar())));\n    }\n    constructor() {\n        this.menuElements = [];\n        this.stuckIntersecObserver = SUPPORT_INTERSECTION_OBSERVER\n            ? new IntersectionObserver(([entry]) => {\n                this._stuck = !entry.isIntersecting;\n            }, { threshold: 0.5 })\n            : undefined;\n        this.stuck = false;\n        this.enableOffcanvas = false;\n        this.enableSearch = false;\n        this.searchPlaceholder = \"Cerca\";\n        this.searchString = \"\";\n        this.searchPageUrl = undefined;\n        this.enableZLogo = true;\n        this.drawerOpen = false;\n        this._stuck = false;\n        this.menuLength = undefined;\n        this.isMobile = true;\n        this.isTablet = false;\n        this.openDrawer = this.openDrawer.bind(this);\n        this.closeDrawer = this.closeDrawer.bind(this);\n        this.collectMenuElements = this.collectMenuElements.bind(this);\n        this.onOffcanvasKeydown = this.onOffcanvasKeydown.bind(this);\n    }\n    componentWillLoad() {\n        this.collectMenuElements();\n        // mobile and tablet media queries listeners\n        const mobileMediaQuery = window.matchMedia(`(max-width: ${Breakpoints.MOBILE}px)`);\n        this.isMobile = mobileMediaQuery.matches;\n        mobileMediaQuery.addEventListener(\"change\", (e) => (this.isMobile = e.matches));\n        const tabletMediaQuery = window.matchMedia(`(min-width: ${Breakpoints.MOBILE + 1}px) and (max-width: ${Breakpoints.TABLET}px)`);\n        this.isTablet = tabletMediaQuery.matches;\n        tabletMediaQuery.addEventListener(\"change\", (e) => (this.isTablet = e.matches));\n    }\n    componentDidLoad() {\n        this.onStuckChange();\n        this.setupMenuResizeObserver();\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.menuResizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    render() {\n        const hasTopSubtitle = this.hasSlot(\"top-subtitle\");\n        return (h(Host, { key: '607b7e24e9f285a68b2b060594d7f05e1858d5cb', \"menu-length\": this.menuLength }, h(\"div\", { key: 'de8f54eeebf6566e213aa26f938de37837a4eaee', class: { \"heading-panel\": true, \"has-menubar\": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h(\"div\", { key: 'f11b563767f199727353f296321d0668f8444465', class: \"heading-container\" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h(\"div\", { key: '19345fabd859f0d6bad18ee1cdb1c03d959f888a', class: \"top-subtitle\" }, h(\"slot\", { key: '47a905ab7dc9c88c99d296bc57021bb15ce5ca12', name: \"top-subtitle\" }))), h(\"div\", { key: 'c2143a9324af347082cdd40584622818f631cea3', class: \"heading-title\" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h(\"slot\", { key: '90ebc7860504f24edf3b4380d716eedf4674ccab', name: \"title\" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h(\"nav\", { key: '43fb23d049539010c329b0b4c03df3651ad0962b', class: \"menu-container\", \"aria-label\": this.title || undefined }, this.canShowMenu && (h(\"div\", { key: 'e08c4cd11e0fb472ae66ed70c7129977175eaa1c', role: \"menubar\", \"aria-label\": this.title || undefined }, h(\"slot\", { key: '5daa80b2f4cd1274f2cf564d29677a2c426a4359', name: \"menu\", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));\n    }\n    static get is() { return \"z-app-header\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"stuck\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Stuck mode for the header.\\nYou can programmatically set it using an IntersectionObserver.\"\n                },\n                \"attribute\": \"stuck\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"enableOffcanvas\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"When enabled, the menu bar is not displayed and a burger icon appears to open the offcanvas menu. Automatically enabled on mobile and when the menu items overflow the container.\"\n                },\n                \"attribute\": \"enable-offcanvas\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"enableSearch\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable the search bar.\"\n                },\n                \"attribute\": \"enable-search\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"searchPlaceholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Placeholder text for the search bar.\"\n                },\n                \"attribute\": \"search-placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Cerca\\\"\"\n            },\n            \"searchString\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Search string for the search bar.\"\n                },\n                \"attribute\": \"search-string\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"searchPageUrl\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Url to the search page.\\nSet this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.\\nThe link will also appear on the sticky header.\"\n                },\n                \"attribute\": \"search-page-url\",\n                \"reflect\": false\n            },\n            \"enableZLogo\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable laZ logo.\"\n                },\n                \"attribute\": \"enable-z-logo\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            },\n            \"drawerOpen\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The opening state of the drawer.\"\n                },\n                \"attribute\": \"drawer-open\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"_stuck\": {},\n            \"menuLength\": {},\n            \"isMobile\": {},\n            \"isTablet\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"sticking\",\n                \"name\": \"sticking\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the `stuck` state of the header changes\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"hostElement\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"_stuck\",\n                \"methodName\": \"onStuck\"\n            }, {\n                \"propName\": \"drawerOpen\",\n                \"methodName\": \"setMenuFloatingMode\"\n            }, {\n                \"propName\": \"stuck\",\n                \"methodName\": \"onStuckChange\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"focusin\",\n                \"method\": \"manageMenus\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": true\n            }, {\n                \"name\": \"click\",\n                \"method\": \"manageMenus\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": true\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleKeydown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-7551d826.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as e,H as s,g as n}from"./p-Cam6wBSi.js";import{P as i,U as a,C as r,B as c}from"./p-B2-dCTD2.js";const h=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}:host([sorted]) .z-th--sort-button::after,.z-th--sort-button:focus:focus-visible::after{box-shadow:var(--shadow-focus-primary)}';const l=class{constructor(e){t(this,e);this.sort=o(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.sorted=false;this.popoverPosition=i.AUTO;this.isMenuOpen=false}get ariaSortDirection(){if(!this.sortDirection){return null}return this.sortDirection===a.ASC?"ascending":"descending"}handleSort(){if(!this.sortDirection){this.sorted=false;return}this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC;this.sorted=true;this.sort.emit({sortDirection:this.sortDirection})}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}}componentWillLoad(){this.updateColspan()}render(){return e(s,{key:"80d84d10038bfd5171b1596db3175c4e915e3c81",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},e("div",{key:"b98f5cbe6c9fa873e39f46ba701c76755a4f9da7",class:"cell--content"},e("slot",{key:"f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7"}),this.showSorting&&e("button",{key:"000518536845b9b1383d2aa90a655000a2d0cc0b",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},e("z-icon",{key:"61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&e("div",{key:"3c2ac483288672ac1c65dc3586fb9b346abe53e9",class:"cell--menu-container"},e("z-button",{key:"6a495a201dc8343267ef8892bc97150c2d4ec4fc",variant:c.TERTIARY,icon:"contextual-menu",size:r.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),e("z-popover",{key:"b97a3477c4f63bccb2445304676ad2127a26d9df",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},e("slot",{key:"d51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24",name:"contextual-menu"})))))}get host(){return n(this)}static get watchers(){return{colspan:["updateColspan"]}}};l.style=h;export{l as z_th};
-//# sourceMappingURL=p-7551d826.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-7551d826.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTh","constructor","hostRef","this","colspan","undefined","showMenu","showSorting","sticky","sortDirection","sorted","popoverPosition","PopoverPosition","AUTO","isMenuOpen","ariaSortDirection","SortDirection","ASC","handleSort","DESC","sort","emit","updateColspan","host","style","gridColumn","removeProperty","componentWillLoad","render","h","Host","key","role","sortable","class","type","onClick","bind","name","width","height","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","popoverEl","open","bindTo","onOpenChange","event","detail","position"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-th/index.js"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  max-width: 100%;\n  align-items: center;\n  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n  background-color: var(--color-surface01);\n  gap: calc(var(--space-unit) * 2) var(--space-unit);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  box-shadow: 8px 0 16px -8px var(--shadow-color-base);\n}\n\n:host([menu-open]) {\n  z-index: 2;\n}\n\n.cell--content {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n}\n\n:host([show-menu]) .cell--content {\n  column-gap: var(--space-unit);\n}\n\n.cell--menu-container {\n  margin-left: auto;\n}\n\n:host(:not([show-menu])) .cell--menu-container {\n  opacity: 0;\n  pointer-events: none;\n}\n\n:host(:is([show-menu], [menu-open])) .cell--menu-container,\n:host([show-menu]) .cell--menu-container:focus-within {\n  z-index: 1;\n  opacity: 1;\n  pointer-events: all;\n}\n\n:host .cell-popover {\n  z-index: 100;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n  :host([show-menu=\"hover\"]) .cell--menu-container {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  :host([show-menu=\"hover\"]:hover) .cell--menu-container {\n    z-index: 1;\n    opacity: 1;\n    pointer-events: all;\n  }\n}\n\n\n:host {\n  z-index: 1;\n  padding: 0;\n  background-color: var(--color-background);\n  font-weight: var(--font-sb);\n}\n\n.cell--content {\n  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n}\n\n:host([show-sorting]) .cell--content {\n  column-gap: var(--space-unit);\n}\n\n.z-th--sort-button {\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  outline: none;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n  :host([show-sorting=\"hover\"]) .z-th--sort-button {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  :host([show-sorting=\"hover\"]:hover) .z-th--sort-button,\n  :host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,\n  :host([show-sorting=\"always\"]) .z-th--sort-button,\n  :host([sorted]) .z-th--sort-button {\n    opacity: 1;\n    pointer-events: all;\n  }\n}\n\n:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,\n:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,\n:host([show-sorting=\"always\"]) .z-th--sort-button::after,\n:host([sorted]) .z-th--sort-button::after {\n  position: absolute;\n  top: 6px;\n  left: 6px;\n  width: calc(100% - 12px);\n  height: calc(100% - 10px);\n  background-color: transparent;\n  content: \"\";\n}\n\n:host([sorted]) .z-th--sort-button::after,\n.z-th--sort-button:focus:focus-visible::after {\n  box-shadow: var(--shadow-focus-primary);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, PopoverPosition, SortDirection } from \"../../../../beans\";\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\nexport class ZTh {\n    constructor() {\n        this.colspan = undefined;\n        this.showMenu = null;\n        this.showSorting = null;\n        this.sticky = false;\n        this.sortDirection = undefined;\n        this.sorted = false;\n        this.popoverPosition = PopoverPosition.AUTO;\n        this.isMenuOpen = false;\n    }\n    /**\n     * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n     */\n    get ariaSortDirection() {\n        if (!this.sortDirection) {\n            return null;\n        }\n        return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n    }\n    /**\n     * Handle the click on the sort button.\n     * @fires sort\n     */\n    handleSort() {\n        if (!this.sortDirection) {\n            this.sorted = false;\n            return;\n        }\n        this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n        this.sorted = true;\n        this.sort.emit({ sortDirection: this.sortDirection });\n    }\n    updateColspan() {\n        if (this.colspan) {\n            this.host.style.gridColumn = `span ${this.colspan}`;\n        }\n        else {\n            this.host.style.removeProperty(\"grid-column\");\n        }\n    }\n    componentWillLoad() {\n        this.updateColspan();\n    }\n    render() {\n        return (h(Host, { key: '80d84d10038bfd5171b1596db3175c4e915e3c81', role: \"columnheader\", \"menu-open\": this.isMenuOpen, \"aria-sort\": this.ariaSortDirection, sortable: this.showSorting }, h(\"div\", { key: 'b98f5cbe6c9fa873e39f46ba701c76755a4f9da7', class: \"cell--content\" }, h(\"slot\", { key: 'f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7' }), this.showSorting && (h(\"button\", { key: '000518536845b9b1383d2aa90a655000a2d0cc0b', class: \"z-th--sort-button\", type: \"button\", onClick: this.handleSort.bind(this) }, h(\"z-icon\", { key: '61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d', name: this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\", width: 14, height: 14 }))), this.showMenu && (h(\"div\", { key: '3c2ac483288672ac1c65dc3586fb9b346abe53e9', class: \"cell--menu-container\" }, h(\"z-button\", { key: '6a495a201dc8343267ef8892bc97150c2d4ec4fc', variant: ButtonVariant.TERTIARY, icon: \"contextual-menu\", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h(\"z-popover\", { key: 'b97a3477c4f63bccb2445304676ad2127a26d9df', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h(\"slot\", { key: 'd51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24', name: \"contextual-menu\" })))))));\n    }\n    static get is() { return \"z-th\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"colspan\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of columns that the cell should span.\"\n                },\n                \"attribute\": \"colspan\",\n                \"reflect\": false\n            },\n            \"showMenu\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"VisibilityCondition\",\n                    \"resolved\": \"VisibilityCondition.ALWAYS | VisibilityCondition.HOVER\",\n                    \"references\": {\n                        \"VisibilityCondition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::VisibilityCondition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enables the contextual menu.\\nCan be set to \\\"hover\\\" or \\\"always\\\" to show the button only on cell hover or always.\\nSet a nullish value to hide the menu button.\"\n                },\n                \"attribute\": \"show-menu\",\n                \"reflect\": true,\n                \"defaultValue\": \"null\"\n            },\n            \"showSorting\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"VisibilityCondition\",\n                    \"resolved\": \"VisibilityCondition.ALWAYS | VisibilityCondition.HOVER\",\n                    \"references\": {\n                        \"VisibilityCondition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::VisibilityCondition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enables the sorting button.\\nCan be set to \\\"hover\\\" or \\\"always\\\" to show the button only on cell hover or always.\\nSet a nullish value to hide the sort button.\"\n                },\n                \"attribute\": \"show-sorting\",\n                \"reflect\": true,\n                \"defaultValue\": \"null\"\n            },\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Whether the cell should stick.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"sortDirection\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"SortDirection\",\n                    \"resolved\": \"SortDirection.ASC | SortDirection.DESC\",\n                    \"references\": {\n                        \"SortDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::SortDirection\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Current sorting direction.\"\n                },\n                \"attribute\": \"sort-direction\",\n                \"reflect\": false\n            },\n            \"sorted\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean | null\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sorted state of the column.\"\n                },\n                \"attribute\": \"sorted\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"popoverPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"PopoverPosition\",\n                    \"resolved\": \"PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT\",\n                    \"references\": {\n                        \"PopoverPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::PopoverPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set popover position.\"\n                },\n                \"attribute\": \"popover-position\",\n                \"reflect\": false,\n                \"defaultValue\": \"PopoverPosition.AUTO\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isMenuOpen\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"sort\",\n                \"name\": \"sort\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sort event fired when the user clicks on the sort button.\\nThe sorting logic must be implemented by the app.\\nYou can set an `id` on the `z-th` to easly identify the column in the event listener.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"colspan\",\n                \"methodName\": \"updateColspan\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"yHAAA,MAAMA,EAAY,+rE,MCOLC,EAAG,MACZ,WAAAC,CAAAC,G,qCACIC,KAAKC,QAAUC,UACfF,KAAKG,SAAW,KAChBH,KAAKI,YAAc,KACnBJ,KAAKK,OAAS,MACdL,KAAKM,cAAgBJ,UACrBF,KAAKO,OAAS,MACdP,KAAKQ,gBAAkBC,EAAgBC,KACvCV,KAAKW,WAAa,KACrB,CAID,qBAAIC,GACA,IAAKZ,KAAKM,cAAe,CACrB,OAAO,I,CAEX,OAAON,KAAKM,gBAAkBO,EAAcC,IAAM,YAAc,Y,CAMpE,UAAAC,GACI,IAAKf,KAAKM,cAAe,CACrBN,KAAKO,OAAS,MACd,M,CAEJP,KAAKM,cAAgBN,KAAKM,gBAAkBO,EAAcC,IAAMD,EAAcG,KAAOH,EAAcC,IACnGd,KAAKO,OAAS,KACdP,KAAKiB,KAAKC,KAAK,CAAEZ,cAAeN,KAAKM,e,CAEzC,aAAAa,GACI,GAAInB,KAAKC,QAAS,CACdD,KAAKoB,KAAKC,MAAMC,WAAa,QAAQtB,KAAKC,S,KAEzC,CACDD,KAAKoB,KAAKC,MAAME,eAAe,c,EAGvC,iBAAAC,GACIxB,KAAKmB,e,CAET,MAAAM,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,eAAgB,YAAa7B,KAAKW,WAAY,YAAaX,KAAKY,kBAAmBkB,SAAU9B,KAAKI,aAAesB,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,iBAAmBL,EAAE,OAAQ,CAAEE,IAAK,6CAA+C5B,KAAKI,aAAgBsB,EAAE,SAAU,CAAEE,IAAK,2CAA4CG,MAAO,oBAAqBC,KAAM,SAAUC,QAASjC,KAAKe,WAAWmB,KAAKlC,OAAS0B,EAAE,SAAU,CAAEE,IAAK,2CAA4CO,KAAMnC,KAAKM,gBAAkBO,EAAcG,KAAO,kBAAoB,oBAAqBoB,MAAO,GAAIC,OAAQ,MAASrC,KAAKG,UAAauB,EAAE,MAAO,CAAEE,IAAK,2CAA4CG,MAAO,wBAA0BL,EAAE,WAAY,CAAEE,IAAK,2CAA4CU,QAASC,EAAcC,SAAUC,KAAM,kBAAmBC,KAAMC,EAAYC,QAASC,IAAMC,GAAQ9C,KAAK+C,YAAcD,EAAKb,QAAS,IAAOjC,KAAKgD,UAAUC,MAAQjD,KAAKgD,UAAUC,OAAUvB,EAAE,YAAa,CAAEE,IAAK,2CAA4CiB,IAAMC,GAAQ9C,KAAKgD,UAAYF,EAAKI,OAAQlD,KAAK+C,YAAaI,aAAeC,GAAWpD,KAAKW,WAAayC,EAAMC,OAAOJ,KAAOK,SAAUtD,KAAKQ,iBAAmBkB,EAAE,OAAQ,CAAEE,IAAK,2CAA4CO,KAAM,uB","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-7f0a51da.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as n,H as o,g as s}from"./p-Cam6wBSi.js";import{P as i,C as a,B as c}from"./p-B2-dCTD2.js";const l=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}';const h=class{constructor(n){e(this,n);this.colspanChange=t(this,"colspanChange",6);this.colspan=undefined;this.sticky=false;this.showMenu=null;this.popoverPosition=i.AUTO;this.isMenuOpen=false}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation();this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return n(o,{key:"c9c2a31f99dc72acd54744c8c1abdbb56b0a7df3",role:"cell","menu-open":this.isMenuOpen},n("div",{key:"f503630802052c5c3566b725aba40ea0923d60da",class:"cell--content"},n("slot",{key:"e26dc22a7b21eef5475d10124312384593957bf8"}),this.showMenu&&n("div",{key:"4c7204766c53e4502ff24e51e9ea751620246278",class:"cell--menu-container prevent-expand"},n("z-button",{key:"3d0f59414241c2b195dd45cf74f678b15e957cac",variant:c.TERTIARY,icon:"contextual-menu",size:a.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{key:"68d2f577c442c9a72009dd6365cd4182e9333d5a",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},n("slot",{key:"c90cf570174b2e2af659ae02e217d725a1951cb4",name:"contextual-menu"})))))}get host(){return s(this)}static get watchers(){return{colspan:["updateColspan"]}}};h.style=l;export{h as z_td};
-//# sourceMappingURL=p-7f0a51da.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-7f0a51da.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTd","constructor","hostRef","this","colspan","undefined","sticky","showMenu","popoverPosition","PopoverPosition","AUTO","isMenuOpen","updateColspan","host","style","gridColumn","removeProperty","colspanChange","emit","onMenuButtonClick","ev","stopPropagation","popoverEl","open","componentWillLoad","render","h","Host","key","role","class","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","onClick","bind","bindTo","onOpenChange","event","detail","position","name"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/cells/z-td/index.js"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  max-width: 100%;\n  align-items: center;\n  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n  background-color: var(--color-surface01);\n  gap: calc(var(--space-unit) * 2) var(--space-unit);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  box-shadow: 8px 0 16px -8px var(--shadow-color-base);\n}\n\n:host([menu-open]) {\n  z-index: 2;\n}\n\n.cell--content {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n}\n\n:host([show-menu]) .cell--content {\n  column-gap: var(--space-unit);\n}\n\n.cell--menu-container {\n  margin-left: auto;\n}\n\n:host(:not([show-menu])) .cell--menu-container {\n  opacity: 0;\n  pointer-events: none;\n}\n\n:host(:is([show-menu], [menu-open])) .cell--menu-container,\n:host([show-menu]) .cell--menu-container:focus-within {\n  z-index: 1;\n  opacity: 1;\n  pointer-events: all;\n}\n\n:host .cell-popover {\n  z-index: 100;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n  :host([show-menu=\"hover\"]) .cell--menu-container {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  :host([show-menu=\"hover\"]:hover) .cell--menu-container {\n    z-index: 1;\n    opacity: 1;\n    pointer-events: all;\n  }\n}\n\n","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, PopoverPosition } from \"../../../../beans\";\n/**\n * ZTd component.\n * @slot - ZTd content.\n */\nexport class ZTd {\n    constructor() {\n        this.colspan = undefined;\n        this.sticky = false;\n        this.showMenu = null;\n        this.popoverPosition = PopoverPosition.AUTO;\n        this.isMenuOpen = false;\n    }\n    updateColspan() {\n        if (this.colspan) {\n            this.host.style.gridColumn = `span ${this.colspan}`;\n        }\n        else {\n            this.host.style.removeProperty(\"grid-column\");\n        }\n        this.colspanChange.emit(this.colspan || 1);\n    }\n    onMenuButtonClick(ev) {\n        ev.stopPropagation();\n        this.popoverEl.open = !this.popoverEl.open;\n    }\n    componentWillLoad() {\n        this.updateColspan();\n    }\n    render() {\n        return (h(Host, { key: 'c9c2a31f99dc72acd54744c8c1abdbb56b0a7df3', role: \"cell\", \"menu-open\": this.isMenuOpen }, h(\"div\", { key: 'f503630802052c5c3566b725aba40ea0923d60da', class: \"cell--content\" }, h(\"slot\", { key: 'e26dc22a7b21eef5475d10124312384593957bf8' }), this.showMenu && (h(\"div\", { key: '4c7204766c53e4502ff24e51e9ea751620246278', class: \"cell--menu-container prevent-expand\" }, h(\"z-button\", { key: '3d0f59414241c2b195dd45cf74f678b15e957cac', variant: ButtonVariant.TERTIARY, icon: \"contextual-menu\", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h(\"z-popover\", { key: '68d2f577c442c9a72009dd6365cd4182e9333d5a', class: \"cell-popover\", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h(\"slot\", { key: 'c90cf570174b2e2af659ae02e217d725a1951cb4', name: \"contextual-menu\" })))))));\n    }\n    static get is() { return \"z-td\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"colspan\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of columns that the cell should span.\"\n                },\n                \"attribute\": \"colspan\",\n                \"reflect\": false\n            },\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Whether the cell should stick.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"showMenu\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"VisibilityCondition\",\n                    \"resolved\": \"VisibilityCondition.ALWAYS | VisibilityCondition.HOVER\",\n                    \"references\": {\n                        \"VisibilityCondition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::VisibilityCondition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enables the contextual menu.\\nCan be set to \\\"hover\\\" or \\\"always\\\" to show the button only on cell hover or always.\\nSet a nullish value to hide the menu button.\"\n                },\n                \"attribute\": \"show-menu\",\n                \"reflect\": true,\n                \"defaultValue\": \"null\"\n            },\n            \"popoverPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"PopoverPosition\",\n                    \"resolved\": \"PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT\",\n                    \"references\": {\n                        \"PopoverPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::PopoverPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set the popover position, the default is \\\"auto\\\".\"\n                },\n                \"attribute\": \"popover-position\",\n                \"reflect\": false,\n                \"defaultValue\": \"PopoverPosition.AUTO\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isMenuOpen\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"colspanChange\",\n                \"name\": \"colspanChange\",\n                \"bubbles\": true,\n                \"cancelable\": false,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the value of the `colspan` changes.\"\n                },\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"colspan\",\n                \"methodName\": \"updateColspan\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kHAAA,MAAMA,EAAY,whC,MCMLC,EAAG,MACZ,WAAAC,CAAAC,G,uDACIC,KAAKC,QAAUC,UACfF,KAAKG,OAAS,MACdH,KAAKI,SAAW,KAChBJ,KAAKK,gBAAkBC,EAAgBC,KACvCP,KAAKQ,WAAa,KACrB,CACD,aAAAC,GACI,GAAIT,KAAKC,QAAS,CACdD,KAAKU,KAAKC,MAAMC,WAAa,QAAQZ,KAAKC,S,KAEzC,CACDD,KAAKU,KAAKC,MAAME,eAAe,c,CAEnCb,KAAKc,cAAcC,KAAKf,KAAKC,SAAW,E,CAE5C,iBAAAe,CAAkBC,GACdA,EAAGC,kBACHlB,KAAKmB,UAAUC,MAAQpB,KAAKmB,UAAUC,I,CAE1C,iBAAAC,GACIrB,KAAKS,e,CAET,MAAAa,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,OAAQ,YAAa1B,KAAKQ,YAAce,EAAE,MAAO,CAAEE,IAAK,2CAA4CE,MAAO,iBAAmBJ,EAAE,OAAQ,CAAEE,IAAK,6CAA+CzB,KAAKI,UAAamB,EAAE,MAAO,CAAEE,IAAK,2CAA4CE,MAAO,uCAAyCJ,EAAE,WAAY,CAAEE,IAAK,2CAA4CG,QAASC,EAAcC,SAAUC,KAAM,kBAAmBC,KAAMC,EAAYC,QAASC,IAAMC,GAAQpC,KAAKqC,YAAcD,EAAKE,QAAStC,KAAKgB,kBAAkBuB,KAAKvC,QAAUuB,EAAE,YAAa,CAAEE,IAAK,2CAA4CE,MAAO,eAAgBQ,IAAMC,GAAQpC,KAAKmB,UAAYiB,EAAKI,OAAQxC,KAAKqC,YAAaI,aAAeC,GAAW1C,KAAKQ,WAAakC,EAAMC,OAAOvB,KAAOwB,SAAU5C,KAAKK,iBAAmBkB,EAAE,OAAQ,CAAEE,IAAK,2CAA4CoB,KAAM,uB","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-84a30acf.entry.js

@@ -1,17 +0,0 @@
-import{r as t,c as r,h as a,g as e}from"./p-Cam6wBSi.js";import{f as i,v as n,i as o,s as l,a as p}from"./p-Cj7hOgFG.js";import{g as c}from"./p-B85MJLTf.js";import{M as d,t as f,I as s}from"./p-B2-dCTD2.js";var h={exports:{}};var m=h.exports;var k;function u(){if(k)return h.exports;k=1;(function(t,r){(function(r,a){t.exports=a()})(m,(function(){
-/*! *****************************************************************************
-		    Copyright (c) Microsoft Corporation.
-
-		    Permission to use, copy, modify, and/or distribute this software for any
-		    purpose with or without fee is hereby granted.
-
-		    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-		    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-		    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-		    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-		    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-		    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-		    PERFORMANCE OF THIS SOFTWARE.
-		    ***************************************************************************** */
-var t=function(){t=Object.assign||function t(r){for(var a,e=1,i=arguments.length;e<i;e++){a=arguments[e];for(var n in a)if(Object.prototype.hasOwnProperty.call(a,n))r[n]=a[n]}return r};return t.apply(this,arguments)};var r=function(t,r,a){return a.months[r?"shorthand":"longhand"][t]};function a(t){while(t.firstChild)t.removeChild(t.firstChild)}function e(t){try{if(typeof t.composedPath==="function"){var r=t.composedPath();return r[0]}return t.target}catch(r){return t.target}}var i={shorthand:false,dateFormat:"F Y",altFormat:"F Y",theme:"light"};function n(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(!t.rContainer)return;a(t.rContainer);for(var r=0;r<t.monthElements.length;r++){var e=t.monthElements[r];if(!e.parentNode)continue;e.parentNode.removeChild(e)}}function l(){if(!t.rContainer)return;i.monthsContainer=t._createElement("div","flatpickr-monthSelect-months");i.monthsContainer.tabIndex=-1;p();t.rContainer.appendChild(i.monthsContainer);t.calendarContainer.classList.add("flatpickr-monthSelect-theme-"+o.theme)}function p(){if(!i.monthsContainer)return;a(i.monthsContainer);var e=document.createDocumentFragment();for(var n=0;n<12;n++){var l=t.createDay("flatpickr-monthSelect-month",new Date(t.currentYear,n),0,n);if(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",s);e.appendChild(l)}i.monthsContainer.appendChild(e);if(t.config.minDate&&t.currentYear===t.config.minDate.getFullYear())t.prevMonthNav.classList.add("flatpickr-disabled");else t.prevMonthNav.classList.remove("flatpickr-disabled");if(t.config.maxDate&&t.currentYear===t.config.maxDate.getFullYear())t.nextMonthNav.classList.add("flatpickr-disabled");else t.nextMonthNav.classList.remove("flatpickr-disabled")}function c(){t._bind(t.prevMonthNav,"click",(function(r){r.preventDefault();r.stopPropagation();t.changeYear(t.currentYear-1);f();p()}));t._bind(t.nextMonthNav,"click",(function(r){r.preventDefault();r.stopPropagation();t.changeYear(t.currentYear+1);f();p()}));t._bind(i.monthsContainer,"mouseover",(function(r){if(t.config.mode==="range")t.onMouseOver(e(r),"flatpickr-monthSelect-month")}))}function d(){if(!t.rContainer)return;if(!t.selectedDates.length)return;var r=t.rContainer.querySelectorAll(".flatpickr-monthSelect-month.selected");for(var a=0;a<r.length;a++){r[a].classList.remove("selected")}var e=t.selectedDates[0].getMonth();var i=t.rContainer.querySelector(".flatpickr-monthSelect-month:nth-child("+(e+1)+")");if(i){i.classList.add("selected")}}function f(){var r=t.selectedDates[0];if(r){r=new Date(r);r.setFullYear(t.currentYear);if(t.config.minDate&&r<t.config.minDate){r=t.config.minDate}if(t.config.maxDate&&r>t.config.maxDate){r=t.config.maxDate}t.currentYear=r.getFullYear()}t.currentYearElement.value=String(t.currentYear);if(t.rContainer){var a=t.rContainer.querySelectorAll(".flatpickr-monthSelect-month");a.forEach((function(r){r.dateObj.setFullYear(t.currentYear);if(t.config.minDate&&r.dateObj<t.config.minDate||t.config.maxDate&&r.dateObj>t.config.maxDate){r.classList.add("flatpickr-disabled")}else{r.classList.remove("flatpickr-disabled")}}))}d()}function s(r){r.preventDefault();r.stopPropagation();var a=e(r);if(!(a instanceof Element))return;if(a.classList.contains("flatpickr-disabled"))return;if(a.classList.contains("notAllowed"))return;h(a.dateObj);if(t.config.closeOnSelect){var i=t.config.mode==="single";var n=t.config.mode==="range"&&t.selectedDates.length===2;if(i||n)t.close()}}function h(r){var a=new Date(t.currentYear,r.getMonth(),r.getDate());var e=[];switch(t.config.mode){case"single":e=[a];break;case"multiple":e.push(a);break;case"range":if(t.selectedDates.length===2){e=[a]}else{e=t.selectedDates.concat([a]);e.sort((function(t,r){return t.getTime()-r.getTime()}))}break}t.setDate(e,true);d()}var m={37:-1,39:1,40:3,38:-3};function k(r,a,e,n){var o=m[n.keyCode]!==undefined;if(!o&&n.keyCode!==13){return}if(!t.rContainer||!i.monthsContainer)return;var l=t.rContainer.querySelector(".flatpickr-monthSelect-month.selected");var p=Array.prototype.indexOf.call(i.monthsContainer.children,document.activeElement);if(p===-1){var c=l||i.monthsContainer.firstElementChild;c.focus();p=c.$i}if(o){i.monthsContainer.children[(12+p+m[n.keyCode])%12].focus()}else if(n.keyCode===13&&i.monthsContainer.contains(document.activeElement)){h(document.activeElement.dateObj)}}function u(){var r;if(((r=t.config)===null||r===void 0?void 0:r.mode)==="range"&&t.selectedDates.length===1)t.clear(false);if(!t.selectedDates.length)p()}function b(){o._stubbedCurrentMonth=t._initialDate.getMonth();t._initialDate.setMonth(o._stubbedCurrentMonth);t.currentMonth=o._stubbedCurrentMonth}function g(){if(!o._stubbedCurrentMonth)return;t._initialDate.setMonth(o._stubbedCurrentMonth);t.currentMonth=o._stubbedCurrentMonth;delete o._stubbedCurrentMonth}function x(){if(i.monthsContainer!==null){var t=i.monthsContainer.querySelectorAll(".flatpickr-monthSelect-month");for(var r=0;r<t.length;r++){t[r].removeEventListener("click",s)}}}return{onParseConfig:function(){t.config.enableTime=false},onValueUpdate:d,onKeyDown:k,onReady:[b,n,l,c,d,function(){t.config.onClose.push(u);t.loadedPlugins.push("monthSelect")}],onDestroy:[g,x,function(){t.config.onClose=t.config.onClose.filter((function(t){return t!==u}))}]}}}return n}))})(h);return h.exports}var b=u();var g=c(b);const x='.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}';const v=class{constructor(a){t(this,a);this.dateSelect=r(this,"dateSelect",7);this.datePickerId=undefined;this.ariaLabel="";this.label=undefined;this.mode=d.DATE;this.name=undefined;this.value=undefined;this.flatpickrPosition=f.BOTTOM;this.inputError=false}emitDateSelect(t){this.dateSelect.emit(t)}handleKeyDown(t){var r,a,e,i,n,o,l;if(t.key==="Escape"){(r=this.picker)===null||r===void 0?void 0:r.close()}if(t.key==="Enter"||t.key===" "){!this.hasChildren&&((a=this.picker)===null||a===void 0?void 0:a.open());const r=document.activeElement.classList.contains("reset-icon");if(r){this.inputError=false;(e=this.picker)===null||e===void 0?void 0:e.setDate([]);this.dateSelect.emit(null)}document.activeElement.classList.contains("flatpickr-day");const p=document.activeElement.classList.contains("flatpickr-prev-month");const c=document.activeElement.classList.contains("flatpickr-next-month");const f=p||c;f&&t.key===" "&&t.preventDefault();if(this.mode===d.MONTHS){p&&((i=this.picker)===null||i===void 0?void 0:i.changeYear(this.picker.currentYear-1));c&&((n=this.picker)===null||n===void 0?void 0:n.changeYear(this.picker.currentYear+1));if(f){const t=this.element.getElementsByClassName("flatpickr-calendar")[0];const r=t===null||t===void 0?void 0:t.querySelectorAll(".flatpickr-monthSelect-month");r===null||r===void 0?void 0:r.forEach((t=>{var r;t.setAttribute("aria-label",`${t.innerHTML} ${(r=this.picker)===null||r===void 0?void 0:r.currentYear}`)}));r&&Array.from(r).forEach(((t,r)=>{var a;const e=(new Date).getMonth();const i=(new Date).getFullYear();if(r===e){if(((a=this.picker)===null||a===void 0?void 0:a.currentYear)===i){t.setAttribute("class","flatpickr-monthSelect-month today")}else{t.setAttribute("class","flatpickr-monthSelect-month")}}}))}}else{p&&((o=this.picker)===null||o===void 0?void 0:o.changeMonth(-1));c&&((l=this.picker)===null||l===void 0?void 0: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(){const t=this.hasChildren?`${this.datePickerId}-hidden`:`${this.datePickerId}-container`;this.picker=i(`.${t}`,{appendTo:this.element.children[0],enableTime:this.mode===d.DATE_TIME,locale:o.Italian,allowInput:true,dateFormat:this.mode===d.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:this.mode===d.MONTHS?"F Y":"d F Y",minuteIncrement:1,time_24hr:true,onChange:(t,r)=>{this.emitDateSelect(r)},onOpen:()=>{l(this.element,this.mode);this.flatpickrPosition=p(this.element,this.mode)},onKeyDown:()=>{l(this.element,this.mode)},wrap:true,plugins:this.mode===d.MONTHS&&[g({dateFormat:"m-Y",altFormat:"m-Y"})]});this.element.querySelectorAll(".flatpickr-weekday").forEach((t=>{t.innerHTML=t.innerHTML.trim().charAt(0)}))}formatDate(t){if(this.mode===d.DATE){return`${i.formatDate(t,"d-m-Y")}`}else if(this.mode===d.MONTHS){return`${i.formatDate(t,"m-Y")}`}return`${i.formatDate(t,"d-m-Y - H:i")}`}onStopTyping(t){let r=t.detail.value;if(this.mode===d.MONTHS){r="01-".concat(t.detail.value)}const a=r.split("-");const e=this.mode===d.DATE_TIME?`T${a[3]}:00`:"";const i=`${a[2]}-${a[1]}-${a[0]}${e}`.split(" ").join("");const o=n(i,this.mode===d.DATE_TIME);if(r===""){this.inputError=false;this.picker.setDate([]);this.dateSelect.emit(null)}else if(!o){this.inputError=true;this.dateSelect.emit(null)}else if(o){this.inputError=false;this.picker.setDate([t.detail.value]);this.dateSelect.emit(this.formatDate(new Date(i)))}}renderSlottedContent(){return a("div",{class:`${this.datePickerId}-hidden`},a("input",{class:"hidden-input","data-input":true,name:this.name,value:this.value}),a("slot",{name:"toggle"}))}renderZInput(){return a("div",{class:`${this.datePickerId}-container`},a("z-input",{"data-input":"data-input",ariaLabel:this.ariaLabel,label:this.label,class:this.datePickerId,type:s.TEXT,icon:"event",message:false,name:this.name,tabindex:"0",value:this.value,onStopTyping:t=>{this.onStopTyping(t)},onStartTyping:()=>{this.inputError=false}}))}render(){return a("div",{key:"db9b98d1f344ed89c8b3b8bdee4c19106167a3eb",class:{"flatpickr-toggle-container":true,[this.flatpickrPosition]:true,[this.mode]:true}},this.hasChildren?this.renderSlottedContent():this.renderZInput())}get element(){return e(this)}static get watchers(){return{mode:["setupPickers"]}}};v.style=x;export{v as z_date_picker};
-//# sourceMappingURL=p-84a30acf.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-84a30acf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["global","factory","module","exports","this","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","monthToStr","monthNumber","shorthand","locale","months","clearNode","node","firstChild","removeChild","getEventTarget","event","composedPath","path","target","error","defaultConfig","dateFormat","altFormat","theme","monthSelectPlugin","pluginConfig","config","fp","self","monthsContainer","clearUnnecessaryDOMElements","rContainer","index","monthElements","element","parentNode","build","_createElement","tabIndex","buildMonths","appendChild","calendarContainer","classList","add","frag","document","createDocumentFragment","month","createDay","Date","currentYear","dateObj","getMonth","getFullYear","textContent","l10n","addEventListener","selectMonth","minDate","prevMonthNav","remove","maxDate","nextMonthNav","bindEvents","_bind","e","preventDefault","stopPropagation","changeYear","selectYear","mode","onMouseOver","setCurrentlySelected","selectedDates","currentlySelected","querySelectorAll","targetMonth","querySelector","selectedDate","setFullYear","currentYearElement","value","String","forEach","eventTarget","Element","contains","setMonth","closeOnSelect","single","range","close","date","getDate","push","concat","sort","a","b","getTime","setDate","shifts","onKeyDown","_","__","___","shouldMove","keyCode","undefined","Array","indexOf","children","activeElement","firstElementChild","focus","$i","closeHook","_a","clear","stubCurrentMonth","_stubbedCurrentMonth","_initialDate","currentMonth","unstubCurrentMonth","destroyPluginInstance","removeEventListener","onParseConfig","enableTime","onValueUpdate","onReady","onClose","loadedPlugins","onDestroy","filter","hook","stylesCss","ZDatePicker","constructor","hostRef","datePickerId","ariaLabel","label","ZDatePickerMode","DATE","name","flatpickrPosition","ZDatePickerPosition","BOTTOM","inputError","emitDateSelect","dateSelect","emit","handleKeyDown","ev","_b","_c","_d","_e","_f","_g","key","picker","hasChildren","open","isCrossIconEntered","isPrevArrowEntered","isNextArrowEntered","arrowPressed","MONTHS","calendar","getElementsByClassName","setAttribute","innerHTML","from","curMonth","curYear","changeMonth","componentWillLoad","customToggle","componentDidLoad","setupPickers","classToAppend","flatpickr","appendTo","DATE_TIME","Italian","allowInput","ariaDateFormat","minuteIncrement","time_24hr","onChange","_selectedDates","dateStr","onOpen","setAriaOptions","setFlatpickrPosition","wrap","plugins","trim","charAt","formatDate","onStopTyping","text","detail","englishData","split","time","englishParsedData","join","isValidDate","validateDate","renderSlottedContent","h","class","renderZInput","type","InputType","TEXT","icon","message","tabindex","onStartTyping","render"],"sources":["node_modules/.pnpm/flatpickr@4.6.13/node_modules/flatpickr/dist/plugins/monthSelect/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/date-picker/styles.css?tag=z-date-picker","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/date-picker/z-date-picker/index.js"],"sourcesContent":["(function (global, factory) {\n    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n    typeof define === 'function' && define.amd ? define(factory) :\n    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.monthSelectPlugin = factory());\n}(this, (function () { 'use strict';\n\n    /*! *****************************************************************************\r\n    Copyright (c) Microsoft Corporation.\r\n\r\n    Permission to use, copy, modify, and/or distribute this software for any\r\n    purpose with or without fee is hereby granted.\r\n\r\n    THE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\n    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\n    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\n    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\n    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\n    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\n    PERFORMANCE OF THIS SOFTWARE.\r\n    ***************************************************************************** */\r\n\r\n    var __assign = function() {\r\n        __assign = Object.assign || function __assign(t) {\r\n            for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n                s = arguments[i];\r\n                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n            }\r\n            return t;\r\n        };\r\n        return __assign.apply(this, arguments);\r\n    };\n\n    var monthToStr = function (monthNumber, shorthand, locale) { return locale.months[shorthand ? \"shorthand\" : \"longhand\"][monthNumber]; };\n\n    function clearNode(node) {\n        while (node.firstChild)\n            node.removeChild(node.firstChild);\n    }\n    function getEventTarget(event) {\n        try {\n            if (typeof event.composedPath === \"function\") {\n                var path = event.composedPath();\n                return path[0];\n            }\n            return event.target;\n        }\n        catch (error) {\n            return event.target;\n        }\n    }\n\n    var defaultConfig = {\n        shorthand: false,\n        dateFormat: \"F Y\",\n        altFormat: \"F Y\",\n        theme: \"light\",\n    };\n    function monthSelectPlugin(pluginConfig) {\n        var config = __assign(__assign({}, defaultConfig), pluginConfig);\n        return function (fp) {\n            fp.config.dateFormat = config.dateFormat;\n            fp.config.altFormat = config.altFormat;\n            var self = { monthsContainer: null };\n            function clearUnnecessaryDOMElements() {\n                if (!fp.rContainer)\n                    return;\n                clearNode(fp.rContainer);\n                for (var index = 0; index < fp.monthElements.length; index++) {\n                    var element = fp.monthElements[index];\n                    if (!element.parentNode)\n                        continue;\n                    element.parentNode.removeChild(element);\n                }\n            }\n            function build() {\n                if (!fp.rContainer)\n                    return;\n                self.monthsContainer = fp._createElement(\"div\", \"flatpickr-monthSelect-months\");\n                self.monthsContainer.tabIndex = -1;\n                buildMonths();\n                fp.rContainer.appendChild(self.monthsContainer);\n                fp.calendarContainer.classList.add(\"flatpickr-monthSelect-theme-\" + config.theme);\n            }\n            function buildMonths() {\n                if (!self.monthsContainer)\n                    return;\n                clearNode(self.monthsContainer);\n                var frag = document.createDocumentFragment();\n                for (var i = 0; i < 12; i++) {\n                    var month = fp.createDay(\"flatpickr-monthSelect-month\", new Date(fp.currentYear, i), 0, i);\n                    if (month.dateObj.getMonth() === new Date().getMonth() &&\n                        month.dateObj.getFullYear() === new Date().getFullYear())\n                        month.classList.add(\"today\");\n                    month.textContent = monthToStr(i, config.shorthand, fp.l10n);\n                    month.addEventListener(\"click\", selectMonth);\n                    frag.appendChild(month);\n                }\n                self.monthsContainer.appendChild(frag);\n                if (fp.config.minDate &&\n                    fp.currentYear === fp.config.minDate.getFullYear())\n                    fp.prevMonthNav.classList.add(\"flatpickr-disabled\");\n                else\n                    fp.prevMonthNav.classList.remove(\"flatpickr-disabled\");\n                if (fp.config.maxDate &&\n                    fp.currentYear === fp.config.maxDate.getFullYear())\n                    fp.nextMonthNav.classList.add(\"flatpickr-disabled\");\n                else\n                    fp.nextMonthNav.classList.remove(\"flatpickr-disabled\");\n            }\n            function bindEvents() {\n                fp._bind(fp.prevMonthNav, \"click\", function (e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    fp.changeYear(fp.currentYear - 1);\n                    selectYear();\n                    buildMonths();\n                });\n                fp._bind(fp.nextMonthNav, \"click\", function (e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    fp.changeYear(fp.currentYear + 1);\n                    selectYear();\n                    buildMonths();\n                });\n                fp._bind(self.monthsContainer, \"mouseover\", function (e) {\n                    if (fp.config.mode === \"range\")\n                        fp.onMouseOver(getEventTarget(e), \"flatpickr-monthSelect-month\");\n                });\n            }\n            function setCurrentlySelected() {\n                if (!fp.rContainer)\n                    return;\n                if (!fp.selectedDates.length)\n                    return;\n                var currentlySelected = fp.rContainer.querySelectorAll(\".flatpickr-monthSelect-month.selected\");\n                for (var index = 0; index < currentlySelected.length; index++) {\n                    currentlySelected[index].classList.remove(\"selected\");\n                }\n                var targetMonth = fp.selectedDates[0].getMonth();\n                var month = fp.rContainer.querySelector(\".flatpickr-monthSelect-month:nth-child(\" + (targetMonth + 1) + \")\");\n                if (month) {\n                    month.classList.add(\"selected\");\n                }\n            }\n            function selectYear() {\n                var selectedDate = fp.selectedDates[0];\n                if (selectedDate) {\n                    selectedDate = new Date(selectedDate);\n                    selectedDate.setFullYear(fp.currentYear);\n                    if (fp.config.minDate && selectedDate < fp.config.minDate) {\n                        selectedDate = fp.config.minDate;\n                    }\n                    if (fp.config.maxDate && selectedDate > fp.config.maxDate) {\n                        selectedDate = fp.config.maxDate;\n                    }\n                    fp.currentYear = selectedDate.getFullYear();\n                }\n                fp.currentYearElement.value = String(fp.currentYear);\n                if (fp.rContainer) {\n                    var months = fp.rContainer.querySelectorAll(\".flatpickr-monthSelect-month\");\n                    months.forEach(function (month) {\n                        month.dateObj.setFullYear(fp.currentYear);\n                        if ((fp.config.minDate && month.dateObj < fp.config.minDate) ||\n                            (fp.config.maxDate && month.dateObj > fp.config.maxDate)) {\n                            month.classList.add(\"flatpickr-disabled\");\n                        }\n                        else {\n                            month.classList.remove(\"flatpickr-disabled\");\n                        }\n                    });\n                }\n                setCurrentlySelected();\n            }\n            function selectMonth(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                var eventTarget = getEventTarget(e);\n                if (!(eventTarget instanceof Element))\n                    return;\n                if (eventTarget.classList.contains(\"flatpickr-disabled\"))\n                    return;\n                if (eventTarget.classList.contains(\"notAllowed\"))\n                    return; // necessary??\n                setMonth(eventTarget.dateObj);\n                if (fp.config.closeOnSelect) {\n                    var single = fp.config.mode === \"single\";\n                    var range = fp.config.mode === \"range\" && fp.selectedDates.length === 2;\n                    if (single || range)\n                        fp.close();\n                }\n            }\n            function setMonth(date) {\n                var selectedDate = new Date(fp.currentYear, date.getMonth(), date.getDate());\n                var selectedDates = [];\n                switch (fp.config.mode) {\n                    case \"single\":\n                        selectedDates = [selectedDate];\n                        break;\n                    case \"multiple\":\n                        selectedDates.push(selectedDate);\n                        break;\n                    case \"range\":\n                        if (fp.selectedDates.length === 2) {\n                            selectedDates = [selectedDate];\n                        }\n                        else {\n                            selectedDates = fp.selectedDates.concat([selectedDate]);\n                            selectedDates.sort(function (a, b) { return a.getTime() - b.getTime(); });\n                        }\n                        break;\n                }\n                fp.setDate(selectedDates, true);\n                setCurrentlySelected();\n            }\n            var shifts = {\n                37: -1,\n                39: 1,\n                40: 3,\n                38: -3,\n            };\n            function onKeyDown(_, __, ___, e) {\n                var shouldMove = shifts[e.keyCode] !== undefined;\n                if (!shouldMove && e.keyCode !== 13) {\n                    return;\n                }\n                if (!fp.rContainer || !self.monthsContainer)\n                    return;\n                var currentlySelected = fp.rContainer.querySelector(\".flatpickr-monthSelect-month.selected\");\n                var index = Array.prototype.indexOf.call(self.monthsContainer.children, document.activeElement);\n                if (index === -1) {\n                    var target = currentlySelected || self.monthsContainer.firstElementChild;\n                    target.focus();\n                    index = target.$i;\n                }\n                if (shouldMove) {\n                    self.monthsContainer.children[(12 + index + shifts[e.keyCode]) % 12].focus();\n                }\n                else if (e.keyCode === 13 &&\n                    self.monthsContainer.contains(document.activeElement)) {\n                    setMonth(document.activeElement.dateObj);\n                }\n            }\n            function closeHook() {\n                var _a;\n                if (((_a = fp.config) === null || _a === void 0 ? void 0 : _a.mode) === \"range\" && fp.selectedDates.length === 1)\n                    fp.clear(false);\n                if (!fp.selectedDates.length)\n                    buildMonths();\n            }\n            // Help the prev/next year nav honor config.minDate (see 3fa5a69)\n            function stubCurrentMonth() {\n                config._stubbedCurrentMonth = fp._initialDate.getMonth();\n                fp._initialDate.setMonth(config._stubbedCurrentMonth);\n                fp.currentMonth = config._stubbedCurrentMonth;\n            }\n            function unstubCurrentMonth() {\n                if (!config._stubbedCurrentMonth)\n                    return;\n                fp._initialDate.setMonth(config._stubbedCurrentMonth);\n                fp.currentMonth = config._stubbedCurrentMonth;\n                delete config._stubbedCurrentMonth;\n            }\n            function destroyPluginInstance() {\n                if (self.monthsContainer !== null) {\n                    var months = self.monthsContainer.querySelectorAll(\".flatpickr-monthSelect-month\");\n                    for (var index = 0; index < months.length; index++) {\n                        months[index].removeEventListener(\"click\", selectMonth);\n                    }\n                }\n            }\n            return {\n                onParseConfig: function () {\n                    fp.config.enableTime = false;\n                },\n                onValueUpdate: setCurrentlySelected,\n                onKeyDown: onKeyDown,\n                onReady: [\n                    stubCurrentMonth,\n                    clearUnnecessaryDOMElements,\n                    build,\n                    bindEvents,\n                    setCurrentlySelected,\n                    function () {\n                        fp.config.onClose.push(closeHook);\n                        fp.loadedPlugins.push(\"monthSelect\");\n                    },\n                ],\n                onDestroy: [\n                    unstubCurrentMonth,\n                    destroyPluginInstance,\n                    function () {\n                        fp.config.onClose = fp.config.onClose.filter(function (hook) { return hook !== closeHook; });\n                    },\n                ],\n            };\n        };\n    }\n\n    return monthSelectPlugin;\n\n})));\n",".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{/*\n      /*rtl:begin:ignore*/left:0/*\n      /*rtl:end:ignore*/}/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*\n      /*rtl:begin:ignore*/right:0/*\n      /*rtl:end:ignore*/}/*\n      /*rtl:begin:ignore*/\n/*\n      /*rtl:end:ignore*/\n.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)}}\n.flatpickr-monthSelect-months {\n  margin: 10px 1px 3px 1px;\n  flex-wrap: wrap;\n}\n\n.flatpickr-monthSelect-month {\n  background: none;\n  border: 1px solid transparent;\n  border-radius: 4px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: #393939;\n  cursor: pointer;\n  display: inline-block;\n  font-weight: 400;\n  margin: 0.5px;\n  justify-content: center;\n  padding: 10px;\n  position: relative;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n  -ms-flex-pack: center;\n  text-align: center;\n  width: 33%;\n}\n\n.flatpickr-monthSelect-month.flatpickr-disabled {\n\tcolor: #eee;\n}\n\n.flatpickr-monthSelect-month.flatpickr-disabled:hover,\n.flatpickr-monthSelect-month.flatpickr-disabled:focus {\n\tcursor: not-allowed;\n\tbackground: none !important;\n}\n\n.flatpickr-monthSelect-theme-dark {\n  background: #3f4458;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {\n  color: #fff;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,\n.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {\n  color: #fff;\n  fill: #fff;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {\n  color: rgba(255, 255, 255, 0.95);\n}\n\n.flatpickr-monthSelect-month.today {\n  border-color: #959ea9;\n}\n\n.flatpickr-monthSelect-month.inRange,\n.flatpickr-monthSelect-month.inRange.today,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:focus {\n  background: #e6e6e6;\n  cursor: pointer;\n  outline: 0;\n  border-color: #e6e6e6;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {\n  background: #646c8c;\n  border-color: #646c8c;\n}\n\n.flatpickr-monthSelect-month.today:hover,\n.flatpickr-monthSelect-month.today:focus {\n  background: #959ea9;\n  border-color: #959ea9;\n  color: #fff;\n}\n\n.flatpickr-monthSelect-month.selected,\n.flatpickr-monthSelect-month.startRange,\n.flatpickr-monthSelect-month.endRange {\n  background-color: #569ff7;\n  box-shadow: none;\n  color: #fff;\n  border-color: #569ff7;\n}\n\n.flatpickr-monthSelect-month.startRange {\n  border-radius: 50px 0 0 50px;\n}\n\n.flatpickr-monthSelect-month.endRange {\n  border-radius: 0 50px 50px 0;\n}\n\n.flatpickr-monthSelect-month.startRange.endRange {\n  border-radius: 50px;\n}\n\n.flatpickr-monthSelect-month.inRange {\n  border-radius: 0;\n  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,\n.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {\n  background: #80cbc4;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  color: #fff;\n  border-color: #80cbc4;\n}\n\n\n/* stylelint-disable selector-class-pattern -- we have no control over flatpickr css classes naming */\n\n:host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-range-picker--toggle-height: 0;\n}\n\nz-date-picker {\n  position: relative;\n}\n\nz-date-picker > div > * {\n  cursor: pointer !important;\n}\n\nz-range-picker {\n  position: relative;\n}\n\n.flatpickr-toggle-container {\n  width: fit-content;\n}\n\n.range-pickers-container > div {\n  position: relative;\n}\n\n.hidden-input {\n  position: absolute;\n  bottom: 0;\n  width: 0;\n  height: 0;\n  visibility: hidden !important;\n}\n\n/* Calendar container selectors */\n.flatpickr-calendar::before,\n.flatpickr-calendar::after {\n  display: none;\n}\n\n.flatpickr-calendar {\n  position: absolute !important;\n  top: var(--z-range-picker--toggle-height) !important;\n  left: 0 !important;\n  padding-top: calc(var(--space-unit) * 2);\n  border-radius: 2px;\n  box-shadow: var(--shadow-2);\n  font-family: var(--font-family-sans) !important;\n}\n\n.months.top > .flatpickr-calendar {\n  top: -288px !important;\n}\n\n.date.top > .flatpickr-calendar,\n.date.top > div > .flatpickr-calendar {\n  top: -401px !important;\n}\n\n.date-time.top > .flatpickr-calendar,\n.date-time.top > div > .flatpickr-calendar {\n  top: -523px !important;\n}\n\n.flatpickr-calendar,\n.flatpickr-innerContainer,\n.flatpickr-days,\n.dayContainer,\n.flatpickr-rContainer,\n.flatpickr-monthSelect-months {\n  width: calc(var(--space-unit) * 42) !important;\n  max-width: calc(var(--space-unit) * 42) !important;\n}\n\n.flatpickr-monthSelect-months {\n  box-sizing: border-box;\n  padding: 0 !important;\n  margin: calc(var(--space-unit) * 2) 0 !important;\n}\n\n/* Months and year row containers selectors */\n.flatpickr-months {\n  position: relative;\n  height: calc(var(--space-unit) * 6) !important;\n  align-items: center;\n  margin-bottom: var(--space-unit) 0 !important;\n}\n\n.flatpickr-month {\n  overflow: visible !important;\n  height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-current-month {\n  left: 0 !important;\n  display: flex !important;\n  width: fill-available;\n  height: calc(var(--space-unit) * 6);\n  align-items: baseline;\n  justify-content: space-evenly;\n  padding-top: 0;\n}\n\n/* Months arrows selectors */\n.flatpickr-next-month,\n.flatpickr-prev-month {\n  position: static !important;\n  display: flex;\n  width: calc(var(--space-unit) * 4) !important;\n  height: calc(var(--space-unit) * 4) !important;\n  align-items: center;\n  justify-content: center;\n  padding: 0 !important;\n}\n\n.flatpickr-prev-month {\n  margin-left: var(--space-unit);\n}\n\n.flatpickr-next-month {\n  margin-right: var(--space-unit);\n}\n\n.flatpickr-next-month > svg,\n.flatpickr-prev-month > svg {\n  width: calc(var(--space-unit) * 2) !important;\n  height: calc(var(--space-unit) * 2) !important;\n  fill: var(--color-primary01);\n}\n\n.flatpickr-next-month:hover,\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:focus,\n.flatpickr-prev-month:focus {\n  border: none !important;\n  border-color: var(--color-primary03) !important;\n  background-color: var(--color-primary03) !important;\n  border-radius: var(--border-radius);\n  color: var(--color-hover-primary) !important;\n  outline: none !important;\n}\n\n.flatpickr-next-month:hover svg,\n.flatpickr-prev-month:hover svg {\n  fill: var(--color-hover-primary) !important;\n}\n\n.flatpickr-next-month:active,\n.flatpickr-prev-month:active {\n  border-color: var(--color-surface01) !important;\n  background-color: var(--color-surface01) !important;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2) !important;\n  color: var(--color-primary01) !important;\n}\n\n.flatpickr-next-month:focus svg,\n.flatpickr-prev-month:focus svg {\n  fill: var(--color-primary01) !important;\n}\n\n/* Months dropdown selectors */\n.flatpickr-monthDropdown-months {\n  width: 108px !important;\n  height: calc(var(--space-unit) * 5.5) !important;\n  padding-left: var(--space-unit) !important;\n  background: var(--color-surface01) !important;\n  color: var(--color-default-text) !important;\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  outline: 1px solid black !important;\n}\n\n.flatpickr-monthDropdown-months:hover,\n.flatpickr-monthDropdown-months:focus {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n/* Year toggle selectors */\n.flatpickr-current-month > .numInputWrapper {\n  display: flex;\n  width: calc(var(--space-unit) * 10);\n  height: calc(var(--space-unit) * 5.5) !important;\n  background: var(--color-surface01) !important;\n  color: var(--color-default-text);\n  outline: 1px solid black !important;\n}\n\n.flatpickr-current-month > .numInputWrapper:hover,\n.flatpickr-current-month > .numInputWrapper:focus-within {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n.flatpickr-current-month > .numInputWrapper > input {\n  padding: 0 calc(var(--space-unit) * 3) 0 var(--space-unit);\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  text-align: center;\n}\n\n/* Weekdays selectors */\n.flatpickr-weekdays {\n  height: calc(var(--space-unit) * 6);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n.flatpickr-weekday {\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n}\n\n/* Calendar days and months selectors */\n.flatpickr-day,\n.flatpickr-monthSelect-month {\n  width: calc(var(--space-unit) * 6) !important;\n  max-width: 100% !important;\n  height: calc(var(--space-unit) * 6) !important;\n  border: none;\n  margin: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  font-size: var(--font-size-3) !important;\n  line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-day {\n  width: calc(var(--space-unit) * 6) !important;\n  border: none;\n  line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-monthSelect-month {\n  width: calc(var(--space-unit) * 14) !important;\n  padding: 0 !important;\n  border: 2px solid var(--color-surface01) !important;\n  line-height: calc(var(--space-unit) * 5) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled):hover,\n.flatpickr-day:not(.flatpickr-disabled):active,\n.flatpickr-day:not(.flatpickr-disabled):focus,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,\n.flatpickr-day:not(.flatpickr-disabled).selected:hover,\n.flatpickr-day:not(.flatpickr-disabled).selected:active,\n.flatpickr-day:not(.flatpickr-disabled).selected:focus,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:active,\n.flatpickr-monthSelect-month:focus {\n  border-color: var(--color-hover-primary) !important;\n  background-color: var(--color-hover-primary) !important;\n  color: var(--color-text-inverse) !important;\n}\n\n.flatpickr-day.today,\n.flatpickr-monthSelect-month.today {\n  border: 2px solid var(--color-hover-primary) !important;\n}\n\n.flatpickr-day.selected:not(.flatpickr-disabled),\n.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled) {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-weekday:nth-child(6),\n.flatpickr-weekday:nth-child(7),\n.flatpickr-day:nth-child(7n + 6),\n.flatpickr-day:nth-child(7n + 7) {\n  font-weight: var(--font-sb) !important;\n}\n\n/* Date and time selectors */\n.flatpickr-time {\n  display: block;\n  height: 90px !important;\n  max-height: 90px !important;\n  text-align: left;\n}\n\n.flatpickr-time::before {\n  display: block;\n  width: 100%;\n  padding-left: var(--space-unit);\n  color: var(--color-default-text) !important;\n  content: \"Orario\";\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  text-transform: uppercase;\n}\n\n.flatpickr-time.time24hr {\n  margin: calc(var(--space-unit) * 2) !important;\n}\n\n.flatpickr-time.time24hr > .numInputWrapper > input:hover,\n.flatpickr-time.time24hr > .numInputWrapper > input:focus,\n.flatpickr-time.time24hr > .numInputWrapper:hover {\n  background-color: var(--color-surface01) !important;\n}\n\n.flatpickr-time.time24hr > div {\n  width: calc(var(--space-unit) * 10) !important;\n  height: calc(var(--space-unit) * 5.5) !important;\n  margin-right: var(--space-unit) !important;\n  margin-left: var(--space-unit) !important;\n}\n\n.flatpickr-time-separator {\n  display: flex;\n  height: calc(var(--space-unit) * 5.5) !important;\n  align-items: center;\n  justify-content: center;\n  font-weight: unset !important;\n}\n\n.flatpickr-minute,\n.flatpickr-hour {\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  outline: 1px solid black !important;\n}\n\n.numInputWrapper:hover .flatpickr-minute,\n.numInputWrapper:hover .flatpickr-hour,\n.flatpickr-minute:focus,\n.flatpickr-hour:focus {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n/* toggle arrows selectors */\n.arrowUp,\n.arrowDown {\n  width: calc(var(--space-unit) * 2) !important;\n  height: calc(var(--space-unit) * 2) !important;\n  padding: 0 !important;\n  border: none !important;\n  opacity: 1 !important;\n}\n\n.arrowUp {\n  margin-top: calc(var(--space-unit) / 2) !important;\n  margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowDown {\n  top: auto !important;\n  margin-top: calc(var(--space-unit) * 3) !important;\n  margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowUp:hover,\n.arrowDown:hover {\n  border-color: var(--color-primary03) !important;\n  background-color: var(--color-primary03) !important;\n  border-radius: var(--border-radius);\n  color: var(--color-hover-primary) !important;\n}\n\n.arrowUp:active,\n.arrowDown:active {\n  border-color: var(--color-surface01) !important;\n  background-color: var(--color-surface01) !important;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2) !important;\n  color: var(--color-primary01) !important;\n}\n\n.arrowUp::after,\n.arrowDown::after {\n  padding: 2.5px !important;\n  border: solid var(--color-primary01) !important;\n  border-width: 0 1px 1px 0 !important;\n}\n\n.arrowUp::after {\n  top: 0 !important;\n  margin-top: 6px !important;\n  margin-left: 5.5px !important;\n  transform: rotate(-135deg);\n}\n\n.arrowDown::after {\n  top: 0 !important;\n  left: 5.5px !important;\n  margin-top: 4px !important;\n  transform: rotate(45deg);\n}\n\n/* range-date-picker selectors */\n\n.flatpickr-day:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,\n.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover {\n  border-color: var(--color-hover-primary) !important;\n  background-color: var(--color-hover-primary) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).inRange,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange {\n  border-color: var(--color-primary03);\n  background-color: var(--color-primary03);\n}\n\n.flatpickr-day:not(.flatpickr-disabled).startRange,\n.flatpickr-day:not(.flatpickr-disabled).endRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-range.second-input {\n  cursor: pointer;\n}\n\n.range-pickers-container {\n  display: flex;\n  gap: 16px;\n}\n","import { h } from \"@stencil/core\";\nimport flatpickr from \"flatpickr\";\nimport { Italian } from \"flatpickr/dist/l10n/it.js\";\nimport monthSelectPlugin from \"flatpickr/dist/plugins/monthSelect\";\nimport { InputType, ZDatePickerMode, ZDatePickerPosition } from \"../../../beans\";\nimport { setAriaOptions, setFlatpickrPosition, validateDate } from \"../utils\";\nexport class ZDatePicker {\n    constructor() {\n        this.datePickerId = undefined;\n        this.ariaLabel = \"\";\n        this.label = undefined;\n        this.mode = ZDatePickerMode.DATE;\n        this.name = undefined;\n        this.value = undefined;\n        this.flatpickrPosition = ZDatePickerPosition.BOTTOM;\n        this.inputError = false;\n    }\n    emitDateSelect(date) {\n        this.dateSelect.emit(date);\n    }\n    handleKeyDown(ev) {\n        var _a, _b, _c, _d, _e, _f, _g;\n        if (ev.key === \"Escape\") {\n            (_a = this.picker) === null || _a === void 0 ? void 0 : _a.close();\n        }\n        if (ev.key === \"Enter\" || ev.key === \" \") {\n            !this.hasChildren && ((_b = this.picker) === null || _b === void 0 ? void 0 : _b.open());\n            const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n            if (isCrossIconEntered) {\n                this.inputError = false;\n                (_c = this.picker) === null || _c === void 0 ? void 0 : _c.setDate([]);\n                this.dateSelect.emit(null);\n            }\n            const flatpickrDayPressed = document.activeElement.classList.contains(\"flatpickr-day\");\n            if (flatpickrDayPressed) {\n                //Sistemare il toggle\n            }\n            const isPrevArrowEntered = document.activeElement.classList.contains(\"flatpickr-prev-month\");\n            const isNextArrowEntered = document.activeElement.classList.contains(\"flatpickr-next-month\");\n            const arrowPressed = isPrevArrowEntered || isNextArrowEntered;\n            arrowPressed && ev.key === \" \" && ev.preventDefault();\n            if (this.mode === ZDatePickerMode.MONTHS) {\n                isPrevArrowEntered && ((_d = this.picker) === null || _d === void 0 ? void 0 : _d.changeYear(this.picker.currentYear - 1));\n                isNextArrowEntered && ((_e = this.picker) === null || _e === void 0 ? void 0 : _e.changeYear(this.picker.currentYear + 1));\n                if (arrowPressed) {\n                    const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[0];\n                    const months = calendar === null || calendar === void 0 ? void 0 : calendar.querySelectorAll(\".flatpickr-monthSelect-month\");\n                    months === null || months === void 0 ? void 0 : months.forEach((element) => {\n                        var _a;\n                        element.setAttribute(\"aria-label\", `${element.innerHTML} ${(_a = this.picker) === null || _a === void 0 ? void 0 : _a.currentYear}`);\n                    });\n                    //Force check of the current day\n                    months &&\n                        Array.from(months).forEach((element, index) => {\n                            var _a;\n                            const curMonth = new Date().getMonth();\n                            const curYear = new Date().getFullYear();\n                            if (index === curMonth) {\n                                if (((_a = this.picker) === null || _a === void 0 ? void 0 : _a.currentYear) === curYear) {\n                                    element.setAttribute(\"class\", \"flatpickr-monthSelect-month today\");\n                                }\n                                else {\n                                    element.setAttribute(\"class\", \"flatpickr-monthSelect-month\");\n                                }\n                            }\n                        });\n                }\n            }\n            else {\n                isPrevArrowEntered && ((_f = this.picker) === null || _f === void 0 ? void 0 : _f.changeMonth(-1));\n                isNextArrowEntered && ((_g = this.picker) === null || _g === void 0 ? void 0 : _g.changeMonth(1));\n            }\n        }\n    }\n    componentWillLoad() {\n        const customToggle = this.element.querySelector(\"[slot=toggle]\");\n        this.hasChildren = !!customToggle;\n        this.hasChildren && customToggle.setAttribute(\"data-toggle\", \"data-toggle\");\n    }\n    componentDidLoad() {\n        this.setupPickers();\n    }\n    setupPickers() {\n        const classToAppend = this.hasChildren ? `${this.datePickerId}-hidden` : `${this.datePickerId}-container`;\n        this.picker = flatpickr(`.${classToAppend}`, {\n            appendTo: this.element.children[0],\n            enableTime: this.mode === ZDatePickerMode.DATE_TIME,\n            locale: Italian,\n            allowInput: true,\n            dateFormat: this.mode === ZDatePickerMode.DATE_TIME ? \"d-m-Y - H:i\" : \"d-m-Y\",\n            ariaDateFormat: this.mode === ZDatePickerMode.MONTHS ? \"F Y\" : \"d F Y\",\n            minuteIncrement: 1,\n            // eslint-disable-next-line @typescript-eslint/naming-convention\n            time_24hr: true,\n            onChange: (_selectedDates, dateStr) => {\n                this.emitDateSelect(dateStr);\n            },\n            onOpen: () => {\n                setAriaOptions(this.element, this.mode);\n                this.flatpickrPosition = setFlatpickrPosition(this.element, this.mode);\n            },\n            onKeyDown: () => {\n                setAriaOptions(this.element, this.mode);\n            },\n            wrap: true,\n            plugins: this.mode === ZDatePickerMode.MONTHS && [\n                monthSelectPlugin({\n                    dateFormat: \"m-Y\",\n                    altFormat: \"m-Y\",\n                }),\n            ],\n        });\n        this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n            element.innerHTML = element.innerHTML.trim().charAt(0);\n        });\n    }\n    formatDate(date) {\n        if (this.mode === ZDatePickerMode.DATE) {\n            return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n        }\n        else if (this.mode === ZDatePickerMode.MONTHS) {\n            return `${flatpickr.formatDate(date, \"m-Y\")}`;\n        }\n        return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n    }\n    onStopTyping(value) {\n        let text = value.detail.value;\n        if (this.mode === ZDatePickerMode.MONTHS) {\n            text = \"01-\".concat(value.detail.value);\n        }\n        const englishData = text.split(\"-\");\n        const time = this.mode === ZDatePickerMode.DATE_TIME ? `T${englishData[3]}:00` : \"\";\n        const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(\" \").join(\"\");\n        const isValidDate = validateDate(englishParsedData, this.mode === ZDatePickerMode.DATE_TIME);\n        if (text === \"\") {\n            this.inputError = false;\n            this.picker.setDate([]);\n            this.dateSelect.emit(null);\n        }\n        else if (!isValidDate) {\n            this.inputError = true;\n            this.dateSelect.emit(null);\n        }\n        else if (isValidDate) {\n            this.inputError = false;\n            this.picker.setDate([value.detail.value]);\n            this.dateSelect.emit(this.formatDate(new Date(englishParsedData)));\n        }\n    }\n    renderSlottedContent() {\n        return (h(\"div\", { class: `${this.datePickerId}-hidden` }, h(\"input\", { class: \"hidden-input\", \"data-input\": true, name: this.name, value: this.value }), h(\"slot\", { name: \"toggle\" })));\n    }\n    renderZInput() {\n        return (h(\"div\", { class: `${this.datePickerId}-container` }, h(\"z-input\", { \"data-input\": \"data-input\", ariaLabel: this.ariaLabel, label: this.label, class: this.datePickerId, type: InputType.TEXT, icon: \"event\", message: false, name: this.name, tabindex: \"0\", value: this.value, onStopTyping: (value) => {\n                this.onStopTyping(value);\n            }, onStartTyping: () => {\n                this.inputError = false;\n            } })));\n    }\n    render() {\n        return (h(\"div\", { key: 'db9b98d1f344ed89c8b3b8bdee4c19106167a3eb', class: {\n                \"flatpickr-toggle-container\": true,\n                [this.flatpickrPosition]: true,\n                [this.mode]: true,\n            } }, this.hasChildren ? this.renderSlottedContent() : this.renderZInput()));\n    }\n    static get is() { return \"z-date-picker\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"../styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"../styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"datePickerId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"unique id\"\n                },\n                \"attribute\": \"date-picker-id\",\n                \"reflect\": false\n            },\n            \"ariaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"z-input aria label\"\n                },\n                \"attribute\": \"aria-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"z-input label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"mode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ZDatePickerMode\",\n                    \"resolved\": \"ZDatePickerMode.DATE | ZDatePickerMode.DATE_TIME | ZDatePickerMode.MONTHS\",\n                    \"references\": {\n                        \"ZDatePickerMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ZDatePickerMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[Optional] datepicker mode: date, datetime, only months\"\n                },\n                \"attribute\": \"mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"ZDatePickerMode.DATE\"\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[Optional] the datepicker input name\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[Optional] the datepicker input value\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"flatpickrPosition\": {},\n            \"inputError\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"dateSelect\",\n                \"name\": \"dateSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted when date changes, returns selected date\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"mode\",\n                \"methodName\": \"setupPickers\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-877d6f26.entry.js

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

package/dist/zanichelli-it-frontend-kit/p-877d6f26.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMyzCardList","constructor","hostRef","this","listdata","undefined","renderList","bind","handleSpaceKeyPress","e","url","keyCode","preventDefault","window","open","formatListContent","data","value","isLink","h","role","onKeyPress","href","target","dataArray","map","render","key","JSON","parse"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css?tag=z-myz-card-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js"],"sourcesContent":["*:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\nul {\n  overflow: hidden;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  list-style: none;\n}\n\nul > li {\n  padding-left: 10px;\n  text-indent: -10px;\n}\n\nul > li > a {\n  display: block;\n  padding-top: calc(var(--space-unit) * 0.5);\n  color: var(--color-primary01);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n\nul > li > a::before {\n  padding-right: 5px;\n  content: \"•\";\n}\n\nul > li > span {\n  padding: 0 calc(var(--space-unit) * 2);\n  color: var(--color-surface04);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzCardList {\n    constructor() {\n        this.listdata = undefined;\n        this.renderList = this.renderList.bind(this);\n    }\n    handleSpaceKeyPress(e, url) {\n        if (e.keyCode == 32 || e.keyCode == 13) {\n            e.preventDefault();\n            window.open(url, \"_blank\");\n        }\n    }\n    formatListContent(data) {\n        const { value, isLink, url } = data;\n        if (!isLink) {\n            return h(\"span\", null, value);\n        }\n        return (h(\"a\", { role: \"button\", onKeyPress: (e) => this.handleSpaceKeyPress(e, url), href: url, target: \"_blank\" }, value));\n    }\n    renderList(dataArray) {\n        return dataArray.map((data) => {\n            return h(\"li\", null, this.formatListContent(data));\n        });\n    }\n    render() {\n        return h(\"ul\", { key: '3566e9f9ffc6455e59d82e26d44bb5a2cb396956' }, this.renderList(JSON.parse(this.listdata)));\n    }\n    static get is() { return \"z-myz-card-list\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"listdata\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"list data stringified array\"\n                },\n                \"attribute\": \"listdata\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"2CAAA,MAAMA,EAAY,qvB,MCCLC,EAAY,MACrB,WAAAC,CAAAC,G,UACIC,KAAKC,SAAWC,UAChBF,KAAKG,WAAaH,KAAKG,WAAWC,KAAKJ,KAC1C,CACD,mBAAAK,CAAoBC,EAAGC,GACnB,GAAID,EAAEE,SAAW,IAAMF,EAAEE,SAAW,GAAI,CACpCF,EAAEG,iBACFC,OAAOC,KAAKJ,EAAK,S,EAGzB,iBAAAK,CAAkBC,GACd,MAAMC,MAAEA,EAAKC,OAAEA,EAAMR,IAAEA,GAAQM,EAC/B,IAAKE,EAAQ,CACT,OAAOC,EAAE,OAAQ,KAAMF,E,CAE3B,OAAQE,EAAE,IAAK,CAAEC,KAAM,SAAUC,WAAaZ,GAAMN,KAAKK,oBAAoBC,EAAGC,GAAMY,KAAMZ,EAAKa,OAAQ,UAAYN,E,CAEzH,UAAAX,CAAWkB,GACP,OAAOA,EAAUC,KAAKT,GACXG,EAAE,KAAM,KAAMhB,KAAKY,kBAAkBC,K,CAGpD,MAAAU,GACI,OAAOP,EAAE,KAAM,CAAEQ,IAAK,4CAA8CxB,KAAKG,WAAWsB,KAAKC,MAAM1B,KAAKC,W","ignoreList":[]}