@zanichelli/albe-web-components 19.1.4-RC1 → 19.2.1-RC

package/www/build/p-d6a7b7f3.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as o,h as r}from"./p-75c4a726.js";import{e as i,_ as t}from"./p-17af7fb2.js";const e=':host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface02);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant="background"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant="background"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;min-height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:host([size="x-small"]) summary{--summary-height:var(--summary-x-small-height)}:host([size="small"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size="x-small"],[size="small"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant="background"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant="background"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--z-accordion-hover-color);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:""}:host([highlight][variant="background"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant="background"]:not([open])) summary::before,:host([highlight][variant="background"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size="x-small"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size="x-small"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size="x-small"],[size="small"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size="x-small"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant="background"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot="tag"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant="background"]+z-accordion[variant="background"]{border-radius:0}z-accordion[variant="background"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary){border-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}';const s=e;const c=class{constructor(r){a(this,r);this.toggled=o(this,"toggled",7);this.label=undefined;this.icon=undefined;this.size=i.BIG;this.isDisabled=false;this.open=false;this.highlight=false;this.variant=t.DEFAULT;this.shadow=true}onDisabledChange(){if(this.isDisabled){this.open=false}}onDetailsToggle(){if(this.isDisabled){this.open=false;this.detailsElm.open=false;return}this.open=this.detailsElm.open;this.toggled.emit(this.open)}render(){return r("details",{key:"75f8a546aa49db6a078ee035a359ea512da290a1",ref:a=>this.detailsElm=a,onToggle:this.onDetailsToggle.bind(this),open:this.open},r("summary",{key:"83cf68bd5d118bb43dce8aed36776bdb6f31df24",tabIndex:this.isDisabled?-1:null,part:"summary"},this.icon&&r("z-icon",{key:"b718c6923a9176504f1c4f05e706938fc44aabe9",class:"z-accordion-label-icon",name:this.icon}),r("span",{key:"5db96b4f3f565e6e746fa1d339edb72839900a7e",class:"z-accordion-label"},this.label),r("span",{key:"f6b7bc7ce502d25be290af4ac3f257b8f2d88142",class:"z-accordion-tags"},r("slot",{key:"304b3ac5f1cd58e9e3532e4e47109fb569d7a14a",name:"tag"})),r("z-icon",{key:"ad373df60eafcabe0f707a74cff5bacdaeccb531",class:"z-accordion-chevron",name:this.open?"chevron-up":"chevron-down"})),!this.isDisabled&&r("div",{key:"3997863313ebf787bdc1ef101fb46ab4ed9fac00",class:"z-accordion-content",part:"content"},r("slot",{key:"1870a604a2949390f50ef03e5d9f3a407a494023"})))}static get watchers(){return{isDisabled:["onDisabledChange"]}}};c.style=s;export{c as z_accordion};
-//# sourceMappingURL=p-d6a7b7f3.entry.js.map

