@zanichelli/albe-web-components 19.2.3-RC1 → 19.2.3

package/dist/collection/components/z-toggle-button/index.js

@@ -1,11 +1,10 @@
 import { h } from "@stencil/core";
 export class ZToggleButton {
     constructor() {
-        /** disabled status flag (optional) */
+        this.label = undefined;
         this.isdisabled = false;
-        /** open by default (optional) */
+        this.avoidclick = undefined;
         this.opened = false;
-        /**  aria-label for the button */
         this.ariaLabel = "";
     }
     emitToggleClick() {
@@ -16,10 +15,10 @@ export class ZToggleButton {
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: '515befc9b764cd14ebf6d229f14c5bd63ce3075b', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: '6e9fbd985e60b38770ced1d2b681c57952616cc3', tabindex: this.avoidclick ? "-1" : "0", class: {
                 "isopen": this.opened,
                 "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '08daf99430ad7614dfcdf37d65e06d11511173ca', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '0a1cf5cd9da7ef67a5e62dcf77fe7af27d7328a6', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
     }
     static get is() { return "z-toggle-button"; }
     static get encapsulation() { return "shadow"; }
@@ -49,10 +48,8 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "label text"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
+                "attribute": "label",
+                "reflect": false
             },
             "isdisabled": {
                 "type": "boolean",
@@ -68,10 +65,8 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "disabled status flag (optional)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "isdisabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "avoidclick": {
@@ -88,10 +83,8 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "avoidclick status flag"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "avoidclick"
+                "attribute": "avoidclick",
+                "reflect": false
             },
             "opened": {
                 "type": "boolean",
@@ -107,10 +100,8 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "open by default (optional)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "opened",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "ariaLabel": {
@@ -127,10 +118,8 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "aria-label for the button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "aria-label",
+                "reflect": false,
                 "defaultValue": "\"\""
             }
         };
@@ -154,3 +143,4 @@ export class ZToggleButton {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-toggle-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOtE,MAAM,OAAO,aAAa;;;0BAOD,KAAK;;sBAQT,KAAK;yBAIZ,EAAE;;IAMN,eAAe;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACE,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EACtC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,MAAM;gBACrB,cAAc,EAAE,IAAI,CAAC,UAAU;aAChC,EACD,QAAQ,EAAE,IAAI,CAAC,UAAU,mBACV,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBACjC,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;YAErC,+DACE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EACjD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV;YACD,IAAI,CAAC,KAAK,CACJ,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-toggle-button\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToggleButton {\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** avoidclick status flag */\n  @Prop()\n  avoidclick: boolean;\n\n  /** open by default (optional) */\n  @Prop({mutable: true})\n  opened?: boolean = false;\n\n  /**  aria-label for the button */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** emitted on toggle button click, returns isOpen */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    if (this.isdisabled) {\n      return;\n    }\n\n    this.opened = !this.opened;\n    this.toggleClick.emit(this.opened);\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        tabindex={this.avoidclick ? \"-1\" : \"0\"}\n        class={{\n          \"isopen\": this.opened,\n          \"avoid-clicks\": this.avoidclick,\n        }}\n        disabled={this.isdisabled}\n        aria-expanded={this.opened ? \"true\" : \"false\"}\n        aria-label={this.ariaLabel}\n        onClick={() => this.emitToggleClick()}\n      >\n        <z-icon\n          name={this.opened ? \"chevron-down\" : \"chevron-up\"}\n          width={16}\n          height={16}\n        />\n        {this.label}\n      </button>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-toggle-button/index.stories.js

@@ -20,3 +20,4 @@ export const Default = {
       .opened=${args.opened}
     ></z-toggle-button>`,
 };
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-toggle-button/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-toggle-button/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,SAAS,CAAC;AAEjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,EAAE;QACb,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,MAAM,EAAE,KAAK;KACd;CAC4B,CAAC;AAEhC,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;cACM,IAAI,CAAC,KAAK;mBACL,IAAI,CAAC,SAAS;oBACb,IAAI,CAAC,UAAU;oBACf,IAAI,CAAC,UAAU;gBACnB,IAAI,CAAC,MAAM;wBACH;CACP,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZToggleButton} from \".\";\nimport \"./index\";\n\nconst StoryMeta = {\n  title: \"ZToggleButton\",\n  args: {\n    label: \"Toggle\",\n    ariaLabel: \"\",\n    avoidclick: false,\n    isdisabled: false,\n    opened: false,\n  },\n} satisfies Meta<ZToggleButton>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZToggleButton>;\n\nexport const Default = {\n  render: (args) =>\n    html`<z-toggle-button\n      label=${args.label}\n      .ariaLabel=${args.ariaLabel}\n      .avoidclick=${args.avoidclick}\n      .isdisabled=${args.isdisabled}\n      .opened=${args.opened}\n    ></z-toggle-button>`,\n} satisfies Story;\n"]}

package/dist/collection/components/z-toggle-switch/index.js

@@ -3,13 +3,9 @@ import { LabelPosition } from "../../beans";
 import { randomId } from "../../utils/utils";
 export class ZToggleSwitch {
     constructor() {
-        /** Disabled flag */
         this.disabled = false;
-        /** Label position */
         this.labelPosition = LabelPosition.LEFT;
-        /** Checked state */
         this.checked = false;
-        /** HTML id attribute to set to the internal checkbox */
         this.htmlid = `toggle-switch-id-${randomId()}`;
     }
     emitToggleClick() {
@@ -26,14 +22,14 @@ export class ZToggleSwitch {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: '649d949699af687e76abb261e9b03ce1f7a026a9' }, h("input", { key: 'c2945e1cf225e36906179d3293ff406ae0114480', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'dff9b9345114a37eee42bbc2511308ec37dab71a', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: '8f4df999fbedf80bcc55745ccf2bc9e973b042b4' }, h("input", { key: '8b76f5a66b5d9d331338f50622c61021bb5a28f7', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '64a7c132da51820ebcd9b078cfc4981cf1981c30', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: '906b2848eec4a1708dde43dd766722d3f0a8e59e' }, h("slot", { key: '03b3de0d961693081972c5bd9a4607c5110b6e58' })), h("span", { key: 'f663add1968576e8a588d1cca9a01caeda1db326', class: {
+            } }, h("span", { key: 'ea293ee5515a6c901c571d21f11689b442add25d' }, h("slot", { key: 'a20e7ec3dae106f9d5e0df3b0a8766092cc7b42a' })), h("span", { key: 'cb49f19d1cdc68d6cb2330a035e7a7720b21e863', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: 'e0d00b404810e93b43b5b977b1bf72b4859a0bcc', class: "circle" }, this.checked && (h("z-icon", { key: '42b6a12e7cf2fb9e91ab4d06199ed7e5eea2d0fc', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: 'b6fb8026f43c0bd12a65f1cee9bb90c476e4cf3c', class: "circle" }, this.checked && (h("z-icon", { key: 'a4e6313096647089e7fccdcb3fb40b42bf7ad2f3', width: 12, height: 12, name: "checkmark" })))))));
     }
     static get is() { return "z-toggle-switch"; }
     static get encapsulation() { return "scoped"; }
@@ -63,10 +59,8 @@ export class ZToggleSwitch {
                     "tags": [],
                     "text": "Disabled flag"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disabled",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "labelPosition": {
@@ -79,8 +73,7 @@ export class ZToggleSwitch {
                         "LabelPosition": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::LabelPosition",
-                            "referenceLocation": "LabelPosition"
+                            "id": "src/beans/index.tsx::LabelPosition"
                         }
                     }
                 },
@@ -90,10 +83,8 @@ export class ZToggleSwitch {
                     "tags": [],
                     "text": "Label position"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "label-position",
+                "reflect": true,
                 "defaultValue": "LabelPosition.LEFT"
             },
             "checked": {
@@ -110,10 +101,8 @@ export class ZToggleSwitch {
                     "tags": [],
                     "text": "Checked state"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "checked",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "htmlid": {
@@ -130,10 +119,8 @@ export class ZToggleSwitch {
                     "tags": [],
                     "text": "HTML id attribute to set to the internal checkbox"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "htmlid",
+                "reflect": false,
                 "defaultValue": "`toggle-switch-id-${randomId()}`"
             }
         };
@@ -157,3 +144,4 @@ export class ZToggleSwitch {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-toggle-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-toggle-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAQ3C,MAAM,OAAO,aAAa;;wBAGH,KAAK;6BAIT,aAAa,CAAC,IAAI;uBAIf,KAAK;sBAIhB,oBAAoB,QAAQ,EAAE,EAAE;;IAMjC,eAAe;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACpB,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAC;IACL,CAAC;IAEO,WAAW,CAAC,EAAE;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACrC;YACF,8DACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE;oBACL,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI;oBAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB;gBAED;oBACE,8DAAQ,CACH;gBACP,6DACE,KAAK,EAAE;wBACL,SAAS,EAAE,IAAI;wBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;qBACtB;oBAED,6DAAM,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,OAAO,IAAI,CACf,+DACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,WAAW,GACR,CACX,CACI,CACF,CACD,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {LabelPosition} from \"../../beans\";\nimport {randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-toggle-switch\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZToggleSwitch {\n  /** Disabled flag */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** Label position */\n  @Prop({reflect: true})\n  labelPosition? = LabelPosition.LEFT;\n\n  /** Checked state */\n  @Prop({mutable: true})\n  checked?: boolean = false;\n\n  /** HTML id attribute to set to the internal checkbox */\n  @Prop()\n  htmlid = `toggle-switch-id-${randomId()}`;\n\n  /** Toggle click event */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    this.toggleClick.emit({\n      id: this.htmlid,\n      checked: this.checked,\n    });\n  }\n\n  private handleClick(ev): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.checked = ev.target.checked;\n    this.emitToggleClick();\n  }\n\n  render(): HTMLZToggleSwitchElement {\n    return (\n      <Host>\n        <input\n          id={this.htmlid}\n          type=\"checkbox\"\n          checked={this.checked}\n          disabled={this.disabled}\n          onChange={this.handleClick.bind(this)}\n        />\n        <label\n          htmlFor={this.htmlid}\n          class={{\n            [this.labelPosition]: true,\n            disabled: this.disabled,\n          }}\n        >\n          <span>\n            <slot />\n          </span>\n          <span\n            class={{\n              container: true,\n              disabled: this.disabled,\n              checked: this.checked,\n            }}\n          >\n            <span class=\"circle\">\n              {this.checked && (\n                <z-icon\n                  width={12}\n                  height={12}\n                  name=\"checkmark\"\n                ></z-icon>\n              )}\n            </span>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-toggle-switch/index.stories.js

@@ -24,3 +24,4 @@ export const Default = {
     </z-toggle-switch>
   `,
 };
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-toggle-switch/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-toggle-switch/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,SAAS,CAAC;AAEjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC;YACrC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC;SACzB;KACF;CAC4B,CAAC;AAEhC,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,aAAa,EAAE,aAAa,CAAC,IAAI;QACjC,QAAQ,EAAE,KAAK;KAChB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;uBAED,IAAI,CAAC,aAAa;iBACxB,IAAI,CAAC,QAAQ;;;GAG3B;CACgC,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZToggleSwitch} from \".\";\nimport {LabelPosition} from \"../../beans\";\nimport \"./index\";\n\nconst StoryMeta = {\n  title: \"ZToggleSwitch\",\n  argTypes: {\n    labelPosition: {\n      options: Object.values(LabelPosition),\n      control: {type: \"radio\"},\n    },\n  },\n} satisfies Meta<ZToggleSwitch>;\n\nexport default StoryMeta;\n\nexport const Default = {\n  args: {\n    labelPosition: LabelPosition.LEFT,\n    disabled: false,\n  },\n  render: (args) => html`\n    <z-toggle-switch\n      .labelPosition=${args.labelPosition}\n      disabled=${args.disabled}\n      >Toggle\n    </z-toggle-switch>\n  `,\n} satisfies StoryObj<ZToggleSwitch>;\n"]}

package/dist/collection/components/z-tool/index.js

@@ -1,4 +1,4 @@
-import { Host, h, } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { KeyboardCode, PopoverPosition } from "../../beans";
 import { containsElement } from "../../utils/utils";
 /**
@@ -7,19 +7,6 @@ import { containsElement } from "../../utils/utils";
  */
 export class ZTool {
     constructor() {
-        /** Preferred tooltip position. Defaults to true. */
-        this.tooltipPosition = PopoverPosition.TOP;
-        /** Visual active state. */
-        this.active = false;
-        /** Disabled state. */
-        this.disabled = false;
-        /** Open state. */
-        this.open = false;
-        this.tooltipOpen = false;
-        this.hasSlottedContent = false;
-        this.isMobile = false;
-        /** Indicates if the tool has nested open tools. Used to decide whether to auto-close the submenu. */
-        this.hasNestedOpenTools = false;
         /** Indicates if the tool is nested inside another tool. */
         this.isNested = false;
         /**
@@ -75,6 +62,18 @@ export class ZTool {
             }
             this.tooltipOpen = event.detail.open;
         };
+        this.icon = undefined;
+        this.tooltip = undefined;
+        this.tooltipPosition = PopoverPosition.TOP;
+        this.htmlAriaLabel = undefined;
+        this.active = false;
+        this.disabled = false;
+        this.open = false;
+        this.indicatorColor = undefined;
+        this.tooltipOpen = false;
+        this.hasSlottedContent = false;
+        this.isMobile = false;
+        this.hasNestedOpenTools = false;
     }
     handleOpenChange() {
         this.toggleSubmenu.emit(this.open);
@@ -182,10 +181,10 @@ export class ZTool {
         (_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.onMobileViewChange);
     }
     render() {
-        return (h(Host, { key: '06156433751f761198e7287f0592961a2e2dbcee', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: 'a2dfc63a3d137ec98c8a1e2b830a2406333dd46d', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : 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 }, h("z-icon", { key: '767bf8c9905fcf887370a517ddd6bf8c67de5db0', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: 'd90d4296d6329ca2ff573deac04db34582831446', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, h("span", { key: 'f68a1c0f9aab2f578fea0405d9c8f3d4afd39178', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: 'e3ad13e2cd8ca8ab1f25ffbe52be6f939a5d5d00', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
+        return (h(Host, { key: 'e193d45ced8a7d4aa880d3a506d43614a76ffa71', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: '6549559a4a5125d3db07d12d8b2ac4c68e8eee6a', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : 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 }, h("z-icon", { key: '0aac9cc6854a9d4a4ac83866eb34cc8d12140f69', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: '2d403e91916f5d7909d0085f2f89db8514de32cc', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, h("span", { key: 'a94e6a413686d9668399137f331e499ceb9d6516', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: '2d103f6d9b8643cc1dd30bc6bd238be593971586', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
             /* disable auto-close to prevent unwanted close behaviors on mobile,
             when the bound element is the main toolbar */
-            closable: false, position: this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: '64050c129cc261c304b10b37f99c68d638e4f89e' })))));
+            closable: false, position: this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: 'b8e79406df1de9fa4df0b8b4aa42b27477407a05' })))));
     }
     static get is() { return "z-tool"; }
     static get encapsulation() { return "shadow"; }
