@zanichelli/albe-web-components 13.4.0 → 13.5.0

package/dist/esm/z-info-reveal.entry.js.map

@@ -1 +1 @@
-{"file":"z-info-reveal.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,2/DAA2/D,CAAC;AAC9gE,0BAAe,SAAS;;MCkBX,WAAW;;;oBAKd,mBAAmB;wBAIK,kBAAkB,CAAC,YAAY;;oBAQxD,KAAK;4BAIW,IAAI;;IAG3B,UAAU;QACR,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK;YAChD,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE;gBAC/B,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;aACxC;iBAAM;gBACL,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;aACvC;SACF,CAAC,CAAC;KACJ;;;;IAKO,WAAW;QACjB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KAClB;;;;IAKO,YAAY;QAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;;;;;IAMO,IAAI;QACV,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QAC1C,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;YACjD,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACnB,+DACE,KAAK,EAAC,uBAAuB,EAC7B,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAEnC,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACpE,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAW,CAC3B,EACR,IAAI,CAAC,IAAI,KACR,WACE,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAC7B,QAAQ,EAAE,CAAC,IAEX,eAAa,EACb,cACE,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAErC,cAAQ,IAAI,EAAC,OAAO,GAAU,CACvB,CACL,CACP,CACI,EACP;KACH;;;;;;;;;;","names":[],"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-theme--surface: var(--color-black);\n  --z-info-reveal-theme--text: var(--color-white);\n  --z-info-reveal-shadow: var(--shadow-2);\n  --z-info-reveal-max-width: 375px; /* defaults to average width of mobile devices */\n\n  position: relative;\n  display: flex;\n  width: fit-content;\n  background-color: var(--z-info-reveal-theme--surface);\n  color: var(--z-info-reveal-theme--text);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  letter-spacing: 0;\n  line-height: 1.5;\n}\n\nbutton {\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  border-radius: 0;\n  color: inherit;\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n}\n\nz-icon {\n  --z-icon-width: calc(var(--space-unit) * 3);\n  --z-icon-height: calc(var(--space-unit) * 3);\n\n  display: flex;\n}\n\n.z-info-reveal-trigger {\n  display: flex;\n  width: fit-content;\n  height: 100%;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2);\n  box-shadow: var(--z-info-reveal-shadow);\n  column-gap: calc(var(--space-unit) / 2);\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-trigger,\n:host([position=\"bottom_left\"]) .z-info-reveal-trigger {\n  flex-direction: row-reverse;\n}\n\n:host([open]) .z-info-reveal-trigger {\n  box-shadow: none;\n}\n\n.info-box {\n  position: absolute;\n  display: flex;\n  max-width: var(--z-info-reveal-max-width);\n  padding: calc(var(--space-unit) / 2);\n  background-color: var(--z-info-reveal-theme--surface);\n  box-shadow: var(--z-info-reveal-shadow);\n  column-gap: calc(var(--space-unit) / 2);\n  cursor: pointer;\n}\n\n:host([position=\"bottom_left\"]) .info-box,\n:host([position=\"bottom_right\"]) .info-box {\n  bottom: 0;\n}\n\n:host([position=\"top_right\"]) .info-box,\n:host([position=\"bottom_right\"]) .info-box {\n  right: 0;\n}\n\n:host([position=\"top_left\"]) .info-box,\n:host([position=\"bottom_left\"]) .info-box {\n  left: 0;\n  flex-direction: row-reverse;\n}\n\n::slotted(*) {\n  display: none;\n  width: max-content;\n}\n\n::slotted([data-current]) {\n  display: block;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-close,\n:host([position=\"top_right\"]) .z-info-reveal-close {\n  align-self: flex-start;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-close,\n:host([position=\"bottom_right\"]) .z-info-reveal-close {\n  align-self: flex-end;\n}\n","import {Component, h, Prop, State, Watch, Element, Host} from \"@stencil/core\";\nimport {InfoRevealPosition} from \"../../beans\";\n\n@Component({\n  tag: \"z-info-reveal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\n\n/**\n * Info reveal component.\n *\n * @slot - info to display in the info box. If more than one element has been slotted,\n * by clicking on the panel it switches to the next info element.\n * @cssprop --z-info-reveal-theme--surface - background color of the info reveal panel.\n * @cssprop --z-info-reveal-theme--text - foreground color of the info reveal panel.\n * @cssprop --z-info-reveal-shadow - shadow of the info reveal panel.\n * @cssprop --z-info-reveal-max-width - max width of the info reveal panel.\n */\nexport class ZInfoReveal {\n  @Element() el: HTMLZInfoRevealElement;\n\n  /** Name of the icon for the open button */\n  @Prop()\n  icon? = \"informationsource\";\n\n  /** Info reveal's position */\n  @Prop({reflect: true})\n  position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n  /** Text that appears on closed panel next to the open button. */\n  @Prop()\n  label?: string;\n\n  /** Whether the info panel is open. */\n  @State()\n  open = false;\n\n  /** Current index for the info queue. */\n  @State()\n  currentIndex: number = null;\n\n  @Watch(\"currentIndex\")\n  watchItems(): void {\n    Array.from(this.el.children).forEach((child, index) => {\n      if (this.currentIndex === index) {\n        child.setAttribute(\"data-current\", \"\");\n      } else {\n        child.removeAttribute(\"data-current\");\n      }\n    });\n  }\n\n  /**\n   * Open the info box.\n   */\n  private openInfoBox(): void {\n    this.currentIndex = 0;\n    this.open = true;\n  }\n\n  /**\n   * Close the info box.\n   */\n  private closeInfoBox(): void {\n    this.open = false;\n  }\n\n  /**\n   * Navigate slotted info.\n   * It closes the info box after the last info has been navigated.\n   */\n  private next(): void {\n    this.currentIndex = this.currentIndex + 1;\n    if (this.currentIndex === this.el.children.length) {\n      this.closeInfoBox();\n    }\n  }\n\n  render(): HTMLZInfoRevealElement {\n    return (\n      <Host open={this.open}>\n        <button\n          class=\"z-info-reveal-trigger\"\n          onClick={this.openInfoBox.bind(this)}\n        >\n          {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n          <z-icon name={this.icon}></z-icon>\n        </button>\n        {this.open && (\n          <div\n            class=\"info-box\"\n            onClick={this.next.bind(this)}\n            tabIndex={0}\n          >\n            <slot></slot>\n            <button\n              class=\"z-info-reveal-close\"\n              onClick={this.closeInfoBox.bind(this)}\n            >\n              <z-icon name=\"close\"></z-icon>\n            </button>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-info-reveal.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,o/EAAo/E,CAAC;AACvgF,0BAAe,SAAS;;MCaX,WAAW;;;oBAGd,mBAAmB;wBAQK,kBAAkB,CAAC,YAAY;;yBAQnD,4BAA4B;oBAInB,WAAW,CAAC,GAAG;oBAI7B,KAAK;;;;;IAYZ,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO;SACR;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9G,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;;QAEvD,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAC/B,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,UAAU,CACnF,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,cAAc,IAAI,CAAC;KACnD;;;;IAKO,WAAW;QACjB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;KACxB;;;;IAKO,UAAU;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;IAGD,eAAe,CAAC,KAAoB;QAClC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE;YACvC,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACnB,+DACE,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,gBACxB,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,SAAS,mBACrC,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,mBAC7B,qBAAqB,IAElC,IAAI,CAAC,IAAI,IAAI,cAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EACxC,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC7D,EACT,4DACE,KAAK,EAAC,qBAAqB,EAC3B,EAAE,EAAC,qBAAqB,EACxB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,EAC9B,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IAElB,8DAAa,EACb,+DACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,gBACxB,8BAA8B,IAEzC,+DAAQ,IAAI,EAAC,UAAU,GAAG,CACnB,CACL,CACD,EACP;KACH;;;;;;;;;;;","names":[],"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-text04);\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-icon03);\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-text04);\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-icon03);\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, h, Prop, State, Host, Listen, Watch, Element} 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"],"version":3}

