@zanichelli/albe-web-components 17.0.4 → 17.0.5-RC2

package/dist/esm-es5/z-card.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCardStyle0","ZCard","prototype","componentWillLoad","this","hasCoverImage","host","querySelector","renderColorCoverCard","h","class","name","renderContent","render","variant","CardVariant","TEXT","Host","OVERLAY","coverIcon"],"sources":["src/components/z-card/styles.css?tag=z-card&encapsulation=shadow","src/components/z-card/index.tsx"],"sourcesContent":["/* The width of the card must be set by its container,\nrespecting the grid indications of the design. */\n\n:host {\n  /* Override this var to change the cover's aspect ratio */\n  --aspect-ratio: 1.62;\n  --z-card--border-color: var(--gray200);\n  --z-card--color-cover-background: var(--color-surface01);\n  --z-card--text-background: var(--color-surface01);\n  --z-card--text-border-radius: none;\n  --z-card--text-border: none;\n  --z-card--text-padding: calc(var(--space-unit) * 2) var(--space-unit);\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n*,\n::slotted(*) {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host(:not([variant=\"overlay\"])) .cover-container {\n  position: relative;\n  width: 100%;\n}\n\n/* Old good trick with percentage padding to keep the aspect ratio.\nUnfortunately the `aspect-ratio` property is still experimental */\n.cover-container {\n  padding-bottom: calc(100% / var(--aspect-ratio));\n}\n\n::slotted([slot=\"cover\"]),\n.color-cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.cover-container > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 11);\n  --z-icon-height: var(--z-icon-width);\n\n  position: absolute;\n  top: calc(50% - calc(var(--z-icon-height) / 2));\n  left: calc(50% - calc(var(--z-icon-width) / 2));\n  fill: var(--color-primary01);\n}\n\n.color-cover {\n  background-color: var(--z-card--color-cover-background);\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--space-unit);\n}\n\n.color-cover .cover-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: var(--space-unit);\n}\n\n/* Truncates overflowing text */\n::slotted([slot=\"metadata\"]),\n::slotted([slot=\"title\"]),\n::slotted([slot=\"text\"]) {\n  display: -webkit-inline-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n}\n\n::slotted([slot=\"title\"]:not(:last-child)),\n::slotted([slot=\"text\"]:not(:last-child)) {\n  margin-bottom: var(--space-unit);\n}\n\n::slotted([slot=\"title\"])::before {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: \"\";\n}\n\n::slotted([slot=\"metadata\"]:not(:last-child)) {\n  margin: 0 0 calc(var(--space-unit) * 0.25);\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  text-transform: uppercase;\n}\n\n::slotted([slot=\"title\"]) {\n  margin: 0;\n  color: inherit;\n  font-size: inherit;\n  font-weight: var(--font-sb);\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-decoration: none;\n}\n\n::slotted([slot=\"title\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n::slotted([slot=\"text\"]) {\n  margin: 0;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n}\n\n.actions {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n::slotted([slot=\"action\"]:not(:last-child)) {\n  margin-right: calc(var(--space-unit) * 2);\n}\n\n::slotted([slot=\"action\"]:focus) {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible)::before {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible) {\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n:host([variant=\"text\"]) {\n  border: var(--z-card--text-border);\n  background-color: var(--z-card--text-background);\n  border-radius: var(--z-card--text-border-radius);\n}\n\n:host([show-shadow]) > .content,\n:host([variant=\"border\"]) > .content,\n:host([variant=\"shadow\"]) > .content {\n  height: 100%;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n}\n\n:host([variant=\"text\"]) > .content {\n  padding: var(--z-card--text-padding);\n}\n\n:host([variant=\"border\"]) .actions,\n:host([variant=\"shadow\"]) .actions {\n  margin-top: auto;\n}\n\n/* Border */\n:host([variant=\"border\"]) {\n  border: var(--border-size-small) solid var(--z-card--border-color);\n}\n\n:host([variant=\"border\"][clickable]:hover) > .content {\n  background: var(--color-background);\n}\n\n:host([variant=\"border\"][clickable]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([variant=\"border\"][clickable]:active) {\n  border-color: transparent;\n}\n\n/* Shadow */\n:host([variant=\"shadow\"]),\n:host([show-shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\n:host([variant=\"shadow\"][clickable]:hover),\n:host([clickable][show-shadow]:hover) {\n  box-shadow: var(--shadow-4);\n}\n\n:host([variant=\"shadow\"][clickable]:focus:focus-visible),\n:host([clickable][show-shadow]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([variant=\"shadow\"][clickable]:active),\n:host([clickable][show-shadow]:active) {\n  box-shadow: none;\n}\n\n/* Overlay */\n:host([variant=\"overlay\"]) .content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  justify-content: flex-end;\n  padding: var(--space-unit);\n  background-image: linear-gradient(to top, rgb(0 0 0 / 100%), rgb(0 0 0 / 0%));\n  color: var(--color-text-inverse);\n  fill: var(--color-text-inverse);\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport {CardVariant} from \"../../beans\";\n\n/**\n * ZCard component.\n * @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`\n * @cssprop --z-card--border-color - Default: `var(--gray200)`\n * @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-border-radius - Default: `none`\n * @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`\n * @cssprop --z-card--text-padding - Configure CSS `padding`. Default: `none`\n * @slot cover - Image cover\n * @slot metadata - Metadata\n * @slot title - Title\n * @slot text - Text content\n * @slot action - Actions\n */\n@Component({\n  tag: \"z-card\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCard {\n  /**\n   * Card variant.\n   * Can be one of \"text\", \"border\", \"shadow\", \"overlay\".\n   * Leave it undefined for the default card.\n   */\n  @Prop({reflect: true})\n  variant: CardVariant;\n\n  /** Name of the icon to place over the image cover */\n  @Prop()\n  coverIcon: string;\n\n  /** Enable shadow. Default: false. */\n  @Prop({reflect: true})\n  showShadow = false;\n\n  /** Enable \"clickable\" styles like hover background and cursor, focus shadow on the whole card, etc. */\n  @Prop({reflect: true})\n  clickable = false;\n\n  @Element() host: HTMLZCardElement;\n\n  @State()\n  hasCoverImage: boolean;\n\n  componentWillLoad(): void {\n    this.hasCoverImage = this.host.querySelector('[slot=\"cover\"]') !== null;\n  }\n\n  /**\n   * Template for a card without image cover.\n   * A colored background replaces the image and some data is moved over it.\n   */\n  private renderColorCoverCard(): HTMLDivElement[] {\n    return [\n      <div class=\"cover-container\">\n        <div class=\"color-cover\">\n          <div class=\"cover-content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n          </div>\n        </div>\n      </div>,\n      <div class=\"content\">\n        <slot name=\"text\"></slot>\n        <div class=\"actions\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>,\n    ];\n  }\n\n  /**\n   * Template for the content.\n   */\n  private renderContent(): HTMLDivElement {\n    return (\n      <div class=\"content\">\n        <slot name=\"metadata\"></slot>\n        <slot name=\"title\"></slot>\n        <slot name=\"text\"></slot>\n        <div class=\"actions\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZCardElement {\n    if (this.variant === CardVariant.TEXT) {\n      return <Host>{this.renderContent()}</Host>;\n    }\n\n    if (this.variant === CardVariant.OVERLAY || this.hasCoverImage) {\n      return (\n        <Host>\n          <div class=\"cover-container\">\n            {this.hasCoverImage && [\n              <slot name=\"cover\"></slot>,\n              this.variant !== CardVariant.OVERLAY && this.coverIcon && <z-icon name={this.coverIcon}></z-icon>,\n            ]}\n            {!this.hasCoverImage && <div class=\"color-cover\"></div>}\n          </div>\n          {this.renderContent()}\n        </Host>\n      );\n    }\n\n    return <Host>{this.renderColorCoverCard()}</Host>;\n  }\n}\n"],"mappings":"qIAAA,IAAMA,UAAY,k6JAClB,IAAAC,YAAeD,U,ICsBFE,MAAK,W,uGAeH,M,eAID,M,6BAOZA,EAAAC,UAAAC,kBAAA,WACEC,KAAKC,cAAgBD,KAAKE,KAAKC,cAAc,oBAAsB,I,EAO7DN,EAAAC,UAAAM,qBAAA,WACN,MAAO,CACLC,EAAA,OAAKC,MAAM,mBACTD,EAAA,OAAKC,MAAM,eACTD,EAAA,OAAKC,MAAM,iBACTD,EAAA,QAAME,KAAK,aACXF,EAAA,QAAME,KAAK,aAIjBF,EAAA,OAAKC,MAAM,WACTD,EAAA,QAAME,KAAK,SACXF,EAAA,OAAKC,MAAM,WACTD,EAAA,QAAME,KAAK,a,EASXV,EAAAC,UAAAU,cAAA,WACN,OACEH,EAAA,OAAKC,MAAM,WACTD,EAAA,QAAME,KAAK,aACXF,EAAA,QAAME,KAAK,UACXF,EAAA,QAAME,KAAK,SACXF,EAAA,OAAKC,MAAM,WACTD,EAAA,QAAME,KAAK,Y,EAMnBV,EAAAC,UAAAW,OAAA,WACE,GAAIT,KAAKU,UAAYC,YAAYC,KAAM,CACrC,OAAOP,EAACQ,KAAI,KAAEb,KAAKQ,gB,CAGrB,GAAIR,KAAKU,UAAYC,YAAYG,SAAWd,KAAKC,cAAe,CAC9D,OACEI,EAACQ,KAAI,KACHR,EAAA,OAAKC,MAAM,mBACRN,KAAKC,eAAiB,CACrBI,EAAA,QAAME,KAAK,UACXP,KAAKU,UAAYC,YAAYG,SAAWd,KAAKe,WAAaV,EAAA,UAAQE,KAAMP,KAAKe,cAE7Ef,KAAKC,eAAiBI,EAAA,OAAKC,MAAM,iBAEpCN,KAAKQ,gB,CAKZ,OAAOH,EAACQ,KAAI,KAAEb,KAAKI,uB,kIAzFL,G","ignoreList":[]}

package/dist/esm-es5/z-carousel.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{Q as CarouselArrowsPosition,R as CarouselProgressMode,B as ButtonVariant}from"./index-ee40e66b.js";var stylesCss=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0;}:host([single]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host([single]) .z-carousel-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}.z-carousel-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.z-carousel-title{margin-bottom:calc(var(--space-unit) * 2)}.z-carousel-wrapper{position:relative}.z-carousel-items-container{display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-direction:row;flex-direction:row;margin:0;-webkit-box-shadow:var(--z-carousel-items-shadow, none);box-shadow:var(--z-carousel-items-shadow, none);-webkit-column-gap:var(--z-carousel-gutter);-moz-column-gap:var(--z-carousel-gutter);column-gap:var(--z-carousel-gutter);list-style:none;-ms-overflow-style:none;overflow-x:scroll;-webkit-padding-start:0;padding-inline-start:0;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container ::slotted(*){scroll-snap-align:center}.z-carousel-navigation-arrow[hidden]{display:none}.z-carousel-navigation-arrow[data-direction]{position:absolute;z-index:1;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}.z-carousel-navigation-arrow[data-direction="next"]{right:0}:host(:not([fixed-arrows])) .z-carousel-wrapper .z-carousel-navigation-arrow{display:none}.z-carousel-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:calc(var(--space-unit) * 3);-moz-column-gap:calc(var(--space-unit) * 3);column-gap:calc(var(--space-unit) * 3)}:host([arrows-position="bottom"]) .z-carousel-footer{margin-top:calc(var(--space-unit) * 0.75)}.z-carousel-footer .numbers-progress,.z-carousel-footer .dots-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.z-carousel-footer .dots-progress{-webkit-column-gap:calc(var(--space-unit) * 3);-moz-column-gap:calc(var(--space-unit) * 3);column-gap:calc(var(--space-unit) * 3)}:host(:not([arrows-position="bottom"])) .z-carousel-footer .dots-progress{margin-top:calc(var(--space-unit) * 2)}.z-carousel-footer .dots-progress button{display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3);-ms-flex-align:center;align-items:center;padding:0;border:none;margin:0;background-color:var(--color-surface03);border-radius:calc(var(--space-unit) * 3)}.z-carousel-footer .dots-progress button.current{background-color:var(--color-primary01)}.z-carousel-footer .dots-progress button:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}.z-carousel-footer .dots-progress button:not(.current){cursor:pointer}.z-carousel-footer .numbers-progress{-webkit-column-gap:calc(var(--space-unit) / 2);-moz-column-gap:calc(var(--space-unit) / 2);column-gap:calc(var(--space-unit) / 2)}:host(:not([arrows-position="bottom"])) .z-carousel-footer .numbers-progress{margin-top:var(--space-unit)}.z-carousel-footer .numbers-progress .current{font-weight:var(--font-sb)}@media (min-width: 768px){:host(:not([fixed-arrows])) .z-carousel-wrapper:hover .z-carousel-navigation-arrow:not([hidden]){display:-ms-flexbox;display:flex}}';var ZCarouselStyle0=stylesCss;var ZCarousel=function(){function t(t){registerInstance(this,t);this.indexChange=createEvent(this,"indexChange",7);this.scrollingTo=null;this.isLoading=undefined;this.label=undefined;this.single=false;this.arrowsPosition=undefined;this.progressMode=undefined;this.fixedArrows=true;this.ghostLoadingHeight=100;this.infinite=false;this.current=0;this.items=undefined;this.highlightedIndicator=undefined;this.canNavigatePrev=undefined;this.canNavigateNext=undefined}t.prototype.onIndexChange=function(){this.indexChange.emit({currentItem:this.current})};t.prototype.onSingleModeChange=function(){if(this.single&&!this.intersectionObserver){this.setIntersectionObserver()}};t.prototype.onInfiniteModeChange=function(){this.checkNavigationValidity()};t.prototype.setIntersectionObserver=function(){var t=this;this.intersectionObserver=new IntersectionObserver((function(s){var e=s.find((function(t){var s=t.isIntersecting;return s}));if(!e){return}var i=t.items.findIndex((function(t){return t===e.target}));t.highlightedIndicator=i;if(t.scrollingTo!==null&&i!==t.scrollingTo){return}t.scrollingTo=null;t.current=i}),{root:this.itemsContainer,threshold:.5});this.items.forEach((function(s){return t.intersectionObserver.observe(s)}))};t.prototype.onSlotChange=function(){this.items=Array.from(this.host.children);this.checkNavigationValidity();this.setIntersectionObserver();this.goTo(this.current)};t.prototype.onPrev=function(){if(this.single){this.goTo(this.infinite&&this.current-1<0?this.items.length-1:Math.max(0,this.current-1));return}this.itemsContainer.scrollBy({left:this.infinite&&this.itemsContainer.scrollLeft==0?this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth:-this.itemsContainer.clientWidth/2,behavior:"smooth"})};t.prototype.onNext=function(){if(this.single){var t=this.infinite&&this.current+1>this.items.length-1?0:Math.min(this.current+1,this.items.length-1);return this.goTo(t)}this.itemsContainer.scrollBy({left:this.infinite&&this.itemsContainer.scrollLeft==this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth?-this.itemsContainer.scrollWidth:this.itemsContainer.clientWidth/2,behavior:"smooth"})};t.prototype.checkNavigationValidity=function(){if(this.single){this.canNavigatePrev=this.current>0;this.canNavigateNext=this.current<this.items.length-1;return}this.canNavigatePrev=this.itemsContainer.scrollLeft>0;this.canNavigateNext=this.itemsContainer.scrollLeft<this.itemsContainer.scrollWidth-this.itemsContainer.clientWidth};t.prototype.canShowFooter=function(){if(!this.canNavigatePrev&&!this.canNavigateNext){return false}return this.arrowsPosition===CarouselArrowsPosition.BOTTOM||this.progressMode===CarouselProgressMode.DOTS||this.progressMode===CarouselProgressMode.NUMBERS};t.prototype.goTo=function(t){if(this.current===t){return}this.scrollingTo=t;var s=this.items.slice(0,t).reduce((function(t,s){return t+=s.clientWidth}),0);this.itemsContainer.scroll({left:s,behavior:"smooth"})};Object.defineProperty(t.prototype,"canNavigate",{get:function(){return this.canNavigatePrev||this.canNavigateNext},enumerable:false,configurable:true});t.prototype.setupItems=function(){this.items=Array.from(this.host.children);this.items.forEach((function(t){t.setAttribute("aria-roledescription","slide")}))};t.prototype.componentDidLoad=function(){var t;(t=this.itemsContainer)===null||t===void 0?void 0:t.addEventListener("scroll",this.checkNavigationValidity.bind(this),{passive:true});this.resizeObserver=new ResizeObserver(this.checkNavigationValidity.bind(this));this.resizeObserver.observe(this.itemsContainer);this.setupItems();if(this.single){this.setIntersectionObserver()}this.checkNavigationValidity()};t.prototype.disconnectedCallback=function(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.render=function(){var t=this;if(this.isLoading){return h("div",{class:"z-carousel-container"},this.label&&h("div",{class:"heading-3-sb z-carousel-title"},this.label),h("div",{style:{height:"".concat(this.ghostLoadingHeight,"px")}},h("z-ghost-loading",null)))}return h(Host,null,h("div",{class:"z-carousel-container","aria-roledescription":"carousel","aria-label":this.label||"Carousel"},this.label&&h("div",{class:"z-carousel-title heading-3-sb"},this.label),h("div",{class:"z-carousel-wrapper"},h("z-button",{class:"z-carousel-navigation-arrow",variant:ButtonVariant.SECONDARY,"data-direction":"prev",icon:"arrow-left",onClick:this.onPrev.bind(this),disabled:!this.infinite&&!this.canNavigatePrev,hidden:this.arrowsPosition!==CarouselArrowsPosition.OVER||!this.canNavigate,ariaLabel:this.single?"Mostra l'elemento precedente":"Mostra gli elementi precedenti"}),h("ul",{class:"z-carousel-items-container","aria-atomic":"false","aria-live":"polite",ref:function(s){return t.itemsContainer=s}},h("slot",{onSlotchange:this.onSlotChange.bind(this)})),h("z-button",{class:"z-carousel-navigation-arrow",variant:ButtonVariant.SECONDARY,"data-direction":"next",icon:"arrow-right",onClick:this.onNext.bind(this),disabled:!this.infinite&&!this.canNavigateNext,hidden:this.arrowsPosition!==CarouselArrowsPosition.OVER||!this.canNavigate,ariaLabel:this.single?"Mostra l'elemento successivo":"Mostra gli elementi successivi"}))),this.canShowFooter()&&h("div",{class:"z-carousel-footer"},this.arrowsPosition===CarouselArrowsPosition.BOTTOM&&h("z-button",{class:"z-carousel-navigation-arrow",variant:ButtonVariant.TERTIARY,icon:"arrow-left",onClick:this.onPrev.bind(this),disabled:!this.infinite&&!this.canNavigatePrev,ariaLabel:this.single?"Mostra l'elemento precedente":"Mostra gli elementi precedenti"}),this.progressMode===CarouselProgressMode.DOTS&&this.single&&this.items&&h("div",{class:"dots-progress"},this.items.map((function(s,e){return h("button",{type:"button",class:{current:t.highlightedIndicator===e},"aria-label":t.highlightedIndicator===e?"Elemento corrente":"Spostati all'elemento ".concat(e+1),onClick:function(){return t.goTo(e)}})}))),this.progressMode===CarouselProgressMode.NUMBERS&&this.single&&this.items&&h("div",{class:"numbers-progress interactive-1"},h("span",{class:"current"},this.current+1),h("span",null,"di"),h("span",null,this.items.length)),this.arrowsPosition===CarouselArrowsPosition.BOTTOM&&h("z-button",{class:"z-carousel-navigation-arrow",variant:ButtonVariant.TERTIARY,icon:"arrow-right",onClick:this.onNext.bind(this),disabled:!this.infinite&&!this.canNavigateNext,ariaLabel:this.single?"Mostra l'elemento successivo":"Mostra gli elementi successivi"})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{current:["onIndexChange"],single:["onSingleModeChange"],infinite:["onInfiniteModeChange"]}},enumerable:false,configurable:true});return t}();ZCarousel.style=ZCarouselStyle0;export{ZCarousel as z_carousel};
+//# sourceMappingURL=z-carousel.entry.js.map