@@ -206,13 +205,12 @@ export class ZTool {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"accessibility\" | \"accessibility-filled\" | \"active-note\" | \"active-note-filled\" | \"add-image\" | \"add-image-filled\" | \"add-note\" | \"add-note-filled\" | \"ai\" | \"ai-filled\" | \"ai-tips\" | \"ai-tips-filled\" | \"app-switcher\" | \"app-switcher-button\" | \"app-switcher-filled\" | \"arrow-clockwise-down-left\" | \"arrow-clockwise-down-left-filled\" | \"arrow-clockwise-down-right\" | \"arrow-clockwise-down-right-filled\" | \"arrow-clockwise-up-left\" | \"arrow-clockwise-up-left-filled\" | \"arrow-clockwise-up-right\" | \"arrow-clockwise-up-right-filled\" | \"arrow-counterclockwise-down-left\" | \"arrow-counterclockwise-down-left-filled\" | \"arrow-counterclockwise-up-left\" | \"arrow-counterclockwise-up-left-filled\" | \"arrow-counterclockwise-up-right\" | \"arrow-counterclockwise-up-right-filled\" | \"arrow-down\" | \"arrow-down-filled\" | \"arrow-left\" | \"arrow-left-filled\" | \"arrow-left-right\" | \"arrow-left-right-filled\" | \"arrow-left-rounded\" | \"arrow-left-rounded-filled\" | \"arrow-left-square\" | \"arrow-left-square-filled\" | \"arrow-north-east\" | \"arrow-north-east-filled\" | \"arrow-north-east-square\" | \"arrow-north-east-square-filled\" | \"arrow-north-west\" | \"arrow-north-west-filled\" | \"arrow-north-west-square\" | \"arrow-north-west-square-filled\" | \"arrow-quad-down\" | \"arrow-quad-down-filled\" | \"arrow-quad-left\" | \"arrow-quad-left-filled\" | \"arrow-quad-north-east\" | \"arrow-quad-north-east-filled\" | \"arrow-quad-north-west\" | \"arrow-quad-north-west-filled\" | \"arrow-quad-right\" | \"arrow-quad-right-filled\" | \"arrow-quad-south-east\" | \"arrow-quad-south-east-filled\" | \"arrow-quad-south-west\" | \"arrow-quad-south-west-filled\" | \"arrow-quad-up\" | \"arrow-quad-up-filled\" | \"arrow-right\" | \"arrow-right-filled\" | \"arrow-right-rounded\" | \"arrow-right-rounded-filled\" | \"arrow-right-square\" | \"arrow-right-square-filled\" | \"arrow-simple-down\" | \"arrow-simple-down-filled\" | \"arrow-simple-left\" | \"arrow-simple-left-filled\" | \"arrow-simple-north-east\" | \"arrow-simple-north-east-filled\" | \"arrow-simple-north-west\" | \"arrow-simple-north-west-filled\" | \"arrow-simple-right\" | \"arrow-simple-right-filled\" | \"arrow-simple-south-east\" | \"arrow-simple-south-east-filled\" | \"arrow-simple-south-west\" | \"arrow-simple-south-west-filled\" | \"arrow-simple-up\" | \"arrow-simple-up-filled\" | \"arrow-small-left\" | \"arrow-small-left-filled\" | \"arrow-small-right\" | \"arrow-small-right-filled\" | \"arrow-south-east\" | \"arrow-south-east-filled\" | \"arrow-south-east-square\" | \"arrow-south-east-square-filled\" | \"arrow-south-west\" | \"arrow-south-west-filled\" | \"arrow-south-west-square\" | \"arrow-south-west-square-filled\" | \"arrow-square-down\" | \"arrow-square-down-filled\" | \"arrow-square-left\" | \"arrow-square-left-filled\" | \"arrow-square-north-east\" | \"arrow-square-north-east-filled\" | \"arrow-square-north-west\" | \"arrow-square-north-west-filled\" | \"arrow-square-right\" | \"arrow-square-right-filled\" | \"arrow-square-south-east\" | \"arrow-square-south-east-filled\" | \"arrow-square-south-west\" | \"arrow-square-south-west-filled\" | \"arrow-style\" | \"arrow-style-filled\" | \"arrow-style-line\" | \"arrow-style-line-filled\" | \"arrow-up\" | \"arrow-up-and-down\" | \"arrow-up-and-down-filled\" | \"arrow-up-down\" | \"arrow-up-down-double\" | \"arrow-up-down-double-filled\" | \"arrow-up-down-filled\" | \"arrow-up-filled\" | \"arrow-up-rounded\" | \"arrow-up-rounded-filled\" | \"arrow-up-square\" | \"arrow-up-square-filled\" | \"arrows-to-dot\" | \"arrows-to-dot-filled\" | \"art\" | \"art-filled\" | \"artist\" | \"artist-filled\" | \"artist-quote\" | \"artist-quote-filled\" | \"artistic-education\" | \"artistic-education-filled\" | \"artwork\" | \"artwork-filled\" | \"artworks\" | \"artworks-filled\" | \"ask-your-manager\" | \"assign-task\" | \"assign-task-button\" | \"assign-task-filled\" | \"atom\" | \"atom-button\" | \"atom-filled\" | \"back\" | \"back-filled\" | \"back-top\" | \"back-top-filled\" | \"barrage-questions\" | \"barrage-questions-filled\" | \"bg-color\" | \"bg-color-filled\" | \"biology\" | \"biology-filled\" | \"black-circle\" | \"black-circle-filled\" | \"black-diamond\" | \"black-diamond-filled\" | \"black-nib\" | \"black-nib-filled\" | \"black-sun-with-rays\" | \"black-sun-with-rays-filled\" | \"blockquote\" | \"blockquote-filled\" | \"bold\" | \"bold-filled\" | \"book\" | \"book-add\" | \"book-author\" | \"book-author-filled\" | \"book-delete\" | \"book-filled\" | \"book-minus\" | \"book-minus-filled\" | \"book-plus\" | \"book-plus-filled\" | \"book-view\" | \"book-view-filled\" | \"bookmark\" | \"bookmark-filled\" | \"breaking-line\" | \"breaking-line-filled\" | \"bulleted-list\" | \"bulleted-list-filled\" | \"bulleted-list-square\" | \"bulleted-list-square-filled\" | \"bulls-eye\" | \"bulls-eye-filled\" | \"burger-menu\" | \"burger-menu-booktab\" | \"burger-menu-booktab-button\" | \"burger-menu-booktab-filled\" | \"burger-menu-filled\" | \"burger-menu-mobile\" | \"burger-menu-mobile-filled\" | \"c-circled\" | \"c-circled-filled\" | \"c-square\" | \"c-square-filled\" | \"calligraphic\" | \"calligraphic-filled\" | \"camera\" | \"camera-filled\" | \"caret-down\" | \"caret-down-filled\" | \"caret-up\" | \"caret-up-down\" | \"caret-up-down-filled\" | \"caret-up-filled\" | \"cart\" | \"catalog-card\" | \"catalog-card-filled\" | \"chapter\" | \"chapter-filled\" | \"character-panel\" | \"character-panel-filled\" | \"check-task\" | \"check-task-button\" | \"check-task-filled\" | \"checkbox\" | \"checkbox-checked\" | \"checkbox-checked-filled\" | \"checkbox-filled\" | \"checkbox-selected\" | \"checkbox-unchecked\" | \"checkmark\" | \"checkmark-circle\" | \"checkmark-circle-filled\" | \"checkmark-filled\" | \"checkmark-square\" | \"checkmark-square-button\" | \"checkmark-square-filled\" | \"chemistry\" | \"chemistry-filled\" | \"chevron-circle-down\" | \"chevron-circle-down-filled\" | \"chevron-circle-left\" | \"chevron-circle-left-filled\" | \"chevron-circle-right\" | \"chevron-circle-right-filled\" | \"chevron-circle-up\" | \"chevron-circle-up-filled\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-down-circle-filled\" | \"chevron-down-filled\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-left-circle-filled\" | \"chevron-left-filled\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-right-circle-filled\" | \"chevron-right-filled\" | \"chevron-up\" | \"chevron-up-circle\" | \"chevron-up-circle-filled\" | \"chevron-up-filled\" | \"cinese\" | \"cinese-filled\" | \"circle-black\" | \"circle-black-filled\" | \"circle-check\" | \"circle-chevron-down\" | \"circle-chevron-left\" | \"circle-chevron-up\" | \"circle-cross\" | \"circle-cross-fill\" | \"circle-cross-stroke\" | \"circle-plus\" | \"circle-warning\" | \"circle-white\" | \"circle-white-filled\" | \"civics\" | \"civics-filled\" | \"class-assign\" | \"class-assign-filled\" | \"clean\" | \"clean-filled\" | \"close\" | \"cloud-delete\" | \"cloud-delete-filled\" | \"cloud-download\" | \"cloud-download-filled\" | \"cloud-x\" | \"cloud-x-filled\" | \"club-black-suit\" | \"club-black-suit-filled\" | \"code\" | \"code-button\" | \"code-filled\" | \"collezioni\" | \"collezioni-filled\" | \"color-selected\" | \"color-selected-filled\" | \"communication\" | \"communication-filled\" | \"compare\" | \"compare-filled\" | \"compress\" | \"compress-filled\" | \"contextual-menu\" | \"contextual-menu-filled\" | \"copy\" | \"copy-filled\" | \"copy-to-clipboard\" | \"copy-to-clipboard-filled\" | \"copyright\" | \"copyright-filled\" | \"course\" | \"course-filled\" | \"cross\" | \"cursor-index\" | \"cursor-index-button\" | \"cursor-index-filled\" | \"curved-line\" | \"curved-line-filled\" | \"dagger\" | \"dagger-filled\" | \"daggerdbl\" | \"daggerdbl-filled\" | \"deactivate-note\" | \"deactivate-note-filled\" | \"decrease-indentation\" | \"decrease-indentation-filled\" | \"delete\" | \"delete-filled\" | \"diamond-black-suit\" | \"diamond-black-suit-filled\" | \"diamond-white\" | \"diamond-white-filled\" | \"dictionary-switch\" | \"dictionary-switch-filled\" | \"dictonary\" | \"dictonary-filled\" | \"disegno-arrow\" | \"disegno-arrow-filled\" | \"disegno-colours-intersection\" | \"disegno-colours-intersection-filled\" | \"disegno-compass\" | \"disegno-compass-filled\" | \"disegno-curve\" | \"disegno-curve-filled\" | \"disegno-ellipsis\" | \"disegno-ellipsis-filled\" | \"disegno-grid-settings\" | \"disegno-grid-settings-filled\" | \"disegno-half-line\" | \"disegno-half-line-filled\" | \"disegno-hide-tools\" | \"disegno-hide-tools-filled\" | \"disegno-irregular-polygon\" | \"disegno-irregular-polygon-filled\" | \"disegno-levels\" | \"disegno-levels-filled\" | \"disegno-poly-line\" | \"disegno-poly-line-filled\" | \"disegno-polygon-vertices\" | \"disegno-polygon-vertices-filled\" | \"disegno-protractor\" | \"disegno-protractor-filled\" | \"disegno-regular-polygon\" | \"disegno-regular-polygon-filled\" | \"disegno-ruler\" | \"disegno-ruler-filled\" | \"disegno-segment\" | \"disegno-segment-filled\" | \"disegno-straight-line\" | \"disegno-straight-line-filled\" | \"document\" | \"document-button\" | \"document-filled\" | \"document-with-text\" | \"document-with-text-filled\" | \"down-white-index\" | \"down-white-index-filled\" | \"download\" | \"download-filled\" | \"draft\" | \"draft-filled\" | \"drag-drop\" | \"drag-drop-filled\" | \"drag-indicator\" | \"drag-indicator-filled\" | \"drop-down\" | \"drop-up-down\" | \"economic\" | \"economic-filled\" | \"edit\" | \"edit-field\" | \"edit-field-filled\" | \"edit-filled\" | \"edit-picture\" | \"edit-picture-filled\" | \"electric-light-bulb\" | \"electric-light-bulb-filled\" | \"electrical-engineering\" | \"electrical-engineering-filled\" | \"email\" | \"email-filled\" | \"english\" | \"english-filled\" | \"enter\" | \"erase-tool\" | \"erase-tool-filled\" | \"event\" | \"event-cancelled\" | \"event-cancelled-filled\" | \"event-filled\" | \"excel-doc\" | \"excel-doc-button\" | \"excel-doc-filled\" | \"exclamation-circle\" | \"exclamation-circle-filled\" | \"exclamation-square\" | \"exclamation-square-filled\" | \"exercises\" | \"exercises-filled\" | \"exercises-interactive\" | \"exercises-interactive-button\" | \"exercises-interactive-filled\" | \"exercises-online\" | \"exercises-online-button\" | \"exercises-online-filled\" | \"exercises-plus\" | \"exercises-plus-button\" | \"exercises-plus-filled\" | \"exit\" | \"expand\" | \"expand-filled\" | \"external-link-down\" | \"external-link-left\" | \"external-link-right\" | \"external-link-right-up\" | \"extra\" | \"extra-filled\" | \"facebook\" | \"facebook-filled\" | \"favorites\" | \"favorites-filled\" | \"feed\" | \"feed-filled\" | \"file-zip\" | \"file-zip-button\" | \"file-zip-filled\" | \"fill-blanks\" | \"fill-blanks-filled\" | \"fill-choice\" | \"fill-choice-filled\" | \"film-frames\" | \"film-frames-button\" | \"film-frames-filled\" | \"find-error\" | \"find-error-filled\" | \"fit-height-view\" | \"fit-height-view-filled\" | \"fit-width-view\" | \"fit-width-view-filled\" | \"folder\" | \"folder-filled\" | \"font-book\" | \"font-book-filled\" | \"font-color\" | \"font-color-filled\" | \"frame-with-picture\" | \"frame-with-picture-filled\" | \"french\" | \"french-filled\" | \"fun\" | \"fun-filled\" | \"gap\" | \"gap-filled\" | \"gear\" | \"gear-filled\" | \"geogebra\" | \"geogebra-button\" | \"geogebra-filled\" | \"geographical-map\" | \"geographical-map-filled\" | \"geography\" | \"geography-filled\" | \"german\" | \"german-filled\" | \"go-page\" | \"go-page-button\" | \"go-page-filled\" | \"golden-pen\" | \"golden-pen-filled\" | \"grades\" | \"grades-filled\" | \"graphic\" | \"graphic-filled\" | \"greek\" | \"greek-filled\" | \"headphone\" | \"headphone-button\" | \"headphone-filled\" | \"heart-black-suit\" | \"heart-black-suit-filled\" | \"helm\" | \"helm-filled\" | \"helmsymbol\" | \"helmsymbol-filled\" | \"highlights\" | \"highlights-filled\" | \"history\" | \"history-filled\" | \"history-next\" | \"history-next-filled\" | \"history-previous\" | \"history-previous-filled\" | \"home\" | \"home-filled\" | \"hourglass-flowing\" | \"hourglass-flowing-filled\" | \"hourglass-half-bottom\" | \"hourglass-half-bottom-filled\" | \"house\" | \"house-filled\" | \"human-sciences\" | \"human-sciences-filled\" | \"image\" | \"image-add\" | \"image-add-filled\" | \"image-button\" | \"image-edit\" | \"image-edit-filled\" | \"image-filled\" | \"image-jpg\" | \"image-jpg-filled\" | \"image-png\" | \"image-png-filled\" | \"image-tiff\" | \"image-tiff-filled\" | \"immersive-reading\" | \"immersive-reading-filled\" | \"inbox-tray\" | \"inbox-tray-filled\" | \"increase-indentation\" | \"increase-indentation-filled\" | \"indeterminated-checkbox\" | \"indeterminated-checkbox-filled\" | \"index-down\" | \"index-down-filled\" | \"index-left\" | \"index-left-filled\" | \"index-right\" | \"index-right-filled\" | \"index-up\" | \"index-up-filled\" | \"info\" | \"info-filled\" | \"informatics\" | \"informatics-filled\" | \"informationsource\" | \"informationsource-filled\" | \"interactive-glossaries\" | \"interactive-glossaries-filled\" | \"interactives-maps\" | \"interactives-maps-button\" | \"interactives-maps-filled\" | \"italian\" | \"italian-filled\" | \"italic\" | \"italic-filled\" | \"laboratory\" | \"laboratory-filled\" | \"land-management\" | \"land-management-filled\" | \"latin\" | \"latin-filled\" | \"law\" | \"law-filled\" | \"lecture\" | \"lecture-button\" | \"lecture-filled\" | \"left-magnifying-glass\" | \"left-magnifying-glass-filled\" | \"left-white-index\" | \"left-white-index-filled\" | \"light-bulb\" | \"light-bulb-filled\" | \"link\" | \"link-button\" | \"link-filled\" | \"liquid-version\" | \"liquid-version-filled\" | \"list-bulleted-square\" | \"list-bulleted-square-filled\" | \"location\" | \"location-filled\" | \"lock\" | \"lock-filled\" | \"lock-open\" | \"lock-open-filled\" | \"login\" | \"login-button\" | \"login-filled\" | \"logout\" | \"logout-filled\" | \"lozenge\" | \"lozenge-filled\" | \"magnfying-glass\" | \"magnfying-glass-filled\" | \"map\" | \"map-filled\" | \"math\" | \"math-filled\" | \"mechanics\" | \"mechanics-filled\" | \"medium-black-square\" | \"medium-black-square-filled\" | \"medium-white-square\" | \"medium-white-square-filled\" | \"menu-burger\" | \"minus\" | \"minus-circled\" | \"minus-circled-filled\" | \"minus-filled\" | \"minus-square\" | \"minus-square-filled\" | \"monospace\" | \"monospace-filled\" | \"multi-marks\" | \"multi-marks-button\" | \"multi-marks-filled\" | \"multiple-choice\" | \"multiple-choice-filled\" | \"multiply\" | \"multiply-circle\" | \"multiply-circle-filled\" | \"multiply-circled\" | \"multiply-circled-filled\" | \"multiply-filled\" | \"multiply-square\" | \"multiply-square-filled\" | \"music\" | \"music-filled\" | \"my-data\" | \"my-data-filled\" | \"natural-science\" | \"natural-science-filled\" | \"next-text-to-speech\" | \"next-text-to-speech-filled\" | \"nib\" | \"nib-filled\" | \"nobel\" | \"nobel-filled\" | \"note\" | \"note-filled\" | \"notification\" | \"notification-filled\" | \"notification-new\" | \"notification-new-filled\" | \"notification-off\" | \"notification-off-filled\" | \"numbered-list\" | \"numbered-list-filled\" | \"nutritional-sciences\" | \"nutritional-sciences-filled\" | \"open-answer\" | \"open-answer-filled\" | \"open-file-folder\" | \"open-file-folder-filled\" | \"open-lock\" | \"open-lock-filled\" | \"oval\" | \"oval-filled\" | \"paragraph\" | \"paragraph-filled\" | \"pause\" | \"pause-filled\" | \"pdf\" | \"pdf-button\" | \"pdf-filled\" | \"pen-thickness\" | \"pen-thickness-filled\" | \"people\" | \"people-filled\" | \"periodic-table\" | \"periodic-table-button\" | \"periodic-table-filled\" | \"philosophy\" | \"philosophy-filled\" | \"physics\" | \"physics-filled\" | \"picker-color\" | \"picker-color-filled\" | \"play\" | \"play-button\" | \"play-filled\" | \"plus\" | \"plus-circled\" | \"plus-circled-filled\" | \"plus-filled\" | \"plus-square\" | \"plus-square-filled\" | \"pointer\" | \"pointer-button\" | \"pointer-filled\" | \"powerpoint\" | \"powerpoint-button\" | \"powerpoint-filled\" | \"previous-text-to-speech\" | \"previous-text-to-speech-filled\" | \"print\" | \"print-filled\" | \"progress-percentage\" | \"progress-percentage-filled\" | \"projection\" | \"projection-filled\" | \"projection-room\" | \"projection-room-filled\" | \"python-code\" | \"python-code-button\" | \"python-code-filled\" | \"qrcode\" | \"qrcode-filled\" | \"quad\" | \"quad-filled\" | \"question-mark\" | \"question-mark-circle\" | \"question-mark-circle-filled\" | \"question-mark-square\" | \"question-mark-square-filled\" | \"quick-assign\" | \"quick-assign-filled\" | \"quiz\" | \"quiz-filled\" | \"radio-button\" | \"radio-button-checked\" | \"radio-button-checked-filled\" | \"radio-button-filled\" | \"reading-settings\" | \"reading-settings-filled\" | \"recently-viewed\" | \"recently-viewed-filled\" | \"redo\" | \"redo-filled\" | \"reduce-screen\" | \"reduce-screen-filled\" | \"registro-filter\" | \"registro-filter-filled\" | \"reload\" | \"reload-filled\" | \"remove-formatting\" | \"remove-formatting-filled\" | \"right-white-index\" | \"right-white-index-filled\" | \"russian\" | \"russian-filled\" | \"sans-serif\" | \"sans-serif-filled\" | \"save\" | \"save-filled\" | \"school\" | \"school-filled\" | \"science\" | \"science-earth\" | \"science-earth-filled\" | \"science-filled\" | \"screenfull\" | \"screenfull-filled\" | \"search\" | \"search-filled\" | \"send\" | \"send-filled\" | \"serif\" | \"serif-filled\" | \"share\" | \"share-filled\" | \"shopping-cart\" | \"shopping-cart-filled\" | \"short-cut\" | \"short-cut-filled\" | \"show-video\" | \"show-video-button\" | \"show-video-filled\" | \"site-resources\" | \"site-resources-filled\" | \"skip-back\" | \"skip-back-by-10\" | \"skip-back-by-10-filled\" | \"skip-back-filled\" | \"skip-forward\" | \"skip-forward-by-10\" | \"skip-forward-by-10-filled\" | \"skip-forward-filled\" | \"smartphone\" | \"smartphone-filled\" | \"snap-grid\" | \"snap-grid-filled\" | \"snap-grid-off\" | \"snap-grid-off-filled\" | \"spade-black-suit\" | \"spade-black-suit-filled\" | \"spanish\" | \"spanish-filled\" | \"speaker-off\" | \"speaker-off-filled\" | \"speaker-on\" | \"speaker-on-filled\" | \"speech-synthesis\" | \"speech-synthesis-filled\" | \"sport-sciences\" | \"sport-sciences-filled\" | \"square-black\" | \"square-black-filled\" | \"square-white\" | \"square-white-filled\" | \"star-empty\" | \"star-empty-filled\" | \"star-full\" | \"star-full-filled\" | \"story\" | \"story-filled\" | \"straight-line\" | \"straight-line-filled\" | \"strike-through-text\" | \"strike-through-text-filled\" | \"strikethrough-text\" | \"strikethrough-text-filled\" | \"stroke-color\" | \"stroke-color-filled\" | \"stroke-size\" | \"stroke-size-filled\" | \"stroke-size-large\" | \"stroke-size-large-filled\" | \"stroke-size-medium\" | \"stroke-size-medium-filled\" | \"stroke-size-small\" | \"stroke-size-small-filled\" | \"stroke-solid\" | \"stroke-solid-dash\" | \"stroke-solid-dash-filled\" | \"stroke-solid-dot\" | \"stroke-solid-dot-filled\" | \"stroke-solid-filled\" | \"stroke-style\" | \"stroke-style-filled\" | \"student\" | \"student-filled\" | \"subscript\" | \"subscript-filled\" | \"suit-club\" | \"suit-club-filled\" | \"suit-diamond\" | \"suit-diamond-filled\" | \"suit-heart\" | \"suit-heart-filled\" | \"suit-spade\" | \"suit-spade-filled\" | \"sun-with-rays\" | \"sun-with-rays-black\" | \"sun-with-rays-black-filled\" | \"sun-with-rays-filled\" | \"support\" | \"support-filled\" | \"supscript\" | \"supscript-filled\" | \"switch\" | \"switch-filled\" | \"synchronize\" | \"synchronize-filled\" | \"table-insert\" | \"table-insert-filled\" | \"target\" | \"target-filled\" | \"teacher\" | \"teacher-filled\" | \"technique\" | \"technique-filled\" | \"technology\" | \"technology-filled\" | \"text\" | \"text-align-center\" | \"text-align-center-filled\" | \"text-align-justify\" | \"text-align-justify-filled\" | \"text-align-left\" | \"text-align-left-filled\" | \"text-align-right\" | \"text-align-right-filled\" | \"text-filled\" | \"text-large\" | \"text-large-filled\" | \"text-medium\" | \"text-medium-filled\" | \"text-scale\" | \"text-scale-filled\" | \"text-small\" | \"text-small-filled\" | \"text-to-speech\" | \"text-to-speech-filled\" | \"textual-analysis\" | \"textual-analysis-button\" | \"textual-analysis-filled\" | \"theory-help\" | \"theory-help-filled\" | \"thumbnail\" | \"thumbnail-filled\" | \"thumbs-down\" | \"thumbs-down-filled\" | \"thumbs-up\" | \"thumbs-up-filled\" | \"ticket\" | \"ticket-filled\" | \"timeline\" | \"timeline-filled\" | \"timer-clock\" | \"timer-clock-filled\" | \"topic\" | \"topic-filled\" | \"topography\" | \"topography-filled\" | \"tourist-technique\" | \"tourist-technique-filled\" | \"translation\" | \"translation-filled\" | \"true-false\" | \"true-false-filled\" | \"u-circle\" | \"u-circle-filled\" | \"u-square\" | \"u-square-filled\" | \"underlined-text\" | \"underlined-text-filled\" | \"undo\" | \"undo-filled\" | \"up-white-index\" | \"up-white-index-filled\" | \"upload\" | \"upload-filled\" | \"user\" | \"user-avatar\" | \"user-avatar-filled\" | \"view\" | \"view-double-page\" | \"view-double-page-filled\" | \"view-filled\" | \"view-off\" | \"view-off-filled\" | \"view-options\" | \"view-options-filled\" | \"view-single-page\" | \"view-single-page-filled\" | \"virtual-class\" | \"virtual-class-filled\" | \"virtual-reality\" | \"virtual-reality-button\" | \"virtual-reality-filled\" | \"white-circle\" | \"white-circle-filled\" | \"white-diamond\" | \"white-diamond-filled\" | \"word\" | \"word-button\" | \"word-filled\" | \"working-bag\" | \"working-bag-filled\" | \"workplace-zanichelli\" | \"workplace-zanichelli-filled\" | \"workspace-zanichelli\" | \"workspace-zanichelli-filled\" | \"youtube\" | \"youtube-filled\" | \"zoom-in\" | \"zoom-in-filled\" | \"zoom-out\" | \"zoom-out-filled\" | \"zte\" | \"zte-filled\"",
+                    "resolved": "\"text\" | \"email\" | \"checkbox\" | \"search\" | \"map\" | \"bold\" | \"link\" | \"upload\" | \"image-add\" | \"app-switcher\" | \"arrow-counterclockwise-down-left\" | \"arrow-simple-down\" | \"arrow-counterclockwise-up-left\" | \"arrow-square-left\" | \"arrow-square-north-east\" | \"arrow-simple-north-east\" | \"arrow-square-north-west\" | \"arrow-simple-north-west\" | \"arrow-clockwise-up-right\" | \"arrow-square-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-square-south-east\" | \"arrow-simple-south-east\" | \"arrow-square-south-west\" | \"arrow-simple-south-west\" | \"arrow-simple-up\" | \"artworks\" | \"support\" | \"circle-black\" | \"nib\" | \"sun-with-rays-black\" | \"book-plus\" | \"book-minus\" | \"shopping-cart\" | \"checkbox-checked\" | \"chevron-circle-down\" | \"chevron-circle-left\" | \"chevron-circle-right\" | \"chevron-circle-up\" | \"checkmark-circle\" | \"multiply-circled-filled\" | \"multiply-circled\" | \"plus-circled\" | \"exclamation-circle\" | \"multiply\" | \"cloud-delete\" | \"suit-club\" | \"suit-diamond\" | \"document\" | \"index-down\" | \"caret-down\" | \"caret-up-down\" | \"image-edit\" | \"light-bulb\" | \"login\" | \"logout\" | \"arrow-quad-down\" | \"arrow-quad-left\" | \"arrow-quad-north-east\" | \"arrow-quad-right\" | \"image\" | \"suit-heart\" | \"helm\" | \"home\" | \"info\" | \"index-left\" | \"bulleted-list-square\" | \"square-black\" | \"square-white\" | \"burger-menu\" | \"folder\" | \"lock-open\" | \"projection-room\" | \"question-mark-circle\" | \"index-right\" | \"suit-spade\" | \"strikethrough-text\" | \"index-up\" | \"user-avatar\" | \"circle-white\" | \"diamond-white\" | \"workspace-zanichelli\" | \"image-add-filled\" | \"arrow-counterclockwise-down-left-filled\" | \"arrow-simple-down-filled\" | \"arrow-counterclockwise-up-left-filled\" | \"arrow-square-left-filled\" | \"arrow-simple-north-east-filled\" | \"arrow-square-north-east-filled\" | \"arrow-simple-north-west-filled\" | \"arrow-square-north-west-filled\" | \"arrow-clockwise-up-right-filled\" | \"arrow-square-right-filled\" | \"arrow-left-filled\" | \"arrow-right-filled\" | \"arrow-simple-south-east-filled\" | \"arrow-square-south-east-filled\" | \"arrow-simple-south-west-filled\" | \"arrow-square-south-west-filled\" | \"arrow-simple-up-filled\" | \"artworks-filled\" | \"circle-black-filled\" | \"nib-filled\" | \"sun-with-rays-black-filled\" | \"chevron-circle-down-filled\" | \"chevron-circle-left-filled\" | \"chevron-circle-right-filled\" | \"chevron-circle-up-filled\" | \"cloud-delete-filled\" | \"suit-club-filled\" | \"suit-diamond-filled\" | \"document-filled\" | \"index-down-filled\" | \"image-edit-filled\" | \"light-bulb-filled\" | \"image-filled\" | \"suit-heart-filled\" | \"helm-filled\" | \"home-filled\" | \"info-filled\" | \"index-left-filled\" | \"bulleted-list-square-filled\" | \"square-black-filled\" | \"square-white-filled\" | \"folder-filled\" | \"lock-open-filled\" | \"projection-room-filled\" | \"index-right-filled\" | \"suit-spade-filled\" | \"strikethrough-text-filled\" | \"index-up-filled\" | \"circle-white-filled\" | \"diamond-white-filled\" | \"workspace-zanichelli-filled\" | \"burger-menu-mobile\" | \"burger-menu-mobile-filled\" | \"bg-color\" | \"font-color\" | \"picker-color\" | \"stroke-color\" | \"bg-color-filled\" | \"font-color-filled\" | \"picker-color-filled\" | \"stroke-color-filled\" | \"blockquote\" | \"code\" | \"switch\" | \"view\" | \"math\" | \"download\" | \"target\" | \"chevron-right\" | \"pdf\" | \"reload\" | \"accessibility\" | \"close\" | \"event\" | \"chevron-up\" | \"chevron-down\" | \"copy\" | \"pause\" | \"play\" | \"minus-circled\" | \"book\" | \"contextual-menu\" | \"expand\" | \"chevron-left\" | \"play-filled\" | \"view-filled\" | \"view-off-filled\" | \"radio-button-checked\" | \"radio-button\" | \"informationsource\" | \"multiply-circle-filled\" | \"caret-up\" | \"multiply-circle\" | \"checkmark-circle-filled\" | \"left-magnifying-glass\" | \"teacher\" | \"collezioni\" | \"dictonary\" | \"exercises-online\" | \"interactives-maps\" | \"textual-analysis\" | \"checkmark\" | \"gear\" | \"burger-menu-filled\" | \"add-image\" | \"app-switcher-button\" | \"arrow-clockwise-down-left\" | \"arrow-down\" | \"arrow-left-rounded\" | \"arrow-left-square\" | \"arrow-north-east-square\" | \"arrow-north-east\" | \"arrow-north-west-square\" | \"arrow-north-west\" | \"arrow-right-rounded\" | \"arrow-right-square\" | \"arrow-small-left\" | \"arrow-small-right\" | \"arrow-south-east-square\" | \"arrow-south-east\" | \"arrow-south-west-square\" | \"arrow-south-west\" | \"arrow-up-and-down\" | \"arrow-up\" | \"artwork\" | \"ask-your-manager\" | \"black-circle\" | \"black-nib\" | \"black-sun-with-rays\" | \"book-add\" | \"book-delete\" | \"cart\" | \"checkbox-selected\" | \"checkbox-unchecked\" | \"chevron-down-circle\" | \"chevron-left-circle\" | \"chevron-right-circle\" | \"chevron-up-circle\" | \"circle-check\" | \"circle-chevron-down\" | \"circle-chevron-left\" | \"circle-chevron-up\" | \"circle-cross-fill\" | \"circle-cross-stroke\" | \"circle-cross\" | \"circle-plus\" | \"circle-warning\" | \"cloud-x\" | \"club-black-suit\" | \"cross\" | \"diamond-black-suit\" | \"document-with-text\" | \"down-white-index\" | \"drop-down\" | \"drop-up-down\" | \"edit-picture\" | \"electric-light-bulb\" | \"enter\" | \"exit\" | \"external-link-down\" | \"external-link-left\" | \"external-link-right-up\" | \"external-link-right\" | \"frame-with-picture\" | \"heart-black-suit\" | \"helmsymbol\" | \"house\" | \"left-white-index\" | \"list-bulleted-square\" | \"medium-black-square\" | \"medium-white-square\" | \"menu-burger\" | \"open-file-folder\" | \"open-lock\" | \"projection\" | \"question-mark\" | \"right-white-index\" | \"spade-black-suit\" | \"strike-through-text\" | \"up-white-index\" | \"user\" | \"white-circle\" | \"white-diamond\" | \"workplace-zanichelli\" | \"add-image-filled\" | \"arrow-clockwise-down-left-filled\" | \"arrow-down-filled\" | \"arrow-left-rounded-filled\" | \"arrow-left-square-filled\" | \"arrow-north-east-filled\" | \"arrow-north-east-square-filled\" | \"arrow-north-west-filled\" | \"arrow-north-west-square-filled\" | \"arrow-right-rounded-filled\" | \"arrow-right-square-filled\" | \"arrow-small-left-filled\" | \"arrow-small-right-filled\" | \"arrow-south-east-filled\" | \"arrow-south-east-square-filled\" | \"arrow-south-west-filled\" | \"arrow-south-west-square-filled\" | \"arrow-up-and-down-filled\" | \"arrow-up-filled\" | \"artwork-filled\" | \"black-circle-filled\" | \"black-nib-filled\" | \"black-sun-with-rays-filled\" | \"chevron-down-circle-filled\" | \"chevron-left-circle-filled\" | \"chevron-right-circle-filled\" | \"chevron-up-circle-filled\" | \"cloud-x-filled\" | \"club-black-suit-filled\" | \"diamond-black-suit-filled\" | \"document-with-text-filled\" | \"down-white-index-filled\" | \"edit-picture-filled\" | \"electric-light-bulb-filled\" | \"frame-with-picture-filled\" | \"heart-black-suit-filled\" | \"helmsymbol-filled\" | \"house-filled\" | \"informationsource-filled\" | \"left-white-index-filled\" | \"list-bulleted-square-filled\" | \"medium-black-square-filled\" | \"medium-white-square-filled\" | \"open-file-folder-filled\" | \"open-lock-filled\" | \"projection-filled\" | \"right-white-index-filled\" | \"spade-black-suit-filled\" | \"strike-through-text-filled\" | \"up-white-index-filled\" | \"white-circle-filled\" | \"white-diamond-filled\" | \"workplace-zanichelli-filled\" | \"assign-task-button\" | \"atom-button\" | \"burger-menu-booktab-button\" | \"check-task-button\" | \"checkmark-square-button\" | \"code-button\" | \"cursor-index-button\" | \"document-button\" | \"excel-doc-button\" | \"exercises-interactive-button\" | \"exercises-online-button\" | \"exercises-plus-button\" | \"file-zip-button\" | \"film-frames-button\" | \"geogebra-button\" | \"go-page-button\" | \"headphone-button\" | \"image-button\" | \"interactives-maps-button\" | \"lecture-button\" | \"link-button\" | \"login-button\" | \"multi-marks-button\" | \"pdf-button\" | \"periodic-table-button\" | \"play-button\" | \"pointer-button\" | \"powerpoint-button\" | \"python-code-button\" | \"show-video-button\" | \"textual-analysis-button\" | \"virtual-reality-button\" | \"word-button\" | \"accessibility-filled\" | \"active-note-filled\" | \"add-note-filled\" | \"ai-filled\" | \"ai-tips-filled\" | \"app-switcher-filled\" | \"arrow-clockwise-down-right-filled\" | \"arrow-clockwise-up-left-filled\" | \"arrow-counterclockwise-up-right-filled\" | \"arrow-left-right-filled\" | \"arrow-quad-down-filled\" | \"arrow-quad-left-filled\" | \"arrow-quad-north-east-filled\" | \"arrow-quad-north-west-filled\" | \"arrow-quad-right-filled\" | \"arrow-quad-south-east-filled\" | \"arrow-quad-south-west-filled\" | \"arrow-quad-up-filled\" | \"arrow-simple-left-filled\" | \"arrow-simple-right-filled\" | \"arrow-square-down-filled\" | \"arrow-style-filled\" | \"arrow-style-line-filled\" | \"arrow-up-down-double-filled\" | \"arrow-up-down-filled\" | \"arrow-up-rounded-filled\" | \"arrow-up-square-filled\" | \"arrows-to-dot-filled\" | \"art-filled\" | \"artist-filled\" | \"artist-quote-filled\" | \"artistic-education-filled\" | \"assign-task-filled\" | \"atom-filled\" | \"back-filled\" | \"back-top-filled\" | \"barrage-questions-filled\" | \"biology-filled\" | \"black-diamond-filled\" | \"blockquote-filled\" | \"bold-filled\" | \"book-author-filled\" | \"book-filled\" | \"book-minus-filled\" | \"book-plus-filled\" | \"book-view-filled\" | \"bookmark-filled\" | \"breaking-line-filled\" | \"bulleted-list-filled\" | \"bulls-eye-filled\" | \"burger-menu-booktab-filled\" | \"c-circled-filled\" | \"c-square-filled\" | \"calligraphic-filled\" | \"camera-filled\" | \"caret-down-filled\" | \"caret-up-down-filled\" | \"caret-up-filled\" | \"catalog-card-filled\" | \"chapter-filled\" | \"character-panel-filled\" | \"check-task-filled\" | \"checkbox-checked-filled\" | \"checkbox-filled\" | \"checkmark-filled\" | \"checkmark-square-filled\" | \"chemistry-filled\" | \"chevron-down-filled\" | \"chevron-left-filled\" | \"chevron-right-filled\" | \"chevron-up-filled\" | \"cinese-filled\" | \"civics-filled\" | \"class-assign-filled\" | \"clean-filled\" | \"cloud-download-filled\" | \"code-filled\" | \"collezioni-filled\" | \"color-selected-filled\" | \"communication-filled\" | \"compare-filled\" | \"compress-filled\" | \"contextual-menu-filled\" | \"copy-filled\" | \"copy-to-clipboard-filled\" | \"copyright-filled\" | \"course-filled\" | \"cursor-index-filled\" | \"curved-line-filled\" | \"dagger-filled\" | \"daggerdbl-filled\" | \"deactivate-note-filled\" | \"decrease-indentation-filled\" | \"delete-filled\" | \"dictionary-switch-filled\" | \"dictonary-filled\" | \"disegno-arrow-filled\" | \"disegno-colours-intersection-filled\" | \"disegno-compass-filled\" | \"disegno-curve-filled\" | \"disegno-ellipsis-filled\" | \"disegno-grid-settings-filled\" | \"disegno-half-line-filled\" | \"disegno-hide-tools-filled\" | \"disegno-irregular-polygon-filled\" | \"disegno-levels-filled\" | \"disegno-poly-line-filled\" | \"disegno-polygon-vertices-filled\" | \"disegno-protractor-filled\" | \"disegno-regular-polygon-filled\" | \"disegno-ruler-filled\" | \"disegno-segment-filled\" | \"disegno-straight-line-filled\" | \"download-filled\" | \"draft-filled\" | \"drag-drop-filled\" | \"drag-indicator-filled\" | \"economic-filled\" | \"edit-field-filled\" | \"edit-filled\" | \"electrical-engineering-filled\" | \"email-filled\" | \"english-filled\" | \"erase-tool-filled\" | \"event-cancelled-filled\" | \"event-filled\" | \"excel-doc-filled\" | \"exclamation-circle-filled\" | \"exclamation-square-filled\" | \"exercises-filled\" | \"exercises-interactive-filled\" | \"exercises-online-filled\" | \"exercises-plus-filled\" | \"expand-filled\" | \"extra-filled\" | \"facebook-filled\" | \"favorites-filled\" | \"feed-filled\" | \"file-zip-filled\" | \"fill-blanks-filled\" | \"fill-choice-filled\" | \"film-frames-filled\" | \"find-error-filled\" | \"fit-height-view-filled\" | \"fit-width-view-filled\" | \"font-book-filled\" | \"french-filled\" | \"fun-filled\" | \"gap-filled\" | \"gear-filled\" | \"geogebra-filled\" | \"geographical-map-filled\" | \"geography-filled\" | \"german-filled\" | \"go-page-filled\" | \"golden-pen-filled\" | \"grades-filled\" | \"graphic-filled\" | \"greek-filled\" | \"headphone-filled\" | \"highlights-filled\" | \"history-filled\" | \"history-next-filled\" | \"history-previous-filled\" | \"hourglass-flowing-filled\" | \"hourglass-half-bottom-filled\" | \"human-sciences-filled\" | \"image-jpg-filled\" | \"image-png-filled\" | \"image-tiff-filled\" | \"immersive-reading-filled\" | \"inbox-tray-filled\" | \"increase-indentation-filled\" | \"indeterminated-checkbox-filled\" | \"informatics-filled\" | \"interactive-glossaries-filled\" | \"interactives-maps-filled\" | \"italian-filled\" | \"italic-filled\" | \"laboratory-filled\" | \"land-management-filled\" | \"latin-filled\" | \"law-filled\" | \"lecture-filled\" | \"left-magnifying-glass-filled\" | \"link-filled\" | \"liquid-version-filled\" | \"location-filled\" | \"lock-filled\" | \"login-filled\" | \"logout-filled\" | \"lozenge-filled\" | \"magnfying-glass-filled\" | \"map-filled\" | \"math-filled\" | \"mechanics-filled\" | \"minus-circled-filled\" | \"minus-filled\" | \"minus-square-filled\" | \"monospace-filled\" | \"multi-marks-filled\" | \"multiple-choice-filled\" | \"multiply-filled\" | \"multiply-square-filled\" | \"music-filled\" | \"my-data-filled\" | \"natural-science-filled\" | \"next-text-to-speech-filled\" | \"nobel-filled\" | \"note-filled\" | \"notification-filled\" | \"notification-new-filled\" | \"notification-off-filled\" | \"numbered-list-filled\" | \"nutritional-sciences-filled\" | \"open-answer-filled\" | \"oval-filled\" | \"paragraph-filled\" | \"pause-filled\" | \"pdf-filled\" | \"pen-thickness-filled\" | \"people-filled\" | \"periodic-table-filled\" | \"philosophy-filled\" | \"physics-filled\" | \"plus-circled-filled\" | \"plus-filled\" | \"plus-square-filled\" | \"pointer-filled\" | \"powerpoint-filled\" | \"previous-text-to-speech-filled\" | \"print-filled\" | \"progress-percentage-filled\" | \"python-code-filled\" | \"qrcode-filled\" | \"quad-filled\" | \"question-mark-circle-filled\" | \"question-mark-square-filled\" | \"quick-assign-filled\" | \"quiz-filled\" | \"radio-button-checked-filled\" | \"radio-button-filled\" | \"reading-settings-filled\" | \"recently-viewed-filled\" | \"redo-filled\" | \"reduce-screen-filled\" | \"registro-filter-filled\" | \"reload-filled\" | \"remove-formatting-filled\" | \"russian-filled\" | \"sans-serif-filled\" | \"save-filled\" | \"school-filled\" | \"science-earth-filled\" | \"science-filled\" | \"screenfull-filled\" | \"search-filled\" | \"send-filled\" | \"serif-filled\" | \"share-filled\" | \"shopping-cart-filled\" | \"short-cut-filled\" | \"show-video-filled\" | \"site-resources-filled\" | \"skip-back-by-10-filled\" | \"skip-back-filled\" | \"skip-forward-by-10-filled\" | \"skip-forward-filled\" | \"smartphone-filled\" | \"snap-grid-filled\" | \"snap-grid-off-filled\" | \"spanish-filled\" | \"speaker-off-filled\" | \"speaker-on-filled\" | \"speech-synthesis-filled\" | \"sport-sciences-filled\" | \"star-empty-filled\" | \"star-full-filled\" | \"story-filled\" | \"straight-line-filled\" | \"stroke-size-filled\" | \"stroke-size-large-filled\" | \"stroke-size-medium-filled\" | \"stroke-size-small-filled\" | \"stroke-solid-dash-filled\" | \"stroke-solid-dot-filled\" | \"stroke-solid-filled\" | \"stroke-style-filled\" | \"student-filled\" | \"subscript-filled\" | \"sun-with-rays-filled\" | \"support-filled\" | \"supscript-filled\" | \"switch-filled\" | \"synchronize-filled\" | \"table-insert-filled\" | \"target-filled\" | \"teacher-filled\" | \"technique-filled\" | \"technology-filled\" | \"text-align-center-filled\" | \"text-align-justify-filled\" | \"text-align-left-filled\" | \"text-align-right-filled\" | \"text-filled\" | \"text-large-filled\" | \"text-medium-filled\" | \"text-scale-filled\" | \"text-small-filled\" | \"text-to-speech-filled\" | \"textual-analysis-filled\" | \"theory-help-filled\" | \"thumbnail-filled\" | \"thumbs-down-filled\" | \"thumbs-up-filled\" | \"ticket-filled\" | \"timeline-filled\" | \"timer-clock-filled\" | \"topic-filled\" | \"topography-filled\" | \"tourist-technique-filled\" | \"translation-filled\" | \"true-false-filled\" | \"u-circle-filled\" | \"u-square-filled\" | \"underlined-text-filled\" | \"undo-filled\" | \"upload-filled\" | \"user-avatar-filled\" | \"view-double-page-filled\" | \"view-options-filled\" | \"view-single-page-filled\" | \"virtual-class-filled\" | \"virtual-reality-filled\" | \"word-filled\" | \"working-bag-filled\" | \"youtube-filled\" | \"zoom-in-filled\" | \"zoom-out-filled\" | \"zte-filled\" | \"active-note\" | \"add-note\" | \"ai\" | \"ai-tips\" | \"arrow-clockwise-down-right\" | \"arrow-clockwise-up-left\" | \"arrow-counterclockwise-up-right\" | \"arrow-left-right\" | \"arrow-quad-north-west\" | \"arrow-quad-south-east\" | \"arrow-quad-south-west\" | \"arrow-quad-up\" | \"arrow-simple-left\" | \"arrow-simple-right\" | \"arrow-square-down\" | \"arrow-style\" | \"arrow-style-line\" | \"arrow-up-down\" | \"arrow-up-down-double\" | \"arrow-up-rounded\" | \"arrow-up-square\" | \"arrows-to-dot\" | \"art\" | \"artist\" | \"artist-quote\" | \"artistic-education\" | \"assign-task\" | \"atom\" | \"back\" | \"back-top\" | \"barrage-questions\" | \"biology\" | \"black-diamond\" | \"book-author\" | \"book-view\" | \"bookmark\" | \"breaking-line\" | \"bulleted-list\" | \"bulls-eye\" | \"burger-menu-booktab\" | \"c-circled\" | \"c-square\" | \"calligraphic\" | \"camera\" | \"catalog-card\" | \"chapter\" | \"character-panel\" | \"check-task\" | \"checkmark-square\" | \"chemistry\" | \"cinese\" | \"civics\" | \"class-assign\" | \"clean\" | \"cloud-download\" | \"color-selected\" | \"communication\" | \"compare\" | \"compress\" | \"copy-to-clipboard\" | \"copyright\" | \"course\" | \"cursor-index\" | \"curved-line\" | \"dagger\" | \"daggerdbl\" | \"deactivate-note\" | \"decrease-indentation\" | \"delete\" | \"dictionary-switch\" | \"disegno-arrow\" | \"disegno-colours-intersection\" | \"disegno-compass\" | \"disegno-curve\" | \"disegno-ellipsis\" | \"disegno-grid-settings\" | \"disegno-half-line\" | \"disegno-hide-tools\" | \"disegno-irregular-polygon\" | \"disegno-levels\" | \"disegno-poly-line\" | \"disegno-polygon-vertices\" | \"disegno-protractor\" | \"disegno-regular-polygon\" | \"disegno-ruler\" | \"disegno-segment\" | \"disegno-straight-line\" | \"draft\" | \"drag-drop\" | \"drag-indicator\" | \"economic\" | \"edit\" | \"edit-field\" | \"electrical-engineering\" | \"english\" | \"erase-tool\" | \"event-cancelled\" | \"excel-doc\" | \"exclamation-square\" | \"exercises\" | \"exercises-interactive\" | \"exercises-plus\" | \"extra\" | \"facebook\" | \"favorites\" | \"feed\" | \"file-zip\" | \"fill-blanks\" | \"fill-choice\" | \"film-frames\" | \"find-error\" | \"fit-height-view\" | \"fit-width-view\" | \"font-book\" | \"french\" | \"fun\" | \"gap\" | \"geogebra\" | \"geographical-map\" | \"geography\" | \"german\" | \"go-page\" | \"golden-pen\" | \"grades\" | \"graphic\" | \"greek\" | \"headphone\" | \"highlights\" | \"history\" | \"history-next\" | \"history-previous\" | \"hourglass-flowing\" | \"hourglass-half-bottom\" | \"human-sciences\" | \"image-jpg\" | \"image-png\" | \"image-tiff\" | \"immersive-reading\" | \"inbox-tray\" | \"increase-indentation\" | \"indeterminated-checkbox\" | \"informatics\" | \"interactive-glossaries\" | \"italian\" | \"italic\" | \"laboratory\" | \"land-management\" | \"latin\" | \"law\" | \"lecture\" | \"liquid-version\" | \"location\" | \"lock\" | \"lozenge\" | \"magnfying-glass\" | \"mechanics\" | \"minus\" | \"minus-square\" | \"monospace\" | \"multi-marks\" | \"multiple-choice\" | \"multiply-square\" | \"music\" | \"my-data\" | \"natural-science\" | \"next-text-to-speech\" | \"nobel\" | \"note\" | \"notification\" | \"notification-new\" | \"notification-off\" | \"nutritional-sciences\" | \"numbered-list\" | \"open-answer\" | \"oval\" | \"paragraph\" | \"pen-thickness\" | \"people\" | \"periodic-table\" | \"philosophy\" | \"physics\" | \"plus\" | \"plus-square\" | \"pointer\" | \"powerpoint\" | \"previous-text-to-speech\" | \"print\" | \"progress-percentage\" | \"python-code\" | \"qrcode\" | \"quad\" | \"question-mark-square\" | \"quick-assign\" | \"quiz\" | \"reading-settings\" | \"recently-viewed\" | \"redo\" | \"reduce-screen\" | \"registro-filter\" | \"remove-formatting\" | \"russian\" | \"sans-serif\" | \"save\" | \"school\" | \"science\" | \"science-earth\" | \"screenfull\" | \"send\" | \"serif\" | \"share\" | \"short-cut\" | \"show-video\" | \"site-resources\" | \"skip-back\" | \"skip-back-by-10\" | \"skip-forward\" | \"skip-forward-by-10\" | \"smartphone\" | \"snap-grid\" | \"snap-grid-off\" | \"spanish\" | \"speaker-off\" | \"speaker-on\" | \"speech-synthesis\" | \"sport-sciences\" | \"star-empty\" | \"star-full\" | \"story\" | \"straight-line\" | \"stroke-size\" | \"stroke-size-large\" | \"stroke-size-medium\" | \"stroke-size-small\" | \"stroke-solid\" | \"stroke-solid-dash\" | \"stroke-solid-dot\" | \"stroke-style\" | \"student\" | \"subscript\" | \"sun-with-rays\" | \"supscript\" | \"synchronize\" | \"table-insert\" | \"technique\" | \"technology\" | \"text-align-center\" | \"text-align-justify\" | \"text-align-left\" | \"text-align-right\" | \"text-large\" | \"text-medium\" | \"text-scale\" | \"text-small\" | \"text-to-speech\" | \"theory-help\" | \"thumbnail\" | \"thumbs-down\" | \"thumbs-up\" | \"ticket\" | \"timeline\" | \"timer-clock\" | \"topic\" | \"topography\" | \"tourist-technique\" | \"translation\" | \"true-false\" | \"u-circle\" | \"u-square\" | \"underlined-text\" | \"undo\" | \"view-double-page\" | \"view-off\" | \"view-options\" | \"view-single-page\" | \"virtual-class\" | \"virtual-reality\" | \"word\" | \"working-bag\" | \"youtube\" | \"zoom-in\" | \"zoom-out\" | \"zte\"",
                     "references": {
                         "IconName": {
                             "location": "import",
                             "path": "../../constants/iconset",
-                            "id": "src/constants/iconset.ts::IconName",
-                            "referenceLocation": "IconName"
+                            "id": "src/constants/iconset.ts::IconName"
                         }
                     }
                 },
