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

package/www/build/p-34541d7c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZBreadcrumbStyle0","ZBreadcrumb","this","collapsedElements","currentIndex","truncatePosition","BreadcrumbPathStyle","UNDERLINED","BreadcrumbHomepageVariant","ICON","handleResize","viewPortWidth","getDevice","Device","MOBILE","wrapElement","scrollWidth","clientWidth","hasOverflow","handlePropChange","initializeBreadcrumb","handleResizeUp","newValue","oldValue","TABLET","DESKTOP","DESKTOP_WIDE","componentWillLoad","componentWillRender","checkEllipsisOrOverflowMenu","componentDidRender","collapsedElementsRef","anchorElements","Array","from","hostElement","shadowRoot","querySelectorAll","isMobile","pathsList","getPathsItemsList","filter","item","path","totalLenght","length","homepageNode","shift","pathListCopy","JSON","parse","stringify","maxNodesToShow","splice","i","text","truncateChar","arrayToPush","forEach","push","truncatedString","truncateWithEllipsis","currentEllipsisText","hasTooltip","str","ending","substring","children","map","textContent","href","renderMobileBreadcrumb","lastPath","h","class","underlined","pathStyle","semibold","SEMIBOLD","renderNode","renderHomepageNode","homepageVariant","TEXT","onClick","e","handlePreventFollowUrl","name","fill","height","width","mobile","triggerEllipsis","open","popoverEllipsisOpen","position","PopoverPosition","BOTTOM_RIGHT","closable","showArrow","ref","val","undefined","onMouseOver","onMouseLeave","innerHTML","renderBreadcrumb","renderOverflowMenu","togglePopover","preventFollowUrl","preventDefault","clickOnNode","emit","handleOverflowMenuAccessibility","anchorElementsLenght","key","KeyboardCode","TAB","stopPropagation","arrows","ARROW_DOWN","ARROW_UP","includes","focus","ESC","triggerButton","size","ListSize","SMALL","index","array","clickable","onKeyDown","color","el","handleKeyboardSubmit","bind","setTimeout","render","Host","style","overflowMenuItemRows"],"sources":["src/components/z-breadcrumb/styles.css?tag=z-breadcrumb&encapsulation=shadow","src/components/z-breadcrumb/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --line-clamp-popover: 0;\n  --line-clamp-mobile: 1;\n}\n\nbutton {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\nnav {\n  display: flex;\n  height: 30px;\n  align-items: center;\n  padding-left: calc(var(--space-unit) / 2);\n  overflow-x: hidden;\n}\n\nli {\n  display: flex;\n  align-items: baseline;\n}\n\n:host a:focus,\n:host button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: 0;\n}\n\n:host a {\n  color: var(--color-link-primary);\n  font-size: var(--font-size-2);\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n:host a.homepage-icon {\n  display: list-item;\n}\n\n:host a.homepage-text {\n  display: initial;\n  margin-top: calc(var(--space-unit) / 4);\n  margin-right: var(--space-unit);\n}\n\n:host a.missing-path {\n  color: var(--color-text01);\n}\n\n:host a.text-ellipsis {\n  display: -webkit-box !important;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--line-clamp-mobile);\n  text-overflow: ellipsis;\n  white-space: normal;\n}\n\n:host ol {\n  display: flex;\n  padding: 0;\n  margin: 0;\n  list-style-type: none;\n}\n\n:host ol > li:not(:first-child, :last-child) {\n  margin-right: var(--space-unit);\n}\n\nnav.underlined > ol > li a:not(.missing-path),\nnav.underlined > ol > li button {\n  text-decoration: underline;\n}\n\nnav.semibold > ol > li a:not(.missing-path),\nnav.semibold > ol > li button {\n  font-weight: var(--font-sb);\n}\n\n:host z-icon {\n  margin-right: var(--space-unit);\n\n  --z-icon-width: 12px;\n  --z-icon-height: 12px;\n}\n\n:host button.dots {\n  display: inline-block;\n  color: var(--color-link-primary);\n  cursor: pointer;\n}\n\n:host .hidden-paths-popover .popover-content {\n  max-width: 302px;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  text-align: left;\n}\n\n:host .hidden-paths-popover .popover-content a {\n  font-weight: var(--font-rg);\n  text-decoration: none;\n}\n\n:host .hidden-paths-popover {\n  --z-popover-theme--surface: var(--color-surface02);\n  --z-popover-padding: 0;\n}\n\n:host .hidden-paths-popover::before,\n.full-path-tooltip::before {\n  --arrow-edge-offset: calc(100% - (var(--space-unit) * 2.55));\n}\n\n:host .full-path-tooltip {\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n  --z-popover-padding: 0;\n}\n\n:host .tooltip-content {\n  padding: 0 var(--space-unit);\n  font-size: var(--font-size-2);\n}\n\n@media (min-width: 768px) {\n  /* https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/#accessibilityfeatures */\n  :host ol > li + li::before {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    flex: 1;\n    margin-right: 2px;\n    color: var(--color-disabled03);\n    content: \"\\203A\";\n  }\n\n  :host a.text-ellipsis {\n    -webkit-line-clamp: var(--line-clamp-popover);\n  }\n}\n","import {Component, Prop, h, State, Host, Listen, Element, Event, Watch, EventEmitter} from \"@stencil/core\";\nimport {\n  BreadcrumbHomepageVariant,\n  BreadcrumbPath,\n  BreadcrumbPathStyle,\n  Device,\n  KeyboardCode,\n  ListSize,\n  PopoverPosition,\n} from \"../../beans\";\nimport {getDevice, handleKeyboardSubmit} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-breadcrumb\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZBreadcrumb {\n  /* Accessibility references */\n  /* Overflow-menu: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/ */\n  /* Breadcrumb: https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/ */\n  /* Focus on multiline link: https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html */\n\n  @Element() hostElement: HTMLZBreadcrumbElement;\n\n  /** [optional] Sets the path style */\n  @Prop({reflect: true})\n  pathStyle?: BreadcrumbPathStyle = BreadcrumbPathStyle.UNDERLINED;\n\n  /** [optional] Variant of first node */\n  @Prop()\n  homepageVariant?: BreadcrumbHomepageVariant = BreadcrumbHomepageVariant.ICON;\n\n  /** [optional] Sets max number of element to show */\n  @Prop()\n  maxNodesToShow? = 5;\n\n  /** [optional] Controls the behaviour on <a> tag click/enter */\n  @Prop()\n  preventFollowUrl? = false;\n\n  /** [optional] Sets max number of row for each path inside the popover. Zero equals unlimited */\n  @Prop()\n  overflowMenuItemRows? = 0;\n\n  /** [optional] Sets the maximun number of chars per single node */\n  @Prop()\n  truncateChar? = 30;\n\n  /** Handle mobile */\n  @State()\n  viewPortWidth: Device;\n\n  /** Detect whether the length of the nodes shown exceeds the container length */\n  @State()\n  hasOverflow = false;\n\n  @State()\n  popoverEllipsisOpen = false;\n\n  /** Emitted when preventFollowUrl=true to handle custom page transition */\n  @Event()\n  clickOnNode: EventEmitter<BreadcrumbPath[\"path\"]>;\n\n  @Listen(\"resize\", {target: \"window\"})\n  handleResize(): void {\n    this.viewPortWidth = getDevice();\n    if (\n      this.viewPortWidth !== Device.MOBILE &&\n      this.wrapElement &&\n      this.wrapElement.scrollWidth > this.wrapElement.clientWidth\n    ) {\n      this.hasOverflow = true;\n    }\n  }\n  // eslint-disable-next-line lines-between-class-members\n  @Watch(\"maxNodesToShow\")\n  handlePropChange(): void {\n    this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n  }\n\n  @Watch(\"viewPortWidth\")\n  handleResizeUp(newValue: Device, oldValue: Device): void {\n    if (\n      newValue === Device.MOBILE ||\n      (oldValue === Device.MOBILE && newValue === Device.TABLET) ||\n      (oldValue === Device.MOBILE && newValue === Device.DESKTOP) ||\n      (oldValue === Device.MOBILE && newValue === Device.DESKTOP_WIDE) ||\n      (oldValue === Device.TABLET && newValue === Device.DESKTOP) ||\n      (oldValue === Device.TABLET && newValue === Device.DESKTOP_WIDE) ||\n      (oldValue === Device.DESKTOP && newValue === Device.DESKTOP_WIDE)\n    ) {\n      this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n    }\n  }\n\n  private pathsList: BreadcrumbPath[];\n\n  private pathListCopy: BreadcrumbPath[];\n\n  private collapsedElements: BreadcrumbPath[] = [];\n\n  private collapsedElementsRef: HTMLZPopoverElement;\n\n  private triggerButton: HTMLButtonElement;\n\n  private triggerEllipsis: HTMLAnchorElement;\n\n  private wrapElement: HTMLElement;\n\n  private currentIndex = 0;\n\n  private homepageNode: BreadcrumbPath;\n\n  private totalLenght: number;\n\n  private anchorElements;\n\n  private currentEllipsisText: string;\n\n  private truncatePosition = null;\n\n  componentWillLoad(): void {\n    this.viewPortWidth = getDevice();\n    this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n  }\n\n  componentWillRender(): void {\n    if (this.viewPortWidth !== Device.MOBILE && this.hasOverflow) {\n      this.checkEllipsisOrOverflowMenu();\n      this.hasOverflow = false;\n    }\n  }\n\n  componentDidRender(): void {\n    if (this.collapsedElementsRef) {\n      this.anchorElements = Array.from(this.hostElement.shadowRoot.querySelectorAll(\"z-list-group a\"));\n    }\n\n    if (this.viewPortWidth !== Device.MOBILE && this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n      this.hasOverflow = true;\n    }\n  }\n\n  private initializeBreadcrumb(isMobile: boolean): void {\n    if (isMobile) {\n      this.pathsList = this.getPathsItemsList().filter((item) => !!item.path);\n    } else {\n      this.pathsList = this.getPathsItemsList();\n    }\n    this.totalLenght = this.pathsList.length;\n    this.homepageNode = this.pathsList.shift();\n    this.pathListCopy = JSON.parse(JSON.stringify(this.pathsList));\n    this.collapsedElements = [];\n    if (this.totalLenght > this.maxNodesToShow) {\n      this.collapsedElements = this.pathsList.splice(0, this.pathsList.length - 2);\n    }\n  }\n\n  private checkEllipsisOrOverflowMenu(): void {\n    if (this.pathListCopy.length > 0) {\n      for (let i = 0; i < this.pathsList.length; i++) {\n        if (this.pathsList[i].text.length > this.truncateChar) {\n          if (this.truncatePosition !== null) {\n            if (this.truncatePosition > 0) {\n              const arrayToPush = this.pathListCopy.splice(0, this.truncatePosition);\n              arrayToPush.forEach((item) => {\n                this.collapsedElements.push(item);\n              });\n              this.pathsList.splice(0, this.truncatePosition);\n              this.truncatePosition = 0;\n\n              return;\n            }\n            if (this.truncatePosition === 0) {\n              const arrayToPush = this.pathListCopy.splice(0, this.truncatePosition + 1);\n              this.collapsedElements.push(...arrayToPush);\n              this.pathsList.splice(0, this.truncatePosition + 1);\n              this.truncatePosition = null;\n\n              return;\n            }\n          }\n          if (i !== this.pathsList.length - 1) {\n            const truncatedString = this.truncateWithEllipsis(this.pathsList[i].text, this.truncateChar);\n            this.currentEllipsisText = this.pathsList[i].text;\n            this.pathsList[i].text = truncatedString;\n            this.pathsList[i].hasTooltip = true;\n            this.truncatePosition = i;\n\n            return;\n          }\n        }\n      }\n    }\n  }\n\n  private truncateWithEllipsis(str: string, length: number): string {\n    const ending = \"&mldr;\";\n\n    if (str.length > length) {\n      return str.substring(0, length - 1) + ending;\n    }\n\n    return str;\n  }\n\n  private getPathsItemsList(): BreadcrumbPath[] {\n    return Array.from(this.hostElement.children).map((item: HTMLAnchorElement) => {\n      return {\n        text: item.textContent,\n        path: item.href,\n        hasTooltip: false,\n      };\n    });\n  }\n\n  private renderMobileBreadcrumb(): HTMLDivElement {\n    const lastPath = this.pathsList[this.pathsList.length - 1];\n\n    return (\n      <nav\n        aria-label=\"Breadcrumb\"\n        class={{\n          underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n          semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n        }}\n      >\n        <ol>{this.renderNode(lastPath, true)}</ol>\n      </nav>\n    );\n  }\n\n  private renderHomepageNode(item): HTMLLIElement {\n    return (\n      <li>\n        <a\n          class={{\n            \"homepage-icon\": this.homepageVariant === BreadcrumbHomepageVariant.ICON,\n            \"homepage-text\": this.homepageVariant === BreadcrumbHomepageVariant.TEXT,\n          }}\n          href={item.path}\n          onClick={(e) => this.handlePreventFollowUrl(e, item)}\n        >\n          {this.homepageVariant === BreadcrumbHomepageVariant.ICON ? (\n            <z-icon\n              name=\"home\"\n              fill=\"color-link-primary\"\n              height={16}\n              width={16}\n            />\n          ) : (\n            \"Home\"\n          )}\n        </a>\n      </li>\n    );\n  }\n\n  private renderNode(item, mobile): HTMLLIElement {\n    return (\n      <li>\n        {item.hasTooltip && (\n          <z-popover\n            class=\"full-path-tooltip\"\n            bind-to={this.triggerEllipsis}\n            open={this.popoverEllipsisOpen}\n            position={PopoverPosition.BOTTOM_RIGHT}\n            closable={false}\n            showArrow\n          >\n            <span class=\"tooltip-content\">{this.currentEllipsisText}</span>\n          </z-popover>\n        )}\n        <a\n          class={{\n            \"missing-path\": !item.path,\n            \"text-ellipsis\": mobile,\n          }}\n          ref={(val) => (this.triggerEllipsis = val)}\n          aria-current={item.path ? undefined : \"page\"}\n          href={item.path}\n          onClick={(e) => this.handlePreventFollowUrl(e, item)}\n          onMouseOver={() => {\n            if (item.hasTooltip) {\n              this.popoverEllipsisOpen = true;\n            }\n          }}\n          onMouseLeave={() => {\n            if (item.hasTooltip) {\n              this.popoverEllipsisOpen = false;\n            }\n          }}\n          innerHTML={mobile ? `<z-icon fill=\"color-link-primary\" name=\"chevron-left\"></z-icon>${item.text}` : item.text}\n        />\n      </li>\n    );\n  }\n\n  private renderBreadcrumb(): HTMLElement {\n    return (\n      <nav\n        ref={(val) => (this.wrapElement = val)}\n        aria-label=\"Breadcrumb\"\n        class={{\n          underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n          semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n        }}\n      >\n        <ol>\n          {this.renderHomepageNode(this.homepageNode)}\n          {this.collapsedElements.length ? this.renderOverflowMenu() : \"\"}\n          {this.pathsList.map((item) => this.renderNode(item, false))}\n        </ol>\n      </nav>\n    );\n  }\n\n  private togglePopover(): void {\n    if (!this.collapsedElementsRef.open) {\n      this.collapsedElementsRef.open = true;\n    }\n  }\n\n  private handlePreventFollowUrl(e: MouseEvent, item): void {\n    if (this.preventFollowUrl) {\n      e.preventDefault();\n      this.clickOnNode.emit(item.path);\n    }\n  }\n\n  private handleOverflowMenuAccessibility(e: KeyboardEvent): void {\n    const anchorElementsLenght = this.anchorElements.length;\n    if (e.key === KeyboardCode.TAB) {\n      e.preventDefault();\n\n      return;\n    }\n    e.stopPropagation();\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n    if (arrows.includes(e.key as KeyboardCode)) {\n      e.preventDefault();\n\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        this.currentIndex = anchorElementsLenght === this.currentIndex + 1 ? 0 : this.currentIndex + 1;\n      }\n      if (e.key === KeyboardCode.ARROW_UP) {\n        this.currentIndex = this.currentIndex <= 0 ? anchorElementsLenght - 1 : this.currentIndex - 1;\n      }\n\n      this.anchorElements[this.currentIndex].focus();\n    }\n\n    if (e.key === KeyboardCode.ESC) {\n      this.triggerButton.focus();\n    }\n  }\n\n  private renderOverflowMenu(): HTMLLIElement {\n    if (this.collapsedElements.length) {\n      return (\n        <li>\n          <z-popover\n            class=\"hidden-paths-popover\"\n            ref={(val) => (this.collapsedElementsRef = val as HTMLZPopoverElement)}\n            bind-to={this.triggerButton}\n            position={PopoverPosition.BOTTOM_RIGHT}\n            closable={true}\n            showArrow\n          >\n            <div class=\"popover-content\">\n              <z-list>\n                <z-list-group size={ListSize.SMALL}>\n                  {this.collapsedElements.map((item, index, array) => {\n                    return (\n                      <div>\n                        <z-list-element clickable>\n                          <a\n                            class=\"text-ellipsis\"\n                            href={item.path}\n                            onClick={(e) => this.handlePreventFollowUrl(e, item)}\n                            onKeyDown={(e) => this.handleOverflowMenuAccessibility(e)}\n                          >\n                            {item.text}\n                          </a>\n                        </z-list-element>\n                        {index < array.length - 1 && <z-divider color=\"color-surface03\"></z-divider>}\n                      </div>\n                    );\n                  })}\n                </z-list-group>\n              </z-list>\n            </div>\n          </z-popover>\n          <button\n            aria-label=\"Mostra più breadcrumb\"\n            aria-haspopup=\"true\"\n            ref={(el) => (this.triggerButton = el as HTMLButtonElement)}\n            class=\"dots\"\n            onClick={() => {\n              this.togglePopover();\n            }}\n            onKeyDown={(e) => {\n              handleKeyboardSubmit(e, this.togglePopover.bind(this));\n              setTimeout(() => {\n                this.anchorElements[0].focus();\n              }, 100);\n            }}\n          >\n            ...\n          </button>\n        </li>\n      );\n    }\n  }\n\n  render(): HTMLZBreadcrumbElement {\n    return (\n      <Host style={{\"--line-clamp-popover\": `${this.overflowMenuItemRows}`}}>\n        {this.viewPortWidth === Device.MOBILE ? this.renderMobileBreadcrumb() : this.renderBreadcrumb()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/www/build/p-356aac96.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,g as a}from"./p-10bb4f4b.js";const r=".sc-z-table-body-h{display:table-row-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";const e=r;const s=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup");Array.from(this.host.children).forEach(((t,o)=>t.setAttribute("aria-rowindex",`${o}`)))}render(){return o("slot",{key:"d422df9305a81ae9beb6b1a695cf08a944f7b893"})}get host(){return a(this)}};s.style=e;export{s as Z};
-//# sourceMappingURL=p-356aac96.js.map