package/www/build/p-d6a7b7f3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZAccordionStyle0","ZAccordion","ControlSize","BIG","AccordionVariant","DEFAULT","onDisabledChange","this","isDisabled","open","onDetailsToggle","detailsElm","toggled","emit","render","h","key","ref","elm","onToggle","bind","tabIndex","part","icon","class","name","label"],"sources":["src/components/z-accordion/styles.css?tag=z-accordion&encapsulation=shadow","src/components/z-accordion/index.tsx"],"sourcesContent":[":host,\n:host *,\n:host ::slotted(*) {\n  box-sizing: border-box;\n}\n\n:host {\n  --z-accordion-highlight-color: transparent;\n  --z-accordion-bg: var(--color-surface01);\n  --z-accordion-label-color: var(--color-default-text);\n  --z-accordion-disabled-label-color: var(--color-text03);\n  --z-accordion-content-bg: var(--color-surface01);\n  --z-accordion-content-fg: var(--color-default-text);\n  --z-accordion-hover-color: var(--color-surface02);\n  --z-accordion-left-padding: calc(var(--space-unit) * 2);\n  --z-accordion-right-padding: var(--space-unit);\n  --z-accordion-label-font-weight: var(--font-sb);\n\n  display: block;\n  border-top: var(--border-size-small) solid var(--color-surface03);\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host([variant=\"background\"]) {\n  border: var(--border-size-small) solid var(--color-surface03);\n  border-radius: var(--border-radius);\n}\n\n:host([variant=\"background\"][shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\ndetails {\n  background-color: transparent;\n}\n\nsummary {\n  --summary-x-small-height: 32px;\n  --summary-small-height: 36px;\n  --summary-big-height: 44px;\n  --summary-height: var(--summary-big-height);\n  --summary-y-padding: var(--space-unit);\n\n  position: relative;\n  display: flex;\n  min-height: var(--summary-height);\n  align-items: center;\n  padding: var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);\n  background-color: var(--z-accordion-bg);\n  column-gap: var(--space-unit);\n  cursor: pointer;\n  list-style: none;\n}\n\n/* remove marker on safari */\nsummary::-webkit-details-marker {\n  display: none;\n}\n\n:host([size=\"x-small\"]) summary {\n  --summary-height: var(--summary-x-small-height);\n}\n\n:host([size=\"small\"]) summary {\n  --summary-height: var(--summary-small-height);\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) summary {\n  --summary-y-padding: calc(var(--space-unit) / 2);\n}\n\n:host([variant=\"background\"]) summary {\n  padding-right: calc(var(--space-unit) * 2);\n\n  /* border-radius of the accordion - width of the accordion's border */\n  border-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([variant=\"background\"][open]) summary {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n:host([is-disabled]) summary {\n  cursor: default;\n}\n\nsummary:focus:focus-visible {\n  background-color: var(--z-accordion-hover-color);\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nsummary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n  width: var(--space-unit);\n  height: 100%;\n  content: \"\";\n}\n\n:host([highlight][variant=\"background\"]) summary::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-top-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight][variant=\"background\"]:not([open])) summary::before,\n:host([highlight][variant=\"background\"][open]) .z-accordion-content::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight]) summary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-highlight-color, transparent);\n}\n\n:host([is-disabled][highlight]) summary::before,\n:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-disabled-label-color);\n}\n\nsummary > z-icon {\n  fill: var(--z-accordion-label-color);\n}\n\n:host([is-disabled]) summary > z-icon {\n  fill: var(--z-accordion-disabled-label-color);\n}\n\n.z-accordion-label {\n  color: var(--z-accordion-label-color);\n  font-size: var(--font-size-3); /* for \"small\" and \"big\" sizes */\n  font-weight: var(--z-accordion-label-font-weight);\n}\n\n:host([size=\"x-small\"]) .z-accordion-label {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n.z-accordion-tags {\n  display: flex;\n  align-items: center;\n  column-gap: calc(var(--space-unit) / 2);\n}\n\nsummary z-icon.z-accordion-chevron {\n  margin-left: auto;\n}\n\n.z-accordion-content {\n  position: relative;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n  background-color: var(--z-accordion-content-bg);\n  color: var(--z-accordion-content-fg);\n  font-size: var(--font-size-2); /* for \"small\" and \"big\" sizes */\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) .z-accordion-content {\n  padding-bottom: var(--space-unit);\n}\n\n:host([size=\"x-small\"]) .z-accordion-content {\n  font-size: var(--font-size-1);\n}\n\n:host([variant=\"background\"]) .z-accordion-content {\n  padding-right: calc(var(--space-unit) * 2);\n}\n\n:host([is-disabled]) .z-accordion-label {\n  color: var(--z-accordion-disabled-label-color);\n}\n\n:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]) {\n  --z-tag-bg: var(--z-accordion-disabled-label-color) !important;\n  --z-tag-text-color: var(--color-text-inverse) !important;\n}\n\n@media (hover: hover) {\n  summary:focus:focus-visible {\n    /* prevents the focus shadow to be covered by the background of an hovered sibling accordion */\n    position: relative;\n    z-index: 1;\n  }\n\n  :host(:not([is-disabled])) summary:hover {\n    background-color: var(--z-accordion-hover-color);\n  }\n\n  :host(:not([is-disabled])) summary:hover .z-accordion-label {\n    text-decoration: underline;\n  }\n}\n\n/* force \"big\" variant on touch devices */\n@media (hover: none) {\n  :host([size]) summary {\n    --summary-height: var(--summary-big-height);\n    --summary-y-padding: var(--space-unit);\n  }\n\n  :host([size]) .z-accordion-label {\n    font-size: var(--font-size-3);\n  }\n\n  :host([size]) .z-accordion-content {\n    font-size: var(--font-size-2);\n  }\n\n  :host([size]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n    --z-icon-width: 18px;\n    --z-icon-height: 18px;\n  }\n}\n\n/* Style for sibling accordions in a stack context */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"] {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type {\n  border-bottom-left-radius: var(--border-radius);\n  border-bottom-right-radius: var(--border-radius);\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]::part(summary) {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary) {\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n  border-bottom-right-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n","import {Component, Event, EventEmitter, Prop, Watch, h} from \"@stencil/core\";\nimport {AccordionVariant, ControlSize} from \"../../beans\";\n\n/**\n * Accordion component.\n *\n * @slot - Slot for the main content.\n * @slot tag - Slot for tags.\n * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.\n * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.\n * @cssprop --z-accordion-label-color - Label color. Default: `--color-default-text`.\n * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.\n * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.\n * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-default-text`.\n * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.\n * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.\n * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.\n * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.\n */\n@Component({\n  tag: \"z-accordion\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAccordion {\n  /**\n   * Text label.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Name of the z-icon to display before the label's text.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Size of the component.\n   */\n  @Prop({reflect: true})\n  size = ControlSize.BIG;\n\n  /**\n   * Disabled state of the accordion.\n   */\n  @Prop({reflect: true})\n  isDisabled = false;\n\n  /**\n   * The open state of the accordion.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * Enable highlight band on the `summary`'s left edge.\n   */\n  @Prop({reflect: true})\n  highlight = false;\n\n  /**\n   * Accordion variant.\n   */\n  @Prop({reflect: true})\n  variant: AccordionVariant = AccordionVariant.DEFAULT;\n\n  /**\n   * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.\n   */\n  @Prop({reflect: true})\n  shadow = true;\n\n  /**\n   * Event fired when the accordion is toggled.\n   */\n  @Event()\n  toggled: EventEmitter<boolean>;\n\n  @Watch(\"isDisabled\")\n  protected onDisabledChange(): void {\n    if (this.isDisabled) {\n      this.open = false;\n    }\n  }\n\n  private detailsElm: HTMLDetailsElement;\n\n  /**\n   * Handle `details` element toggle.\n   * If currently disabled, prevent toggling by forcing the `open` state to `false`.\n   * Unfortunately the \"toggle\" event is not cancelable and when catched, the `open` state is already changed.\n   */\n  private onDetailsToggle(): void {\n    if (this.isDisabled) {\n      this.open = false;\n      this.detailsElm.open = false;\n\n      return;\n    }\n\n    this.open = this.detailsElm.open;\n    this.toggled.emit(this.open);\n  }\n\n  render(): HTMLDetailsElement {\n    return (\n      <details\n        ref={(elm: HTMLDetailsElement) => (this.detailsElm = elm)}\n        onToggle={this.onDetailsToggle.bind(this)}\n        open={this.open}\n      >\n        <summary\n          tabIndex={this.isDisabled ? -1 : null}\n          part=\"summary\"\n        >\n          {this.icon && (\n            <z-icon\n              class=\"z-accordion-label-icon\"\n              name={this.icon}\n            />\n          )}\n          <span class=\"z-accordion-label\">{this.label}</span>\n          <span class=\"z-accordion-tags\">\n            <slot name=\"tag\" />\n          </span>\n          <z-icon\n            class=\"z-accordion-chevron\"\n            name={this.open ? \"chevron-up\" : \"chevron-down\"}\n          />\n        </summary>\n        {!this.isDisabled && (\n          <div\n            class=\"z-accordion-content\"\n            part=\"content\"\n          >\n            <slot />\n          </div>\n        )}\n      </details>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAY,y3LAClB,MAAAC,EAAeD,E,MCuBFE,EAAU,M,6GAiBdC,EAAYC,I,gBAMN,M,UAMN,M,eAMK,M,aAMgBC,EAAiBC,Q,YAMpC,I,CASC,gBAAAC,GACR,GAAIC,KAAKC,WAAY,CACnBD,KAAKE,KAAO,K,EAWR,eAAAC,GACN,GAAIH,KAAKC,WAAY,CACnBD,KAAKE,KAAO,MACZF,KAAKI,WAAWF,KAAO,MAEvB,M,CAGFF,KAAKE,KAAOF,KAAKI,WAAWF,KAC5BF,KAAKK,QAAQC,KAAKN,KAAKE,K,CAGzB,MAAAK,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,IAAMC,GAA6BX,KAAKI,WAAaO,EACrDC,SAAUZ,KAAKG,gBAAgBU,KAAKb,MACpCE,KAAMF,KAAKE,MAEXM,EAAA,WAAAC,IAAA,2CACEK,SAAUd,KAAKC,YAAc,EAAI,KACjCc,KAAK,WAEJf,KAAKgB,MACJR,EAAA,UAAAC,IAAA,2CACEQ,MAAM,yBACNC,KAAMlB,KAAKgB,OAGfR,EAAA,QAAAC,IAAA,2CAAMQ,MAAM,qBAAqBjB,KAAKmB,OACtCX,EAAA,QAAAC,IAAA,2CAAMQ,MAAM,oBACVT,EAAA,QAAAC,IAAA,2CAAMS,KAAK,SAEbV,EAAA,UAAAC,IAAA,2CACEQ,MAAM,sBACNC,KAAMlB,KAAKE,KAAO,aAAe,mBAGnCF,KAAKC,YACLO,EAAA,OAAAC,IAAA,2CACEQ,MAAM,sBACNF,KAAK,WAELP,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

package/www/build/p-d75f8bbb.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_tfoot}from"./p-4c9bf42d.js";import"./p-75c4a726.js";
-//# sourceMappingURL=p-d75f8bbb.entry.js.map

package/www/build/p-d90d2698.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_th}from"./p-748fa3ae.js";import"./p-75c4a726.js";import"./p-17af7fb2.js";
-//# sourceMappingURL=p-d90d2698.entry.js.map

package/www/build/p-deb7f8d7.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as r,a as t}from"./p-75c4a726.js";import{t as e}from"./p-17af7fb2.js";const s=class{constructor(r){a(this,r);this.mode=e.POLITE}render(){return r(t,{key:"693653c1398e02b138174066573558fac0d35ba2","aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",{key:"4dd3b545e9ae838a0fd8ce56b0c37f68a013d199"}))}};export{s as z_aria_alert};
-//# sourceMappingURL=p-deb7f8d7.entry.js.map

package/www/build/p-e5407cc1.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_td}from"./p-f19f12b1.js";import"./p-75c4a726.js";import"./p-17af7fb2.js";
-//# sourceMappingURL=p-e5407cc1.entry.js.map