@@ -222,10 +220,8 @@ export class ZTool {
                     "tags": [],
                     "text": "Tool icon"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "icon"
+                "attribute": "icon",
+                "reflect": false
             },
             "tooltip": {
                 "type": "string",
@@ -241,10 +237,8 @@ export class ZTool {
                     "tags": [],
                     "text": "Text displayed inside the tooltip."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tooltip"
+                "attribute": "tooltip",
+                "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
@@ -256,8 +250,7 @@ export class ZTool {
                         "PopoverPosition": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::PopoverPosition",
-                            "referenceLocation": "PopoverPosition"
+                            "id": "src/beans/index.tsx::PopoverPosition"
                         }
                     }
                 },
@@ -267,10 +260,8 @@ export class ZTool {
                     "tags": [],
                     "text": "Preferred tooltip position. Defaults to true."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tooltip-position",
+                "reflect": false,
                 "defaultValue": "PopoverPosition.TOP"
             },
             "htmlAriaLabel": {
@@ -287,10 +278,8 @@ export class ZTool {
                     "tags": [],
                     "text": "Accessible label for the tool trigger. Falls back to tooltip content."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "html-aria-label"
+                "attribute": "html-aria-label",
+                "reflect": false
             },
             "active": {
                 "type": "boolean",
@@ -306,10 +295,8 @@ export class ZTool {
                     "tags": [],
                     "text": "Visual active state."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "active",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "disabled": {
@@ -326,10 +313,8 @@ export class ZTool {
                     "tags": [],
                     "text": "Disabled state."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disabled",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "open": {
@@ -346,10 +331,8 @@ export class ZTool {
                     "tags": [],
                     "text": "Open state."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "open",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "indicatorColor": {
@@ -366,10 +349,8 @@ export class ZTool {
                     "tags": [],
                     "text": "Color to use to fill the icon's color indicator, if it has one.\nCan be any valid value for the `fill` svg attribute.\nThe value of this prop is passed down to the `z-icon` component inside the tool.\n\nIf `z-color-picker` component is used inside the tool's slot, its `colorSelected` event is listened\nto automatically update `indicatorColor` and change the color of the icon indicator accordingly."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "indicator-color"
+                "attribute": "indicator-color",
+                "reflect": false
             }
         };
     }
@@ -517,3 +498,4 @@ export class ZTool {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-tool/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-tool/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ColorPickerPalette, KeyboardCode, PopoverPosition} from \"../../beans\";\nimport {ZColorPickerCustomEvent, ZToolCustomEvent, ZTooltipCustomEvent} from \"../../components\";\nimport {IconName} from \"../../constants/iconset\";\nimport {containsElement} from \"../../utils/utils\";\n\n/**\n * ZTool component. Can display an icon, an optional tooltip (mainly for hints about the tool's functionality), and can contain a nested `z-toolbar` as a submenu that opens on click.\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  styleUrls: [\"styles.css\", \"../../tokens/typography.css\"],\n  shadow: true,\n})\nexport class ZTool {\n  @Element() hostElement: HTMLZToolElement;\n\n  /** Tool icon */\n  @Prop()\n  icon: IconName;\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 active 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  /**\n   * Color to use to fill the icon's color indicator, if it has one.\n   * Can be any valid value for the `fill` svg attribute.\n   * The value of this prop is passed down to the `z-icon` component inside the tool.\n   *\n   * If `z-color-picker` component is used inside the tool's slot, its `colorSelected` event is listened\n   * to automatically update `indicatorColor` and change the color of the icon indicator accordingly.\n   */\n  @Prop({mutable: true})\n  indicatorColor?: string;\n\n  @State()\n  tooltipOpen = false;\n\n  @State()\n  hasSlottedContent = false;\n\n  @State()\n  isMobile = false;\n\n  /** Indicates if the tool has nested open tools. Used to decide whether to auto-close the submenu. */\n  @State()\n  hasNestedOpenTools = false;\n\n  /** Emitted when the open state changes. */\n  @Event()\n  toggleSubmenu: EventEmitter;\n\n  /** Emitted when the tooltip open state changes. */\n  @Event()\n  toggleTooltip: EventEmitter;\n\n  private buttonRef?: HTMLButtonElement;\n\n  private iconRef?: HTMLElement;\n\n  private tooltipRef?: HTMLZTooltipElement;\n\n  private hoverDelay?: ReturnType<typeof setTimeout>;\n\n  /** Indicates if the tool is nested inside another tool. */\n  private isNested = false;\n\n  /** Main `z-toolbar` ancestor element, meant to be the top-level toolbar not nested inside another tool. */\n  private mainToolbar?: HTMLZToolbarElement;\n\n  /** Media query list for detecting mobile view. */\n  private mql?: MediaQueryList;\n\n  /** Listener for changes in the mobile view media query. */\n  private onMobileViewChange?: (e: MediaQueryListEvent) => void;\n\n  /**\n   * Opens the tooltip with a delay when the button is hovered or focused, and if the tool's content isn't already visible.\n   */\n  private handleTooltipOpen = (ev: FocusEvent | MouseEvent): void => {\n    if (!this.tooltip || this.open || !this.buttonRef.contains(ev.target as Node)) {\n      return;\n    }\n\n    clearTimeout(this.hoverDelay);\n    this.hoverDelay = setTimeout(() => {\n      this.tooltipOpen = true;\n    }, 1000);\n  };\n\n  /**\n   * Closes the tooltip immediately on button blur or when the mouse leaves the button or the tooltip, clearing any pending hover delay.\n   */\n  private handleTooltipClose = (ev: FocusEvent | MouseEvent): void => {\n    if (!this.tooltip || (ev.relatedTarget as HTMLElement)?.closest(\"z-tooltip\") === this.tooltipRef) {\n      return;\n    }\n\n    clearTimeout(this.hoverDelay);\n    this.tooltipOpen = false;\n  };\n\n  /**\n   * Handles click events on the tool's button element.\n   * If the tool has slotted content, toggles the open state and focuses the active/selected item in the nested toolbar or color picker,\n   * or the first item if no active/selected item is found.\n   */\n  private handleClick = (): void => {\n    if (this.disabled || !this.hasSlottedContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    if (this.open) {\n      const colorPicker = this.hostElement.querySelector(\":scope > z-color-picker\") as HTMLZColorPickerElement | null;\n      if (colorPicker) {\n        colorPicker.setFocus();\n\n        return;\n      }\n\n      // Focus the first active tool in the nested toolbar, or the first enabled if no active tool is found.\n      const firstActiveOrEnabledNestedTool = (this.hostElement.querySelector(\n        \":scope > z-toolbar z-tool[active]:not(:disabled)\"\n      ) || this.hostElement.querySelector(\":scope > z-toolbar z-tool:not(:disabled)\")) as HTMLZToolElement | null;\n\n      firstActiveOrEnabledNestedTool?.setFocus();\n    }\n  };\n\n  /**\n   * Handles `openChange` events from the tooltip popover to keep the `tooltipOpen` state in sync, but only if the event is coming from this tool's tooltip (and not from nested tools' tooltips).\n   */\n  private onTooltipOpenChange = (event: ZTooltipCustomEvent<{open: boolean}>): void => {\n    if ((event.target as HTMLElement) === this.tooltipRef) {\n      return;\n    }\n\n    this.tooltipOpen = event.detail.open;\n  };\n\n  @Watch(\"open\")\n  handleOpenChange(): void {\n    this.toggleSubmenu.emit(this.open);\n  }\n\n  @Watch(\"tooltipOpen\")\n  handleTooltipOpenChange(): void {\n    this.toggleTooltip.emit(this.tooltipOpen);\n  }\n\n  /**\n   * Handle `ESC` and `shift+TAB` to close the submenu and move focus back to the button.\n   */\n  @Listen(\"keydown\")\n  handleKeyDown(event: KeyboardEvent): void {\n    if (!this.open || this.hasNestedOpenTools) {\n      return;\n    }\n\n    switch (event.key) {\n      case KeyboardCode.ESC:\n        event.stopPropagation();\n        this.open = false;\n        this.setFocus();\n        break;\n      case KeyboardCode.TAB:\n        if (event.shiftKey && (event.target as Element).closest(\"z-tool:not(:scope)\") === this.hostElement) {\n          this.open = false;\n        }\n        break;\n    }\n  }\n\n  /**\n   * Close the popover on clicks outside the component, only if there are no nested open tools.\n   * In that case any outside click should close the nested submenu(s) first.\n   */\n  @Listen(\"click\", {target: \"body\"})\n  onOutsideClick(event: MouseEvent): void {\n    const target = event.composedPath()[0] as HTMLElement;\n    if (!this.open || containsElement(this.hostElement, target) || this.hasNestedOpenTools) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"toggleSubmenu\")\n  onNestedToolToggle(ev: ZToolCustomEvent<boolean>): void {\n    if (ev.target === this.hostElement) {\n      return;\n    }\n\n    if (ev.detail === true) {\n      this.hasNestedOpenTools = true;\n\n      return;\n    }\n\n    this.hasNestedOpenTools = Array.from(this.hostElement.querySelectorAll(\"z-tool\")).some((tool) => tool.open);\n  }\n\n  /**\n   * Handles the `colorSelected` event from a nested `z-color-picker` component.\n   * Updates the `indicatorColor` and closes the tool's popover.\n   */\n  @Listen(\"colorSelected\")\n  handleColorSelected(event: ZColorPickerCustomEvent<ColorPickerPalette>): void {\n    if (!Array.from(this.hostElement.children).includes(event.target as Element)) {\n      return;\n    }\n\n    this.indicatorColor = event.detail;\n    this.open = false;\n    this.setFocus();\n  }\n\n  /**\n   * Close the submenu when focus moves outside the tool.\n   */\n  @Listen(\"focusin\", {target: \"body\", passive: true})\n  handleExternalFocusin(ev: FocusEvent): void {\n    const target = ev.target as Node;\n    if (!containsElement(this.hostElement, target)) {\n      this.open = false;\n    }\n  }\n\n  /** Focuses the tool's button element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.disabled) {\n      return;\n    }\n\n    setTimeout(() => {\n      this.buttonRef?.focus();\n    }, 50);\n  }\n\n  /** Sets the tab index of the tool's internal button element. */\n  @Method()\n  async setTabIndex(value: number): Promise<void> {\n    if (!this.buttonRef) {\n      return;\n    }\n\n    this.buttonRef.tabIndex = this.disabled ? -1 : value;\n  }\n\n  /** Closes the tooltip. */\n  @Method()\n  async closeTooltip(): Promise<void> {\n    clearTimeout(this.hoverDelay);\n    this.tooltipOpen = false;\n  }\n\n  componentWillLoad(): void {\n    this.hasSlottedContent = this.hostElement.children.length > 0;\n    this.isNested = !!this.hostElement.closest(\"z-tool:not(:scope)\");\n    this.mainToolbar = this.hostElement.closest(\"z-toolbar:not(z-toolbar z-toolbar)\");\n    this.hasNestedOpenTools = !!this.hostElement.querySelector(\"z-tool[open]\");\n\n    this.mql = matchMedia(\"(max-width: 767px)\");\n    this.onMobileViewChange = (e: MediaQueryListEvent) => (this.isMobile = e.matches);\n    this.mql.addEventListener(\"change\", this.onMobileViewChange);\n    this.isMobile = this.mql.matches;\n  }\n\n  disconnectedCallback(): void {\n    clearTimeout(this.hoverDelay);\n    this.mql?.removeEventListener(\"change\", this.onMobileViewChange);\n  }\n\n  render(): HTMLZToolElement {\n    return (\n      <Host class={{\"z-tool-tooltip-open\": this.tooltipOpen}}>\n        <button\n          class=\"z-tool\"\n          type=\"button\"\n          ref={(el) => (this.buttonRef = el)}\n          aria-pressed={this.hasSlottedContent ? undefined : this.active ? \"true\" : \"false\"}\n          aria-expanded={this.hasSlottedContent ? (this.open ? \"true\" : \"false\") : undefined}\n          aria-haspopup={this.hasSlottedContent ? \"true\" : 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            indicatorColor={this.indicatorColor}\n          ></z-icon>\n        </button>\n        {this.tooltip && (\n          <z-tooltip\n            class=\"z-tool-tooltip\"\n            ref={(el) => (this.tooltipRef = el)}\n            bindTo={this.iconRef}\n            open={this.tooltipOpen && !this.open}\n            position={this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition}\n            dark\n            onMouseLeave={this.handleTooltipClose}\n            onBlur={this.handleTooltipClose}\n            onOpenChange={this.onTooltipOpenChange}\n          >\n            <span class=\"body-4\">{this.tooltip}</span>\n          </z-tooltip>\n        )}\n        {this.hasSlottedContent && (\n          <z-popover\n            class=\"z-tool-submenu\"\n            open={this.open}\n            bindTo={this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement}\n            center\n            /* disable auto-close to prevent unwanted close behaviors on mobile,\n            when the bound element is the main toolbar */\n            closable={false}\n            position={this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM}\n          >\n            <slot></slot>\n          </z-popover>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-tool/index.stories.js

@@ -144,3 +144,4 @@ export const ColorPicker = {
       </z-tool>
     </div>`,
 };
+//# sourceMappingURL=index.stories.js.map