package/www/build/p-356aac96.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableBodyStyle0","ZTableBody","componentWillRender","this","host","setAttribute","Array","from","children","forEach","child","index","render","h","key"],"sources":["src/deprecated/z-table-deprecated/z-table-body/styles.css?tag=z-table-body&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-body/index.tsx"],"sourcesContent":[":host {\n  display: table-row-group;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-table-row[expanded] + z-table-expanded-row {\n  display: table-row;\n}\n","import {Component, Element, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-body\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableBody {\n  @Element() host: HTMLZTableBodyElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n\n    Array.from(this.host.children).forEach((child, index) => child.setAttribute(\"aria-rowindex\", `${index}`));\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,6NAClB,MAAAC,EAAeD,E,MCUFE,EAAU,M,yBAGrB,mBAAAC,GACEC,KAAKC,KAAKC,aAAa,OAAQ,YAE/BC,MAAMC,KAAKJ,KAAKC,KAAKI,UAAUC,SAAQ,CAACC,EAAOC,IAAUD,EAAML,aAAa,gBAAiB,GAAGM,M,CAGlG,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C"}

package/www/build/p-378b2bbf.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,a as n,g as o}from"./p-10bb4f4b.js";import{d as s,a as e}from"./p-955da62e.js";import{T as c}from"./p-025f494e.js";import"./p-2c886e8b.js";const r=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-text01)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";const a=r;const l=class{constructor(i){t(this,i);this.variant=undefined;this.links=[];this.visible=false;this.visibleLink=""}handleFocusOutSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=false}}handleFocusSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=true}}componentDidLoad(){this.showFirstChild()}componentWillRender(){if(this.links){this.links=typeof this.links==="string"?JSON.parse(this.links):this.links}}isInSkipToContent(t){const i=s(t);const n=i.find((t=>t.nodeName.toLowerCase()==="z-skip-to-content"));return!!n}showFirstChild(){var t;const i=(t=this.hostElement.children)===null||t===void 0?void 0:t[0];if(i){this.visibleLink=i.id}}handleLinkClick(){this.visible=false}render(){return i(n,{key:"148da854d3c5a83e5c103b3efcc5358f86278936",class:{[this.variant]:true,"skip-to-content-visible":this.visible}},this.links.map(((t,n)=>{const o=`skip-to-content-${n}`;return i("div",{class:"link-container"},i("a",{id:o,class:{"body-1-sb":true,"z-link":true,"z-link-underline":true,"z-link-white":this.variant===c.DARK,"z-link-black":this.variant!==c.DARK,"link-visible":o==this.visibleLink,"link-invisible":o!=this.visibleLink},"aria-label":t.ariaLabel||t.label,href:t.href,onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>e(t,this.handleLinkClick.bind(this))},t.label))})))}get hostElement(){return o(this)}};l.style=a;export{l as z_skip_to_content};
-//# sourceMappingURL=p-378b2bbf.entry.js.map

package/www/build/p-378b2bbf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZSkipToContentStyle0","ZSkipToContent","handleFocusOutSkipToContent","e","this","isInSkipToContent","target","visible","handleFocusSkipToContent","componentDidLoad","showFirstChild","componentWillRender","links","JSON","parse","elem","tree","getElementTree","menuParent","find","nodeName","toLowerCase","firstChild","_a","hostElement","children","visibleLink","id","handleLinkClick","render","h","Host","key","class","variant","map","link","i","ThemeVariant","DARK","ariaLabel","label","href","onFocus","onClick","onKeyUp","handleKeyboardSubmit","bind"],"sources":["src/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","src/components/z-skip-to-content/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  left: -100%;\n  height: 60px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n  background-color: #24f4ff;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  text-align: center;\n}\n\n:host > .link-container {\n  display: inline-flex;\n  height: 100%;\n  align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n  position: static;\n  display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n  overflow: hidden;\n  width: 0;\n  height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n  width: initial;\n  height: initial;\n}\n\n:host.dark {\n  background-color: var(--color-surface05);\n  color: var(--color-surface01);\n}\n\n:host.light {\n  border: var(--border-size-medium) solid var(--color-surface05);\n  background-color: var(--color-surface01);\n  color: var(--color-text01);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    text-align: start;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .link-container {\n    padding: 0 calc(var(--space-unit) * 3);\n    border-right: var(--border-size-small) solid var(--color-surface05);\n  }\n\n  :host > .link-container > a.z-link.link-invisible {\n    overflow: initial;\n    width: initial;\n    height: initial;\n  }\n\n  :host > .link-container:first-child {\n    padding-left: 0;\n  }\n\n  :host > .link-container:last-child,\n  :host.dark > .link-container:last-child,\n  :host.light > .link-container:last-child {\n    padding-right: 0;\n    border-right: none;\n  }\n\n  :host.dark > .link-container {\n    border-right: var(--border-size-small) solid var(--color-surface01);\n  }\n}\n","import {Component, h, Host, Element, Listen, Prop, State} from \"@stencil/core\";\nimport {getElementTree, handleKeyboardSubmit} from \"../../utils/utils\";\nimport {ThemeVariant, SkipToContentLink} from \"../../beans\";\n\n/**\n * Component short description.\n */\n@Component({\n  tag: \"z-skip-to-content\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSkipToContent {\n  /** Graphical variant: `dark`, `light`. */\n  @Prop({reflect: true})\n  variant?: ThemeVariant;\n\n  /** Array to fill link into skip-content */\n  @Prop({mutable: true})\n  links: string | SkipToContentLink[] = [];\n\n  @State()\n  visible = false;\n\n  @State()\n  visibleLink = \"\";\n\n  @Element() hostElement: HTMLZSkipToContentElement;\n\n  @Listen(\"focusout\", {target: \"document\"})\n  handleFocusOutSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = false;\n    }\n  }\n\n  @Listen(\"focusin\", {target: \"document\"})\n  handleFocusSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.showFirstChild();\n  }\n\n  componentWillRender(): void {\n    if (this.links) {\n      this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n    }\n  }\n\n  private isInSkipToContent(elem): boolean {\n    const tree = getElementTree(elem);\n    const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n    return !!menuParent;\n  }\n\n  private showFirstChild(): void {\n    const firstChild = this.hostElement.children?.[0];\n    if (firstChild) {\n      this.visibleLink = firstChild.id;\n    }\n  }\n\n  private handleLinkClick(): void {\n    this.visible = false;\n  }\n\n  render(): HTMLZSkipToContentElement {\n    return (\n      <Host\n        class={{\n          [this.variant]: true,\n          \"skip-to-content-visible\": this.visible,\n        }}\n      >\n        {(this.links as SkipToContentLink[]).map((link, i) => {\n          const id = `skip-to-content-${i}`;\n\n          return (\n            <div class=\"link-container\">\n              <a\n                id={id}\n                class={{\n                  \"body-1-sb\": true,\n                  \"z-link\": true,\n                  \"z-link-underline\": true,\n                  \"z-link-white\": this.variant === ThemeVariant.DARK,\n                  \"z-link-black\": this.variant !== ThemeVariant.DARK,\n                  \"link-visible\": id == this.visibleLink,\n                  \"link-invisible\": id != this.visibleLink,\n                }}\n                aria-label={link.ariaLabel || link.label}\n                href={link.href}\n                onFocus={() => (this.visibleLink = id)}\n                onClick={() => this.handleLinkClick()}\n                onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n              >\n                {link.label}\n              </a>\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gKAAA,MAAMA,EAAY,m3DAClB,MAAAC,EAAeD,E,MCYFE,EAAc,M,2DAOa,G,aAG5B,M,iBAGI,E,CAKd,2BAAAC,CAA4BC,GAC1B,GAAIC,KAAKC,kBAAkBF,EAAEG,QAAS,CACpCF,KAAKG,QAAU,K,EAKnB,wBAAAC,CAAyBL,GACvB,GAAIC,KAAKC,kBAAkBF,EAAEG,QAAS,CACpCF,KAAKG,QAAU,I,EAInB,gBAAAE,GACEL,KAAKM,gB,CAGP,mBAAAC,GACE,GAAIP,KAAKQ,MAAO,CACdR,KAAKQ,aAAeR,KAAKQ,QAAU,SAAWC,KAAKC,MAAMV,KAAKQ,OAASR,KAAKQ,K,EAIxE,iBAAAP,CAAkBU,GACxB,MAAMC,EAAOC,EAAeF,GAC5B,MAAMG,EAAaF,EAAKG,MAAMJ,GAAkBA,EAAKK,SAASC,gBAAkB,sBAEhF,QAASH,C,CAGH,cAAAR,G,MACN,MAAMY,GAAaC,EAAAnB,KAAKoB,YAAYC,YAAQ,MAAAF,SAAA,SAAAA,EAAG,GAC/C,GAAID,EAAY,CACdlB,KAAKsB,YAAcJ,EAAWK,E,EAI1B,eAAAC,GACNxB,KAAKG,QAAU,K,CAGjB,MAAAsB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC7B,KAAK8B,SAAU,KAChB,0BAA2B9B,KAAKG,UAGhCH,KAAKQ,MAA8BuB,KAAI,CAACC,EAAMC,KAC9C,MAAMV,EAAK,mBAAmBU,IAE9B,OACEP,EAAA,OAAKG,MAAM,kBACTH,EAAA,KACEH,GAAIA,EACJM,MAAO,CACL,YAAa,KACb,SAAU,KACV,mBAAoB,KACpB,eAAgB7B,KAAK8B,UAAYI,EAAaC,KAC9C,eAAgBnC,KAAK8B,UAAYI,EAAaC,KAC9C,eAAgBZ,GAAMvB,KAAKsB,YAC3B,iBAAkBC,GAAMvB,KAAKsB,aAC9B,aACWU,EAAKI,WAAaJ,EAAKK,MACnCC,KAAMN,EAAKM,KACXC,QAAS,IAAOvC,KAAKsB,YAAcC,EACnCiB,QAAS,IAAMxC,KAAKwB,kBACpBiB,QAAU1C,GAAM2C,EAAqB3C,EAAGC,KAAKwB,gBAAgBmB,KAAK3C,QAEjEgC,EAAKK,OAEJ,I"}

package/www/build/p-38c63f28.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as e,h as r,g as a}from"./p-10bb4f4b.js";const t=":host{--font-size-link:inherit;--font-weight-link:inherit;font-family:var(--font-family-sans);font-size:var(--font-size-link);font-weight:var(--font-weight-link);line-height:inherit;outline:none}:host([big]){--font-size-link:16px;--font-weight-link:var(--font-sb)}a{display:inline-flex;align-items:center;padding:calc(var(--space-unit) / 2) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--color-white);fill:var(--color-white);text-decoration:none}a.white:visited{color:var(--color-white);fill:var(--color-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:var(--space-unit)}a>z-icon:last-child{margin-left:var(--space-unit)}";const l=t;const o=class{constructor(r){i(this,r);this.zLinkClick=e(this,"zLinkClick",7);this.htmlid=undefined;this.href=undefined;this.target="_self";this.htmltabindex=0;this.isdisabled=false;this.isactive=false;this.iswhite=false;this.textcolor="primary";this.icon=undefined;this.big=false;this.iconposition="left";this.underline=false;this.iconSize=18;this.emitZLinkClick=this.emitZLinkClick.bind(this);this.emitZLinkInteraction=this.emitZLinkInteraction.bind(this)}componentWillLoad(){if(this.iswhite){console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead")}if(this.big){console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead")}}emitZLinkClick(i,e){this.emitZLinkInteraction(i,e)}emitZLinkInteraction(i,e){this.zLinkClick.emit({e:i,linkId:e})}componentDidLoad(){if(this.icon){const i=parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size"));const e=this.big?18:Math.round(i*1.125);if(!Number.isNaN(e)&&this.iconSize!==e){this.iconSize=e}}}render(){return r("a",{key:"b5b630a2b5ffe83a239315612faf6b673158c782",id:this.htmlid,href:this.href?this.href:null,class:{disabled:this.isdisabled,active:this.isactive,white:this.iswhite,[this.textcolor||""]:true,underline:this.underline},target:this.target,role:this.href?"link":"button",tabindex:this.isdisabled?-1:this.htmltabindex,onClick:i=>this.emitZLinkClick(i,this.htmlid)},this.iconposition==="right"&&r("slot",null),this.icon&&r("z-icon",{style:{"--z-icon-width":`${this.iconSize}px`,"--z-icon-height":`${this.iconSize}px`},name:this.icon}),this.iconposition==="left"&&r("slot",null))}get hostElement(){return a(this)}};o.style=l;export{o as z_link};
-//# sourceMappingURL=p-38c63f28.entry.js.map

package/www/build/p-38c63f28.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZLinkStyle0","ZLink","constructor","hostRef","this","emitZLinkClick","bind","emitZLinkInteraction","componentWillLoad","iswhite","console","warn","big","e","linkId","zLinkClick","emit","componentDidLoad","icon","height","parseFloat","window","getComputedStyle","hostElement","getPropertyValue","currentSize","Math","round","Number","isNaN","iconSize","render","h","key","id","htmlid","href","class","disabled","isdisabled","active","isactive","white","textcolor","underline","target","role","tabindex","htmltabindex","onClick","iconposition","style","name"],"sources":["src/deprecated/z-link/styles.css?tag=z-link&encapsulation=shadow","src/deprecated/z-link/index.tsx"],"sourcesContent":[":host {\n  --font-size-link: inherit;\n  --font-weight-link: inherit;\n\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-link);\n  font-weight: var(--font-weight-link);\n  line-height: inherit;\n  outline: none;\n}\n\n:host([big]) {\n  --font-size-link: 16px;\n  --font-weight-link: var(--font-sb);\n}\n\na {\n  display: inline-flex;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2) 0;\n  border-top: var(--border-size-medium) solid transparent;\n  border-bottom: var(--border-size-medium) solid transparent;\n  color: var(--color-link-primary);\n  cursor: pointer;\n  fill: var(--color-link-primary);\n  text-decoration: none;\n}\n\na:hover,\na:focus,\na:active {\n  text-decoration: underline;\n}\n\na.active {\n  color: var(--color-active-link);\n  fill: var(--color-active-link);\n}\n\na:hover,\na:focus {\n  color: var(--color-hover-link);\n  fill: var(--color-hover-link);\n}\n\na:active {\n  color: var(--color-pressed-link);\n  fill: var(--color-pressed-link);\n}\n\na:visited {\n  color: var(--color-visited-link);\n  fill: var(--color-visited-link);\n}\n\na.disabled,\na.inverse.disabled {\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  pointer-events: none;\n}\n\na.underline,\na.underline:active,\na.underline:hover,\na.underline:visited,\na.underline.disabled,\na.underline.black,\na.underline.white {\n  text-decoration: underline;\n}\n\na.disabled,\na.disabled:active,\na.disabled:visited,\na.disabled:hover {\n  text-decoration: none;\n}\n\na.inverse {\n  color: var(--color-inverse-link);\n  fill: var(--color-inverse-link);\n}\n\na.inverse.active {\n  color: var(--color-inverse-active-link);\n  fill: var(--color-inverse-active-link);\n}\n\na.inverse:hover,\na.inverse:focus {\n  color: var(--color-inverse-hover-link);\n  fill: var(--color-inverse-hover-link);\n}\n\na.inverse:active {\n  color: var(--color-inverse-pressed-link);\n  fill: var(--color-inverse-pressed-link);\n}\n\na.inverse:visited {\n  color: var(--color-inverse-visited-link);\n  fill: var(--color-inverse-visited-link);\n}\n\na.black {\n  color: var(--gray800);\n  fill: var(--gray800);\n  text-decoration: none;\n}\n\na.black:hover,\na.black.active {\n  color: var(--color-black);\n  fill: var(--color-black);\n}\n\na.black:visited {\n  color: var(--gray800);\n  fill: var(--gray800);\n}\n\na.black:hover,\na.black:focus,\na.black:active {\n  text-decoration: underline;\n}\n\na.black:active {\n  color: var(--gray700);\n  fill: var(--gray700);\n}\n\na.white,\na.white:active,\na.white:hover,\na.white.active {\n  color: var(--color-white);\n  fill: var(--color-white);\n  text-decoration: none;\n}\n\na.white:visited {\n  color: var(--color-white);\n  fill: var(--color-white);\n}\n\na.white:hover,\na.white:focus,\na.white:active {\n  text-decoration: underline;\n}\n\na.white.disabled,\na.black.disabled {\n  color: var(--gray500);\n  fill: var(--gray500);\n}\n\na > z-icon:first-child {\n  margin-right: var(--space-unit);\n}\n\na > z-icon:last-child {\n  margin-left: var(--space-unit);\n}\n","import {Component, Prop, h, Event, EventEmitter, Element} from \"@stencil/core\";\nimport {State} from \"@stencil/core/internal\";\n\n/**\n * @deprecated - use a native `<a>` with the `z-link` CSS class instead\n * @slot - link content\n */\n@Component({\n  tag: \"z-link\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZLink {\n  /** link id (optional) */\n  @Prop()\n  htmlid?: string;\n\n  /** link url (optional) */\n  @Prop()\n  href?: string;\n\n  /** link target (optional) */\n  @Prop()\n  target?: string = \"_self\";\n\n  /** tabindex link attribute (optional) */\n  @Prop()\n  htmltabindex?: number = 0;\n\n  /** disable link flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** active link flag (optional) */\n  @Prop()\n  isactive?: boolean = false;\n\n  /** white variant flag (optional) */\n  @Prop()\n  iswhite?: boolean = false;\n\n  /** link text variant (optional) */\n  @Prop()\n  textcolor?: \"primary\" | \"inverse\" | \"white\" | \"black\" = \"primary\";\n\n  /** link icon name (optional) */\n  @Prop()\n  icon?: string;\n\n  /** big link version */\n  @Prop({reflect: true})\n  big?: boolean = false;\n\n  /** link icon position (optional) */\n  @Prop()\n  iconposition?: \"left\" | \"right\" = \"left\";\n\n  /** draw underline on text (optional) */\n  @Prop()\n  underline?: boolean = false;\n\n  /** emitted on link click, returns linkId */\n  @Event()\n  zLinkClick: EventEmitter;\n\n  @Element() hostElement: HTMLZLinkElement;\n\n  @State()\n  iconSize = 18;\n\n  constructor() {\n    this.emitZLinkClick = this.emitZLinkClick.bind(this);\n    this.emitZLinkInteraction = this.emitZLinkInteraction.bind(this);\n  }\n\n  componentWillLoad(): void {\n    if (this.iswhite) {\n      console.warn(\n        \"z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead\"\n      );\n    }\n    if (this.big) {\n      console.warn(\n        \"z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead\"\n      );\n    }\n  }\n\n  private emitZLinkClick(e: MouseEvent, linkId): void {\n    this.emitZLinkInteraction(e, linkId);\n  }\n\n  private emitZLinkInteraction(e: Event, linkId: string): void {\n    this.zLinkClick.emit({e, linkId});\n  }\n\n  componentDidLoad(): void {\n    if (this.icon) {\n      const height: number = parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue(\"font-size\"));\n      const currentSize = this.big ? 18 : Math.round(height * 1.125);\n      if (!Number.isNaN(currentSize) && this.iconSize !== currentSize) {\n        this.iconSize = currentSize;\n      }\n    }\n  }\n\n  render(): HTMLAnchorElement {\n    return (\n      <a\n        id={this.htmlid}\n        href={this.href ? this.href : null}\n        class={{\n          disabled: this.isdisabled,\n          active: this.isactive,\n          white: this.iswhite,\n          [this.textcolor || \"\"]: true,\n          underline: this.underline,\n        }}\n        target={this.target}\n        role={this.href ? \"link\" : \"button\"}\n        tabindex={this.isdisabled ? -1 : this.htmltabindex}\n        onClick={(e: MouseEvent) => this.emitZLinkClick(e, this.htmlid)}\n      >\n        {this.iconposition === \"right\" && <slot />}\n        {this.icon && (\n          <z-icon\n            style={{\n              \"--z-icon-width\": `${this.iconSize}px`,\n              \"--z-icon-height\": `${this.iconSize}px`,\n            }}\n            name={this.icon}\n          />\n        )}\n        {this.iconposition === \"left\" && <slot />}\n      </a>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,27EAClB,MAAAC,EAAeD,E,MCWFE,EAAK,MA0DhB,WAAAC,CAAAC,G,uGA/CkB,Q,kBAIM,E,gBAID,M,cAIF,M,aAID,M,eAIoC,U,6BAQxC,M,kBAIkB,O,eAIZ,M,cASX,GAGTC,KAAKC,eAAiBD,KAAKC,eAAeC,KAAKF,MAC/CA,KAAKG,qBAAuBH,KAAKG,qBAAqBD,KAAKF,K,CAG7D,iBAAAI,GACE,GAAIJ,KAAKK,QAAS,CAChBC,QAAQC,KACN,6G,CAGJ,GAAIP,KAAKQ,IAAK,CACZF,QAAQC,KACN,iJ,EAKE,cAAAN,CAAeQ,EAAeC,GACpCV,KAAKG,qBAAqBM,EAAGC,E,CAGvB,oBAAAP,CAAqBM,EAAUC,GACrCV,KAAKW,WAAWC,KAAK,CAACH,IAAGC,U,CAG3B,gBAAAG,GACE,GAAIb,KAAKc,KAAM,CACb,MAAMC,EAAiBC,WAAWC,OAAOC,iBAAiBlB,KAAKmB,aAAaC,iBAAiB,cAC7F,MAAMC,EAAcrB,KAAKQ,IAAM,GAAKc,KAAKC,MAAMR,EAAS,OACxD,IAAKS,OAAOC,MAAMJ,IAAgBrB,KAAK0B,WAAaL,EAAa,CAC/DrB,KAAK0B,SAAWL,C,GAKtB,MAAAM,GACE,OACEC,EAAA,KAAAC,IAAA,2CACEC,GAAI9B,KAAK+B,OACTC,KAAMhC,KAAKgC,KAAOhC,KAAKgC,KAAO,KAC9BC,MAAO,CACLC,SAAUlC,KAAKmC,WACfC,OAAQpC,KAAKqC,SACbC,MAAOtC,KAAKK,QACZ,CAACL,KAAKuC,WAAa,IAAK,KACxBC,UAAWxC,KAAKwC,WAElBC,OAAQzC,KAAKyC,OACbC,KAAM1C,KAAKgC,KAAO,OAAS,SAC3BW,SAAU3C,KAAKmC,YAAc,EAAInC,KAAK4C,aACtCC,QAAUpC,GAAkBT,KAAKC,eAAeQ,EAAGT,KAAK+B,SAEvD/B,KAAK8C,eAAiB,SAAWlB,EAAA,aACjC5B,KAAKc,MACJc,EAAA,UACEmB,MAAO,CACL,iBAAkB,GAAG/C,KAAK0B,aAC1B,kBAAmB,GAAG1B,KAAK0B,cAE7BsB,KAAMhD,KAAKc,OAGdd,KAAK8C,eAAiB,QAAUlB,EAAA,a"}

