@zanichelli/albe-web-components 15.0.0-rc2 → 15.0.0

package/dist/esm-es5/z-navigation-tabs.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-ab5f1eaa.js";import{N as NavigationTabsOrientation,a as NavigationTabsSize,b as NavigationTabsKeyboardEvents}from"./index-2255c6c8.js";var stylesCss='z-navigation-tabs{position:relative;z-index:0;display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-direction:row;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}z-navigation-tabs,z-navigation-tabs *{-webkit-box-sizing:border-box;box-sizing:border-box}z-navigation-tabs>nav::-webkit-scrollbar{display:none}z-navigation-tabs .navigation-button{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));border-radius:var(--border-no-radius);-webkit-box-shadow:0 0 4px 1px var(--shadow-color-base);box-shadow:0 0 4px 1px var(--shadow-color-base);cursor:pointer;fill:var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));outline:none}z-navigation-tabs .navigation-button:disabled{display:none}z-navigation-tabs>nav{z-index:0;display:-ms-flexbox;display:flex;overflow:auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}z-navigation-tabs[orientation="horizontal"]>nav{width:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button{top:0;width:calc(var(--space-unit) * 4);height:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button:first-child{left:0}z-navigation-tabs[orientation="horizontal"] .navigation-button:last-child{right:0}z-navigation-tabs[orientation="vertical"]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-ms-flex-direction:column;flex-direction:column}z-navigation-tabs[orientation="vertical"]>nav{height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}z-navigation-tabs[orientation="vertical"] .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}z-navigation-tabs[orientation="vertical"] .navigation-button:first-child{top:0}z-navigation-tabs[orientation="vertical"] .navigation-button:last-child{bottom:0}z-navigation-tabs[size="small"][orientation="vertical"] .navigation-button{height:calc(var(--space-unit) * 4)}z-navigation-tabs>nav>*{position:relative;z-index:0;display:-ms-inline-flexbox;display:inline-flex;width:auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;gap:var(--space-unit);letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tabs>nav>a{text-decoration:none}z-navigation-tabs>nav>*:focus:focus-visible{z-index:1;-webkit-box-shadow:inset 0 0 4px 3px var(--color-highlight);box-shadow:inset 0 0 4px 3px var(--color-highlight)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-surface02)}z-navigation-tabs>nav>button[disabled]{color:var(--color-disabled03);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tabs>nav>:not([disabled]):hover,nav>[aria-selected="true"]{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected="true"]::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tabs[orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="horizontal"]>nav>[aria-selected="true"]::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tabs>nav>* z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:-ms-flexbox;display:flex;margin:0}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[size="small"][orientation="horizontal"]>nav>[aria-selected="true"]::after{height:var(--border-size-medium)}z-navigation-tabs[size="small"]:not([orientation="vertical"])>nav>* z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tabs[orientation="vertical"]>nav>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tabs[orientation="vertical"]>nav>*>:not(z-icon){display:none}z-navigation-tabs[orientation="vertical"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="vertical"]>nav>[aria-selected="true"]::after{top:0;right:0;width:var(--border-size-large);height:100%}';var ZNavigationTabsStyle0=stylesCss;var ZNavigationTabs=function(){function i(i){registerInstance(this,i);this.selected=createEvent(this,"selected",7);this.focusedTab=undefined;this.ariaLabel="";this.orientation=NavigationTabsOrientation.HORIZONTAL;this.size=NavigationTabsSize.BIG;this.selectedTab=undefined;this.canNavigate=undefined;this.canNavigatePrev=undefined;this.canNavigateNext=undefined}Object.defineProperty(i.prototype,"direction",{get:function(){return this.orientation==NavigationTabsOrientation.HORIZONTAL?"Left":"Top"},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"dimension",{get:function(){return this.orientation==NavigationTabsOrientation.HORIZONTAL?"Width":"Height"},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"tabs",{get:function(){return Array.from(this.nav.children)},enumerable:false,configurable:true});i.prototype.scrollToTab=function(i){var t=this.orientation===NavigationTabsOrientation.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"};i.scrollIntoView(Object.assign({behavior:"smooth"},t))};i.prototype.navigateBackwards=function(){var i;this.nav.scrollBy((i={},i[this.direction.toLowerCase()]=0-this.nav["client".concat(this.dimension)]/2,i.behavior="smooth",i))};i.prototype.navigateForward=function(){var i;this.nav.scrollBy((i={},i[this.direction.toLowerCase()]=this.nav["scroll".concat(this.direction)]+this.nav["client".concat(this.dimension)]/2,i.behavior="smooth",i))};i.prototype.isArrowNavigation=function(i){return Object.values(NavigationTabsKeyboardEvents).includes(i.key)};i.prototype.checkScrollVisible=function(){if(!this.nav){return}this.canNavigate=this.nav["scroll".concat(this.dimension)]>this.nav["client".concat(this.dimension)]};i.prototype.checkScrollEnabled=function(){if(!this.nav){return}this.canNavigateNext=this.nav["scroll".concat(this.direction)]+this.nav["client".concat(this.dimension)]<this.nav["scroll".concat(this.dimension)];this.canNavigatePrev=this.nav["scroll".concat(this.direction)]>0};i.prototype.onTabSelected=function(){var i=this;this.tabs.forEach((function(t,a){var n=t.querySelector("z-icon");var e=n===null||n===void 0?void 0:n.getAttribute("name").replace("-filled","");if(a!==i.selectedTab){t.setAttribute("aria-selected","false");t.tabIndex=-1;n===null||n===void 0?void 0:n.setAttribute("name",e);return}n===null||n===void 0?void 0:n.setAttribute("name","".concat(e,"-filled"));t.setAttribute("aria-selected","true")}));this.selected.emit(this.selectedTab);if(this.selectedTab!==undefined){this.scrollToTab(this.tabs[this.selectedTab])}};i.prototype.handleTabClick=function(i){var t=i.target.closest("[role='tab']");if(!this.tabs.some((function(i){return i.contains(t)}))){return}this.selectedTab=this.tabs.indexOf(t)};i.prototype.onTabFocusIn=function(i){var t=this.tabs.findIndex((function(t){return t.contains(i.target)}));if(t===-1){return}if(this.selectedTab!==undefined){this.tabs[this.selectedTab].tabIndex=-1}this.focusedTab=t;this.tabs[this.focusedTab].tabIndex=-1;this.scrollToTab(this.tabs[this.focusedTab])};i.prototype.navigateThroughTabs=function(i){if(!this.tabs.some((function(t){return t.contains(i.target)}))||!this.isArrowNavigation(i)){return true}i.preventDefault();if(i.key===NavigationTabsKeyboardEvents.RIGHT&&this.orientation==NavigationTabsOrientation.HORIZONTAL||i.key===NavigationTabsKeyboardEvents.DOWN&&this.orientation==NavigationTabsOrientation.VERTICAL){this.focusedTab++;if(this.focusedTab>=this.tabs.length){this.focusedTab=0}}else if(i.key===NavigationTabsKeyboardEvents.LEFT&&this.orientation==NavigationTabsOrientation.HORIZONTAL||i.key===NavigationTabsKeyboardEvents.UP&&this.orientation==NavigationTabsOrientation.VERTICAL){this.focusedTab--;if(this.focusedTab<0){this.focusedTab=this.tabs.length-1}}if(this.tabs[this.focusedTab].hasAttribute("disabled")&&this.tabs[this.focusedTab].getAttribute("disabled")!=="false"){return this.navigateThroughTabs(i)}this.tabs[this.focusedTab].focus();this.scrollToTab(this.tabs[this.focusedTab])};i.prototype.onTabFocusOut=function(i){var t;if(!this.tabs.some((function(t){return t.contains(i.relatedTarget)}))){this.tabs[(t=this.selectedTab)!==null&&t!==void 0?t:0].tabIndex=0;this.focusedTab=undefined}};i.prototype.connectedCallback=function(){var i=this;this.resizeObserver=new ResizeObserver((function(){return i.checkScrollVisible()}))};i.prototype.componentDidLoad=function(){var i;this.tabs.forEach((function(i){i.setAttribute("role","tab");i.tabIndex=-1}));var t=(i=this.selectedTab)!==null&&i!==void 0?i:this.tabs.findIndex((function(i){return i.ariaSelected==="true"}));if(t!==-1){this.selectedTab=t;this.tabs[t].tabIndex=0;this.onTabSelected()}else{this.tabs[0].tabIndex=0}this.resizeObserver.observe(this.nav)};i.prototype.disconnectedCallback=function(){var i;(i=this.resizeObserver)===null||i===void 0?void 0:i.disconnect()};i.prototype.render=function(){var i=this;return h(Host,{key:"0dfbe739542add5d05e82462f9ca115734f75ab7",class:{"interactive-2":this.size===NavigationTabsSize.SMALL,"interactive-1":this.size!==NavigationTabsSize.SMALL},scrollable:this.canNavigate},h("button",{key:"a679c4104ef79c5245a205e634872992ad6b7702",class:"navigation-button",onClick:this.navigateBackwards.bind(this),tabIndex:-1,disabled:!this.canNavigatePrev,"aria-label":"Mostra elementi precedenti",hidden:!this.canNavigate},h("z-icon",{key:"13b64410e78d66d28b9a2a870535a393b5361f06",name:this.orientation===NavigationTabsOrientation.HORIZONTAL?"chevron-left":"chevron-up",width:16,height:16})),h("nav",{key:"ae01aa47ea6620209017d612b3b6e1b0664efcba",role:"tablist","aria-label":this.ariaLabel,ref:function(t){return i.nav=t!==null&&t!==void 0?t:i.nav},onScroll:this.checkScrollEnabled.bind(this),"aria-orientation":this.orientation},h("slot",{key:"bd1f92fef8fde67a415964efd61b89d9895192a7"})),h("button",{key:"0b7a9b4ecf5773f576f25468a8f64118b57c4480",class:"navigation-button",onClick:this.navigateForward.bind(this),tabIndex:-1,disabled:!this.canNavigateNext,"aria-label":"Mostra elementi successivi",hidden:!this.canNavigate},h("z-icon",{key:"91686040ca32ff9136c6a96ce70ed3ca20a6b753",name:this.orientation===NavigationTabsOrientation.HORIZONTAL?"chevron-right":"chevron-down",width:16,height:16})))};Object.defineProperty(i.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{canNavigate:["checkScrollEnabled"],selectedTab:["onTabSelected"]}},enumerable:false,configurable:true});return i}();ZNavigationTabs.style=ZNavigationTabsStyle0;export{ZNavigationTabs as z_navigation_tabs};
+//# sourceMappingURL=z-navigation-tabs.entry.js.map