package/dist/esm-es5/z-carousel.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCarouselStyle0","ZCarousel","this","scrollingTo","prototype","onIndexChange","indexChange","emit","currentItem","current","onSingleModeChange","single","intersectionObserver","setIntersectionObserver","onInfiniteModeChange","checkNavigationValidity","_this","IntersectionObserver","entries","entry","find","_b","isIntersecting","entryIndex","items","findIndex","item","target","highlightedIndicator","root","itemsContainer","threshold","forEach","element","observe","onSlotChange","Array","from","host","children","goTo","onPrev","infinite","length","Math","max","scrollBy","left","scrollLeft","scrollWidth","clientWidth","behavior","onNext","next","min","canNavigatePrev","canNavigateNext","canShowFooter","arrowsPosition","CarouselArrowsPosition","BOTTOM","progressMode","CarouselProgressMode","DOTS","NUMBERS","index","slice","reduce","acc","scroll","Object","defineProperty","setupItems","setAttribute","componentDidLoad","_a","addEventListener","bind","passive","resizeObserver","ResizeObserver","disconnectedCallback","disconnect","render","isLoading","h","class","label","style","height","concat","ghostLoadingHeight","Host","variant","ButtonVariant","SECONDARY","icon","onClick","disabled","hidden","OVER","canNavigate","ariaLabel","ref","el","onSlotchange","TERTIARY","map","_","type"],"sources":["src/components/z-carousel/styles.css?tag=z-carousel&encapsulation=shadow","src/components/z-carousel/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-carousel-gutter: 0;\n  --z-carousel-items-shadow: ;\n}\n\n:host([single]) {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n:host([single]) .z-carousel-container {\n  width: fit-content;\n  max-width: 100%;\n}\n\n.z-carousel-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.z-carousel-title {\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n.z-carousel-wrapper {\n  position: relative;\n}\n\n.z-carousel-items-container {\n  display: flex;\n  max-width: 100%;\n  flex-direction: row;\n  margin: 0;\n  box-shadow: var(--z-carousel-items-shadow, none);\n  column-gap: var(--z-carousel-gutter);\n  list-style: none;\n  -ms-overflow-style: none; /* IE and Edge */\n  overflow-x: scroll;\n  padding-inline-start: 0;\n  scroll-behavior: smooth;\n  scroll-snap-type: x mandatory;\n\n  /* Hide scrollbar for IE, Edge and Firefox */\n  scrollbar-width: none; /* Firefox */\n}\n\n/* Hide scrollbar for Chrome, Safari and Opera */\n.z-carousel-items-container::-webkit-scrollbar {\n  display: none;\n}\n\n.z-carousel-items-container ::slotted(*) {\n  scroll-snap-align: center;\n}\n\n.z-carousel-navigation-arrow[hidden] {\n  display: none;\n}\n\n.z-carousel-navigation-arrow[data-direction] {\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  transform: translateY(50%);\n}\n\n.z-carousel-navigation-arrow[data-direction=\"next\"] {\n  right: 0;\n}\n\n:host(:not([fixed-arrows])) .z-carousel-wrapper .z-carousel-navigation-arrow {\n  display: none;\n}\n\n.z-carousel-footer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  column-gap: calc(var(--space-unit) * 3);\n}\n\n:host([arrows-position=\"bottom\"]) .z-carousel-footer {\n  margin-top: calc(var(--space-unit) * 0.75);\n}\n\n.z-carousel-footer .numbers-progress,\n.z-carousel-footer .dots-progress {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.z-carousel-footer .dots-progress {\n  column-gap: calc(var(--space-unit) * 3);\n}\n\n:host(:not([arrows-position=\"bottom\"])) .z-carousel-footer .dots-progress {\n  margin-top: calc(var(--space-unit) * 2);\n}\n\n.z-carousel-footer .dots-progress button {\n  display: flex;\n  width: calc(var(--space-unit) * 3);\n  height: calc(var(--space-unit) * 3);\n  align-items: center;\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: var(--color-surface03);\n  border-radius: calc(var(--space-unit) * 3);\n}\n\n.z-carousel-footer .dots-progress button.current {\n  background-color: var(--color-primary01);\n}\n\n.z-carousel-footer .dots-progress button:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-carousel-footer .dots-progress button:not(.current) {\n  cursor: pointer;\n}\n\n.z-carousel-footer .numbers-progress {\n  column-gap: calc(var(--space-unit) / 2);\n}\n\n:host(:not([arrows-position=\"bottom\"])) .z-carousel-footer .numbers-progress {\n  margin-top: var(--space-unit);\n}\n\n.z-carousel-footer .numbers-progress .current {\n  font-weight: var(--font-sb);\n}\n\n@media (min-width: 768px) {\n  :host(:not([fixed-arrows])) .z-carousel-wrapper:hover .z-carousel-navigation-arrow:not([hidden]) {\n    display: flex;\n  }\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, CarouselArrowsPosition, CarouselProgressMode} from \"../../beans\";\n\n/**\n * ZCarousel component.\n * @cssprop --z-carousel-gutter - The gutter between items.\n * @cssprop --z-carousel-items-shadow - The shadow around the items.\n * @slot - Carousel items. Use `<li>` elements inside this slot.\n */\n@Component({\n  tag: \"z-carousel\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCarousel {\n  @Element() host: HTMLZCarouselElement;\n\n  /** The z-carousel is on loading state */\n  @Prop()\n  isLoading: boolean;\n\n  /** The z-carousel title */\n  @Prop()\n  label?: string;\n\n  /** Shows only one content at a time */\n  @Prop({reflect: true})\n  single = false;\n\n  /** Arrow buttons position */\n  @Prop({reflect: true})\n  arrowsPosition?: CarouselArrowsPosition;\n\n  /** Progress indicator type. Only available for `single` mode */\n  @Prop()\n  progressMode?: CarouselProgressMode;\n\n  /**\n   * Whether the navigation arrow buttons over the items are always visible or only on mouse hover.\n   * If set to `false`, the arrows will not be visible on mobile.\n   * Only meaningful with `arrowsPosition` set to `OVER`.\n   */\n  @Prop({reflect: true})\n  fixedArrows = true;\n\n  /** The height of the ghost loader (only visible when `isLoading` is set to `true`) */\n  @Prop()\n  ghostLoadingHeight = 100;\n\n  /** When enabled, navigating next the last item will go back to the first item and vice versa. */\n  @Prop()\n  infinite = false;\n\n  /** Current item index for single mode. */\n  @State()\n  current = 0;\n\n  /** Items on the slider. */\n  @State()\n  items: HTMLLIElement[];\n\n  /** Index of the indicator to highlight. */\n  @State()\n  highlightedIndicator: number;\n\n  @State()\n  canNavigatePrev: boolean;\n\n  @State()\n  canNavigateNext: boolean;\n\n  /** Reference for the items container element. */\n  protected itemsContainer: HTMLUListElement;\n\n  /** Observer that handles current index change when scrolling on single mode. */\n  private intersectionObserver: IntersectionObserver;\n\n  /** Observer to check if navigation can still be enabled/showed when the size of the items' container changes */\n  private resizeObserver: ResizeObserver;\n\n  /** Flag indicating the items container is about to scroll programmatically towards the stored index. */\n  private scrollingTo: number = null;\n\n  /** Emitted on index change and only in `single` mode. */\n  @Event()\n  indexChange: EventEmitter<{currentItem: number}>;\n\n  @Watch(\"current\")\n  onIndexChange(): void {\n    this.indexChange.emit({currentItem: this.current});\n  }\n\n  @Watch(\"single\")\n  onSingleModeChange(): void {\n    if (this.single && !this.intersectionObserver) {\n      this.setIntersectionObserver();\n    }\n  }\n\n  @Watch(\"infinite\")\n  onInfiniteModeChange(): void {\n    this.checkNavigationValidity();\n  }\n\n  /**\n   * Set an intersection observer to:\n   * - highlight the indicator of the intersecting item during scroll\n   * - set the current item to the last intersecting item\n   */\n  private setIntersectionObserver(): void {\n    this.intersectionObserver = new IntersectionObserver(\n      (entries) => {\n        const entry = entries.find(({isIntersecting}) => isIntersecting);\n        if (!entry) {\n          return;\n        }\n\n        const entryIndex = this.items.findIndex((item) => item === entry.target);\n        this.highlightedIndicator = entryIndex;\n\n        /* skip setting the current item if intersection has been triggered by a programmatic scroll\n        (@see `goTo` function) and the final index has not been reached */\n        if (this.scrollingTo !== null && entryIndex !== this.scrollingTo) {\n          return;\n        }\n\n        this.scrollingTo = null;\n        this.current = entryIndex;\n      },\n      {\n        root: this.itemsContainer,\n        threshold: 0.5,\n      }\n    );\n\n    this.items.forEach((element) => this.intersectionObserver.observe(element));\n  }\n\n  /** Update items' list and check conditions to allow navigation */\n  private onSlotChange(): void {\n    this.items = Array.from(this.host.children) as HTMLLIElement[];\n    this.checkNavigationValidity();\n    this.setIntersectionObserver();\n    this.goTo(this.current);\n  }\n\n  private onPrev(): void {\n    if (this.single) {\n      this.goTo(this.infinite && this.current - 1 < 0 ? this.items.length - 1 : Math.max(0, this.current - 1));\n\n      return;\n    }\n\n    this.itemsContainer.scrollBy({\n      left:\n        this.infinite && this.itemsContainer.scrollLeft == 0\n          ? this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth\n          : -this.itemsContainer.clientWidth / 2,\n      behavior: \"smooth\",\n    });\n  }\n\n  private onNext(): void {\n    if (this.single) {\n      const next =\n        this.infinite && this.current + 1 > this.items.length - 1\n          ? 0\n          : Math.min(this.current + 1, this.items.length - 1);\n\n      return this.goTo(next);\n    }\n\n    this.itemsContainer.scrollBy({\n      left:\n        this.infinite &&\n        this.itemsContainer.scrollLeft == this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth\n          ? -this.itemsContainer.scrollWidth\n          : this.itemsContainer.clientWidth / 2,\n      behavior: \"smooth\",\n    });\n  }\n\n  /**\n   * Check if navigation buttons can be enabled and set the related local states.\n   */\n  private checkNavigationValidity(): void {\n    if (this.single) {\n      this.canNavigatePrev = this.current > 0;\n      this.canNavigateNext = this.current < this.items.length - 1;\n\n      return;\n    }\n\n    this.canNavigatePrev = this.itemsContainer.scrollLeft > 0;\n    this.canNavigateNext =\n      this.itemsContainer.scrollLeft < this.itemsContainer.scrollWidth - this.itemsContainer.clientWidth;\n  }\n\n  /**\n   * Check if footer has to be rendered.\n   */\n  private canShowFooter(): boolean {\n    if (!this.canNavigatePrev && !this.canNavigateNext) {\n      return false;\n    }\n\n    return (\n      this.arrowsPosition === CarouselArrowsPosition.BOTTOM ||\n      this.progressMode === CarouselProgressMode.DOTS ||\n      this.progressMode === CarouselProgressMode.NUMBERS\n    );\n  }\n\n  /**\n   * Set current item to passed index.\n   * @param index Index to set\n   */\n  private goTo(index: number): void {\n    if (this.current === index) {\n      return;\n    }\n\n    this.scrollingTo = index;\n    const left = this.items.slice(0, index).reduce((acc, item) => (acc += item.clientWidth), 0);\n    // the scroll will trigger the IntersectionObserver and set the current item\n    this.itemsContainer.scroll({\n      left,\n      behavior: \"smooth\",\n    });\n  }\n\n  /** Check if navigation of at least one direction is enabled */\n  private get canNavigate(): boolean {\n    return this.canNavigatePrev || this.canNavigateNext;\n  }\n\n  private setupItems(): void {\n    this.items = Array.from(this.host.children) as HTMLLIElement[];\n    this.items.forEach((item) => {\n      item.setAttribute(\"aria-roledescription\", \"slide\");\n    });\n  }\n\n  componentDidLoad(): void {\n    this.itemsContainer?.addEventListener(\"scroll\", this.checkNavigationValidity.bind(this), {passive: true});\n    this.resizeObserver = new ResizeObserver(this.checkNavigationValidity.bind(this));\n    this.resizeObserver.observe(this.itemsContainer);\n    this.setupItems();\n    if (this.single) {\n      this.setIntersectionObserver();\n    }\n    this.checkNavigationValidity();\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): HTMLDivElement | HTMLZCarouselElement {\n    if (this.isLoading) {\n      return (\n        <div class=\"z-carousel-container\">\n          {this.label && <div class=\"heading-3-sb z-carousel-title\">{this.label}</div>}\n          <div style={{height: `${this.ghostLoadingHeight}px`}}>\n            <z-ghost-loading></z-ghost-loading>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Host>\n        <div\n          class=\"z-carousel-container\"\n          aria-roledescription=\"carousel\"\n          aria-label={this.label || \"Carousel\"}\n        >\n          {this.label && <div class=\"z-carousel-title heading-3-sb\">{this.label}</div>}\n          <div class=\"z-carousel-wrapper\">\n            <z-button\n              class=\"z-carousel-navigation-arrow\"\n              variant={ButtonVariant.SECONDARY}\n              data-direction=\"prev\"\n              icon=\"arrow-left\"\n              onClick={this.onPrev.bind(this)}\n              disabled={!this.infinite && !this.canNavigatePrev}\n              hidden={this.arrowsPosition !== CarouselArrowsPosition.OVER || !this.canNavigate}\n              ariaLabel={this.single ? \"Mostra l'elemento precedente\" : \"Mostra gli elementi precedenti\"}\n            />\n            <ul\n              class=\"z-carousel-items-container\"\n              aria-atomic=\"false\"\n              aria-live=\"polite\"\n              ref={(el) => (this.itemsContainer = el)}\n            >\n              <slot onSlotchange={this.onSlotChange.bind(this)} />\n            </ul>\n            <z-button\n              class=\"z-carousel-navigation-arrow\"\n              variant={ButtonVariant.SECONDARY}\n              data-direction=\"next\"\n              icon=\"arrow-right\"\n              onClick={this.onNext.bind(this)}\n              disabled={!this.infinite && !this.canNavigateNext}\n              hidden={this.arrowsPosition !== CarouselArrowsPosition.OVER || !this.canNavigate}\n              ariaLabel={this.single ? \"Mostra l'elemento successivo\" : \"Mostra gli elementi successivi\"}\n            />\n          </div>\n        </div>\n\n        {this.canShowFooter() && (\n          <div class=\"z-carousel-footer\">\n            {this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (\n              <z-button\n                class=\"z-carousel-navigation-arrow\"\n                variant={ButtonVariant.TERTIARY}\n                icon=\"arrow-left\"\n                onClick={this.onPrev.bind(this)}\n                disabled={!this.infinite && !this.canNavigatePrev}\n                ariaLabel={this.single ? \"Mostra l'elemento precedente\" : \"Mostra gli elementi precedenti\"}\n              />\n            )}\n            {this.progressMode === CarouselProgressMode.DOTS && this.single && this.items && (\n              <div class=\"dots-progress\">\n                {this.items.map((_, index) => (\n                  <button\n                    type=\"button\"\n                    class={{current: this.highlightedIndicator === index}}\n                    aria-label={\n                      this.highlightedIndicator === index ? \"Elemento corrente\" : `Spostati all'elemento ${index + 1}`\n                    }\n                    onClick={() => this.goTo(index)}\n                  />\n                ))}\n              </div>\n            )}\n            {this.progressMode === CarouselProgressMode.NUMBERS && this.single && this.items && (\n              <div class=\"numbers-progress interactive-1\">\n                <span class=\"current\">{this.current + 1}</span>\n                <span>di</span>\n                <span>{this.items.length}</span>\n              </div>\n            )}\n            {this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (\n              <z-button\n                class=\"z-carousel-navigation-arrow\"\n                variant={ButtonVariant.TERTIARY}\n                icon=\"arrow-right\"\n                onClick={this.onNext.bind(this)}\n                disabled={!this.infinite && !this.canNavigateNext}\n                ariaLabel={this.single ? \"Mostra l'elemento successivo\" : \"Mostra gli elementi successivi\"}\n              />\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/z-chip.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-c8ceadeb.js";import{w as ZChipType}from"./index-ee40e66b.js";var stylesCss=".sc-z-chip-h>.z-chip-container.sc-z-chip{display:-ms-inline-flexbox;display:inline-flex;min-height:28px;-ms-flex-align:center;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--gray400);background-color:var(--color-surface01);border-radius:14px;color:var(--color-default-text);fill:var(--color-default-text);font-family:var(--font-family-sans);font-size:14px;line-height:28px}.sc-z-chip-h>.z-chip-interactive.sc-z-chip{font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip:first-child{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]):hover>z-icon.sc-z-chip:first-child{fill:var(--color-default-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) .interactive-icon.sc-z-chip:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip z-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not([disabled]):active:hover .interactive-icon.sc-z-chip{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}}";var ZChipStyle0=stylesCss;var ZChip=function(){function i(i){registerInstance(this,i);this.interactiveIconClick=createEvent(this,"interactiveIconClick",7);this.icon=undefined;this.type=ZChipType.DEFAULT;this.interactiveIcon=undefined;this.disabled=false;this.ariaLabel=""}i.prototype.render=function(){var i;var c=this;return h("div",{key:"fcd35190df7a13ddacf41430d0b47ab6484110a9",class:(i={"z-chip-container":true,"z-chip-interactive":!!this.interactiveIcon},i[this.type]=true,i),"aria-disabled":this.disabled},this.icon&&h("z-icon",{key:"d9eb68585be8533bb44ba769b34fa8a7163e17fc",name:this.icon}),h("slot",{key:"7ae9a9993086e2dc0489806bbc79bae8b0db20f7"}),this.interactiveIcon&&h("button",{key:"e02544ca3661c6527a915bfdaa6578c64d284b6f",type:"button",onClick:function(){return c.interactiveIconClick.emit()},"aria-label":this.ariaLabel,disabled:this.disabled},h("z-icon",{key:"844d3269ee9f2c0206a4aec3554a4b6581351f10",class:"interactive-icon",name:this.interactiveIcon})))};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();ZChip.style=ZChipStyle0;export{ZChip as z_chip};
+//# sourceMappingURL=z-chip.entry.js.map

package/dist/esm-es5/z-chip.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZChipStyle0","ZChip","ZChipType","DEFAULT","prototype","render","_this","this","h","key","class","_a","interactiveIcon","type","disabled","icon","name","onClick","interactiveIconClick","emit","ariaLabel"],"sources":["src/components/z-chip/styles.css?tag=z-chip&encapsulation=scoped","src/components/z-chip/index.tsx"],"sourcesContent":[":host > .z-chip-container {\n  display: inline-flex;\n  min-height: 28px;\n  align-items: center;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--gray400);\n  background-color: var(--color-surface01);\n  border-radius: 14px;\n  color: var(--color-default-text);\n  fill: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  line-height: 28px;\n}\n\n:host > .z-chip-interactive {\n  font-weight: var(--font-sb);\n}\n\n:host > .z-chip-container > button {\n  padding: 0;\n  border: none;\n  margin-left: var(--space-unit);\n  background-color: transparent;\n  cursor: pointer;\n}\n\n:host > .z-chip-container > z-icon:first-child {\n  margin-right: calc(var(--space-unit) / 2);\n}\n\n:host > .z-chip-container:not([aria-disabled]):hover > z-icon:first-child {\n  fill: var(--color-default-icon);\n}\n\n:host > .z-chip-container .interactive-icon {\n  fill: var(--color-primary01);\n}\n\n:host > .z-chip-container:not([aria-disabled]) .interactive-icon:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\n:host > .z-chip-container[aria-disabled],\n:host > .z-chip-container[aria-disabled] z-icon {\n  color: var(--color-disabled03);\n  cursor: auto;\n  fill: var(--color-disabled03);\n}\n\n:host > .z-chip-container[aria-disabled] {\n  border: var(--border-size-small) solid var(--color-disabled01);\n}\n\n:host > .z-chip-container > button:focus:focus-visible {\n  border-radius: 100%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > button:not([disabled]):active:hover .interactive-icon {\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\n:host > .z-chip-container > z-icon,\n:host > .z-chip-container .interactive-icon {\n  --z-icon-width: 22px;\n  --z-icon-height: 22px;\n}\n\n/* :host type */\n:host > .z-chip-container.default {\n  min-height: 44px;\n  border-radius: 22px;\n  line-height: 44px;\n}\n\n:host > .z-chip-container.medium {\n  min-height: 40px;\n  border-radius: 22px;\n  line-height: 40px;\n}\n\n:host > .z-chip-container.small {\n  min-height: 36px;\n  border-radius: 22px;\n  line-height: 36px;\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .z-chip-container {\n    font-size: 12px;\n  }\n\n  /* :host type */\n  :host > .z-chip-container.default {\n    min-height: 32px;\n    border-radius: 16px;\n    line-height: 32px;\n  }\n\n  :host > .z-chip-container.medium {\n    min-height: 28px;\n    border-radius: 16px;\n    line-height: 28px;\n  }\n\n  :host > .z-chip-container.small {\n    min-height: 24px;\n    border-radius: 16px;\n    line-height: 24px;\n  }\n\n  :host > .z-chip-container > z-icon,\n  :host > .z-chip-container .interactive-icon {\n    --z-icon-width: 14px;\n    --z-icon-height: 14px;\n  }\n}\n","import {Component, Element, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {ZChipType} from \"../../beans\";\n\n@Component({\n  tag: \"z-chip\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZChip {\n  @Element() el: HTMLZChipElement;\n\n  /** Non interactive icon */\n  @Prop()\n  icon?: string;\n\n  /** z-chip size type, can be default, medium or small */\n  @Prop({reflect: true})\n  type?: ZChipType = ZChipType.DEFAULT;\n\n  /** z-chip interactive icon */\n  @Prop({reflect: true})\n  interactiveIcon?: string;\n\n  /** set z-chip as disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** z-chip aria-label string */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** click on interactive icon */\n  @Event()\n  interactiveIconClick: EventEmitter;\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={{\n          \"z-chip-container\": true,\n          \"z-chip-interactive\": !!this.interactiveIcon,\n          [this.type]: true,\n        }}\n        aria-disabled={this.disabled}\n      >\n        {this.icon && <z-icon name={this.icon} />}\n        <slot />\n        {this.interactiveIcon && (\n          <button\n            type=\"button\"\n            onClick={() => this.interactiveIconClick.emit()}\n            aria-label={this.ariaLabel}\n            disabled={this.disabled}\n          >\n            <z-icon\n              class=\"interactive-icon\"\n              name={this.interactiveIcon}\n            />\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"0IAAA,IAAMA,UAAY,8wFAClB,IAAAC,YAAeD,U,ICQFE,MAAK,W,0IASGC,UAAUC,Q,6CAQR,M,eAIT,E,CAMZF,EAAAG,UAAAC,OAAA,W,MAAA,IAAAC,EAAAC,KACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,OAAKC,EAAA,CACH,mBAAoB,KACpB,uBAAwBJ,KAAKK,iBAC7BD,EAACJ,KAAKM,MAAO,K,GACd,gBACcN,KAAKO,UAEnBP,KAAKQ,MAAQP,EAAA,UAAAC,IAAA,2CAAQO,KAAMT,KAAKQ,OACjCP,EAAA,QAAAC,IAAA,6CACCF,KAAKK,iBACJJ,EAAA,UAAAC,IAAA,2CACEI,KAAK,SACLI,QAAS,WAAM,OAAAX,EAAKY,qBAAqBC,MAA1B,EAAgC,aACnCZ,KAAKa,UACjBN,SAAUP,KAAKO,UAEfN,EAAA,UAAAC,IAAA,2CACEC,MAAM,mBACNM,KAAMT,KAAKK,mB,gIAhDP,G","ignoreList":[]}

package/dist/esm-es5/z-combobox.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-c8ceadeb.js";import{I as InputType,e as ControlSize,i as ListSize,g as KeyboardCode,l as ListDividerType}from"./index-ee40e66b.js";import{r as randomId,d as handleKeyboardSubmit}from"./utils-b924649f.js";import"./breakpoints-d148bfde.js";var stylesCss=':host{display:block;font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:-ms-flexbox;display:flex;min-height:42px;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0;color:var(--color-default-text)}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-default-icon);-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 200ms linear;transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-primary01);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-disabled01);fill:var(--color-disabled01)}:host>div.disabled .header>p.body-3{color:var(--color-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-disabled01)}:host>div.open>.header>z-icon{fill:var(--color-default-icon);-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all 200ms linear;transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--color-form-background);border-radius:0}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:auto;margin-top:0;-webkit-box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%);box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>div>div.search>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host>div.open>div.open-combo-data>div>div.search>div>a{display:inline-block;height:44px;color:var(--color-primary01);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search>div>a:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';var ZComboboxStyle0=stylesCss;var ZCombobox=function(){function i(i){registerInstance(this,i);this.comboboxChange=createEvent(this,"comboboxChange",7);this.itemsList=[];this.inputType=InputType.TEXT;this.inputid="combo-".concat(randomId());this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.closesearchtext="Chiudi";this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=ControlSize.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId=undefined;this.checkboxes=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}i.prototype.watchItems=function(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((function(i){return i.checked})).length;this.updateRenderItemsList()};i.prototype.watchSearchValue=function(){this.filterItems(this.searchValue)};i.prototype.watchCheckboxes=function(){this.checkboxes.forEach((function(i,t){return i.setAttribute("tabindex",t===0?"0":"-1")}))};i.prototype.emitComboboxChange=function(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})};i.prototype.componentWillLoad=function(){this.watchItems()};i.prototype.componentWillRender=function(){this.selectedCounter=this.itemsList.filter((function(i){return i.checked})).length};i.prototype.componentDidRender=function(){var i=this.getAllCheckboxes();if(JSON.stringify(i)!==JSON.stringify(this.checkboxes)){this.checkboxes=i}};i.prototype.getItemId=function(i){return"combo-checkbox-".concat(this.inputid,"-").concat(i.id)};i.prototype.getCheckboxClass=function(){return"combo-item-checkbox-input-".concat(this.inputid)};i.prototype.getAllCheckboxes=function(){return Array.from(this.element.shadowRoot.querySelectorAll(".".concat(this.getCheckboxClass()," input:not([disabled])")))};i.prototype.getControlToListSize=function(){switch(this.size){case ControlSize.X_SMALL:return ListSize.SMALL;case ControlSize.SMALL:return ListSize.MEDIUM;default:return ListSize.LARGE}};i.prototype.handleSelectArrowsNavigation=function(i,t){if(![KeyboardCode.ARROW_DOWN,KeyboardCode.ARROW_UP].includes(i.key)||!this.isopen){return}i.preventDefault();i.stopPropagation();var e=this.element.shadowRoot.querySelector("#".concat(t));if(!e){return}var o=this.checkboxes;if(!o.length){return}var r=o.indexOf(e);var s=0;var n=o.length-1;var a=null;if(i.key===KeyboardCode.ARROW_DOWN){a=r===n?o[s]:o[r+1]}else if(i.key===KeyboardCode.ARROW_UP){a=r===s?o[n]:o[r-1]}this.focusComboboxItem(a)};i.prototype.handleHeaderKeyboardEvent=function(i){if(i.key===KeyboardCode.SPACE){i.preventDefault()}if(i.key===KeyboardCode.ARROW_DOWN&&!this.isopen||i.key===KeyboardCode.ARROW_UP&&this.isopen){this.toggleComboBox()}};i.prototype.handleCheckboxFocus=function(i){this.focusedItemId=i};i.prototype.focusComboboxItem=function(i){this.checkboxes.forEach((function(i){i.setAttribute("tabindex","-1")}));i.setAttribute("tabindex","0");i.focus()};i.prototype.updateRenderItemsList=function(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}};i.prototype.resetRenderItemsList=function(){var i=[];this.itemsList.forEach((function(t){i.push(Object.assign({},t))}));this.renderItemsList=i};i.prototype.filterItems=function(i){if(!i){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((function(t){var e=t.name.toUpperCase().indexOf(i.toUpperCase());var o=e+i.length;var r=t.name.substring(0,e)+"<strong>"+t.name.substring(e,o)+"</strong>"+t.name.substring(o,t.name.length);t.name=r;return e>=0}))};i.prototype.checkAll=function(i){if(i===void 0){i=true}this.itemsList=this.itemsList.map((function(t){return Object.assign(Object.assign({},t),{checked:i})}));this.resetRenderItemsList();this.emitComboboxChange()};i.prototype.closeFilterItems=function(){this.searchValue="";this.resetRenderItemsList()};i.prototype.toggleComboBox=function(){this.isopen=!this.isopen};i.prototype.getComboboxA11yAttributes=function(){return{role:"combobox","aria-label":this.label,"aria-expanded":this.isopen?"true":"false","aria-activedescendant":this.isopen?this.focusedItemId:"","aria-controls":"".concat(this.inputid,"_list")}};i.prototype.renderHeader=function(){var i=this;return h("div",{class:"header",onClick:function(){return i.toggleComboBox()},onKeyDown:function(t){i.handleHeaderKeyboardEvent(t)},onKeyUp:function(t){return handleKeyboardSubmit(t,i.toggleComboBox)},role:"button",tabindex:0,"aria-expanded":this.isopen?"true":"false"},h("p",{class:"body-3"},this.label,h("span",null,this.selectedCounter>0&&" (".concat(this.selectedCounter,")"))),h("z-icon",{name:"caret-down",class:this.size}))};i.prototype.renderContent=function(){if(!this.isopen){return}return h("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),!this.hassearch?h("span",Object.assign({},this.getComboboxA11yAttributes())):null,h("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":true,id:"".concat(this.inputid,"_list"),"aria-owns":"".concat(this.checkboxes.map((function(i){return i.id})).join(" "))},this.hascheckall&&this.renderCheckAll(),this.renderItems()))};i.prototype.renderItems=function(){return h("div",{class:this.searchValue&&"search"},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())};i.prototype.renderItem=function(i,t,e){var o=this;return h("z-list-element",{id:i.id,htmlTabindex:null,dividerType:t!==e-1?ListDividerType.ELEMENT:ListDividerType.NONE,size:this.getControlToListSize()},h("z-input",{type:InputType.CHECKBOX,checked:i.checked,htmlid:this.getItemId(i),label:i.name,class:this.getCheckboxClass(),disabled:!i.checked&&this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems,size:this.size===ControlSize.X_SMALL?ControlSize.SMALL:this.size,role:"option","aria-selected":i.checked?"true":"false",onKeyDown:function(t){return o.handleSelectArrowsNavigation(t,o.getItemId(i))},onInputCheck:function(t){o.itemsList=o.itemsList.map((function(e){if(i.id===e.id){e.checked=t.detail.checked}return e}));o.updateRenderItemsList();o.emitComboboxChange()},onInputFocus:function(i){return o.handleCheckboxFocus(i.detail.id)}}))};i.prototype.renderList=function(i){var t=this;if(!i){return}if(!i.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(i)}return h("ul",{role:"none"},i.map((function(e,o){return t.renderItem(e,o,i.length)})))};i.prototype.renderGroups=function(i){var t=this;var e=i.reduce((function(e,o,r){var s;var n=o.category;var a=t.renderItem(o,r,i.length);e[n]=(s=e[n])!==null&&s!==void 0?s:[];e[n].push(a);return e}),{});var o=Object.entries(e).map((function(i){var t=i[0],e=i[1];return h("z-list-group",{"divider-type":ListDividerType.ELEMENT},h("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),e.map((function(i){return i})))}));return h("ul",{role:"none"},o)};i.prototype.renderNoSearchResults=function(){return h("ul",{role:"none"},h("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle",class:this.size}))};i.prototype.renderCloseButton=function(){var i=this;return h("div",null,h("a",{onClick:function(){return i.closeFilterItems()},onKeyUp:function(t){return handleKeyboardSubmit(t,i.closeFilterItems)},role:"button",tabindex:0},this.closesearchtext))};i.prototype.renderSearchInput=function(){var i=this;return h("z-input",Object.assign({htmlid:"".concat(this.inputid,"_search"),label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"aria-autocomplete":"list"},this.getComboboxA11yAttributes(),{onKeyUp:function(t){if(t.key===KeyboardCode.ESC){i.closeFilterItems()}},onInputChange:function(t){i.searchValue=t.detail.value}}))};i.prototype.renderCheckAll=function(){var i=this;if(this.searchValue){return}var t="combo-checkbox-".concat(this.inputid,"-check-all");var e=this.selectedCounter===this.itemsList.length;return h("div",{class:"check-all-wrapper"},h("z-input",{type:InputType.CHECKBOX,checked:e,htmlid:t,class:this.getCheckboxClass(),label:e?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===ControlSize.X_SMALL?ControlSize.SMALL:this.size,role:"option","aria-selected":e?"true":"false",onKeyDown:function(e){return i.handleSelectArrowsNavigation(e,t)},onInputCheck:function(t){return i.checkAll(t.detail.checked)},onInputFocus:function(t){return i.handleCheckboxFocus(t.detail.id)}}))};i.prototype.render=function(){return h("div",{key:"69b13355a675561cb0748a743e7509f8b944615e","data-action":"combo-".concat(this.inputid),class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())};Object.defineProperty(i.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{items:["watchItems"],searchValue:["watchSearchValue"],checkboxes:["watchCheckboxes"]}},enumerable:false,configurable:true});return i}();ZCombobox.style=ZComboboxStyle0;export{ZCombobox as z_combobox};
+//# sourceMappingURL=z-combobox.entry.js.map

package/dist/esm-es5/z-combobox.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZComboboxStyle0","ZCombobox","hostRef","this","itemsList","inputType","InputType","TEXT","concat","randomId","ControlSize","BIG","toggleComboBox","bind","closeFilterItems","prototype","watchItems","items","JSON","parse","selectedCounter","filter","item","checked","length","updateRenderItemsList","watchSearchValue","filterItems","searchValue","watchCheckboxes","checkboxes","forEach","index","setAttribute","emitComboboxChange","comboboxChange","emit","id","inputid","componentWillLoad","componentWillRender","componentDidRender","getAllCheckboxes","stringify","getItemId","getCheckboxClass","Array","from","element","shadowRoot","querySelectorAll","getControlToListSize","size","X_SMALL","ListSize","SMALL","MEDIUM","LARGE","handleSelectArrowsNavigation","e","currId","KeyboardCode","ARROW_DOWN","ARROW_UP","includes","key","isopen","preventDefault","stopPropagation","currElem","querySelector","currElemIndex","indexOf","firstElemIndex","lastElemIndex","nextElem","focusComboboxItem","handleHeaderKeyboardEvent","ev","SPACE","handleCheckboxFocus","focusedItemId","elem","focus","resetRenderItemsList","renderItemsList","push","Object","assign","value","start","name","toUpperCase","end","newName","substring","checkAll","map","getComboboxA11yAttributes","role","label","renderHeader","_this","h","class","onClick","onKeyDown","onKeyUp","handleKeyboardSubmit","tabindex","renderContent","hassearch","renderSearchInput","join","hascheckall","renderCheckAll","renderItems","renderList","renderCloseButton","renderItem","htmlTabindex","dividerType","ListDividerType","ELEMENT","NONE","type","CHECKBOX","htmlid","disabled","maxcheckableitems","onInputCheck","i","detail","onInputFocus","renderNoSearchResults","hasgroupitems","renderGroups","newData","reduce","group","category","zListItem","_a","listGroups","entries","_b","slot","text","noresultslabel","listitemid","icon","closesearchtext","searchlabel","placeholder","searchplaceholder","htmltitle","searchtitle","message","ESC","onInputChange","checkAllId","allChecked","uncheckalltext","checkalltext","render","open","fixed","isfixed"],"sources":["src/components/z-combobox/styles.css?tag=z-combobox&encapsulation=shadow","src/components/z-combobox/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--font-family-sans);\n}\n\n:host > div.fixed {\n  position: relative;\n}\n\n:host > div > .header {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-surface04);\n  margin: 0;\n  background-color: var(--color-form-background);\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n}\n\n:host([size=\"small\"]) > div > .header {\n  min-height: 34px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header {\n  min-height: 30px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header p.body-3 {\n  padding: calc(var(--space-unit) * 0.5) 0;\n}\n\n:host > div > .header:hover {\n  outline: var(--border-size-medium) solid var(--color-surface04);\n  outline-offset: -2px;\n}\n\n:host > div > div.header:focus:focus-visible {\n  z-index: 16;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > p.body-3 {\n  padding: var(--space-unit) 0;\n  margin: 0;\n  color: var(--color-default-text);\n}\n\n:host > div > .header > p.body-3 > span {\n  font-weight: var(--font-sb);\n}\n\n:host > div > .header > z-icon {\n  fill: var(--color-default-icon);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\n:host > div > .header > z-icon.small,\n:host > div > .header > z-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host > div.open > .header {\n  border: var(--border-size-small) solid var(--color-primary01);\n  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;\n}\n\n:host > div.disabled {\n  pointer-events: none;\n}\n\n:host > div.disabled .header {\n  border-color: var(--color-disabled01);\n  fill: var(--color-disabled01);\n}\n\n:host > div.disabled .header > p.body-3 {\n  color: var(--color-disabled03);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-disabled01);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-default-icon);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div.open > div.open-combo-data {\n  position: relative;\n  z-index: 12;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--gray200);\n  border-top: 0;\n  background-color: var(--color-form-background);\n  border-radius: 0;\n}\n\n:host > div.open > div.open-combo-data > div > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n:host > div.open > div.open-combo-data > z-input {\n  width: 100%;\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > div.open > div.open-combo-data > div > div > ul {\n  max-height: 235px;\n  padding: 0 3px; /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n}\n\n:host > div.open > z-input {\n  position: relative;\n  z-index: 1;\n  width: 238px;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n}\n\n:host > div.open > div.open-combo-data > div > div.search {\n  overflow: hidden;\n  max-height: auto;\n  margin-top: 0;\n  box-shadow: 1px 1px 4px 2px rgb(217 222 227 / 50%);\n}\n\n:host > div.open > div.open-combo-data > div > div.search > ul {\n  overflow: auto;\n  max-height: 180px;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > div {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > div > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 44px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n:host > div.open > div.open-combo-data > div > div.search > div > a:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--gray800);\n  margin-bottom: var(--space-unit);\n  text-align: left;\n}\n\n:host([size=\"small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"x-small\"]) > div.open > div.open-combo-data > div > div.check-all-wrapper {\n  padding: var(--space-unit) calc(var(--space-unit) * 0.5);\n}\n","import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ComboItem, ControlSize, InputType, KeyboardCode, ListDividerType, ListSize} from \"../../beans\";\nimport {ZMyzListItem} from \"../../snowflakes/myz/list/z-myz-list-item\";\nimport {handleKeyboardSubmit, randomId} from \"../../utils/utils\";\nimport {ZInput} from \"../z-input\";\n\n@Component({\n  tag: \"z-combobox\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCombobox {\n  @Element() element: HTMLZComboboxElement;\n\n  /** input unique id */\n  @Prop()\n  inputid = `combo-${randomId()}`;\n\n  /** list items array */\n  @Prop()\n  items: ComboItem[] | string;\n\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** the combobox is disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** show search input flag (optional) */\n  @Prop()\n  hassearch?: boolean = false;\n\n  /** search input label text (optional) */\n  @Prop()\n  searchlabel?: string;\n\n  /** search input placeholder text (optional) */\n  @Prop()\n  searchplaceholder?: string;\n\n  /** search input title text (optional) */\n  @Prop()\n  searchtitle?: string;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** toggle combo list opening flag */\n  @Prop({mutable: true})\n  isopen = false;\n\n  /** fixed style flag */\n  @Prop()\n  isfixed = false;\n\n  /** close combobox list text */\n  @Prop()\n  closesearchtext?: string = \"Chiudi\";\n\n  /** show \"check all\" checkbox (optional) */\n  @Prop()\n  hascheckall?: boolean = false;\n\n  /** check all label (optional) */\n  @Prop()\n  checkalltext?: string = \"Seleziona tutti\";\n\n  /** uncheck all label (optional) */\n  @Prop()\n  uncheckalltext?: string = \"Deseleziona tutti\";\n\n  /** max number of checkable items (0 = unlimited) */\n  @Prop()\n  maxcheckableitems = 0;\n\n  /** group items by category */\n  @Prop()\n  hasgroupitems?: boolean;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  searchValue: string;\n\n  @State()\n  selectedCounter: number;\n\n  @State()\n  renderItemsList: ComboItem[] = []; // used for render only\n\n  @State()\n  focusedItemId: string;\n\n  @State()\n  checkboxes: HTMLInputElement[] = [];\n\n  private itemsList: ComboItem[] = [];\n\n  private inputType: InputType = InputType.TEXT;\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n    this.updateRenderItemsList();\n  }\n\n  @Watch(\"searchValue\")\n  watchSearchValue(): void {\n    this.filterItems(this.searchValue);\n  }\n\n  @Watch(\"checkboxes\")\n  watchCheckboxes(): void {\n    this.checkboxes.forEach((item, index) => item.setAttribute(\"tabindex\", index === 0 ? \"0\" : \"-1\"));\n  }\n\n  /** Emitted when value is checked/unchecked. Returns id, items. */\n  @Event()\n  comboboxChange: EventEmitter;\n\n  private emitComboboxChange(): void {\n    this.comboboxChange.emit({id: this.inputid, items: this.itemsList});\n  }\n\n  constructor() {\n    this.toggleComboBox = this.toggleComboBox.bind(this);\n    this.closeFilterItems = this.closeFilterItems.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n  }\n\n  componentDidRender(): void {\n    const checkboxes = this.getAllCheckboxes();\n    if (JSON.stringify(checkboxes) !== JSON.stringify(this.checkboxes)) {\n      this.checkboxes = checkboxes;\n    }\n  }\n\n  private getItemId(item: ComboItem): string {\n    return `combo-checkbox-${this.inputid}-${item.id}`;\n  }\n\n  private getCheckboxClass(): string {\n    return `combo-item-checkbox-input-${this.inputid}`;\n  }\n\n  private getAllCheckboxes(): HTMLInputElement[] {\n    return Array.from(\n      this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`)\n    ) as HTMLInputElement[];\n  }\n\n  private getControlToListSize(): ListSize {\n    switch (this.size) {\n      case ControlSize.X_SMALL:\n        return ListSize.SMALL;\n      case ControlSize.SMALL:\n        return ListSize.MEDIUM;\n      default:\n        return ListSize.LARGE;\n    }\n  }\n\n  private handleSelectArrowsNavigation(e: KeyboardEvent, currId: string): void {\n    if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key as KeyboardCode) || !this.isopen) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const currElem = this.element.shadowRoot.querySelector(`#${currId}`) as HTMLInputElement;\n    if (!currElem) {\n      return;\n    }\n\n    const checkboxes = this.checkboxes;\n    if (!checkboxes.length) {\n      return;\n    }\n\n    const currElemIndex = checkboxes.indexOf(currElem);\n    const firstElemIndex = 0;\n    const lastElemIndex = checkboxes.length - 1;\n\n    let nextElem = null;\n    if (e.key === KeyboardCode.ARROW_DOWN) {\n      nextElem = currElemIndex === lastElemIndex ? checkboxes[firstElemIndex] : checkboxes[currElemIndex + 1];\n    } else if (e.key === KeyboardCode.ARROW_UP) {\n      nextElem = currElemIndex === firstElemIndex ? checkboxes[lastElemIndex] : checkboxes[currElemIndex - 1];\n    }\n\n    this.focusComboboxItem(nextElem);\n  }\n\n  private handleHeaderKeyboardEvent(ev: KeyboardEvent): void {\n    if (ev.key === KeyboardCode.SPACE) {\n      ev.preventDefault();\n    }\n    if ((ev.key === KeyboardCode.ARROW_DOWN && !this.isopen) || (ev.key === KeyboardCode.ARROW_UP && this.isopen)) {\n      this.toggleComboBox();\n    }\n  }\n\n  private handleCheckboxFocus(id: string): void {\n    this.focusedItemId = id;\n  }\n\n  private focusComboboxItem(elem): void {\n    this.checkboxes.forEach(function (item) {\n      item.setAttribute(\"tabindex\", \"-1\");\n    });\n\n    elem.setAttribute(\"tabindex\", \"0\");\n    elem.focus();\n  }\n\n  private updateRenderItemsList(): void {\n    if (this.searchValue) {\n      this.filterItems(this.searchValue);\n    } else {\n      this.resetRenderItemsList();\n    }\n  }\n\n  private resetRenderItemsList(): void {\n    const renderItemsList = [];\n    this.itemsList.forEach((item: ComboItem) => {\n      renderItemsList.push({...item});\n    });\n    this.renderItemsList = renderItemsList;\n  }\n\n  private filterItems(value: string): void {\n    if (!value) {\n      return this.closeFilterItems();\n    }\n\n    this.resetRenderItemsList();\n    this.renderItemsList = this.renderItemsList.filter((item) => {\n      const start = item.name.toUpperCase().indexOf(value.toUpperCase());\n      const end = start + value.length;\n      const newName =\n        item.name.substring(0, start) +\n        \"<strong>\" +\n        item.name.substring(start, end) +\n        \"</strong>\" +\n        item.name.substring(end, item.name.length);\n\n      item.name = newName;\n\n      return start >= 0;\n    });\n  }\n\n  private checkAll(checked = true): void {\n    this.itemsList = this.itemsList.map((item: ComboItem) => ({\n      ...item,\n      checked: checked,\n    }));\n    this.resetRenderItemsList();\n    this.emitComboboxChange();\n  }\n\n  private closeFilterItems(): void {\n    this.searchValue = \"\";\n    this.resetRenderItemsList();\n  }\n\n  private toggleComboBox(): void {\n    this.isopen = !this.isopen;\n  }\n\n  private getComboboxA11yAttributes(): Record<string, unknown> {\n    return {\n      \"role\": \"combobox\",\n      \"aria-label\": this.label,\n      \"aria-expanded\": this.isopen ? \"true\" : \"false\",\n      \"aria-activedescendant\": this.isopen ? this.focusedItemId : \"\",\n      \"aria-controls\": `${this.inputid}_list`,\n    };\n  }\n\n  private renderHeader(): HTMLDivElement {\n    return (\n      <div\n        class=\"header\"\n        onClick={() => this.toggleComboBox()}\n        onKeyDown={(ev: KeyboardEvent) => {\n          this.handleHeaderKeyboardEvent(ev);\n        }}\n        onKeyUp={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.toggleComboBox)}\n        role=\"button\"\n        tabindex={0}\n        aria-expanded={this.isopen ? \"true\" : \"false\"}\n      >\n        <p class=\"body-3\">\n          {this.label}\n          <span>{this.selectedCounter > 0 && ` (${this.selectedCounter})`}</span>\n        </p>\n        <z-icon\n          name=\"caret-down\"\n          class={this.size}\n        />\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLDivElement {\n    if (!this.isopen) {\n      return;\n    }\n\n    return (\n      <div class=\"open-combo-data\">\n        {this.hassearch && this.renderSearchInput()}\n        {!this.hassearch ? <span {...this.getComboboxA11yAttributes()} /> : null}\n        <div\n          role=\"listbox\"\n          aria-label={this.label}\n          aria-multiselectable={true}\n          id={`${this.inputid}_list`}\n          aria-owns={`${this.checkboxes.map((item) => item.id).join(\" \")}`}\n        >\n          {this.hascheckall && this.renderCheckAll()}\n          {this.renderItems()}\n        </div>\n      </div>\n    );\n  }\n\n  private renderItems(): HTMLDivElement {\n    return (\n      <div class={this.searchValue && \"search\"}>\n        {this.renderList(this.renderItemsList)}\n        {this.searchValue && this.renderCloseButton()}\n      </div>\n    );\n  }\n\n  private renderItem(item: ComboItem, index: number, length: number): ZMyzListItem {\n    return (\n      <z-list-element\n        id={item.id}\n        htmlTabindex={null}\n        dividerType={index !== length - 1 ? ListDividerType.ELEMENT : ListDividerType.NONE}\n        size={this.getControlToListSize()}\n      >\n        <z-input\n          type={InputType.CHECKBOX}\n          checked={item.checked}\n          htmlid={this.getItemId(item)}\n          label={item.name}\n          class={this.getCheckboxClass()}\n          disabled={!item.checked && this.maxcheckableitems && this.selectedCounter >= this.maxcheckableitems}\n          size={this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size}\n          role=\"option\"\n          aria-selected={item.checked ? \"true\" : \"false\"}\n          onKeyDown={(e: KeyboardEvent) => this.handleSelectArrowsNavigation(e, this.getItemId(item))}\n          onInputCheck={(e: CustomEvent) => {\n            this.itemsList = this.itemsList.map((i: ComboItem) => {\n              if (item.id === i.id) {\n                i.checked = e.detail.checked;\n              }\n\n              return i;\n            });\n            this.updateRenderItemsList();\n            this.emitComboboxChange();\n          }}\n          onInputFocus={(e: CustomEvent) => this.handleCheckboxFocus(e.detail.id)}\n        />\n      </z-list-element>\n    );\n  }\n\n  private renderList(items: ComboItem[]): HTMLUListElement {\n    if (!items) {\n      return;\n    }\n    if (!items.length && this.searchValue) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasgroupitems) {\n      return this.renderGroups(items);\n    }\n\n    return (\n      <ul role=\"none\">\n        {items.map((item, i) => {\n          return this.renderItem(item, i, items.length);\n        })}\n      </ul>\n    );\n  }\n\n  private renderGroups(items: ComboItem[]): HTMLUListElement {\n    const newData = items.reduce((group, item, index) => {\n      const {category} = item;\n      const zListItem = this.renderItem(item, index, items.length);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    const listGroups = Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {value.map((item) => item)}\n        </z-list-group>\n      );\n    });\n\n    return <ul role=\"none\">{listGroups}</ul>;\n  }\n\n  private renderNoSearchResults(): HTMLUListElement {\n    return (\n      <ul role=\"none\">\n        <z-myz-list-item\n          id=\"no-results\"\n          text={this.noresultslabel}\n          listitemid=\"no-results\"\n          icon=\"multiply-circle\"\n          class={this.size}\n        />\n      </ul>\n    );\n  }\n\n  private renderCloseButton(): HTMLDivElement {\n    return (\n      <div>\n        <a\n          onClick={() => this.closeFilterItems()}\n          onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, this.closeFilterItems)}\n          role=\"button\"\n          tabindex={0}\n        >\n          {this.closesearchtext}\n        </a>\n      </div>\n    );\n  }\n\n  private renderSearchInput(): ZInput {\n    return (\n      <z-input\n        htmlid={`${this.inputid}_search`}\n        label={this.searchlabel}\n        placeholder={this.searchplaceholder}\n        htmltitle={this.searchtitle}\n        type={this.inputType}\n        value={this.searchValue}\n        message={false}\n        size={this.size}\n        aria-autocomplete=\"list\"\n        {...this.getComboboxA11yAttributes()}\n        onKeyUp={(e: KeyboardEvent) => {\n          if (e.key === KeyboardCode.ESC) {\n            this.closeFilterItems();\n          }\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.searchValue = e.detail.value;\n        }}\n      />\n    );\n  }\n\n  private renderCheckAll(): HTMLDivElement {\n    if (this.searchValue) {\n      return;\n    }\n\n    const checkAllId = `combo-checkbox-${this.inputid}-check-all`;\n    const allChecked = this.selectedCounter === this.itemsList.length;\n\n    return (\n      <div class=\"check-all-wrapper\">\n        <z-input\n          type={InputType.CHECKBOX}\n          checked={allChecked}\n          htmlid={checkAllId}\n          class={this.getCheckboxClass()}\n          label={allChecked ? this.uncheckalltext : this.checkalltext}\n          disabled={this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length}\n          size={this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size}\n          role=\"option\"\n          aria-selected={allChecked ? \"true\" : \"false\"}\n          onKeyDown={(e: KeyboardEvent) => this.handleSelectArrowsNavigation(e, checkAllId)}\n          onInputCheck={(e: CustomEvent) => this.checkAll(e.detail.checked)}\n          onInputFocus={(e: CustomEvent) => this.handleCheckboxFocus(e.detail.id)}\n        />\n      </div>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        data-action={`combo-${this.inputid}`}\n        class={{open: this.isopen, fixed: this.isfixed, disabled: this.disabled}}\n        id={this.inputid}\n      >\n        {this.renderHeader()}\n        {!this.disabled && this.renderContent()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/z-cover-hero.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{J as CoverHeroVariant,M as CoverHeroContentPosition}from"./index-ee40e66b.js";var stylesCss=':host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{-webkit-box-sizing:border-box;box-sizing:border-box}:host .main-container{position:relative;width:100%;-ms-flex-align:baseline;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot="cover"]){position:absolute;display:block;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container{height:100%}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant="overlay"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:""}:host([variant="overlay"]:is([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .content-container{position:absolute;inset:0}:host([variant="overlay"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant="stacked"]){--cover-hero-text-color:var(--color-default-text)}:host([variant="stacked"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}';var ZCoverHeroStyle0=stylesCss;var ZCoverHero=function(){function e(e){registerInstance(this,e);this.variant=CoverHeroVariant.OVERLAY;this.contentPosition=CoverHeroContentPosition.TOP;this.preserveAspectRatio=true}e.prototype.onImgLoad=function(e){var t=e.target;if(t instanceof Image&&t.closest("[slot=cover]")){var o=t.naturalWidth/t.naturalHeight;this.host.style.setProperty("--image-aspect-ratio",o.toString())}};e.prototype.renderContent=function(){return h("div",{class:"content-container"},h("slot",{name:"content"}))};e.prototype.render=function(){return h(Host,{key:"15c2c9a401700c3503e74f74637c2cbf3b474805"},this.variant===CoverHeroVariant.STACKED&&this.contentPosition===CoverHeroContentPosition.TOP&&this.renderContent(),h("div",{key:"269c88ee41679ea7730c202f4ca927a1868c5506",class:"main-container"},h("div",{key:"67b039d0ba87fdb8a3520035104d9c6263ca5dc1",class:"cover-container"},h("slot",{key:"3c330cafa143f57e9b4d6615d966c4d62cedd9c8",name:"cover"})),h("slot",{key:"c092503e4d24f52535182e570edb67428d7a8aa9",name:"info-reveal"}),this.variant===CoverHeroVariant.OVERLAY&&this.renderContent()),this.variant===CoverHeroVariant.STACKED&&this.contentPosition===CoverHeroContentPosition.BOTTOM&&this.renderContent())};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();ZCoverHero.style=ZCoverHeroStyle0;export{ZCoverHero as z_cover_hero};
+//# sourceMappingURL=z-cover-hero.entry.js.map

package/dist/esm-es5/z-cover-hero.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCoverHeroStyle0","ZCoverHero","CoverHeroVariant","OVERLAY","CoverHeroContentPosition","TOP","prototype","onImgLoad","_a","target","Image","closest","ratio","naturalWidth","naturalHeight","this","host","style","setProperty","toString","renderContent","h","class","name","render","Host","key","variant","STACKED","contentPosition","BOTTOM"],"sources":["src/components/z-cover-hero/styles.css?tag=z-cover-hero&encapsulation=shadow","src/components/z-cover-hero/index.tsx"],"sourcesContent":[":host {\n  --cover-hero-overlay: linear-gradient(270deg, #0000 0%, #000000e6 100%);\n  --cover-hero-text-color: var(--color-text-inverse);\n  --cover-hero-aspect-ratio: ;\n\n  display: block;\n  overflow: hidden;\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host .main-container {\n  position: relative;\n  width: 100%;\n  align-items: baseline;\n}\n\n:host .content-container {\n  color: var(--cover-hero-text-color);\n  fill: var(--cover-hero-text-color);\n}\n\n:host .main-container .cover-container {\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));\n  background-color: var(--gray600);\n}\n\n::slotted([slot=\"cover\"]) {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  object-fit: cover;\n  object-position: top center;\n}\n\n::slotted(z-info-reveal) {\n  position: absolute;\n  z-index: 1;\n  right: var(--grid-margin);\n  bottom: var(--grid-margin);\n}\n\n/* Variant overlay */\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"])) .main-container {\n  height: 100%;\n}\n\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .cover-container {\n  position: absolute;\n  z-index: -1;\n  height: 100%;\n  padding: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .cover-container::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--cover-hero-overlay);\n  content: \"\";\n}\n\n:host([variant=\"overlay\"]:is([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .content-container {\n  position: absolute;\n  inset: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .content-container {\n  height: 100%;\n  padding: var(--grid-margin);\n}\n\n/* Variant stacked */\n:host([variant=\"stacked\"]) {\n  --cover-hero-text-color: var(--color-default-text);\n}\n\n:host([variant=\"stacked\"]) .content-container ::slotted(*) {\n  padding: var(--grid-margin) 0;\n}\n","import {Component, Element, Host, Listen, Prop, h} from \"@stencil/core\";\nimport {CoverHeroContentPosition, CoverHeroVariant} from \"../../beans\";\n\n/**\n * Cover hero component.\n * Component to display a hero image with content.\n *\n * @slot cover - slot for the cover image.\n * @slot content - slot for the content.\n * @slot info-reveal - slot for the info reveal.\n * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.\n * @cssprop --cover-hero-text-color - color of the text.\n * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.\n */\n@Component({\n  tag: \"z-cover-hero\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCoverHero {\n  @Element() host: HTMLZCoverHeroElement;\n\n  /**\n   * Cover hero variant. Can be `OVERLAY` or `STACKED`.\n   */\n  @Prop({reflect: true})\n  variant: CoverHeroVariant = CoverHeroVariant.OVERLAY;\n\n  /**\n   * Vertical content position (for `STACKED` variant).\n   */\n  @Prop({reflect: true})\n  contentPosition: CoverHeroContentPosition = CoverHeroContentPosition.TOP;\n\n  /**\n   * Whether to keep the image aspect ratio.\n   * If set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;\n   * instead, the height of the component follows the content's one.\n   * Note: it may be necessary to set a min and/or max height to the component.\n   */\n  @Prop({reflect: true})\n  preserveAspectRatio = true;\n\n  /**\n   * Store the intrinsic aspect ratio of the slotted image when loaded,\n   * to have a default when `--cover-hero-aspect-ratio` is not set.\n   * @param target The event target\n   */\n  @Listen(\"load\", {capture: true})\n  protected onImgLoad({target}: Event): void {\n    if (target instanceof Image && target.closest(\"[slot=cover]\")) {\n      const ratio = target.naturalWidth / target.naturalHeight;\n      this.host.style.setProperty(\"--image-aspect-ratio\", ratio.toString());\n    }\n  }\n\n  /**\n   * Template for the content.\n   */\n  private renderContent(): HTMLDivElement {\n    return (\n      <div class=\"content-container\">\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n\n  render(): HTMLZCoverHeroElement {\n    return (\n      <Host>\n        {this.variant === CoverHeroVariant.STACKED &&\n          this.contentPosition === CoverHeroContentPosition.TOP &&\n          this.renderContent()}\n        <div class=\"main-container\">\n          <div class=\"cover-container\">\n            <slot name=\"cover\"></slot>\n          </div>\n          <slot name=\"info-reveal\"></slot>\n          {this.variant === CoverHeroVariant.OVERLAY && this.renderContent()}\n        </div>\n        {this.variant === CoverHeroVariant.STACKED &&\n          this.contentPosition === CoverHeroContentPosition.BOTTOM &&\n          this.renderContent()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"wKAAA,IAAMA,UAAY,quDAClB,IAAAC,iBAAeD,U,ICkBFE,WAAU,W,oDAOOC,iBAAiBC,Q,qBAMDC,yBAAyBC,I,yBAS/C,I,CAQZJ,EAAAK,UAAAC,UAAA,SAAUC,G,IAACC,EAAMD,EAAAC,OACzB,GAAIA,aAAkBC,OAASD,EAAOE,QAAQ,gBAAiB,CAC7D,IAAMC,EAAQH,EAAOI,aAAeJ,EAAOK,cAC3CC,KAAKC,KAAKC,MAAMC,YAAY,uBAAwBN,EAAMO,W,GAOtDlB,EAAAK,UAAAc,cAAA,WACN,OACEC,EAAA,OAAKC,MAAM,qBACTD,EAAA,QAAME,KAAK,Y,EAKjBtB,EAAAK,UAAAkB,OAAA,WACE,OACEH,EAACI,KAAI,CAAAC,IAAA,4CACFX,KAAKY,UAAYzB,iBAAiB0B,SACjCb,KAAKc,kBAAoBzB,yBAAyBC,KAClDU,KAAKK,gBACPC,EAAA,OAAAK,IAAA,2CAAKJ,MAAM,kBACTD,EAAA,OAAAK,IAAA,2CAAKJ,MAAM,mBACTD,EAAA,QAAAK,IAAA,2CAAMH,KAAK,WAEbF,EAAA,QAAAK,IAAA,2CAAMH,KAAK,gBACVR,KAAKY,UAAYzB,iBAAiBC,SAAWY,KAAKK,iBAEpDL,KAAKY,UAAYzB,iBAAiB0B,SACjCb,KAAKc,kBAAoBzB,yBAAyB0B,QAClDf,KAAKK,gB,kIA/DQ,G","ignoreList":[]}

package/dist/esm-es5/z-date-picker.entry.js

@@ -0,0 +1,17 @@
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-c8ceadeb.js";import{c as commonjsGlobal,f as flatpickr,i as it,s as setAriaOptions,a as setFlatpickrPosition,v as validateDate}from"./utils-a31c16d9.js";import{y as ZDatePickerMode,F as ZDatePickerPosition,I as InputType}from"./index-ee40e66b.js";var monthSelect={exports:{}};(function(t,r){(function(r,e){t.exports=e()})(commonjsGlobal,(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 e,a=1,i=arguments.length;a<i;a++){e=arguments[a];for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))r[n]=e[n]}return r};return t.apply(this,arguments)};var r=function(t,r,e){return e.months[r?"shorthand":"longhand"][t]};function e(t){while(t.firstChild)t.removeChild(t.firstChild)}function a(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;e(t.rContainer);for(var r=0;r<t.monthElements.length;r++){var a=t.monthElements[r];if(!a.parentNode)continue;a.parentNode.removeChild(a)}}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;e(i.monthsContainer);var a=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);a.appendChild(l)}i.monthsContainer.appendChild(a);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(a(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 e=0;e<r.length;e++){r[e].classList.remove("selected")}var a=t.selectedDates[0].getMonth();var i=t.rContainer.querySelector(".flatpickr-monthSelect-month:nth-child("+(a+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 e=t.rContainer.querySelectorAll(".flatpickr-monthSelect-month");e.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 e=a(r);if(!(e instanceof Element))return;if(e.classList.contains("flatpickr-disabled"))return;if(e.classList.contains("notAllowed"))return;h(e.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 e=new Date(t.currentYear,r.getMonth(),r.getDate());var a=[];switch(t.config.mode){case"single":a=[e];break;case"multiple":a.push(e);break;case"range":if(t.selectedDates.length===2){a=[e]}else{a=t.selectedDates.concat([e]);a.sort((function(t,r){return t.getTime()-r.getTime()}))}break}t.setDate(a,true);d()}var m={37:-1,39:1,40:3,38:-3};function k(r,e,a,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}))})(monthSelect);var monthSelectPlugin=monthSelect.exports;var stylesCss='.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;-ms-flex-wrap:wrap;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;-webkit-box-shadow:none;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;-webkit-box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;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:-webkit-fit-content;width:-moz-fit-content;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;-webkit-box-shadow:var(--shadow-2);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{-webkit-box-sizing:border-box;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;-ms-flex-align:center;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:-ms-flexbox !important;display:flex !important;width:-webkit-fill-available;width:-moz-available;width:fill-available;height:calc(var(--space-unit) * 6);-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack: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);-webkit-box-shadow:var(--shadow-2) !important;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:-ms-flexbox;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;-webkit-box-shadow:none !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:-ms-flexbox;display:flex;height:calc(var(--space-unit) * 5.5) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack: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);-webkit-box-shadow:var(--shadow-2) !important;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;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;-webkit-transform:rotate(45deg);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:-ms-flexbox;display:flex;gap:16px}';var ZDatePickerStyle0=stylesCss;var ZDatePicker=function(){function t(t){registerInstance(this,t);this.dateSelect=createEvent(this,"dateSelect",7);this.datePickerId=undefined;this.ariaLabel="";this.label=undefined;this.mode=ZDatePickerMode.DATE;this.name=undefined;this.value=undefined;this.flatpickrPosition=ZDatePickerPosition.BOTTOM;this.inputError=false}t.prototype.emitDateSelect=function(t){this.dateSelect.emit(t)};t.prototype.handleKeyDown=function(t){var r=this;var e,a,i,n,o,l,p;if(t.key==="Escape"){(e=this.picker)===null||e===void 0?void 0:e.close()}if(t.key==="Enter"||t.key===" "){!this.hasChildren&&((a=this.picker)===null||a===void 0?void 0:a.open());var c=document.activeElement.classList.contains("reset-icon");if(c){this.inputError=false;(i=this.picker)===null||i===void 0?void 0:i.setDate([]);this.dateSelect.emit(null)}document.activeElement.classList.contains("flatpickr-day");var d=document.activeElement.classList.contains("flatpickr-prev-month");var f=document.activeElement.classList.contains("flatpickr-next-month");var s=d||f;s&&t.key===" "&&t.preventDefault();if(this.mode===ZDatePickerMode.MONTHS){d&&((n=this.picker)===null||n===void 0?void 0:n.changeYear(this.picker.currentYear-1));f&&((o=this.picker)===null||o===void 0?void 0:o.changeYear(this.picker.currentYear+1));if(s){var h=this.element.getElementsByClassName("flatpickr-calendar")[0];var m=h===null||h===void 0?void 0:h.querySelectorAll(".flatpickr-monthSelect-month");m===null||m===void 0?void 0:m.forEach((function(t){var e;t.setAttribute("aria-label","".concat(t.innerHTML," ").concat((e=r.picker)===null||e===void 0?void 0:e.currentYear))}));m&&Array.from(m).forEach((function(t,e){var a;var i=(new Date).getMonth();var n=(new Date).getFullYear();if(e===i){if(((a=r.picker)===null||a===void 0?void 0:a.currentYear)===n){t.setAttribute("class","flatpickr-monthSelect-month today")}else{t.setAttribute("class","flatpickr-monthSelect-month")}}}))}}else{d&&((l=this.picker)===null||l===void 0?void 0:l.changeMonth(-1));f&&((p=this.picker)===null||p===void 0?void 0:p.changeMonth(1))}}};t.prototype.componentWillLoad=function(){var t=this.element.querySelector("[slot=toggle]");this.hasChildren=!!t;this.hasChildren&&t.setAttribute("data-toggle","data-toggle")};t.prototype.componentDidLoad=function(){this.setupPickers()};t.prototype.setupPickers=function(){var t=this;var r=this.hasChildren?"".concat(this.datePickerId,"-hidden"):"".concat(this.datePickerId,"-container");this.picker=flatpickr(".".concat(r),{appendTo:this.element.children[0],enableTime:this.mode===ZDatePickerMode.DATE_TIME,locale:it.exports.Italian,allowInput:true,dateFormat:this.mode===ZDatePickerMode.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:this.mode===ZDatePickerMode.MONTHS?"F Y":"d F Y",minuteIncrement:1,time_24hr:true,onChange:function(r,e){t.emitDateSelect(e)},onOpen:function(){setAriaOptions(t.element,t.mode);t.flatpickrPosition=setFlatpickrPosition(t.element,t.mode)},onKeyDown:function(){setAriaOptions(t.element,t.mode)},wrap:true,plugins:this.mode===ZDatePickerMode.MONTHS&&[monthSelectPlugin({dateFormat:"m-Y",altFormat:"m-Y"})]});this.element.querySelectorAll(".flatpickr-weekday").forEach((function(t){t.innerHTML=t.innerHTML.trim().charAt(0)}))};t.prototype.formatDate=function(t){if(this.mode===ZDatePickerMode.DATE){return"".concat(flatpickr.formatDate(t,"d-m-Y"))}else if(this.mode===ZDatePickerMode.MONTHS){return"".concat(flatpickr.formatDate(t,"m-Y"))}return"".concat(flatpickr.formatDate(t,"d-m-Y - H:i"))};t.prototype.onStopTyping=function(t){var r=t.detail.value;if(this.mode===ZDatePickerMode.MONTHS){r="01-".concat(t.detail.value)}var e=r.split("-");var a=this.mode===ZDatePickerMode.DATE_TIME?"T".concat(e[3],":00"):"";var i="".concat(e[2],"-").concat(e[1],"-").concat(e[0]).concat(a).split(" ").join("");var n=validateDate(i,this.mode===ZDatePickerMode.DATE_TIME);if(r===""){this.inputError=false;this.picker.setDate([]);this.dateSelect.emit(null)}else if(!n){this.inputError=true;this.dateSelect.emit(null)}else if(n){this.inputError=false;this.picker.setDate([t.detail.value]);this.dateSelect.emit(this.formatDate(new Date(i)))}};t.prototype.renderSlottedContent=function(){return h("div",{class:"".concat(this.datePickerId,"-hidden")},h("input",{class:"hidden-input","data-input":true,name:this.name,value:this.value}),h("slot",{name:"toggle"}))};t.prototype.renderZInput=function(){var t=this;return h("div",{class:"".concat(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:function(r){t.onStopTyping(r)},onStartTyping:function(){t.inputError=false}}))};t.prototype.render=function(){var t;return h("div",{key:"d9ddcadf506aed9515054eae4460ffc3745be7bc",class:(t={"flatpickr-toggle-container":true},t[this.flatpickrPosition]=true,t[this.mode]=true,t)},this.hasChildren?this.renderSlottedContent():this.renderZInput())};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{mode:["setupPickers"]}},enumerable:false,configurable:true});return t}();ZDatePicker.style=ZDatePickerStyle0;export{ZDatePicker as z_date_picker};
+//# sourceMappingURL=z-date-picker.entry.js.map

package/dist/esm-es5/z-date-picker.entry.js.map

@@ -0,0 +1 @@
+{"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","ZDatePickerStyle0","ZDatePicker","ZDatePickerMode","DATE","ZDatePickerPosition","BOTTOM","emitDateSelect","dateSelect","emit","handleKeyDown","ev","_this","key","picker","hasChildren","_b","open","isCrossIconEntered","inputError","_c","isPrevArrowEntered","isNextArrowEntered","arrowPressed","MONTHS","_d","_e","calendar","getElementsByClassName","setAttribute","innerHTML","from","curMonth","curYear","_f","changeMonth","_g","componentWillLoad","customToggle","componentDidLoad","setupPickers","classToAppend","datePickerId","flatpickr","appendTo","DATE_TIME","Italian","allowInput","ariaDateFormat","minuteIncrement","time_24hr","onChange","_selectedDates","dateStr","onOpen","setAriaOptions","flatpickrPosition","setFlatpickrPosition","wrap","plugins","trim","charAt","formatDate","onStopTyping","text","detail","englishData","split","time","englishParsedData","join","isValidDate","validateDate","renderSlottedContent","h","class","name","renderZInput","ariaLabel","label","type","InputType","TEXT","icon","message","tabindex","onStartTyping","render","_h"],"sources":["node_modules/flatpickr/dist/plugins/monthSelect/index.js","src/components/date-picker/styles.css?tag=z-date-picker","src/components/date-picker/z-date-picker/index.tsx"],"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","@import \"~flatpickr/dist/flatpickr.min.css\";\n@import \"~flatpickr/dist/plugins/monthSelect/style.css\";\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 {Component, Element, Event, EventEmitter, Listen, Prop, State, Watch, h} from \"@stencil/core\";\n\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\";\n\n@Component({\n  tag: \"z-date-picker\",\n  styleUrl: \"../styles.css\",\n  shadow: false,\n})\nexport class ZDatePicker {\n  @Element() element: HTMLZDatePickerElement;\n\n  /** unique id */\n  @Prop()\n  datePickerId: string;\n\n  /** z-input aria label */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** z-input label */\n  @Prop()\n  label?: string;\n\n  /** [Optional] datepicker mode: date, datetime, only months */\n  @Prop()\n  mode: ZDatePickerMode = ZDatePickerMode.DATE;\n\n  /** [Optional] the datepicker input name */\n  @Prop()\n  name?: string = undefined;\n\n  /** [Optional] the datepicker input value */\n  @Prop()\n  value?: string = undefined;\n\n  @State()\n  flatpickrPosition: ZDatePickerPosition = ZDatePickerPosition.BOTTOM;\n\n  @State()\n  inputError = false;\n\n  private picker;\n\n  private hasChildren: boolean;\n\n  /** emitted when date changes, returns selected date */\n  @Event()\n  dateSelect: EventEmitter;\n\n  private emitDateSelect(date): void {\n    this.dateSelect.emit(date);\n  }\n\n  @Listen(\"keydown\", {target: \"body\", capture: true})\n  handleKeyDown(ev: KeyboardEvent): void {\n    if (ev.key === \"Escape\") {\n      this.picker?.close();\n    }\n\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      !this.hasChildren && this.picker?.open();\n\n      const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n\n      if (isCrossIconEntered) {\n        this.inputError = false;\n        this.picker?.setDate([]);\n        this.dateSelect.emit(null);\n      }\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\n      arrowPressed && ev.key === \" \" && ev.preventDefault();\n\n      if (this.mode === ZDatePickerMode.MONTHS) {\n        isPrevArrowEntered && this.picker?.changeYear(this.picker.currentYear - 1);\n\n        isNextArrowEntered && this.picker?.changeYear(this.picker.currentYear + 1);\n\n        if (arrowPressed) {\n          const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[0];\n          const months = calendar?.querySelectorAll(\".flatpickr-monthSelect-month\");\n          months?.forEach((element) => {\n            element.setAttribute(\"aria-label\", `${element.innerHTML} ${this.picker?.currentYear}`);\n          });\n\n          //Force check of the current day\n          months &&\n            Array.from(months).forEach((element, index) => {\n              const curMonth = new Date().getMonth();\n              const curYear = new Date().getFullYear();\n\n              if (index === curMonth) {\n                if (this.picker?.currentYear === curYear) {\n                  element.setAttribute(\"class\", \"flatpickr-monthSelect-month today\");\n                } else {\n                  element.setAttribute(\"class\", \"flatpickr-monthSelect-month\");\n                }\n              }\n            });\n        }\n      } else {\n        isPrevArrowEntered && this.picker?.changeMonth(-1);\n        isNextArrowEntered && this.picker?.changeMonth(1);\n      }\n    }\n  }\n\n  componentWillLoad(): void {\n    const customToggle = this.element.querySelector(\"[slot=toggle]\");\n    this.hasChildren = !!customToggle;\n    this.hasChildren && customToggle.setAttribute(\"data-toggle\", \"data-toggle\");\n  }\n\n  componentDidLoad(): void {\n    this.setupPickers();\n  }\n\n  @Watch(\"mode\")\n  setupPickers(): void {\n    const classToAppend = this.hasChildren ? `${this.datePickerId}-hidden` : `${this.datePickerId}-container`;\n\n    this.picker = flatpickr(`.${classToAppend}`, {\n      appendTo: this.element.children[0] as HTMLElement,\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 as HTMLElement, this.mode);\n        this.flatpickrPosition = setFlatpickrPosition(this.element as HTMLElement, this.mode);\n      },\n      onKeyDown: () => {\n        setAriaOptions(this.element as HTMLElement, 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\n    this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n      element.innerHTML = element.innerHTML.trim().charAt(0);\n    });\n  }\n\n  private formatDate(date): string {\n    if (this.mode === ZDatePickerMode.DATE) {\n      return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n    } else if (this.mode === ZDatePickerMode.MONTHS) {\n      return `${flatpickr.formatDate(date, \"m-Y\")}`;\n    }\n\n    return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n  }\n\n  private onStopTyping(value): void {\n    let text = value.detail.value;\n\n    if (this.mode === ZDatePickerMode.MONTHS) {\n      text = \"01-\".concat(value.detail.value);\n    }\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\n    const isValidDate = validateDate(englishParsedData, this.mode === ZDatePickerMode.DATE_TIME);\n\n    if (text === \"\") {\n      this.inputError = false;\n      this.picker.setDate([]);\n      this.dateSelect.emit(null);\n    } else if (!isValidDate) {\n      this.inputError = true;\n      this.dateSelect.emit(null);\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\n  private renderSlottedContent(): HTMLDivElement {\n    return (\n      <div class={`${this.datePickerId}-hidden`}>\n        <input\n          class=\"hidden-input\"\n          data-input\n          name={this.name}\n          value={this.value}\n        ></input>\n        <slot name=\"toggle\"></slot>\n      </div>\n    );\n  }\n\n  private renderZInput(): HTMLDivElement {\n    return (\n      <div class={`${this.datePickerId}-container`}>\n        <z-input\n          data-input=\"data-input\"\n          ariaLabel={this.ariaLabel}\n          label={this.label}\n          class={this.datePickerId}\n          type={InputType.TEXT}\n          icon=\"event\"\n          message={false}\n          name={this.name}\n          tabindex=\"0\"\n          value={this.value}\n          onStopTyping={(value) => {\n            this.onStopTyping(value);\n          }}\n          onStartTyping={() => {\n            this.inputError = false;\n          }}\n        ></z-input>\n      </div>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={{\n          \"flatpickr-toggle-container\": true,\n          [this.flatpickrPosition]: true,\n          [this.mode]: true,\n        }}\n      >\n        {this.hasChildren ? this.renderSlottedContent() : this.renderZInput()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}