package/dist/esm/z-link.entry.js

@@ -47,7 +47,7 @@ const ZLink = class {
         }
     }
     render() {
-        return (h("a", { key: '425050abb1336c772d5bbe5ec770a998c50089b5', id: this.htmlid, href: this.href ? this.href : null, class: {
+        return (h("a", { key: 'ec5051df288fd9731b92f6551bfaa9b999d20462', id: this.htmlid, href: this.href ? this.href : null, class: {
                 disabled: this.isdisabled,
                 active: this.isactive,
                 white: this.iswhite,

package/dist/esm/z-messages-pocket.entry.js

@@ -36,7 +36,7 @@ const ZMessagesPocket = class {
         return (h("z-pocket-body", { pocketid: this.pocketid }, h("div", { class: "body" }, h("slot", null)), h("div", { class: "gradient" })));
     }
     render() {
-        return (h("z-pocket", { key: 'e0c113aadfcef0376b1dc1d3bf0bd1d9b02148c5', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
+        return (h("z-pocket", { key: 'b1a475a7acb4aaf3cd2324f8f6574c3df9e886f3', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
     }
 };
 ZMessagesPocket.style = ZMessagesPocketStyle0;

package/dist/esm/z-myz-card-alert.entry.js

@@ -52,7 +52,7 @@ const ZMyzCardAlert = class {
         }
     }
     render() {
-        return (h("div", { key: 'c890e1c604a84aac86fecb998f9338c8f50fb345', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '829a76b64ae5068db9ac61c203c741bd286ba81a', type: this.getAlertType() }, h("div", { key: '387827b3e8d2da296c26a3929a5828c98dde880b', class: "relative-container" }, h("z-icon", { key: '8f33aa306f982d19057ea8e810f04c8fb42869d7', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '07dd3bb51a1bbdce15b970c90423ca4c89122909', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: 'f816c5248c844b5526fec888a85e8496c7c90d98', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'db2af869a234fe61fe76774de497c3318444aa9a', type: this.getAlertType() }, h("div", { key: 'a0f93f7a3213088a4439a1f77dca6fa257d16169', class: "relative-container" }, h("z-icon", { key: 'c1233e3076b57d020e8027881fc6dd2678e63ebc', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '6d9a27d78665bb794747d72d50a63c4c54520e22', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/esm/z-myz-card-dictionary.entry.js

@@ -23,7 +23,7 @@ const ZMyzCardDictionary = class {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '1fe60ae11176ccbc16a5ff68e483d89e22b91c02' }, h("z-myz-card", { key: 'e553917829677ee56d9b076d7a23c87c6f90378a' }, h("z-myz-card-header", { key: '9406d2c2e6e06fc71f75f687e62f73d482932ca8', titolo: this.name }), h("div", { key: '81f749c82b968c5d41303432e384da5808f9e0ee', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'facefc39c8331e8a385b8ff44768f6be8899fbca', class: "front" }, h("z-myz-card-body", { key: '73c31a9f60d94c02d3a4e85738b355430b2de4a1' }, h("z-myz-card-cover", { key: '95d79bc0ace8e3ec30b9920dd79a79dce6de9ed9', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '805fcc896d005e1b1c891918ad780e627ca3a372', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '6df3496b8aa8cf79b40c5443d96ca253596f9305', class: "back" }, h("slot", { key: 'f5895f11b8a6d88322057b55cf33676b2b47619f', name: "info" }))), h("slot", { key: 'e1645cc8da0229d33341d0d1b749e82e93caa804' }))));
+        return (h("div", { key: '96caf561d4eba775d1444997a7e7c836c26cc9ec' }, h("z-myz-card", { key: '3a8c8c93437564ac3230d1b0eb488b7dac9ebf2f' }, h("z-myz-card-header", { key: '0d8799942f0d4f9ab2af2c49c00e57b1e1656e12', titolo: this.name }), h("div", { key: '973b554f76522b627b16e5eb9a149fba5f40b2ed', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '9bbc28302b56a87066f823bd6d955bb0da2727f5', class: "front" }, h("z-myz-card-body", { key: 'fa95d36e00e3fa7b7687700ce81011a7c448e3c9' }, h("z-myz-card-cover", { key: '97e18aa20e8aa457ce59c6099e6750006f1b6558', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '98b88db1a8cb836761859b28e78a91e77a382ee9', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '45bb4be033a17b7234bfcec8c0094f83aefc826d', class: "back" }, h("slot", { key: '089d5d4d4b842d205ee4a9f4109551a9968a2606', name: "info" }))), h("slot", { key: 'e458915924a0b35036620574f35c0340eeea851c' }))));
     }
 };
 ZMyzCardDictionary.style = ZMyzCardDictionaryStyle0;

package/dist/esm/z-myz-card-footer-sections.entry.js

@@ -8,7 +8,7 @@ const ZMyzCardFooterSections = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'a293f04dca9996921d120faad7a7338afdab0205' }, h("footer", { key: 'e7fc7b09f264943f559723900a225f6c5201b9d1' }, h("div", { key: '782863c61b3b92c3735db24a3f2ec66ee195e72b', class: "top" }, h("slot", { key: '940eae81a4f44cf95f6f2175f91e1b734dd7bc9f', name: "top" })), h("div", { key: 'eb385964446becb65d044b5143ee7bc534f9b16b', class: "bottom" }, h("slot", { key: '2c3be22878583359845307dd704d102dc006fc97', name: "bottom" })))));
+        return (h("div", { key: '4ba6b97d65b6e6356411680b1b0d954c3b2ef2a6' }, h("footer", { key: '9b29ba240c9420c8aa6c3757f99e60e0806e403e' }, h("div", { key: '13d5c349f14a9de7b172ec1c4e45784eae1ab845', class: "top" }, h("slot", { key: '74af633d2e01f97b9487e10baaa44e2b6aebdaed', name: "top" })), h("div", { key: 'c2adb665b29ce04cea0f6d8d4f6dc76a7c801582', class: "bottom" }, h("slot", { key: 'fb5967cd696d33d1dc46aa75d3f65526254f8330', name: "bottom" })))));
     }
 };
 ZMyzCardFooterSections.style = ZMyzCardFooterSectionsStyle0;

package/dist/esm/z-myz-card-footer.entry.js

@@ -60,7 +60,7 @@ const ZMyzCardFooter = class {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: '6ed5373d90bd7f80f1412066b09b7291e6d283b7', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '447aa1915840f306ab875aa0a8843b959772dfd6', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '8c31afb6a3241cacbdec78490a95bc31e0e03e74', class: "toggle" }, h("slot", { key: '64015f7e978dec828cc2402b808d0b373b5a0409', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'e690589525fba6098379f05c7fb60151cb1089fd', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '99e39a4546bfc31bac37b1cac1f43a1303d61e08' }, h("p", { key: '457c28e40fd112283c9d2f4a21d770352fd256e5', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: 'a8a8c1b5e5333ec3558fa4c3cba38921dd4ea33c', title: this.getTitleAuthors() }, h("span", { key: 'ca6ebb69ebaa9af15e213edca5e5b3a847a88902', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'e5e6d7ea2a83fbf92725e835482dc09c09977fad', class: "year-isbn" }, h("span", { key: '4d8e0f8e9e6fde5c82ede3051f558c53db7bc5c2', class: "isbn" }, h("span", { key: 'b44adc460b940b90d08f53a2d9b6c053fd9c1360' }, h("span", { key: '2ca37f42a5b91c792c312eda3651b03e1603d408', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '96006f998673ed1b7eaf230aaa6dd55ff6119efd', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '0ee8accf4ee783005fa2e4c148b4e6c39da79bfc', name: "list" })))), this.customContent && h("slot", { name: "content" })));
+        return (h("div", { key: 'd25703feb65157ccfd4fb42c79a73a1f727d84ab', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '589c894f50804b126ccf3e187ca9dc7a0bff8c7d', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'd8ee7a9624b45cd582ef83f17d87bccbc9e7ca3c', class: "toggle" }, h("slot", { key: '9bd203e35e8843c35b9cf62d140fa06101babf04', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '6cd83f729f597b1d7d0459487c7f7d750f313fd5', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '734463c250896fa385a64f661d9fe274adc012af' }, h("p", { key: '02a46fe8a54a1a7c03779c61be3443eac21b0bf5', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '354b92a3744e1fc714d38de05c2edce826ab590e', title: this.getTitleAuthors() }, h("span", { key: '43335f22836f4ca789a92cd787416af4dc5b877f', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '5575991c3019e2446bc8940de8ba98feef8c6867', class: "year-isbn" }, h("span", { key: 'f831de5b649d3f4d05118d21014c40615bc3e8b3', class: "isbn" }, h("span", { key: '947cb10c2d7f65b24e946d47d3a203af61fc1227' }, h("span", { key: '5afac8722d1d9371f94de64d826daf0e9332b8cb', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '91a09f5fb5c6446df88d4f364a5faf2093c8670e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'b25f5a65d17b3f403ecf3d9534a7fdfbbbfe9c22', name: "list" })))), this.customContent && h("slot", { name: "content" })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/z-myz-card-icon.entry.js

@@ -11,7 +11,7 @@ const ZMyzCardIcon = class {
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: 'bbbbbbe77b7de06f08972ee4d5026ed462c746dc', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '8ad2c105260ef90af55fc87533513664d6accc9c' }, h("z-icon", { key: '9af21937f5c601ad05966c684b28f5f5503e5932', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: 'baa3a80095798ad5aeffd5ed7c82f734972fffcd', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '6087bd7415624e7e299d2d56a1974259503f1025' }, h("z-icon", { key: '1ec75e4468b4ae898df057c2e0739d28d8b50fab', name: this.icon, width: 16, height: 16 }))));
     }
 };
 ZMyzCardIcon.style = ZMyzCardIconStyle0;

package/dist/esm/z-myz-card-info.entry.js

@@ -118,7 +118,7 @@ const ZMyzCardInfo = class {
         return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (h("div", { key: 'c1d199e2420f86a8a60dce3eab6e0a877e20b109' }, this.renderCloseIcon(), h("div", { key: '1218661257dde4a97a835c2016211b062afca5b4', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '5868f7ca0fbbbbfe9fec097e4c1c857822b49278', class: "cta-wrapper" }, h("slot", { key: '3096506a2afaebc24377314454db3b25f3ae746d' }))));
+        return (h("div", { key: '03264429f281a91e3450b1d8aacda2a9268fad01' }, this.renderCloseIcon(), h("div", { key: '9e0ee2f4a5e0866b4aac9daa3636e8bfe7712a3e', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '6f1ee0a26f667e4a1fb47501225fdb00e322dfaa', class: "cta-wrapper" }, h("slot", { key: '669006e3062811debbd965dc7e85e09ad7107713' }))));
     }
 };
 ZMyzCardInfo.style = ZMyzCardInfoStyle0;

package/dist/esm/z-myz-card-list.entry.js

@@ -28,7 +28,7 @@ const ZMyzCardList = class {
         });
     }
     render() {
-        return h("ul", { key: '250f4b81e12dff09558a14b130f8b6a0226c0384' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: 'eabe41902a685c9b541606cd45920f379b6d1362' }, this.renderList(JSON.parse(this.listdata)));
     }
 };
 ZMyzCardList.style = ZMyzCardListStyle0;

package/dist/esm/z-myz-card_4.entry.js

@@ -35,7 +35,7 @@ const ZMyzCardComponent = class {
         return elemClasses;
     }
     render() {
-        return (h("div", { key: '37a248c80cbcc045d2c053bda3acb7506a6d3028', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'e62b60f5edc7bc949261b0e1f5a9734db07f3ed9' })));
+        return (h("div", { key: 'a72f39c9ad9161449a5f58965e2d93d83a107490', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '66669fd94e4018f6c6dd05ff9d9bda41c0f007bf' })));
     }
 };
 ZMyzCardComponent.style = ZMyzCardStyle0;
@@ -48,7 +48,7 @@ const ZMyzCardBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '7d193913aaee1ce18633cb39f322bde63dd0f636' }, h("slot", { key: '59b557d02f579f35c15ac0ac03a084a3f43a00c0', name: "alert" }), h("slot", { key: 'bcd8832a6c010f6dbc6a6d5579efe7801ff6a60c', name: "cover" })));
+        return (h("div", { key: '12386f13964444007e6bef9219e791d01f131d9a' }, h("slot", { key: '10378c336d6a6c70dea11375397fd734dc570f53', name: "alert" }), h("slot", { key: '7dfff15df0a1a32f63ac329a4be3b11d7d4554f6', name: "cover" })));
     }
 };
 ZMyzCardBody.style = ZMyzCardBodyStyle0;
@@ -68,7 +68,7 @@ const ZMyzCardCover = class {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: '5d3f258dae6077687ccd98690f6caad390bc05aa', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: '1123789029226a12e2953a6b58d5030eadec11ab', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
 };
 ZMyzCardCover.style = ZMyzCardCoverStyle0;
@@ -104,7 +104,7 @@ const ZMyzCardHeader = class {
         };
     }
     render() {
-        return (h("header", { key: '904634bcd078321c3142c3b92eb8ad14244c6c4b', class: this.retrieveClass() }, h("slot", { key: 'c6e19f0f2b536def7a32c3dd9343439f8d532e98', name: "aria-heading" }), h("span", { key: '36da9db6eb1620f5ef38db575ec81196997ccb48', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '7f3f94bb0161e385189963b861eb61ef224c1548', name: "icon" })));
+        return (h("header", { key: 'b78bcd035a80f910780071965ac3226cfe13d307', class: this.retrieveClass() }, h("slot", { key: '012280b6c5689ce3266f63460002bc8aba202493', name: "aria-heading" }), h("span", { key: 'ee783cc471606e97a88809eddf6d0436e07d15e7', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '0a628219decd82055dc7e7b6c0b6fc30570e268e', name: "icon" })));
     }
 };
 ZMyzCardHeader.style = ZMyzCardHeaderStyle0;

package/dist/esm/z-myz-list.entry.js

@@ -22,7 +22,7 @@ const ZMyzList = class {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: '7ae896a090c0215b27d6e4b9cd44a269c03c009c' }, this.list &&
+        return (h("ul", { key: '943b3633a4b233466186116698cb65f49ecde7ce' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get watchers() { return {

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

@@ -20,7 +20,7 @@ const ZOtp = class {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: '3ade863dca22eba0ad15da52ead3264745aeca8c', class: "otp-container" }, h("div", { key: 'd95c622db298145d11b422312f12194b9014163b', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: 'a7f919ee8d83098adb6303d6af70a701684d9752', class: "otp-container" }, h("div", { key: '07143c3078db7cd5dd9f5bf48c977d87df9457e9', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -31,7 +31,7 @@ const ZOtp = class {
             }, onInput: (e) => {
                 this.otp[i] = e.target.value;
                 this.emitInputChange(this.otp.join(""));
-            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: 'be1d42180f1079a7a3dc199c2e4a9467e6216a47', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '19663f9110cfe610c76ca900938192fb4f7fb96c', message: this.message, status: this.status })));
     }
 };
 ZOtp.style = ZOtpStyle0;

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

@@ -8,7 +8,7 @@ const ZPocketMessage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '843ee900479a31fb894034f112cc0228b96777db' }, h("z-icon", { key: 'fd7328544da14a6f0291267e9b5b0f13eebc6d78', name: "exclamation-circle" }), h("div", { key: '1612d02ebeb6a3181d632350af14d847883cdce4', class: "content" }, h("slot", { key: 'f7256dfd56028f2dc9e3c42c324c210041ed50ad' })), h("div", { key: '9b5db0c5c46967ba4ae2091fac0ab3e4ec3718ff', class: "cta-wrapper" }, h("slot", { key: '9a23bdb386bd1c10d311c41226a430e2a61b9d45', name: "cta" }))));
+        return (h("div", { key: 'db10fcdf23fbd0da7833e01f8d72a6302f6cadba' }, h("z-icon", { key: '7c241ba1a147f71db15162c5ee6d84738536430e', name: "exclamation-circle" }), h("div", { key: '7ec8936f539f19047c644be7b9ec1dd985d3d42e', class: "content" }, h("slot", { key: 'a6cd9ab932dcac28058640df1a08da9f174e1a2b' })), h("div", { key: '376e912ec9d49a7148b620b54ce26d9e8a278f1f', class: "cta-wrapper" }, h("slot", { key: '3ccbb7a2cd41d211ab76734fb73e7b23aa100d9b', name: "cta" }))));
     }
 };
 ZPocketMessage.style = ZPocketMessageStyle0;

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

@@ -60,7 +60,7 @@ const ZPocket = class {
         }
     }
     render() {
-        return (h("div", { key: 'ad25460e1d77b82434d7237fc8bf70bdaccd1037' }, h("div", { key: '66003489b14556acf7ea4345dfd942cb244abfad', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: '69e23ca317f9aa2d68e00213af6d4aba2d01a5f9', id: this.pocketid, class: "content-wrapper" }, h("div", { key: '1d02d4b55e0853375c3770bd0f038e38922ce3f4' }, h("slot", { key: 'a4a0ebc7522d5f242263ac87b8b61191dd98d2b7' })))));
+        return (h("div", { key: 'e900c7a30cc100691a08e99eef3e75ab09228ac6' }, h("div", { key: '789f4dd2b162f4693b4d6d4d0636d6614a69e2a3', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: 'f53572738d1fc377efafa3f4c9b2b012eb8dcd87', id: this.pocketid, class: "content-wrapper" }, h("div", { key: '8bc1cdbc0c8cd10bb978dd4e04da88da183a2a0c' }, h("slot", { key: '6ac22e14a792914aca4dca5a7da5bd3999a6dd17' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -84,7 +84,7 @@ const ZPocketBody = class {
         }
     }
     render() {
-        return (h("main", { key: 'f017441cd9ae7d12e0bea9ee61f6ebae5809ade7', class: this.status }, h("slot", { key: '02d262a95a8d41b1e303ac9d0efbd4218e8b28c9' })));
+        return (h("main", { key: 'c93989e78b34be843571bb21bbd26f324ae86456', class: this.status }, h("slot", { key: 'f4755713e7084a59b91d35456502d0456a2aa339' })));
     }
 };
 ZPocketBody.style = ZPocketBodyStyle0;
@@ -114,7 +114,7 @@ const ZPocketHeader = class {
         mc.on("pandown", () => this.emitPocketHeaderPan("down"));
     }
     render() {
-        return (h("header", { key: 'f14fbd3ff1d6757a840175eb9f17e71e40d7c507', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: 'f6087dbe044ca3f0d2777194a73e60c4d5306c3c' })));
+        return (h("header", { key: '03faf1e1005718b682ebae5e663d880e6b3763a2', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: '329c89a202e0a5f351c080ed513ce90e873caa75' })));
     }
 };
 ZPocketHeader.style = ZPocketHeaderStyle0;

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

@@ -300,7 +300,7 @@ const ZPopover = class {
         this.onOpen();
     }
     render() {
-        return h("slot", { key: '5b096156553e94c50200ccd47d6ea97d65f03c54' });
+        return h("slot", { key: 'dcaaf8ad7c023e4f7b681aa8e39273d485e69d80' });
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/z-section-title.entry.js

@@ -14,7 +14,7 @@ const ZSectionTitle = class {
         this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
     }
     render() {
-        return (h(Host, { key: 'ffae3cccc6d4923d5904055ab083a1d581818e5b' }, h("slot", { key: 'a8bad3881acb225f24dafd28316bc08be97657f1', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: '7121066325d4be6c5385d70083da300f15eacf2b', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (h(Host, { key: 'd691017e2953d129c291a8d1e8fa5411f0faf457' }, h("slot", { key: '99c8dce52dde7a85c2dd7423d08875b9a5ab4dfe', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'de5810f9b9a3db9c2fb81a59ac3dda261079b81f', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/z-skip-to-content.entry.js

@@ -48,7 +48,7 @@ const ZSkipToContent = class {
         this.visible = false;
     }
     render() {
-        return (h(Host, { key: '911d2c6e0710ecc5f438fba15ace454e2d43b2d1', class: {
+        return (h(Host, { key: 'a23874893887060f9581859334bd1a21603a46bb', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

package/dist/esm/z-visually-hidden.entry.js

@@ -8,7 +8,7 @@ const ZVisuallyHidden = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: '65fd2ab29bc68aa93203b219daa615d80bc6bdba' });
+        return h("slot", { key: '3621cee7a23fe68812b92d58a239dce03caf4724' });
     }
 };
 ZVisuallyHidden.style = ZVisuallyHiddenStyle0;

package/dist/types/components/z-info-reveal/index.d.ts

@@ -1,29 +1,41 @@
-import { InfoRevealPosition } from "../../beans";
+import { ControlSize, InfoRevealPosition } from "../../beans";
+/**
+ * Info reveal component.
+ *
+ * @slot - content of the info panel.
+ * @cssprop --z-info-reveal-panel-width - Width of the info panel.
+ */
 export declare class ZInfoReveal {
-    el: HTMLZInfoRevealElement;
-    /** Name of the icon for the open button */
+    /** Name of the icon for the trigger button */
     icon?: string;
-    /** Info reveal's position */
+    /**
+     * The position of the z-info-reveal in the page. This helps to correctly place the info panel.
+     * The panel will grow in the opposite direction of the position.
+     * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.
+     */
     position?: InfoRevealPosition;
-    /** Text that appears on closed panel next to the open button. */
+    /** Label of the trigger button. */
     label?: string;
+    /** Aria label of the trigger button. It will be only used when `label` prop is empty. */
+    ariaLabel: string;
+    /** Size of the trigger button */
+    size?: ControlSize;
     /** Whether the info panel is open. */
     open: boolean;
-    /** Current index for the info queue. */
-    currentIndex: number;
-    watchItems(): void;
+    host: HTMLZInfoRevealElement;
+    private panel;
     /**
-     * Open the info box.
+     * Adjust the position of the info panel to prevent exiting the viewport.
      */
-    private openInfoBox;
+    adjustPanelPosition(): void;
     /**
-     * Close the info box.
+     * Toggle the open state of the info panel.
      */
-    private closeInfoBox;
+    private togglePanel;
     /**
-     * Navigate slotted info.
-     * It closes the info box after the last info has been navigated.
+     * Close the info panel.
      */
-    private next;
+    private closePanel;
+    handleEscapeKey(event: KeyboardEvent): void;
     render(): HTMLZInfoRevealElement;
 }

package/dist/types/components.d.ts

@@ -683,19 +683,31 @@ export namespace Components {
          */
         "isclosable": boolean;
     }
+    /**
+     * Info reveal component.
+     * @cssprop --z-info-reveal-panel-width - Width of the info panel.
+     */
     interface ZInfoReveal {
         /**
-          * Name of the icon for the open button
+          * Aria label of the trigger button. It will be only used when `label` prop is empty.
+         */
+        "ariaLabel": string;
+        /**
+          * Name of the icon for the trigger button
          */
         "icon"?: string;
         /**
-          * Text that appears on closed panel next to the open button.
+          * Label of the trigger button.
          */
         "label"?: string;
         /**
-          * Info reveal's position
+          * The position of the z-info-reveal in the page. This helps to correctly place the info panel. The panel will grow in the opposite direction of the position. For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.
          */
         "position"?: InfoRevealPosition;
+        /**
+          * Size of the trigger button
+         */
+        "size"?: ControlSize;
     }
     interface ZInput {
         /**
@@ -2540,6 +2552,10 @@ declare global {
         prototype: HTMLZInfoBoxElement;
         new (): HTMLZInfoBoxElement;
     };
+    /**
+     * Info reveal component.
+     * @cssprop --z-info-reveal-panel-width - Width of the info panel.
+     */
     interface HTMLZInfoRevealElement extends Components.ZInfoReveal, HTMLStencilElement {
     }
     var HTMLZInfoRevealElement: {
@@ -4081,19 +4097,31 @@ declare namespace LocalJSX {
          */
         "onInfoBoxClose"?: (event: ZInfoBoxCustomEvent<any>) => void;
     }
+    /**
+     * Info reveal component.
+     * @cssprop --z-info-reveal-panel-width - Width of the info panel.
+     */
     interface ZInfoReveal {
         /**
-          * Name of the icon for the open button
+          * Aria label of the trigger button. It will be only used when `label` prop is empty.
+         */
+        "ariaLabel"?: string;
+        /**
+          * Name of the icon for the trigger button
          */
         "icon"?: string;
         /**
-          * Text that appears on closed panel next to the open button.
+          * Label of the trigger button.
          */
         "label"?: string;
         /**
-          * Info reveal's position
+          * The position of the z-info-reveal in the page. This helps to correctly place the info panel. The panel will grow in the opposite direction of the position. For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.
          */
         "position"?: InfoRevealPosition;
+        /**
+          * Size of the trigger button
+         */
+        "size"?: ControlSize;
     }
     interface ZInput {
         /**
@@ -5754,6 +5782,10 @@ declare module "@stencil/core" {
             "z-ghost-loading": LocalJSX.ZGhostLoading & JSXBase.HTMLAttributes<HTMLZGhostLoadingElement>;
             "z-icon": LocalJSX.ZIcon & JSXBase.HTMLAttributes<HTMLZIconElement>;
             "z-info-box": LocalJSX.ZInfoBox & JSXBase.HTMLAttributes<HTMLZInfoBoxElement>;
+            /**
+             * Info reveal component.
+             * @cssprop --z-info-reveal-panel-width - Width of the info panel.
+             */
             "z-info-reveal": LocalJSX.ZInfoReveal & JSXBase.HTMLAttributes<HTMLZInfoRevealElement>;
             "z-input": LocalJSX.ZInput & JSXBase.HTMLAttributes<HTMLZInputElement>;
             "z-input-message": LocalJSX.ZInputMessage & JSXBase.HTMLAttributes<HTMLZInputMessageElement>;

package/{www/build/p-de972497.entry.js → dist/web-components-library/p-02c08dd1.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e}from"./p-10bb4f4b.js";import{P as n}from"./p-025f494e.js";import{a as s}from"./p-955da62e.js";import"./p-2c886e8b.js";const o=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';const r=o;const a=class{emitFlipCard(i=false){this.flipCard.emit(i)}constructor(e){i(this,e);this.flipCard=t(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${i}px`;this.hiddenContent=true;return}this.hiddenContent=false}setStringOrArray(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}}renderCloseIcon(){return e("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(false),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,false)}})}renderGeneralSection(){var i,t;const n=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.title;const s=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.description;return e("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{if(this.hiddenContent){this.tooltip=!this.tooltip}},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),n,e("br",null),s)}renderAuthor(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!t){return null}return e("span",null,"Autore: ",e("b",null,t),e("br",null))}renderYear(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!t){return null}return e("span",null,"Anno: ",e("b",null,t),e("br",null))}renderTooltip(){if(!this.tooltip){return}if(!this.cardData){return}const{title:i,year:t,author:s,description:o}=this.cardData;return e("z-popover",{position:n.RIGHT,onClick:()=>this.tooltip=false},`${i} ${t} ${s} ${o}`)}setExpirationLicenseMessage(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return e("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return e("span",{class:"expiring"},"IN SCADENZA")}}renderOnlineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.onlineLicense)){return}return e("section",{ref:i=>this.onlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",e("b",null,this.cardData.onlineLicense.expiration),e("br",null))}renderOfflineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.offlineLicense)){return}return e("section",{ref:i=>this.offlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",e("b",null,this.cardData.offlineLicense.expiration),e("br",null),"Installazioni disponibili: ",e("b",null,this.cardData.offlineLicense.installations))}render(){return e("div",{key:"c1d199e2420f86a8a60dce3eab6e0a877e20b109"},this.renderCloseIcon(),e("div",{key:"1218661257dde4a97a835c2016211b062afca5b4",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),e("div",{key:"5868f7ca0fbbbbfe9fec097e4c1c857822b49278",class:"cta-wrapper"},e("slot",{key:"3096506a2afaebc24377314454db3b25f3ae746d"})))}};a.style=r;export{a as z_myz_card_info};
-//# sourceMappingURL=p-de972497.entry.js.map
+import{r as i,c as e,h as t}from"./p-10bb4f4b.js";import{P as n}from"./p-025f494e.js";import{a as s}from"./p-955da62e.js";import"./p-2c886e8b.js";const o=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';const r=o;const a=class{emitFlipCard(i=false){this.flipCard.emit(i)}constructor(t){i(this,t);this.flipCard=e(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${i}px`;this.hiddenContent=true;return}this.hiddenContent=false}setStringOrArray(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}}renderCloseIcon(){return t("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(false),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,false)}})}renderGeneralSection(){var i,e;const n=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.title;const s=(e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0?void 0:e.description;return t("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{if(this.hiddenContent){this.tooltip=!this.tooltip}},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),n,t("br",null),s)}renderAuthor(){var i;const e=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!e){return null}return t("span",null,"Autore: ",t("b",null,e),t("br",null))}renderYear(){var i;const e=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!e){return null}return t("span",null,"Anno: ",t("b",null,e),t("br",null))}renderTooltip(){if(!this.tooltip){return}if(!this.cardData){return}const{title:i,year:e,author:s,description:o}=this.cardData;return t("z-popover",{position:n.RIGHT,onClick:()=>this.tooltip=false},`${i} ${e} ${s} ${o}`)}setExpirationLicenseMessage(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return t("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return t("span",{class:"expiring"},"IN SCADENZA")}}renderOnlineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.onlineLicense)){return}return t("section",{ref:i=>this.onlineLicenseWrapper=i},t("span",{class:"license-heading"},t("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",t("b",null,this.cardData.onlineLicense.expiration),t("br",null))}renderOfflineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.offlineLicense)){return}return t("section",{ref:i=>this.offlineLicenseWrapper=i},t("span",{class:"license-heading"},t("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",t("b",null,this.cardData.offlineLicense.expiration),t("br",null),"Installazioni disponibili: ",t("b",null,this.cardData.offlineLicense.installations))}render(){return t("div",{key:"03264429f281a91e3450b1d8aacda2a9268fad01"},this.renderCloseIcon(),t("div",{key:"9e0ee2f4a5e0866b4aac9daa3636e8bfe7712a3e",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),t("div",{key:"6f1ee0a26f667e4a1fb47501225fdb00e322dfaa",class:"cta-wrapper"},t("slot",{key:"669006e3062811debbd965dc7e85e09ad7107713"})))}};a.style=r;export{a as z_myz_card_info};
+//# sourceMappingURL=p-02c08dd1.entry.js.map

package/dist/web-components-library/{p-48c6050f.entry.js → p-164b4986.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as s}from"./p-10bb4f4b.js";import{q as a}from"./p-025f494e.js";import{a as o}from"./p-955da62e.js";import{H as r}from"./p-54b0b04e.js";import"./p-2c886e8b.js";const n=":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";const d=n;const c=class{constructor(i){t(this,i);this.pocketToggle=e(this,"pocketToggle",7);this.pocketid=undefined;this.status=a.PREVIEW}async open(){this.status=a.OPEN}async close(){this.status=a.CLOSED}emitPocketToggle(t,e){this.pocketToggle.emit({id:t,status:e})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid){switch(this.status){case a.PREVIEW:case a.CLOSED:this.status=a.OPEN;break;case a.OPEN:this.status=a.CLOSED;break}}}handlePocketHeaderPan(t){if(t.detail.id&&t.detail.id===this.pocketid){if(t.detail.direction==="up"){this.status=a.OPEN}else if(t.detail.direction==="down"){this.status=a.CLOSED}}}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){if(t.target.dataset.action=="pocketBackground"){this.close()}}render(){return i("div",{key:"ad25460e1d77b82434d7237fc8bf70bdaccd1037"},i("div",{key:"66003489b14556acf7ea4345dfd942cb244abfad","data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),i("div",{key:"69e23ca317f9aa2d68e00213af6d4aba2d01a5f9",id:this.pocketid,class:"content-wrapper"},i("div",{key:"1d02d4b55e0853375c3770bd0f038e38922ce3f4"},i("slot",{key:"a4a0ebc7522d5f242263ac87b8b61191dd98d2b7"}))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};c.style=d;const h=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>main{overflow:auto;border-right:var(--border-size-small) solid var(--color-surface03);border-left:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const l=h;const f=class{constructor(e){t(this,e);this.pocketid=undefined;this.status=a.PREVIEW}handlePocketToggle(t){if(t.detail.id&&t.detail.id===this.pocketid){this.status=t.detail.status}}render(){return i("main",{key:"f017441cd9ae7d12e0bea9ee61f6ebae5809ade7",class:this.status},i("slot",{key:"02d262a95a8d41b1e303ac9d0efbd4218e8b28c9"}))}};f.style=l;const p=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>header{display:flex;height:36px;flex-flow:row nowrap;align-items:center;justify-content:center;border:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);border-radius:var(--space-unit) var(--space-unit) 0 0;cursor:pointer}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";const b=p;const u=class{emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}constructor(i){t(this,i);this.pocketHeaderClick=e(this,"pocketHeaderClick",7);this.pocketHeaderPan=e(this,"pocketHeaderPan",7);this.pocketid=undefined;this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL});t.on("panup",(()=>this.emitPocketHeaderPan("up")));t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return i("header",{key:"f14fbd3ff1d6757a840175eb9f17e71e40d7c507",role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>o(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},i("slot",{key:"f6087dbe044ca3f0d2777194a73e60c4d5306c3c"}))}};u.style=b;export{c as z_pocket,f as z_pocket_body,u as z_pocket_header};
-//# sourceMappingURL=p-48c6050f.entry.js.map
+import{r as t,c as e,h as i,g as a}from"./p-10bb4f4b.js";import{q as s}from"./p-025f494e.js";import{a as o}from"./p-955da62e.js";import{H as r}from"./p-54b0b04e.js";import"./p-2c886e8b.js";const n=":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";const c=n;const d=class{constructor(i){t(this,i);this.pocketToggle=e(this,"pocketToggle",7);this.pocketid=undefined;this.status=s.PREVIEW}async open(){this.status=s.OPEN}async close(){this.status=s.CLOSED}emitPocketToggle(t,e){this.pocketToggle.emit({id:t,status:e})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid){switch(this.status){case s.PREVIEW:case s.CLOSED:this.status=s.OPEN;break;case s.OPEN:this.status=s.CLOSED;break}}}handlePocketHeaderPan(t){if(t.detail.id&&t.detail.id===this.pocketid){if(t.detail.direction==="up"){this.status=s.OPEN}else if(t.detail.direction==="down"){this.status=s.CLOSED}}}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){if(t.target.dataset.action=="pocketBackground"){this.close()}}render(){return i("div",{key:"e900c7a30cc100691a08e99eef3e75ab09228ac6"},i("div",{key:"789f4dd2b162f4693b4d6d4d0636d6614a69e2a3","data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),i("div",{key:"f53572738d1fc377efafa3f4c9b2b012eb8dcd87",id:this.pocketid,class:"content-wrapper"},i("div",{key:"8bc1cdbc0c8cd10bb978dd4e04da88da183a2a0c"},i("slot",{key:"6ac22e14a792914aca4dca5a7da5bd3999a6dd17"}))))}get hostElement(){return a(this)}static get watchers(){return{status:["watchStatusHandler"]}}};d.style=c;const h=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>main{overflow:auto;border-right:var(--border-size-small) solid var(--color-surface03);border-left:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const l=h;const f=class{constructor(e){t(this,e);this.pocketid=undefined;this.status=s.PREVIEW}handlePocketToggle(t){if(t.detail.id&&t.detail.id===this.pocketid){this.status=t.detail.status}}render(){return i("main",{key:"c93989e78b34be843571bb21bbd26f324ae86456",class:this.status},i("slot",{key:"f4755713e7084a59b91d35456502d0456a2aa339"}))}};f.style=l;const p=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>header{display:flex;height:36px;flex-flow:row nowrap;align-items:center;justify-content:center;border:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);border-radius:var(--space-unit) var(--space-unit) 0 0;cursor:pointer}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";const b=p;const u=class{emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}constructor(i){t(this,i);this.pocketHeaderClick=e(this,"pocketHeaderClick",7);this.pocketHeaderPan=e(this,"pocketHeaderPan",7);this.pocketid=undefined;this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL});t.on("panup",(()=>this.emitPocketHeaderPan("up")));t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return i("header",{key:"03faf1e1005718b682ebae5e663d880e6b3763a2",role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>o(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},i("slot",{key:"329c89a202e0a5f351c080ed513ce90e873caa75"}))}};u.style=b;export{d as z_pocket,f as z_pocket_body,u as z_pocket_header};
+//# sourceMappingURL=p-164b4986.entry.js.map

package/dist/web-components-library/{p-6b186398.entry.js → p-19ba8574.entry.js}

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

package/dist/web-components-library/p-2ae88c97.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as e,a as t,g as o}from"./p-10bb4f4b.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 *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{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-text04);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:flex;fill:var(--color-icon03)}: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:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text04);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-icon03)}@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(e){i(this,e);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 i=this.host.getBoundingClientRect();const e=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10);const t=document.documentElement.offsetWidth;const o=Math.round((this.position.includes("left")?t-i.left:i.right)-e);this.panel.style.maxWidth=`${o}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=false}handleEscapeKey(i){if(i.key==="Escape"&&this.open){this.closePanel()}}render(){return e(t,{key:"db425718606f2b7f411fab9cdac57d91ce88560c",open:this.open},e("button",{key:"a70882d456af51c526726220a05864ab54ea86d6",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&&e("z-icon",{name:this.icon}),this.label&&e("span",{class:"z-info-reveal-label"},this.label)),e("div",{key:"765172552ea823e07e010a68c201f5fa76fbc93d",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:i=>this.panel=i,hidden:!this.open},e("slot",{key:"f95ed8f0c6c94758b389139dde42289ef8b78ffc"}),e("button",{key:"a80d002f3d07f101af8bcc84ef2a78d85da7036f",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},e("z-icon",{key:"015386db04b0f4bdb2fefd9da623fb03327fbf86",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-2ae88c97.entry.js.map