package/www/build/p-38dd5e41.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t}from"./p-10bb4f4b.js";import{P as e}from"./p-025f494e.js";const r=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";const s=r;const p=class{constructor(t){o(this,t);this.position=e.AUTO;this.dark=false;this.open=false;this.bindTo=undefined;this.closable=true}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return t("z-popover",{key:"307a54499b3c7c6b9929f427a226fbb784b4c620",ref:o=>this.popoverEl=o,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:true,showArrow:true},t("slot",{key:"09baa9194d76cec1bb471d65a5903ac3642823b8"}))}};p.style=s;export{p as z_tooltip};
-//# sourceMappingURL=p-38dd5e41.entry.js.map

package/www/build/p-38dd5e41.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTooltipStyle0","ZTooltip","PopoverPosition","AUTO","onPopoverOpenChange","this","open","popoverEl","render","h","key","ref","el","bindTo","position","closable","center","showArrow"],"sources":["src/components/notification/z-tooltip/styles.css?tag=z-tooltip&encapsulation=shadow","src/components/notification/z-tooltip/index.tsx"],"sourcesContent":[":host {\n  --z-tooltip-theme--surface: var(--color-surface01);\n  --z-tooltip-theme--text: var(--color-text01);\n  --z-tooltip-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n}\n\n:host([dark]) z-popover {\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n}\n\nz-popover {\n  --z-popover-padding: var(--space-unit);\n  --z-popover-theme--surface: var(--z-tooltip-theme--surface);\n  --z-popover-theme--text: var(--z-tooltip-theme--text);\n  --z-popover-shadow-filter: var(--z-tooltip-shadow-filter);\n}\n","import {Component, Prop, h, Listen} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../../beans\";\n\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\n@Component({\n  tag: \"z-tooltip\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTooltip {\n  /** Tooltip position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /** Enable tooltip dark mode. */\n  @Prop({reflect: true})\n  dark = false;\n\n  /**\n   * The open state of the tooltip.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the tooltip.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Reflects `closable` prop of the popover.\n   * \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n   */\n  @Prop()\n  closable = true;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  @Listen(\"openChange\")\n  onPopoverOpenChange(): void {\n    this.open = this.popoverEl.open;\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <z-popover\n        ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n        bindTo={this.bindTo}\n        open={this.open}\n        position={this.position}\n        closable={this.closable}\n        center\n        showArrow\n      >\n        <slot></slot>\n      </z-popover>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAY,sgBAClB,MAAAC,EAAeD,E,MCeFE,EAAQ,M,uCAGSC,EAAgBC,K,UAIrC,M,UAMA,M,oCAcI,I,CAKX,mBAAAC,GACEC,KAAKC,KAAOD,KAAKE,UAAUD,I,CAG7B,MAAAE,GACE,OACEC,EAAA,aAAAC,IAAA,2CACEC,IAAMC,GAAQP,KAAKE,UAAYK,EAC/BC,OAAQR,KAAKQ,OACbP,KAAMD,KAAKC,KACXQ,SAAUT,KAAKS,SACfC,SAAUV,KAAKU,SACfC,OAAM,KACNC,UAAS,MAETR,EAAA,QAAAC,IAAA,6C"}

