@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/dist/web-components-library/p-4d4d422d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZAppHeaderStyle0","SUPPORT_INTERSECTION_OBSERVER","IntersectionObserver","ZAppHeader","constructor","hostRef","this","observer","entry","_stuck","isIntersecting","threshold","openDrawer","bind","closeDrawer","collectMenuElements","evaluateViewport","window","innerWidth","currentViewport","onStuck","scrollParent","sticking","emit","setMenuFloatingMode","menuElements","length","elements","forEach","element","open","floating","drawerOpen","verticalContext","title","titleElement","hostElement","querySelector","textContent","trim","parent","offsetParent","document","body","documentElement","canShowMenu","flow","canShowSearchbar","enableSearch","searchPageUrl","hasHero","hero","querySelectorAll","menuLength","enableStuckObserver","observe","container","disableStuckMode","unobserve","onStuckMode","stuck","renderSearchLinkButton","h","class","variant","ButtonVariant","SECONDARY","href","icon","size","ControlSize","X_SMALL","renderSeachbar","searchButtonIconOnly","value","searchString","placeholder","searchPlaceholder","showSearchButton","preventSubmit","onSearchTyping","e","detail","componentDidLoad","render","Host","key","name","alt","src","ref","el","onClick","onSlotchange","OffCanvasVariant","OVERLAY","transitiondirection","TransitionDirection","RIGHT","onCanvasOpenStatusChanged","ev","slot","disabled","ZButtonStyle0","ZButton","ButtonType","BUTTON","PRIMARY","BIG","getAttributes","id","htmlid","Object","assign","ariaLabel","target","width","height","type","role","ZDividerStyle0","ZDivider","DividerSize","SMALL","DividerOrientation","HORIZONTAL","orientation","style","backgroundColor","color","ZIconStyle0","ZIcon","selectPathOrPolygon","iconValue","startsWith","d","ICONS","points","viewBox","iconid","fill","ZInputStyle0","ZInput","typingtimeout","randomId","LabelPosition","inputCheckListener","data","InputType","RADIO","checked","isChecked","CHECKBOX","console","warn","emitInputChange","isTyping","emitStartTyping","validity","TEXTAREA","getValidity","inputChange","clearTimeout","timer","setTimeout","emitStopTyping","startTyping","stopTyping","emitInputCheck","inputCheck","input","getTextAttributes","readonly","required","htmltitle","minlength","maxlength","status","filled","autocomplete","onInput","getNumberAttributes","NUMBER","min","max","step","getPatternAttribute","PASSWORD","TEXT","TEL","SEARCH","URL","EMAIL","pattern","renderInputText","attr","hasclearicon","renderLabel","passwordHidden","inputRef","renderIcons","renderMessage","label","htmlFor","renderResetIcon","renderIcon","renderShowHidePassword","tabIndex","hidden","boolean","message","undefined","renderTextarea","attributes","handleCheck","renderCheckbox","onChange","after","labelPosition","before","LEFT","innerHTML","renderRadio","ZInputMessageStyle0","ZInputMessage","statusIcons","success","error","warning","onMessageChange","statusRole","componentWillLoad","ZListStyle0","ZList","ListSize","MEDIUM","ListType","NONE","setChildrenSizeType","children","host","i","setAttribute","listType","toString","ZListElementStyle0","ZListElement","accessibleFocusHandler","listElementId","toFocus","shadowRoot","getElementById","focus","openElementConfig","accordion","close","menu","ExpandableListButtonAlign","ListDividerType","ExpandableListStyle","ACCORDION","handleClick","handleKeyDown","clickItem","expandable","showInnerContent","calculateClass","isContextualMenu","event","expandByKey","code","KeyboardCode","ENTER","ARROW_DOWN","preventDefault","accessibleFocus","ARROW_UP","renderExpandableButton","expandableStyle","renderExpandedContent","expanded","renderContent","ORDERED","listElementPosition","UNORDERED","onKeyDown","clickable","tabindex","part","dividerType","ELEMENT","dividerColor","dividerSize","ZListGroupStyle0","ZListGroup","hasHeader","HEADER","ZOffcanvasStyle0","ZOffcanvas","PUSHCONTENT","onOpenChanged","skipLoadAnimation","handlePageOverflow","canvasOpenStatusChanged","overflow","onTransitionEnd","ZSearchbarStyle0","ZSearchbar","resultsItemsList","emitSearchSubmit","searchSubmit","emitSearchTyping","search","searchTyping","emitSearchItemClick","item","searchItemClick","watchItems","getResultsItemsList","watchResultsCount","currResultsCount","resultsCount","watchValue","watchSearchString","resultsItems","JSON","parse","getGroupedItems","items","groupedItems","category","subcategory","_a","push","sortResultsItems","keys","sort","reduce","obj","a","b","nameA","toUpperCase","nameB","checkResultsCount","counter","handleStopTyping","stopPropagation","handleSubmit","handleOutsideClick","cp","composedPath","searchbar","find","elem","nodeName","showResults","classList","contains","renderInput","val","onStopTyping","onKeyUp","handleEnterKeydSubmit","renderButton","iconProp","buttonLabel","defaultProps","renderResults","autocompleteMinChars","renderResultsList","renderSearchHelper","_b","renderItems","renderShowAllResults","listGroups","values","groupItem","index","array","listGroupsElements","subindex","subarray","isLast","renderItem","renderItemCategory","divider","onClickItem","ellipsis","resultsEllipsis","renderItemLabel","replace","RegExp","found","hasDivider","searchHelperLabel","onFocus"],"sources":["src/components/navigation/z-app-header/styles.css?tag=z-app-header&encapsulation=shadow","src/components/navigation/z-app-header/index.tsx","src/components/buttons/z-button/styles.css?tag=z-button&encapsulation=scoped","src/components/buttons/z-button/index.tsx","src/components/z-divider/styles.css?tag=z-divider&encapsulation=scoped","src/components/z-divider/index.tsx","src/components/icons/z-icon/styles.css?tag=z-icon&encapsulation=shadow","src/components/icons/z-icon/index.tsx","src/components/inputs/z-input/styles.css?tag=z-input&encapsulation=scoped","src/components/inputs/z-input/index.tsx","src/components/inputs/z-input-message/styles.css?tag=z-input-message&encapsulation=shadow","src/components/inputs/z-input-message/index.tsx","src/components/list/z-list/styles.css?tag=z-list&encapsulation=shadow","src/components/list/z-list/index.tsx","src/components/list/z-list-element/styles.css?tag=z-list-element&encapsulation=shadow","src/components/list/z-list-element/index.tsx","src/components/list/z-list-group/styles.css?tag=z-list-group&encapsulation=shadow","src/components/list/z-list-group/index.tsx","src/components/z-offcanvas/styles.css?tag=z-offcanvas&encapsulation=scoped","src/components/z-offcanvas/index.tsx","src/components/inputs/z-searchbar/styles.css?tag=z-searchbar&encapsulation=shadow","src/components/inputs/z-searchbar/index.tsx"],"sourcesContent":[":host {\n  --app-header-typography-1-size: 24px;\n  --app-header-typography-2-size: 28px;\n  --app-header-typography-3-size: 32px;\n  --app-header-typography-4-size: 36px;\n  --app-header-typography-5-size: 42px;\n  --app-header-typography-6-size: 48px;\n  --app-header-typography-7-size: 54px;\n  --app-header-typography-8-size: 60px;\n  --app-header-typography-9-size: 68px;\n  --app-header-typography-10-size: 76px;\n  --app-header-typography-11-size: 84px;\n  --app-header-typography-12-size: 92px;\n  --app-header-typography-1-lineheight: 1.33;\n  --app-header-typography-2-lineheight: 1.29;\n  --app-header-typography-3-lineheight: 1.25;\n  --app-header-typography-4-lineheight: 1.24;\n  --app-header-typography-5-lineheight: 1.24;\n  --app-header-typography-6-lineheight: 1.25;\n  --app-header-typography-7-lineheight: 1.2;\n  --app-header-typography-8-lineheight: 1.26;\n  --app-header-typography-9-lineheight: 1.24;\n  --app-header-typography-10-lineheight: 1.26;\n  --app-header-typography-11-lineheight: 1.2;\n  --app-header-typography-12-lineheight: 1.2;\n  --app-header-typography-1-tracking: calc(-0.2 / 1em);\n  --app-header-typography-2-tracking: calc(-0.4 / 1em);\n  --app-header-typography-3-tracking: calc(-0.6 / 1em);\n  --app-header-typography-4-tracking: calc(-0.8 / 1em);\n  --app-header-typography-5-tracking: calc(-1 / 1em);\n  --app-header-typography-6-tracking: calc(-1.2 / 1em);\n  --app-header-typography-7-tracking: calc(-1.4 / 1em);\n  --app-header-typography-8-tracking: calc(-1.6 / 1em);\n  --app-header-typography-9-tracking: calc(-1.8 / 1em);\n  --app-header-typography-10-tracking: calc(-2 / 1em);\n  --app-header-typography-11-tracking: calc(-2.2 / 1em);\n  --app-header-typography-12-tracking: calc(-2.4 / 1em);\n  --app-header-content-max-width: 100%;\n  --app-header-height: auto;\n\n  /* Variable to set stuck header and drawer's top offset.\n  Useful when something is absolutely positioned above the header. */\n  --app-header-top-offset: 48px;\n  --app-header-drawer-trigger-size: calc(var(--space-unit) * 4);\n\n  /* Variable to customize header background color. */\n  --app-header-bg: var(--color-surface01);\n\n  /* Variable to customize stuck header background color. */\n  --app-header-stucked-bg: var(--color-surface01);\n\n  /* Variable to customize text and icon color. */\n  --app-header-text-color: var(--color-text01);\n\n  /* Variable to customize the title's font size.\n  NOTE: Only use one of the exported `--app-header-typography-*-size` as a value. */\n  --app-header-title-font-size: var(--app-header-typography-3-size);\n\n  /* Variable to customize the title's line-height.\n  NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value\n  and use the same level as the one of the font size. */\n  --app-header-title-lineheight: var(--app-header-typography-3-lineheight);\n\n  /* Variable to customize the title's letter-spacing.\n  NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value\n  and use the same level as the one of the font size. */\n  --app-header-title-letter-spacing: var(--app-header-typography-3-tracking);\n\n  /* Variable to customize stuck header's text and icon color. */\n  --app-header-stucked-text-color: var(--color-text01);\n\n  position: relative;\n  display: block;\n  height: var(--app-header-height);\n  color: var(--app-header-text-color);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n.heading-panel {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: var(--app-header-content-max-width);\n  flex-direction: column;\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-items: baseline;\n  padding: var(--grid-margin);\n  margin: 0 auto;\n  background: var(--app-header-bg);\n  gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n}\n\n.hero-container + .heading-panel {\n  background: transparent;\n}\n\n:host(:empty) .heading-panel {\n  padding: 0;\n}\n\n.heading-container {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  flex: 1 auto;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.heading-title {\n  display: flex;\n  max-width: 100%;\n  flex-direction: row;\n  align-items: flex-start;\n  column-gap: calc(var(--space-unit) * 2);\n}\n\n::slotted([slot=\"title\"]),\n.heading-stuck .heading-title > *,\n::slotted([slot=\"stucked-title\"]) {\n  margin: 0;\n  font-family: \"IBM Plex Serif\", serif;\n  font-weight: var(--font-bd);\n}\n\n::slotted([slot=\"title\"]) {\n  font-size: var(--app-header-title-font-size);\n  letter-spacing: var(--app-header-title-letter-spacing);\n  line-height: var(--app-header-title-lineheight);\n}\n\n.heading-stuck .heading-title > *,\n::slotted([slot=\"stucked-title\"]) {\n  font-size: var(--app-header-typography-3-size);\n  letter-spacing: var(--app-header-typography-3-tracking);\n  line-height: var(--app-header-typography-3-lineheight);\n}\n\n:host(:not([menu-length=\"0\"])) .heading-subtitle {\n  padding-left: calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2));\n}\n\n::slotted([slot=\"top-subtitle\"]),\n::slotted([slot=\"subtitle\"]) {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-size: 20px;\n  font-style: italic;\n  line-height: 26px;\n}\n\n::slotted([slot=\"subtitle\"]) {\n  font-weight: 500;\n}\n\n::slotted([slot=\"top-subtitle\"]) {\n  font-weight: 400;\n}\n\n.menu-container {\n  display: flex;\n  width: 100%;\n  flex: 1 auto;\n  flex-flow: row wrap;\n}\n\n:host([menu-length=\"0\"]:not([enable-search])) .menu-container,\n.menu-container:empty {\n  display: none;\n}\n\n.menu-container ::slotted([open]) {\n  position: relative;\n  z-index: 3;\n}\n\nz-searchbar {\n  z-index: 0;\n  display: flex;\n  width: auto;\n  min-width: calc(var(--space-unit) * 32);\n  flex: 1 auto;\n  align-items: center;\n  margin-left: auto;\n}\n\n.heading-stuck {\n  position: fixed;\n  z-index: 20;\n  top: var(--app-header-top-offset);\n  left: 0;\n  width: 100%;\n  max-width: 100%;\n  animation: slide-stuck-heading-in 250ms ease-out;\n  background: var(--app-header-stucked-bg);\n  box-shadow: var(--shadow-2);\n  color: var(--app-header-stucked-text-color);\n}\n\n.heading-stuck-content {\n  display: flex;\n  max-width: var(--app-header-content-max-width);\n  align-items: center;\n  padding: var(--space-unit) var(--grid-margin);\n  margin: 0 auto;\n  column-gap: calc(var(--space-unit) * 2);\n}\n\n.heading-stuck .heading-title {\n  overflow: hidden;\n}\n\n.heading-stuck .heading-title > *,\n.heading-stuck .heading-title ::slotted([slot=\"stucked-title\"]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.heading-stuck-content z-button {\n  margin-left: auto;\n}\n\n.drawer-trigger {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  appearance: none;\n  background: none;\n  border-radius: 0;\n  color: inherit;\n  cursor: pointer;\n}\n\n.drawer-trigger z-icon {\n  --z-icon-width: var(--app-header-drawer-trigger-size);\n  --z-icon-height: var(--app-header-drawer-trigger-size);\n\n  fill: currentcolor;\n}\n\n/* Simulate the height of the first line of text,\nto correctly align drawer icon and search page button with the title */\n.heading-container :is(.drawer-trigger, z-button.search-page-button) {\n  display: flex;\n  height: calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));\n  align-items: center;\n}\n\n.heading-container z-button.search-page-button {\n  margin-left: auto;\n}\n\n.drawer-content {\n  display: none;\n}\n\nz-offcanvas[open] .drawer-content {\n  display: flex;\n  width: 100%;\n  flex: 1 auto;\n  flex-direction: column;\n  row-gap: calc(var(--space-unit) * 2.5);\n}\n\nz-offcanvas[open] .drawer-content ::slotted(z-menu) {\n  width: 100%;\n}\n\n.drawer-close {\n  --z-icon-width: var(--app-header-drawer-trigger-size);\n  --z-icon-height: var(--app-header-drawer-trigger-size);\n\n  padding: 0;\n  border: 0;\n  margin: var(--space-unit) 0 calc(var(--space-unit) * 2.5);\n  appearance: none;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  cursor: pointer;\n  fill: currentcolor;\n  font-size: inherit;\n  outline: none;\n}\n\n.drawer-close:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.hero-container {\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n:host([overlay]) .heading-panel .drawer-trigger z-icon,\n:host([overlay]) .heading-panel .heading-container,\n:host([overlay]) .heading-panel .menu-container {\n  color: var(--color-white);\n  fill: var(--color-white);\n}\n\n:host([overlay]) .heading-panel .menu-container ::slotted(z-menu) {\n  --z-menu-label-color: var(--color-white);\n}\n\n:host([overlay]) .hero-container::after {\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--color-black);\n  content: \"\";\n  opacity: 0.5;\n}\n\n.hero-container img,\n.hero-container ::slotted(*) {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top center;\n  -webkit-user-drag: none;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-6-size);\n    --app-header-title-lineheight: var(--app-header-typography-6-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-6-tracking);\n  }\n\n  .heading-panel {\n    flex-flow: row wrap;\n    align-items: center;\n    padding-bottom: calc(var(--space-unit) * 2);\n  }\n\n  .heading-container {\n    margin-right: auto;\n  }\n\n  :host(:is([flow=\"offcanvas\"], [menu-length=\"0\"])) :is(.heading-container, .menu-container) {\n    width: auto;\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .heading-subtitle {\n    padding-left: 0;\n  }\n\n  .menu-container {\n    flex: initial;\n    align-items: center;\n  }\n\n  :host([menu-length=\"0\"]) .menu-container:not(:empty) {\n    height: calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .menu-container {\n    gap: var(--space-unit) calc(var(--space-unit) * 5);\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .heading-container .drawer-trigger {\n    display: none;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-7-size);\n    --app-header-title-lineheight: var(--app-header-typography-7-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-7-tracking);\n  }\n\n  .heading-panel {\n    justify-content: flex-start;\n    padding-bottom: calc(var(--space-unit) * 3);\n  }\n\n  .heading-container,\n  .menu-container {\n    width: auto;\n  }\n\n  :host([flow=\"stack\"]) .heading-panel {\n    flex-flow: column;\n    align-items: flex-start;\n  }\n\n  :host([flow=\"stack\"]) .menu-container {\n    width: 100%;\n  }\n\n  :host(:not([flow=\"offcanvas\"], [menu-length=\"0\"])) .heading-panel {\n    row-gap: calc(var(--space-unit) * 3);\n  }\n\n  z-searchbar {\n    min-width: calc(var(--space-unit) * 45);\n    flex: initial;\n  }\n}\n\n/* Wide breakpoint */\n@media (min-width: 1366px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-9-size);\n    --app-header-title-lineheight: var(--app-header-typography-9-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-9-tracking);\n  }\n}\n\n@keyframes slide-stuck-heading-in {\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  100% {\n    transform: none;\n  }\n}\n","import {Component, h, Element, Prop, State, Watch, Host, Event, EventEmitter, Listen} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, OffCanvasVariant, TransitionDirection} from \"../../../beans\";\n\nconst SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== \"undefined\";\n\n/**\n * @slot title - Slot for the main title\n * @slot subtitle - Slot for the bottom subtitle. It will not appear in stuck header.\n * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.\n * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.\n * @cssprop --app-header-typography-1-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`.\n * @cssprop --app-header-typography-2-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`.\n * @cssprop --app-header-typography-3-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`.\n * @cssprop --app-header-typography-4-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`.\n * @cssprop --app-header-typography-5-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`.\n * @cssprop --app-header-typography-6-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`.\n * @cssprop --app-header-typography-7-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`.\n * @cssprop --app-header-typography-8-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`.\n * @cssprop --app-header-typography-9-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`.\n * @cssprop --app-header-typography-10-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`.\n * @cssprop --app-header-typography-11-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`.\n * @cssprop --app-header-typography-12-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`.\n * @cssprop --app-header-typography-1-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`.\n * @cssprop --app-header-typography-2-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`.\n * @cssprop --app-header-typography-3-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.\n * @cssprop --app-header-typography-4-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-5-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-6-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.\n * @cssprop --app-header-typography-7-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-8-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.\n * @cssprop --app-header-typography-9-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-10-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.\n * @cssprop --app-header-typography-11-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-12-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-1-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`.\n * @cssprop --app-header-typography-2-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`.\n * @cssprop --app-header-typography-3-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`.\n * @cssprop --app-header-typography-4-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`.\n * @cssprop --app-header-typography-5-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`.\n * @cssprop --app-header-typography-6-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`.\n * @cssprop --app-header-typography-7-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`.\n * @cssprop --app-header-typography-8-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`.\n * @cssprop --app-header-typography-9-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`.\n * @cssprop --app-header-typography-10-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`.\n * @cssprop --app-header-typography-11-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`.\n * @cssprop --app-header-typography-12-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`.\n * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.\n * @cssprop --app-header-height - Defaults to `auto`.\n * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).\n * @cssprop --app-header-drawer-trigger-size - The size of the drawer icon. Defaults to `--space-unit * 4`.\n * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-text-color - Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-text01`.\n * @cssprop --app-header-title-font-size - Variable to customize the title's font size.\n * NOTE: Only use one of the exported `--app-header-typography-*-size` as a value.\n * Defaults to `--app-header-typography-3-size`.\n * @cssprop --app-header-title-lineheight - Variable to customize the title's line-height.\n * NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size.\n * Defaults to `--app-header-typography-3-lineheight`.\n * @cssprop --app-header-title-letter-spacing - Variable to customize the title's letter-spacing.\n * NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size.\n * Defaults to `--app-header-typography-3-tracking`.\n * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-text01`.\n */\n@Component({\n  tag: \"z-app-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAppHeader {\n  @Element() hostElement: HTMLZAppHeaderElement;\n\n  /**\n   * Stuck mode for the header.\n   * You can programmatically set it using an IntersectionObserver.\n   */\n  @Prop({reflect: true})\n  stuck = false;\n\n  /**\n   * Set the hero image source for the header.\n   * You can also use a [slot=\"hero\"] node for advanced customization.\n   */\n  @Prop()\n  hero: string;\n\n  /**\n   * Should place an overlay over the hero image.\n   * Useful for legibility purpose.\n   */\n  @Prop({reflect: true})\n  overlay = false;\n\n  /**\n   * Control menu bar position in the header.\n   * - auto: the menu bar is positioned near the title\n   * - stack: the menu bar is positioned below the title\n   * - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu\n   */\n  @Prop({reflect: true})\n  flow: \"auto\" | \"stack\" | \"offcanvas\" = \"auto\";\n\n  /**\n   * The opening state of the drawer.\n   */\n  @Prop({reflect: true})\n  drawerOpen = false;\n\n  /**\n   * Enable the search bar.\n   */\n  @Prop({reflect: true})\n  enableSearch = false;\n\n  /**\n   * Placeholder text for the search bar.\n   */\n  @Prop()\n  searchPlaceholder = \"Cerca\";\n\n  /**\n   * Search string for the search bar.\n   */\n  @Prop({mutable: true})\n  searchString = \"\";\n\n  /**\n   * Url to the search page.\n   * Set this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.\n   * The link will also appear on the sticky header.\n   */\n  @Prop()\n  searchPageUrl: string;\n\n  /**\n   * The stuck state of the bar.\n   */\n  @State()\n  private _stuck = false;\n\n  /**\n   * Current viewport.\n   * Used to change the aspect of the search button (icon only) on mobile and tablet.\n   */\n  @State()\n  private currentViewport: \"mobile\" | \"tablet\" | \"desktop\" = \"mobile\";\n\n  /**\n   * Current count of menu items.\n   */\n  @State()\n  menuLength: number;\n\n  /**\n   * Emitted when the `stuck` state of the header changes\n   */\n  @Event()\n  sticking: EventEmitter;\n\n  private container?: HTMLDivElement;\n\n  private menuElements?: NodeListOf<HTMLElement>;\n\n  private observer?: IntersectionObserver =\n    SUPPORT_INTERSECTION_OBSERVER &&\n    new IntersectionObserver(\n      ([entry]) => {\n        this._stuck = !entry.isIntersecting;\n      },\n      {\n        threshold: 0.5,\n      }\n    );\n\n  constructor() {\n    this.openDrawer = this.openDrawer.bind(this);\n    this.closeDrawer = this.closeDrawer.bind(this);\n    this.collectMenuElements = this.collectMenuElements.bind(this);\n  }\n\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  evaluateViewport(): void {\n    if (window.innerWidth < 768) {\n      this.currentViewport = \"mobile\";\n    } else if (window.innerWidth >= 768 && window.innerWidth < 1152) {\n      this.currentViewport = \"tablet\";\n    } else {\n      this.currentViewport = \"desktop\";\n    }\n  }\n\n  @Watch(\"_stuck\")\n  onStuck(): void {\n    const scrollParent = this.scrollParent;\n    if (!scrollParent) {\n      return;\n    }\n\n    this.sticking.emit(this._stuck);\n  }\n\n  @Watch(\"drawerOpen\")\n  setMenuFloatingMode(): void {\n    if (this.menuElements.length === 0) {\n      return;\n    }\n\n    const elements = this.menuElements;\n    elements.forEach((element) => {\n      (element as HTMLZMenuElement).open = false;\n      (element as HTMLZMenuElement).floating = !this.drawerOpen;\n      (element as HTMLZMenuElement).verticalContext = this.drawerOpen;\n    });\n  }\n\n  private get title(): string {\n    const titleElement = this.hostElement.querySelector('[slot=\"title\"]');\n    if (titleElement === null) {\n      return \"\";\n    }\n\n    return titleElement.textContent.trim();\n  }\n\n  private get scrollParent(): Window | Element {\n    const parent = this.hostElement.offsetParent;\n    if (parent === document.body || parent === document.documentElement) {\n      return window;\n    }\n\n    return parent;\n  }\n\n  private get canShowMenu(): boolean {\n    return this.flow !== \"offcanvas\" && this.currentViewport !== \"mobile\" && !this.drawerOpen;\n  }\n\n  private get canShowSearchbar(): boolean {\n    if (!this.enableSearch) {\n      return false;\n    }\n\n    // Always show the searchbar on desktop, even if a searchPageUrl is set\n    if (this.searchPageUrl) {\n      return this.currentViewport === \"desktop\";\n    }\n\n    return true;\n  }\n\n  /**\n   * Whether the header has a hero image, either as a prop or as a slot.\n   */\n  private get hasHero(): boolean {\n    return !!this.hero || this.hostElement.querySelector(\"[slot=hero]\") !== null;\n  }\n\n  private openDrawer(): void {\n    this.drawerOpen = true;\n  }\n\n  private closeDrawer(): void {\n    this.drawerOpen = false;\n  }\n\n  private collectMenuElements(): void {\n    const menuElements = (this.menuElements = this.hostElement.querySelectorAll('[slot=\"menu\"]'));\n    this.menuLength = menuElements.length;\n    this.setMenuFloatingMode();\n  }\n\n  private enableStuckObserver(): void {\n    if (this.observer) {\n      this.observer.observe(this.container);\n    }\n  }\n\n  private disableStuckMode(): void {\n    this._stuck = false;\n    if (this.observer) {\n      this.observer.unobserve(this.container);\n    }\n  }\n\n  @Watch(\"stuck\")\n  onStuckMode(): void {\n    if (this.stuck) {\n      this.enableStuckObserver();\n    } else {\n      this.disableStuckMode();\n    }\n  }\n\n  private renderSearchLinkButton(): HTMLZButtonElement | null {\n    if (!this.enableSearch || !this.searchPageUrl || this.currentViewport === \"desktop\") {\n      return null;\n    }\n\n    return (\n      <z-button\n        class=\"search-page-button\"\n        variant={ButtonVariant.SECONDARY}\n        href={this.searchPageUrl}\n        icon=\"search\"\n        size={ControlSize.X_SMALL}\n      ></z-button>\n    );\n  }\n\n  private renderSeachbar(searchButtonIconOnly: boolean): HTMLZSearchbarElement {\n    return (\n      <z-searchbar\n        value={this.searchString}\n        placeholder={this.searchPlaceholder}\n        showSearchButton={true}\n        searchButtonIconOnly={searchButtonIconOnly}\n        size={ControlSize.X_SMALL}\n        variant={ButtonVariant.SECONDARY}\n        preventSubmit={this.searchString.length < 3}\n        onSearchTyping={(e) => (this.searchString = e.detail)}\n      />\n    );\n  }\n\n  componentDidLoad(): void {\n    this.collectMenuElements();\n    this.onStuckMode();\n    this.evaluateViewport();\n  }\n\n  render(): HTMLZAppHeaderElement {\n    return (\n      <Host menu-length={this.menuLength}>\n        {this.hasHero && (\n          <div class=\"hero-container\">\n            <slot name=\"hero\">\n              {this.hero && (\n                <img\n                  alt=\"\"\n                  src={this.hero}\n                />\n              )}\n            </slot>\n          </div>\n        )}\n\n        <div\n          class=\"heading-panel\"\n          ref={(el) => (this.container = el)}\n        >\n          <div class=\"heading-container\">\n            <div class=\"heading-subtitle\">\n              <slot name=\"top-subtitle\"></slot>\n            </div>\n            <div class=\"heading-title\">\n              {this.menuLength > 0 && (\n                <button\n                  class=\"drawer-trigger\"\n                  aria-label=\"Apri menu\"\n                  onClick={this.openDrawer}\n                >\n                  <z-icon name=\"burger-menu\"></z-icon>\n                </button>\n              )}\n\n              <slot name=\"title\"></slot>\n\n              {this.renderSearchLinkButton()}\n            </div>\n\n            <div class=\"heading-subtitle\">\n              <slot name=\"subtitle\"></slot>\n            </div>\n          </div>\n\n          {(this.canShowMenu || this.canShowSearchbar) && (\n            <div class=\"menu-container\">\n              {this.canShowMenu && (\n                <slot\n                  name=\"menu\"\n                  onSlotchange={this.collectMenuElements}\n                ></slot>\n              )}\n\n              {this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== \"desktop\")}\n            </div>\n          )}\n        </div>\n\n        <z-offcanvas\n          variant={OffCanvasVariant.OVERLAY}\n          transitiondirection={TransitionDirection.RIGHT}\n          open={this.drawerOpen}\n          onCanvasOpenStatusChanged={(ev) => (this.drawerOpen = ev.detail)}\n        >\n          <button\n            class=\"drawer-close\"\n            aria-label=\"Chiudi menu\"\n            onClick={this.closeDrawer}\n            slot=\"canvasContent\"\n            aria-hidden={`${!this.drawerOpen}`}\n            disabled={!this.drawerOpen}\n          >\n            <z-icon name=\"close\"></z-icon>\n          </button>\n\n          <div\n            class=\"drawer-content\"\n            slot=\"canvasContent\"\n            aria-hidden={`${!this.drawerOpen}`}\n          >\n            <slot\n              name=\"menu\"\n              onSlotchange={this.collectMenuElements}\n            ></slot>\n          </div>\n        </z-offcanvas>\n\n        {this._stuck && (\n          <div class=\"heading-stuck\">\n            <div class=\"heading-stuck-content\">\n              {this.menuLength > 0 && (\n                <button\n                  class=\"drawer-trigger\"\n                  aria-label=\"Apri menu\"\n                  onClick={this.openDrawer}\n                >\n                  <z-icon name=\"burger-menu\"></z-icon>\n                </button>\n              )}\n\n              <div class=\"heading-title\">\n                <slot name=\"stucked-title\">{this.title}</slot>\n              </div>\n\n              {this.renderSearchLinkButton()}\n              {this.canShowSearchbar && this.currentViewport === \"desktop\" && this.renderSeachbar(false)}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n  --z-icon-right-margin: 0;\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  pointer-events: none;\n}\n\n:host .z-button--container {\n  display: inline-flex;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border-width: var(--border-size-medium);\n  border-style: solid;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.3px;\n  line-height: 1;\n  outline: none;\n  text-decoration: none;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n:host .z-button--container:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host .z-button--container.z-button--has-text {\n  min-width: calc(var(--space-unit) * 8);\n  padding: 0 calc(var(--space-unit) * 2);\n}\n\n:host .z-button--container.z-button--has-text z-icon {\n  --z-icon-right-margin: var(--space-unit);\n}\n\n:host([size=\"big\"]) .z-button--container {\n  min-width: 44px;\n  height: 44px;\n}\n\n:host([size=\"small\"]) .z-button--container {\n  min-width: 36px;\n  height: 36px;\n}\n\n:host([size=\"x-small\"]) .z-button--container {\n  min-width: 32px;\n  height: 32px;\n}\n\n:host([variant=\"primary\"]) .z-button--container {\n  border-color: var(--color-primary01);\n  background-color: var(--color-primary01);\n  color: var(--color-text-inverse);\n}\n\n@media (hover: hover) {\n  :host([variant=\"primary\"]) .z-button--container:hover {\n    border-color: var(--color-hover-primary);\n    background-color: var(--color-hover-primary);\n    color: var(--color-text-inverse);\n  }\n}\n\n:host([variant=\"primary\"]) .z-button--container:active {\n  border-color: var(--color-pressed-primary);\n  background-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-text-inverse);\n}\n\n:host([variant=\"primary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: var(--color-disabled01);\n  background-color: var(--color-disabled01);\n  color: var(--color-disabled02);\n}\n\n:host([variant=\"secondary\"]) .z-button--container {\n  border-color: var(--color-primary01);\n  background-color: var(--color-surface01);\n  color: var(--color-primary01);\n}\n\n@media (hover: hover) {\n  :host([variant=\"secondary\"]) .z-button--container:hover {\n    border-color: var(--color-hover-primary);\n    background-color: var(--color-surface01);\n    color: var(--color-hover-primary);\n  }\n}\n\n:host([variant=\"secondary\"]) .z-button--container:active {\n  border-color: var(--color-pressed-primary);\n  background-color: var(--color-surface01);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n}\n\n:host([variant=\"secondary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: var(--color-disabled01);\n  background-color: var(--color-surface01);\n  color: var(--color-disabled02);\n}\n\n:host([variant=\"tertiary\"]) .z-button--container {\n  border-color: var(--color-primary02);\n  background-color: var(--color-primary02);\n  color: var(--color-primary01);\n}\n\n@media (hover: hover) {\n  :host([variant=\"tertiary\"]) .z-button--container:hover {\n    border-color: var(--color-primary03);\n    background-color: var(--color-primary03);\n    color: var(--color-hover-primary);\n  }\n}\n\n:host([variant=\"tertiary\"]) .z-button--container:focus:focus-visible {\n  border-color: var(--color-surface01);\n  background-color: var(--color-surface01);\n  color: var(--color-primary01);\n}\n\n:host([variant=\"tertiary\"]) .z-button--container:active {\n  border-color: var(--color-surface01);\n  background-color: var(--color-surface01);\n  box-shadow: var(--shadow-2);\n  color: var(--color-primary01);\n}\n\n:host([variant=\"tertiary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: transparent;\n  background-color: transparent;\n  color: var(--color-disabled02);\n}\n","import {Component, Prop, h, Element} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {ButtonVariant, ButtonType, ButtonSize, ControlSize} from \"../../../beans\";\n\n/**\n * @slot - button label\n */\n@Component({\n  tag: \"z-button\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZButton {\n  @Element() hostElement: HTMLZButtonElement;\n\n  /** defines a string value that labels an interactive element, used for accessibility. */\n  @Prop({reflect: true})\n  ariaLabel = \"\";\n\n  /** defines role attribute, used for accessibility. */\n  @Prop()\n  role?: string;\n\n  /** HTML <a> href attribute. If it is set, it renders an HTML <a> tag. */\n  @Prop()\n  href?: string;\n\n  /** HTML a target attribute. */\n  @Prop()\n  target?: string;\n\n  /** Identifier, should be unique. */\n  @Prop()\n  htmlid?: string;\n\n  /** HTML button name attribute. */\n  @Prop()\n  name?: string;\n\n  /** HTML button disabled attribute. */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** HTML button type attribute. */\n  @Prop()\n  type?: ButtonType = ButtonType.BUTTON;\n\n  /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */\n  @Prop({reflect: true})\n  variant?: ButtonVariant = ButtonVariant.PRIMARY;\n\n  /** `z-icon` name to use (optional). */\n  @Prop()\n  icon?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop({reflect: true})\n  size?: ButtonSize | ControlSize = ControlSize.BIG;\n\n  private getAttributes(): JSXBase.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> {\n    return {\n      id: this.htmlid,\n      class: {\n        \"z-button--container\": true,\n        \"z-button--has-text\": !!this.hostElement.textContent.trim(),\n      },\n    };\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    if (this.href) {\n      return (\n        <a\n          {...this.getAttributes()}\n          aria-label={this.ariaLabel}\n          href={this.href}\n          target={this.target}\n        >\n          {this.icon && (\n            <z-icon\n              name={this.icon}\n              width={16}\n              height={16}\n            />\n          )}\n          <slot />\n        </a>\n      );\n    }\n\n    return (\n      <button\n        {...this.getAttributes()}\n        aria-label={this.ariaLabel}\n        name={this.name}\n        type={this.type}\n        role={this.role}\n        disabled={this.disabled}\n      >\n        {this.icon && (\n          <z-icon\n            name={this.icon}\n            width={16}\n            height={16}\n          />\n        )}\n        <slot />\n      </button>\n    );\n  }\n}\n",":host {\n  display: block;\n  padding: 0;\n  margin: 0;\n}\n\n:host.divider-horizontal {\n  width: 100%;\n}\n\n:host.divider-vertical {\n  height: 100%;\n}\n\n:host.divider-small.divider-horizontal {\n  height: var(--border-size-small);\n}\n\n:host.divider-medium.divider-horizontal {\n  height: var(--border-size-medium);\n}\n\n:host.divider-large.divider-horizontal {\n  height: var(--border-size-large);\n}\n\n:host.divider-small.divider-vertical {\n  width: var(--border-size-small);\n}\n\n:host.divider-medium.divider-vertical {\n  width: var(--border-size-medium);\n}\n\n:host.divider-large.divider-vertical {\n  width: var(--border-size-large);\n}\n","import {Component, Prop, h, Host} from \"@stencil/core\";\nimport {DividerSize, DividerOrientation} from \"../../beans\";\n@Component({\n  tag: \"z-divider\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZDivider {\n  /** [optional] Divider size */\n  @Prop()\n  size?: DividerSize = DividerSize.SMALL;\n\n  /** [optional] Divider color */\n  @Prop()\n  color?: string = \"gray200\";\n\n  /** [optional] Divider orintation */\n  @Prop()\n  orientation?: DividerOrientation = DividerOrientation.HORIZONTAL;\n\n  render(): HTMLZDividerElement {\n    return (\n      <Host\n        class={`divider-${this.size} divider-${this.orientation}`}\n        style={{backgroundColor: `var(--${this.color})`}}\n      />\n    );\n  }\n}\n",":host {\n  margin-right: var(--z-icon-right-margin, 0);\n  margin-left: var(--z-icon-left-margin, 0);\n  line-height: 0;\n  vertical-align: middle;\n}\n\n:host svg:not([width]) {\n  width: var(--z-icon-width, 18px);\n}\n\n:host svg:not([height]) {\n  height: var(--z-icon-height, 18px);\n}\n","import {Component, Prop, Host, h} from \"@stencil/core\";\nimport {ICONS} from \"../icons\";\n\n@Component({\n  tag: \"z-icon\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZIcon {\n  /** icon name */\n  @Prop()\n  name: string;\n\n  /** icon height (optional) */\n  @Prop()\n  height?: number;\n\n  /** icon width (optional) */\n  @Prop()\n  width?: number;\n\n  /** icon id (optional) */\n  @Prop()\n  iconid?: string;\n\n  /** icon fill (optional) */\n  @Prop()\n  fill?: string;\n\n  private selectPathOrPolygon(iconValue: string): SVGPathElement | SVGPolygonElement {\n    if (iconValue?.startsWith(\"M\")) {\n      return <path d={ICONS[this.name]}></path>;\n    }\n\n    return <polygon points={ICONS[this.name]}></polygon>;\n  }\n\n  render(): SVGElement {\n    return (\n      <Host aria-hidden=\"true\">\n        <svg\n          viewBox=\"0 0 1000 1000\"\n          width={this.width}\n          height={this.height}\n          id={this.iconid}\n          fill={this.fill ? `var(--${this.fill})` : \"\"}\n        >\n          {this.selectPathOrPolygon(ICONS[this.name])}\n        </svg>\n      </Host>\n    );\n  }\n}\n","@import \"styles-general.css\";\n@import \"styles-text.css\";\n@import \"styles-textarea.css\";\n@import \"styles-checkbox-radio.css\";\n","import {Component, Prop, State, h, Method, Event, EventEmitter, Element, Listen} from \"@stencil/core\";\nimport {Host, JSXBase} from \"@stencil/core/internal\";\nimport {InputType, LabelPosition, InputStatus, ControlSize} from \"../../../beans\";\nimport {boolean, randomId} from \"../../../utils/utils\";\n\n@Component({\n  tag: \"z-input\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZInput {\n  @Element() hostElement: HTMLZInputElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** input types */\n  @Prop()\n  type: InputType;\n\n  /** the input name */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input aria-label */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** the input value */\n  @Prop({mutable: true})\n  value?: string;\n\n  /** the input is disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: boolean = false;\n\n  /** the input is required (optional): available for text, password, number, email, textarea, checkbox */\n  @Prop()\n  required?: boolean = false;\n\n  /** checked: available for checkbox, radio */\n  @Prop({mutable: true})\n  checked?: boolean = false;\n\n  /** the input placeholder (optional) */\n  @Prop()\n  placeholder?: string;\n\n  /** the input html title (optional) */\n  @Prop()\n  htmltitle?: string;\n\n  /** the input status (optional): available for text, password, number, email, textarea */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input label position: available for checkbox, radio */\n  @Prop()\n  labelPosition?: LabelPosition = LabelPosition.RIGHT;\n\n  /** the input has autocomplete option (optional): available for text, password, number, email */\n  @Prop()\n  autocomplete?: string;\n\n  /** render clear icon when typing (optional): available for text */\n  @Prop()\n  hasclearicon?: boolean = true;\n\n  /** render icon (optional): available for text */\n  @Prop()\n  icon?: string;\n\n  /** min number value (optional): available for number */\n  @Prop()\n  min?: number;\n\n  /** Min length value (optional): available for text */\n  @Prop()\n  minlength?: number;\n\n  /** max number value (optional): available for number */\n  @Prop()\n  max?: number;\n\n  /** Max length value (optional): available for text */\n  @Prop()\n  maxlength?: number;\n\n  /** step number value (optional): available for number */\n  @Prop()\n  step?: number;\n\n  /** pattern value (optional): available for tel, text, search, url, email, password*/\n  @Prop()\n  pattern?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop({reflect: true})\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isTyping = false;\n\n  @State()\n  passwordHidden = true;\n\n  private timer;\n\n  private typingtimeout = 300;\n\n  private inputRef: HTMLInputElement;\n\n  @Listen(\"inputCheck\", {target: \"document\"})\n  inputCheckListener(e: CustomEvent): void {\n    const data = e.detail;\n    switch (this.type) {\n      case InputType.RADIO:\n        if (data.type === InputType.RADIO && data.name === this.name && data.id !== this.htmlid) {\n          this.checked = false;\n        }\n        break;\n    }\n  }\n\n  /** get checked status */\n  @Method()\n  async isChecked(): Promise<boolean> {\n    switch (this.type) {\n      case InputType.CHECKBOX:\n      case InputType.RADIO:\n        return this.checked;\n      default:\n        console.warn(\"`isChecked` method is only available for type `checkbox` and `radio`\");\n\n        return false;\n    }\n  }\n\n  /** Emitted on input value change, returns value, validity */\n  @Event()\n  inputChange: EventEmitter;\n\n  private emitInputChange(value: string): void {\n    if (!this.isTyping) {\n      this.emitStartTyping();\n    }\n\n    let validity: ValidityState;\n    if (this.type === InputType.TEXTAREA) {\n      validity = this.getValidity(\"textarea\");\n    } else {\n      validity = this.getValidity(\"input\");\n    }\n    this.value = value;\n    this.inputChange.emit({value, validity});\n\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.emitStopTyping(this.value, validity);\n    }, this.typingtimeout);\n  }\n\n  /** Emitted when user starts typing */\n  @Event()\n  startTyping: EventEmitter;\n\n  private emitStartTyping(): void {\n    this.isTyping = true;\n    this.startTyping.emit();\n  }\n\n  /** Emitted when user stops typing, returns value, validity */\n  @Event()\n  stopTyping: EventEmitter;\n\n  private emitStopTyping(value: string, validity: ValidityState): void {\n    this.isTyping = false;\n    this.stopTyping.emit({\n      value: value,\n      validity: validity,\n    });\n  }\n\n  /** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */\n  @Event()\n  inputCheck: EventEmitter;\n\n  private emitInputCheck(checked: boolean): void {\n    this.inputCheck.emit({\n      id: this.htmlid,\n      checked: checked,\n      type: this.type,\n      name: this.name,\n      value: this.value,\n      validity: this.getValidity(\"input\"),\n    });\n  }\n\n  private getValidity(type: string): ValidityState {\n    const input = this.hostElement.querySelector(type) as HTMLInputElement;\n\n    return input.validity;\n  }\n\n  /* START text/password/email/number */\n\n  private getTextAttributes(): JSXBase.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {\n    return {\n      id: this.htmlid,\n      name: this.name,\n      placeholder: this.placeholder,\n      value: this.value,\n      disabled: this.disabled,\n      readonly: this.readonly,\n      required: this.required,\n      title: this.htmltitle,\n      minlength: this.minlength,\n      maxlength: this.maxlength,\n      class: {\n        [`input-${this.status}`]: !!this.status,\n        filled: !!this.value,\n      },\n      autocomplete: this.autocomplete,\n      onInput: (e: InputEvent) => this.emitInputChange((e.target as HTMLInputElement).value),\n    };\n  }\n\n  private getNumberAttributes(type: InputType): JSXBase.InputHTMLAttributes<HTMLInputElement> {\n    if (type != InputType.NUMBER) {\n      return;\n    }\n\n    return {\n      min: this.min,\n      max: this.max,\n      step: this.step,\n    };\n  }\n\n  private getPatternAttribute(type: InputType): JSXBase.InputHTMLAttributes<HTMLInputElement> {\n    if (\n      type != InputType.PASSWORD &&\n      type != InputType.TEXT &&\n      type != InputType.TEL &&\n      type != InputType.SEARCH &&\n      type != InputType.URL &&\n      type != InputType.EMAIL\n    ) {\n      return;\n    }\n\n    return {\n      pattern: this.pattern,\n    };\n  }\n\n  private renderInputText(type: InputType = InputType.TEXT): HTMLDivElement {\n    const ariaLabel = this.ariaLabel ? {\"aria-label\": this.ariaLabel} : {};\n    const attr = {\n      ...this.getTextAttributes(),\n      ...this.getNumberAttributes(type),\n      ...this.getPatternAttribute(type),\n      ...ariaLabel,\n    };\n    if (this.icon || type === InputType.PASSWORD) {\n      Object.assign(attr.class, {\"has-icon\": true});\n    }\n    if (this.hasclearicon && type != InputType.NUMBER) {\n      Object.assign(attr.class, {\"has-clear-icon\": true});\n    }\n\n    return (\n      <div class=\"text-wrapper\">\n        {this.renderLabel()}\n        <div>\n          <input\n            type={type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type}\n            {...attr}\n            ref={(el) => (this.inputRef = el)}\n          />\n          {this.renderIcons()}\n        </div>\n        {this.renderMessage()}\n      </div>\n    );\n  }\n\n  private renderLabel(): HTMLLabelElement {\n    if (!this.label) {\n      return;\n    }\n\n    return (\n      <label\n        class=\"input-label body-5-sb\"\n        id={`${this.htmlid}_label`}\n        htmlFor={this.htmlid}\n      >\n        {this.label}\n      </label>\n    );\n  }\n\n  private renderIcons(): HTMLSpanElement {\n    return (\n      <span class=\"icons-wrapper\">\n        {this.renderResetIcon()}\n        {this.renderIcon()}\n      </span>\n    );\n  }\n\n  private renderIcon(): HTMLButtonElement {\n    if (this.type === InputType.PASSWORD) {\n      return this.renderShowHidePassword();\n    }\n\n    if (!this.icon) {\n      return;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        class=\"icon-button input-icon\"\n        tabIndex={-1}\n        aria-hidden=\"true\"\n      >\n        <z-icon\n          name={this.icon}\n          class={this.size}\n        />\n      </button>\n    );\n  }\n\n  private renderResetIcon(): HTMLButtonElement {\n    let hidden = false;\n    if (!this.hasclearicon || !this.value || this.disabled || this.readonly || this.type == InputType.NUMBER) {\n      hidden = true;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        class={`icon-button reset-icon ${hidden ? \"hidden\" : \"\"}`}\n        aria-label=\"cancella il contenuto dell'input\"\n        onClick={() => {\n          this.inputRef.value = \"\";\n          this.emitInputChange(\"\");\n        }}\n      >\n        <z-icon\n          name=\"multiply\"\n          class={this.size}\n        />\n      </button>\n    );\n  }\n\n  private renderShowHidePassword(): HTMLButtonElement {\n    return (\n      <button\n        type=\"button\"\n        class=\"icon-button toggle-password-icon\"\n        disabled={this.disabled}\n        aria-label={this.passwordHidden ? \"mostra password\" : \"nascondi password\"}\n        onClick={() => (this.passwordHidden = !this.passwordHidden)}\n      >\n        <z-icon\n          name={this.passwordHidden ? \"view-filled\" : \"view-off-filled\"}\n          class={this.size}\n        />\n      </button>\n    );\n  }\n\n  private renderMessage(): HTMLZInputMessageElement {\n    if (boolean(this.message) === false) {\n      return;\n    }\n\n    return (\n      <z-input-message\n        message={boolean(this.message) === true ? undefined : (this.message as string)}\n        status={this.status}\n        class={this.size}\n      />\n    );\n  }\n\n  /* END text/password/email/number */\n\n  /* START textarea */\n\n  private renderTextarea(): HTMLDivElement {\n    const attributes = this.getTextAttributes();\n    const ariaLabel = this.ariaLabel ? {\"aria-label\": this.ariaLabel} : {};\n\n    return (\n      <div class=\"text-wrapper\">\n        {this.renderLabel()}\n        <div\n          class={{\n            ...(attributes.class as Record<string, boolean>),\n            \"textarea-wrapper\": true,\n            \"readonly\": attributes.readonly as boolean,\n          }}\n        >\n          <textarea\n            {...attributes}\n            {...ariaLabel}\n          ></textarea>\n        </div>\n        {this.renderMessage()}\n      </div>\n    );\n  }\n\n  /* END textarea */\n\n  private handleCheck(ev: Event): void {\n    this.checked = (ev.target as HTMLInputElement).checked;\n    this.emitInputCheck(this.checked);\n  }\n\n  /* START checkbox */\n  private renderCheckbox(): HTMLDivElement {\n    return (\n      <div class=\"checkbox-wrapper\">\n        <input\n          id={this.htmlid}\n          type=\"checkbox\"\n          name={this.name}\n          checked={this.checked}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          required={this.required}\n          onChange={this.handleCheck.bind(this)}\n          value={this.value}\n        />\n\n        <label\n          htmlFor={this.htmlid}\n          class={{\n            \"checkbox-label\": true,\n            \"after\": this.labelPosition === LabelPosition.RIGHT,\n            \"before\": this.labelPosition === LabelPosition.LEFT,\n          }}\n        >\n          <z-icon\n            name={this.checked ? \"checkbox-checked\" : \"checkbox\"}\n            aria-hidden=\"true\"\n            class={this.size}\n          />\n          {this.label && <span innerHTML={this.label}></span>}\n        </label>\n      </div>\n    );\n  }\n\n  /* END checkbox */\n\n  /* START radio */\n  private renderRadio(): HTMLDivElement {\n    return (\n      <div class=\"radio-wrapper\">\n        <input\n          id={this.htmlid}\n          type=\"radio\"\n          name={this.name}\n          checked={this.checked}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          onChange={this.handleCheck.bind(this)}\n          value={this.value}\n        />\n\n        <label\n          htmlFor={this.htmlid}\n          class={{\n            \"radio-label\": true,\n            \"after\": this.labelPosition === LabelPosition.RIGHT,\n            \"before\": this.labelPosition === LabelPosition.LEFT,\n          }}\n        >\n          <z-icon\n            name={this.checked ? \"radio-button-checked\" : \"radio-button\"}\n            aria-hidden=\"true\"\n            class={this.size}\n          />\n          {this.label && <span innerHTML={this.label} />}\n        </label>\n      </div>\n    );\n  }\n  /* END radio */\n\n  render(): HTMLInputElement | HTMLDivElement {\n    let input;\n    switch (this.type) {\n      case InputType.TEXTAREA:\n        input = this.renderTextarea();\n        break;\n      case InputType.CHECKBOX:\n        input = this.renderCheckbox();\n        break;\n      case InputType.RADIO:\n        input = this.renderRadio();\n        break;\n      default:\n        input = this.renderInputText(this.type);\n    }\n\n    return <Host>{input}</Host>;\n  }\n}\n",":host {\n  display: flex;\n  min-height: calc(var(--space-unit) * 2.5);\n  align-items: start;\n  margin-top: var(--space-unit);\n  color: var(--color-text05);\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n}\n\n:host(.small),\n:host(.x-small) {\n  margin-top: calc(var(--space-unit) * 0.5);\n  font-size: var(--font-size-1);\n}\n\n:host([status=\"success\"]) {\n  color: var(--color-text-success);\n}\n\n:host([status=\"error\"]) {\n  color: var(--color-text-error);\n}\n\n:host([status=\"warning\"]) {\n  color: var(--color-warning02);\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n:host > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n  --z-icon-right-margin: var(--space-unit);\n\n  margin-top: calc(var(--space-unit) * 0.25);\n}\n\n:host(.small) > z-icon,\n:host(.x-small) > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n}\n","import {Component, Prop, Watch, State, h, Host} from \"@stencil/core\";\nimport {InputStatus} from \"../../../beans\";\n\n@Component({\n  tag: \"z-input-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInputMessage {\n  /** input helper message */\n  @Prop()\n  message: string;\n\n  /** input status (optional) */\n  @Prop({reflect: true})\n  status?: InputStatus;\n\n  private statusIcons = {\n    success: \"checkmark-circle\",\n    error: \"multiply-circled\",\n    warning: \"exclamation-circle\",\n  };\n\n  @State()\n  statusRole = {};\n\n  @Watch(\"message\")\n  @Watch(\"status\")\n  onMessageChange(): void {\n    this.statusRole = this.message && this.status ? {role: \"alert\"} : {};\n  }\n\n  componentWillLoad(): void {\n    this.onMessageChange();\n  }\n\n  render(): HTMLZInputMessageElement {\n    return (\n      <Host\n        {...this.statusRole}\n        aria-label={this.message}\n      >\n        {this.statusIcons[this.status] && this.message && <z-icon name={this.statusIcons[this.status]}></z-icon>}\n        <span innerHTML={this.message} />\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n","import {Component, Element, h, Prop, Host} from \"@stencil/core\";\n\nimport {ListSize, ListType} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZList {\n  @Element() host: HTMLZListElement;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  private setChildrenSizeType(): void {\n    const children = this.host.children;\n    for (let i = 0; i < children.length; i++) {\n      children[i].setAttribute(\"size\", this.size);\n      children[i].setAttribute(\"list-type\", this.listType);\n      children[i].setAttribute(\"list-element-position\", (i + 1).toString());\n    }\n  }\n\n  componentDidLoad(): void {\n    this.setChildrenSizeType();\n  }\n\n  render(): HTMLZListElement {\n    return (\n      <Host role=\"list\">\n        <slot />\n      </Host>\n    );\n  }\n}\n",":host {\n  outline: none;\n}\n\n:host > .container,\n:host > .container-contextual-menu {\n  --background-color-list-element: var(--color-surface01);\n  --background-hover-color-list-element: var(--color-surface02);\n  --background-active-color-list-element: var(--color-surface02);\n\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  justify-content: center;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  outline: none;\n}\n\n/* z-list-element size */\n\n:host([size=\"small\"]) > .container {\n  min-height: calc(var(--space-unit) * 4);\n  padding: calc(var(--space-unit) / 2) 0;\n}\n\n:host([size=\"medium\"]) > .container {\n  min-height: calc(var(--space-unit) * 5);\n  padding: var(--space-unit) 0;\n}\n\n:host([size=\"large\"]) > .container {\n  min-height: calc(var(--space-unit) * 7);\n  padding: calc(var(--space-unit) * 2) 0;\n}\n\n:host([size=\"x-large\"]) > .container {\n  min-height: calc(var(--space-unit) * 9);\n  padding: calc(var(--space-unit) * 3) 0;\n}\n\n/* ----------------- */\n\n:host([expandable]) > .container,\n:host([expandable]) > .container-contextual-menu,\n:host([clickable]) > .container,\n:host([clickable]) > .container-contextual-menu {\n  cursor: pointer;\n}\n\n:host([expandable]:hover) > .container,\n:host([expandable]:hover) > .container-contextual-menu,\n:host([clickable]:hover) > .container,\n:host([clickable]:hover) > .container-contextual-menu {\n  background-color: var(--background-hover-color-list-element);\n}\n\n:host([expandable]:focus:focus-visible) > .container,\n:host([expandable]:focus:focus-visible) > .container-contextual-menu,\n:host([clickable]:focus:focus-visible) > .container,\n:host([clickable]:focus:focus-visible) > .container-contextual-menu {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([clickable]:not([expandable])) > .container.clicked,\n:host([clickable]:not([expandable])) > .container-contextual-menu.clicked {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([expandable]:active) > .container,\n:host([expandable]:active) > .container-contextual-menu,\n:host([clickable]:active) > .container,\n:host([clickable]:active) > .container-contextual-menu {\n  background-color: var(--background-active-color-list-element);\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container,\n:host([align-button=\"left\"][expandable]) > .container-contextual-menu > .z-list-element-container {\n  display: flex;\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container,\n:host([align-button=\"right\"][expandable]) > .container-contextual-menu > .z-list-element-container {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: space-between;\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container > z-icon,\n:host([align-button=\"left\"][expandable]) > .container-contextual-menu > .z-list-element-container > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container > z-icon,\n:host([align-button=\"right\"][expandable]) > .container-contextual-menu > .z-list-element-container > z-icon {\n  margin-left: var(--space-unit);\n}\n\n:host > .container > .z-list-element-inner-container,\n:host > .container-contextual-menu > .z-list-element-inner-container {\n  display: none;\n}\n\n:host > .container > .z-list-element-inner-container.expanded,\n:host > .container-contextual-menu > .z-list-element-inner-container.expanded {\n  display: block;\n}\n\n:host([clickable]:hover) > .container-contextual-menu {\n  background-color: var(--color-surface03);\n}\n\n.container-contextual-menu:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-list-content-container {\n  display: flex;\n  align-items: center;\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State} from \"@stencil/core\";\nimport {\n  DividerSize,\n  ExpandableListButtonAlign,\n  ExpandableListStyle,\n  KeyboardCode,\n  ListDividerType,\n  ListSize,\n  ListType,\n} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list-element\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZListElement {\n  @Element() host: HTMLZListElementElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"accessibleFocus\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  accessibleFocus: EventEmitter<number>;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickItem\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickItem: EventEmitter;\n\n  @Listen(\"accessibleFocus\", {target: \"document\"})\n  accessibleFocusHandler(e: CustomEvent): void {\n    if (this.listElementId === e.detail) {\n      const toFocus = this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);\n      toFocus.focus();\n    }\n  }\n\n  /**\n   * [optional] Align expandable button left or right.\n   */\n  @Prop({reflect: true})\n  alignButton?: ExpandableListButtonAlign = ExpandableListButtonAlign.LEFT;\n\n  /**\n   * [optional] Sets element clickable.\n   */\n  @Prop({reflect: true})\n  clickable?: boolean = false;\n\n  /**\n   * [optional] Sets the divider color.\n   */\n  @Prop()\n  dividerColor?: string = \"color-surface03\";\n\n  /**\n   * [optional] Sets the position where to insert the divider.\n   */\n  @Prop()\n  dividerType?: ListDividerType = ListDividerType.NONE;\n\n  /**\n   * [optional] Sets the divider size.\n   */\n  @Prop()\n  dividerSize?: DividerSize = DividerSize.SMALL;\n\n  /**\n   * [optional] Sets element as expandable.\n   */\n  @Prop({reflect: true})\n  expandable?: boolean = false;\n\n  /**\n   * [optional] Sets expandable style to element.\n   */\n  @Prop()\n  expandableStyle?: ExpandableListStyle = ExpandableListStyle.ACCORDION;\n\n  /**\n   * [optional] List element id.\n   */\n  @Prop({reflect: true})\n  listElementId?: number;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] Sets text color of the element.\n   */\n  @Prop({reflect: true})\n  color?: string = \"none\";\n\n  /**\n   * [optional] Sets disabled style of the element.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * [optional] If is used in ZContextualMenu component\n   */\n  @Prop({reflect: true})\n  isContextualMenu?: boolean = false;\n\n  /**\n   * [optional] position of the list element inside the list or the group\n   */\n  @Prop({reflect: true})\n  listElementPosition?: string = \"0\";\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  @State()\n  showInnerContent = false;\n\n  private openElementConfig = {\n    accordion: {\n      open: \"minus-circled\",\n      close: \"plus-circled\",\n    },\n    menu: {\n      open: \"chevron-up\",\n      close: \"chevron-down\",\n    },\n  };\n\n  /**\n   * Constructor.\n   */\n  constructor() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  /**\n   * Handler for click on element. If element is expandable, change state.\n   * @returns void\n   */\n  private handleClick(): void {\n    this.clickItem.emit(this.listElementId);\n    if (!this.expandable) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  private calculateClass(): string {\n    if (this.isContextualMenu) {\n      return \"container-contextual-menu\";\n    }\n\n    return \"container\";\n  }\n\n  private handleKeyDown(event): void {\n    const expandByKey = event.code === KeyboardCode.ENTER;\n    switch (event.code) {\n      case KeyboardCode.ARROW_DOWN:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId + 1);\n        break;\n      case KeyboardCode.ARROW_UP:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId - 1);\n        break;\n      case KeyboardCode.ENTER:\n        event.preventDefault();\n        this.clickItem.emit(this.listElementId);\n        break;\n      default:\n        break;\n    }\n\n    if (!this.expandable || !expandByKey) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  /**\n   * Renders button to expand element.\n   * @returns expadable button\n   */\n  private renderExpandableButton(): HTMLZIconElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <z-icon\n        name={\n          this.showInnerContent\n            ? this.openElementConfig[this.expandableStyle].open\n            : this.openElementConfig[this.expandableStyle].close\n        }\n      />\n    );\n  }\n\n  /**\n   * Renders expanded content if element is expandable.\n   * @returns expanded content\n   */\n  private renderExpandedContent(): HTMLDivElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <div\n        class={{\n          \"z-list-element-inner-container\": true,\n          \"expanded\": this.showInnerContent,\n        }}\n      >\n        <slot name=\"inner-content\" />\n      </div>\n    );\n  }\n\n  /**\n   * Renders content of the z-list-element\n   * @returns list content\n   */\n  private renderContent(): HTMLDivElement {\n    if (this.listType === ListType.NONE) {\n      return <slot />;\n    }\n\n    if (this.listType === ListType.ORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <div>{this.listElementPosition}.&emsp;</div>\n          <slot />\n        </div>\n      );\n    }\n\n    if (this.listType === ListType.UNORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <span>&bull;&emsp;</span>\n          <slot />\n        </div>\n      );\n    }\n  }\n\n  render(): HTMLZListElementElement {\n    return (\n      <Host\n        role=\"listitem\"\n        aria-expanded={this.expandable ? this.showInnerContent : null}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n        clickable={this.clickable && !this.disabled}\n        tabIndex={!this.isContextualMenu ? \"0\" : null}\n      >\n        <div\n          class={`${this.calculateClass()}`}\n          style={{color: `var(--${this.color})`}}\n          tabindex={this.isContextualMenu ? \"0\" : \"-1\"}\n          id={`z-list-element-id-${this.listElementId}`}\n          part=\"list-item-container\"\n        >\n          <div class=\"z-list-element-container\">\n            {this.renderExpandableButton()}\n            {this.renderContent()}\n          </div>\n          {this.renderExpandedContent()}\n        </div>\n        {this.dividerType === ListDividerType.ELEMENT && (\n          <z-divider\n            color={this.dividerColor}\n            size={this.dividerSize}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n",":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > .z-list-group-header-container {\n  color: var(--gray700);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-sb) !important;\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\n:host > .z-list-group-header-container.has-header {\n  padding-top: var(--space-unit);\n  padding-bottom: var(--space-unit);\n}\n\n:host > .z-list-group-header-container.has-header > z-divider {\n  margin-top: var(--space-unit);\n}\n","import {Component, Element, h, Host, Prop} from \"@stencil/core\";\nimport {DividerSize, ListSize, ListDividerType, ListType} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list-group\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZListGroup {\n  @Element() host: HTMLZListGroupElement;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] Sets the position where to insert the divider.\n   */\n  @Prop({reflect: true})\n  dividerType?: ListDividerType = ListDividerType.NONE;\n\n  /**\n   * [optional] Sets the divider size.\n   */\n  @Prop({reflect: true})\n  dividerSize?: DividerSize = DividerSize.SMALL;\n\n  /**\n   * [optional] Sets the divider color.\n   */\n  @Prop({reflect: true})\n  dividerColor?: string = \"gray200\";\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  private hasHeader: boolean;\n\n  componentDidLoad(): void {\n    const children = this.host.children;\n    for (let i = 0; i < children.length; i++) {\n      if (children.length - 1 > i) {\n        children[i].setAttribute(\"divider-type\", this.dividerType);\n        children[i].setAttribute(\"divider-size\", this.dividerSize);\n        children[i].setAttribute(\"divider-color\", this.dividerColor);\n      }\n      children[i].setAttribute(\"size\", this.size);\n      children[i].setAttribute(\"list-type\", this.listType);\n      children[i].setAttribute(\"list-element-position\", i.toString());\n    }\n  }\n\n  componentWillLoad(): void {\n    this.hasHeader = !!this.host.querySelector('[slot=\"header-title\"]');\n  }\n\n  render(): HTMLZListGroupElement {\n    return (\n      <Host role=\"group\">\n        <div\n          class={{\n            \"z-list-group-header-container\": true,\n            \"has-header\": this.hasHeader,\n          }}\n        >\n          <slot name=\"header-title\" />\n          {this.dividerType === ListDividerType.HEADER && (\n            <z-divider\n              color={this.dividerColor}\n              size={this.dividerSize}\n            />\n          )}\n        </div>\n        <slot />\n      </Host>\n    );\n  }\n}\n",":host {\n  --z-offcanvas--container-width: 375px;\n  --z-offcanvas--top-space: 0;\n\n  min-width: 100%;\n  height: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  visibility: hidden;\n}\n\n.canvas-container {\n  display: flex;\n  overflow: -moz-scrollbars-none;\n  overflow: hidden;\n  min-width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: var(--color-surface01);\n}\n\n:host([variant=\"pushcontent\"]) {\n  display: none;\n}\n\n:host([open]) {\n  display: flex;\n  visibility: visible;\n}\n\n:host([variant=\"overlay\"]) {\n  position: fixed;\n  z-index: 1000;\n  top: var(--z-offcanvas--top-space);\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  height: calc(100% - var(--z-offcanvas--top-space));\n}\n\n:host([variant=\"overlay\"][transitiondirection=\"left\"]) {\n  justify-content: end;\n}\n\n:host([variant=\"overlay\"]) > .canvas-container {\n  z-index: 1010;\n}\n\n:host([variant=\"overlay\"]) .canvas-background {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gray900);\n  opacity: 0.7;\n}\n\n.canvas-container > .canvas-content {\n  overflow: auto;\n  flex: 1 auto;\n  padding: 0 calc(var(--space-unit) * 2);\n  margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;\n  overflow-x: hidden;\n}\n\n:host([variant=\"overlay\"]) > .canvas-container > .canvas-content {\n  padding: 0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n  margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0;\n}\n\n/* Webkit Scrollbar */\n.canvas-container .canvas-content::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n  border-radius: var(--border-radius);\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox */\n.canvas-container .canvas-content {\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n/* Mobile */\n@media only screen and (max-width: 768px) {\n  :host([open][transitiondirection=\"left\"]:not(.skip-animation)) > .canvas-container {\n    animation: enter-right 0.4s ease-out;\n  }\n\n  :host([open][transitiondirection=\"right\"]:not(.skip-animation)) > .canvas-container {\n    animation: enter-left 0.4s ease-out;\n  }\n}\n\n/* Tablet / Desktop */\n@media only screen and (min-width: 768px) {\n  :host {\n    min-width: auto;\n  }\n\n  .canvas-container {\n    width: auto;\n    min-width: max(var(--z-offcanvas--container-width), 375px);\n    max-width: max(var(--z-offcanvas--container-width), 375px);\n    height: auto;\n    min-height: calc(var(--space-unit) * 40);\n  }\n\n  :host(:not([variant=\"overlay\"])[open]:not(.skip-animation)) {\n    width: auto;\n    animation: grow 0.4s ease-out;\n  }\n}\n\n/* ANIMATION */\n\n@keyframes grow {\n  from {\n    width: 0;\n  }\n\n  to {\n    width: max(var(--z-offcanvas--container-width), 375px);\n  }\n}\n\n@keyframes enter-left {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes enter-right {\n  from {\n    transform: translateX(100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n:host([open][variant=\"overlay\"][transitiondirection=\"left\"]:not(.skip-animation)) > .canvas-container {\n  animation: enter-right 0.4s ease-out;\n}\n\n:host([open][transitiondirection=\"right\"]:not(.skip-animation)) > .canvas-container {\n  animation: enter-left 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]) > .canvas-container {\n  transform: translateX(-100%);\n  transition: visibility 0.4s ease-out, transform 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"][transitiondirection=\"left\"]) > .canvas-container {\n  transform: translateX(100%);\n  transition: visibility 0.4s ease-out, transform 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"]) .canvas-background {\n  transition: visibility 0.4s ease-out;\n  visibility: hidden;\n}\n","import {Component, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\";\nimport {OffCanvasVariant, TransitionDirection} from \"../../beans\";\n/**\n * @slot canvasContent - Slot for the main content.\n */\n@Component({\n  tag: \"z-offcanvas\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZOffcanvas {\n  /**\n   * Offcanvas variant.\n   * Can be one `overlay` or `pushcontent`.\n   * Default variant: pushcontent\n   */\n  @Prop({reflect: true})\n  variant?: OffCanvasVariant = OffCanvasVariant.PUSHCONTENT;\n\n  /** Whether the offcanvas is open. Default: false */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /** open content transitioning in a specified direction left | right. Default: left */\n  @Prop({reflect: true})\n  transitiondirection?: TransitionDirection = TransitionDirection.LEFT;\n\n  /**\n   * Whether to skip the initial animation.\n   * Useful when the initial value of the `open` prop is set to `true`.\n   */\n  @Prop({mutable: true})\n  skipLoadAnimation = false;\n\n  /** emitted when `open` prop changes */\n  @Event()\n  canvasOpenStatusChanged: EventEmitter;\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (!this.open && this.skipLoadAnimation) {\n      this.skipLoadAnimation = false;\n    }\n\n    if (this.open) {\n      this.handlePageOverflow();\n    }\n    this.canvasOpenStatusChanged.emit(this.open);\n  }\n\n  private handlePageOverflow(): void {\n    const overflow = this.variant === OffCanvasVariant.OVERLAY ? \"overflow-y\" : \"overflow-x\";\n    document.body.style[overflow] = this.open ? \"hidden\" : \"\";\n  }\n\n  render(): HTMLZOffcanvasElement {\n    return (\n      <Host class={{\"skip-animation\": this.skipLoadAnimation}}>\n        <div\n          role=\"presentation\"\n          class=\"canvas-container\"\n          onTransitionEnd={() => this.handlePageOverflow()}\n        >\n          <div\n            role=\"presentation\"\n            class=\"canvas-content\"\n          >\n            <slot name=\"canvasContent\"></slot>\n          </div>\n        </div>\n        {this.variant == OffCanvasVariant.OVERLAY && (\n          <div\n            class=\"canvas-background\"\n            data-action=\"canvasBackground\"\n            onClick={() => (this.open = false)}\n          ></div>\n        )}\n      </Host>\n    );\n  }\n}\n",":host {\n  z-index: 15;\n  display: flex;\n  column-gap: calc(var(--space-unit) * 2);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.results-wrapper {\n  position: absolute;\n  top: calc(100% - 1px);\n  left: 0;\n  width: 100%;\n  padding: calc(var(--space-unit) / 4);\n  border: var(--border-size-small) solid var(--color-surface03);\n  border-top: none;\n  background: var(--color-surface01);\n}\n\n.results {\n  overflow: auto;\n  max-height: var(--z-searchbar-results-height, 540px);\n  padding: calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5);\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n.results::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n.results::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.results::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n  border-radius: var(--border-radius);\n}\n\n.results .category-heading {\n  display: block;\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  line-height: var(--font-size-3);\n}\n\n.results .category-heading > * {\n  display: block;\n}\n\n.results .category-heading > .category {\n  color: var(--color-text05);\n  font-style: italic;\n}\n\n.results .category-heading > .subcategory {\n  margin-top: var(--space-unit);\n  color: var(--color-text01);\n  text-transform: uppercase;\n}\n\n.results z-list-element {\n  display: block;\n}\n\n.results .item {\n  --z-icon-height: 12px;\n  --z-icon-width: 12px;\n\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: flex-start;\n  color: var(--color-text01);\n  column-gap: calc(var(--space-unit) * 1.5);\n  fill: var(--color-icon02);\n  font-size: var(--font-size-2);\n  line-height: var(--font-size-3);\n}\n\n.results .item.ellipsis > .item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.results .item > .item-label mark {\n  background: var(--color-primary03);\n}\n\n.results .item.has-category {\n  padding-left: calc(var(--space-unit) * 3);\n}\n\n.results .item.item-search {\n  --z-icon-height: 16px;\n  --z-icon-width: 16px;\n}\n\n.results .item-show-all {\n  text-align: center;\n}\n\n.results .item-no-results {\n  display: block;\n  font-size: var(--font-size-2);\n  font-style: italic;\n  line-height: var(--font-size-5);\n}\n\n.results .item-no-results > ul {\n  padding-left: calc(var(--space-unit) * 2);\n  margin: var(--space-unit);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .results .category-heading {\n    font-size: var(--font-size-3);\n    line-height: var(--font-size-6);\n  }\n\n  .results .item {\n    font-size: var(--font-size-3);\n    line-height: var(--font-size-6);\n  }\n\n  .results .item.item-search {\n    --z-icon-height: 18px;\n    --z-icon-width: 18px;\n  }\n\n  .results .item.ellipsis > .item-label {\n    height: 24px;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  .results .item {\n    cursor: pointer;\n  }\n\n  .results .item-no-results {\n    cursor: default;\n    font-size: var(--font-size-3);\n    line-height: var(--font-size-6);\n  }\n}\n\n:host([size=\"small\"]) .results :is(.item, .category-heading),\n:host([size=\"x-small\"]) .results :is(.item, .category-heading) {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .results .item:not(.has-category),\n:host([size=\"x-small\"]) .results .item:not(.has-category) {\n  --z-icon-height: 16px;\n  --z-icon-width: 16px;\n}\n\n:host([size=\"small\"])::part(list-item-container) {\n  min-height: calc(var(--space-unit) * 4.5);\n  padding: 0;\n}\n\n:host([size=\"x-small\"])::part(list-item-container) {\n  min-height: calc(var(--space-unit) * 4);\n  padding: 0;\n}\n","import {Component, Event, EventEmitter, h, Host, Listen, Prop, State, Watch} from \"@stencil/core\";\nimport {\n  ButtonVariant,\n  ListDividerType,\n  SearchbarGroup,\n  SearchbarGroupedItem,\n  SearchbarItem,\n  ControlSize,\n} from \"../../../beans\";\nimport {handleEnterKeydSubmit, randomId} from \"../../../utils/utils\";\n\n/**\n * @cssprop --z-searchbar-results-height - Max height of the results container (default: 540px)\n */\n@Component({\n  tag: \"z-searchbar\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZSearchbar {\n  /** the id of the searchbar element */\n  @Prop({reflect: true})\n  htmlid = `searchbar-${randomId()}`;\n\n  /** Prevent submit action */\n  @Prop()\n  preventSubmit?: boolean = false;\n\n  /** Input search string */\n  @Prop()\n  value?: string;\n\n  /** Search input placeholder */\n  @Prop()\n  placeholder?: string;\n\n  /** Show autocomplete results */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** Minimun number of characters to dispatch typing event */\n  @Prop()\n  autocompleteMinChars?: number = 3;\n\n  /** Number of results shown - default all */\n  @Prop()\n  resultsCount?: number;\n\n  /** Truncate results to single row */\n  @Prop()\n  resultsEllipsis?: boolean = true;\n\n  /** Search helper text */\n  @Prop()\n  searchHelperLabel?: string = \"Cerca {searchString}\";\n\n  /** Autocomplete results items */\n  @Prop()\n  resultsItems?: SearchbarItem[] | string;\n\n  /** Sort autocomplete results items */\n  @Prop()\n  sortResultsItems?: boolean = false;\n\n  /** Show submit button */\n  @Prop()\n  showSearchButton?: boolean = false;\n\n  /** Set button icon without label*/\n  @Prop()\n  searchButtonIconOnly?: boolean = false;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */\n  @Prop()\n  variant?: ButtonVariant = ButtonVariant.PRIMARY;\n\n  @State()\n  searchString = this.value;\n\n  @State()\n  currResultsCount = 0;\n\n  @State()\n  showResults = false;\n\n  private resultsItemsList: SearchbarItem[] | undefined = null;\n\n  private inputRef: HTMLZInputElement;\n\n  /** Emitted on search submit, return search string */\n  @Event()\n  searchSubmit: EventEmitter<string>;\n\n  private emitSearchSubmit(): void {\n    this.searchSubmit.emit(this.inputRef.value);\n  }\n\n  /** Emitted on search typing, return search string */\n  @Event()\n  searchTyping: EventEmitter<string>;\n\n  private emitSearchTyping(search: string): void {\n    this.searchTyping.emit(search);\n  }\n\n  /** Emitted on search result click, return item */\n  @Event()\n  searchItemClick: EventEmitter<SearchbarItem>;\n\n  private emitSearchItemClick(item: SearchbarItem): void {\n    this.searchItemClick.emit(item);\n  }\n\n  @Watch(\"resultsItems\")\n  watchItems(): void {\n    this.resultsItemsList = this.getResultsItemsList();\n  }\n\n  @Watch(\"resultsCount\")\n  watchResultsCount(): void {\n    this.currResultsCount = this.resultsCount;\n  }\n\n  @Watch(\"value\")\n  watchValue(): void {\n    this.searchString = this.value;\n  }\n\n  @Watch(\"searchString\")\n  watchSearchString(): void {\n    this.emitSearchTyping(this.searchString);\n    if (!this.searchString) {\n      this.currResultsCount = this.resultsCount;\n    }\n  }\n\n  componentWillLoad(): void {\n    this.resultsItemsList = this.getResultsItemsList();\n    this.currResultsCount = this.resultsCount;\n  }\n\n  private getResultsItemsList(): SearchbarItem[] | undefined {\n    return typeof this.resultsItems === \"string\" ? JSON.parse(this.resultsItems) : this.resultsItems;\n  }\n\n  private getGroupedItems(items: SearchbarItem[]): SearchbarGroupedItem {\n    const groupedItems = {};\n    items.forEach((item: SearchbarItem) => {\n      const key = `${item?.category}${item?.subcategory}`;\n      groupedItems[key] = groupedItems[key] ?? {\n        category: item?.category,\n        subcategory: item?.subcategory,\n        items: [],\n      };\n      groupedItems[key][\"items\"].push(item);\n    });\n\n    if (this.sortResultsItems) {\n      return Object.keys(groupedItems)\n        .sort()\n        .reduce((obj, key) => {\n          obj[key] = {\n            ...groupedItems[key],\n            items: groupedItems[key][\"items\"].sort((a: SearchbarItem, b: SearchbarItem) => {\n              const nameA = a.label.toUpperCase();\n              const nameB = b.label.toUpperCase();\n              if (nameA < nameB) {\n                return -1;\n              }\n              if (nameA > nameB) {\n                return 1;\n              }\n\n              return 0;\n            }),\n          };\n\n          return obj;\n        }, {});\n    }\n\n    return groupedItems;\n  }\n\n  private checkResultsCount(counter: number): boolean {\n    if (!this.currResultsCount || counter < this.currResultsCount) {\n      return true;\n    }\n\n    return false;\n  }\n\n  private handleStopTyping(e: CustomEvent): void {\n    e.stopPropagation();\n    this.searchString = e.detail.value;\n  }\n\n  private handleSubmit(): void {\n    if (this.preventSubmit) {\n      return;\n    }\n\n    this.emitSearchSubmit();\n  }\n\n  @Listen(\"click\", {target: \"document\"})\n  private handleOutsideClick(e: MouseEvent): void {\n    const cp = e.composedPath();\n\n    const searchbar = cp.find((elem: HTMLElement) => elem.nodeName === \"Z-SEARCHBAR\");\n    if (!searchbar || (searchbar as HTMLZSearchbarElement).htmlid !== this.htmlid) {\n      this.showResults = false;\n\n      return;\n    }\n\n    if (cp.find((elem: HTMLElement) => elem?.nodeName === \"Z-INPUT\" || elem?.classList?.contains(\"results\"))) {\n      this.showResults = true;\n\n      return;\n    }\n\n    this.showResults = false;\n  }\n\n  private renderInput(): HTMLZInputElement {\n    return (\n      <z-input\n        ref={(val) => {\n          this.inputRef = val;\n        }}\n        message={false}\n        placeholder={this.placeholder}\n        onStopTyping={(e: CustomEvent) => this.handleStopTyping(e)}\n        onKeyUp={(e: KeyboardEvent) => handleEnterKeydSubmit(e, () => this.handleSubmit())}\n        value={this.value}\n        size={this.size}\n      />\n    );\n  }\n\n  private renderButton(): HTMLZButtonElement | null {\n    if (!this.showSearchButton) {\n      return null;\n    }\n\n    const iconProp = this.searchButtonIconOnly ? {icon: \"search\"} : null;\n    const buttonLabel = this.searchButtonIconOnly ? \"\" : \"CERCA\";\n    const defaultProps = {\n      disabled: this.preventSubmit,\n      variant: this.variant,\n      size: this.size,\n      onClick: () => this.handleSubmit(),\n      ...iconProp,\n    };\n\n    return <z-button {...defaultProps}>{buttonLabel}</z-button>;\n  }\n\n  private renderResults(): HTMLDivElement | null {\n    if (\n      !this.showResults ||\n      !this.autocomplete ||\n      !this.searchString ||\n      this.searchString.length < this.autocompleteMinChars ||\n      !this.resultsItemsList\n    ) {\n      return null;\n    }\n\n    return (\n      <div class=\"results-wrapper\">\n        <div class=\"results\">{this.renderResultsList()}</div>\n      </div>\n    );\n  }\n\n  private renderResultsList(): HTMLZListElement | HTMLSpanElement {\n    if (this.preventSubmit && !this.resultsItemsList?.length) {\n      return (\n        <span class=\"item item-no-results\">\n          Non abbiamo trovato risultati per <b>{this.searchString}</b>\n          <br />\n          <br />\n          Cosa puoi fare?\n          <ul>\n            <li>Verificare di aver scritto bene</li>\n            <li>Provare a cercare un'altra parola</li>\n            <li>Provare a cercare qualcosa di più generico</li>\n          </ul>\n        </span>\n      );\n    }\n\n    return (\n      <z-list\n        role=\"listbox\"\n        id={`list-${this.htmlid}`}\n      >\n        {this.renderSearchHelper(!!this.resultsItemsList?.length)}\n        {this.renderItems()}\n        {this.renderShowAllResults()}\n      </z-list>\n    );\n  }\n\n  private renderItems(): HTMLZListGroupElement[] {\n    if (!this.resultsItemsList?.length) {\n      return [];\n    }\n\n    const groupedItems = this.getGroupedItems(this.resultsItemsList);\n    const listGroups: HTMLZListGroupElement[] = [];\n    let counter = 0;\n\n    Object.values(groupedItems).forEach((groupItem: SearchbarGroup, index: number, array) => {\n      if (this.checkResultsCount(counter)) {\n        const listGroupsElements: HTMLZListElement[] = [];\n        groupItem.items.forEach((item: SearchbarItem, subindex: number, subarray) => {\n          if (this.checkResultsCount(counter)) {\n            const isLast = index === array.length - 1 && subindex === subarray.length - 1;\n            listGroupsElements.push(this.renderItem(item, subindex, !isLast));\n          }\n          counter++;\n        });\n\n        if (listGroupsElements.length) {\n          listGroups.push(\n            <z-list-group divider-type={ListDividerType.ELEMENT}>\n              {this.renderItemCategory(groupItem)}\n              {listGroupsElements}\n            </z-list-group>\n          );\n        }\n      }\n    });\n\n    return listGroups;\n  }\n\n  private renderItem(item: SearchbarItem, key: number, divider: boolean): HTMLZListElementElement {\n    return (\n      <z-list-element\n        id={`list-item-${this.htmlid}-${key}`}\n        role=\"option\"\n        tabindex={0}\n        dividerType={divider ? ListDividerType.ELEMENT : undefined}\n        clickable\n        onClickItem={() => this.emitSearchItemClick(item)}\n      >\n        <span class={{\"item\": true, \"ellipsis\": this.resultsEllipsis, \"has-category\": !!item.category}}>\n          {item?.icon && (\n            <z-icon\n              class=\"item-icon\"\n              name={item.icon}\n            />\n          )}\n          <span\n            class=\"item-label\"\n            title={item.label}\n            innerHTML={this.renderItemLabel(item.label)}\n          />\n        </span>\n      </z-list-element>\n    );\n  }\n\n  private renderItemLabel(label: string): string {\n    if (!this.searchString) {\n      return label;\n    }\n\n    return label.replace(\n      new RegExp(this.searchString.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"), \"gmi\"),\n      (found) => `<mark>${found}</mark>`\n    );\n  }\n\n  private renderItemCategory(groupItem: SearchbarGroup): HTMLSpanElement | null {\n    if (!groupItem?.category) {\n      return null;\n    }\n\n    return (\n      <span\n        class=\"category-heading\"\n        slot=\"header-title\"\n      >\n        <span class=\"category\">{groupItem.category}</span>\n        {groupItem?.subcategory && <span class=\"subcategory\">{groupItem.subcategory}</span>}\n      </span>\n    );\n  }\n\n  private renderSearchHelper(hasDivider = true): HTMLZListElement | null {\n    if (!this.autocomplete || this.preventSubmit || !this.searchString) {\n      return null;\n    }\n\n    return (\n      <z-list-element\n        role=\"option\"\n        tabindex={0}\n        dividerType={hasDivider ? ListDividerType.ELEMENT : undefined}\n        clickable\n        id={`list-item-${this.htmlid}-search`}\n        onClickItem={() => this.emitSearchSubmit()}\n      >\n        <span class=\"item item-search\">\n          <z-icon\n            class=\"search-icon\"\n            name=\"left-magnifying-glass\"\n          />\n          <span\n            class=\"item-label\"\n            innerHTML={this.searchHelperLabel.replace(\"{searchString}\", `<mark>${this.searchString}</mark>`)}\n          />\n        </span>\n      </z-list-element>\n    );\n  }\n\n  private renderShowAllResults(): HTMLZListElement | null {\n    if (\n      !this.currResultsCount ||\n      !this.searchString ||\n      !this.resultsItemsList?.length ||\n      this.currResultsCount >= this.resultsItemsList?.length\n    ) {\n      return null;\n    }\n\n    return (\n      <z-list-element\n        role=\"option\"\n        tabindex={0}\n        clickable\n        id={`list-item-${this.htmlid}-show-all`}\n        onClickItem={() => (this.currResultsCount = 0)}\n        color=\"color-primary01\"\n      >\n        <div class=\"item-show-all\">Vedi tutti i risultati</div>\n      </z-list-element>\n    );\n  }\n\n  render(): HTMLZSearchbarElement {\n    return (\n      <Host\n        onFocus={() => (this.showResults = true)}\n        onClick={(e) => this.handleOutsideClick(e)}\n        class={{\"has-submit\": this.showSearchButton, \"has-results\": this.autocomplete}}\n      >\n        <div class=\"input-container\">\n          {this.renderInput()}\n          {this.renderResults()}\n        </div>\n        {this.renderButton()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/web-components-library/p-54681ece.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as s,a as t,g as o}from"./p-10bb4f4b.js";import{x as n,P as a}from"./p-025f494e.js";import{t as c}from"./p-2c886e8b.js";const l=".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";const r=l;const h=class{constructor(s){e(this,s);this.removeFile=i(this,"removeFile",7);this.fileNumber=undefined;this.fileName=undefined;this.allowPopover=false;this.popoverVisible=false}removeFileHandler(){this.removeFile.emit({fileName:this.fileName});this.el.remove()}onMouseOver(){this.popoverVisible=true}onMouseLeave(){this.popoverVisible=false}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var e,i;if(this.elementHasEllipsis()&&window.innerWidth>c){this.allowPopover=true}(i=(e=this.icon)===null||e===void 0?void 0:e.focus)===null||i===void 0?void 0:i.call(e)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return s(t,{key:"fc115e09bac93434e5c460602d91d75034156d58"},this.allowPopover&&s("z-popover",{open:this.popoverVisible,position:a.AUTO,bindTo:this.chip},s("span",{class:"body-5 tooltip-content"},this.ellipsis.innerText)),s("z-chip",{key:"e834fa8689c5164cb51de5353a14d21495d5bfe5",ref:e=>this.chip=e,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:n.DEFAULT},s("span",{key:"037442876903b11acfa1f65acb3a65ccde8c2161",ref:e=>this.ellipsis=e,tabIndex:-1},this.fileName)))}get el(){return o(this)}};h.style=r;export{h as z_file};
-//# sourceMappingURL=p-54681ece.entry.js.map

package/dist/web-components-library/p-54681ece.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZFileStyle0","ZFile","removeFileHandler","this","removeFile","emit","fileName","el","remove","onMouseOver","popoverVisible","onMouseLeave","onInteractiveIconClick","componentDidLoad","elementHasEllipsis","window","innerWidth","tabletBreakpoint","allowPopover","_b","_a","icon","focus","call","ellipsis","offsetWidth","scrollWidth","render","h","Host","key","open","position","PopoverPosition","AUTO","bindTo","chip","class","innerText","ref","id","fileNumber","interactiveIcon","type","ZChipType","DEFAULT","tabIndex"],"sources":["src/components/file-upload/z-file/styles.css?tag=z-file&encapsulation=scoped","src/components/file-upload/z-file/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-popover {\n  z-index: 10;\n}\n\n:host > z-popover > .tooltip-content {\n  white-space: nowrap;\n}\n\n:host > z-chip span {\n  display: block;\n  overflow: hidden;\n  max-width: 250px;\n  letter-spacing: 0.32px;\n  line-height: 1.33;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","import {Component, h, EventEmitter, Event, Element, Host, State, Listen, Prop} from \"@stencil/core\";\nimport {PopoverPosition, ZChipType} from \"../../../beans\";\nimport {tabletBreakpoint} from \"../../../constants/breakpoints\";\n\n@Component({\n  tag: \"z-file\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZFile {\n  private icon: HTMLElement;\n\n  private ellipsis?: HTMLSpanElement;\n\n  private chip?: HTMLZChipElement;\n\n  /** File chip id */\n  @Prop()\n  fileNumber: number;\n\n  /** File name */\n  @Prop()\n  fileName: string;\n\n  @State()\n  allowPopover = false;\n\n  @State()\n  popoverVisible = false;\n\n  @Element() el: HTMLZFileElement;\n\n  /** Emitted when a z-file component is removed from the DOM */\n  @Event()\n  removeFile: EventEmitter;\n\n  private removeFileHandler(): void {\n    this.removeFile.emit({fileName: this.fileName});\n    this.el.remove();\n  }\n\n  @Listen(\"mouseover\")\n  onMouseOver(): void {\n    this.popoverVisible = true;\n  }\n\n  @Listen(\"mouseleave\")\n  onMouseLeave(): void {\n    this.popoverVisible = false;\n  }\n\n  @Listen(\"interactiveIconClick\")\n  onInteractiveIconClick(): void {\n    this.removeFileHandler();\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {\n      this.allowPopover = true;\n    }\n\n    this.icon?.focus?.();\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  render(): HTMLZFileElement {\n    return (\n      <Host>\n        {this.allowPopover && (\n          <z-popover\n            open={this.popoverVisible}\n            position={PopoverPosition.AUTO}\n            bindTo={this.chip}\n          >\n            <span class=\"body-5 tooltip-content\">{this.ellipsis.innerText}</span>\n          </z-popover>\n        )}\n        <z-chip\n          ref={(el) => (this.chip = el as HTMLZChipElement)}\n          id={`chip-${this.fileNumber}`}\n          interactiveIcon=\"multiply-circled\"\n          type={ZChipType.DEFAULT}\n        >\n          <span\n            ref={(el) => (this.ellipsis = el as HTMLSpanElement)}\n            tabIndex={-1}\n          >\n            {this.fileName}\n          </span>\n        </z-chip>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+IAAA,MAAMA,EAAY,wYAClB,MAAAC,EAAeD,E,MCSFE,EAAK,M,oIAgBD,M,oBAGE,K,CAQT,iBAAAC,GACNC,KAAKC,WAAWC,KAAK,CAACC,SAAUH,KAAKG,WACrCH,KAAKI,GAAGC,Q,CAIV,WAAAC,GACEN,KAAKO,eAAiB,I,CAIxB,YAAAC,GACER,KAAKO,eAAiB,K,CAIxB,sBAAAE,GACET,KAAKD,mB,CAGP,gBAAAW,G,QACE,GAAIV,KAAKW,sBAAwBC,OAAOC,WAAaC,EAAkB,CACrEd,KAAKe,aAAe,I,EAGtBC,GAAAC,EAAAjB,KAAKkB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,SAAK,MAAAH,SAAA,SAAAA,EAAAI,KAAAH,E,CAGV,kBAAAN,GACN,OAAOX,KAAKqB,SAASC,YAActB,KAAKqB,SAASE,W,CAGnD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACF3B,KAAKe,cACJU,EAAA,aACEG,KAAM5B,KAAKO,eACXsB,SAAUC,EAAgBC,KAC1BC,OAAQhC,KAAKiC,MAEbR,EAAA,QAAMS,MAAM,0BAA0BlC,KAAKqB,SAASc,YAGxDV,EAAA,UAAAE,IAAA,2CACES,IAAMhC,GAAQJ,KAAKiC,KAAO7B,EAC1BiC,GAAI,QAAQrC,KAAKsC,aACjBC,gBAAgB,mBAChBC,KAAMC,EAAUC,SAEhBjB,EAAA,QAAAE,IAAA,2CACES,IAAMhC,GAAQJ,KAAKqB,SAAWjB,EAC9BuC,UAAW,GAEV3C,KAAKG,W"}

package/dist/web-components-library/p-54b0b04e.js

@@ -1,7 +0,0 @@
-var t={exports:{}};
-/*! Hammer.JS - v2.0.7 - 2016-04-22
- * http://hammerjs.github.io/
- *
- * Copyright (c) 2016 Jorik Tangelder;
- * Licensed under the MIT license */(function(t){(function(i,n,r,e){var s=["","webkit","Moz","MS","ms","o"];var u=n.createElement("div");var h="function";var o=Math.round;var a=Math.abs;var f=Date.now;function c(t,i,n){return setTimeout(g(t,n),i)}function v(t,i,n){if(Array.isArray(t)){l(t,n[i],n);return true}return false}function l(t,i,n){var r;if(!t){return}if(t.forEach){t.forEach(i,n)}else if(t.length!==e){r=0;while(r<t.length){i.call(n,t[r],r,t);r++}}else{for(r in t){t.hasOwnProperty(r)&&i.call(n,t[r],r,t)}}}function p(t,n,r){var e="DEPRECATED METHOD: "+n+"\n"+r+" AT \n";return function(){var n=new Error("get-stack-trace");var r=n&&n.stack?n.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var s=i.console&&(i.console.warn||i.console.log);if(s){s.call(i.console,e,r)}return t.apply(this,arguments)}}var d;if(typeof Object.assign!=="function"){d=function t(i){if(i===e||i===null){throw new TypeError("Cannot convert undefined or null to object")}var n=Object(i);for(var r=1;r<arguments.length;r++){var s=arguments[r];if(s!==e&&s!==null){for(var u in s){if(s.hasOwnProperty(u)){n[u]=s[u]}}}}return n}}else{d=Object.assign}var T=p((function t(i,n,r){var s=Object.keys(n);var u=0;while(u<s.length){if(!r||r&&i[s[u]]===e){i[s[u]]=n[s[u]]}u++}return i}),"extend","Use `assign`.");var m=p((function t(i,n){return T(i,n,true)}),"merge","Use `assign`.");function E(t,i,n){var r=i.prototype,e;e=t.prototype=Object.create(r);e.constructor=t;e._super=r;if(n){d(e,n)}}function g(t,i){return function n(){return t.apply(i,arguments)}}function w(t,i){if(typeof t==h){return t.apply(i?i[0]||e:e,i)}return t}function I(t,i){return t===e?i:t}function A(t,i,n){l(N(i),(function(i){t.addEventListener(i,n,false)}))}function y(t,i,n){l(N(i),(function(i){t.removeEventListener(i,n,false)}))}function D(t,i){while(t){if(t==i){return true}t=t.parentNode}return false}function M(t,i){return t.indexOf(i)>-1}function N(t){return t.trim().split(/\s+/g)}function R(t,i,n){if(t.indexOf&&!n){return t.indexOf(i)}else{var r=0;while(r<t.length){if(n&&t[r][n]==i||!n&&t[r]===i){return r}r++}return-1}}function O(t){return Array.prototype.slice.call(t,0)}function S(t,i,n){var r=[];var e=[];var s=0;while(s<t.length){var u=i?t[s][i]:t[s];if(R(e,u)<0){r.push(t[s])}e[s]=u;s++}if(n){if(!i){r=r.sort()}else{r=r.sort((function t(n,r){return n[i]>r[i]}))}}return r}function C(t,i){var n,r;var u=i[0].toUpperCase()+i.slice(1);var h=0;while(h<s.length){n=s[h];r=n?n+u:i;if(r in t){return r}h++}return e}var P=1;function _(){return P++}function b(t){var n=t.ownerDocument||t;return n.defaultView||n.parentWindow||i}var x=/mobile|tablet|ip(ad|hone|od)|android/i;var z="ontouchstart"in i;var L=C(i,"PointerEvent")!==e;var U=z&&x.test(navigator.userAgent);var F="touch";var j="pen";var H="mouse";var W="kinect";var k=25;var q=1;var G=2;var X=4;var Y=8;var Z=1;var B=2;var V=4;var $=8;var J=16;var K=B|V;var Q=$|J;var tt=K|Q;var it=["x","y"];var nt=["clientX","clientY"];function rt(t,i){var n=this;this.manager=t;this.callback=i;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(i){if(w(t.options.enable,[t])){n.handler(i)}};this.init()}rt.prototype={handler:function(){},init:function(){this.evEl&&A(this.element,this.evEl,this.domHandler);this.evTarget&&A(this.target,this.evTarget,this.domHandler);this.evWin&&A(b(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&y(this.element,this.evEl,this.domHandler);this.evTarget&&y(this.target,this.evTarget,this.domHandler);this.evWin&&y(b(this.element),this.evWin,this.domHandler)}};function et(t){var i;var n=t.options.inputClass;if(n){i=n}else if(L){i=Mt}else if(U){i=bt}else if(!z){i=wt}else{i=Ut}return new i(t,st)}function st(t,i,n){var r=n.pointers.length;var e=n.changedPointers.length;var s=i&q&&r-e===0;var u=i&(X|Y)&&r-e===0;n.isFirst=!!s;n.isFinal=!!u;if(s){t.session={}}n.eventType=i;ut(t,n);t.emit("hammer.input",n);t.recognize(n);t.session.prevInput=n}function ut(t,i){var n=t.session;var r=i.pointers;var e=r.length;if(!n.firstInput){n.firstInput=at(i)}if(e>1&&!n.firstMultiple){n.firstMultiple=at(i)}else if(e===1){n.firstMultiple=false}var s=n.firstInput;var u=n.firstMultiple;var h=u?u.center:s.center;var o=i.center=ft(r);i.timeStamp=f();i.deltaTime=i.timeStamp-s.timeStamp;i.angle=pt(h,o);i.distance=lt(h,o);ht(n,i);i.offsetDirection=vt(i.deltaX,i.deltaY);var c=ct(i.deltaTime,i.deltaX,i.deltaY);i.overallVelocityX=c.x;i.overallVelocityY=c.y;i.overallVelocity=a(c.x)>a(c.y)?c.x:c.y;i.scale=u?Tt(u.pointers,r):1;i.rotation=u?dt(u.pointers,r):0;i.maxPointers=!n.prevInput?i.pointers.length:i.pointers.length>n.prevInput.maxPointers?i.pointers.length:n.prevInput.maxPointers;ot(n,i);var v=t.element;if(D(i.srcEvent.target,v)){v=i.srcEvent.target}i.target=v}function ht(t,i){var n=i.center;var r=t.offsetDelta||{};var e=t.prevDelta||{};var s=t.prevInput||{};if(i.eventType===q||s.eventType===X){e=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};r=t.offsetDelta={x:n.x,y:n.y}}i.deltaX=e.x+(n.x-r.x);i.deltaY=e.y+(n.y-r.y)}function ot(t,i){var n=t.lastInterval||i,r=i.timeStamp-n.timeStamp,s,u,h,o;if(i.eventType!=Y&&(r>k||n.velocity===e)){var f=i.deltaX-n.deltaX;var c=i.deltaY-n.deltaY;var v=ct(r,f,c);u=v.x;h=v.y;s=a(v.x)>a(v.y)?v.x:v.y;o=vt(f,c);t.lastInterval=i}else{s=n.velocity;u=n.velocityX;h=n.velocityY;o=n.direction}i.velocity=s;i.velocityX=u;i.velocityY=h;i.direction=o}function at(t){var i=[];var n=0;while(n<t.pointers.length){i[n]={clientX:o(t.pointers[n].clientX),clientY:o(t.pointers[n].clientY)};n++}return{timeStamp:f(),pointers:i,center:ft(i),deltaX:t.deltaX,deltaY:t.deltaY}}function ft(t){var i=t.length;if(i===1){return{x:o(t[0].clientX),y:o(t[0].clientY)}}var n=0,r=0,e=0;while(e<i){n+=t[e].clientX;r+=t[e].clientY;e++}return{x:o(n/i),y:o(r/i)}}function ct(t,i,n){return{x:i/t||0,y:n/t||0}}function vt(t,i){if(t===i){return Z}if(a(t)>=a(i)){return t<0?B:V}return i<0?$:J}function lt(t,i,n){if(!n){n=it}var r=i[n[0]]-t[n[0]],e=i[n[1]]-t[n[1]];return Math.sqrt(r*r+e*e)}function pt(t,i,n){if(!n){n=it}var r=i[n[0]]-t[n[0]],e=i[n[1]]-t[n[1]];return Math.atan2(e,r)*180/Math.PI}function dt(t,i){return pt(i[1],i[0],nt)+pt(t[1],t[0],nt)}function Tt(t,i){return lt(i[0],i[1],nt)/lt(t[0],t[1],nt)}var mt={mousedown:q,mousemove:G,mouseup:X};var Et="mousedown";var gt="mousemove mouseup";function wt(){this.evEl=Et;this.evWin=gt;this.pressed=false;rt.apply(this,arguments)}E(wt,rt,{handler:function t(i){var n=mt[i.type];if(n&q&&i.button===0){this.pressed=true}if(n&G&&i.which!==1){n=X}if(!this.pressed){return}if(n&X){this.pressed=false}this.callback(this.manager,n,{pointers:[i],changedPointers:[i],pointerType:H,srcEvent:i})}});var It={pointerdown:q,pointermove:G,pointerup:X,pointercancel:Y,pointerout:Y};var At={2:F,3:j,4:H,5:W};var yt="pointerdown";var Dt="pointermove pointerup pointercancel";if(i.MSPointerEvent&&!i.PointerEvent){yt="MSPointerDown";Dt="MSPointerMove MSPointerUp MSPointerCancel"}function Mt(){this.evEl=yt;this.evWin=Dt;rt.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}E(Mt,rt,{handler:function t(i){var n=this.store;var r=false;var e=i.type.toLowerCase().replace("ms","");var s=It[e];var u=At[i.pointerType]||i.pointerType;var h=u==F;var o=R(n,i.pointerId,"pointerId");if(s&q&&(i.button===0||h)){if(o<0){n.push(i);o=n.length-1}}else if(s&(X|Y)){r=true}if(o<0){return}n[o]=i;this.callback(this.manager,s,{pointers:n,changedPointers:[i],pointerType:u,srcEvent:i});if(r){n.splice(o,1)}}});var Nt={touchstart:q,touchmove:G,touchend:X,touchcancel:Y};var Rt="touchstart";var Ot="touchstart touchmove touchend touchcancel";function St(){this.evTarget=Rt;this.evWin=Ot;this.started=false;rt.apply(this,arguments)}E(St,rt,{handler:function t(i){var n=Nt[i.type];if(n===q){this.started=true}if(!this.started){return}var r=Ct.call(this,i,n);if(n&(X|Y)&&r[0].length-r[1].length===0){this.started=false}this.callback(this.manager,n,{pointers:r[0],changedPointers:r[1],pointerType:F,srcEvent:i})}});function Ct(t,i){var n=O(t.touches);var r=O(t.changedTouches);if(i&(X|Y)){n=S(n.concat(r),"identifier",true)}return[n,r]}var Pt={touchstart:q,touchmove:G,touchend:X,touchcancel:Y};var _t="touchstart touchmove touchend touchcancel";function bt(){this.evTarget=_t;this.targetIds={};rt.apply(this,arguments)}E(bt,rt,{handler:function t(i){var n=Pt[i.type];var r=xt.call(this,i,n);if(!r){return}this.callback(this.manager,n,{pointers:r[0],changedPointers:r[1],pointerType:F,srcEvent:i})}});function xt(t,i){var n=O(t.touches);var r=this.targetIds;if(i&(q|G)&&n.length===1){r[n[0].identifier]=true;return[n,n]}var e,s,u=O(t.changedTouches),h=[],o=this.target;s=n.filter((function(t){return D(t.target,o)}));if(i===q){e=0;while(e<s.length){r[s[e].identifier]=true;e++}}e=0;while(e<u.length){if(r[u[e].identifier]){h.push(u[e])}if(i&(X|Y)){delete r[u[e].identifier]}e++}if(!h.length){return}return[S(s.concat(h),"identifier",true),h]}var zt=2500;var Lt=25;function Ut(){rt.apply(this,arguments);var t=g(this.handler,this);this.touch=new bt(this.manager,t);this.mouse=new wt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}E(Ut,rt,{handler:function t(i,n,r){var e=r.pointerType==F,s=r.pointerType==H;if(s&&r.sourceCapabilities&&r.sourceCapabilities.firesTouchEvents){return}if(e){Ft.call(this,n,r)}else if(s&&Ht.call(this,r)){return}this.callback(i,n,r)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function Ft(t,i){if(t&q){this.primaryTouch=i.changedPointers[0].identifier;jt.call(this,i)}else if(t&(X|Y)){jt.call(this,i)}}function jt(t){var i=t.changedPointers[0];if(i.identifier===this.primaryTouch){var n={x:i.clientX,y:i.clientY};this.lastTouches.push(n);var r=this.lastTouches;var e=function(){var t=r.indexOf(n);if(t>-1){r.splice(t,1)}};setTimeout(e,zt)}}function Ht(t){var i=t.srcEvent.clientX,n=t.srcEvent.clientY;for(var r=0;r<this.lastTouches.length;r++){var e=this.lastTouches[r];var s=Math.abs(i-e.x),u=Math.abs(n-e.y);if(s<=Lt&&u<=Lt){return true}}return false}var Wt=C(u.style,"touchAction");var kt=Wt!==e;var qt="compute";var Gt="auto";var Xt="manipulation";var Yt="none";var Zt="pan-x";var Bt="pan-y";var Vt=Kt();function $t(t,i){this.manager=t;this.set(i)}$t.prototype={set:function(t){if(t==qt){t=this.compute()}if(kt&&this.manager.element.style&&Vt[t]){this.manager.element.style[Wt]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];l(this.manager.recognizers,(function(i){if(w(i.options.enable,[i])){t=t.concat(i.getTouchAction())}}));return Jt(t.join(" "))},preventDefaults:function(t){var i=t.srcEvent;var n=t.offsetDirection;if(this.manager.session.prevented){i.preventDefault();return}var r=this.actions;var e=M(r,Yt)&&!Vt[Yt];var s=M(r,Bt)&&!Vt[Bt];var u=M(r,Zt)&&!Vt[Zt];if(e){var h=t.pointers.length===1;var o=t.distance<2;var a=t.deltaTime<250;if(h&&o&&a){return}}if(u&&s){return}if(e||s&&n&K||u&&n&Q){return this.preventSrc(i)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Jt(t){if(M(t,Yt)){return Yt}var i=M(t,Zt);var n=M(t,Bt);if(i&&n){return Yt}if(i||n){return i?Zt:Bt}if(M(t,Xt)){return Xt}return Gt}function Kt(){if(!kt){return false}var t={};var n=i.CSS&&i.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(r){t[r]=n?i.CSS.supports("touch-action",r):true}));return t}var Qt=1;var ti=2;var ii=4;var ni=8;var ri=ni;var ei=16;var si=32;function ui(t){this.options=d({},this.defaults,t||{});this.id=_();this.manager=null;this.options.enable=I(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}ui.prototype={defaults:{},set:function(t){d(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(v(t,"recognizeWith",this)){return this}var i=this.simultaneous;t=ai(t,this);if(!i[t.id]){i[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(v(t,"dropRecognizeWith",this)){return this}t=ai(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(v(t,"requireFailure",this)){return this}var i=this.requireFail;t=ai(t,this);if(R(i,t)===-1){i.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(v(t,"dropRequireFailure",this)){return this}t=ai(t,this);var i=R(this.requireFail,t);if(i>-1){this.requireFail.splice(i,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var i=this;var n=this.state;function r(n){i.manager.emit(n,t)}if(n<ni){r(i.options.event+hi(n))}r(i.options.event);if(t.additionalEvent){r(t.additionalEvent)}if(n>=ni){r(i.options.event+hi(n))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=si},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(si|Qt))){return false}t++}return true},recognize:function(t){var i=d({},t);if(!w(this.options.enable,[this,i])){this.reset();this.state=si;return}if(this.state&(ri|ei|si)){this.state=Qt}this.state=this.process(i);if(this.state&(ti|ii|ni|ei)){this.tryEmit(i)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function hi(t){if(t&ei){return"cancel"}else if(t&ni){return"end"}else if(t&ii){return"move"}else if(t&ti){return"start"}return""}function oi(t){if(t==J){return"down"}else if(t==$){return"up"}else if(t==B){return"left"}else if(t==V){return"right"}return""}function ai(t,i){var n=i.manager;if(n){return n.get(t)}return t}function fi(){ui.apply(this,arguments)}E(fi,ui,{defaults:{pointers:1},attrTest:function(t){var i=this.options.pointers;return i===0||t.pointers.length===i},process:function(t){var i=this.state;var n=t.eventType;var r=i&(ti|ii);var e=this.attrTest(t);if(r&&(n&Y||!e)){return i|ei}else if(r||e){if(n&X){return i|ni}else if(!(i&ti)){return ti}return i|ii}return si}});function ci(){fi.apply(this,arguments);this.pX=null;this.pY=null}E(ci,fi,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var i=[];if(t&K){i.push(Bt)}if(t&Q){i.push(Zt)}return i},directionTest:function(t){var i=this.options;var n=true;var r=t.distance;var e=t.direction;var s=t.deltaX;var u=t.deltaY;if(!(e&i.direction)){if(i.direction&K){e=s===0?Z:s<0?B:V;n=s!=this.pX;r=Math.abs(t.deltaX)}else{e=u===0?Z:u<0?$:J;n=u!=this.pY;r=Math.abs(t.deltaY)}}t.direction=e;return n&&r>i.threshold&&e&i.direction},attrTest:function(t){return fi.prototype.attrTest.call(this,t)&&(this.state&ti||!(this.state&ti)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var i=oi(t.direction);if(i){t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function vi(){fi.apply(this,arguments)}E(vi,fi,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[Yt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&ti)},emit:function(t){if(t.scale!==1){var i=t.scale<1?"in":"out";t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function li(){ui.apply(this,arguments);this._timer=null;this._input=null}E(li,ui,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Gt]},process:function(t){var i=this.options;var n=t.pointers.length===i.pointers;var r=t.distance<i.threshold;var e=t.deltaTime>i.time;this._input=t;if(!r||!n||t.eventType&(X|Y)&&!e){this.reset()}else if(t.eventType&q){this.reset();this._timer=c((function(){this.state=ri;this.tryEmit()}),i.time,this)}else if(t.eventType&X){return ri}return si},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ri){return}if(t&&t.eventType&X){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=f();this.manager.emit(this.options.event,this._input)}}});function pi(){fi.apply(this,arguments)}E(pi,fi,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[Yt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&ti)}});function di(){fi.apply(this,arguments)}E(di,fi,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:K|Q,pointers:1},getTouchAction:function(){return ci.prototype.getTouchAction.call(this)},attrTest:function(t){var i=this.options.direction;var n;if(i&(K|Q)){n=t.overallVelocity}else if(i&K){n=t.overallVelocityX}else if(i&Q){n=t.overallVelocityY}return this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&a(n)>this.options.velocity&&t.eventType&X},emit:function(t){var i=oi(t.offsetDirection);if(i){this.manager.emit(this.options.event+i,t)}this.manager.emit(this.options.event,t)}});function Ti(){ui.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}E(Ti,ui,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Xt]},process:function(t){var i=this.options;var n=t.pointers.length===i.pointers;var r=t.distance<i.threshold;var e=t.deltaTime<i.time;this.reset();if(t.eventType&q&&this.count===0){return this.failTimeout()}if(r&&e&&n){if(t.eventType!=X){return this.failTimeout()}var s=this.pTime?t.timeStamp-this.pTime<i.interval:true;var u=!this.pCenter||lt(this.pCenter,t.center)<i.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!u||!s){this.count=1}else{this.count+=1}this._input=t;var h=this.count%i.taps;if(h===0){if(!this.hasRequireFailures()){return ri}else{this._timer=c((function(){this.state=ri;this.tryEmit()}),i.interval,this);return ti}}}return si},failTimeout:function(){this._timer=c((function(){this.state=si}),this.options.interval,this);return si},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ri){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function mi(t,i){i=i||{};i.recognizers=I(i.recognizers,mi.defaults.preset);return new wi(t,i)}mi.VERSION="2.0.7";mi.defaults={domEvents:false,touchAction:qt,enable:true,inputTarget:null,inputClass:null,preset:[[pi,{enable:false}],[vi,{enable:false},["rotate"]],[di,{direction:K}],[ci,{direction:K},["swipe"]],[Ti],[Ti,{event:"doubletap",taps:2},["tap"]],[li]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var Ei=1;var gi=2;function wi(t,i){this.options=d({},mi.defaults,i||{});this.options.inputTarget=this.options.inputTarget||t;this.handlers={};this.session={};this.recognizers=[];this.oldCssProps={};this.element=t;this.input=et(this);this.touchAction=new $t(this,this.options.touchAction);Ii(this,true);l(this.options.recognizers,(function(t){var i=this.add(new t[0](t[1]));t[2]&&i.recognizeWith(t[2]);t[3]&&i.requireFailure(t[3])}),this)}wi.prototype={set:function(t){d(this.options,t);if(t.touchAction){this.touchAction.update()}if(t.inputTarget){this.input.destroy();this.input.target=t.inputTarget;this.input.init()}return this},stop:function(t){this.session.stopped=t?gi:Ei},recognize:function(t){var i=this.session;if(i.stopped){return}this.touchAction.preventDefaults(t);var n;var r=this.recognizers;var e=i.curRecognizer;if(!e||e&&e.state&ri){e=i.curRecognizer=null}var s=0;while(s<r.length){n=r[s];if(i.stopped!==gi&&(!e||n==e||n.canRecognizeWith(e))){n.recognize(t)}else{n.reset()}if(!e&&n.state&(ti|ii|ni)){e=i.curRecognizer=n}s++}},get:function(t){if(t instanceof ui){return t}var i=this.recognizers;for(var n=0;n<i.length;n++){if(i[n].options.event==t){return i[n]}}return null},add:function(t){if(v(t,"add",this)){return this}var i=this.get(t.options.event);if(i){this.remove(i)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(v(t,"remove",this)){return this}t=this.get(t);if(t){var i=this.recognizers;var n=R(i,t);if(n!==-1){i.splice(n,1);this.touchAction.update()}}return this},on:function(t,i){if(t===e){return}if(i===e){return}var n=this.handlers;l(N(t),(function(t){n[t]=n[t]||[];n[t].push(i)}));return this},off:function(t,i){if(t===e){return}var n=this.handlers;l(N(t),(function(t){if(!i){delete n[t]}else{n[t]&&n[t].splice(R(n[t],i),1)}}));return this},emit:function(t,i){if(this.options.domEvents){Ai(t,i)}var n=this.handlers[t]&&this.handlers[t].slice();if(!n||!n.length){return}i.type=t;i.preventDefault=function(){i.srcEvent.preventDefault()};var r=0;while(r<n.length){n[r](i);r++}},destroy:function(){this.element&&Ii(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function Ii(t,i){var n=t.element;if(!n.style){return}var r;l(t.options.cssProps,(function(e,s){r=C(n.style,s);if(i){t.oldCssProps[r]=n.style[r];n.style[r]=e}else{n.style[r]=t.oldCssProps[r]||""}}));if(!i){t.oldCssProps={}}}function Ai(t,i){var r=n.createEvent("Event");r.initEvent(t,true,true);r.gesture=i;i.target.dispatchEvent(r)}d(mi,{INPUT_START:q,INPUT_MOVE:G,INPUT_END:X,INPUT_CANCEL:Y,STATE_POSSIBLE:Qt,STATE_BEGAN:ti,STATE_CHANGED:ii,STATE_ENDED:ni,STATE_RECOGNIZED:ri,STATE_CANCELLED:ei,STATE_FAILED:si,DIRECTION_NONE:Z,DIRECTION_LEFT:B,DIRECTION_RIGHT:V,DIRECTION_UP:$,DIRECTION_DOWN:J,DIRECTION_HORIZONTAL:K,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:wi,Input:rt,TouchAction:$t,TouchInput:bt,MouseInput:wt,PointerEventInput:Mt,TouchMouseInput:Ut,SingleTouchInput:St,Recognizer:ui,AttrRecognizer:fi,Tap:Ti,Pan:ci,Swipe:di,Pinch:vi,Rotate:pi,Press:li,on:A,off:y,each:l,merge:m,extend:T,assign:d,inherit:E,bindFn:g,prefixed:C});var yi=typeof i!=="undefined"?i:typeof self!=="undefined"?self:{};yi.Hammer=mi;if(typeof e==="function"&&e.amd){e((function(){return mi}))}else if(t.exports){t.exports=mi}else{i[r]=mi}})(window,document,"Hammer")})(t);const i=t.exports;export{i as H};
-//# sourceMappingURL=p-54b0b04e.js.map