package/www/build/p-e6778114.js

@@ -1,2 +0,0 @@
-import{g as t,p as e}from"./p-17af7fb2.js";import{B as n}from"./p-5145a606.js";function r(t){switch(t){case true:case"true":case 1:case"1":case"on":case"yes":return true;case false:case"false":case 0:case"0":case"off":case"no":return false;default:return t}}function a(){return Math.random().toString(36).replace("0.","")}function s(e,n,...r){if(e.code===t.ENTER||e.code===t.SPACE){e.preventDefault();n(...r)}}function c(e,n,...r){if(e.code===t.ENTER){e.preventDefault();n(...r)}}function i(t=null){if(!t){t=document.activeElement}if(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement;return i(t)}return t}function o(t,e=[]){e.push(t);if(t.parentElement){t=t.parentElement;return o(t,e)}else if(t.parentNode&&t.parentNode.host){t=t.parentNode.host;return o(t,e)}return e}function u(){switch(true){case window.innerWidth<=n.MOBILE:return e.MOBILE;case window.innerWidth<=n.TABLET:return e.TABLET;case window.innerWidth<=n.DESKTOP:return e.DESKTOP;default:return e.DESKTOP_WIDE}}function f(t){try{return JSON.parse(t)}catch(t){return false}}function l(t){const e="avatar-C";const n=19;const r=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let a=Math.ceil(n*(r%1));if(a===0){a=1}return`${e}${a.toString().padStart(2,"0")}`}function w(t,e){var n;return t.contains(e)||!!((n=t.shadowRoot)===null||n===void 0?void 0:n.contains(e))}function d(t){if(t.parentNode===t.shadowRoot){return t.shadowRoot.host}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentElement}function h(t,e){const n=t.getBoundingClientRect();const r=t.ownerDocument.documentElement.clientWidth;const a=t.ownerDocument.documentElement.clientHeight;const s=n.bottom>0&&n.top<a&&n.right>0&&n.left<r;if(e===t.ownerDocument.documentElement||e===t.ownerDocument.body){return s}const c=e.getBoundingClientRect();const i=n.bottom>c.top&&n.top<c.bottom&&n.right>c.left&&n.left<c.right;return i&&s}function b(t){let e=d(t);const n=window.getComputedStyle(t).position;while(e&&e!==t.ownerDocument.documentElement){const t=window.getComputedStyle(e);switch(n){case"fixed":{const n=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(n.some((e=>t.getPropertyValue(e)!=="none"))||n.some((e=>t.getPropertyValue("will-change").includes(e)))){return e}break}case"absolute":if(t.position!=="static"){return e}break;case"relative":case"sticky":case"static":{const t=window.getComputedStyle(e).display;if(t==="block"||t==="flex"||t==="grid"||t==="table"||t==="flow-root"||t==="inline-block"||t==="inline-flex"||t==="inline-grid"){return e}break}}e=d(e)}return t.ownerDocument.documentElement}export{w as a,r as b,l as c,s as d,o as e,i as f,u as g,c as h,f as i,d as j,b as k,h as l,a as r};
-//# sourceMappingURL=p-e6778114.js.map