package/www/build/p-3c87d5e2.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as L,a as t}from"./p-10bb4f4b.js";const o=":host{display:inline-block;width:255px;height:64px;vertical-align:top}img{display:block;width:100%;height:100%;margin:auto;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";const e=o;const l=class{constructor(L){i(this,L);this.width=undefined;this.height=undefined;this.imageAlt=undefined;this.link=undefined;this.targetBlank=undefined;this.mobileLogo=undefined}render(){const i={};if(this.width){i["width"]=i["max-width"]=`${this.width}px`}if(this.height){i["height"]=i["max-height"]=`${this.height}px`}return L(t,{key:"5cf212c5af863d8179c77dd3318eaabd83c881c2",style:i,class:{mobile:!!this.mobileLogo}},this.link?L("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},L("img",{alt:this.imageAlt})):L("img",{alt:this.imageAlt}))}};l.style=e;export{l as z_logo};
-//# sourceMappingURL=p-3c87d5e2.entry.js.map

package/www/build/p-3c87d5e2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZLogoStyle0","ZLogo","render","style","this","width","height","h","Host","key","class","mobile","mobileLogo","link","href","target","targetBlank","alt","imageAlt"],"sources":["src/components/logo/z-logo/styles.css?tag=z-logo&encapsulation=shadow","src/components/logo/z-logo/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: 255px;\n  height: 64px;\n  vertical-align: top;\n}\n\nimg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  margin: auto;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\na {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n:host(.mobile) {\n  width: 31px;\n  height: 40px;\n}\n\n:host(.mobile) img {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n","import {Component, Prop, Host, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-logo\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZLogo {\n  /** image width */\n  @Prop()\n  width?: number;\n\n  /** image height */\n  @Prop()\n  height?: number;\n\n  /** alternative image text */\n  @Prop()\n  imageAlt?: string;\n\n  /** link url (optional) */\n  @Prop()\n  link?: string;\n\n  /** link target: true means _blank, false means _self */\n  @Prop()\n  targetBlank?: boolean;\n\n  /** if true, the mobile logo is displayed, otherwise the desktop one */\n  @Prop()\n  mobileLogo?: boolean;\n\n  render(): HTMLZLogoElement {\n    const style = {};\n\n    if (this.width) {\n      style[\"width\"] = style[\"max-width\"] = `${this.width}px`;\n    }\n\n    if (this.height) {\n      style[\"height\"] = style[\"max-height\"] = `${this.height}px`;\n    }\n\n    return (\n      <Host\n        style={style}\n        class={{mobile: !!this.mobileLogo}}\n      >\n        {this.link ? (\n          <a\n            href={this.link}\n            target={this.targetBlank ? \"_blank\" : \"_self\"}\n          >\n            <img alt={this.imageAlt} />\n          </a>\n        ) : (\n          <img alt={this.imageAlt} />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,m1IAClB,MAAAC,EAAeD,E,MCMFE,EAAK,M,qKAyBhB,MAAAC,GACE,MAAMC,EAAQ,GAEd,GAAIC,KAAKC,MAAO,CACdF,EAAM,SAAWA,EAAM,aAAe,GAAGC,KAAKC,S,CAGhD,GAAID,KAAKE,OAAQ,CACfH,EAAM,UAAYA,EAAM,cAAgB,GAAGC,KAAKE,U,CAGlD,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHN,MAAOA,EACPO,MAAO,CAACC,SAAUP,KAAKQ,aAEtBR,KAAKS,KACJN,EAAA,KACEO,KAAMV,KAAKS,KACXE,OAAQX,KAAKY,YAAc,SAAW,SAEtCT,EAAA,OAAKU,IAAKb,KAAKc,YAGjBX,EAAA,OAAKU,IAAKb,KAAKc,W"}

package/www/build/p-402bd7f6.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,a as i,g as o}from"./p-10bb4f4b.js";import{y as s,D as r}from"./p-025f494e.js";const a=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';const l=a;const n=class{constructor(e){t(this,e);this.dividerPosition=s.BEFORE;this.uppercase=true}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(i,{key:"73bb5aa52dd0ebf377b6dc6c341a6fe856689753"},e("slot",{key:"69342bb343240b870f387b2f8b81433d6c44adcd",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.BEFORE&&e("z-divider",{size:r.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"b13fc5c19b76b950806457e9ccd93cc21b850bc0",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.AFTER&&e("z-divider",{size:r.LARGE,color:"z-section-title--divider-color"}))}get host(){return o(this)}};n.style=l;export{n as z_section_title};
-//# sourceMappingURL=p-402bd7f6.entry.js.map

package/www/build/p-402bd7f6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZSectionTitleStyle0","ZSectionTitle","ZSectionTitleDividerPosition","BEFORE","componentWillRender","this","hasSecondaryTitle","host","querySelector","render","h","Host","key","name","dividerPosition","size","DividerSize","LARGE","color","AFTER"],"sources":["src/components/z-section-title/styles.css?tag=z-section-title&encapsulation=shadow","src/components/z-section-title/index.tsx"],"sourcesContent":[":host {\n  --z-section-title--divider-color: var(--red500);\n\n  display: flex;\n  width: fit-content;\n  flex-direction: column;\n  align-items: flex-start;\n  font-family: var(--font-family-sans);\n}\n\n:host,\n:host ::slotted(*) {\n  box-sizing: border-box;\n}\n\n::slotted(*) {\n  margin: 0;\n}\n\n::slotted([slot=\"secondary-title\"]) {\n  padding-bottom: calc(var(--space-unit) / 2);\n  border-bottom: var(--border-size-large) solid var(--z-section-title--divider-color);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5rem;\n  text-transform: uppercase;\n}\n\n::slotted([slot=\"primary-title\"]) {\n  font-size: var(--font-size-6);\n  font-weight: var(--font-sb);\n  line-height: 2rem;\n}\n\n:host([uppercase]:not([uppercase=\"false\"])) ::slotted([slot=\"primary-title\"]) {\n  text-transform: uppercase;\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  ::slotted([slot=\"primary-title\"]) {\n    font-size: var(--font-size-7);\n    line-height: 2.25rem;\n  }\n}\n","import {Component, Element, h, Host, Prop} from \"@stencil/core\";\nimport {DividerSize, ZSectionTitleDividerPosition} from \"../../beans\";\n\n/**\n * Section title component.\n * An optional secondary title can be put over the primary one.\n *\n * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,\n * following its width and removing the one for the primary title.\n * @slot primary-title - Slot for the primary title.\n * @cssprop --z-section-title--divider-color - Color of the divider. Use a CSS prop string like `\"--red500\"`. Default is `\"--red500\"`.\n */\n@Component({\n  tag: \"z-section-title\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZSectionTitle {\n  /**\n   * Divider position for the primary title.\n   * This prop only works if the secondary title is not set.\n   */\n  @Prop()\n  dividerPosition: ZSectionTitleDividerPosition = ZSectionTitleDividerPosition.BEFORE;\n\n  /**\n   * Whether the primary title text is uppercase.\n   */\n  @Prop({reflect: true})\n  uppercase = true;\n\n  @Element() host: HTMLZSectionTitleElement;\n\n  private hasSecondaryTitle: boolean;\n\n  componentWillRender(): void {\n    this.hasSecondaryTitle = !!this.host.querySelector(\"[slot=secondary-title]\");\n  }\n\n  render(): HTMLZSectionTitleElement {\n    return (\n      <Host>\n        <slot name=\"secondary-title\" />\n        {!this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (\n          <z-divider\n            size={DividerSize.LARGE}\n            color=\"z-section-title--divider-color\"\n          />\n        )}\n        <slot name=\"primary-title\" />\n        {!this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (\n          <z-divider\n            size={DividerSize.LARGE}\n            color=\"z-section-title--divider-color\"\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,ozBAClB,MAAAC,EAAeD,E,MCgBFE,EAAa,M,8CAMwBC,EAA6BC,O,eAMjE,I,CAMZ,mBAAAC,GACEC,KAAKC,oBAAsBD,KAAKE,KAAKC,cAAc,yB,CAGrD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,qBACTR,KAAKC,mBAAqBD,KAAKS,kBAAoBZ,EAA6BC,QAChFO,EAAA,aACEK,KAAMC,EAAYC,MAClBC,MAAM,mCAGVR,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACTR,KAAKC,mBAAqBD,KAAKS,kBAAoBZ,EAA6BiB,OAChFT,EAAA,aACEK,KAAMC,EAAYC,MAClBC,MAAM,mC"}

package/www/build/p-40f68d35.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_header_row}from"./p-55d22af2.js";import"./p-10bb4f4b.js";
-//# sourceMappingURL=p-40f68d35.entry.js.map

package/www/build/p-40f68d35.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

package/www/build/p-415ae4fd.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as s,g as i}from"./p-10bb4f4b.js";import{e as l,g as r,l as c,i as n}from"./p-025f494e.js";import{r as a,b as o,d as h,a as d,e as p}from"./p-955da62e.js";import"./p-2c886e8b.js";const u='.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 1.5)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.sc-z-select{padding:0 calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}';const z=u;const f=class{constructor(s){e(this,s);this.optionSelect=t(this,"optionSelect",7);this.resetSelect=t(this,"resetSelect",7);this.itemsList=[];this.htmlid=`id-${a()}`;this.items=undefined;this.name=undefined;this.label=undefined;this.ariaLabel="";this.disabled=false;this.readonly=false;this.placeholder=undefined;this.htmltitle=undefined;this.status=undefined;this.message=true;this.autocomplete=false;this.noresultslabel="Nessun risultato";this.hasGroupItems=undefined;this.isfixed=false;this.resetItem=undefined;this.size=l.BIG;this.isOpen=false;this.selectedItem=null;this.searchString=undefined;this.toggleSelectUl=this.toggleSelectUl.bind(this);this.selectItem=this.selectItem.bind(this);this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray();this.selectedItem=this.itemsList.find((e=>e.selected))}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];if(typeof e==="string"){t.push(e)}else{t=e}this.selectedItem=this.itemsList.find((e=>t.includes(e.id)))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}emitResetSelect(){this.resetSelect.emit({id:this.htmlid})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return typeof this.items==="string"?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){const e=this.getInitialItemsArray();return e.map((e=>{var t;e.selected=e.id===((t=this.selectedItem)===null||t===void 0?void 0:t.id);return e}))}getSelectedValue(){var e;return(e=this.selectedItem)===null||e===void 0?void 0:e.id}filterItems(e){const t=this.mapSelectedItemToItemsArray();if(!(e===null||e===void 0?void 0:e.length)){this.itemsList=t}else{this.itemsList=t.filter((t=>t.name.toUpperCase().includes(e.toUpperCase()))).map((t=>{const s=t.name.toUpperCase().indexOf(e.toUpperCase());const i=s+e.length;const l=t.name.substring(0,s)+`<strong>${t.name.substring(s,i)}</strong>`+t.name.substring(i,t.name.length);t.name=l;return t}))}}hasAutocomplete(){return o(this.autocomplete)===true}handleInputChange(e){this.searchString=e.detail.value;if(!this.isOpen){this.toggleSelectUl()}}selectItem(e,t){if(e&&e.disabled){return}this.itemsList=this.mapSelectedItemToItemsArray();this.itemsList=this.itemsList.map((s=>{s.selected=false;if(s.id===(e===null||e===void 0?void 0:e.id)){s.selected=t}return s}));this.selectedItem=this.itemsList.find((e=>e.selected));this.emitOptionSelect();if(this.searchString){this.searchString=null}}arrowsSelectNav(e,t){const s=this.resetItem&&!!this.selectedItem;const i=[r.ARROW_DOWN,r.ARROW_UP];if(!i.includes(e.key)){return}e.preventDefault();e.stopPropagation();if(!this.isOpen){this.toggleSelectUl()}let l;if(this.resetItem){if(e.key===r.ARROW_DOWN){l=t+1===this.itemsList.length+1?+!s:t+1}else if(e.key===r.ARROW_UP){l=t<=+!s?this.itemsList.length:t-1}}if(!this.resetItem){if(e.key===r.ARROW_DOWN){l=t+1===this.itemsList.length?0:t+1}else if(e.key===r.ARROW_UP){l=t<=0?this.itemsList.length-1:t-1}}this.focusSelectItem(l)}focusSelectItem(e){const t=this.element.querySelector(`#${this.htmlid}_${e}`);if(t){t.focus()}}toggleSelectUl(e=false){if(this.disabled||this.readonly){return}if(!this.isOpen){document.addEventListener("click",this.handleSelectFocus);document.addEventListener("keyup",this.handleSelectFocus)}else{document.removeEventListener("click",this.handleSelectFocus);document.removeEventListener("keyup",this.handleSelectFocus);if(e){this.element.querySelector(`#${this.htmlid}_input`).focus()}}this.isOpen=!this.isOpen}handleInputClick(e){const t=e.composedPath();const s=t.find((e=>e.classList&&e.classList.contains("reset-icon")));if(s){e.stopPropagation();return}this.toggleSelectUl()}handleSelectFocus(e){if(e instanceof KeyboardEvent&&e.key===r.ESC){e.stopPropagation();return this.toggleSelectUl(true)}if(e instanceof KeyboardEvent&&e.key!==r.TAB&&e.key!==r.ENTER){return}const t=h(p());const s=t.find((e=>e.nodeName.toLowerCase()==="z-input"&&e.id===`${this.htmlid}_input`));if(!s){this.toggleSelectUl(e instanceof MouseEvent?true:false)}}scrollToLetter(e){const t=this.itemsList.find((t=>t.name.charAt(0)===e));if(t){this.focusSelectItem(this.itemsList.indexOf(t))}}renderInput(){return s("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_select_input`,placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,"aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutocomplete(),message:false,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?undefined:this.status,autocomplete:"off",size:this.size,onClick:e=>{this.handleInputClick(e)},onKeyUp:e=>{if(e.keyCode!==13){e.preventDefault()}d(e,this.toggleSelectUl)},onKeyDown:e=>this.arrowsSelectNav(e,this.selectedItem?this.itemsList.indexOf(this.selectedItem):this.resetItem?0:-1),onInputChange:e=>{this.handleInputChange(e)},onKeyPress:e=>{if(!this.hasAutocomplete()){e.preventDefault();this.scrollToLetter(String.fromCharCode(e.keyCode))}}})}renderSelectUl(){return s("div",{class:this.isOpen?"open":"closed",tabindex:"-1","aria-hidden":this.isOpen?"false":"true"},s("div",{class:{"ul-scroll-wrapper":true,fixed:this.isfixed},tabindex:"-1"},s("z-list",{role:"listbox",tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:`${this.htmlid}_list`,"aria-multiselectable":false,size:this.listSizeType(),class:{disabled:this.disabled,readonly:this.readonly,filled:!!this.selectedItem,[`input-${this.status}`]:!this.isOpen&&!!this.status}},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))}renderResetItem(){return s("z-list-element",{class:{hide:!this.selectedItem||!this.resetItem,"reset-item":true,"reset-item-margin":!this.hasGroupItems},clickable:true,disabled:false,dividerType:c.ELEMENT,role:"option",tabindex:"0","aria-selected":"false",id:`${this.htmlid}_${this.resetItem?"0":"none"}`,size:this.listSizeType(),onClickItem:()=>{this.selectedItem=null;this.searchString=null;this.emitResetSelect()},onKeyDown:e=>this.arrowsSelectNav(e,0)},s("div",{class:"reset-item-content"},s("z-icon",{name:"multiply-circled"}),s("span",null,this.resetItem)))}renderItem(e,t,i){return s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:i?c.HEADER:c.ELEMENT,role:"option",tabindex:e.disabled||!this.isOpen?-1:0,"aria-selected":e.selected?"true":"false",id:`${this.htmlid}_${t}`,size:this.listSizeType(),onClickItem:()=>this.selectItem(e,true),onKeyDown:e=>this.arrowsSelectNav(e,t)},s("span",{class:{selected:!!e.selected,"list-element-content":true},innerHTML:e.name}))}listSizeType(){if(this.size===l.SMALL||this.size===l.X_SMALL){return n.SMALL}return n.MEDIUM}renderSelectUlItems(){if(!this.itemsList.length){return this.renderNoSearchResults()}if(this.hasGroupItems){return this.renderSelectGroupItems()}return this.itemsList.map(((e,t,s)=>{const i=s.length===t+1;const l=this.resetItem?t+1:t;return this.renderItem(e,l,i)}))}renderSelectGroupItems(){const e=this.itemsList.reduce(((e,t,s,i)=>{var l;const{category:r}=t;const c=i.length===s+1;const n=this.resetItem?s+1:s;const a=this.renderItem(t,n,c);e[r]=(l=e[r])!==null&&l!==void 0?l:[];e[r].push(a);return e}),{});return Object.entries(e).map((([e,t])=>s("z-list-group",{"divider-type":c.ELEMENT},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},e),t.map((e=>e)))))}renderNoSearchResults(){return s("z-list-element",{color:"blue500",class:"no-results",size:this.listSizeType()},s("z-icon",{name:"multiply-circle",fill:"blue500"}),this.noresultslabel)}renderMessage(){if(o(this.message)===false){return}return s("z-input-message",{message:o(this.message)===true?undefined:this.message,status:this.status,class:this.size})}render(){return s("div",{key:"37f088a18c525bcbd4bde8d4798984012c23654a",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return i(this)}static get watchers(){return{items:["watchItems"]}}};f.style=z;export{f as z_select};
-//# sourceMappingURL=p-415ae4fd.entry.js.map

package/www/build/p-415ae4fd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZSelectStyle0","ZSelect","constructor","hostRef","this","itemsList","randomId","ControlSize","BIG","toggleSelectUl","bind","selectItem","handleSelectFocus","watchItems","getInitialItemsArray","selectedItem","find","item","selected","getSelectedItem","getValue","getSelectedValue","setValue","value","values","push","includes","id","emitOptionSelect","optionSelect","emit","htmlid","emitResetSelect","resetSelect","componentWillLoad","componentWillRender","filterItems","searchString","items","JSON","parse","mapSelectedItemToItemsArray","initialItemsList","map","_a","prevList","length","filter","name","toUpperCase","start","indexOf","end","newName","substring","hasAutocomplete","boolean","autocomplete","handleInputChange","e","detail","isOpen","disabled","i","arrowsSelectNav","key","showResetIcon","resetItem","arrows","KeyboardCode","ARROW_DOWN","ARROW_UP","preventDefault","stopPropagation","index","focusSelectItem","focusElem","element","querySelector","focus","selfFocusOnClose","readonly","document","addEventListener","removeEventListener","handleInputClick","cp","composedPath","clearIcon","classList","contains","KeyboardEvent","ESC","TAB","ENTER","tree","getElementTree","getClickedElement","parent","elem","nodeName","toLowerCase","MouseEvent","scrollToLetter","letter","foundItem","charAt","renderInput","h","class","placeholder","replace","label","ariaLabel","icon","hasclearicon","message","status","undefined","size","onClick","onKeyUp","keyCode","handleKeyboardSubmit","onKeyDown","onInputChange","onKeyPress","String","fromCharCode","renderSelectUl","tabindex","fixed","isfixed","role","listSizeType","filled","renderResetItem","renderSelectUlItems","hide","hasGroupItems","clickable","dividerType","ListDividerType","ELEMENT","onClickItem","renderItem","lastItem","HEADER","innerHTML","SMALL","X_SMALL","ListSize","MEDIUM","renderNoSearchResults","renderSelectGroupItems","array","itemKey","newData","reduce","group","category","zListItem","Object","entries","slot","color","fill","noresultslabel","renderMessage","render"],"sources":["src/components/inputs/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/inputs/z-select/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: inherit;\n  color: var(--color-text02);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n  font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n  width: 100%;\n}\n\n.select-wrapper > div {\n  position: relative;\n}\n\n.select-wrapper > div.closed {\n  overflow: hidden;\n  height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n  position: absolute;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n  border: var(--border-size-small) solid var(--gray200);\n  border-top: none;\n  background: var(--color-surface01);\n  outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n  z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n  z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n  position: static;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n  position: relative;\n  overflow: auto;\n  max-height: 240px;\n  padding: calc(var(--space-unit) * 0.5);\n  outline: none;\n\n  /* Firefox scrollbar */\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-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.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n  border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content {\n  display: block;\n  padding: calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 1.5);\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content {\n  padding: 0 calc(var(--space-unit) * 1.5);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content.selected {\n  font-weight: bold;\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n  margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n  color: var(--gray800);\n}\n\n.reset-item {\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\n.reset-item-content {\n  display: flex;\n  align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n  margin-left: calc(var(--space-unit));\n}\n\n.reset-item .reset-item-content > z-icon {\n  margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n  display: none;\n}\n","import {Component, Prop, State, h, Event, EventEmitter, Watch, Element, Method} from \"@stencil/core\";\nimport {SelectItem, ListDividerType, KeyboardCode, InputStatus, ControlSize, ListSize} from \"../../../beans\";\nimport {randomId, handleKeyboardSubmit, getClickedElement, getElementTree, boolean} from \"../../../utils/utils\";\n\n@Component({\n  tag: \"z-select\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSelect {\n  @Element() element: HTMLZSelectElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** the input select options */\n  @Prop()\n  items: SelectItem[] | string;\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 is disabled */\n  @Prop()\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: 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) */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional) - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input has autocomplete option */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** */\n  @Prop()\n  hasGroupItems?: boolean;\n\n  /** When fixed, it occupies space and pushes down next elements. */\n  @Prop()\n  isfixed?: boolean = false;\n\n  /** */\n  @Prop()\n  resetItem?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  selectedItem: null | SelectItem = null;\n\n  @State()\n  searchString: null | string;\n\n  private itemsList: SelectItem[] = [];\n\n  constructor() {\n    this.toggleSelectUl = this.toggleSelectUl.bind(this);\n    this.selectItem = this.selectItem.bind(this);\n    this.handleSelectFocus = this.handleSelectFocus.bind(this);\n  }\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = this.getInitialItemsArray();\n    this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n  }\n\n  /** get the input selected options */\n  @Method()\n  async getSelectedItem(): Promise<SelectItem> {\n    return this.selectedItem;\n  }\n\n  /** get the input value */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.getSelectedValue();\n  }\n\n  /** set the input value */\n  @Method()\n  async setValue(value: string | string[]): Promise<void> {\n    let values: string[] = [];\n    if (typeof value === \"string\") {\n      values.push(value);\n    } else {\n      values = value;\n    }\n\n    this.selectedItem = this.itemsList.find((item: SelectItem) => values.includes(item.id));\n  }\n\n  /** Emitted on select option selection, returns select id, selected item id */\n  @Event()\n  optionSelect: EventEmitter;\n\n  private emitOptionSelect(): void {\n    this.optionSelect.emit({\n      id: this.htmlid,\n      selected: this.getSelectedValue(),\n    });\n  }\n\n  /** Emitted on reset selected item, returns select id, selected item id */\n  @Event()\n  resetSelect: EventEmitter;\n\n  private emitResetSelect(): void {\n    this.resetSelect.emit({\n      id: this.htmlid,\n    });\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.filterItems(this.searchString);\n  }\n\n  private getInitialItemsArray(): SelectItem[] {\n    return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n  }\n\n  private mapSelectedItemToItemsArray(): SelectItem[] {\n    const initialItemsList = this.getInitialItemsArray();\n\n    return initialItemsList.map((item: SelectItem) => {\n      item.selected = item.id === this.selectedItem?.id;\n\n      return item;\n    });\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private filterItems(searchString: string): void {\n    const prevList = this.mapSelectedItemToItemsArray();\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n    } else {\n      this.itemsList = prevList\n        .filter((item: SelectItem) => {\n          return item.name.toUpperCase().includes(searchString.toUpperCase());\n        })\n        .map((item: SelectItem) => {\n          const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());\n          const end = start + searchString.length;\n          const newName =\n            item.name.substring(0, start) +\n            `<strong>${item.name.substring(start, end)}</strong>` +\n            item.name.substring(end, item.name.length);\n          item.name = newName;\n\n          return item;\n        });\n    }\n  }\n\n  private hasAutocomplete(): boolean {\n    return boolean(this.autocomplete) === true;\n  }\n\n  private handleInputChange(e: CustomEvent): void {\n    this.searchString = e.detail.value;\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n  }\n\n  private selectItem(item: null | SelectItem, selected: boolean): void {\n    if (item && item.disabled) {\n      return;\n    }\n\n    this.itemsList = this.mapSelectedItemToItemsArray();\n    this.itemsList = this.itemsList.map((i: SelectItem) => {\n      i.selected = false;\n      if (i.id === item?.id) {\n        i.selected = selected;\n      }\n\n      return i;\n    });\n\n    this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n\n    this.emitOptionSelect();\n\n    if (this.searchString) {\n      this.searchString = null;\n    }\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent, key: number): void {\n    const showResetIcon = this.resetItem && !!this.selectedItem;\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n    if (!arrows.includes(e.key as KeyboardCode)) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n\n    let index: number;\n\n    if (this.resetItem) {\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;\n      } else if (e.key === KeyboardCode.ARROW_UP) {\n        index = key <= +!showResetIcon ? this.itemsList.length : key - 1;\n      }\n    }\n\n    if (!this.resetItem) {\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        index = key + 1 === this.itemsList.length ? 0 : key + 1;\n      } else if (e.key === KeyboardCode.ARROW_UP) {\n        index = key <= 0 ? this.itemsList.length - 1 : key - 1;\n      }\n    }\n\n    this.focusSelectItem(index);\n  }\n\n  private focusSelectItem(index: number): void {\n    const focusElem: HTMLLIElement = this.element.querySelector(`#${this.htmlid}_${index}`);\n    if (focusElem) {\n      focusElem.focus();\n    }\n  }\n\n  private toggleSelectUl(selfFocusOnClose = false): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      document.addEventListener(\"click\", this.handleSelectFocus);\n      document.addEventListener(\"keyup\", this.handleSelectFocus);\n    } else {\n      document.removeEventListener(\"click\", this.handleSelectFocus);\n      document.removeEventListener(\"keyup\", this.handleSelectFocus);\n      if (selfFocusOnClose) {\n        (this.element.querySelector(`#${this.htmlid}_input`) as HTMLInputElement).focus();\n      }\n    }\n\n    this.isOpen = !this.isOpen;\n  }\n\n  private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n    const cp = e.composedPath();\n    const clearIcon = cp.find((item: HTMLElement) => item.classList && item.classList.contains(\"reset-icon\"));\n    if (clearIcon) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    this.toggleSelectUl();\n  }\n\n  private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n    if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n\n      return this.toggleSelectUl(true);\n    }\n\n    if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB && e.key !== KeyboardCode.ENTER) {\n      return;\n    }\n\n    const tree = getElementTree(getClickedElement());\n    const parent = tree.find((elem: HTMLElement) => {\n      return elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`;\n    });\n\n    if (!parent) {\n      this.toggleSelectUl(e instanceof MouseEvent ? true : false);\n    }\n  }\n\n  private scrollToLetter(letter: string): void {\n    const foundItem = this.itemsList.find((item: SelectItem) => item.name.charAt(0) === letter);\n    if (foundItem) {\n      this.focusSelectItem(this.itemsList.indexOf(foundItem));\n    }\n  }\n\n  private renderInput(): HTMLZInputElement {\n    return (\n      <z-input\n        class={{\n          \"active-select\": this.isOpen,\n          \"cursor-select\": !this.autocomplete,\n        }}\n        id={`${this.htmlid}_input`}\n        htmlid={`${this.htmlid}_select_input`}\n        placeholder={this.placeholder}\n        value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n        label={this.label}\n        aria-label={this.ariaLabel}\n        icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n        hasclearicon={this.hasAutocomplete()}\n        message={false}\n        disabled={this.disabled}\n        readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n        status={this.isOpen ? undefined : this.status}\n        autocomplete=\"off\"\n        size={this.size}\n        onClick={(e: MouseEvent) => {\n          this.handleInputClick(e);\n        }}\n        onKeyUp={(e: KeyboardEvent) => {\n          if (e.keyCode !== 13) {\n            e.preventDefault();\n          }\n          handleKeyboardSubmit(e, this.toggleSelectUl);\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          return this.arrowsSelectNav(\n            e,\n            this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1\n          );\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.handleInputChange(e);\n        }}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(String.fromCharCode(e.keyCode));\n          }\n        }}\n      />\n    );\n  }\n\n  private renderSelectUl(): HTMLDivElement {\n    return (\n      <div\n        class={this.isOpen ? \"open\" : \"closed\"}\n        tabindex=\"-1\"\n        aria-hidden={this.isOpen ? \"false\" : \"true\"}\n      >\n        <div\n          class={{\n            \"ul-scroll-wrapper\": true,\n            \"fixed\": this.isfixed,\n          }}\n          tabindex=\"-1\"\n        >\n          <z-list\n            role=\"listbox\"\n            tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n            id={`${this.htmlid}_list`}\n            aria-multiselectable={false}\n            size={this.listSizeType()}\n            class={{\n              disabled: this.disabled,\n              readonly: this.readonly,\n              filled: !!this.selectedItem,\n              [`input-${this.status}`]: !this.isOpen && !!this.status,\n            }}\n          >\n            {this.resetItem && this.renderResetItem()}\n            {this.renderSelectUlItems()}\n          </z-list>\n        </div>\n      </div>\n    );\n  }\n\n  private renderResetItem(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class={{\n          \"hide\": !this.selectedItem || !this.resetItem,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex=\"0\"\n        aria-selected=\"false\"\n        id={`${this.htmlid}_${this.resetItem ? \"0\" : \"none\"}`}\n        size={this.listSizeType()}\n        onClickItem={() => {\n          this.selectedItem = null;\n          this.searchString = null;\n          this.emitResetSelect();\n        }}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, 0)}\n      >\n        <div class=\"reset-item-content\">\n          <z-icon name=\"multiply-circled\" />\n          <span>{this.resetItem}</span>\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private renderItem(item: SelectItem, key: number, lastItem: boolean): HTMLZListElementElement {\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex={item.disabled || !this.isOpen ? -1 : 0}\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        id={`${this.htmlid}_${key}`}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item, true)}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, key)}\n      >\n        <span\n          class={{\n            \"selected\": !!item.selected,\n            \"list-element-content\": true,\n          }}\n          innerHTML={item.name}\n        />\n      </z-list-element>\n    );\n  }\n\n  private listSizeType(): ListSize {\n    if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n      return ListSize.SMALL;\n    }\n\n    return ListSize.MEDIUM;\n  }\n\n  private renderSelectUlItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n    if (!this.itemsList.length) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasGroupItems) {\n      return this.renderSelectGroupItems();\n    }\n\n    return this.itemsList.map((item: SelectItem, key, array) => {\n      const lastItem = array.length === key + 1;\n      const itemKey = this.resetItem ? key + 1 : key;\n\n      return this.renderItem(item, itemKey, lastItem);\n    });\n  }\n\n  private renderSelectGroupItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n    const newData = this.itemsList.reduce((group, item, index, array) => {\n      const {category} = item;\n      const lastItem = array.length === index + 1;\n      const itemKey = this.resetItem ? index + 1 : index;\n      const zListItem = this.renderItem(item, itemKey, lastItem);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    return Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {value.map((item) => item)}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderNoSearchResults(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        color=\"blue500\"\n        class=\"no-results\"\n        size={this.listSizeType()}\n      >\n        <z-icon\n          name=\"multiply-circle\"\n          fill=\"blue500\"\n        />\n        {this.noresultslabel}\n      </z-list-element>\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  render(): HTMLDivElement {\n    return (\n      <div class=\"select-wrapper\">\n        {this.renderInput()}\n        {this.renderSelectUl()}\n        {this.renderMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}