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

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

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

package/dist/web-components-library/p-c01850b7.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js"],(function(t){"use strict";var i,o,n;return{setters:[function(t){i=t.r;o=t.c;n=t.h}],execute:function(){var r=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:-ms-flexbox;display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}";var a=r;var e=t("z_info_box",function(){function t(t){i(this,t);this.infoBoxClose=o(this,"infoBoxClose",7);this.boxid=undefined;this.isclosable=true}t.prototype.emitInfoBoxClose=function(){this.infoBoxClose.emit({boxid:this.boxid})};t.prototype.render=function(){var t=this;return n("div",{key:"52cbca4a972a1fb53f65bf86428ee23f8933b616",id:this.boxid},n("slot",{key:"3b83aa34338ceb6c11f74a316bf50dd77bd0c662",name:"content"}),this.isclosable&&n("z-icon",{key:"2b3f8bbb5ce69105bddac3253047199028f4e2c0",name:"multiply","data-action":"infoBoxClose",onClick:function(){return t.emitInfoBoxClose()}}))};return t}());e.style=a}}}));
+//# sourceMappingURL=p-c01850b7.system.entry.js.map

package/dist/web-components-library/p-c01850b7.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInfoBoxStyle0","ZInfoBox","exports","class_1","prototype","emitInfoBoxClose","this","infoBoxClose","emit","boxid","render","_this","h","key","id","name","isclosable","onClick"],"sources":["src/components/z-info-box/styles.css?tag=z-info-box&encapsulation=shadow","src/components/z-info-box/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  padding: calc(var(--space-unit) * 2);\n  background: var(--color-primary03);\n  border-radius: var(--border-radius);\n}\n\n:host > div > slot {\n  color: var(--color-default-text);\n  font-size: 14px;\n}\n\n:host > div > z-icon {\n  margin-left: calc(var(--space-unit) * 2);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n/**\n * @slot content - set the info box content\n */\n@Component({\n  tag: \"z-info-box\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoBox {\n  /** info box unique id */\n  @Prop()\n  boxid: string;\n\n  /** render close icon flag */\n  @Prop()\n  isclosable = true;\n\n  /** emitted on close icon click */\n  @Event()\n  infoBoxClose: EventEmitter;\n\n  private emitInfoBoxClose(): void {\n    this.infoBoxClose.emit({boxid: this.boxid});\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div id={this.boxid}>\n        <slot name=\"content\" />\n        {this.isclosable && (\n          <z-icon\n            name=\"multiply\"\n            data-action=\"infoBoxClose\"\n            onClick={() => this.emitInfoBoxClose()}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAY,4YAClB,IAAAC,EAAeD,E,ICSFE,EAAQC,EAAA,wB,wGAON,I,CAMLC,EAAAC,UAAAC,iBAAA,WACNC,KAAKC,aAAaC,KAAK,CAACC,MAAOH,KAAKG,O,EAGtCN,EAAAC,UAAAM,OAAA,eAAAC,EAAAL,KACE,OACEM,EAAA,OAAAC,IAAA,2CAAKC,GAAIR,KAAKG,OACZG,EAAA,QAAAC,IAAA,2CAAME,KAAK,YACVT,KAAKU,YACJJ,EAAA,UAAAC,IAAA,2CACEE,KAAK,WAAU,cACH,eACZE,QAAS,WAAM,OAAAN,EAAKN,kBAAL,I,WAzBN,I","ignoreList":[]}

package/dist/web-components-library/p-c2829bd8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,a as i,g as o}from"./p-cc3c02fe.js";import{y as s,D as r}from"./p-025f494e.js";const a=':host{--z-section-title--divider-color:var(--red500);display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){-webkit-box-sizing:border-box;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 n=a;const d=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:"aae886e9941d8767af39a351671a7aaaf844176a"},e("slot",{key:"08a1466c1d96e8f2dc754d3566bc2567bfd26dfd",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.BEFORE&&e("z-divider",{key:"ab9e30f7c179c37482d84db65729a3fa78fd9e06",size:r.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"4cad003315cf3df2e0dd6a7391035fd8e056e8b0",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.AFTER&&e("z-divider",{key:"6e99ca4877aba8c76e4484be6fced23aa5b8e165",size:r.LARGE,color:"z-section-title--divider-color"}))}get host(){return o(this)}};d.style=n;export{d as z_section_title};
+//# sourceMappingURL=p-c2829bd8.entry.js.map

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

@@ -0,0 +1 @@
+{"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,s8BAClB,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,aAAAE,IAAA,2CACEG,KAAMC,EAAYC,MAClBC,MAAM,mCAGVR,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACTR,KAAKC,mBAAqBD,KAAKS,kBAAoBZ,EAA6BiB,OAChFT,EAAA,aAAAE,IAAA,2CACEG,KAAMC,EAAYC,MAClBC,MAAM,mC","ignoreList":[]}

package/dist/web-components-library/p-c306910e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as r}from"./p-cc3c02fe.js";import{o as a}from"./p-025f494e.js";const i=":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;-ms-flex-align:center;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.add-alert{background:var(--color-success-inverse)}:host div.remove-alert{background:var(--color-warning-inverse)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";const s=i;const n=class{constructor(r){e(this,r);this.undoAction=t(this,"undoAction",7);this.iconname=undefined;this.contenttext=undefined;this.actiontext=undefined;this.type=undefined}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){if(e.keyCode==32||e.keyCode==13){e.preventDefault();this.emitUndoAction()}}handleActionButtonClick(e){e.preventDefault();this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e="";break}return e}getAlertType(){switch(this.type){case"add":return a.SUCCESS;case"remove":return a.WARNING;default:return null}}render(){return r("div",{key:"ee3f657b10628aa1d8b655fbad1f7f2d55d0cfcc",class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{key:"f90c4944719e9d9842a159727be73e7d877aca9a",type:this.getAlertType()},r("div",{key:"414b27076e7e807f79987b8d1bf57724ff7aba21",class:"relative-container"},r("z-icon",{key:"4a17b0046552751eb1b4f78b666038a34950f669",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{key:"dc7059e99b1cb56c47f0ce112f2dcabf0cdafb47",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{key:"fe84b58a497310f2936b14fd06808717a572feb5",role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};n.style=s;export{n as z_myz_card_alert};
+//# sourceMappingURL=p-c306910e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardAlertStyle0","ZMyzCardAlert","emitUndoAction","this","undoAction","emit","actionType","type","handleSpaceKeyPress","e","keyCode","preventDefault","handleActionButtonClick","retrieveClass","className","getAlertType","AlertType","SUCCESS","WARNING","render","h","key","class","name","iconname","width","height","contenttext","actiontext","trim","length","role","tabindex","onClick","onKeyPress"],"sources":["src/snowflakes/myz/card/z-myz-card-alert/styles.css?tag=z-myz-card-alert&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-alert/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-alert {\n  height: calc(var(--space-unit) * 6);\n}\n\n.relative-container {\n  position: relative;\n  display: grid;\n  align-items: center;\n  padding: 0;\n  grid-column-gap: var(--space-unit);\n  grid-template-columns: 18px auto 46px;\n  grid-template-rows: 1fr;\n  outline: none;\n}\n\n.relative-container::-moz-focus-inner {\n  border: 0;\n}\n\n.alert-external-wrapper.remove-alert {\n  border: var(--border-size-medium) solid var(--color-surface02);\n  border-top: none;\n}\n\n:host div.add-alert {\n  background: var(--color-success-inverse);\n}\n\n:host div.remove-alert {\n  background: var(--color-warning-inverse);\n}\n\n:host div > .content-text {\n  color: var(--color-surface05);\n  font-size: 14px;\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n:host div > .content-action {\n  height: 20px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 20px;\n}\n\n:host div > z-icon {\n  justify-self: center;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardAlert {\n  /** icon name */\n  @Prop()\n  iconname: string;\n\n  /** content text */\n  @Prop()\n  contenttext: string;\n\n  /** action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** alert variant type */\n  @Prop()\n  type: string;\n\n  /** undo action click/keyboard event, returns actionType */\n  @Event()\n  undoAction: EventEmitter;\n\n  private emitUndoAction(): void {\n    this.undoAction.emit({actionType: this.type});\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      this.emitUndoAction();\n    }\n  }\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.emitUndoAction();\n  }\n\n  private retrieveClass(): string {\n    let className = \"\";\n    switch (this.type) {\n      case \"add\":\n        className = \"add-alert\";\n        break;\n      case \"remove\":\n        className = \"remove-alert\";\n        break;\n      default:\n        className = \"\";\n        break;\n    }\n\n    return className;\n  }\n\n  private getAlertType(): AlertType {\n    switch (this.type) {\n      case \"add\":\n        return AlertType.SUCCESS;\n      case \"remove\":\n        return AlertType.WARNING;\n      default:\n        return null;\n    }\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={\"alert-external-wrapper \" + this.retrieveClass()}>\n        <z-alert type={this.getAlertType()}>\n          <div class=\"relative-container\">\n            <z-icon\n              name={this.iconname}\n              width={18}\n              height={18}\n              class={this.retrieveClass()}\n            ></z-icon>\n            <span class=\"content-text\">{this.contenttext}</span>\n            {this.actiontext && !!this.actiontext.trim().length && (\n              <span\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"content-action\"\n                onClick={(e: MouseEvent) => {\n                  this.handleActionButtonClick(e);\n                }}\n                onKeyPress={(e: KeyboardEvent) => {\n                  this.handleSpaceKeyPress(e);\n                }}\n              >\n                {this.actiontext}\n              </span>\n            )}\n          </div>\n        </z-alert>\n      </div>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,88BAClB,MAAAC,EAAeD,E,MCOFE,EAAa,M,iKAqBhB,cAAAC,GACNC,KAAKC,WAAWC,KAAK,CAACC,WAAYH,KAAKI,M,CAGjC,mBAAAC,CAAoBC,GAC1B,GAAIA,EAAEC,SAAW,IAAMD,EAAEC,SAAW,GAAI,CACtCD,EAAEE,iBACFR,KAAKD,gB,EAID,uBAAAU,CAAwBH,GAC9BA,EAAEE,iBACFR,KAAKD,gB,CAGC,aAAAW,GACN,IAAIC,EAAY,GAChB,OAAQX,KAAKI,MACX,IAAK,MACHO,EAAY,YACZ,MACF,IAAK,SACHA,EAAY,eACZ,MACF,QACEA,EAAY,GACZ,MAGJ,OAAOA,C,CAGD,YAAAC,GACN,OAAQZ,KAAKI,MACX,IAAK,MACH,OAAOS,EAAUC,QACnB,IAAK,SACH,OAAOD,EAAUE,QACnB,QACE,OAAO,K,CAIb,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,0BAA4BnB,KAAKU,iBAC3CO,EAAA,WAAAC,IAAA,2CAASd,KAAMJ,KAAKY,gBAClBK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACTF,EAAA,UAAAC,IAAA,2CACEE,KAAMpB,KAAKqB,SACXC,MAAO,GACPC,OAAQ,GACRJ,MAAOnB,KAAKU,kBAEdO,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAgBnB,KAAKwB,aAChCxB,KAAKyB,cAAgBzB,KAAKyB,WAAWC,OAAOC,QAC3CV,EAAA,QAAAC,IAAA,2CACEU,KAAK,SACLC,SAAS,IACTV,MAAM,iBACNW,QAAUxB,IACRN,KAAKS,wBAAwBH,EAAE,EAEjCyB,WAAazB,IACXN,KAAKK,oBAAoBC,EAAE,GAG5BN,KAAKyB,c","ignoreList":[]}

package/dist/web-components-library/p-c36770b4.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js","./p-ad6b3f77.system.js"],(function(e){"use strict";var i,t,f,n,s,c,o,a;return{setters:[function(e){i=e.r;t=e.c;f=e.h;n=e.a;s=e.g},function(e){c=e.x;o=e.P},function(e){a=e.t}],execute:function(){var r=".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";var h=r;var l=e("z_file",function(){function e(e){i(this,e);this.removeFile=t(this,"removeFile",7);this.fileNumber=undefined;this.fileName=undefined;this.allowPopover=false;this.popoverVisible=false}e.prototype.removeFileHandler=function(){this.removeFile.emit({fileName:this.fileName});this.el.remove()};e.prototype.onMouseOver=function(){this.popoverVisible=true};e.prototype.onMouseLeave=function(){this.popoverVisible=false};e.prototype.onInteractiveIconClick=function(){this.removeFileHandler()};e.prototype.componentDidLoad=function(){var e,i;if(this.elementHasEllipsis()&&window.innerWidth>a){this.allowPopover=true}(i=(e=this.icon)===null||e===void 0?void 0:e.focus)===null||i===void 0?void 0:i.call(e)};e.prototype.elementHasEllipsis=function(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth};e.prototype.render=function(){var e=this;return f(n,{key:"03c2efd6f2abf7ba920eb9ac47f268ade6ec1404"},this.allowPopover&&f("z-popover",{key:"f916e0f4aed0a9c7d2a8ff59ee0a073baff02ad5",open:this.popoverVisible,position:o.AUTO,bindTo:this.chip},f("span",{key:"1f364c21b8bd45ff52c23a40df45ee1684271122",class:"body-5 tooltip-content"},this.ellipsis.innerText)),f("z-chip",{key:"0c69ec654a4fb7f251bdd904ffec476c911e545a",ref:function(i){return e.chip=i},id:"chip-".concat(this.fileNumber),interactiveIcon:"multiply-circled",type:c.DEFAULT},f("span",{key:"b71ea54ee7156bfb324f7d5f2fa71d9b50c167bf",ref:function(i){return e.ellipsis=i},tabIndex:-1},this.fileName)))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());l.style=h}}}));
+//# sourceMappingURL=p-c36770b4.system.entry.js.map

package/dist/web-components-library/p-c36770b4.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZFileStyle0","ZFile","exports","class_1","prototype","removeFileHandler","this","removeFile","emit","fileName","el","remove","onMouseOver","popoverVisible","onMouseLeave","onInteractiveIconClick","componentDidLoad","elementHasEllipsis","window","innerWidth","tabletBreakpoint","allowPopover","_b","_a","icon","focus","call","ellipsis","offsetWidth","scrollWidth","render","_this","h","Host","key","open","position","PopoverPosition","AUTO","bindTo","chip","class","innerText","ref","id","concat","fileNumber","interactiveIcon","type","ZChipType","DEFAULT","tabIndex"],"sources":["src/components/file-upload/z-file/styles.css?tag=z-file&encapsulation=scoped","src/components/file-upload/z-file/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-popover {\n  z-index: 10;\n}\n\n:host > z-popover > .tooltip-content {\n  white-space: nowrap;\n}\n\n:host > z-chip span {\n  display: block;\n  overflow: hidden;\n  max-width: 250px;\n  letter-spacing: 0.32px;\n  line-height: 1.33;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {PopoverPosition, ZChipType} from \"../../../beans\";\nimport {tabletBreakpoint} from \"../../../constants/breakpoints\";\n\n@Component({\n  tag: \"z-file\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZFile {\n  private icon: HTMLElement;\n\n  private ellipsis?: HTMLSpanElement;\n\n  private chip?: HTMLZChipElement;\n\n  /** File chip id */\n  @Prop()\n  fileNumber: number;\n\n  /** File name */\n  @Prop()\n  fileName: string;\n\n  @State()\n  allowPopover = false;\n\n  @State()\n  popoverVisible = false;\n\n  @Element() el: HTMLZFileElement;\n\n  /** Emitted when a z-file component is removed from the DOM */\n  @Event()\n  removeFile: EventEmitter;\n\n  private removeFileHandler(): void {\n    this.removeFile.emit({fileName: this.fileName});\n    this.el.remove();\n  }\n\n  @Listen(\"mouseover\")\n  onMouseOver(): void {\n    this.popoverVisible = true;\n  }\n\n  @Listen(\"mouseleave\")\n  onMouseLeave(): void {\n    this.popoverVisible = false;\n  }\n\n  @Listen(\"interactiveIconClick\")\n  onInteractiveIconClick(): void {\n    this.removeFileHandler();\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {\n      this.allowPopover = true;\n    }\n\n    this.icon?.focus?.();\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  render(): HTMLZFileElement {\n    return (\n      <Host>\n        {this.allowPopover && (\n          <z-popover\n            open={this.popoverVisible}\n            position={PopoverPosition.AUTO}\n            bindTo={this.chip}\n          >\n            <span class=\"body-5 tooltip-content\">{this.ellipsis.innerText}</span>\n          </z-popover>\n        )}\n        <z-chip\n          ref={(el) => (this.chip = el as HTMLZChipElement)}\n          id={`chip-${this.fileNumber}`}\n          interactiveIcon=\"multiply-circled\"\n          type={ZChipType.DEFAULT}\n        >\n          <span\n            ref={(el) => (this.ellipsis = el as HTMLSpanElement)}\n            tabIndex={-1}\n          >\n            {this.fileName}\n          </span>\n        </z-chip>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sQAAA,IAAMA,EAAY,wYAClB,IAAAC,EAAeD,E,ICSFE,EAAKC,EAAA,oB,mIAgBD,M,oBAGE,K,CAQTC,EAAAC,UAAAC,kBAAA,WACNC,KAAKC,WAAWC,KAAK,CAACC,SAAUH,KAAKG,WACrCH,KAAKI,GAAGC,Q,EAIVR,EAAAC,UAAAQ,YAAA,WACEN,KAAKO,eAAiB,I,EAIxBV,EAAAC,UAAAU,aAAA,WACER,KAAKO,eAAiB,K,EAIxBV,EAAAC,UAAAW,uBAAA,WACET,KAAKD,mB,EAGPF,EAAAC,UAAAY,iBAAA,W,QACE,GAAIV,KAAKW,sBAAwBC,OAAOC,WAAaC,EAAkB,CACrEd,KAAKe,aAAe,I,EAGtBC,GAAAC,EAAAjB,KAAKkB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,SAAK,MAAAH,SAAA,SAAAA,EAAAI,KAAAH,E,EAGVpB,EAAAC,UAAAa,mBAAA,WACN,OAAOX,KAAKqB,SAASC,YAActB,KAAKqB,SAASE,W,EAGnD1B,EAAAC,UAAA0B,OAAA,eAAAC,EAAAzB,KACE,OACE0B,EAACC,EAAI,CAAAC,IAAA,4CACF5B,KAAKe,cACJW,EAAA,aAAAE,IAAA,2CACEC,KAAM7B,KAAKO,eACXuB,SAAUC,EAAgBC,KAC1BC,OAAQjC,KAAKkC,MAEbR,EAAA,QAAAE,IAAA,2CAAMO,MAAM,0BAA0BnC,KAAKqB,SAASe,YAGxDV,EAAA,UAAAE,IAAA,2CACES,IAAK,SAACjC,GAAE,OAAMqB,EAAKS,KAAO9B,CAAlB,EACRkC,GAAI,QAAAC,OAAQvC,KAAKwC,YACjBC,gBAAgB,mBAChBC,KAAMC,EAAUC,SAEhBlB,EAAA,QAAAE,IAAA,2CACES,IAAK,SAACjC,GAAE,OAAMqB,EAAKJ,SAAWjB,CAAtB,EACRyC,UAAW,GAEV7C,KAAKG,W,uHAjFA,I","ignoreList":[]}

package/dist/web-components-library/p-c3845d8f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as n,a as o,g as i}from"./p-cc3c02fe.js";const a=':host,::slotted(*),*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){-webkit-box-shadow:none !important;box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-secondary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:-ms-inline-flexbox;display:inline-flex;width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;-o-object-fit:contain;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-secondary01);font-weight:var(--font-bd)}';const s=a;const l=class{toggle(){if(!this.hasContent){return}this.open=!this.open;this.open?this.opened.emit():this.closed.emit()}handleClick(e){if(!this.floating||!this.open||this.hostElement.contains(e.target)){return}this.reflow();this.open=false;this.closed.emit()}onOpenChanged(){if(this.open){this.reflow(true)}else{cancelAnimationFrame(this.raf)}}constructor(n){e(this,n);this.opened=t(this,"opened",7);this.closed=t(this,"closed",7);this.active=undefined;this.floating=false;this.open=false;this.verticalContext=false;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onItemsChange=this.onItemsChange.bind(this)}componentWillLoad(){this.checkContent()}onLabelSlotChange(e){const t=e.target.assignedElements()[0];t.dataset.text=t===null||t===void 0?void 0:t.textContent}reflow(e=false){if(this.content){const{style:e}=this.content;const{left:t}=this.hostElement.getBoundingClientRect();const n=getComputedStyle(this.content).width;const o=n?parseFloat(n.replace("px","")):375;const i=30;e.left=`${Math.min(window.innerWidth-t-o-i,0)}px`}if(e){this.raf=requestAnimationFrame(this.reflow.bind(this,e))}}checkContent(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length;this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader}onItemsChange(){this.checkContent();const e=this.hostElement.querySelectorAll("[slot=item]");e.forEach((e=>{e.setAttribute("role","menuitem");e.dataset.text=e.textContent}))}renderMenuLabel(){if(this.hasContent){return n("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},n("div",{class:"menu-label-content"},n("slot",{onSlotchange:this.onLabelSlotChange}),n("z-icon",{name:this.open?"chevron-up":"chevron-down"})))}return n("div",{class:"menu-label"},n("div",{class:"menu-label-content"},n("slot",{onSlotchange:this.onLabelSlotChange})))}render(){return n(o,{key:"675f13eb3d814743037d5e791afd82d8737ba57d"},this.renderMenuLabel(),this.hasContent&&n("div",{key:"50ef2a4dbf031fa211bc818b7704d46acbe63446",class:"content",ref:e=>this.content=e},this.hasHeader&&n("header",{key:"9ed7520b00334a598c7664e0ccb1c4f8bfe3b858",class:"header"},n("slot",{key:"6a41d2d5802d54bf192fd7f03586df1c933a7877",name:"header",onSlotchange:this.checkContent})),n("div",{key:"7aa4c1c061559caac915866d1ae2acfe02dc3a8a",class:"items",role:"menu"},n("slot",{key:"8494b984ad295b61d2cad61a25571220e74b8dff",name:"item",onSlotchange:this.onItemsChange}))))}get hostElement(){return i(this)}static get watchers(){return{open:["onOpenChanged"]}}};l.style=s;export{l as z_menu};
+//# sourceMappingURL=p-c3845d8f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMenuStyle0","ZMenu","toggle","this","hasContent","open","opened","emit","closed","handleClick","ev","floating","hostElement","contains","target","reflow","onOpenChanged","cancelAnimationFrame","raf","constructor","hostRef","bind","checkContent","onLabelSlotChange","onItemsChange","componentWillLoad","labelElement","assignedElements","dataset","text","textContent","live","content","style","left","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","Math","min","window","innerWidth","requestAnimationFrame","hasHeader","querySelectorAll","length","items","forEach","item","setAttribute","renderMenuLabel","h","class","onClick","onSlotchange","name","render","Host","key","ref","el","role"],"sources":["src/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","src/components/z-menu/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n\n  --z-menu-label-color: var(--color-default-text);\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  outline: none;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-within {\n  z-index: 1;\n  padding-right: calc(var(--space-unit) * 0.5);\n  padding-left: calc(var(--space-unit) * 0.5);\n  margin-right: calc(var(--space-unit) * -0.5);\n  margin-left: calc(var(--space-unit) * -0.5);\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.menu-label .menu-label-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n:host(:is([active], [open])) .menu-label-content,\n.menu-label:focus-within .menu-label-content {\n  font-weight: var(--font-bd);\n}\n\n:host(:is([active], [open])) .menu-label-content ::slotted(*),\n.menu-label:focus-within .menu-label-content ::slotted(*) {\n  letter-spacing: normal;\n}\n\n:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible) {\n  box-shadow: none !important;\n}\n\n/* border */\n:host(:is([active], [open], [vertical-context])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  content: \"\";\n  pointer-events: none;\n}\n\n:host([vertical-context]) .menu-label-content::after {\n  height: var(--border-size-small);\n  background-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  height: var(--border-size-large);\n  background-color: var(--color-secondary01);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.menu-label .menu-label-content ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-5);\n  font-weight: inherit;\n  letter-spacing: 0.36px; /* increasing the letter spacing of the regular text helps reduce the size difference between regular and bold text */\n  line-height: 1.2;\n  outline: none;\n}\n\n.menu-label .menu-label-content ::slotted(*),\n.menu-label .menu-label-content z-icon {\n  padding: var(--space-unit) 0;\n}\n\n.menu-label .menu-label-content z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: currentcolor;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active) {\n  border-color: var(--color-secondary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\n@Component({\n  tag: \"z-menu\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenu {\n  @Element() hostElement: HTMLZMenuElement;\n\n  /** Flag to set the active status of the menu. */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  /**\n   * Flag to set the display mode of the list.\n   * If true, the list will be absolutely positioned under the menu label,\n   * stacked beneath it otherwise.\n   */\n  @Prop({reflect: true})\n  floating? = false;\n\n  /** The opening state of the menu. */\n  @Prop({mutable: true, reflect: true})\n  open = false;\n\n  /**\n   * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\n   * A small border is placed under it as a separator from other elements.\n   */\n  @Prop({reflect: true})\n  verticalContext = false;\n\n  @State()\n  hasHeader: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  private content: HTMLElement;\n\n  /** Animation frame request id. */\n  private raf: number;\n\n  /** The menu has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The menu has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    this.open ? this.opened.emit() : this.closed.emit();\n  }\n\n  /** Close the floating list when a click is performed outside of this Element. */\n  @Listen(\"click\", {target: \"document\"})\n  handleClick(ev: MouseEvent): void {\n    if (!this.floating || !this.open || this.hostElement.contains(ev.target as Element)) {\n      return;\n    }\n\n    this.reflow();\n    this.open = false;\n    this.closed.emit();\n  }\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (this.open) {\n      this.reflow(true);\n    } else {\n      cancelAnimationFrame(this.raf);\n    }\n  }\n\n  constructor() {\n    this.toggle = this.toggle.bind(this);\n    this.checkContent = this.checkContent.bind(this);\n    this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n    this.onItemsChange = this.onItemsChange.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.checkContent();\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.textContent;\n  }\n\n  /**\n   * Correctly set position of the floating menu in order to prevent overflow.\n   * @param live Should run the method on every refresh frame.\n   */\n  private reflow(live = false): void {\n    if (this.content) {\n      const {style} = this.content;\n      const {left} = this.hostElement.getBoundingClientRect();\n      const widthPx = getComputedStyle(this.content).width;\n      const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n      const safeScrollbarSpace = 30;\n      style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n    }\n    if (live) {\n      this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n    }\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasHeader = !!this.hostElement.querySelectorAll(\"[slot=header]\").length;\n    this.hasContent = !!this.hostElement.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n  }\n\n  /**\n   * Set `menuitem` role to all menu items.\n   * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).\n   */\n  private onItemsChange(): void {\n    this.checkContent();\n    const items = this.hostElement.querySelectorAll<HTMLElement>(\"[slot=item]\");\n    items.forEach((item) => {\n      item.setAttribute(\"role\", \"menuitem\");\n      item.dataset.text = item.textContent;\n    });\n  }\n\n  private renderMenuLabel(): HTMLButtonElement | HTMLDivElement {\n    if (this.hasContent) {\n      return (\n        <button\n          class=\"menu-label\"\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n          onClick={this.toggle}\n        >\n          <div class=\"menu-label-content\">\n            <slot onSlotchange={this.onLabelSlotChange}></slot>\n            <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n          </div>\n        </button>\n      );\n    }\n\n    return (\n      <div class=\"menu-label\">\n        <div class=\"menu-label-content\">\n          <slot onSlotchange={this.onLabelSlotChange}></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZMenuElement {\n    return (\n      <Host>\n        {this.renderMenuLabel()}\n\n        {this.hasContent && (\n          <div\n            class=\"content\"\n            ref={(el) => (this.content = el)}\n          >\n            {this.hasHeader && (\n              <header class=\"header\">\n                <slot\n                  name=\"header\"\n                  onSlotchange={this.checkContent}\n                ></slot>\n              </header>\n            )}\n\n            <div\n              class=\"items\"\n              role=\"menu\"\n            >\n              <slot\n                name=\"item\"\n                onSlotchange={this.onItemsChange}\n              ></slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/web-components-library/p-c39f227f.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(t){"use strict";return{execute:function(){var n;t("L",n);(function(t){t["REAL"]="reale";t["VIRTUAL"]="virtuale";t["TRIAL"]="saggio";t["TEMP"]="reale_temp"})(n||t("L",n={}));var o;t("C",o);(function(t){t["BORDER"]="border";t["SHADOW"]="shadow";t["OVERLAY"]="overlay";t["TEXT"]="text"})(o||t("C",o={}));var r;t("N",r);(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(r||t("N",r={}));var e;t("a",e);(function(t){t["BIG"]="big";t["SMALL"]="small"})(e||t("a",e={}));var a;t("b",a);(function(t){t["LEFT"]="ArrowLeft";t["RIGHT"]="ArrowRight";t["UP"]="ArrowUp";t["DOWN"]="ArrowDown"})(a||t("b",a={}));var i;t("B",i);(function(t){t["PRIMARY"]="primary";t["SECONDARY"]="secondary";t["TERTIARY"]="tertiary"})(i||t("B",i={}));var c;t("c",c);(function(t){t["SUBMIT"]="submit";t["RESET"]="reset";t["BUTTON"]="button"})(c||t("c",c={}));var u;t("d",u);(function(t){t["BIG"]="big";t["SMALL"]="small";t["X_SMALL"]="x-small"})(u||t("d",u={}));var f;t("e",f);(function(t){t["BIG"]="big";t["SMALL"]="small";t["X_SMALL"]="x-small"})(f||t("e",f={}));var l;t("I",l);(function(t){t["TEXT"]="text";t["PASSWORD"]="password";t["NUMBER"]="number";t["EMAIL"]="email";t["TEXTAREA"]="textarea";t["CHECKBOX"]="checkbox";t["RADIO"]="radio";t["TEL"]="tel";t["URL"]="url";t["SEARCH"]="search"})(l||t("I",l={}));var v;t("f",v);(function(t){t["SUCCESS"]="success";t["ERROR"]="error";t["WARNING"]="warning"})(v||t("f",v={}));var s;t("P",s);(function(t){t["AUTO"]="auto";t["TOP"]="top";t["RIGHT"]="right";t["BOTTOM"]="bottom";t["LEFT"]="left";t["TOP_RIGHT"]="top_right";t["TOP_LEFT"]="top_left";t["BOTTOM_RIGHT"]="bottom_right";t["BOTTOM_LEFT"]="bottom_left";t["RIGHT_TOP"]="right_top";t["RIGHT_BOTTOM"]="right_bottom";t["LEFT_TOP"]="left_top";t["LEFT_BOTTOM"]="left_bottom"})(s||t("P",s={}));var d;t("K",d);(function(t){t[t["TAB"]=9]="TAB";t[t["SPACE"]=32]="SPACE";t[t["ESC"]=27]="ESC";t[t["ENTER"]=13]="ENTER";t[t["ARROW_UP"]=38]="ARROW_UP";t[t["ARROW_DOWN"]=40]="ARROW_DOWN";t[t["BACKSPACE"]=8]="BACKSPACE";t[t["DELETE"]=46]="DELETE"})(d||t("K",d={}));var m;t("g",m);(function(t){t["TAB"]="Tab";t["SPACE"]="Space";t["ESC"]="Escape";t["ENTER"]="Enter";t["ARROW_UP"]="ArrowUp";t["ARROW_DOWN"]="ArrowDown";t["BACKSPACE"]="Backspace";t["DELETE"]="Delete"})(m||t("g",m={}));var g;t("T",g);(function(t){t["DARK"]="dark";t["LIGHT"]="light"})(g||t("T",g={}));var p;t("D",p);(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large"})(p||t("D",p={}));var b;t("h",b);(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(b||t("h",b={}));var h;t("S",h);(function(t){t["ASC"]="asc";t["DESC"]="desc"})(h||t("S",h={}));var w;t("A",w);(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large"})(w||t("A",w={}));var _;t("i",_);(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large";t["X_LARGE"]="x-large"})(_||t("i",_={}));var A;t("E",A);(function(t){t["ACCORDION"]="accordion";t["MENU"]="menu"})(A||t("E",A={}));var E;t("j",E);(function(t){t["RIGHT"]="right";t["LEFT"]="left"})(E||t("j",E={}));var x;t("k",x);(function(t){t["RIGHT"]="right";t["LEFT"]="left"})(x||t("k",x={}));var k;t("l",k);(function(t){t["NONE"]="none";t["HEADER"]="header";t["ELEMENT"]="element"})(k||t("l",k={}));var y;t("m",y);(function(t){t["NONE"]="none";t["ORDERED"]="ordered";t["UNORDERED"]="unordered"})(y||t("m",y={}));var T;t("n",T);(function(t){t["SUCCESS"]="success";t["WARNING"]="warning";t["ERROR"]="error"})(T||t("n",T={}));var D;t("o",D);(function(t){t["SUCCESS"]="success";t["WARNING"]="warning";t["ERROR"]="error"})(D||t("o",D={}));var R;t("p",R);(function(t){t["MOBILE"]="mobile";t["TABLET"]="tablet";t["DESKTOP"]="desktop";t["DESKTOP_WIDE"]="desktop-wide"})(R||t("p",R={}));var S;t("q",S);(function(t){t["PREVIEW"]="preview";t["OPEN"]="open";t["CLOSED"]="closed"})(S||t("q",S={}));var C;t("r",C);(function(t){t["DARK"]="dark";t["LIGHT"]="light";t["ACCENT"]="accent";t["ERROR"]="error";t["SUCCESS"]="success";t["WARNING"]="warning"})(C||t("r",C={}));var O;t("s",O);(function(t){t["SLIDE_IN_LEFT"]="slide-in-left";t["SLIDE_IN_RIGHT"]="slide-in-right";t["SLIDE_IN_DOWN"]="slide-in-down";t["SLIDE_IN_UP"]="slide-in-up";t["SLIDE_OUT_LEFT"]="slide-out-left";t["SLIDE_OUT_RIGHT"]="slide-out-right";t["SLIDE_OUT_DOWN"]="slide-out-down";t["SLIDE_OUT_UP"]="slide-out-up"})(O||t("s",O={}));var B;t("t",B);(function(t){t["TOP_RIGHT"]="top-right";t["TOP_LEFT"]="top-left";t["TOP_CENTRE"]="top-centre";t["BOTTOM_RIGHT"]="bottom-right";t["BOTTOM_LEFT"]="bottom-left";t["BOTTOM_CENTRE"]="bottom-centre"})(B||t("t",B={}));var N;t("Z",N);(function(t){t["EXPANDABLE"]="expandable";t["PADDING"]="padding";t["NONE"]="none"})(N||t("Z",N={}));var P;t("u",P);(function(t){t["POLITE"]="polite";t["ASSERTIVE"]="assertive"})(P||t("u",P={}));var U;t("v",U);(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(U||t("v",U={}));var W;t("O",W);(function(t){t["OVERLAY"]="overlay";t["PUSHCONTENT"]="pushcontent"})(W||t("O",W={}));var z;t("w",z);(function(t){t["DEFAULT"]="default";t["DRAGDROP"]="dragdrop"})(z||t("w",z={}));var L;t("x",L);(function(t){t["DEFAULT"]="default";t["MEDIUM"]="medium";t["SMALL"]="small"})(L||t("x",L={}));var M;t("y",M);(function(t){t["BEFORE"]="before";t["AFTER"]="after"})(M||t("y",M={}));var H;t("z",H);(function(t){t["DATE"]="date";t["DATE_TIME"]="date-time";t["MONTHS"]="months"})(H||t("z",H={}));var I;t("F",I);(function(t){t[t["DATE"]=401]="DATE";t[t["DATE_TIME"]=523]="DATE_TIME";t[t["MONTHS"]=288]="MONTHS"})(I||t("F",I={}));var K;t("G",K);(function(t){t["TOP"]="top";t["BOTTOM"]="bottom"})(K||t("G",K={}));var j;t("H",j);(function(t){t["DATE"]="date";t["DATE_TIME"]="date-time"})(j||t("H",j={}));var q;t("J",q);(function(t){t["TOP_RIGHT"]="top_right";t["TOP_LEFT"]="top_left";t["BOTTOM_RIGHT"]="bottom_right";t["BOTTOM_LEFT"]="bottom_left"})(q||t("J",q={}));var F;t("M",F);(function(t){t["OVERLAY"]="overlay";t["STACKED"]="stacked"})(F||t("M",F={}));var G;t("Q",G);(function(t){t["TOP"]="top";t["BOTTOM"]="bottom"})(G||t("Q",G={}));var J;t("R",J);(function(t){t["OVER"]="over";t["BOTTOM"]="bottom"})(J||t("R",J={}));var Q;t("U",Q);(function(t){t["DOTS"]="dots";t["NUMBERS"]="numbers"})(Q||t("U",Q={}));var V;t("V",V);(function(t){t["SEMIBOLD"]="semibold";t["UNDERLINED"]="underlined"})(V||t("V",V={}));var X;t("W",X);(function(t){t["TEXT"]="text";t["ICON"]="icon"})(X||t("W",X={}));var Y;t("X",Y);(function(t){t["HOVER"]="hover";t["ALWAYS"]="always"})(Y||t("X",Y={}));var Z;t("Y",Z);(function(t){t["EXPANDED"]="expanded";t["COMPACT"]="compact";t["SEARCH"]="search"})(Z||t("Y",Z={}));var $;t("_",$);(function(t){t["DEFAULT"]="default";t["BACKGROUND"]="background"})($||t("_",$={}))}}}));
+//# sourceMappingURL=p-c39f227f.system.js.map

package/dist/web-components-library/p-c39f227f.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LicenseType","exports","CardVariant","NavigationTabsOrientation","NavigationTabsSize","NavigationTabsKeyboardEvents","ButtonVariant","ButtonType","ButtonSize","ControlSize","InputType","InputStatus","PopoverPosition","KeyboardKeyCode","KeyboardCode","ThemeVariant","DividerSize","DividerOrientation","SortDirection","AvatarSize","ListSize","ExpandableListStyle","ExpandableListButtonAlign","LabelPosition","ListDividerType","ListType","NotificationType","AlertType","Device","PocketStatus","ToastNotification","ToastNotificationTransition","ToastNotificationPosition","ZTableRowExpandedType","ZAriaAlertMode","TransitionDirection","OffCanvasVariant","ZFileUploadType","ZChipType","ZSectionTitleDividerPosition","ZDatePickerMode","ZDatePickerModeValue","ZDatePickerPosition","ZRangePickerMode","InfoRevealPosition","CoverHeroVariant","CoverHeroContentPosition","CarouselArrowsPosition","CarouselProgressMode","BreadcrumbPathStyle","BreadcrumbHomepageVariant","VisibilityCondition","BookCardVariant","AccordionVariant"],"sources":["src/beans/index.tsx"],"sourcesContent":["export type MyzLink = {\n  label: string;\n  img: string;\n  link: string;\n};\n\nexport enum LicenseType {\n  REAL = \"reale\",\n  VIRTUAL = \"virtuale\",\n  TRIAL = \"saggio\",\n  TEMP = \"reale_temp\",\n}\n\nexport type Card = {\n  id: string;\n  isbn: string;\n  volumeTitle: string;\n  operaTitle: string;\n  img: string;\n  authors: string;\n  actions: Action[];\n  isBookmark: boolean;\n  licenseType: LicenseType;\n};\n\nexport enum CardVariant {\n  BORDER = \"border\",\n  SHADOW = \"shadow\",\n  OVERLAY = \"overlay\",\n  TEXT = \"text\",\n}\n\nexport type Action = {\n  isLink: boolean;\n  value: string;\n  url?: string;\n};\n\nexport type ListItem = {\n  text: string;\n  link?: string;\n  linktarget?: string;\n  icon?: string;\n  listitemid?: string;\n};\n\nexport type FilterItem = {\n  name: string;\n  id: string;\n  isActive: boolean;\n  isfixed: boolean;\n};\n\nexport type MenuItem = {\n  id: string;\n  label: string;\n  link?: string;\n  icon?: string;\n  target?: string;\n  subMenu?: MenuItem[];\n};\n\nexport type TabItem = {\n  id: string;\n  label: string;\n  icon?: string;\n  size?: string;\n  selected?: boolean;\n  disabled?: boolean;\n};\n\nexport enum NavigationTabsOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum NavigationTabsSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n}\n\nexport enum NavigationTabsKeyboardEvents {\n  LEFT = \"ArrowLeft\",\n  RIGHT = \"ArrowRight\",\n  UP = \"ArrowUp\",\n  DOWN = \"ArrowDown\",\n}\n\nexport type HeaderUserData = {\n  islogged: boolean;\n  id?: number;\n  name?: string;\n  usergroup: number;\n  userlinks: MenuItem[];\n};\n\nexport type ComboItem = {\n  id: string;\n  name: string;\n  checked: boolean;\n  category?: string;\n};\n\nexport enum ButtonVariant {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  TERTIARY = \"tertiary\",\n}\n\nexport enum ButtonType {\n  SUBMIT = \"submit\",\n  RESET = \"reset\",\n  BUTTON = \"button\",\n}\n\n/**\n * @deprecated Use ControlSize instead\n */\nexport enum ButtonSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum ControlSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum InputType {\n  TEXT = \"text\",\n  PASSWORD = \"password\",\n  NUMBER = \"number\",\n  EMAIL = \"email\",\n  TEXTAREA = \"textarea\",\n  CHECKBOX = \"checkbox\",\n  RADIO = \"radio\",\n  TEL = \"tel\",\n  URL = \"url\",\n  SEARCH = \"search\",\n}\n\nexport enum InputStatus {\n  SUCCESS = \"success\",\n  ERROR = \"error\",\n  WARNING = \"warning\",\n}\n\nexport enum PopoverPosition {\n  AUTO = \"auto\",\n  TOP = \"top\",\n  RIGHT = \"right\",\n  BOTTOM = \"bottom\",\n  LEFT = \"left\",\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n  RIGHT_TOP = \"right_top\",\n  RIGHT_BOTTOM = \"right_bottom\",\n  LEFT_TOP = \"left_top\",\n  LEFT_BOTTOM = \"left_bottom\",\n}\n\nexport enum KeyboardKeyCode {\n  TAB = 9,\n  SPACE = 32,\n  ESC = 27,\n  ENTER = 13,\n  ARROW_UP = 38,\n  ARROW_DOWN = 40,\n  BACKSPACE = 8,\n  DELETE = 46,\n}\n\nexport enum KeyboardCode {\n  TAB = \"Tab\",\n  SPACE = \"Space\",\n  ESC = \"Escape\",\n  ENTER = \"Enter\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_DOWN = \"ArrowDown\",\n  BACKSPACE = \"Backspace\",\n  DELETE = \"Delete\",\n}\n\nexport type SelectItem = {\n  id: string;\n  name: string;\n  selected: boolean;\n  icon?: string;\n  disabled?: boolean;\n  category?: string;\n};\n\nexport enum ThemeVariant {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport enum DividerSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum DividerOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum SortDirection {\n  ASC = \"asc\",\n  DESC = \"desc\",\n}\n\nexport enum AvatarSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum ListSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  X_LARGE = \"x-large\",\n}\n\nexport enum ExpandableListStyle {\n  ACCORDION = \"accordion\",\n  MENU = \"menu\",\n}\n\nexport enum ExpandableListButtonAlign {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum LabelPosition {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum ListDividerType {\n  NONE = \"none\",\n  HEADER = \"header\",\n  ELEMENT = \"element\",\n}\n\nexport enum ListType {\n  NONE = \"none\",\n  ORDERED = \"ordered\",\n  UNORDERED = \"unordered\",\n}\n\nexport enum NotificationType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum AlertType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum Device {\n  MOBILE = \"mobile\",\n  TABLET = \"tablet\",\n  DESKTOP = \"desktop\",\n  DESKTOP_WIDE = \"desktop-wide\",\n}\n\nexport type DictionaryData = {\n  author: string;\n  year: string;\n  title: string;\n  description: string;\n  onlineLicense: DictionaryLicenseData;\n  offlineLicense: DictionaryLicenseData;\n};\n\nexport type DictionaryLicenseData = {\n  expiration: string;\n  expired: boolean;\n  expiring: boolean;\n  installations: string;\n};\n\nexport enum PocketStatus {\n  PREVIEW = \"preview\",\n  OPEN = \"open\",\n  CLOSED = \"closed\",\n}\n\nexport enum ToastNotification {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n  ACCENT = \"accent\",\n  ERROR = \"error\",\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n}\n\nexport enum ToastNotificationTransition {\n  SLIDE_IN_LEFT = \"slide-in-left\",\n  SLIDE_IN_RIGHT = \"slide-in-right\",\n  SLIDE_IN_DOWN = \"slide-in-down\",\n  SLIDE_IN_UP = \"slide-in-up\",\n  SLIDE_OUT_LEFT = \"slide-out-left\",\n  SLIDE_OUT_RIGHT = \"slide-out-right\",\n  SLIDE_OUT_DOWN = \"slide-out-down\",\n  SLIDE_OUT_UP = \"slide-out-up\",\n}\n\nexport enum ToastNotificationPosition {\n  TOP_RIGHT = \"top-right\",\n  TOP_LEFT = \"top-left\",\n  TOP_CENTRE = \"top-centre\",\n  BOTTOM_RIGHT = \"bottom-right\",\n  BOTTOM_LEFT = \"bottom-left\",\n  BOTTOM_CENTRE = \"bottom-centre\",\n}\n\nexport enum ZTableRowExpandedType {\n  EXPANDABLE = \"expandable\",\n  PADDING = \"padding\",\n  NONE = \"none\",\n}\n\nexport enum ZAriaAlertMode {\n  POLITE = \"polite\",\n  ASSERTIVE = \"assertive\",\n}\n\nexport enum TransitionDirection {\n  LEFT = \"left\",\n  RIGHT = \"right\",\n}\n\nexport enum OffCanvasVariant {\n  OVERLAY = \"overlay\",\n  PUSHCONTENT = \"pushcontent\",\n}\n\nexport enum ZFileUploadType {\n  DEFAULT = \"default\",\n  DRAGDROP = \"dragdrop\",\n}\n\nexport enum ZChipType {\n  DEFAULT = \"default\",\n  MEDIUM = \"medium\",\n  SMALL = \"small\",\n}\n\nexport enum ZSectionTitleDividerPosition {\n  BEFORE = \"before\",\n  AFTER = \"after\",\n}\n\nexport enum ZDatePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n  MONTHS = \"months\",\n}\n\nexport enum ZDatePickerModeValue {\n  DATE = 401,\n  DATE_TIME = 523,\n  MONTHS = 288,\n}\n\nexport enum ZDatePickerPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum ZRangePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n}\n\nexport type SkipToContentLink = {\n  label: string;\n  href: string;\n  ariaLabel?: string;\n};\n\nexport enum InfoRevealPosition {\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n}\n\nexport enum CoverHeroVariant {\n  OVERLAY = \"overlay\",\n  STACKED = \"stacked\",\n}\n\nexport enum CoverHeroContentPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselArrowsPosition {\n  OVER = \"over\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselProgressMode {\n  DOTS = \"dots\",\n  NUMBERS = \"numbers\",\n}\n\nexport type SearchbarItem = {\n  label: string;\n  id?: string;\n  icon?: string;\n  tag?: {icon?: string; text: string};\n  category?: string;\n  subcategory?: string;\n};\n\nexport type SearchbarGroupedItem = {\n  [key: string]: SearchbarGroup;\n};\n\nexport type SearchbarGroup = {\n  items: SearchbarItem[];\n  category?: string;\n  subcategory?: string;\n};\n\nexport type BreadcrumbPath = {\n  text?: string;\n  path?: string;\n  hasTooltip?: boolean;\n};\n\nexport enum BreadcrumbPathStyle {\n  SEMIBOLD = \"semibold\",\n  UNDERLINED = \"underlined\",\n}\n\nexport enum BreadcrumbHomepageVariant {\n  TEXT = \"text\",\n  ICON = \"icon\",\n}\n\nexport enum VisibilityCondition {\n  HOVER = \"hover\",\n  ALWAYS = \"always\",\n}\n\nexport enum BookCardVariant {\n  EXPANDED = \"expanded\",\n  COMPACT = \"compact\",\n  SEARCH = \"search\",\n}\n\nexport enum AccordionVariant {\n  DEFAULT = \"default\",\n  BACKGROUND = \"background\",\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/web-components-library/p-c3a862fb.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,a as t,g as o}from"./p-cc3c02fe.js";import{J as a,e as r}from"./p-025f494e.js";const n=':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:-ms-flexbox;display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:18px}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:16px}.z-info-reveal-panel{position:absolute;display:-ms-flexbox;display:flex;width:var(--z-info-reveal-panel-width);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-align:start;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-4);box-shadow:var(--shadow-4);color:var(--color-text-inverse);-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{position:fixed;top:auto !important;bottom:auto !important;left:var(--grid-margin) !important;width:calc(100% - (var(--grid-margin) * 2)) !important;max-width:none !important;margin-top:calc(var(--trigger-size) * -1)}}';const s=n;const l=class{constructor(i){e(this,i);this.icon="informationsource";this.position=a.BOTTOM_RIGHT;this.label=undefined;this.ariaLabel="Apri pannello informazioni";this.size=r.BIG;this.open=false}adjustPanelPosition(){if(!this.open||!this.panel){return}const e=this.host.getBoundingClientRect();const i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10);const t=document.documentElement.offsetWidth;const o=Math.round((this.position.includes("left")?t-e.left:e.right)-i);this.panel.style.maxWidth=`${o}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=false}handleEscapeKey(e){if(e.key==="Escape"&&this.open){this.closePanel()}}render(){return i(t,{key:"45471ff481d7ce13ff05da131b5de64fadaf68d9",open:this.open},i("button",{key:"8677715bec503a1bd07f6df15932a98417599495",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":!this.label?this.ariaLabel:undefined,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&i("z-icon",{key:"48e14ecbee56d2dc6b9b297f8daa171c34c2a98d",name:this.icon}),this.label&&i("span",{key:"89e72867433abd07cb334120558ccdc02a5bbb81",class:"z-info-reveal-label"},this.label)),i("div",{key:"06268f048b3d6244f940900ca114dfcad5417849",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:e=>this.panel=e,hidden:!this.open},i("slot",{key:"3698cbc239ab16b04226e7e9f1619014500b30f6"}),i("button",{key:"7e03364aeb76b404d4ed78d640de500b95f68769",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},i("z-icon",{key:"524131a6b9b100729c10657c778bc6bb1daf6946",name:"multiply"}))))}get host(){return o(this)}static get watchers(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}}};l.style=s;export{l as z_info_reveal};
+//# sourceMappingURL=p-c3a862fb.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInfoRevealStyle0","ZInfoReveal","InfoRevealPosition","BOTTOM_RIGHT","ControlSize","BIG","adjustPanelPosition","this","open","panel","rect","host","getBoundingClientRect","gridMargin","parseInt","getComputedStyle","document","documentElement","getPropertyValue","pageWidth","offsetWidth","availableSpace","Math","round","position","includes","left","right","style","maxWidth","togglePanel","closePanel","handleEscapeKey","event","key","render","h","Host","class","type","onClick","bind","label","ariaLabel","undefined","icon","name","id","ref","el","hidden"],"sources":["src/components/z-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","src/components/z-info-reveal/index.tsx"],"sourcesContent":[":host {\n  --z-info-reveal-panel-width: 384px; /* defaults half the size of the mobile breakpoint */\n  --trigger-size: 44px;\n\n  position: relative;\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\nbutton {\n  --trigger-icon-size: calc(var(--trigger-size) / 2);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\nbutton:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-info-reveal-trigger {\n  min-width: var(--trigger-size);\n  height: var(--trigger-size);\n  padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n  font-weight: var(--font-sb);\n  line-height: 1rem;\n}\n\n:host([size=\"big\"]) .z-info-reveal-trigger {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .z-info-reveal-trigger {\n  --trigger-size: 36px;\n\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .z-info-reveal-trigger {\n  --trigger-size: 32px;\n\n  padding: var(--space-unit);\n  font-size: var(--font-size-1);\n}\n\n:host > .z-info-reveal-trigger z-icon {\n  --z-icon-width: var(--trigger-icon-size);\n  --z-icon-height: var(--trigger-icon-size);\n\n  display: flex;\n  fill: var(--color-inverse-icon);\n}\n\n:host([size=\"small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: 18px;\n}\n\n:host([size=\"x-small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: 16px;\n}\n\n.z-info-reveal-panel {\n  position: absolute;\n  display: flex;\n  width: var(--z-info-reveal-panel-width);\n  height: fit-content;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 1.5);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n}\n\n.z-info-reveal-panel[hidden] {\n  display: none;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"top_right\"]) .z-info-reveal-panel {\n  top: 0;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  bottom: 0;\n}\n\n:host([position=\"top_right\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  right: 0;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_left\"]) .z-info-reveal-panel {\n  left: 0;\n}\n\n.z-info-reveal-panel .z-info-reveal-close {\n  margin-left: auto;\n}\n\n.z-info-reveal-panel z-icon {\n  fill: var(--color-inverse-icon);\n}\n\n@media (max-width: 767px) {\n  .z-info-reveal-panel {\n    position: fixed;\n    top: auto !important;\n    bottom: auto !important;\n    left: var(--grid-margin) !important;\n    width: calc(100% - (var(--grid-margin) * 2)) !important;\n    max-width: none !important;\n    margin-top: calc(var(--trigger-size) * -1);\n  }\n}\n","import {Component, Element, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\n\n/**\n * Info reveal component.\n *\n * @slot - content of the info panel.\n * @cssprop --z-info-reveal-panel-width - Width of the info panel.\n */\n@Component({\n  tag: \"z-info-reveal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoReveal {\n  /** Name of the icon for the trigger button */\n  @Prop()\n  icon? = \"informationsource\";\n\n  /**\n   * The position of the z-info-reveal in the page. This helps to correctly place the info panel.\n   * The panel will grow in the opposite direction of the position.\n   * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\n   */\n  @Prop({reflect: true})\n  position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n  /** Label of the trigger button. */\n  @Prop()\n  label?: string;\n\n  /** Aria label of the trigger button. It will be only used when `label` prop is empty. */\n  @Prop()\n  ariaLabel = \"Apri pannello informazioni\";\n\n  /** Size of the trigger button */\n  @Prop({reflect: true})\n  size?: ControlSize = ControlSize.BIG;\n\n  /** Whether the info panel is open. */\n  @State()\n  open = false;\n\n  @Element() host: HTMLZInfoRevealElement;\n\n  private panel: HTMLDivElement;\n\n  /**\n   * Adjust the position of the info panel to prevent exiting the viewport.\n   */\n  @Watch(\"position\")\n  @Watch(\"open\")\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  adjustPanelPosition(): void {\n    if (!this.open || !this.panel) {\n      return;\n    }\n\n    const rect = this.host.getBoundingClientRect();\n    const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n    const pageWidth = document.documentElement.offsetWidth;\n    // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n    const availableSpace = Math.round(\n      (this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin\n    );\n    this.panel.style.maxWidth = `${availableSpace}px`;\n  }\n\n  /**\n   * Toggle the open state of the info panel.\n   */\n  private togglePanel(): void {\n    this.open = !this.open;\n  }\n\n  /**\n   * Close the info panel.\n   */\n  private closePanel(): void {\n    this.open = false;\n  }\n\n  @Listen(\"keydown\", {target: \"window\", capture: true})\n  handleEscapeKey(event: KeyboardEvent): void {\n    if (event.key === \"Escape\" && this.open) {\n      this.closePanel();\n    }\n  }\n\n  render(): HTMLZInfoRevealElement {\n    return (\n      <Host open={this.open}>\n        <button\n          class=\"z-info-reveal-trigger\"\n          type=\"button\"\n          onClick={this.togglePanel.bind(this)}\n          aria-label={!this.label ? this.ariaLabel : undefined}\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-controls=\"z-info-reveal-panel\"\n        >\n          {this.icon && <z-icon name={this.icon} />}\n          {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n        </button>\n        <div\n          class=\"z-info-reveal-panel\"\n          id=\"z-info-reveal-panel\"\n          ref={(el) => (this.panel = el)}\n          hidden={!this.open}\n        >\n          <slot></slot>\n          <button\n            class=\"z-info-reveal-close\"\n            type=\"button\"\n            onClick={this.closePanel.bind(this)}\n            aria-label=\"Chiudi pannello informazioni\"\n          >\n            <z-icon name=\"multiply\" />\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,g6FAClB,MAAAC,EAAeD,E,MCaFE,EAAW,M,mCAGd,oB,cAQwBC,EAAmBC,a,oCAQvC,6B,UAISC,EAAYC,I,UAI1B,K,CAYP,mBAAAC,GACE,IAAKC,KAAKC,OAASD,KAAKE,MAAO,CAC7B,M,CAGF,MAAMC,EAAOH,KAAKI,KAAKC,wBACvB,MAAMC,EAAaC,SAASC,iBAAiBC,SAASC,iBAAiBC,iBAAiB,iBAAkB,IAC1G,MAAMC,EAAYH,SAASC,gBAAgBG,YAE3C,MAAMC,EAAiBC,KAAKC,OACzBhB,KAAKiB,SAASC,SAAS,QAAUN,EAAYT,EAAKgB,KAAOhB,EAAKiB,OAASd,GAE1EN,KAAKE,MAAMmB,MAAMC,SAAW,GAAGR,K,CAMzB,WAAAS,GACNvB,KAAKC,MAAQD,KAAKC,I,CAMZ,UAAAuB,GACNxB,KAAKC,KAAO,K,CAId,eAAAwB,CAAgBC,GACd,GAAIA,EAAMC,MAAQ,UAAY3B,KAAKC,KAAM,CACvCD,KAAKwB,Y,EAIT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAH,IAAA,2CAAC1B,KAAMD,KAAKC,MACf4B,EAAA,UAAAF,IAAA,2CACEI,MAAM,wBACNC,KAAK,SACLC,QAASjC,KAAKuB,YAAYW,KAAKlC,MAAK,cACvBA,KAAKmC,MAAQnC,KAAKoC,UAAYC,UAAS,gBACrCrC,KAAKC,KAAO,OAAS,QAAO,gBAC7B,uBAEbD,KAAKsC,MAAQT,EAAA,UAAAF,IAAA,2CAAQY,KAAMvC,KAAKsC,OAChCtC,KAAKmC,OAASN,EAAA,QAAAF,IAAA,2CAAMI,MAAM,uBAAuB/B,KAAKmC,QAEzDN,EAAA,OAAAF,IAAA,2CACEI,MAAM,sBACNS,GAAG,sBACHC,IAAMC,GAAQ1C,KAAKE,MAAQwC,EAC3BC,QAAS3C,KAAKC,MAEd4B,EAAA,QAAAF,IAAA,6CACAE,EAAA,UAAAF,IAAA,2CACEI,MAAM,sBACNC,KAAK,SACLC,QAASjC,KAAKwB,WAAWU,KAAKlC,MAAK,aACxB,gCAEX6B,EAAA,UAAAF,IAAA,2CAAQY,KAAK,e","ignoreList":[]}

package/dist/web-components-library/p-c78c8eb3.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(e){"use strict";var t,o,r,a,i,n;return{setters:[function(e){t=e.r;o=e.h;r=e.a;a=e.g},function(e){i=e.M;n=e.Q}],execute:function(){var c=':host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{-webkit-box-sizing:border-box;box-sizing:border-box}:host .main-container{position:relative;width:100%;-ms-flex-align:baseline;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot="cover"]){position:absolute;display:block;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container{height:100%}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant="overlay"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:""}:host([variant="overlay"]:is([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .content-container{position:absolute;inset:0}:host([variant="overlay"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant="stacked"]){--cover-hero-text-color:var(--color-default-text)}:host([variant="stacked"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}';var s=c;var v=e("z_cover_hero",function(){function e(e){t(this,e);this.variant=i.OVERLAY;this.contentPosition=n.TOP;this.preserveAspectRatio=true}e.prototype.onImgLoad=function(e){var t=e.target;if(t instanceof Image&&t.closest("[slot=cover]")){var o=t.naturalWidth/t.naturalHeight;this.host.style.setProperty("--image-aspect-ratio",o.toString())}};e.prototype.renderContent=function(){return o("div",{class:"content-container"},o("slot",{name:"content"}))};e.prototype.render=function(){return o(r,{key:"782c8ef237b2744069752392ab29176ae65bf798"},this.variant===i.STACKED&&this.contentPosition===n.TOP&&this.renderContent(),o("div",{key:"97f1b49350218a75b19946a46190c63c15f70058",class:"main-container"},o("div",{key:"2dc3210d8807b998ad1823bb2776d59a762f15dd",class:"cover-container"},o("slot",{key:"2ab5b85aa02c25ee81ecafb3db91e0e57df549b3",name:"cover"})),o("slot",{key:"a77f81fef651d1aae577079c4918cb26fb9af328",name:"info-reveal"}),this.variant===i.OVERLAY&&this.renderContent()),this.variant===i.STACKED&&this.contentPosition===n.BOTTOM&&this.renderContent())};Object.defineProperty(e.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());v.style=s}}}));
+//# sourceMappingURL=p-c78c8eb3.system.entry.js.map

package/dist/web-components-library/p-c78c8eb3.system.entry.js.map

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

package/dist/web-components-library/p-c8b440c6.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-ad6b3f77.system.js"],(function(r){"use strict";var t,i,o,a;return{setters:[function(r){t=r.r;i=r.c;o=r.h},function(r){a=r.t}],execute:function(){var e="button{display:-ms-flexbox;display:flex;max-width:100%;height:36px;-ms-flex-align:center;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{border-color:var(--color-primary01);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button.selected{border-color:var(--color-active-primary);background-color:var(--color-active-primary);color:var(--color-text-inverse);fill:var(--color-text-inverse)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}";var s=e;var n=r("z_button_sort",function(){function r(r){t(this,r);this.buttonSortClick=i(this,"buttonSortClick",7);this.buttonid=undefined;this.label=undefined;this.desclabel=undefined;this.counter=undefined;this.sortlabelasc="A-Z";this.sortlabeldesc="Z-A";this.isselected=false;this.sortasc=true;this.allowTooltip=false}r.prototype.emitButtonSortClick=function(){if(!this.isselected){this.isselected=true}else{this.sortasc=!this.sortasc}this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})};r.prototype.componentDidLoad=function(){if(this.elementHasEllipsis()&&window.innerWidth>a){this.allowTooltip=true}};r.prototype.setButtonTitle=function(){return this.allowTooltip?"".concat(this.sortasc?this.label:this.desclabel):""};r.prototype.elementHasEllipsis=function(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth};r.prototype.render=function(){var r=this;return o("button",{key:"ec1021febf46cd3a012af1142e74157e16e6b363",title:this.setButtonTitle(),id:this.buttonid,class:{selected:this.isselected},onClick:function(){return r.emitButtonSortClick()}},o("span",{key:"84013f6114589408dc62323285a1441c94fc9ddf",ref:function(t){return r.ellipsis=t},class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),o("span",{key:"bc938175d5453e7c59f577b92452d63658417e0a",class:"counter"},this.counter&&" (".concat(this.counter,")")),o("span",{key:"10fba0801dcbc47569e79c81179d7a485dc3582e",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),o("z-icon",{key:"51035628c557620d4681db63a6a1b6080b57275a",name:"caret-up-down",width:16,height:16}))};return r}());n.style=s}}}));
+//# sourceMappingURL=p-c8b440c6.system.entry.js.map

package/dist/web-components-library/p-c8b440c6.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZButtonSortStyle0","ZButtonSort","exports","class_1","prototype","emitButtonSortClick","this","isselected","sortasc","buttonSortClick","emit","buttonid","sortAsc","componentDidLoad","elementHasEllipsis","window","innerWidth","tabletBreakpoint","allowTooltip","setButtonTitle","concat","label","desclabel","ellipsis","offsetWidth","scrollWidth","render","_this","h","key","title","id","class","selected","onClick","ref","el","counter","sortlabelasc","sortlabeldesc","name","width","height"],"sources":["src/components/z-button-sort/styles.css?tag=z-button-sort&encapsulation=shadow","src/components/z-button-sort/index.tsx"],"sourcesContent":["button {\n  display: flex;\n  max-width: 100%;\n  height: 36px;\n  align-items: center;\n  padding: 0 var(--space-unit);\n  border: var(--border-size-medium) solid var(--color-primary01);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  outline: none;\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n\nbutton:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\nbutton:focus {\n  border-color: var(--color-primary01);\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\nbutton:active {\n  border-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n  fill: var(--color-pressed-primary);\n}\n\nbutton.selected {\n  border-color: var(--color-active-primary);\n  background-color: var(--color-active-primary);\n  color: var(--color-text-inverse);\n  fill: var(--color-text-inverse);\n}\n\nbutton > span.ellipsis {\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nbutton > span.counter {\n  margin-right: calc(var(--space-unit) * 2);\n  margin-left: calc(var(--space-unit) / 2);\n}\n\nbutton > span.sort {\n  margin-right: calc(var(--space-unit) / 2);\n  white-space: nowrap;\n}\n\nbutton > span {\n  margin-right: calc(var(--space-unit) / 2);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  button {\n    max-width: 325px;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  button {\n    max-width: 490px;\n  }\n}\n","import {Component, Event, EventEmitter, Prop, State, h} from \"@stencil/core\";\nimport {tabletBreakpoint} from \"../../constants/breakpoints\";\n@Component({\n  tag: \"z-button-sort\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZButtonSort {\n  /** id, should be unique */\n  @Prop()\n  buttonid: string;\n\n  /** label content (ascending) */\n  @Prop()\n  label: string;\n\n  /** label content (descending) */\n  @Prop()\n  desclabel?: string;\n\n  /** occurrences counter (optional) */\n  @Prop()\n  counter?: number;\n\n  /** sort label content (ascending) (optional) */\n  @Prop()\n  sortlabelasc?: string = \"A-Z\";\n\n  /** sort label content (descending) (optional) */\n  @Prop()\n  sortlabeldesc?: string = \"Z-A\";\n\n  /** selected flag (optional) */\n  @Prop({mutable: true})\n  isselected?: boolean = false;\n\n  /** sortable flag (optional) */\n  @Prop({mutable: true})\n  sortasc?: boolean = true;\n\n  @State()\n  allowTooltip = false;\n\n  private ellipsis?: HTMLSpanElement;\n\n  /** sorting direction click event, returns `buttonid` and `sortAsc` */\n  @Event()\n  buttonSortClick: EventEmitter;\n\n  private emitButtonSortClick(): void {\n    if (!this.isselected) {\n      this.isselected = true;\n    } else {\n      this.sortasc = !this.sortasc;\n    }\n    this.buttonSortClick.emit({\n      buttonid: this.buttonid,\n      sortAsc: this.sortasc,\n    });\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {\n      this.allowTooltip = true;\n    }\n  }\n\n  private setButtonTitle(): string {\n    return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : \"\";\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        title={this.setButtonTitle()}\n        id={this.buttonid}\n        class={{selected: this.isselected}}\n        onClick={() => this.emitButtonSortClick()}\n      >\n        <span\n          ref={(el) => (this.ellipsis = el as HTMLSpanElement)}\n          class=\"ellipsis\"\n        >\n          {!this.sortasc && this.desclabel ? this.desclabel : this.label}\n        </span>\n        <span class=\"counter\">{this.counter && ` (${this.counter})`}</span>\n        <span class=\"sort\">{this.sortasc ? this.sortlabelasc : this.sortlabeldesc}</span>\n        <z-icon\n          name=\"caret-up-down\"\n          width={16}\n          height={16}\n        />\n      </button>\n    );\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAY,6hDAClB,IAAAC,EAAeD,E,ICMFE,EAAWC,EAAA,2B,wLAmBE,M,mBAIC,M,gBAIF,M,aAIH,K,kBAGL,K,CAQPC,EAAAC,UAAAC,oBAAA,WACN,IAAKC,KAAKC,WAAY,CACpBD,KAAKC,WAAa,I,KACb,CACLD,KAAKE,SAAWF,KAAKE,O,CAEvBF,KAAKG,gBAAgBC,KAAK,CACxBC,SAAUL,KAAKK,SACfC,QAASN,KAAKE,S,EAIlBL,EAAAC,UAAAS,iBAAA,WACE,GAAIP,KAAKQ,sBAAwBC,OAAOC,WAAaC,EAAkB,CACrEX,KAAKY,aAAe,I,GAIhBf,EAAAC,UAAAe,eAAA,WACN,OAAOb,KAAKY,aAAe,GAAAE,OAAGd,KAAKE,QAAUF,KAAKe,MAAQf,KAAKgB,WAAc,E,EAGvEnB,EAAAC,UAAAU,mBAAA,WACN,OAAOR,KAAKiB,SAASC,YAAclB,KAAKiB,SAASE,W,EAGnDtB,EAAAC,UAAAsB,OAAA,eAAAC,EAAArB,KACE,OACEsB,EAAA,UAAAC,IAAA,2CACEC,MAAOxB,KAAKa,iBACZY,GAAIzB,KAAKK,SACTqB,MAAO,CAACC,SAAU3B,KAAKC,YACvB2B,QAAS,WAAM,OAAAP,EAAKtB,qBAAL,GAEfuB,EAAA,QAAAC,IAAA,2CACEM,IAAK,SAACC,GAAE,OAAMT,EAAKJ,SAAWa,CAAtB,EACRJ,MAAM,aAEJ1B,KAAKE,SAAWF,KAAKgB,UAAYhB,KAAKgB,UAAYhB,KAAKe,OAE3DO,EAAA,QAAAC,IAAA,2CAAMG,MAAM,WAAW1B,KAAK+B,SAAW,KAAAjB,OAAKd,KAAK+B,QAAO,MACxDT,EAAA,QAAAC,IAAA,2CAAMG,MAAM,QAAQ1B,KAAKE,QAAUF,KAAKgC,aAAehC,KAAKiC,eAC5DX,EAAA,UAAAC,IAAA,2CACEW,KAAK,gBACLC,MAAO,GACPC,OAAQ,K,WAvFM,I","ignoreList":[]}

package/dist/web-components-library/p-ca0f30e5.system.entry.js

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

package/dist/web-components-library/p-ca0f30e5.system.entry.js.map

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

package/dist/web-components-library/p-ce0acafe.system.js

@@ -0,0 +1,2 @@
+System.register(["./p-1fe56b25.system.js","./p-c39f227f.system.js","./p-ad6b3f77.system.js"],(function(t){"use strict";var s;return{setters:[function(t){s=t.c},function(s){var e={};e.AccordionVariant=s._;e.AlertType=s.o;e.AvatarSize=s.A;e.BookCardVariant=s.Y;e.BreadcrumbHomepageVariant=s.W;e.BreadcrumbPathStyle=s.V;e.ButtonSize=s.d;e.ButtonType=s.c;e.ButtonVariant=s.B;e.CardVariant=s.C;e.CarouselArrowsPosition=s.R;e.CarouselProgressMode=s.U;e.ControlSize=s.e;e.CoverHeroContentPosition=s.Q;e.CoverHeroVariant=s.M;e.Device=s.p;e.DividerOrientation=s.h;e.DividerSize=s.D;e.ExpandableListButtonAlign=s.j;e.ExpandableListStyle=s.E;e.InfoRevealPosition=s.J;e.InputStatus=s.f;e.InputType=s.I;e.KeyboardCode=s.g;e.KeyboardKeyCode=s.K;e.LabelPosition=s.k;e.LicenseType=s.L;e.ListDividerType=s.l;e.ListSize=s.i;e.ListType=s.m;e.NavigationTabsKeyboardEvents=s.b;e.NavigationTabsOrientation=s.N;e.NavigationTabsSize=s.a;e.NotificationType=s.n;e.OffCanvasVariant=s.O;e.PocketStatus=s.q;e.PopoverPosition=s.P;e.SortDirection=s.S;e.ThemeVariant=s.T;e.ToastNotification=s.r;e.ToastNotificationPosition=s.t;e.ToastNotificationTransition=s.s;e.TransitionDirection=s.v;e.VisibilityCondition=s.X;e.ZAriaAlertMode=s.u;e.ZChipType=s.x;e.ZDatePickerMode=s.z;e.ZDatePickerModeValue=s.F;e.ZDatePickerPosition=s.G;e.ZFileUploadType=s.w;e.ZRangePickerMode=s.H;e.ZSectionTitleDividerPosition=s.y;e.ZTableRowExpandedType=s.Z;t(e)},function(){}],execute:function(){var e=t("Utils",{colorFromId:s})}}}));
+//# sourceMappingURL=p-ce0acafe.system.js.map

package/dist/web-components-library/p-ce0acafe.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UTILS","exports","colorFromId"],"sources":["src/index.ts"],"sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {UTILS as Utils};\n"],"mappings":"o6CAEMA,EAAKC,EAAA,QAAG,CACZC,YAAWA,G","ignoreList":[]}

package/dist/web-components-library/p-cf8c4feb.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(t){"use strict";var e,i,o,s,r,n;return{setters:[function(t){e=t.r;i=t.h;o=t.a;s=t.g},function(t){r=t.y;n=t.D}],execute:function(){var a=':host{--z-section-title--divider-color:var(--red500);display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){-webkit-box-sizing:border-box;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}}';var d=a;var l=t("z_section_title",function(){function t(t){e(this,t);this.dividerPosition=r.BEFORE;this.uppercase=true}t.prototype.componentWillRender=function(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")};t.prototype.render=function(){return i(o,{key:"aae886e9941d8767af39a351671a7aaaf844176a"},i("slot",{key:"08a1466c1d96e8f2dc754d3566bc2567bfd26dfd",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===r.BEFORE&&i("z-divider",{key:"ab9e30f7c179c37482d84db65729a3fa78fd9e06",size:n.LARGE,color:"z-section-title--divider-color"}),i("slot",{key:"4cad003315cf3df2e0dd6a7391035fd8e056e8b0",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===r.AFTER&&i("z-divider",{key:"6e99ca4877aba8c76e4484be6fced23aa5b8e165",size:n.LARGE,color:"z-section-title--divider-color"}))};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());l.style=d}}}));
+//# sourceMappingURL=p-cf8c4feb.system.entry.js.map

package/dist/web-components-library/p-cf8c4feb.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZSectionTitleStyle0","ZSectionTitle","exports","ZSectionTitleDividerPosition","BEFORE","class_1","prototype","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":"gNAAA,IAAMA,EAAY,s8BAClB,IAAAC,EAAeD,E,ICgBFE,EAAaC,EAAA,6B,6CAMwBC,EAA6BC,O,eAMjE,I,CAMZC,EAAAC,UAAAC,oBAAA,WACEC,KAAKC,oBAAsBD,KAAKE,KAAKC,cAAc,yB,EAGrDN,EAAAC,UAAAM,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,qBACTR,KAAKC,mBAAqBD,KAAKS,kBAAoBd,EAA6BC,QAChFS,EAAA,aAAAE,IAAA,2CACEG,KAAMC,EAAYC,MAClBC,MAAM,mCAGVR,EAAA,QAAAE,IAAA,2CAAMC,KAAK,mBACTR,KAAKC,mBAAqBD,KAAKS,kBAAoBd,EAA6BmB,OAChFT,EAAA,aAAAE,IAAA,2CACEG,KAAMC,EAAYC,MAClBC,MAAM,mC,yHApCQ,I","ignoreList":[]}

package/dist/web-components-library/p-d85ff8cd.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(t){"use strict";var e,f,i,n;return{setters:[function(t){e=t.r;f=t.h;i=t.a},function(t){n=t.u}],execute:function(){var a=t("z_aria_alert",function(){function t(t){e(this,t);this.mode=n.POLITE}t.prototype.render=function(){return f(i,{key:"3dc09efdfb273cbb3700c75f6e83112d6d158fb0","aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},f("slot",{key:"109c1e5fa0fa0bd7fa990c7fdb23c0f65dd6811e"}))};return t}())}}}));
+//# sourceMappingURL=p-d85ff8cd.system.entry.js.map

package/dist/web-components-library/p-d85ff8cd.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ZAriaAlert","exports","ZAriaAlertMode","POLITE","class_1","prototype","render","h","Host","key","this","mode"],"sources":["src/components/z-aria-alert/index.tsx"],"sourcesContent":["import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {ZAriaAlertMode} from \"../../beans\";\n\n@Component({\n  tag: \"z-aria-alert\",\n  shadow: false,\n})\nexport class ZAriaAlert {\n  /** Aria live mode */\n  @Prop()\n  mode: ZAriaAlertMode = ZAriaAlertMode.POLITE;\n\n  render(): HTMLZAriaAlertElement {\n    return (\n      <Host\n        aria-live={this.mode}\n        aria-atomic=\"true\"\n        aria-relevant=\"additions\"\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oMAOaA,EAAUC,EAAA,0B,kCAGEC,EAAeC,M,CAEtCC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,uDACQC,KAAKC,KAAI,cACR,OAAM,gBACJ,aAEdJ,EAAA,QAAAE,IAAA,6C,WAZe,G","ignoreList":[]}