package/www/build/p-e6778114.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["boolean","value","randomId","Math","random","toString","replace","handleKeyboardSubmit","ev","callback","args","code","KeyboardCode","ENTER","SPACE","preventDefault","handleEnterKeydSubmit","getClickedElement","elem","document","activeElement","shadowRoot","getElementTree","tree","push","parentElement","parentNode","host","getDevice","window","innerWidth","Breakpoints","MOBILE","Device","TABLET","DESKTOP","DESKTOP_WIDE","convertJson","data","JSON","parse","_a","colorFromId","id","prefix","colorsCount","seed","ceil","parseFloat","color","padStart","containsElement","ancestor","descendant","contains","getParentElement","element","ShadowRoot","isElementVisibleInContainer","container","elemRect","getBoundingClientRect","documentWidth","ownerDocument","documentElement","clientWidth","documentHeight","clientHeight","isVisibleInViewport","bottom","top","right","left","body","containerRect","isVisibleInContainer","findContainingBlockAncestor","parent","elementPosition","getComputedStyle","position","parentStyle","affectingProperties","some","property","getPropertyValue","includes","display"],"sources":["src/utils/utils.ts"],"sourcesContent":["import {ChildNode} from \"@stencil/core\";\nimport {Device, KeyboardCode} from \"../beans/index\";\nimport {Breakpoints} from \"../constants/breakpoints\";\n\n/**\n * Return boolean value for passed value if a boolean corresponding value is found\n * Return passed value otherwise\n */\nexport function boolean(value: string | number | boolean): boolean | string | number {\n  switch (value) {\n    case true:\n    case \"true\":\n    case 1:\n    case \"1\":\n    case \"on\":\n    case \"yes\":\n      return true;\n    case false:\n    case \"false\":\n    case 0:\n    case \"0\":\n    case \"off\":\n    case \"no\":\n      return false;\n    default:\n      return value;\n  }\n}\n\nexport function retrieveAsset(assetName: string): string {\n  return assetName && \"assets/images/png/\" + assetName;\n}\n\nexport function randomId(): string {\n  return Math.random().toString(36).replace(\"0.\", \"\");\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleKeyboardSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleEnterKeydSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\nexport function getClickedElement(elem: null | Element = null): null | Element {\n  if (!elem) {\n    elem = document.activeElement;\n  }\n\n  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {\n    elem = elem.shadowRoot.activeElement;\n\n    return getClickedElement(elem);\n  }\n\n  return elem;\n}\n\nexport function getElementTree(elem: Element, tree: Element[] = []): null | Element[] {\n  tree.push(elem);\n\n  if (elem.parentElement) {\n    elem = elem.parentElement;\n\n    return getElementTree(elem, tree);\n  } else if (elem.parentNode && (elem.parentNode as ShadowRoot).host) {\n    elem = (elem.parentNode as ShadowRoot).host;\n\n    return getElementTree(elem, tree);\n  }\n\n  return tree;\n}\n\nexport function getSiblings(elem: HTMLElement): ChildNode[] {\n  const siblings = [];\n  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {\n    return siblings;\n  }\n\n  elem.parentNode.childNodes.forEach((child) => {\n    if (child.nodeType === 1 && child !== elem) {\n      siblings.push(child);\n    }\n  });\n\n  return siblings;\n}\n\n/**\n * Get the current device type based on the window width.\n * @returns {Device} - The current device type\n */\nexport function getDevice(): Device {\n  switch (true) {\n    case window.innerWidth <= Breakpoints.MOBILE:\n      return Device.MOBILE;\n    case window.innerWidth <= Breakpoints.TABLET:\n      return Device.TABLET;\n    case window.innerWidth <= Breakpoints.DESKTOP:\n      return Device.DESKTOP;\n    default:\n      return Device.DESKTOP_WIDE;\n  }\n}\n\ntype JSONValue = string | number | boolean | JSONObject | JSONArray;\ninterface JSONObject {\n  [x: string]: JSONValue;\n}\ntype JSONArray = JSONValue[];\n\nexport function convertJson(data: string): JSONValue {\n  try {\n    return JSON.parse(data);\n  } catch {\n    return false;\n  }\n}\n\nexport function colorFromId(id: number): string {\n  const prefix = \"avatar-C\"; // prefix for color vars name\n  const colorsCount = 19; // available colors\n  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);\n  let color = Math.ceil(colorsCount * (seed % 1));\n\n  // if result of mc is 0\n  // es.: 3895229\n  if (color === 0) {\n    color = 1;\n  }\n\n  return `${prefix}${color.toString().padStart(2, \"0\")}`;\n}\n\n/**\n * Check if the passed CSS selector is valid.\n * @param selector CSS selector to validate\n */\nexport function isSelectorValid(selector: string): boolean {\n  try {\n    document.createDocumentFragment().querySelector(selector);\n\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Check if an element contains another element, checking both light and shadow DOM.\n * @param ancestor Ancestor element\n * @param descendant Descendant element\n */\nexport function containsElement(ancestor: HTMLElement, descendant: Node): boolean {\n  return ancestor.contains(descendant) || !!ancestor.shadowRoot?.contains(descendant);\n}\n\n/** Get the parent of passed element, accounting for shadow DOM.\n * @param element The element whose parent is to be found.\n */\nexport function getParentElement(element: Element): Element {\n  if (element.parentNode === element.shadowRoot) {\n    return element.shadowRoot.host;\n  }\n\n  if (element.parentNode instanceof ShadowRoot) {\n    return element.parentNode.host;\n  }\n\n  return element.parentElement;\n}\n\n/**\n * Check if the `element` is visible within the `container` or in the viewport.\n * @param element The element to check.\n * @param container The container to check against, which must be the nearest scrollable ancestor.\n */\nexport function isElementVisibleInContainer(element: HTMLElement, container: HTMLElement): boolean {\n  const elemRect = element.getBoundingClientRect();\n  const documentWidth = element.ownerDocument.documentElement.clientWidth;\n  const documentHeight = element.ownerDocument.documentElement.clientHeight;\n\n  // Check if element is visible in viewport\n  const isVisibleInViewport =\n    elemRect.bottom > 0 && elemRect.top < documentHeight && elemRect.right > 0 && elemRect.left < documentWidth;\n\n  // If container is the document element, only check viewport visibility\n  if (container === element.ownerDocument.documentElement || container === element.ownerDocument.body) {\n    return isVisibleInViewport;\n  }\n\n  // For other containers, check both container and viewport visibility\n  const containerRect = container.getBoundingClientRect();\n  const isVisibleInContainer =\n    elemRect.bottom > containerRect.top &&\n    elemRect.top < containerRect.bottom &&\n    elemRect.right > containerRect.left &&\n    elemRect.left < containerRect.right;\n\n  return isVisibleInContainer && isVisibleInViewport;\n}\n\n/**\n * Find the nearest containing block ancestor of an element.\n * The containing block is determined based on the element's `position` value:\n * - `static`, `sticky` or `relative`: nearest block container or root\n * - `absolute`: nearest ancestor with `position` != `static`\n * - `fixed`: nearest ancestor with properties that create a containing block (`transform`, `filter`, `will-change`, `backdrop-filter`, `perspective`, etc.).\n * An ancestor with these properties will create a containing block for fixed positioned elements, making them behave like absolute positioned elements relative to that ancestor.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block\n * @param element The element for which to find the containing block\n * @returns The containing block element if any, or the `documentElement`\n */\nexport function findContainingBlockAncestor(element: HTMLElement): HTMLElement {\n  let parent = getParentElement(element);\n  const elementPosition = window.getComputedStyle(element).position;\n  while (parent && parent !== element.ownerDocument.documentElement) {\n    const parentStyle = window.getComputedStyle(parent);\n\n    switch (elementPosition) {\n      case \"fixed\": {\n        const affectingProperties = [\n          \"filter\",\n          \"transform\",\n          \"translate\",\n          \"perspective\",\n          \"scale\",\n          \"rotate\",\n          \"backdrop-filter\",\n        ];\n        if (\n          affectingProperties.some((property) => parentStyle.getPropertyValue(property) !== \"none\") ||\n          affectingProperties.some((property) => parentStyle.getPropertyValue(\"will-change\").includes(property))\n        ) {\n          return parent as HTMLElement;\n        }\n        break;\n      }\n      case \"absolute\":\n        if (parentStyle.position !== \"static\") {\n          return parent as HTMLElement;\n        }\n        break;\n      // Handle position: static, relative, sticky (they all look for the nearest block container or root)\n      case \"relative\":\n      case \"sticky\":\n      case \"static\": {\n        const display = window.getComputedStyle(parent).display;\n\n        // Block containers: block, flex, grid, table, flow-root\n        if (\n          display === \"block\" ||\n          display === \"flex\" ||\n          display === \"grid\" ||\n          display === \"table\" ||\n          display === \"flow-root\" ||\n          display === \"inline-block\" ||\n          display === \"inline-flex\" ||\n          display === \"inline-grid\"\n        ) {\n          return parent as HTMLElement;\n        }\n\n        break;\n      }\n    }\n\n    parent = getParentElement(parent);\n  }\n\n  return element.ownerDocument.documentElement;\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-f5dfd04d.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as e,a as s,g as i}from"./p-75c4a726.js";import{P as a}from"./p-17af7fb2.js";const r=":host,*{box-sizing:border-box}.z-tool{--z-tool-size:calc(var(--space-unit) * 5.5);--z-tool-icon-size:calc(var(--space-unit) * 2.5);display:inline-flex;width:var(--z-tool-size);height:var(--z-tool-size);align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--color-surface01);border-radius:var(--border-radius);cursor:pointer}:host([active]) .z-tool{box-shadow:inset 0 0 0 2px var(--color-primary01)}:host([open]) .z-tool{box-shadow:inset 0 0 0 2px var(--color-primary01)}@media (hover: hover){:host(:not([disabled])) .z-tool:hover{background-color:var(--color-primary03)}}:host([disabled]) .z-tool{color:var(--color-disabled01-icon);cursor:not-allowed}.z-tool:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary01);outline:none}z-icon{--z-icon-width:var(--z-tool-icon-size);--z-icon-height:var(--z-tool-icon-size);display:block;fill:var(--color-default-icon)}:host([disabled]) z-icon{fill:var(--color-disabled01-icon)}.z-tool-tooltip{--z-popover-padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-shadow-filter:drop-shadow(0 4px 8px var(--shadow-color-base));z-index:2;font-family:var(--font-family-sans)}@media (max-width: 767px){.z-tool-tooltip{display:none !important}}:host{position:var(--z-tool-host-position, relative)}.z-tool-submenu{position:var(--z-tool-submenu-position, absolute);z-index:1;top:var(--z-tool-submenu-top, calc(100% + 4px));bottom:var(--z-tool-submenu-bottom, auto);left:var(--z-tool-submenu-left, 50%);display:none;transform:var(--z-tool-submenu-transform, translateX(-50%))}.z-tool-submenu-open{display:block}";const n=r;const l=class{constructor(e){o(this,e);this.toggleSubmenu=t(this,"toggleSubmenu",7);this.handleTooltipOpen=()=>{if(!this.tooltip||this.isNested){return}clearTimeout(this.hoverDelay);this.hoverDelay=setTimeout((()=>{this.tooltipOpen=true}),1e3)};this.handleTooltipClose=()=>{if(!this.tooltip){return}clearTimeout(this.hoverDelay);this.tooltipOpen=false};this.handleClick=()=>{if(this.disabled){return}if(this.hasSlottedContent){this.open=!this.open;if(this.open){this.focusNestedToolbar()}}};this.icon=undefined;this.tooltip=undefined;this.tooltipPosition=a.TOP;this.htmlAriaLabel=undefined;this.active=false;this.disabled=false;this.open=false;this.tooltipOpen=false;this.hasSlottedContent=false;this.isNested=false}handleOpenChange(){this.toggleSubmenu.emit(this.open)}focusNestedToolbar(){requestAnimationFrame((()=>{var o;const t=this.hostElement.querySelector("z-toolbar");if(t){const e=t.querySelector("z-tool");if(e){const t=(o=e.shadowRoot)===null||o===void 0?void 0:o.querySelector("button");if(t){t.focus()}}}}))}checkIfNested(){let o=this.hostElement.parentElement;while(o){if(o.tagName.toLowerCase()==="z-tool"){return true}o=o.parentElement}return false}componentWillLoad(){this.hasSlottedContent=this.hostElement.children.length>0;this.isNested=this.checkIfNested()}disconnectedCallback(){clearTimeout(this.hoverDelay)}render(){return e(s,{key:"29475c2061b8031c6d742e0b67bdcaa657acf269",nested:this.isNested},e("button",{key:"7b2c77c12e7d62a0560a8c71d8660e45927d4024",class:"z-tool",type:"button","aria-pressed":this.active?"true":"false","aria-expanded":this.hasSlottedContent?this.open?"true":"false":undefined,"aria-label":this.htmlAriaLabel||this.tooltip||undefined,disabled:this.disabled,onClick:this.handleClick,onMouseEnter:this.handleTooltipOpen,onMouseLeave:this.handleTooltipClose,onFocus:this.handleTooltipOpen,onBlur:this.handleTooltipClose},e("z-icon",{key:"4c4b2d93bb5d8869cff58970f6c1a52ae82041e9",ref:o=>this.iconRef=o,name:this.icon})),this.tooltip&&!this.isNested&&e("z-popover",{key:"87078924f19cbd8ec1efeaa460fad64d3d45701d",class:"z-tool-tooltip",bindTo:this.iconRef,open:this.tooltipOpen,position:this.tooltipPosition,showArrow:true,center:true,closable:false},e("span",{key:"a11623609058d4106f18ed8d523e32ee102afaa7",class:"body-4"},this.tooltip)),this.hasSlottedContent&&e("div",{key:"c22cf9f4ffe622afc11be4e94722d5232df7dd58",class:{"z-tool-submenu":true,"z-tool-submenu-open":this.open}},e("slot",{key:"0e789c315bbcdc50c6ffbb32d225be7f12b9cd59"})))}get hostElement(){return i(this)}static get watchers(){return{open:["handleOpenChange"]}}};l.style=n;export{l as z_tool};
-//# sourceMappingURL=p-f5dfd04d.entry.js.map