package/dist/esm-es5/z-navigation-tabs.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZNavigationTabsStyle0","ZNavigationTabs","this","focusedTab","undefined","NavigationTabsOrientation","HORIZONTAL","NavigationTabsSize","BIG","Object","defineProperty","prototype","orientation","Array","from","nav","children","scrollToTab","tabElement","scrollOptions","block","inline","scrollIntoView","assign","behavior","navigateBackwards","scrollBy","_b","direction","toLowerCase","concat","dimension","navigateForward","isArrowNavigation","e","values","NavigationTabsKeyboardEvents","includes","key","checkScrollVisible","canNavigate","checkScrollEnabled","canNavigateNext","canNavigatePrev","onTabSelected","_this","tabs","forEach","tab","i","zicon","querySelector","strokeIcon","getAttribute","replace","selectedTab","setAttribute","tabIndex","selected","emit","handleTabClick","event","clickedTab","target","closest","some","child","contains","indexOf","onTabFocusIn","focused","findIndex","navigateThroughTabs","preventDefault","RIGHT","DOWN","VERTICAL","length","LEFT","UP","hasAttribute","focus","onTabFocusOut","relatedTarget","_a","connectedCallback","resizeObserver","ResizeObserver","componentDidLoad","preselectedTab","ariaSelected","observe","disconnectedCallback","disconnect","render","h","Host","class","size","SMALL","scrollable","onClick","bind","disabled","hidden","name","width","height","role","ariaLabel","ref","el","onScroll"],"sources":["src/components/z-navigation-tabs/styles.css?tag=z-navigation-tabs","src/components/z-navigation-tabs/index.tsx"],"sourcesContent":["z-navigation-tabs {\n  --z-navigation-tabs-nav-buttons-bg: ;\n  --z-navigation-tabs-nav-buttons-fg: ;\n\n  position: relative;\n  z-index: 0;\n  display: flex;\n  overflow: hidden;\n  flex-direction: row;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\nz-navigation-tabs,\nz-navigation-tabs * {\n  box-sizing: border-box;\n}\n\nz-navigation-tabs > nav::-webkit-scrollbar {\n  display: none;\n}\n\nz-navigation-tabs .navigation-button {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));\n  border-radius: var(--border-no-radius);\n  box-shadow: 0 0 4px 1px var(--shadow-color-base);\n  cursor: pointer;\n  fill: var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));\n  outline: none;\n}\n\nz-navigation-tabs .navigation-button:disabled {\n  display: none;\n}\n\nz-navigation-tabs > nav {\n  z-index: 0;\n  display: flex;\n  overflow: auto;\n  align-items: center;\n  justify-content: flex-start;\n  scroll-behavior: smooth;\n\n  /* hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] > nav {\n  width: 100%;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button {\n  top: 0;\n  width: calc(var(--space-unit) * 4);\n  height: 100%;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button:first-child {\n  left: 0;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button:last-child {\n  right: 0;\n}\n\n/* Orientation vertical */\nz-navigation-tabs[orientation=\"vertical\"] {\n  width: fit-content;\n  flex-direction: column;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav {\n  height: 100%;\n  flex-direction: column;\n  align-items: stretch;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button {\n  left: 0;\n  width: 100%;\n  height: calc(var(--space-unit) * 4);\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button:first-child {\n  top: 0;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button:last-child {\n  bottom: 0;\n}\n\nz-navigation-tabs[size=\"small\"][orientation=\"vertical\"] .navigation-button {\n  height: calc(var(--space-unit) * 4);\n}\n\n/* Style for the tabs */\n\nz-navigation-tabs > nav > * {\n  position: relative;\n  z-index: 0;\n  display: inline-flex;\n  width: auto;\n  align-items: center;\n  justify-content: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n  border: none;\n  margin: 0;\n  background-color: unset;\n  border-radius: var(--border-no-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: inherit;\n  gap: var(--space-unit);\n  letter-spacing: inherit;\n  line-height: inherit;\n  outline: none;\n  text-align: center;\n  white-space: nowrap;\n}\n\nz-navigation-tabs > nav > a {\n  text-decoration: none;\n}\n\nz-navigation-tabs > nav > *:focus:focus-visible {\n  z-index: 1;\n  box-shadow: inset 0 0 4px 3px var(--color-highlight);\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover {\n  background-color: var(--color-surface02);\n}\n\nz-navigation-tabs > nav > button[disabled] {\n  color: var(--color-disabled03);\n  cursor: not-allowed;\n  fill: currentcolor;\n  pointer-events: all;\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover,\nnav > [aria-selected=\"true\"] {\n  color: var(--color-hover-secondary);\n  fill: currentcolor;\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover::after,\nnav > [aria-selected=\"true\"]::after {\n  position: absolute;\n  background-color: var(--color-hover-secondary);\n  content: \"\";\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[orientation=\"horizontal\"] > nav > [aria-selected=\"true\"]::after {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n}\n\nz-navigation-tabs > nav > * z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n\n  display: flex;\n  margin: 0;\n}\n\n/* `small` size (only available for horizontal orientation) */\n\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > * {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > [aria-selected=\"true\"]::after {\n  height: var(--border-size-medium);\n}\n\nz-navigation-tabs[size=\"small\"]:not([orientation=\"vertical\"]) > nav > * z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > * {\n  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > * > :not(z-icon) {\n  display: none;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[orientation=\"vertical\"] > nav > [aria-selected=\"true\"]::after {\n  top: 0;\n  right: 0;\n  width: var(--border-size-large);\n  height: 100%;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {NavigationTabsKeyboardEvents, NavigationTabsOrientation, NavigationTabsSize} from \"../../beans\";\n\n/**\n * Navigation tabs component.\n * To select a specific tab programmatically, set the `aria-selected` attribute to `true` on the desired tab.\n * @slot - Main slot. Use `<button>` or `<a>` tags as children.\n * @cssprop --z-navigation-tabs-nav-buttons-bg - Navigation buttons background color.\n * @cssprop --z-navigation-tabs-nav-buttons-fg - Navigation buttons foreground color.\n */\n@Component({\n  tag: \"z-navigation-tabs\",\n  styleUrl: \"styles.css\",\n})\nexport class ZNavigationTabs {\n  /**\n   * Set `aria-label` attribute to the internal `<nav>` element with `tablist` role.\n   */\n  @Prop()\n  ariaLabel = \"\";\n\n  /**\n   * Navigation tabs orientation.\n   */\n  @Prop({reflect: true})\n  orientation? = NavigationTabsOrientation.HORIZONTAL;\n\n  /**\n   * Navigation tabs size.\n   */\n  @Prop({reflect: true})\n  size? = NavigationTabsSize.BIG;\n\n  /**\n   * Index of the selected tab.\n   * Useful to programmatically select a tab.\n   * The tab can also be selected by setting the `aria-selected` attribute to `true` on the desired tab.\n   */\n  @Prop({mutable: true})\n  selectedTab: number = undefined;\n\n  /**\n   * Emitted when the selected tab changes.\n   * Contains the index of the new selected tab in the `detail` of the event.\n   */\n  @Event()\n  selected: EventEmitter<number>;\n\n  /**\n   * Whether to show navigation buttons.\n   */\n  @State()\n  canNavigate: boolean;\n\n  /**\n   * Whether backwards navigation is allowed.\n   */\n  @State()\n  canNavigatePrev: boolean;\n\n  /**\n   * Whether forward navigation is allowed.\n   */\n  @State()\n  canNavigateNext: boolean;\n\n  @Element() host: HTMLZNavigationTabsElement;\n\n  /**\n   * Index of the last tab that held focus.\n   */\n  private focusedTab = undefined;\n\n  /**\n   * Reference to the `<nav>` element\n   */\n  private nav: HTMLElement;\n\n  /**\n   * Getter for the direction to check based on current orientation.\n   */\n  get direction(): string {\n    return this.orientation == NavigationTabsOrientation.HORIZONTAL ? \"Left\" : \"Top\";\n  }\n\n  /**\n   * Getter for the dimension to check based on current orientation.\n   */\n  get dimension(): string {\n    return this.orientation == NavigationTabsOrientation.HORIZONTAL ? \"Width\" : \"Height\";\n  }\n\n  get tabs(): HTMLElement[] {\n    return Array.from(this.nav.children) as HTMLElement[];\n  }\n\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * Scroll into view to center the tab.\n   */\n  private scrollToTab(tabElement: HTMLElement): void {\n    const scrollOptions = (\n      this.orientation === NavigationTabsOrientation.HORIZONTAL\n        ? {block: \"nearest\", inline: \"center\"}\n        : {block: \"center\", inline: \"nearest\"}\n    ) as ScrollIntoViewOptions;\n\n    tabElement.scrollIntoView({\n      behavior: \"smooth\",\n      ...scrollOptions,\n    });\n  }\n\n  /**\n   * Scroll the navigation bar half of its size backward.\n   */\n  private navigateBackwards(): void {\n    this.nav.scrollBy({\n      [this.direction.toLowerCase()]: 0 - this.nav[`client${this.dimension}`] / 2,\n      behavior: \"smooth\",\n    });\n  }\n\n  /**\n   * Scroll the navigation bar half of its size forward.\n   */\n  private navigateForward(): void {\n    this.nav.scrollBy({\n      [this.direction.toLowerCase()]: this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] / 2,\n      behavior: \"smooth\",\n    });\n  }\n\n  /**\n   * Check if a keyboard event was triggered by an arrow key.\n   */\n  private isArrowNavigation(e: KeyboardEvent): boolean {\n    return Object.values(NavigationTabsKeyboardEvents).includes(e.key as NavigationTabsKeyboardEvents);\n  }\n\n  /**\n   * Check if the navigation buttons are needed.\n   */\n  private checkScrollVisible(): void {\n    if (!this.nav) {\n      return;\n    }\n\n    this.canNavigate = this.nav[`scroll${this.dimension}`] > this.nav[`client${this.dimension}`];\n  }\n\n  /**\n   * Check if navigation buttons can be enabled for each direction.\n   */\n  @Watch(\"canNavigate\")\n  checkScrollEnabled(): void {\n    if (!this.nav) {\n      return;\n    }\n\n    this.canNavigateNext =\n      this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] < this.nav[`scroll${this.dimension}`];\n    this.canNavigatePrev = this.nav[`scroll${this.direction}`] > 0;\n  }\n\n  /**\n   * When the selected tab changes, update the `aria-selected` attribute on each tab and scroll to the selected tab.\n   */\n  @Watch(\"selectedTab\")\n  onTabSelected(): void {\n    this.tabs.forEach((tab, i) => {\n      const zicon = tab.querySelector(\"z-icon\");\n      const strokeIcon = zicon?.getAttribute(\"name\").replace(\"-filled\", \"\");\n      if (i !== this.selectedTab) {\n        tab.setAttribute(\"aria-selected\", \"false\");\n        tab.tabIndex = -1;\n        zicon?.setAttribute(\"name\", strokeIcon);\n\n        return;\n      }\n\n      zicon?.setAttribute(\"name\", `${strokeIcon}-filled`);\n      tab.setAttribute(\"aria-selected\", \"true\");\n    });\n    this.selected.emit(this.selectedTab);\n    if (this.selectedTab !== undefined) {\n      this.scrollToTab(this.tabs[this.selectedTab]);\n    }\n  }\n\n  /**\n   * Handle click on the tabs.\n   * @param event `click` event triggered by a child tab\n   */\n  @Listen(\"click\")\n  handleTabClick(event: MouseEvent): void {\n    const clickedTab = (event.target as HTMLElement).closest<HTMLElement>(\"[role='tab']\");\n    if (!this.tabs.some((child) => child.contains(clickedTab))) {\n      return;\n    }\n\n    this.selectedTab = this.tabs.indexOf(clickedTab);\n  }\n\n  /**\n   * When a tab is focused, temporarily set to -1 the `tabindex` of the selected tab (if any) and set the `focusedTab` to the index of the focused tab.\n   */\n  @Listen(\"focusin\")\n  onTabFocusIn(event: FocusEvent): void {\n    const focused = this.tabs.findIndex((tab) => tab.contains(event.target as HTMLElement));\n    if (focused === -1) {\n      return;\n    }\n\n    if (this.selectedTab !== undefined) {\n      this.tabs[this.selectedTab].tabIndex = -1;\n    }\n    this.focusedTab = focused;\n    this.tabs[this.focusedTab].tabIndex = -1;\n    this.scrollToTab(this.tabs[this.focusedTab]);\n  }\n\n  /**\n   * Handle keyboard navigation through tabs with arrow keys.\n   */\n  @Listen(\"keydown\")\n  navigateThroughTabs(event: KeyboardEvent): void | boolean {\n    if (!this.tabs.some((tab) => tab.contains(event.target as HTMLElement)) || !this.isArrowNavigation(event)) {\n      return true;\n    }\n\n    event.preventDefault();\n    if (\n      (event.key === NavigationTabsKeyboardEvents.RIGHT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||\n      (event.key === NavigationTabsKeyboardEvents.DOWN && this.orientation == NavigationTabsOrientation.VERTICAL)\n    ) {\n      // Move forward\n      this.focusedTab++;\n      if (this.focusedTab >= this.tabs.length) {\n        this.focusedTab = 0;\n      }\n    } else if (\n      (event.key === NavigationTabsKeyboardEvents.LEFT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||\n      (event.key === NavigationTabsKeyboardEvents.UP && this.orientation == NavigationTabsOrientation.VERTICAL)\n    ) {\n      // Move backward\n      this.focusedTab--;\n      if (this.focusedTab < 0) {\n        this.focusedTab = this.tabs.length - 1;\n      }\n    }\n    // Ignore disabled tabs\n    if (\n      this.tabs[this.focusedTab].hasAttribute(\"disabled\") &&\n      this.tabs[this.focusedTab].getAttribute(\"disabled\") !== \"false\"\n    ) {\n      return this.navigateThroughTabs(event);\n    }\n\n    this.tabs[this.focusedTab].focus();\n    this.scrollToTab(this.tabs[this.focusedTab]);\n  }\n\n  /**\n   * If the focus is not going on a tab (`relatedTarget` is the new focused element), set to 0 the `tabindex` of the selected tab or the one of the first tab, then unset the `focusedTab`.\n   */\n  @Listen(\"focusout\")\n  onTabFocusOut(event: FocusEvent): void {\n    if (!this.tabs.some((tab) => tab.contains(event.relatedTarget as HTMLElement))) {\n      this.tabs[this.selectedTab ?? 0].tabIndex = 0;\n      this.focusedTab = undefined;\n    }\n  }\n\n  connectedCallback(): void {\n    this.resizeObserver = new ResizeObserver(() => this.checkScrollVisible());\n  }\n\n  componentDidLoad(): void {\n    // Set role and tabindex to each slotted tab\n    this.tabs.forEach((tab) => {\n      tab.setAttribute(\"role\", \"tab\");\n      tab.tabIndex = -1;\n    });\n\n    const preselectedTab = this.selectedTab ?? this.tabs.findIndex((tab) => tab.ariaSelected === \"true\");\n    if (preselectedTab !== -1) {\n      this.selectedTab = preselectedTab;\n      this.tabs[preselectedTab].tabIndex = 0;\n      this.onTabSelected();\n    } else {\n      this.tabs[0].tabIndex = 0;\n    }\n\n    this.resizeObserver.observe(this.nav);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): HTMLZNavigationTabsElement {\n    return (\n      <Host\n        class={{\n          \"interactive-2\": this.size === NavigationTabsSize.SMALL,\n          \"interactive-1\": this.size !== NavigationTabsSize.SMALL,\n        }}\n        scrollable={this.canNavigate}\n      >\n        <button\n          class=\"navigation-button\"\n          onClick={this.navigateBackwards.bind(this)}\n          tabIndex={-1}\n          disabled={!this.canNavigatePrev}\n          aria-label=\"Mostra elementi precedenti\"\n          hidden={!this.canNavigate}\n        >\n          <z-icon\n            name={this.orientation === NavigationTabsOrientation.HORIZONTAL ? \"chevron-left\" : \"chevron-up\"}\n            width={16}\n            height={16}\n          />\n        </button>\n\n        <nav\n          role=\"tablist\"\n          aria-label={this.ariaLabel}\n          ref={(el) => (this.nav = el ?? this.nav)}\n          onScroll={this.checkScrollEnabled.bind(this)}\n          aria-orientation={this.orientation}\n        >\n          <slot></slot>\n        </nav>\n\n        <button\n          class=\"navigation-button\"\n          onClick={this.navigateForward.bind(this)}\n          tabIndex={-1}\n          disabled={!this.canNavigateNext}\n          aria-label=\"Mostra elementi successivi\"\n          hidden={!this.canNavigate}\n        >\n          <z-icon\n            name={this.orientation === NavigationTabsOrientation.HORIZONTAL ? \"chevron-right\" : \"chevron-down\"}\n            width={16}\n            height={16}\n          />\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,a as Host}from"./index-ab5f1eaa.js";var stylesCss=':host{--z-notification--top-offset:0;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:start;align-items:flex-start;padding:calc(var(--space-unit) * 2);border-bottom:var(--border-size-medium) solid var(--color-surface03);font-family:var(--font-family-sans);outline:none}:host[sticky]{position:-webkit-sticky;position:sticky;top:var(--z-notification--top-offset)}:host[sticky],:host([showshadow]){-webkit-box-shadow:var(--shadow-3);box-shadow:var(--shadow-3)}:host([type="success"]){background:var(--color-success-inverse)}:host([type="warning"]){background:var(--color-warning-inverse)}:host([type="error"]){background:var(--color-error-inverse)}.status-icon,.close-button{display:-ms-flexbox;display:flex;height:20px;-ms-flex-align:center;align-items:center}:host([type="success"]) .status-icon{fill:var(--color-success01)}:host([type="warning"]) .status-icon{fill:var(--color-warning02)}:host([type="error"]) .status-icon{fill:var(--color-error01)}:host>button,.content-container>button{padding:0;border:none;margin:0;background:transparent;cursor:pointer;font-family:inherit}.status-icon+.content-container{margin-left:var(--space-unit)}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:justify;justify-content:space-between;row-gap:calc(var(--space-unit) * 2)}.content-text{max-width:800px;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:20px}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:16px}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media and (min-width: 768px){.content-container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}';var ZNotificationStyle0=stylesCss;var ZNotification=function(){function t(t){registerInstance(this,t);this.notificationAction=createEvent(this,"notificationAction",7);this.notificationClose=createEvent(this,"notificationClose",7);this.contenticonname=undefined;this.actiontext=undefined;this.type=undefined;this.showclose=false;this.showshadow=false;this.sticky=false;this.handleActionButtonClick=this.handleActionButtonClick.bind(this);this.handleCloseButtonClick=this.handleCloseButtonClick.bind(this)}t.prototype.handleActionButtonClick=function(t){t.preventDefault();this.notificationAction.emit()};t.prototype.handleCloseButtonClick=function(t){t.preventDefault();this.notificationClose.emit()};t.prototype.render=function(){var t;return h(Host,{key:"49e877c8628f367adc596b40d5f12d5e66f78ed0"},this.contenticonname&&h("z-icon",{key:"56257c6011f6b5b17c8bbd6250ec99b8d1e41ee2",class:"status-icon",name:this.contenticonname,width:16,height:16}),h("div",{key:"dc56b45ea4f7d52bb193f8d3c22bb5910be9eeea",class:"content-container"},h("div",{key:"2637553cf2f72a948014110e96559d15c45513fa",class:"content-text"},h("slot",{key:"1e60cbb429a9620b88d7cb90df90874d3e454f48"})),!!((t=this.actiontext)===null||t===void 0?void 0:t.trim())&&h("button",{key:"844e0ba5cef8b13f9d91d5c09472893de5127cc4",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&h("button",{key:"8761fc65bd1b44b38a219e80d8f12b10a898cefe",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},h("z-icon",{key:"7bd949a2c0abf7431765f28542443c9110097ab3",name:"multiply-circle",width:16,height:16})))};return t}();ZNotification.style=ZNotificationStyle0;export{ZNotification as z_notification};
+//# sourceMappingURL=z-notification.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZNotificationStyle0","ZNotification","hostRef","this","handleActionButtonClick","bind","handleCloseButtonClick","prototype","e","preventDefault","notificationAction","emit","notificationClose","render","h","Host","key","contenticonname","class","name","width","height","_a","actiontext","trim","type","onClick","showclose"],"sources":["src/components/z-notification/styles.css?tag=z-notification&encapsulation=shadow","src/components/z-notification/index.tsx"],"sourcesContent":[":host {\n  --z-notification--top-offset: 0;\n\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 2);\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n  font-family: var(--font-family-sans);\n  outline: none;\n}\n\n:host[sticky] {\n  position: sticky;\n  top: var(--z-notification--top-offset);\n}\n\n:host[sticky],\n:host([showshadow]) {\n  box-shadow: var(--shadow-3);\n}\n\n:host([type=\"success\"]) {\n  background: var(--color-success-inverse);\n}\n\n:host([type=\"warning\"]) {\n  background: var(--color-warning-inverse);\n}\n\n:host([type=\"error\"]) {\n  background: var(--color-error-inverse);\n}\n\n.status-icon,\n.close-button {\n  /* simulate the line-height of the text\n  to make the icon look correctly aligned with it. */\n  display: flex;\n  height: 20px;\n  align-items: center;\n}\n\n:host([type=\"success\"]) .status-icon {\n  fill: var(--color-success01);\n}\n\n:host([type=\"warning\"]) .status-icon {\n  fill: var(--color-warning02);\n}\n\n:host([type=\"error\"]) .status-icon {\n  fill: var(--color-error01);\n}\n\n:host > button,\n.content-container > button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.status-icon + .content-container {\n  margin-left: var(--space-unit);\n}\n\n.content-container {\n  display: flex;\n  flex: 1 auto;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: space-between;\n  row-gap: calc(var(--space-unit) * 2);\n}\n\n.content-text {\n  max-width: 800px;\n  color: var(--color-default-text);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n.action-button {\n  color: var(--color-primary01);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 16px;\n}\n\n.content-container + .close-button {\n  margin-left: calc(var(--space-unit) * 2);\n}\n\n.close-button z-icon {\n  fill: var(--color-primary01);\n}\n\n/* Tablet breakpoint */\n@media and (min-width: 768px) {\n  .content-container {\n    flex-wrap: nowrap;\n  }\n\n  .content-text + .action-button {\n    margin-left: calc(var(--space-unit) * 5);\n  }\n}\n","import {Component, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {NotificationType} from \"../../beans\";\n\n/**\n * Notification bar component.\n * @slot - The text of the notification.\n * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.\n */\n@Component({\n  tag: \"z-notification\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZNotification {\n  /** Name of the icon on the left of the content */\n  @Prop()\n  contenticonname?: string;\n\n  /** Action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** Alert variant type */\n  @Prop({reflect: true})\n  type: NotificationType;\n\n  /** Enable close icon */\n  @Prop()\n  showclose?: boolean = false;\n\n  /**\n   * Enable shadow.\n   * @deprecated shadow is available only for the `sticky` version of the notification.\n   */\n  @Prop({reflect: true})\n  showshadow?: boolean = false;\n\n  /** Enable sticky notification bar. */\n  @Prop({reflect: true})\n  sticky?: boolean = false;\n\n  /** Call to action clicked */\n  @Event()\n  notificationAction: EventEmitter;\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.notificationAction.emit();\n  }\n\n  /** Close button clicked */\n  @Event()\n  notificationClose: EventEmitter;\n\n  private handleCloseButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.notificationClose.emit();\n  }\n\n  constructor() {\n    this.handleActionButtonClick = this.handleActionButtonClick.bind(this);\n    this.handleCloseButtonClick = this.handleCloseButtonClick.bind(this);\n  }\n\n  render(): HTMLZNotificationElement {\n    return (\n      <Host>\n        {this.contenticonname && (\n          <z-icon\n            class=\"status-icon\"\n            name={this.contenticonname}\n            width={16}\n            height={16}\n          />\n        )}\n        <div class=\"content-container\">\n          <div class=\"content-text\">\n            <slot></slot>\n          </div>\n          {!!this.actiontext?.trim() && (\n            <button\n              class=\"action-button\"\n              type=\"button\"\n              onClick={this.handleActionButtonClick}\n            >\n              {this.actiontext}\n            </button>\n          )}\n        </div>\n        {this.showclose && (\n          <button\n            class=\"close-button\"\n            type=\"button\"\n            onClick={this.handleCloseButtonClick}\n          >\n            <z-icon\n              name=\"multiply-circle\"\n              width={16}\n              height={16}\n            />\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oFAAA,IAAMA,UAAY,0+DAClB,IAAAC,oBAAeD,U,ICYFE,cAAa,WA8CxB,SAAAA,EAAAC,G,qPA/BsB,M,gBAOC,M,YAIJ,MAqBjBC,KAAKC,wBAA0BD,KAAKC,wBAAwBC,KAAKF,MACjEA,KAAKG,uBAAyBH,KAAKG,uBAAuBD,KAAKF,K,CAhBzDF,EAAAM,UAAAH,wBAAA,SAAwBI,GAC9BA,EAAEC,iBACFN,KAAKO,mBAAmBC,M,EAOlBV,EAAAM,UAAAD,uBAAA,SAAuBE,GAC7BA,EAAEC,iBACFN,KAAKS,kBAAkBD,M,EAQzBV,EAAAM,UAAAM,OAAA,W,MACE,OACEC,EAACC,KAAI,CAAAC,IAAA,4CACFb,KAAKc,iBACJH,EAAA,UAAAE,IAAA,2CACEE,MAAM,cACNC,KAAMhB,KAAKc,gBACXG,MAAO,GACPC,OAAQ,KAGZP,EAAA,OAAAE,IAAA,2CAAKE,MAAM,qBACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACTJ,EAAA,QAAAE,IAAA,kDAECM,EAAAnB,KAAKoB,cAAU,MAAAD,SAAA,SAAAA,EAAEE,SAClBV,EAAA,UAAAE,IAAA,2CACEE,MAAM,gBACNO,KAAK,SACLC,QAASvB,KAAKC,yBAEbD,KAAKoB,aAIXpB,KAAKwB,WACJb,EAAA,UAAAE,IAAA,2CACEE,MAAM,eACNO,KAAK,SACLC,QAASvB,KAAKG,wBAEdQ,EAAA,UAAAE,IAAA,2CACEG,KAAK,kBACLC,MAAO,GACPC,OAAQ,M,WArFI,G","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(t,r,e){if(e||arguments.length===2)for(var n=0,a=r.length,i;n<a;n++){if(i||!(n in r)){if(!i)i=Array.prototype.slice.call(r,0,n);i[n]=r[n]}}return t.concat(i||Array.prototype.slice.call(r))};import{r as registerInstance,c as createEvent,h}from"./index-ab5f1eaa.js";import{f as InputStatus}from"./index-2255c6c8.js";var stylesCss=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";var ZOtpStyle0=stylesCss;var ZOtp=function(){function t(t){registerInstance(this,t);this.otpChange=createEvent(this,"otpChange",7);this.inputNum=6;this.status=undefined;this.message=undefined}t.prototype.emitInputChange=function(t){this.otpChange.emit({value:t})};t.prototype.componentWillLoad=function(){this.otp=__spreadArray([],Array(this.inputNum),true);this.otpRef=__spreadArray([],Array(this.inputNum),true)};t.prototype.render=function(){var t=this;return h("div",{key:"9e28959418f6f1b382f16836935e12b3acddfa8f",class:"otp-container"},h("div",{key:"9348bd6807e797441789a465ebdae3a03d1a7534",class:"digits-container"},this.otp.map((function(r,e){return h("input",{class:t.status==InputStatus.ERROR?"error":null,onKeyDown:function(r){if(r.keyCode>47){t.otpRef[e].value=""}},onKeyUp:function(r){if(r.keyCode>47){e<t.inputNum-1&&t.otpRef[e+1].focus()}},onInput:function(r){t.otp[e]=r.target.value;t.emitInputChange(t.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:function(r){return t.otpRef[e]=r}})}))),h("z-input-message",{key:"87ee18c72daec6c0c903aa91e5a717c4d5a729b5",message:this.message,status:this.status}))};return t}();ZOtp.style=ZOtpStyle0;export{ZOtp as z_otp};
+//# sourceMappingURL=z-otp.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZOtpStyle0","ZOtp","prototype","emitInputChange","value","this","otpChange","emit","componentWillLoad","otp","__spreadArray","Array","inputNum","otpRef","render","_this","h","key","class","map","_val","i","status","InputStatus","ERROR","onKeyDown","e","keyCode","onKeyUp","focus","onInput","target","join","type","minlength","maxlength","autoComplete","ref","el","message"],"sources":["src/snowflakes/myz/z-otp/styles.css?tag=z-otp&encapsulation=shadow","src/snowflakes/myz/z-otp/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.digits-container {\n  display: flex;\n  justify-content: flex-start;\n}\n\ninput {\n  width: calc(var(--space-unit) * 5);\n  height: 72px;\n  box-sizing: border-box;\n  padding: 0;\n  caret-color: transparent;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 32px;\n  font-weight: 300;\n  text-align: center;\n}\n\ninput.error {\n  border: 1px solid;\n  border-color: var(--color-error01);\n  background-color: var(--color-error-inverse);\n  border-radius: 4px;\n}\n\ninput:not(:last-of-type) {\n  margin-right: var(--space-unit);\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  input:not(:last-of-type) {\n    margin-right: calc(var(--space-unit) * 2);\n  }\n}\n\n/* Desktop breakpoint */\n@media only screen and (min-width: 1025px) {\n  input {\n    width: calc(var(--space-unit) * 6);\n  }\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {InputStatus} from \"../../../beans\";\n\n@Component({\n  tag: \"z-otp\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZOtp {\n  /** Input number */\n  @Prop()\n  inputNum?: number = 6;\n\n  /** Input status */\n  @Prop()\n  status?: InputStatus;\n\n  /** Input message */\n  @Prop()\n  message?: string;\n\n  private otp: string[];\n\n  private otpRef: HTMLInputElement[];\n\n  /** Otp change event */\n  @Event()\n  otpChange: EventEmitter;\n\n  private emitInputChange(value: string): void {\n    this.otpChange.emit({value});\n  }\n\n  componentWillLoad(): void {\n    this.otp = [...Array(this.inputNum)];\n    this.otpRef = [...Array(this.inputNum)];\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"otp-container\">\n        <div class=\"digits-container\">\n          {this.otp.map((_val, i) => (\n            <input\n              class={this.status == InputStatus.ERROR ? \"error\" : null}\n              onKeyDown={(e: KeyboardEvent) => {\n                if (e.keyCode > 47) {\n                  this.otpRef[i].value = \"\";\n                }\n              }}\n              onKeyUp={(e: KeyboardEvent) => {\n                if (e.keyCode > 47) {\n                  i < this.inputNum - 1 && this.otpRef[i + 1].focus();\n                }\n              }}\n              onInput={(e: InputEvent) => {\n                this.otp[i] = (e.target as HTMLInputElement).value;\n                this.emitInputChange(this.otp.join(\"\"));\n              }}\n              type=\"text\"\n              minlength=\"1\"\n              maxlength=\"1\"\n              autoComplete=\"off\"\n              ref={(el) => (this.otpRef[i] = el)}\n            />\n          ))}\n        </div>\n        <z-input-message\n          message={this.message}\n          status={this.status}\n        ></z-input-message>\n      </div>\n    );\n  }\n}\n"],"mappings":"8WAAA,IAAMA,UAAY,4xBAClB,IAAAC,WAAeD,U,ICOFE,KAAI,W,oGAGK,E,6CAkBZA,EAAAC,UAAAC,gBAAA,SAAgBC,GACtBC,KAAKC,UAAUC,KAAK,CAACH,MAAKA,G,EAG5BH,EAAAC,UAAAM,kBAAA,WACEH,KAAKI,IAAGC,cAAA,GAAOC,MAAMN,KAAKO,UAAS,MACnCP,KAAKQ,OAAMH,cAAA,GAAOC,MAAMN,KAAKO,UAAS,K,EAGxCX,EAAAC,UAAAY,OAAA,eAAAC,EAAAV,KACE,OACEW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACRb,KAAKI,IAAIU,KAAI,SAACC,EAAMC,GAAC,OACpBL,EAAA,SACEE,MAAOH,EAAKO,QAAUC,YAAYC,MAAQ,QAAU,KACpDC,UAAW,SAACC,GACV,GAAIA,EAAEC,QAAU,GAAI,CAClBZ,EAAKF,OAAOQ,GAAGjB,MAAQ,E,GAG3BwB,QAAS,SAACF,GACR,GAAIA,EAAEC,QAAU,GAAI,CAClBN,EAAIN,EAAKH,SAAW,GAAKG,EAAKF,OAAOQ,EAAI,GAAGQ,O,GAGhDC,QAAS,SAACJ,GACRX,EAAKN,IAAIY,GAAMK,EAAEK,OAA4B3B,MAC7CW,EAAKZ,gBAAgBY,EAAKN,IAAIuB,KAAK,I,EAErCC,KAAK,OACLC,UAAU,IACVC,UAAU,IACVC,aAAa,MACbC,IAAK,SAACC,GAAE,OAAMvB,EAAKF,OAAOQ,GAAKiB,CAAvB,GArBU,KAyBxBtB,EAAA,mBAAAC,IAAA,2CACEsB,QAASlC,KAAKkC,QACdjB,OAAQjB,KAAKiB,S,WA7DN,G","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(t,i,n){if(n||arguments.length===2)for(var a=0,o=i.length,e;a<o;a++){if(e||!(a in i)){if(!e)e=Array.prototype.slice.call(i,0,a);e[a]=i[a]}}return t.concat(e||Array.prototype.slice.call(i))};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-ab5f1eaa.js";import{I as InputType}from"./index-2255c6c8.js";var stylesCss="z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-flow:column wrap;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{-webkit-box-sizing:border-box;box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:-ms-flexbox;display:flex;max-width:100%;height:48px;-ms-flex-align:center;align-items:center}z-pagination .pagination-bar button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;margin:0;background-color:var(--color-surface03);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;-webkit-transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out;transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-hover-surface);-webkit-box-shadow:inset var(--shadow-focus-primary);box-shadow:inset var(--shadow-focus-primary);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{background-color:var(--color-disabled01);color:var(--color-disabled03);cursor:default;pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:-ms-flexbox;display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button:focus-visible{border-bottom-color:var(--color-hover-light)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-default-text);text-transform:uppercase}z-pagination .go-to-page .inputs{display:-ms-flexbox;display:flex;-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}z-pagination .mobile-go-to-page{display:-ms-flexbox;display:flex;height:100%;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-surface03)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--color-hover-surface)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-light)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";var ZPaginationStyle0=stylesCss;var ZPagination=function(){function t(t){registerInstance(this,t);this.pageChanged=createEvent(this,"pageChanged",7);this.label=undefined;this.navArrows=true;this.totalPages=undefined;this.skip=0;this.edges=false;this.split=undefined;this.visiblePages=undefined;this.currentPage=1;this.goToPage=undefined;this._visiblePages=this.visiblePages;this.isMobile=false;this.goToPageValue=null}t.prototype.setPagesContainerWidth=function(){if(!this._visiblePages||this.split){this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");return}var t=window.getComputedStyle(this.host);var i=t.getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width","calc(".concat(i," * ").concat(this._visiblePages,")"))};t.prototype.setVisiblePages=function(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)};t.prototype.onPageChanged=function(){this.pageChanged.emit(this.currentPage);this.scrollToPage()};t.prototype.onSplitChanged=function(){if(this.split){this.edges=false}};t.prototype.onResize=function(){this.setMobile()};t.prototype.setMobile=function(){var t="screen and (max-width: 767px)";this.isMobile=window.matchMedia(t).matches};t.prototype.getPagesChunks=function(){var t=Array.from({length:this.totalPages},(function(t,i){return i+1}));var i=[];var n=Math.ceil(t.length/this._visiblePages);for(var a=0;a<n;a++){i.push(t.slice(a*this._visiblePages,(a+1)*this._visiblePages))}return i};t.prototype.scrollToPage=function(){var t=this.host.querySelector('[data-page="'.concat(this.currentPage,'"]'));if(!t){return}t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})};t.prototype.selectPage=function(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)};t.prototype.renderPage=function(t){var i=this;return h("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:"Vai alla pagina ".concat(t),"data-page":t,"data-current":this.currentPage===t,onClick:function(){return i.selectPage(t)}},t)};t.prototype.renderEllipsisButton=function(t){var i=this;return h("button",{class:"ellipsis-button",type:"button",title:"Vai alla pagina ".concat(t),onClick:function(){return i.selectPage(t)}},"…")};t.prototype.renderPages=function(){var t=this;var i=this.getPagesChunks();if(i.length<=0){return}return i.map((function(i){return h("div",{class:"pages-chunk"},i.map((function(i){return t.renderPage(i)})))}))};t.prototype.renderSplitPages=function(){var t=this;if(this.totalPages<=this.split*2+5){return Array.from({length:this.totalPages},(function(i,n){return t.renderPage(n+1)}))}if(this.currentPage<=this.split*2+2){return __spreadArray(__spreadArray([],Array.from({length:this.split*2+3},(function(i,n){return t.renderPage(n+1)})),true),[this.renderEllipsisButton(this.split*2+4),this.renderPage(this.totalPages)],false)}if(this.currentPage>this.split*2+2&&this.currentPage<this.totalPages-this.split*2-1){return __spreadArray(__spreadArray([this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1)],Array.from({length:this.split*2+1},(function(i,n){return t.renderPage(t.currentPage-t.split+n)})),true),[this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)],false)}return __spreadArray([this.renderPage(1),this.renderEllipsisButton(this.totalPages-this.split*2-3)],Array.from({length:this.split*2+3},(function(i,n){return t.renderPage(t.totalPages-t.split*2-2+n)})),true)};t.prototype.renderBackButton=function(){var t=this;return h("button",{class:"navigation-button",type:"button",title:"Vai alla pagina precedente",disabled:this.currentPage===1,onClick:function(){return t.selectPage(t.currentPage-1)}},h("z-icon",{name:"chevron-left"}))};t.prototype.renderForwardButton=function(){var t=this;return h("button",{class:"navigation-button",type:"button",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:function(){return t.selectPage(t.currentPage+1)}},h("z-icon",{name:"chevron-right"}))};t.prototype.renderMobile=function(){var t=this;var i=this.getPagesChunks();return[this.label&&h("span",{class:"page-label body-1-sb"},this.label),h("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&h("div",{class:"pages-container",role:"navigation",tabIndex:-1},i.length>0&&i.map((function(i){return h("div",{class:"pages-chunk"},i.map((function(i){return t.renderPage(i)})))}))),this.goToPage&&h("form",{class:"mobile-go-to-page",onSubmit:function(i){i.preventDefault();t.selectPage(t.goToPageValue)}},h("z-input",{class:"go-to-page-input",type:InputType.NUMBER,min:1,max:this.totalPages,message:false,onInput:function(i){t.goToPageValue=i.target.value},placeholder:this.currentPage.toString(),hasclearicon:false}),h("span",null,"/".concat(this.totalPages))),this.renderForwardButton())]};t.prototype.componentDidLoad=function(){this.setVisiblePages()};t.prototype.componentDidRender=function(){if(this.split){this.edges=false}this.setPagesContainerWidth();this.setMobile()};t.prototype.render=function(){var t=this;if(this.isMobile){return h(Host,null,this.renderMobile())}return h(Host,null,h("div",{class:"pagination-bar"},this.label&&h("span",{class:"page-label body-1-sb"},this.label),this.edges&&h("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:this.currentPage===1,onClick:function(){return t.selectPage(1)}},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&h("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.currentPage-this.skip),disabled:this.currentPage<=this.skip,onClick:function(){return t.selectPage(t.currentPage-t.skip)}},"-",this.skip),this.navArrows&&this.renderBackButton(),h("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&h("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.currentPage+this.skip),disabled:this.currentPage>this.totalPages-this.skip,onClick:function(){return t.selectPage(t.currentPage+t.skip)}},"+",this.skip),this.edges&&h("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.totalPages),disabled:this.currentPage===this.totalPages,onClick:function(){return t.selectPage(t.totalPages)}},"Pagina ",this.totalPages)),this.goToPage&&h("div",{class:"go-to-page"},h("span",{class:"label body-5-sb"},"Vai a pagina:"),h("div",{class:"inputs"},h("z-input",{class:"go-to-page-input",type:InputType.NUMBER,min:1,max:this.totalPages,message:false,placeholder:"2",hasclearicon:false,onInput:function(i){t.goToPageValue=i.target.value},onKeyDown:function(i){return i.key==="Enter"&&t.selectPage(t.goToPageValue)}}),h("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:function(){return t.selectPage(t.goToPageValue)}},"vai"))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{_visiblePages:["setPagesContainerWidth"],visiblePages:["setVisiblePages"],currentPage:["onPageChanged"],split:["onSplitChanged"]}},enumerable:false,configurable:true});return t}();ZPagination.style=ZPaginationStyle0;export{ZPagination as z_pagination};
+//# sourceMappingURL=z-pagination.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPaginationStyle0","ZPagination","this","visiblePages","prototype","setPagesContainerWidth","_visiblePages","split","host","style","setProperty","pagesContainerStyle","window","getComputedStyle","pageButtonWidth","getPropertyValue","concat","setVisiblePages","Math","min","totalPages","onPageChanged","pageChanged","emit","currentPage","scrollToPage","onSplitChanged","edges","onResize","setMobile","mobileMediaQuery","isMobile","matchMedia","matches","getPagesChunks","pages","Array","from","length","_","i","chunks","chunksCount","ceil","index","push","slice","pageBtn","querySelector","scrollIntoView","behavior","block","inline","selectPage","page","max","renderPage","_this","h","class","type","title","onClick","renderEllipsisButton","renderPages","pagesChunks","map","chunk","renderSplitPages","__spreadArray","renderBackButton","disabled","name","renderForwardButton","renderMobile","label","goToPage","role","tabIndex","onSubmit","ev","preventDefault","goToPageValue","InputType","NUMBER","message","onInput","target","value","placeholder","toString","hasclearicon","componentDidLoad","componentDidRender","render","Host","skip","navArrows","onKeyDown","key"],"sources":["src/components/z-pagination/styles.css?tag=z-pagination","src/components/z-pagination/index.tsx"],"sourcesContent":["z-pagination {\n  --z-pagination--page-button-width: 64px;\n  --z-pagination--pages-container-max-width: 100%;\n\n  display: flex;\n  max-width: 100%;\n  flex-flow: column wrap;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);\n}\n\nz-pagination,\nz-pagination * {\n  box-sizing: border-box;\n}\n\nz-pagination button {\n  height: 100%;\n}\n\nz-pagination z-icon {\n  fill: var(--color-primary01-icon);\n}\n\nz-pagination *:disabled z-icon {\n  fill: var(--color-disabled03);\n}\n\nz-pagination .page-label {\n  margin-right: calc(var(--space-unit) * 3);\n  color: var(--color-default-text);\n}\n\nz-pagination .pagination-bar {\n  display: flex;\n  max-width: 100%;\n  height: 48px;\n  align-items: center;\n}\n\nz-pagination .pagination-bar button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  margin: 0;\n  background-color: var(--color-surface03);\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-family: inherit;\n  font-weight: inherit;\n  transition:\n    background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out;\n}\n\nz-pagination .pagination-bar button:focus-visible {\n  background-color: var(--color-hover-surface);\n  box-shadow: inset var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-pagination .pagination-bar .pagination-button {\n  padding: calc(var(--space-unit) * 2);\n  font-weight: var(--font-sb);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\nz-pagination .pagination-bar .navigation-button {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5);\n}\n\nz-pagination .pagination-bar .pagination-button:disabled,\nz-pagination .pagination-bar .navigation-button:disabled {\n  background-color: var(--color-disabled01);\n  color: var(--color-disabled03);\n  cursor: default;\n  pointer-events: none;\n}\n\nz-pagination .pagination-bar .page-button,\nz-pagination .pagination-bar .ellipsis-button {\n  width: var(--z-pagination--page-button-width);\n}\n\nz-pagination .pages-container {\n  position: relative;\n  display: inline-flex;\n  max-width: 100%;\n  height: 100%;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scroll-snap-align: center;\n\n  /* hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\nz-pagination .pages-container::-webkit-scrollbar {\n  display: none;\n}\n\nz-pagination .pages-chunk {\n  display: flex;\n  scroll-snap-align: center;\n}\n\nz-pagination .pagination-bar .page-button {\n  padding-top: var(--border-size-large) solid transparent;\n  border-bottom: var(--border-size-large) solid transparent;\n  font-size: var(--font-size-2);\n  font-weight: var(--font-sb);\n}\n\nz-pagination .pagination-bar .page-button:focus-visible {\n  border-bottom-color: var(--color-hover-light);\n}\n\nz-pagination .pagination-bar .page-button[data-current] {\n  border-bottom-color: var(--color-primary01);\n  font-size: var(--font-size-7);\n}\n\nz-pagination .go-to-page {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .label {\n  color: var(--color-default-text);\n  text-transform: uppercase;\n}\n\nz-pagination .go-to-page .inputs {\n  display: flex;\n  column-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .inputs z-input {\n  width: calc(var(--space-unit) * 11);\n}\n\nz-pagination .go-to-page .inputs z-input input,\nz-pagination .mobile-go-to-page z-input input {\n  padding: 0 calc(var(--space-unit) * 1.5) !important;\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page {\n  display: flex;\n  height: 100%;\n  flex: 1 auto;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-surface03);\n}\n\nz-pagination .mobile-go-to-page z-input {\n  width: var(--z-pagination--page-button-width);\n  margin-right: var(--space-unit);\n}\n\nz-pagination .mobile-go-to-page z-input input {\n  text-align: center;\n}\n\nz-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,\nz-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button {\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page > span {\n  font-size: var(--font-size-2);\n}\n\n@media (hover: hover) {\n  z-pagination .pagination-bar button:hover {\n    background-color: var(--color-hover-surface);\n  }\n\n  z-pagination .pagination-bar .page-button:hover {\n    border-bottom-color: var(--color-hover-light);\n  }\n}\n\n@media (min-width: 768px) {\n  z-pagination {\n    --z-pagination--page-button-width: 88px;\n\n    flex-direction: row;\n    align-items: flex-end;\n  }\n\n  z-pagination .pages-container {\n    max-width: var(--z-pagination--pages-container-max-width);\n  }\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {InputType} from \"../../beans\";\n\n/**\n * Pagination bar component.\n */\n@Component({\n  tag: \"z-pagination\",\n  styleUrl: \"styles.css\",\n})\nexport class ZPagination {\n  @Element() host: HTMLZPaginationElement;\n\n  /** Pagination label placed before the bar. */\n  @Prop()\n  label?: string;\n\n  /** Enable navigation arrows. */\n  @Prop()\n  navArrows = true;\n\n  /** Total number of pages. Required. */\n  @Prop()\n  totalPages!: number;\n\n  /** Number of pages to skip. */\n  @Prop()\n  skip = 0;\n\n  /** Enable buttons to go to the first and last pages. */\n  @Prop()\n  edges = false;\n\n  /** Number of pages to show left/right of the current, before showing \"load more\" symbol (…). */\n  @Prop()\n  split?: number;\n\n  /** Number of pages to show at a time. If not set, all pages will be shown. */\n  @Prop()\n  visiblePages?: number;\n\n  /** Current page. */\n  @Prop({mutable: true})\n  currentPage = 1;\n\n  /** Whether to show \"go to page\" feature. */\n  @Prop()\n  goToPage: boolean;\n\n  /**\n   * Internal visible pages variable.\n   * Needed to better handle conflicting props like `visiblePages` and `split`.\n   * This state will change based on props values and validation,\n   * keeping original `visiblePages` value intact.\n   */\n  @State()\n  private _visiblePages = this.visiblePages;\n\n  /** Used to hides/change some functionalities on smaller screen sizes */\n  @State()\n  isMobile = false;\n\n  /** Value of the go to page input */\n  @State()\n  goToPageValue = null;\n\n  /** Event emitted when the current page has changed. */\n  @Event()\n  pageChanged: EventEmitter;\n\n  /**\n   * Set the max width of the pages container.\n   */\n  @Watch(\"_visiblePages\")\n  setPagesContainerWidth(): void {\n    if (!this._visiblePages || this.split) {\n      this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", \"100%\");\n\n      return;\n    }\n\n    const pagesContainerStyle = window.getComputedStyle(this.host);\n    const pageButtonWidth = pagesContainerStyle.getPropertyValue(\"--z-pagination--page-button-width\");\n    this.host.style.setProperty(\n      \"--z-pagination--pages-container-max-width\",\n      `calc(${pageButtonWidth} * ${this._visiblePages})`\n    );\n  }\n\n  /**\n   * Set visible pages.\n   * Ensure that the visible pages are always <= the total pages.\n   * If `visiblePages` isn't set, fallback to the total pages.\n   */\n  @Watch(\"visiblePages\")\n  setVisiblePages(): void {\n    this._visiblePages = Math.min(this.visiblePages || this.totalPages, this.totalPages);\n  }\n\n  /**\n   * On page changed.\n   * @emits pageChanged\n   */\n  @Watch(\"currentPage\")\n  onPageChanged(): void {\n    this.pageChanged.emit(this.currentPage);\n    this.scrollToPage();\n  }\n\n  /**\n   * On split changed.\n   * Empty `edges` value. The split feature wins over the pages chunks and edges.\n   */\n  @Watch(\"split\")\n  onSplitChanged(): void {\n    if (this.split) {\n      this.edges = false;\n    }\n  }\n\n  /**\n   * Hide stuff on mobile.\n   */\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  onResize(): void {\n    this.setMobile();\n  }\n\n  /**\n   * Set functionalities according to screen size.\n   */\n  private setMobile(): void {\n    const mobileMediaQuery = \"screen and (max-width: 767px)\";\n    this.isMobile = window.matchMedia(mobileMediaQuery).matches;\n  }\n\n  /**\n   * Get a list of pages chunks, each of `visiblePages` length.\n   * @returns {number[][]}\n   */\n  private getPagesChunks(): number[][] {\n    // array of numbers from 1 to `totalPages`\n    const pages = Array.from({length: this.totalPages}, (_, i) => i + 1);\n\n    const chunks = [];\n    const chunksCount = Math.ceil(pages.length / this._visiblePages);\n    for (let index = 0; index < chunksCount; index++) {\n      chunks.push(pages.slice(index * this._visiblePages, (index + 1) * this._visiblePages));\n    }\n\n    return chunks;\n  }\n\n  /**\n   * Scroll to the left the chunk of pages containing the current page.\n   */\n  private scrollToPage(): void {\n    const pageBtn = this.host.querySelector(`[data-page=\"${this.currentPage}\"]`) as HTMLElement;\n\n    if (!pageBtn) {\n      return;\n    }\n\n    pageBtn.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"nearest\",\n      inline: \"center\",\n    });\n  }\n\n  /**\n   * Select a page.\n   * Do validations on the passed value before assigning it to `currentPage`.\n   * @param {number} page Page number to set\n   */\n  private selectPage(page): void {\n    this.currentPage = Math.min(Math.max(page, 1), this.totalPages);\n  }\n\n  /**\n   * Render page number button.\n   * @param {number} page Page number to render\n   * @returns {HTMLButtonElement}\n   */\n  private renderPage(page): HTMLButtonElement {\n    return (\n      <button\n        class=\"page-button\"\n        type=\"button\"\n        aria-current={this.currentPage === page ? \"page\" : \"false\"}\n        title={`Vai alla pagina ${page}`}\n        data-page={page}\n        data-current={this.currentPage === page}\n        onClick={() => this.selectPage(page)}\n      >\n        {page}\n      </button>\n    );\n  }\n\n  /**\n   * Render split button.\n   * @param {number} page Page to select on click.\n   * @returns {HTMLButtonElement}\n   */\n  private renderEllipsisButton(page): HTMLButtonElement {\n    return (\n      <button\n        class=\"ellipsis-button\"\n        type=\"button\"\n        title={`Vai alla pagina ${page}`}\n        onClick={() => this.selectPage(page)}\n      >\n        …\n      </button>\n    );\n  }\n\n  /**\n   * Render chunked page buttons.\n   * @returns {HTMLDivElement[]}\n   */\n  private renderPages(): HTMLDivElement[] {\n    const pagesChunks = this.getPagesChunks();\n    if (pagesChunks.length <= 0) {\n      return;\n    }\n\n    return pagesChunks.map((chunk) => <div class=\"pages-chunk\">{chunk.map((page) => this.renderPage(page))}</div>);\n  }\n\n  /**\n   * Render page buttons when split feature is enabled.\n   * @returns {HTMLButtonElement[]}\n   */\n  private renderSplitPages(): HTMLButtonElement[] {\n    // left and right split pages, current page, first and last page, left and right ellipsis button\n    if (this.totalPages <= this.split * 2 + 5) {\n      // Too few pages: ellipsis will never be rendered, so let's just render all pages and that's it.\n      return Array.from({length: this.totalPages}, (_, i) => this.renderPage(i + 1));\n    }\n\n    if (this.currentPage <= this.split * 2 + 2) {\n      // Render first (2 * split + 3) pages, ellipsis, then last page.\n      return [\n        ...Array.from({length: this.split * 2 + 3}, (_, i) => this.renderPage(i + 1)),\n        this.renderEllipsisButton(this.split * 2 + 4),\n        this.renderPage(this.totalPages),\n      ];\n    }\n\n    if (this.currentPage > this.split * 2 + 2 && this.currentPage < this.totalPages - this.split * 2 - 1) {\n      // Render first page, ellipsis, current page surrounded by (split) pages both before and after, another ellipsis, then last page.\n      return [\n        this.renderPage(1),\n        this.renderEllipsisButton(this.currentPage - this.split - 1),\n        ...Array.from({length: this.split * 2 + 1}, (_, i) => this.renderPage(this.currentPage - this.split + i)),\n        this.renderEllipsisButton(this.currentPage + this.split + 1),\n        this.renderPage(this.totalPages),\n      ];\n    }\n\n    // Render first page, ellipsis, then last (2 * split + 3) pages.\n    return [\n      this.renderPage(1),\n      this.renderEllipsisButton(this.totalPages - this.split * 2 - 3),\n      ...Array.from({length: this.split * 2 + 3}, (_, i) => this.renderPage(this.totalPages - this.split * 2 - 2 + i)),\n    ];\n  }\n\n  private renderBackButton(): HTMLButtonElement {\n    return (\n      <button\n        class=\"navigation-button\"\n        type=\"button\"\n        title=\"Vai alla pagina precedente\"\n        disabled={this.currentPage === 1}\n        onClick={() => this.selectPage(this.currentPage - 1)}\n      >\n        <z-icon name=\"chevron-left\"></z-icon>\n      </button>\n    );\n  }\n\n  private renderForwardButton(): HTMLButtonElement {\n    return (\n      <button\n        class=\"navigation-button\"\n        type=\"button\"\n        title=\"Vai alla prossima pagina\"\n        disabled={this.currentPage === this.totalPages}\n        onClick={() => this.selectPage(this.currentPage + 1)}\n      >\n        <z-icon name=\"chevron-right\"></z-icon>\n      </button>\n    );\n  }\n\n  private renderMobile(): HTMLElement[] {\n    const pagesChunks = this.getPagesChunks();\n\n    return [\n      this.label && <span class=\"page-label body-1-sb\">{this.label}</span>,\n\n      <div class=\"pagination-bar\">\n        {this.renderBackButton()}\n\n        {!this.goToPage && (\n          <div\n            class=\"pages-container\"\n            role=\"navigation\"\n            tabIndex={-1}\n          >\n            {pagesChunks.length > 0 &&\n              pagesChunks.map((chunk) => <div class=\"pages-chunk\">{chunk.map((page) => this.renderPage(page))}</div>)}\n          </div>\n        )}\n\n        {this.goToPage && (\n          <form\n            class=\"mobile-go-to-page\"\n            onSubmit={(ev) => {\n              ev.preventDefault();\n              this.selectPage(this.goToPageValue);\n            }}\n          >\n            <z-input\n              class=\"go-to-page-input\"\n              type={InputType.NUMBER}\n              min={1}\n              max={this.totalPages}\n              message={false}\n              onInput={(ev: InputEvent) => {\n                this.goToPageValue = (ev.target as HTMLZInputElement).value;\n              }}\n              placeholder={this.currentPage.toString()}\n              hasclearicon={false}\n            ></z-input>\n            <span>{`/${this.totalPages}`}</span>\n          </form>\n        )}\n\n        {this.renderForwardButton()}\n      </div>,\n    ];\n  }\n\n  componentDidLoad(): void {\n    this.setVisiblePages();\n  }\n\n  componentDidRender(): void {\n    if (this.split) {\n      this.edges = false;\n    }\n\n    this.setPagesContainerWidth();\n    this.setMobile();\n  }\n\n  render(): HTMLZPaginationElement {\n    if (this.isMobile) {\n      return <Host>{this.renderMobile()}</Host>;\n    }\n\n    return (\n      <Host>\n        <div class=\"pagination-bar\">\n          {this.label && <span class=\"page-label body-1-sb\">{this.label}</span>}\n\n          {this.edges && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title=\"Vai alla pagina 1\"\n              disabled={this.currentPage === 1}\n              onClick={() => this.selectPage(1)}\n            >\n              Pagina 1\n            </button>\n          )}\n\n          {this.skip < this.totalPages && this.skip > 1 && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.currentPage - this.skip}`}\n              disabled={this.currentPage <= this.skip}\n              onClick={() => this.selectPage(this.currentPage - this.skip)}\n            >\n              -{this.skip}\n            </button>\n          )}\n\n          {this.navArrows && this.renderBackButton()}\n\n          <div\n            class=\"pages-container\"\n            role=\"navigation\"\n            tabIndex={-1}\n          >\n            {this.split ? this.renderSplitPages() : this.renderPages()}\n          </div>\n\n          {this.navArrows && this.renderForwardButton()}\n\n          {this.skip < this.totalPages && this.skip > 1 && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.currentPage + this.skip}`}\n              disabled={this.currentPage > this.totalPages - this.skip}\n              onClick={() => this.selectPage(this.currentPage + this.skip)}\n            >\n              +{this.skip}\n            </button>\n          )}\n\n          {this.edges && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.totalPages}`}\n              disabled={this.currentPage === this.totalPages}\n              onClick={() => this.selectPage(this.totalPages)}\n            >\n              Pagina {this.totalPages}\n            </button>\n          )}\n        </div>\n        {this.goToPage && (\n          <div class=\"go-to-page\">\n            <span class=\"label body-5-sb\">Vai a pagina:</span>\n            <div class=\"inputs\">\n              <z-input\n                class=\"go-to-page-input\"\n                type={InputType.NUMBER}\n                min={1}\n                max={this.totalPages}\n                message={false}\n                placeholder=\"2\"\n                hasclearicon={false}\n                onInput={(ev: InputEvent) => {\n                  this.goToPageValue = (ev.target as HTMLZInputElement).value;\n                }}\n                onKeyDown={(ev) => ev.key === \"Enter\" && this.selectPage(this.goToPageValue)}\n              ></z-input>\n              <z-button\n                disabled={!this.goToPageValue}\n                title=\"Vai alla pagina inserita\"\n                onClick={() => this.selectPage(this.goToPageValue)}\n              >\n                vai\n              </z-button>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/z-panel-elem.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-ab5f1eaa.js";var stylesCss=".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;-o-object-fit:contain;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}";var ZPanelElemStyle0=stylesCss;var ZPanelElem=function(){function e(e){registerInstance(this,e);this.elemid=undefined;this.imgurl=undefined;this.imgalt=undefined;this.linkicon=undefined;this.linklabel=undefined;this.url=undefined;this.target="_blank";this.isdisabled=false;this.descrSlotName=undefined}e.prototype.render=function(){var e=this.elemid?this.elemid:"";return h("div",{key:"bbae0bd29656529b2019a66668d6dfbf66b9b0a1",class:"panel-elem-container"},(this.imgurl||this.imgalt)&&h("div",{key:"620411ca326a5975d3cc21549cfc51a7d7eea519","aria-hidden":"true",class:"panel-elem-icon"},h("img",{key:"79a77af32280e5f1e58f794f07c1365da1fa30a7",src:this.imgurl,alt:this.imgalt})),h("div",{key:"67ad3e575caab6d93bf8d0a17de138ae59fffb35",class:"panel-elem-link"},h("a",{key:"f79f44642cbceefd484bbe63e4af6ea03d197fec",class:{"z-link":true,"z-link-disabled":this.isdisabled,"z-link-icon":true},id:e+"link_id",href:this.url,target:this.target},h("z-icon",{key:"0f112223c94273b9baa33da513c60a51dba33e7b",height:14,width:14,name:this.linkicon}),this.linklabel)),this.descrSlotName&&h("div",{key:"4ae5da7e8a2a92be4c801790a90b6907e7ffe6b3",class:"panel-elem-desc"},h("slot",{key:"4c4e6872a2fe1cb443002a004b5aa1ce18a8f96f",name:this.descrSlotName})))};return e}();ZPanelElem.style=ZPanelElemStyle0;export{ZPanelElem as z_panel_elem};
+//# sourceMappingURL=z-panel-elem.entry.js.map

package/dist/esm-es5/z-panel-elem.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPanelElemStyle0","ZPanelElem","prototype","render","elemId","this","elemid","h","key","class","imgurl","imgalt","src","alt","isdisabled","id","href","url","target","height","width","name","linkicon","linklabel","descrSlotName"],"sources":["src/components/z-panel-elem/styles.css?tag=z-panel-elem&encapsulation=scoped","src/components/z-panel-elem/index.tsx"],"sourcesContent":[":host {\n  width: inherit;\n  font-family: var(--font-family sans);\n  font-weight: var(--font-rg);\n}\n\n.panel-elem-container {\n  width: 100%;\n}\n\n.panel-elem-icon {\n  margin: auto calc(var(--space-unit) * 3);\n}\n\n.panel-elem-icon img {\n  display: block;\n  max-width: 96px;\n  height: 32px;\n  margin: auto;\n  object-fit: contain;\n}\n\n.panel-elem-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: var(--space-unit) auto 0;\n  border-radius: var(--border-no-radius);\n  font-size: 12px;\n}\n\n.panel-elem-link > a.z-link {\n  padding: calc(var(--space-unit) * 0.5) 0;\n  font-weight: var(--font-sb);\n}\n\n.panel-elem-desc {\n  padding-top: var(--space-unit);\n  margin: 0;\n  letter-spacing: 0.16px;\n  text-align: center;\n}\n\na > z-icon {\n  margin-right: var(--space-unit);\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n/**\n * @slot `descrSlotName` - description content\n */\n@Component({\n  tag: \"z-panel-elem\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZPanelElem {\n  /** html element id (optional) */\n  @Prop()\n  elemid?: string;\n\n  /** image url source (optional) */\n  @Prop()\n  imgurl?: string;\n\n  /** alternative image text (optional) */\n  @Prop()\n  imgalt?: string;\n\n  /** icon link name (optional) */\n  @Prop()\n  linkicon?: string;\n\n  /** link label text*/\n  @Prop()\n  linklabel: string;\n\n  /** link url */\n  @Prop()\n  url: string;\n\n  /** link target (optional) */\n  @Prop()\n  target?: string = \"_blank\";\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** name of slot container (optional) */\n  @Prop()\n  descrSlotName?: string;\n\n  render(): HTMLDivElement {\n    const elemId = this.elemid ? this.elemid : \"\";\n\n    return (\n      <div class=\"panel-elem-container\">\n        {(this.imgurl || this.imgalt) && (\n          <div\n            aria-hidden=\"true\"\n            class=\"panel-elem-icon\"\n          >\n            <img\n              src={this.imgurl}\n              alt={this.imgalt}\n            />\n          </div>\n        )}\n        <div class=\"panel-elem-link\">\n          <a\n            class={{\n              \"z-link\": true,\n              \"z-link-disabled\": this.isdisabled,\n              \"z-link-icon\": true,\n            }}\n            id={elemId + \"link_id\"}\n            href={this.url}\n            target={this.target}\n          >\n            <z-icon\n              height={14}\n              width={14}\n              name={this.linkicon}\n            ></z-icon>\n            {this.linklabel}\n          </a>\n        </div>\n        {this.descrSlotName && (\n          <div class=\"panel-elem-desc\">\n            <slot name={this.descrSlotName} />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,IAAMA,UAAY,i5BAClB,IAAAC,iBAAeD,U,ICUFE,WAAU,W,yLA2BH,S,gBAIK,M,6BAMvBA,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAASC,KAAKC,OAASD,KAAKC,OAAS,GAE3C,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACPJ,KAAKK,QAAUL,KAAKM,SACpBJ,EAAA,OAAAC,IAAA,yDACc,OACZC,MAAM,mBAENF,EAAA,OAAAC,IAAA,2CACEI,IAAKP,KAAKK,OACVG,IAAKR,KAAKM,UAIhBJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,KAAAC,IAAA,2CACEC,MAAO,CACL,SAAU,KACV,kBAAmBJ,KAAKS,WACxB,cAAe,MAEjBC,GAAIX,EAAS,UACbY,KAAMX,KAAKY,IACXC,OAAQb,KAAKa,QAEbX,EAAA,UAAAC,IAAA,2CACEW,OAAQ,GACRC,MAAO,GACPC,KAAMhB,KAAKiB,WAEZjB,KAAKkB,YAGTlB,KAAKmB,eACJjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,QAAAC,IAAA,2CAAMa,KAAMhB,KAAKmB,iB,WA1EN,G","ignoreList":[]}

package/dist/esm-es5/z-pocket-message.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-ab5f1eaa.js";var stylesCss=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:grid;padding-top:calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--color-surface03);color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;grid-template-columns:36px auto;grid-template-rows:auto auto}:host>div>z-icon{grid-column:1 / 2;grid-row:1 / 2}:host>div>div.content{margin-bottom:var(--space-unit);grid-column:2 / 3;grid-row:1 / 2}:host>div>div.cta-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:var(--space-unit);grid-column:1 / 3;grid-row:2 / 3}@media only screen and (min-width: 768px){:host>div>div.cta-wrapper{-ms-flex-direction:row;flex-direction:row;grid-column:2 / 3}}";var ZPocketMessageStyle0=stylesCss;var ZPocketMessage=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("div",{key:"94fdc25ba4ed0c5f5e84c009b28349a659a35e7d"},h("z-icon",{key:"dbfe2f3bde1476afa7b852e3e53f1150477e9992",name:"exclamation-circle"}),h("div",{key:"7391e3e79397acaf1d8ef706549403f33ff4e649",class:"content"},h("slot",{key:"7a54d609a2d40de9df327b3a73bc9a9e01eddc27"})),h("div",{key:"dd97a4204d0ab7668b3ef6847b18ae578bb4aeea",class:"cta-wrapper"},h("slot",{key:"7bdc0e8253113f03976d151baefaf7b8bcbf777f",name:"cta"})))};return e}();ZPocketMessage.style=ZPocketMessageStyle0;export{ZPocketMessage as z_pocket_message};
+//# sourceMappingURL=z-pocket-message.entry.js.map

package/dist/esm-es5/z-pocket-message.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPocketMessageStyle0","ZPocketMessage","prototype","render","h","key","name","class"],"sources":["src/snowflakes/myz/pocket/z-pocket-message/styles.css?tag=z-pocket-message&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket-message/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: grid;\n  padding-top: calc(var(--space-unit) * 1.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  color: var(--color-surface05);\n  fill: var(--color-surface05);\n  font-size: 14px;\n  grid-template-columns: 36px auto;\n  grid-template-rows: auto auto;\n}\n\n:host > div > z-icon {\n  grid-column: 1 / 2;\n  grid-row: 1 / 2;\n}\n\n:host > div > div.content {\n  margin-bottom: var(--space-unit);\n  grid-column: 2 / 3;\n  grid-row: 1 / 2;\n}\n\n:host > div > div.cta-wrapper {\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: center;\n  justify-content: flex-start;\n  margin-bottom: var(--space-unit);\n  grid-column: 1 / 3;\n  grid-row: 2 / 3;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  :host > div > div.cta-wrapper {\n    flex-direction: row;\n    grid-column: 2 / 3;\n  }\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot  - message body\n * @slot cta - message CTAs\n */\n@Component({\n  tag: \"z-pocket-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocketMessage {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-icon name=\"exclamation-circle\" />\n        <div class=\"content\">\n          <slot />\n        </div>\n        <div class=\"cta-wrapper\">\n          <slot name=\"cta\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,IAAMA,UAAY,o2BAClB,IAAAC,qBAAeD,U,ICUFE,eAAc,W,uCACzBA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,UAAAC,IAAA,2CAAQC,KAAK,uBACbF,EAAA,OAAAC,IAAA,2CAAKE,MAAM,WACTH,EAAA,QAAAC,IAAA,8CAEFD,EAAA,OAAAC,IAAA,2CAAKE,MAAM,eACTH,EAAA,QAAAC,IAAA,2CAAMC,KAAK,S,WATM,G","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function a(t){try{c(n.next(t))}catch(t){r(t)}}function s(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):o(t.value).then(a,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return c([t,e])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(n=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];o=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-ab5f1eaa.js";import{q as PocketStatus}from"./index-2255c6c8.js";import{H as Hammer}from"./hammer-f1ed46b5.js";import{a as handleKeyboardSubmit}from"./utils-7983d02c.js";import"./breakpoints-680e0e56.js";var stylesCss$2=":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;-webkit-box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%);box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";var ZPocketStyle0=stylesCss$2;var ZPocket=function(){function t(t){registerInstance(this,t);this.pocketToggle=createEvent(this,"pocketToggle",7);this.pocketid=undefined;this.status=PocketStatus.PREVIEW}t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.status=PocketStatus.OPEN;return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.status=PocketStatus.CLOSED;return[2]}))}))};t.prototype.emitPocketToggle=function(t,e){this.pocketToggle.emit({id:t,status:e})};t.prototype.handlePocketHeaderClick=function(t){if(t.detail.id&&t.detail.id===this.pocketid){switch(this.status){case PocketStatus.PREVIEW:case PocketStatus.CLOSED:this.status=PocketStatus.OPEN;break;case PocketStatus.OPEN:this.status=PocketStatus.CLOSED;break}}};t.prototype.handlePocketHeaderPan=function(t){if(t.detail.id&&t.detail.id===this.pocketid){if(t.detail.direction==="up"){this.status=PocketStatus.OPEN}else if(t.detail.direction==="down"){this.status=PocketStatus.CLOSED}}};t.prototype.watchStatusHandler=function(t){this.emitPocketToggle(this.pocketid,t)};t.prototype.componentWillLoad=function(){this.emitPocketToggle(this.pocketid,this.status)};t.prototype.handleBackgroundClick=function(t){if(t.target.dataset.action=="pocketBackground"){this.close()}};t.prototype.render=function(){var t=this;return h("div",{key:"45e8cd09d2390cda3ef219256245868d2c96a970"},h("div",{key:"3eb0f5af6a61188321d4258eaa8201f7ee24a607","data-action":"pocketBackground","data-pocket":this.pocketid,class:"background ".concat(this.status),onClick:function(e){return t.handleBackgroundClick(e)}}),h("div",{key:"453fc771bb812749b02687a4acf43eb60c8a32ec",id:this.pocketid,class:"content-wrapper"},h("div",{key:"d84500c28a276e0e30eb3eef88d8141dd047f290"},h("slot",{key:"dcd5b7827d6fc211ce38300af4aaa7efcbe71ef2"}))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{status:["watchStatusHandler"]}},enumerable:false,configurable:true});return t}();ZPocket.style=ZPocketStyle0;var stylesCss$1=":host{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>main{overflow:auto;border-right:var(--border-size-small) solid var(--color-surface03);border-left:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);scrollbar-width:none}:host>main.preview{max-height:225px;-webkit-transition:all 200ms ease-in-out,\n    top 200ms ease-in-out;transition:all 200ms ease-in-out,\n    top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);-webkit-transition:all 200ms ease-in-out,\n    top 200ms ease-in-out;transition:all 200ms ease-in-out,\n    top 200ms ease-in-out}:host>main.closed{height:0;-webkit-transition:all 200ms ease-in-out,\n    top 200ms ease-in-out;transition:all 200ms ease-in-out,\n    top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";var ZPocketBodyStyle0=stylesCss$1;var ZPocketBody=function(){function t(t){registerInstance(this,t);this.pocketid=undefined;this.status=PocketStatus.PREVIEW}t.prototype.handlePocketToggle=function(t){if(t.detail.id&&t.detail.id===this.pocketid){this.status=t.detail.status}};t.prototype.render=function(){return h("main",{key:"b617d3b45b165732ac7f354c52e789b141eef47a",class:this.status},h("slot",{key:"bfed72b7529e4ee7f05e929d332a5913f46445bf"}))};return t}();ZPocketBody.style=ZPocketBodyStyle0;var stylesCss=":host{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>header{display:-ms-flexbox;display:flex;height:36px;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);border-radius:var(--space-unit) var(--space-unit) 0 0;cursor:pointer}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";var ZPocketHeaderStyle0=stylesCss;var ZPocketHeader=function(){function t(t){registerInstance(this,t);this.pocketHeaderClick=createEvent(this,"pocketHeaderClick",7);this.pocketHeaderPan=createEvent(this,"pocketHeaderPan",7);this.pocketid=undefined;this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}t.prototype.emitPocketHeaderClick=function(){this.pocketHeaderClick.emit({id:this.pocketid})};t.prototype.emitPocketHeaderPan=function(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})};t.prototype.componentDidLoad=function(){var t=this;var e=new Hammer(this.swipeWrap);e.get("pan").set({direction:Hammer.DIRECTION_VERTICAL});e.on("panup",(function(){return t.emitPocketHeaderPan("up")}));e.on("pandown",(function(){return t.emitPocketHeaderPan("down")}))};t.prototype.render=function(){var t=this;return h("header",{key:"e7f1ed78dd4b33c701d5bd0f648c9401d8a38313",role:"button",tabindex:0,onClick:function(){return t.emitPocketHeaderClick()},onKeyPress:function(e){return handleKeyboardSubmit(e,t.emitPocketHeaderClick)},ref:function(e){return t.swipeWrap=e}},h("slot",{key:"1d8bb012ac6dcdf3337d0c70df59b3b098e9de56"}))};return t}();ZPocketHeader.style=ZPocketHeaderStyle0;export{ZPocket as z_pocket,ZPocketBody as z_pocket_body,ZPocketHeader as z_pocket_header};
+//# sourceMappingURL=z-pocket_3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPocketStyle0","ZPocket","PocketStatus","PREVIEW","class_1","prototype","open","this","status","OPEN","close","CLOSED","emitPocketToggle","id","pocketToggle","emit","handlePocketHeaderClick","e","detail","pocketid","handlePocketHeaderPan","direction","watchStatusHandler","newVal","componentWillLoad","handleBackgroundClick","target","dataset","action","render","_this","h","key","class","concat","onClick","ZPocketBodyStyle0","ZPocketBody","handlePocketToggle","ZPocketHeaderStyle0","ZPocketHeader","hostRef","emitPocketHeaderClick","bind","pocketHeaderClick","emitPocketHeaderPan","pocketHeaderPan","componentDidLoad","mc","Hammer","swipeWrap","get","set","DIRECTION_VERTICAL","on","role","tabindex","onKeyPress","ev","handleKeyboardSubmit","ref","el"],"sources":["src/snowflakes/myz/pocket/z-pocket/styles.css?tag=z-pocket&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket/index.tsx","src/snowflakes/myz/pocket/z-pocket-body/styles.css?tag=z-pocket-body&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket-body/index.tsx","src/snowflakes/myz/pocket/z-pocket-header/styles.css?tag=z-pocket-header&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket-header/index.tsx"],"sourcesContent":[":host {\n  width: inherit;\n  height: 100%;\n  margin: inherit;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  width: inherit;\n  height: 100%;\n  margin: inherit;\n}\n\n:host > div > div.background {\n  position: fixed;\n  z-index: 998;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 0;\n}\n\n:host > div > div.background.open {\n  width: 100%;\n  height: 100%;\n}\n\n:host > div > div.content-wrapper {\n  position: fixed;\n  z-index: 999;\n  bottom: 0;\n  left: 0;\n  width: inherit;\n  margin: inherit;\n}\n\n:host > div > div.content-wrapper > div {\n  margin: calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);\n  border-radius: var(--space-unit) var(--space-unit) 0 0;\n  box-shadow: 0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%);\n}\n","import {Component, Element, Event, EventEmitter, Listen, Method, Prop, Watch, h} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/**\n * @slot - pocket content\n */\n@Component({\n  tag: \"z-pocket\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocket {\n  @Element() hostElement: HTMLZPocketElement;\n\n  /** pocket id */\n  @Prop()\n  pocketid: string;\n\n  /** pocket status */\n  @Prop({mutable: true})\n  status: PocketStatus = PocketStatus.PREVIEW;\n\n  /** open z-pocket */\n  @Method()\n  async open(): Promise<void> {\n    this.status = PocketStatus.OPEN;\n  }\n\n  /** close z-pocket */\n  @Method()\n  async close(): Promise<void> {\n    this.status = PocketStatus.CLOSED;\n  }\n\n  /** Emitted on pocket toggle, returns pocket id and status */\n  @Event()\n  pocketToggle: EventEmitter;\n\n  private emitPocketToggle(id: string, status: PocketStatus): void {\n    this.pocketToggle.emit({id, status});\n  }\n\n  @Listen(\"pocketHeaderClick\")\n  handlePocketHeaderClick(e: CustomEvent): void {\n    if (e.detail.id && e.detail.id === this.pocketid) {\n      switch (this.status) {\n        case PocketStatus.PREVIEW:\n        case PocketStatus.CLOSED:\n          this.status = PocketStatus.OPEN;\n          break;\n        case PocketStatus.OPEN:\n          this.status = PocketStatus.CLOSED;\n          break;\n      }\n    }\n  }\n\n  @Listen(\"pocketHeaderPan\")\n  handlePocketHeaderPan(e: CustomEvent): void {\n    if (e.detail.id && e.detail.id === this.pocketid) {\n      if (e.detail.direction === \"up\") {\n        this.status = PocketStatus.OPEN;\n      } else if (e.detail.direction === \"down\") {\n        this.status = PocketStatus.CLOSED;\n      }\n    }\n  }\n\n  @Watch(\"status\")\n  watchStatusHandler(newVal: PocketStatus): void {\n    this.emitPocketToggle(this.pocketid, newVal);\n  }\n\n  componentWillLoad(): void {\n    this.emitPocketToggle(this.pocketid, this.status);\n  }\n\n  private handleBackgroundClick(e: MouseEvent): void {\n    if ((e.target as HTMLElement).dataset.action == \"pocketBackground\") {\n      this.close();\n    }\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <div\n          data-action=\"pocketBackground\"\n          data-pocket={this.pocketid}\n          class={`background ${this.status}`}\n          onClick={(e: MouseEvent) => this.handleBackgroundClick(e)}\n        />\n        <div\n          id={this.pocketid}\n          class=\"content-wrapper\"\n        >\n          <div>\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > main {\n  overflow: auto;\n  border-right: var(--border-size-small) solid var(--color-surface03);\n  border-left: var(--border-size-small) solid var(--color-surface03);\n  background: var(--color-surface01);\n  scrollbar-width: none;\n}\n\n:host > main.preview {\n  max-height: 225px;\n  transition:\n    all 200ms ease-in-out,\n    top 200ms ease-in-out;\n}\n\n:host > main.open {\n  max-height: calc(100vh - 48px);\n  transition:\n    all 200ms ease-in-out,\n    top 200ms ease-in-out;\n}\n\n:host > main.closed {\n  height: 0;\n  transition:\n    all 200ms ease-in-out,\n    top 200ms ease-in-out;\n}\n\n:host ::-webkit-scrollbar {\n  width: 0;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  :host > main.preview {\n    max-height: 157px;\n  }\n}\n","import {Component, Listen, Prop, h} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/**\n * @slot  - pocket body content\n */\n@Component({\n  tag: \"z-pocket-body\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocketBody {\n  /** pocket id */\n  @Prop()\n  pocketid: string;\n\n  /** pocket status */\n  @Prop({mutable: true})\n  status: PocketStatus = PocketStatus.PREVIEW;\n\n  @Listen(\"pocketToggle\", {target: \"body\"})\n  handlePocketToggle(e: CustomEvent): void {\n    if (e.detail.id && e.detail.id === this.pocketid) {\n      this.status = e.detail.status;\n    }\n  }\n\n  render(): HTMLElement {\n    return (\n      <main class={this.status}>\n        <slot />\n      </main>\n    );\n  }\n}\n",":host {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > header {\n  display: flex;\n  height: 36px;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-small) solid var(--color-surface03);\n  background: var(--color-surface01);\n  border-radius: var(--space-unit) var(--space-unit) 0 0;\n  cursor: pointer;\n}\n\n:host > header:focus {\n  outline: none;\n}\n\n:host > header::-moz-focus-inner {\n  border: 0;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport Hammer from \"hammerjs\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n/**\n * @slot  - pocket header content\n */\n@Component({\n  tag: \"z-pocket-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocketHeader {\n  /** pocket id */\n  @Prop()\n  pocketid: string;\n\n  private swipeWrap: HTMLElement;\n\n  /** Emitted on pocket header click */\n  @Event()\n  pocketHeaderClick: EventEmitter;\n\n  private emitPocketHeaderClick(): void {\n    this.pocketHeaderClick.emit({id: this.pocketid});\n  }\n\n  /** Emitted on pocket header pan */\n  @Event()\n  pocketHeaderPan: EventEmitter;\n\n  private emitPocketHeaderPan(direction: string): void {\n    this.pocketHeaderPan.emit({id: this.pocketid, direction});\n  }\n\n  constructor() {\n    this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);\n  }\n\n  componentDidLoad(): void {\n    // INFO: swipe handling\n    const mc = new Hammer(this.swipeWrap);\n    mc.get(\"pan\").set({direction: Hammer.DIRECTION_VERTICAL});\n    mc.on(\"panup\", () => this.emitPocketHeaderPan(\"up\"));\n    mc.on(\"pandown\", () => this.emitPocketHeaderPan(\"down\"));\n  }\n\n  render(): HTMLElement {\n    return (\n      <header\n        role=\"button\"\n        tabindex={0}\n        onClick={() => this.emitPocketHeaderClick()}\n        onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick)}\n        ref={(el) => (this.swipeWrap = el as HTMLElement)}\n      >\n        <slot />\n      </header>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-ab5f1eaa.js";import{P as PopoverPosition,g as KeyboardCode}from"./index-2255c6c8.js";var stylesCss=':host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-default-text);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;-webkit-filter:var(--z-popover-shadow-filter);filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open="true"][current-position]){display:-ms-flexbox;display:flex}:host([center][current-position="top"]),:host([center][current-position="bottom"]){-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;-ms-flex:1 auto;flex:1 auto}';var ZPopoverStyle0=stylesCss;var DOCUMENT_ELEMENT=document.documentElement;function getParentElement(t){if(t.parentNode.host){return t.parentNode.host}return t.parentNode}function findScrollableParent(t){var o=getParentElement(t);while(o&&o!==DOCUMENT_ELEMENT){var e=window.getComputedStyle(o),r=e.overflow,i=e.overflowX,s=e.overflowY;if(r==="hidden"||s==="hidden"||i==="hidden"){return o}if(o.scrollHeight>o.clientHeight&&r!=="visible"&&s!=="visible"||o.scrollWidth>o.clientWidth&&r!=="visible"&&i!=="visible"){return o}o=getParentElement(o)}return DOCUMENT_ELEMENT}function computeOffset(t,o){var e=t.getBoundingClientRect();var r=e.width;var i=e.height;var s=0;var n=0;var a=t;while(a&&a!=o){n+=a.offsetLeft;if(a===document.body){s+=a.getBoundingClientRect().top+window.scrollY}else{s+=a.offsetTop}if(window.DOMMatrix){var f=window.getComputedStyle(a);var p=f.transform||f.webkitTransform;var h=new DOMMatrix(p);if(h){n+=h.m41;if(a!==document.body){s+=h.m42}}}if(!a.offsetParent){break}a=a.offsetParent}var c;var v;if(a===document.body){c=window.innerWidth;v=window.innerHeight}else{c=a.offsetWidth;v=a.offsetHeight}var u=c-n-e.width;var l=v-s-e.height;return{top:s,right:u,bottom:l,left:n,width:r,height:i}}var ZPopover=function(){function t(t){registerInstance(this,t);this.positionChange=createEvent(this,"positionChange",7);this.openChange=createEvent(this,"openChange",7);this.position=PopoverPosition.AUTO;this.open=false;this.bindTo=undefined;this.showArrow=false;this.center=false;this.closable=true;this.currentPosition=undefined}t.prototype.closePopoverWithKeyboard=function(t){if(this.closable&&t.key===KeyboardCode.ESC){this.open=false}};t.prototype.handleOutsideClick=function(t){if(!this.closable||!this.open){return}if(!t.composedPath().includes(this.host)){var o=t.target;var e=this.bindTo instanceof HTMLElement?this.bindTo.contains(o):o.closest(this.bindTo);if(e){t.stopPropagation()}this.open=false;this.positionChange.emit({position:this.currentPosition})}};t.prototype.validatePosition=function(t){if(t&&!Object.values(PopoverPosition).includes(t)){this.position=PopoverPosition.AUTO}this.currentPosition=this.position;this.positionChange.emit({position:this.currentPosition})};t.prototype.onOpen=function(){var t=this;cancelAnimationFrame(this.animationFrameRequestId);if(this.open){var o=function(){if(t.open){t.setPosition();t.animationFrameRequestId=requestAnimationFrame(o)}};o()}else if(this.host.hasAttribute("current-position")){this.host.removeAttribute("current-position");this.currentPosition=undefined}this.openChange.emit({open:this.open})};t.prototype.disconnectedCallback=function(){cancelAnimationFrame(this.animationFrameRequestId)};t.prototype.setPosition=function(){var t;if(typeof this.bindTo==="string"){t=this.host.ownerDocument.querySelector(this.bindTo)}else if(this.bindTo){t=this.bindTo}else{t=this.host.parentElement}if(!t){return}var o=findScrollableParent(t);var e=o.getBoundingClientRect();var r=this.host.offsetParent;var i=r?computeOffset(r,o):{top:0,right:0,bottom:0,left:0};var s=computeOffset(t,o);var n=s.top-o.scrollTop;var a=e.height-(s.top+s.height)+o.scrollTop;var f=s.left-o.scrollLeft;var p=e.width-(s.left+s.width)+o.scrollLeft;var h=Math.max(0,e.top+e.height-window.innerHeight);var c=Math.max(0,e.left+e.width-window.innerWidth);var v=Math.min(n,n+e.top);var u=Math.min(a,a-h);var l=Math.min(f,f+e.left);var b=Math.min(p,p-c);var d=v+u+s.height;var m=l+b+s.width;var P=this.currentPosition;var w=[];if(this.position===PopoverPosition.AUTO){if(l/m>.6){w.push(PopoverPosition.LEFT)}else if(l/m<.4){w.push(PopoverPosition.RIGHT)}if(v/d>.9){w.unshift(PopoverPosition.TOP)}else if(v/d>.6){w.push(PopoverPosition.TOP)}else if(v/d<.1){w.unshift(PopoverPosition.BOTTOM)}else{w.push(PopoverPosition.BOTTOM)}P=w.join("_")}var g=this.host.style;g.position="absolute";var x=s.top-i.top;var y=s.right-i.right;var E=s.bottom-i.bottom;var z=s.left-i.left;var _=this.center?.5:0;var M=this.center?.5:0;if(P===PopoverPosition.TOP||P===PopoverPosition.TOP_RIGHT){g.top="auto";g.right="auto";g.bottom="".concat(E+s.height,"px");g.left="".concat(z+s.width*_,"px");g.maxHeight="".concat(v,"px");if(P===PopoverPosition.TOP_RIGHT){g.maxWidth="".concat(b+s.width*M,"px")}}else if(P===PopoverPosition.TOP_LEFT){g.top="auto";g.right="".concat(y+s.width*_,"px");g.bottom="".concat(E+s.height,"px");g.left="auto";g.maxWidth="".concat(l,"px");g.maxHeight="".concat(v,"px")}else if(P===PopoverPosition.BOTTOM||P===PopoverPosition.BOTTOM_RIGHT){g.top="".concat(x+s.height,"px");g.right="auto";g.bottom="auto";g.left="".concat(z+s.width*_,"px");g.maxHeight="".concat(u,"px");if(P===PopoverPosition.BOTTOM_RIGHT){g.maxWidth="".concat(b+s.width*M,"px")}}else if(P===PopoverPosition.BOTTOM_LEFT){g.top="".concat(x+s.height,"px");g.right="".concat(y+s.width*_,"px");g.bottom="auto";g.left="auto";g.maxWidth="".concat(l,"px");g.maxHeight="".concat(u,"px")}else if(P===PopoverPosition.RIGHT||P===PopoverPosition.RIGHT_BOTTOM){g.top="".concat(x+s.height*_,"px");g.right="auto";g.bottom="auto";g.left="".concat(z+s.width,"px");g.maxWidth="".concat(b,"px");g.maxHeight="".concat(u+s.height*M,"px")}else if(P===PopoverPosition.RIGHT_TOP){g.top="auto";g.right="auto";g.bottom="".concat(E+s.height*_,"px");g.left="".concat(z+s.width,"px");g.maxWidth="".concat(b,"px");g.maxHeight="".concat(v+s.height*M,"px")}else if(P===PopoverPosition.LEFT||P===PopoverPosition.LEFT_BOTTOM){g.top="".concat(x+s.height*_,"px");g.right="".concat(y+s.width,"px");g.bottom="auto";g.left="auto";g.maxWidth="".concat(l,"px");g.maxHeight="".concat(u+s.height*M,"px")}else if(P===PopoverPosition.LEFT_TOP){g.top="auto";g.right="".concat(y+s.width,"px");g.bottom="".concat(E+s.height*_,"px");g.left="auto";g.maxWidth="".concat(l,"px");g.maxHeight="".concat(v+s.height*M,"px")}this.currentPosition=P||this.position;this.host.setAttribute("current-position",this.currentPosition)};t.prototype.componentWillLoad=function(){this.validatePosition(this.position);this.onOpen()};t.prototype.render=function(){return h("slot",{key:"a7a3830d93abc15bc7138815f9820bc8cda7ab35"})};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{position:["validatePosition"],open:["onOpen"]}},enumerable:false,configurable:true});return t}();ZPopover.style=ZPopoverStyle0;export{ZPopover as z_popover};
+//# sourceMappingURL=z-popover.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPopoverStyle0","DOCUMENT_ELEMENT","document","documentElement","getParentElement","element","parentNode","host","findScrollableParent","parent","_a","window","getComputedStyle","overflow","overflowX","overflowY","scrollHeight","clientHeight","scrollWidth","clientWidth","computeOffset","targetParentOffset","rect","getBoundingClientRect","width","height","top","left","offsetParent","offsetLeft","body","scrollY","offsetTop","DOMMatrix","style","transform","webkitTransform","domMatrix","m41","m42","parentWidth","parentHeight","innerWidth","innerHeight","offsetWidth","offsetHeight","right","bottom","ZPopover","PopoverPosition","AUTO","prototype","closePopoverWithKeyboard","e","this","closable","key","KeyboardCode","ESC","open","handleOutsideClick","composedPath","includes","target","triggerElemClicked","bindTo","HTMLElement","contains","closest","stopPropagation","positionChange","emit","position","currentPosition","validatePosition","newValue","Object","values","onOpen","_this","cancelAnimationFrame","animationFrameRequestId","setPosition_1","setPosition","requestAnimationFrame","hasAttribute","removeAttribute","undefined","openChange","disconnectedCallback","ownerDocument","querySelector","parentElement","scrollContainer","scrollingBoundingRect","offsetContainer","relativeBoundingRect","boundingRect","scrollTop","scrollLeft","overflowBottom","Math","max","overflowRight","availableTop","min","availableBottom","availableLeft","availableRight","availableHeight","availableWidth","positions","push","LEFT","RIGHT","unshift","TOP","BOTTOM","join","offsetRight","offsetBottom","offsetModifier","center","sizeModifier","TOP_RIGHT","concat","maxHeight","maxWidth","TOP_LEFT","BOTTOM_RIGHT","BOTTOM_LEFT","RIGHT_BOTTOM","RIGHT_TOP","LEFT_BOTTOM","LEFT_TOP","setAttribute","componentWillLoad","render","h"],"sources":["src/components/z-popover/styles.css?tag=z-popover&encapsulation=shadow","src/components/z-popover/index.tsx"],"sourcesContent":[":host {\n  --z-popover-theme--surface: var(--color-surface01);\n  --z-popover-theme--text: var(--color-default-text);\n  --z-popover-padding: 0;\n  --z-popover-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n\n  position: relative;\n  display: none;\n  min-width: calc(var(--space-unit) * 8);\n  min-height: calc(var(--space-unit) * 4);\n  align-items: center;\n  justify-content: center;\n  padding: var(--z-popover-padding);\n  background: var(--z-popover-theme--surface);\n  border-radius: var(--border-radius-small);\n  color: var(--z-popover-theme--text);\n  fill: currentcolor;\n  filter: var(--z-popover-shadow-filter);\n  font-family: var(--font-family-sans);\n  text-align: center;\n}\n\n:host([open][current-position]),\n:host([open=\"true\"][current-position]) {\n  display: flex;\n}\n\n:host([center][current-position=\"top\"]),\n:host([center][current-position=\"bottom\"]) {\n  transform: translateX(-50%);\n}\n\n:host([center][current-position=\"right\"]),\n:host([center][current-position=\"left\"]) {\n  transform: translateY(-50%);\n}\n\n:host([current-position^=\"top\"]) {\n  margin: 0 0 var(--space-unit);\n}\n\n:host([current-position^=\"bottom\"]) {\n  margin: var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"left\"]) {\n  margin: 0 var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"right\"]) {\n  margin: 0 0 0 var(--space-unit);\n}\n\n/* Arrow style */\n\n:host([current-position])::before {\n  --arrow-size: 6px;\n  --arrow-edge-offset: calc(100% - var(--space-unit) - (var(--arrow-size) / 2));\n  --arrow-center-x-offset: calc(50% - (var(--arrow-size) / 2));\n  --arrow-center-y-offset: calc(100% - (var(--arrow-size) / 2));\n\n  position: absolute;\n  display: block;\n  width: var(--arrow-size);\n  height: var(--arrow-size);\n  background: var(--z-popover-theme--surface);\n  content: \"\";\n  transform: rotate(45deg);\n}\n\n:host([show-arrow=\"false\"])::before,\n:host(:not([show-arrow]))::before {\n  display: none;\n}\n\n:host([current-position^=\"top\"])::before {\n  top: var(--arrow-center-y-offset);\n}\n\n:host([current-position^=\"bottom\"])::before {\n  bottom: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top\"])::before,\n:host([current-position=\"bottom\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before,\n:host([current-position=\"left\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top_right\"])::before,\n:host([current-position=\"bottom_right\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"top_left\"])::before,\n:host([current-position=\"bottom_left\"])::before {\n  left: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"left_top\"])::before {\n  top: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"right_bottom\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left_top\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"right_bottom\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([center][current-position=\"top\"])::before,\n:host([center][current-position=\"bottom\"])::before {\n  right: auto;\n  left: var(--arrow-center-x-offset);\n}\n\n:host([center][current-position=\"right\"])::before,\n:host([center][current-position=\"left\"])::before {\n  top: var(--arrow-center-x-offset);\n  bottom: auto;\n}\n\n::slotted(*) {\n  overflow: auto;\n  flex: 1 auto;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode, PopoverPosition} from \"../../beans\";\n\nconst DOCUMENT_ELEMENT = document.documentElement;\n\nfunction getParentElement(element: Element): ShadowRoot[\"host\"] {\n  if ((element.parentNode as ShadowRoot).host) {\n    return (element.parentNode as ShadowRoot).host;\n  }\n\n  return element.parentNode as Element;\n}\n\n/**\n * Find the closest scrollable parent of a node.\n *\n * @param {Element} element The node\n */\nfunction findScrollableParent(element: Element): Element {\n  let parent = getParentElement(element);\n\n  while (parent && parent !== DOCUMENT_ELEMENT) {\n    const {overflow, overflowX, overflowY} = window.getComputedStyle(parent);\n    if (overflow === \"hidden\" || overflowY === \"hidden\" || overflowX === \"hidden\") {\n      return parent;\n    }\n\n    if (\n      (parent.scrollHeight > parent.clientHeight && overflow !== \"visible\" && overflowY !== \"visible\") ||\n      (parent.scrollWidth > parent.clientWidth && overflow !== \"visible\" && overflowX !== \"visible\")\n    ) {\n      return parent;\n    }\n\n    parent = getParentElement(parent);\n  }\n\n  return DOCUMENT_ELEMENT;\n}\n\n/**\n * Calculate computed offset.\n * It includes matrix transformations.\n * @param element The target element.\n * @param targetParentOffset The relative offset parent.\n * @return A client rect object.\n */\nfunction computeOffset(element: HTMLElement, targetParentOffset?: HTMLElement): Record<string, number> {\n  const rect = element.getBoundingClientRect();\n  const width = rect.width;\n  const height = rect.height;\n\n  let top = 0;\n  let left = 0;\n  let offsetParent = element;\n  while (offsetParent && offsetParent != targetParentOffset) {\n    left += offsetParent.offsetLeft;\n\n    // document.body sometimes has offsetTop == 0 but still has an\n    // offset because of children margins!\n    if (offsetParent === document.body) {\n      top += offsetParent.getBoundingClientRect().top + window.scrollY;\n    } else {\n      top += offsetParent.offsetTop;\n    }\n\n    if (window.DOMMatrix) {\n      const style = window.getComputedStyle(offsetParent);\n      const transform = style.transform || style.webkitTransform;\n      const domMatrix = new DOMMatrix(transform);\n      if (domMatrix) {\n        left += domMatrix.m41;\n        if (offsetParent !== document.body) {\n          top += domMatrix.m42;\n        }\n      }\n    }\n\n    if (!offsetParent.offsetParent) {\n      break;\n    }\n\n    offsetParent = offsetParent.offsetParent as HTMLElement;\n  }\n\n  let parentWidth: number;\n  let parentHeight: number;\n  if (offsetParent === document.body) {\n    parentWidth = window.innerWidth;\n    parentHeight = window.innerHeight;\n  } else {\n    parentWidth = offsetParent.offsetWidth;\n    parentHeight = offsetParent.offsetHeight;\n  }\n\n  const right = parentWidth - left - rect.width;\n  const bottom = parentHeight - top - rect.height;\n\n  return {top, right, bottom, left, width, height};\n}\n\n/**\n * Popover component.\n *\n * @cssprop --z-popover-theme--surface - background color of the popover.\n * @cssprop --z-popover-theme--text - foreground color of the popover.\n * @cssprop --z-popover-padding - padding of the popover.\n * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.\n */\n@Component({\n  tag: \"z-popover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPopover {\n  /** Popover position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * The open state of the popover.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the popover.\n   * If string css selector is provided make sure to use a valid selector.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Whether to show popover's arrow.\n   */\n  @Prop({reflect: true})\n  showArrow = false;\n\n  /**\n   * Whether to center the popup on the main side (according to \"position\").\n   */\n  @Prop({reflect: true})\n  center = false;\n\n  /**\n   * If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\n   */\n  @Prop()\n  closable = true;\n\n  /**\n   * The current position of the popover.\n   */\n  @State()\n  currentPosition?: PopoverPosition;\n\n  /**\n   * Position change event.\n   */\n  @Event()\n  positionChange: EventEmitter;\n\n  /**\n   * Open change event.\n   */\n  @Event()\n  openChange: EventEmitter;\n\n  @Element() host: HTMLZPopoverElement;\n\n  private animationFrameRequestId?: number;\n\n  @Listen(\"keyup\", {target: \"window\"})\n  closePopoverWithKeyboard(e: KeyboardEvent): void {\n    if (this.closable && e.key === KeyboardCode.ESC) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Close the popover when clicking outside of its content.\n   * Stop event propagation if the click was fired by popover's trigger element,\n   * to prevent close and reopen glitches.\n   * @param {MouseEvent} e\n   */\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    if (!this.closable || !this.open) {\n      return;\n    }\n\n    if (!e.composedPath().includes(this.host)) {\n      const target = e.target as HTMLElement;\n      const triggerElemClicked =\n        this.bindTo instanceof HTMLElement ? this.bindTo.contains(target) : target.closest(this.bindTo);\n      if (triggerElemClicked) {\n        e.stopPropagation();\n      }\n\n      this.open = false;\n      this.positionChange.emit({position: this.currentPosition});\n    }\n  }\n\n  @Watch(\"position\")\n  validatePosition(newValue: PopoverPosition): void {\n    if (newValue && !Object.values(PopoverPosition).includes(newValue as PopoverPosition)) {\n      this.position = PopoverPosition.AUTO;\n    }\n\n    this.currentPosition = this.position;\n    this.positionChange.emit({position: this.currentPosition});\n  }\n\n  /**\n   * Setup popover behaviors on opening.\n   */\n  @Watch(\"open\")\n  onOpen(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n    if (this.open) {\n      const setPosition = (): void => {\n        if (this.open) {\n          this.setPosition();\n          this.animationFrameRequestId = requestAnimationFrame(setPosition);\n        }\n      };\n\n      setPosition();\n    } else if (this.host.hasAttribute(\"current-position\")) {\n      this.host.removeAttribute(\"current-position\");\n      this.currentPosition = undefined;\n    }\n\n    this.openChange.emit({open: this.open});\n  }\n\n  disconnectedCallback(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n  }\n\n  /**\n   * Set the position of the popover.\n   */\n  private setPosition(): void {\n    let element: HTMLElement;\n    if (typeof this.bindTo === \"string\") {\n      element = this.host.ownerDocument.querySelector(this.bindTo) as HTMLElement;\n    } else if (this.bindTo) {\n      element = this.bindTo;\n    } else {\n      element = this.host.parentElement as HTMLElement;\n    }\n\n    if (!element) {\n      return;\n    }\n\n    const scrollContainer = findScrollableParent(element) as HTMLElement;\n    const scrollingBoundingRect = scrollContainer.getBoundingClientRect();\n    const offsetContainer = this.host.offsetParent as HTMLElement;\n\n    const relativeBoundingRect = offsetContainer\n      ? computeOffset(offsetContainer, scrollContainer)\n      : {top: 0, right: 0, bottom: 0, left: 0};\n    const boundingRect = computeOffset(element, scrollContainer);\n\n    const top = boundingRect.top - scrollContainer.scrollTop;\n    const bottom = scrollingBoundingRect.height - (boundingRect.top + boundingRect.height) + scrollContainer.scrollTop;\n    const left = boundingRect.left - scrollContainer.scrollLeft;\n    const right = scrollingBoundingRect.width - (boundingRect.left + boundingRect.width) + scrollContainer.scrollLeft;\n\n    const overflowBottom = Math.max(0, scrollingBoundingRect.top + scrollingBoundingRect.height - window.innerHeight);\n    const overflowRight = Math.max(0, scrollingBoundingRect.left + scrollingBoundingRect.width - window.innerWidth);\n\n    const availableTop = Math.min(top, top + scrollingBoundingRect.top);\n    const availableBottom = Math.min(bottom, bottom - overflowBottom);\n    const availableLeft = Math.min(left, left + scrollingBoundingRect.left);\n    const availableRight = Math.min(right, right - overflowRight);\n\n    const availableHeight = availableTop + availableBottom + boundingRect.height;\n    const availableWidth = availableLeft + availableRight + boundingRect.width;\n\n    let position = this.currentPosition;\n    const positions: PopoverPosition[] = [];\n    if (this.position === PopoverPosition.AUTO) {\n      /**\n       * The `AUTO` position tries to place the popover in the 'safest' area,\n       * where there's more space available.\n       */\n      if (availableLeft / availableWidth > 0.6) {\n        positions.push(PopoverPosition.LEFT);\n      } else if (availableLeft / availableWidth < 0.4) {\n        positions.push(PopoverPosition.RIGHT);\n      }\n\n      if (availableTop / availableHeight > 0.9) {\n        positions.unshift(PopoverPosition.TOP);\n      } else if (availableTop / availableHeight > 0.6) {\n        positions.push(PopoverPosition.TOP);\n      } else if (availableTop / availableHeight < 0.1) {\n        positions.unshift(PopoverPosition.BOTTOM);\n      } else {\n        positions.push(PopoverPosition.BOTTOM);\n      }\n\n      position = positions.join(\"_\") as PopoverPosition;\n    }\n\n    const style = this.host.style;\n    style.position = \"absolute\";\n\n    const offsetTop = boundingRect.top - relativeBoundingRect.top;\n    const offsetRight = boundingRect.right - relativeBoundingRect.right;\n    const offsetBottom = boundingRect.bottom - relativeBoundingRect.bottom;\n    const offsetLeft = boundingRect.left - relativeBoundingRect.left;\n    const offsetModifier = this.center ? 0.5 : 0;\n    const sizeModifier = this.center ? 0.5 : 0;\n\n    if (position === PopoverPosition.TOP || position === PopoverPosition.TOP_RIGHT) {\n      style.top = \"auto\";\n      style.right = \"auto\";\n      style.bottom = `${offsetBottom + boundingRect.height}px`;\n\n      style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;\n      style.maxHeight = `${availableTop}px`;\n      if (position === PopoverPosition.TOP_RIGHT) {\n        style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;\n      }\n    } else if (position === PopoverPosition.TOP_LEFT) {\n      style.top = \"auto\";\n      style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;\n      style.bottom = `${offsetBottom + boundingRect.height}px`;\n      style.left = \"auto\";\n      style.maxWidth = `${availableLeft}px`;\n      style.maxHeight = `${availableTop}px`;\n    } else if (position === PopoverPosition.BOTTOM || position === PopoverPosition.BOTTOM_RIGHT) {\n      style.top = `${offsetTop + boundingRect.height}px`;\n      style.right = \"auto\";\n      style.bottom = \"auto\";\n      style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;\n      style.maxHeight = `${availableBottom}px`;\n      if (position === PopoverPosition.BOTTOM_RIGHT) {\n        style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;\n      }\n    } else if (position === PopoverPosition.BOTTOM_LEFT) {\n      style.top = `${offsetTop + boundingRect.height}px`;\n      style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;\n      style.bottom = \"auto\";\n      style.left = \"auto\";\n      style.maxWidth = `${availableLeft}px`;\n      style.maxHeight = `${availableBottom}px`;\n    } else if (position === PopoverPosition.RIGHT || position === PopoverPosition.RIGHT_BOTTOM) {\n      style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;\n      style.right = \"auto\";\n      style.bottom = \"auto\";\n      style.left = `${offsetLeft + boundingRect.width}px`;\n      style.maxWidth = `${availableRight}px`;\n      style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;\n    } else if (position === PopoverPosition.RIGHT_TOP) {\n      style.top = \"auto\";\n      style.right = \"auto\";\n      style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;\n      style.left = `${offsetLeft + boundingRect.width}px`;\n      style.maxWidth = `${availableRight}px`;\n      style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;\n    } else if (position === PopoverPosition.LEFT || position === PopoverPosition.LEFT_BOTTOM) {\n      style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;\n      style.right = `${offsetRight + boundingRect.width}px`;\n      style.bottom = \"auto\";\n      style.left = \"auto\";\n      style.maxWidth = `${availableLeft}px`;\n      style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;\n    } else if (position === PopoverPosition.LEFT_TOP) {\n      style.top = \"auto\";\n      style.right = `${offsetRight + boundingRect.width}px`;\n      style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;\n      style.left = \"auto\";\n      style.maxWidth = `${availableLeft}px`;\n      style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;\n    }\n\n    this.currentPosition = position || this.position;\n    this.host.setAttribute(\"current-position\", this.currentPosition);\n  }\n\n  componentWillLoad(): void {\n    this.validatePosition(this.position);\n    this.onOpen();\n  }\n\n  render(): HTMLSlotElement {\n    return <slot></slot>;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-ab5f1eaa.js";import{f as flatpickr,s as setAriaOptions,v as validateDate,i as it,a as setFlatpickrPosition}from"./utils-cd008fbc.js";import{H as ZRangePickerMode,G as ZDatePickerPosition,I as InputType,f as InputStatus}from"./index-2255c6c8.js";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 ZRangePickerStyle0=stylesCss;var ZRangePicker=function(){function t(t){registerInstance(this,t);this.dateSelect=createEvent(this,"dateSelect",7);this.rangePickerId=undefined;this.firstAriaLabel=undefined;this.firstLabel=undefined;this.secondAriaLabel=undefined;this.secondLabel=undefined;this.mode=ZRangePickerMode.DATE;this.firstPickerReadOnly=false;this.lastPickerReadOnly=false;this.firstPickerPlaceholder="";this.lastPickerPlaceholder="";this.flatpickrPosition=ZDatePickerPosition.BOTTOM;this.activeInput="start-input";this.firstInputError=false;this.lastInputError=false}t.prototype.handleClick=function(){this.getFocusedInput()};t.prototype.handleKeyDown=function(t){var a,e,r,i,n,o;var l=this.activeInput==="start-input"?this.firstPicker:this.lastPicker;this.getFocusedInput();if(t.key==="Escape"){document.activeElement.classList.contains("".concat(this.rangePickerId,"-1"))&&((a=this.firstPicker)===null||a===void 0?void 0:a.close());document.activeElement.classList.contains("".concat(this.rangePickerId,"-2"))&&((e=this.lastPicker)===null||e===void 0?void 0:e.close())}if(t.key==="Enter"||t.key===" "){if(document.activeElement.classList.contains("".concat(this.rangePickerId,"-1"))||document.activeElement.classList.contains("".concat(this.rangePickerId,"-2"))){l===null||l===void 0?void 0:l.open()}var p=document.activeElement.classList.contains("reset-icon");if(p){if(this.activeInput==="start-input"){this.firstInputError=false;(r=this.firstPicker)===null||r===void 0?void 0:r.clear();this.printDate(null,((i=this.lastPicker)===null||i===void 0?void 0:i.selectedDates[0])||null)}if(this.activeInput==="end-input"){this.lastInputError=false;(n=this.firstPicker)===null||n===void 0?void 0:n.clear();this.printDate(((o=this.firstPicker)===null||o===void 0?void 0:o.selectedDates[0])||null,null)}}var c=document.activeElement.classList.contains("flatpickr-prev-month");var s=document.activeElement.classList.contains("flatpickr-next-month");var d=c||s;d&&t.key===" "&&t.preventDefault();c&&(l===null||l===void 0?void 0:l.changeMonth(-1));s&&(l===null||l===void 0?void 0:l.changeMonth(1))}};t.prototype.componentDidLoad=function(){this.setupPickers()};t.prototype.setupFirstPickersReadOnly=function(){var t;(t=this.firstPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.firstPickerReadOnly)};t.prototype.setupLastPickersReadOnly=function(){var t;(t=this.lastPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.lastPickerReadOnly)};t.prototype.setupPickers=function(){var t=this;var a={enableTime:this.mode===ZRangePickerMode.DATE_TIME,locale:it.exports.Italian,allowInput:true,wrap:true,dateFormat:this.mode===ZRangePickerMode.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:"d F Y",minuteIncrement:1,time_24hr:true,onValueUpdate:function(){var a=t.activeInput==="start-input";var e=t.firstPicker.selectedDates[0];var r=t.lastPicker.selectedDates[0];if(+e>+r){if(a){t.firstInputError=true;t.printDate(null,r||null)}else{t.lastInputError=true;t.printDate(e||null,null)}}else{t.lastInputError=false;t.firstInputError=false;t.printDate(e||null,r||null)}t.setRangeStyle(0);t.setRangeStyle(1)},onChange:function(a,e,r){t.onDateSelect();t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onOpen:function(a,e,r){setAriaOptions(t.element,t.mode);t.flatpickrPosition=setFlatpickrPosition(t.element,t.mode);t.setRangeStyle(r.input.classList.contains("start-input")?0:1);t.getFocusedInput()},onYearChange:function(a,e,r){t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onMonthChange:function(a,e,r){t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onKeyDown:function(){setAriaOptions(t.element,t.mode)}};this.firstPicker=flatpickr(".".concat(this.rangePickerId,"-1-container"),Object.assign(Object.assign({},Object.assign(Object.assign({},a),{clickOpens:!this.firstPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(".".concat(this.rangePickerId,"-1-wrapper"))}));this.lastPicker=flatpickr(".".concat(this.rangePickerId,"-2-container"),Object.assign(Object.assign({},Object.assign(Object.assign({},a),{clickOpens:!this.lastPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(".".concat(this.rangePickerId,"-2-wrapper"))}));this.element.querySelectorAll(".flatpickr-weekday").forEach((function(t){t.innerHTML=t.innerHTML.trim().charAt(0)}))};t.prototype.onDateSelect=function(){var t=this.activeInput==="start-input";var a=this.firstPicker.selectedDates[0];var e=this.lastPicker.selectedDates[0];if(+a>+e){if(t){this.firstInputError=true;this.printDate(null,e||null)}else{this.lastInputError=true;this.printDate(a||null,null)}}else{this.lastInputError=false;this.firstInputError=false;this.printDate(a||null,e||null)}};t.prototype.disableDates=function(t,a){var e=this;var r=this.element.getElementsByClassName("flatpickr-calendar")[a];Array.from(r.getElementsByClassName("flatpickr-day")).forEach((function(r){var i=e.getDateWithoutTime(e.replaceMonths(r.ariaLabel,null));var n=e.getDateWithoutTime(t);var o=a===0?i>n:i<n;if(o){r.classList.toggle("flatpickr-disabled",true)}else{r.classList.toggle("flatpickr-disabled",false)}}));setAriaOptions(this.element,this.mode)};t.prototype.formatDate=function(t){if(this.mode===ZRangePickerMode.DATE){return"".concat(flatpickr.formatDate(t,"d-m-Y"))}return"".concat(flatpickr.formatDate(t,"d-m-Y - H:i"))};t.prototype.printDate=function(t,a){var e=t?this.formatDate(t):null;var r=a?this.formatDate(a):null;this.dateSelect.emit([e,r])};t.prototype.getDateWithoutTime=function(t){var a=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0);return a};t.prototype.replaceMonths=function(t,a){var e=t.split(" ")[1];var r={Gennaio:"01",Febbraio:"02",Marzo:"03",Aprile:"04",Maggio:"05",Giugno:"06",Luglio:"07",Agosto:"08",Settembre:"09",Ottobre:"10",Novembre:"11",Dicembre:"12"};var i=t.replace(e,r[e]).split(" ");return new Date(parseInt(i[2]),parseInt(i[1])-1,parseInt(i[0]),a?parseInt(a.split(":")[0]):0,a?parseInt(a.split(":")[1]):0)};t.prototype.getFocusedInput=function(){var t=document.activeElement.closest("z-input");if(!t){return}if(t===null||t===void 0?void 0:t.classList.contains("start-input")){this.activeInput="start-input"}else if(t.classList.contains("end-input")){this.activeInput="end-input"}};t.prototype.setRangeStyle=function(t){var a=this;Array.from(this.element.getElementsByClassName("flatpickr-calendar")).forEach((function(e){Array.from(e.getElementsByClassName("flatpickr-day")).forEach((function(e){var r=a.firstPicker.selectedDates.length===1;var i=a.lastPicker.selectedDates.length===1;var n;var o;var l=a.getDateWithoutTime(a.replaceMonths(e.ariaLabel,null));if(r){n=a.getDateWithoutTime(a.firstPicker.selectedDates[0]);if(+l===+n){e.classList.toggle("startRange",true)}else{e.classList.toggle("startRange",false)}}if(i){o=a.getDateWithoutTime(a.lastPicker.selectedDates[0]);if(+l===+o){e.classList.toggle("endRange",true)}else{e.classList.toggle("endRange",false)}}if(r&&i){if(l>n&&l<o){e.classList.toggle("inRange",true)}else{e.classList.toggle("inRange",false)}}if(t===0&&i){a.disableDates(a.lastPicker.selectedDates[0],t)}if(t===1&&r){a.disableDates(a.firstPicker.selectedDates[0],t)}}))}))};t.prototype.onStopTyping=function(t){var a=t.detail.value.replace("/","-");var e=a.split("-");var r=this.mode===ZRangePickerMode.DATE_TIME?"T".concat(e[3],":00"):"";var i="".concat(e[2],"-").concat(e[1],"-").concat(e[0]).concat(r).split(" ").join("");var n=validateDate(a,this.mode===ZRangePickerMode.DATE_TIME);var o=Date.parse(i).toString();if(this.activeInput==="start-input"){if(a===""){this.firstInputError=false;this.firstPicker.setDate([]);this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(!n){this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(n){if(this.lastPicker.selectedDates.length===1){if(+o<=+this.lastPicker.selectedDates[0]){this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),this.lastPicker.selectedDates[0])}else{this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0])}}else{this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),null)}}}else if(a===""){this.lastInputError=false;this.lastPicker.setDate([]);this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(!n){this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(n){if(this.firstPicker.selectedDates.length===1){if(+o>=+this.firstPicker.selectedDates[0]){this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(this.firstPicker.selectedDates[0],new Date(i))}else{this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0],null)}}else{this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(null,new Date(i))}}this.setRangeStyle(this.activeInput==="start-input"?0:1)};t.prototype.render=function(){var t;var a=this;var e={type:InputType.TEXT,icon:"event",tabindex:"0",message:false,onStopTyping:this.onStopTyping.bind(this),value:""};return h("div",{key:"c503698bd0205fe189c3859dd115f6558dfc9a09",class:(t={},t["range-pickers-container"]=true,t[this.mode]=true,t[this.activeInput]=true,t[this.flatpickrPosition]=true,t)},h("div",{key:"ebb4f94bc07bf7141fd1eb42f0dc9155ed563cd0",class:"".concat(this.rangePickerId,"-1-wrapper")},h("div",{key:"924fc4ab0efc18550e96ec6bf51938a3a4335c2c",class:"".concat(this.rangePickerId,"-1-container")},h("z-input",Object.assign({key:"7aeb9334a243a29401c4a590809d57f8aaefd1b1"},e,{placeholder:this.firstPickerPlaceholder,readonly:this.firstPickerReadOnly,"data-input":"data-input",class:"start-input ".concat(this.rangePickerId,"-1"),ariaLabel:this.firstAriaLabel,label:this.firstLabel,status:this.firstInputError&&InputStatus.ERROR,onStartTyping:function(){a.firstInputError=false}})))),h("div",{key:"9aac0744b849283527ba3ad5d81ba760cc1d051e",class:"".concat(this.rangePickerId,"-2-wrapper")},h("div",{key:"16fd5555b561645e206a4cbda09f77dfacd9088a",class:"".concat(this.rangePickerId,"-2-container")},h("z-input",Object.assign({key:"7b2cbc88fcd73059696f962ecd0870e1a3d9225c"},e,{placeholder:this.lastPickerPlaceholder,readonly:this.lastPickerReadOnly,"data-input":"data-input",class:"end-input ".concat(this.rangePickerId,"-2"),ariaLabel:this.secondAriaLabel,label:this.secondLabel,status:this.lastInputError&&InputStatus.ERROR,onStartTyping:function(){a.lastInputError=false}})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{firstPickerReadOnly:["setupFirstPickersReadOnly"],lastPickerReadOnly:["setupLastPickersReadOnly"],mode:["setupPickers"]}},enumerable:false,configurable:true});return t}();ZRangePicker.style=ZRangePickerStyle0;export{ZRangePicker as z_range_picker};
+//# sourceMappingURL=z-range-picker.entry.js.map