package/www/build/p-f5dfd04d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZToolStyle0","ZTool","this","handleTooltipOpen","tooltip","isNested","clearTimeout","hoverDelay","setTimeout","tooltipOpen","handleTooltipClose","handleClick","disabled","hasSlottedContent","open","focusNestedToolbar","PopoverPosition","TOP","handleOpenChange","toggleSubmenu","emit","requestAnimationFrame","nestedToolbar","hostElement","querySelector","firstTool","button","_a","shadowRoot","focus","checkIfNested","parent","parentElement","tagName","toLowerCase","componentWillLoad","children","length","disconnectedCallback","render","h","Host","key","nested","class","type","active","undefined","htmlAriaLabel","onClick","onMouseEnter","onMouseLeave","onFocus","onBlur","ref","el","iconRef","name","icon","bindTo","position","tooltipPosition","showArrow","center","closable"],"sources":["src/components/z-tool/styles.css?tag=z-tool&encapsulation=shadow","src/components/z-tool/index.tsx"],"sourcesContent":[":host,\n* {\n  box-sizing: border-box;\n}\n\n.z-tool {\n  --z-tool-size: calc(var(--space-unit) * 5.5);\n  --z-tool-icon-size: calc(var(--space-unit) * 2.5);\n\n  display: inline-flex;\n  width: var(--z-tool-size);\n  height: var(--z-tool-size);\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n  cursor: pointer;\n}\n\n:host([active]) .z-tool {\n  box-shadow: inset 0 0 0 2px var(--color-primary01);\n}\n\n:host([open]) .z-tool {\n  box-shadow: inset 0 0 0 2px var(--color-primary01);\n}\n\n@media (hover: hover) {\n  :host(:not([disabled])) .z-tool:hover {\n    background-color: var(--color-primary03);\n  }\n}\n\n:host([disabled]) .z-tool {\n  color: var(--color-disabled01-icon);\n  cursor: not-allowed;\n}\n\n.z-tool:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--color-primary01);\n  outline: none;\n}\n\nz-icon {\n  --z-icon-width: var(--z-tool-icon-size);\n  --z-icon-height: var(--z-tool-icon-size);\n\n  display: block;\n  fill: var(--color-default-icon);\n}\n\n:host([disabled]) z-icon {\n  fill: var(--color-disabled01-icon);\n}\n\n.z-tool-tooltip {\n  --z-popover-padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n  --z-popover-shadow-filter: drop-shadow(0 4px 8px var(--shadow-color-base));\n\n  z-index: 2;\n  font-family: var(--font-family-sans);\n}\n\n@media (max-width: 767px) {\n  .z-tool-tooltip {\n    display: none !important;\n  }\n}\n\n:host {\n  position: var(--z-tool-host-position, relative);\n}\n\n.z-tool-submenu {\n  position: var(--z-tool-submenu-position, absolute);\n  z-index: 1;\n  top: var(--z-tool-submenu-top, calc(100% + 4px));\n  bottom: var(--z-tool-submenu-bottom, auto);\n  left: var(--z-tool-submenu-left, 50%);\n  display: none;\n  transform: var(--z-tool-submenu-transform, translateX(-50%));\n}\n\n.z-tool-submenu-open {\n  display: block;\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n/**\n * ZTool component.\n * @slot - Optional slot for nested content (e.g., a secondary z-toolbar) that appears when the tool is open/clicked.\n */\n@Component({\n  tag: \"z-tool\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTool {\n  @Element() hostElement: HTMLZToolElement;\n\n  /** Tool icon */\n  @Prop()\n  icon: string;\n\n  /** Text displayed inside the tooltip. */\n  @Prop()\n  tooltip?: string;\n\n  /** Preferred tooltip position. Defaults to true. */\n  @Prop()\n  tooltipPosition: PopoverPosition = PopoverPosition.TOP;\n\n  /** Accessible label for the tool trigger. Falls back to tooltip content. */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  /** Visual selected state. */\n  @Prop({reflect: true})\n  active = false;\n\n  /** Disabled state. */\n  @Prop({reflect: true})\n  disabled = false;\n\n  /** Open state. */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  @State()\n  tooltipOpen = false;\n\n  @State()\n  hasSlottedContent = false;\n\n  @State()\n  isNested = false;\n\n  /** Emitted when the open state changes. */\n  @Event()\n  toggleSubmenu: EventEmitter;\n\n  private iconRef?: HTMLElement;\n\n  private hoverDelay?: ReturnType<typeof setTimeout>;\n\n  @Watch(\"open\")\n  handleOpenChange(): void {\n    this.toggleSubmenu.emit(this.open);\n  }\n\n  private handleTooltipOpen = (): void => {\n    //This.isNested check prevents tooltips from showing on nested tools, e.g. inside submenus\n    //This control will be removed in future versions when nested tooltips will be supported\n    if (!this.tooltip || this.isNested) {\n      return;\n    }\n    clearTimeout(this.hoverDelay);\n    this.hoverDelay = setTimeout(() => {\n      this.tooltipOpen = true;\n    }, 1000);\n  };\n\n  private handleTooltipClose = (): void => {\n    if (!this.tooltip) {\n      return;\n    }\n    clearTimeout(this.hoverDelay);\n    this.tooltipOpen = false;\n  };\n\n  private handleClick = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if (this.hasSlottedContent) {\n      this.open = !this.open;\n      if (this.open) {\n        this.focusNestedToolbar();\n      }\n    }\n  };\n\n  private focusNestedToolbar(): void {\n    requestAnimationFrame(() => {\n      const nestedToolbar = this.hostElement.querySelector(\"z-toolbar\");\n      if (nestedToolbar) {\n        const firstTool = nestedToolbar.querySelector(\"z-tool\");\n        if (firstTool) {\n          const button = firstTool.shadowRoot?.querySelector(\"button\");\n          if (button) {\n            button.focus();\n          }\n        }\n      }\n    });\n  }\n\n  private checkIfNested(): boolean {\n    let parent = this.hostElement.parentElement;\n    while (parent) {\n      if (parent.tagName.toLowerCase() === \"z-tool\") {\n        return true;\n      }\n      parent = parent.parentElement;\n    }\n\n    return false;\n  }\n\n  componentWillLoad(): void {\n    this.hasSlottedContent = this.hostElement.children.length > 0;\n    this.isNested = this.checkIfNested();\n  }\n\n  disconnectedCallback(): void {\n    clearTimeout(this.hoverDelay);\n  }\n\n  render(): HTMLZToolElement {\n    return (\n      <Host nested={this.isNested}>\n        <button\n          class=\"z-tool\"\n          type=\"button\"\n          aria-pressed={this.active ? \"true\" : \"false\"}\n          aria-expanded={this.hasSlottedContent ? (this.open ? \"true\" : \"false\") : undefined}\n          aria-label={this.htmlAriaLabel || this.tooltip || undefined}\n          disabled={this.disabled}\n          onClick={this.handleClick}\n          onMouseEnter={this.handleTooltipOpen}\n          onMouseLeave={this.handleTooltipClose}\n          onFocus={this.handleTooltipOpen}\n          onBlur={this.handleTooltipClose}\n        >\n          <z-icon\n            ref={(el) => (this.iconRef = el)}\n            name={this.icon}\n          ></z-icon>\n        </button>\n        {this.tooltip && !this.isNested && (\n          <z-popover\n            class=\"z-tool-tooltip\"\n            bindTo={this.iconRef}\n            open={this.tooltipOpen}\n            position={this.tooltipPosition}\n            showArrow\n            center\n            closable={false}\n          >\n            <span class=\"body-4\">{this.tooltip}</span>\n          </z-popover>\n        )}\n        {this.hasSlottedContent && (\n          <div\n            class={{\n              \"z-tool-submenu\": true,\n              \"z-tool-submenu-open\": this.open,\n            }}\n          >\n            <slot></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,mrDAClB,MAAAC,EAAeD,E,MCWFE,EAAK,M,sEAqDRC,KAAAC,kBAAoB,KAG1B,IAAKD,KAAKE,SAAWF,KAAKG,SAAU,CAClC,M,CAEFC,aAAaJ,KAAKK,YAClBL,KAAKK,WAAaC,YAAW,KAC3BN,KAAKO,YAAc,IAAI,GACtB,IAAK,EAGFP,KAAAQ,mBAAqB,KAC3B,IAAKR,KAAKE,QAAS,CACjB,M,CAEFE,aAAaJ,KAAKK,YAClBL,KAAKO,YAAc,KAAK,EAGlBP,KAAAS,YAAc,KACpB,GAAIT,KAAKU,SAAU,CACjB,M,CAGF,GAAIV,KAAKW,kBAAmB,CAC1BX,KAAKY,MAAQZ,KAAKY,KAClB,GAAIZ,KAAKY,KAAM,CACbZ,KAAKa,oB,oEApEwBC,EAAgBC,I,yCAQ1C,M,cAIE,M,UAIJ,M,iBAGO,M,uBAGM,M,cAGT,K,CAWX,gBAAAC,GACEhB,KAAKiB,cAAcC,KAAKlB,KAAKY,K,CAoCvB,kBAAAC,GACNM,uBAAsB,K,MACpB,MAAMC,EAAgBpB,KAAKqB,YAAYC,cAAc,aACrD,GAAIF,EAAe,CACjB,MAAMG,EAAYH,EAAcE,cAAc,UAC9C,GAAIC,EAAW,CACb,MAAMC,GAASC,EAAAF,EAAUG,cAAU,MAAAD,SAAA,SAAAA,EAAEH,cAAc,UACnD,GAAIE,EAAQ,CACVA,EAAOG,O,OAOT,aAAAC,GACN,IAAIC,EAAS7B,KAAKqB,YAAYS,cAC9B,MAAOD,EAAQ,CACb,GAAIA,EAAOE,QAAQC,gBAAkB,SAAU,CAC7C,OAAO,I,CAETH,EAASA,EAAOC,a,CAGlB,OAAO,K,CAGT,iBAAAG,GACEjC,KAAKW,kBAAoBX,KAAKqB,YAAYa,SAASC,OAAS,EAC5DnC,KAAKG,SAAWH,KAAK4B,e,CAGvB,oBAAAQ,GACEhC,aAAaJ,KAAKK,W,CAGpB,MAAAgC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,OAAQzC,KAAKG,UACjBmC,EAAA,UAAAE,IAAA,2CACEE,MAAM,SACNC,KAAK,SAAQ,eACC3C,KAAK4C,OAAS,OAAS,QAAO,gBAC7B5C,KAAKW,kBAAqBX,KAAKY,KAAO,OAAS,QAAWiC,UAAS,aACtE7C,KAAK8C,eAAiB9C,KAAKE,SAAW2C,UAClDnC,SAAUV,KAAKU,SACfqC,QAAS/C,KAAKS,YACduC,aAAchD,KAAKC,kBACnBgD,aAAcjD,KAAKQ,mBACnB0C,QAASlD,KAAKC,kBACdkD,OAAQnD,KAAKQ,oBAEb8B,EAAA,UAAAE,IAAA,2CACEY,IAAMC,GAAQrD,KAAKsD,QAAUD,EAC7BE,KAAMvD,KAAKwD,QAGdxD,KAAKE,UAAYF,KAAKG,UACrBmC,EAAA,aAAAE,IAAA,2CACEE,MAAM,iBACNe,OAAQzD,KAAKsD,QACb1C,KAAMZ,KAAKO,YACXmD,SAAU1D,KAAK2D,gBACfC,UAAS,KACTC,OAAM,KACNC,SAAU,OAEVxB,EAAA,QAAAE,IAAA,2CAAME,MAAM,UAAU1C,KAAKE,UAG9BF,KAAKW,mBACJ2B,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,iBAAkB,KAClB,sBAAuB1C,KAAKY,OAG9B0B,EAAA,QAAAE,IAAA,8C","ignoreList":[]}