npm - @zanichelli/albe-web-components - Versions diffs - 19.3.0-rc1 → 19.4.0 - Mend

@zanichelli/albe-web-components 19.3.0-rc1 → 19.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1501) hide show

package/dist/collection/components/z-tag/index.js CHANGED Viewed

@@ -2,15 +2,13 @@ import { Host, h } from "@stencil/core";
 /**
  * Ztag component.
  * @slot - The text of the z-tag.
- * @cssprop --z-tag-text-color - text and icon color using tokens.
- * @cssprop --z-tag-bg - background color of the z-tag.
  */
 export class ZTag {
     render() {
-        return (h(Host, { key: '79058b7bd9a1c161e6bc55fc0a737e6f2f3c8a06', class: {
+        return (h(Host, { key: 'd5f0ba8914c2d1503af21e5ee3ebcf81c35e9475', class: {
                 "expandable": this.expandable && !!this.icon,
                 "has-text": !!this.host.textContent.trim(),
-            } }, this.icon && h("z-icon", { key: 'ac25c974cbb40a04bb83adabe53011bb4dd89dd3', name: this.icon }), h("div", { key: '4150a1f6301110f690a595c5e2b5169d90aa4802' }, h("slot", { key: 'd3f2e88bf2635ec142a71c5752f264cd9e0077f7' }))));
+            } }, this.icon && h("z-icon", { key: 'c15ecbd499567cfbd03a2f64117858676dc6e353', name: this.icon }), h("div", { key: '6b22a48ec600929db078c2fdb692c828ac3bf6e3' }, h("slot", { key: '6566b710bdb7a0fa765628e2dad24ad4b0bc9bd8' }))));
     }
     static get is() { return "z-tag"; }
     static get encapsulation() { return "scoped"; }
@@ -68,3 +66,4 @@ export class ZTag {
     }
     static get elementRef() { return "host"; }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-tag/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEpF;;;GAGG;AAOH,MAAM,OAAO,IAAI;IAWf,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;gBAC5C,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;aAC3C;YAEA,IAAI,CAAC,IAAI,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;YACzC;gBACE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Element, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * Ztag component.\n * @slot - The text of the z-tag.\n */\n@Component({\n tag: \"z-tag\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZTag implements ComponentInterface {\n @Element() host: HTMLZTagElement;\n\n /** [optional] Tag icon */\n @Prop()\n icon?: string;\n\n /** [optional] Hide the text and show it on hover*/\n @Prop()\n expandable?: boolean;\n\n render(): HTMLZTagElement {\n return (\n <Host\n class={{\n \"expandable\": this.expandable && !!this.icon,\n \"has-text\": !!this.host.textContent.trim(),\n }}\n >\n {this.icon && <z-icon name={this.icon} />}\n <div>\n <slot />\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/z-tag/styles.css CHANGED Viewed

@@ -1,4 +1,9 @@
 :host {
+  /**
+   * @prop --z-tag-text-color: text and icon color using tokens.
+   * @prop --z-tag-bg: background color of the z-tag.
+   */
   --z-icon-width: 14px;
   --z-icon-height: 14px;

package/dist/collection/components/z-toast-notification/index.js CHANGED Viewed

@@ -151,19 +151,19 @@ export class ZToastNotification {
         }
     }
     render() {
-        return (h(Host, { key: '6d582aa79426417081842e17e0ccb61fffec81a0', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
+        return (h(Host, { key: '1fc53b2a046a69423b79dc155a8047927f820f99', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {
                     this.startClosingTimeout(this.autoclose);
                 }
                 if (e.animationName.includes("slideout")) {
                     this.hostElement.parentNode.removeChild(this.hostElement);
                 }
-            } }, h("div", { key: '3b509ad43470b3bd5ceec401d28ce887a7f1de10', class: "toast-notification-container" }, h("div", { key: '7caaa8f330f15214c827eb89666ea2fdbbde3920', class: "toast-notification-content" }, h("div", { key: '49ad47ccf665b0bbcdbf94430cc2dab1e05219ab', class: "toast-notification-text" }, this.heading && h("span", { key: 'c2ea1e161d8c6bbefc9cff2ff27eadc713f5c133', class: "title" }, this.heading), h("span", { key: 'f93072a79ae141440445746ad654de84b50d2441', class: "message" }, h("slot", { key: '09d8108c415599d93b67925496fd52416fac4907', name: "message" }, this.message && h("span", { key: '011e00ae54cee5a33059cef9760576781c63f737', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: '67bde6f049f31a6b4e7d84c720b036f974bedba7', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: 'c92a7087e89012ee690c8e41577ccee412be112f', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: '41198c2a426c339046948b8969d3002aee7607c3', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
+            } }, h("div", { key: '3ce177f39a21c8431368287ea771e3b9035494a5', class: "toast-notification-container" }, h("div", { key: 'e516a7f69f5ce2bf2d99d898dc187ed56825cc3a', class: "toast-notification-content" }, h("div", { key: '38550c2a0000cfd468a3e98dbaefbd55f063f5ff', class: "toast-notification-text" }, this.heading && h("span", { key: '242f9da4bb8e8e12a33750077ae2c0f471d3af76', class: "title" }, this.heading), h("span", { key: 'ee4765e96507f08a627d38b2b5462cfceabe378e', class: "message" }, h("slot", { key: 'fb04698db1b74fff5a226d2f37633b7a827575c4', name: "message" }, this.message && h("span", { key: 'cb68e395d3e5986428b3f1bd2d672beb86a53cbc', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: 'b637f3d6fda242d84208b4334f5979af6d81dc15', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: '587c1bb667c497b1dc026a7fd51acf1a12692952', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: 'db8aa264cd8c2f04db4d3271c61106930a9d557b', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
                 if (e.code == KeyboardCode.SPACE || e.code == KeyboardCode.ENTER) {
                     e.preventDefault();
                     this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);
                 }
-            } }, h("z-icon", { key: '3316d0e9e999039cd99eb96faa37c81219e5617b', name: "multiply-circled" }))))));
+            } }, h("z-icon", { key: 'c80895cdd37e91aaad1314d602cb57f5c7d5cbd9', name: "multiply-circled" }))))));
     }
     static get is() { return "z-toast-notification"; }
     static get encapsulation() { return "shadow"; }
@@ -407,3 +407,4 @@ export class ZToastNotification {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-toast-notification/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-toast-notification/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode, ToastNotification, ToastNotificationTransition} from \"../../beans\";\n\nimport DOMPurify from \"dompurify\";\nimport Hammer from \"hammerjs\";\n\n/** Map of slide-in transitions to their corresponding slide-out transitions */\nconst SLIDE_OUT_TRANSITION_MAP = {\n [ToastNotificationTransition.SLIDE_IN_DOWN]: ToastNotificationTransition.SLIDE_OUT_UP,\n [ToastNotificationTransition.SLIDE_IN_UP]: ToastNotificationTransition.SLIDE_OUT_DOWN,\n [ToastNotificationTransition.SLIDE_IN_LEFT]: ToastNotificationTransition.SLIDE_OUT_RIGHT,\n [ToastNotificationTransition.SLIDE_IN_RIGHT]: ToastNotificationTransition.SLIDE_OUT_LEFT,\n};\n\n/**\n * ZToastNotification component.\n * @slot message - Custom HTML message\n * @slot button - Custom button\n */\n@Component({\n tag: \"z-toast-notification\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZToastNotification implements ComponentInterface {\n @Element() hostElement: HTMLZToastNotificationElement;\n\n /** toast notification's title */\n @Prop()\n heading?: string;\n\n /** toast notification's message */\n @Prop()\n message: string;\n\n /** toggles closing button rendering */\n @Prop()\n closebutton: boolean;\n\n /** toast notification closing timeout (ms) */\n @Prop()\n autoclose?: number;\n\n /** toast notification autoclose can be paused */\n @Prop()\n pauseonfocusloss?: boolean = true;\n\n /** toast notification type: dark, light, accent, error, success, warning */\n @Prop()\n type?: ToastNotification;\n\n /** toast notification can be draggable*/\n @Prop()\n isdraggable?: boolean = true;\n\n /** toast notification draggable percentage*/\n @Prop()\n draggablepercentage?: number = 80;\n\n /** toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up*/\n @Prop()\n transition?: ToastNotificationTransition;\n\n @State()\n percentage: number;\n\n /** Indicates if the toast notification has a slotted button. */\n @State()\n hasSlottedButton: boolean;\n\n /** notification close event */\n @Event()\n toastClose: EventEmitter;\n\n private sliderManager: HammerManager;\n\n private elapsedTime: number;\n\n private timeoutHandle: number;\n\n private startTime: number;\n\n private isCloseEventCalled = false;\n\n @Watch(\"isdraggable\")\n watchPropIsdraggable(newValue: boolean): void {\n if (newValue) {\n this.sliderManager.get(\"pan\").set({enable: true});\n } else {\n this.sliderManager.get(\"pan\").set({enable: false});\n }\n }\n\n @Watch(\"autoclose\")\n watchPropAutoclose(newValue: number): void {\n clearTimeout(this.timeoutHandle);\n this.startClosingTimeout(newValue);\n }\n\n @Watch(\"pauseonfocusloss\")\n watchPropPauseonfocusloss(newValue: boolean): void {\n if (this.autoclose) {\n if (newValue) {\n document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n } else {\n document.removeEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n }\n }\n }\n\n private close(closingTransition: string, stopTimer: boolean): void {\n if (stopTimer && this.timeoutHandle) {\n clearTimeout(this.timeoutHandle);\n }\n this.timeoutHandle = null;\n this.elapsedTime = null;\n this.toastClose.emit();\n if (closingTransition) {\n this.hostElement.classList.add(closingTransition);\n } else {\n this.hostElement.parentNode.removeChild(this.hostElement);\n }\n }\n\n private visibilityChangeEventHandler(): void {\n if (document.visibilityState === \"hidden\") {\n if (this.timeoutHandle) {\n this.onBlur();\n }\n } else if (this.elapsedTime) {\n this.onFocus();\n }\n }\n\n private validateAutoclose(): void {\n if (!this.autoclose && !this.closebutton) {\n console.error(\"At least one between autoclose and closebutton must be present\");\n }\n }\n\n private calculateDraggedPercentage(e): number {\n const bounding = this.hostElement.getBoundingClientRect();\n\n return Math.round((100 * e.deltaX) / bounding.width);\n }\n\n private handleSlideOutDragAnimation(): void {\n this.sliderManager = new Hammer(this.hostElement);\n this.sliderManager.get(\"pan\").set({\n direction: Hammer.DIRECTION_HORIZONTAL,\n });\n\n this.sliderManager.on(\"pan\", (e) => {\n this.percentage = this.calculateDraggedPercentage(e);\n this.hostElement.style.transition = \"none\";\n if (this.transition) {\n this.hostElement.classList.remove(this.transition);\n }\n const translateObj = {\n translate: `translateX(${this.percentage}%)`,\n translateBack: \"translateX(0)\",\n };\n\n this.hostElement.style.opacity = `${100 - Math.abs(this.percentage)}%`;\n if (e.eventType === Hammer.DIRECTION_LEFT || e.eventType === Hammer.DIRECTION_RIGHT) {\n this.hostElement.style.transform = translateObj.translate;\n if (Math.abs(this.percentage) > this.draggablepercentage && !this.isCloseEventCalled) {\n this.isCloseEventCalled = true;\n this.close(\n e.direction === Hammer.DIRECTION_LEFT\n ? ToastNotificationTransition.SLIDE_OUT_LEFT\n : ToastNotificationTransition.SLIDE_OUT_RIGHT,\n true\n );\n }\n }\n\n if (e.isFinal && Math.abs(this.percentage) < this.draggablepercentage) {\n this.hostElement.style.transform = translateObj.translateBack;\n this.hostElement.style.transition = \"all 1s\";\n this.hostElement.style.opacity = \"100%\";\n this.percentage = 0;\n }\n });\n }\n\n private onFocus(): void {\n let time = this.autoclose;\n if (this.elapsedTime) {\n time = this.autoclose - this.elapsedTime;\n }\n if (time > 0) {\n this.startClosingTimeout(time);\n }\n }\n\n private onBlur(): void {\n this.elapsedTime = Date.now() - this.startTime;\n clearTimeout(this.timeoutHandle);\n }\n\n private startClosingTimeout(time: number): void {\n this.timeoutHandle = window.setTimeout(() => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], false), time);\n }\n\n private checkSlottedButton(): void {\n this.hasSlottedButton = !!this.hostElement.querySelector(\"[slot='button']\");\n }\n\n componentWillLoad(): void {\n this.validateAutoclose();\n this.checkSlottedButton();\n this.percentage = 0;\n }\n\n componentDidLoad(): void {\n this.startTime = Date.now();\n if (this.autoclose) {\n if (this.pauseonfocusloss) {\n document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n }\n if (!this.transition) {\n this.startClosingTimeout(this.autoclose);\n }\n }\n\n if (this.isdraggable) {\n this.handleSlideOutDragAnimation();\n }\n }\n\n render(): HTMLZToastNotificationElement {\n return (\n <Host\n style={{\"--percentuale\": `${this.percentage}%`}}\n class={{[this.transition]: !!this.transition, [this.type]: !!this.type}}\n onAnimationEnd={(e: AnimationEvent) => {\n if (this.autoclose && e.animationName.includes(\"slidein\")) {\n this.startClosingTimeout(this.autoclose);\n }\n if (e.animationName.includes(\"slideout\")) {\n this.hostElement.parentNode.removeChild(this.hostElement);\n }\n }}\n >\n <div class=\"toast-notification-container\">\n <div class=\"toast-notification-content\">\n <div class=\"toast-notification-text\">\n {this.heading && <span class=\"title\">{this.heading}</span>}\n <span class=\"message\">\n <slot name=\"message\">{this.message && <span innerHTML={DOMPurify.sanitize(this.message)} />}</slot>\n </span>\n </div>\n <div\n class=\"button-container\"\n hidden={!this.hasSlottedButton}\n >\n <slot\n name=\"button\"\n onSlotchange={() => this.checkSlottedButton()}\n />\n </div>\n </div>\n {this.closebutton && (\n <button\n class=\"close-button\"\n aria-label=\"Chiudi notifica\"\n onClick={() => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true)}\n onKeyDown={(e) => {\n if (e.code == KeyboardCode.SPACE || e.code == KeyboardCode.ENTER) {\n e.preventDefault();\n this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);\n }\n }}\n >\n <z-icon name=\"multiply-circled\" />\n </button>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/z-toast-notification-list/index.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class ZToastNotificationList {
         }
     }
     render() {
-        return h("slot", { key: '8219e6e96e73aee72df4e2d8d2e0e9155e8f7a2e', name: "toasts" });
+        return h("slot", { key: '29e7ea359024d2214bbc885d34cc49cc6c86281f', name: "toasts" });
     }
     static get is() { return "z-toast-notification-list"; }
     static get encapsulation() { return "shadow"; }
@@ -112,3 +112,4 @@ export class ZToastNotificationList {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-toast-notification-list/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-toast-notification-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACrF,OAAO,EAAC,yBAAyB,EAAC,MAAM,aAAa,CAAC;AAOtD,MAAM,OAAO,sBAAsB;IALnC;QAQE,6HAA6H;QAE7H,aAAQ,GAA8B,yBAAyB,CAAC,SAAS,CAAC;QAE1E,4DAA4D;QAE5D,gBAAW,GAAa,IAAI,CAAC;QAErB,sBAAiB,GAAc,EAAE,CAAC;KAuC3C;IApCC,oBAAoB,CAAC,QAAiB;QACpC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7D,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACrF,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACxF,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAChG,CAAC;IAEO,iBAAiB;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAClH,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAClC,MAAM,OAAO,GAAG,IAAI,CAAC;gBACrB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CAAC;IACrC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Element, Prop, Watch, h} from \"@stencil/core\";\nimport {ToastNotificationPosition} from \"../../beans\";\n\n@Component({\n tag: \"z-toast-notification-list\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZToastNotificationList implements ComponentInterface {\n @Element() hostElement: HTMLZToastNotificationListElement;\n\n /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */\n @Prop({reflect: true})\n position: ToastNotificationPosition = ToastNotificationPosition.TOP_RIGHT;\n\n /**Set the entry position of new notification in the list */\n @Prop()\n newestontop?: boolean = true;\n\n private notificationArray: Element[] = [];\n\n @Watch(\"newestontop\")\n watchPropNewestontop(newValue: boolean): void {\n this.hostElement.append(...this.notificationArray.reverse());\n if (newValue) {\n this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler);\n } else {\n this.hostElement.shadowRoot.removeEventListener(\"slotchange\", this.slotChangeHandler);\n }\n }\n\n componentWillLoad(): void {\n if (this.newestontop) {\n this.handleNewestOnTop();\n }\n }\n\n private handleNewestOnTop(): void {\n this.notificationArray = Array.from(this.hostElement.children);\n this.hostElement.append(...this.notificationArray.reverse());\n this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler.bind(this));\n }\n\n private slotChangeHandler(): void {\n const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));\n if (difference) {\n difference.forEach((elem) => {\n this.notificationArray.push(elem);\n const newElem = elem;\n elem.remove();\n this.hostElement.prepend(newElem);\n });\n }\n }\n\n render(): HTMLSlotElement {\n return <slot name=\"toasts\"></slot>;\n }\n}\n"]}

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

@@ -16,10 +16,10 @@ export class ZToggleButton {
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: '3448d665412b78c55f77951e408df8abaa158803', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: 'd0ffc4e5d939520d394a77bcca9fd980cda11503', 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: '4514f07522fc6ecfced03793a5bc58e7c8f185e8', 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: '7307d3b2b6abbbe555e22e7caa11b6e151146f54', 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"; }
@@ -154,3 +154,4 @@ export class ZToggleButton {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-toggle-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAO1F,MAAM,OAAO,aAAa;IAL1B;QAUE,sCAAsC;QAEtC,eAAU,GAAa,KAAK,CAAC;QAM7B,iCAAiC;QAEjC,WAAM,GAAa,KAAK,CAAC;QAEzB,iCAAiC;QAEjC,cAAS,GAAG,EAAE,CAAC;KAqChB;IA/BS,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, ComponentInterface, 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 implements ComponentInterface {\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-switch/index.js CHANGED Viewed

@@ -26,14 +26,14 @@ export class ZToggleSwitch {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: 'd31f156ba646f113f8f2509afdaee3e79fdb33f7' }, h("input", { key: '48a3963dd555c00867816af0169ed677dc4ccc68', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '3872377775f759727b62288794555cd84e60b12c', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: 'b88394ed133b9f44f9c1de65628260259e841733' }, h("input", { key: '663c03657be7d0f8470226a11c8a804b2b9cbf86', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '5c234abf4e80459e82df5ae500e257325de80b75', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: 'b46cb8e359cdb11e696a116661659c9872d49a1e' }, h("slot", { key: '42fc26c0ced09c5fdda062735fe543b8cb57a658' })), h("span", { key: 'b55f0fbd2ff23f01c1ac0b845c6af5571d81c13f', class: {
+            } }, h("span", { key: '8a8c27808c25b96294c0ee32bc5b0463d961aeb5' }, h("slot", { key: 'a44db8068a726de440173f0779fea34860239ee8' })), h("span", { key: '039860e84314b571f982e4a34bd0f7f257f1acf8', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: '87bc69be905d84458fec5384f756348a94e446fe', class: "circle" }, this.checked && (h("z-icon", { key: '4464b2bf8aa91a7c0c5c9e2bff26e84ff7c34be2', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: '4fa9b0bb08311cde64570f5cc1de3eb958633cdf', class: "circle" }, this.checked && (h("z-icon", { key: '7f44edf1a91ad6a5c2c1e1d2dc7e9eaf202f14b8', width: 12, height: 12, name: "checkmark" })))))));
     }
     static get is() { return "z-toggle-switch"; }
     static get encapsulation() { return "scoped"; }
@@ -157,3 +157,4 @@ export class ZToggleSwitch {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-toggle-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,KAAK,EAAgB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAChG,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAQ3C,MAAM,OAAO,aAAa;IAN1B;QAOE,oBAAoB;QAEpB,aAAQ,GAAa,KAAK,CAAC;QAE3B,qBAAqB;QAErB,kBAAa,GAAI,aAAa,CAAC,IAAI,CAAC;QAEpC,oBAAoB;QAEpB,YAAO,GAAa,KAAK,CAAC;QAE1B,wDAAwD;QAExD,WAAM,GAAG,oBAAoB,QAAQ,EAAE,EAAE,CAAC;KA+D3C;IAzDS,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, ComponentInterface, 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 implements ComponentInterface {\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-tool/index.js CHANGED Viewed

@@ -182,10 +182,10 @@ export class ZTool {
         (_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.onMobileViewChange);
     }
     render() {
-        return (h(Host, { key: 'f5da5cd309607dc94dd12a28596b2ea02d28ba4c', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: 'be63d078b5035ba1f08c480c8c08f365b3115191', 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: 'a08b5432871a1522374633050a835bb18001a6d6', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: '9e0fa11a43662f333404543e315b097aa96ab08c', 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: 'bfc2be83824830ed05b70f423e9f044015624f49', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: '717697756e5333f066f96c96695cd9741b006e93', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
+        return (h(Host, { key: '877a963cd0017bb4ee4ceee41269a7221c9b5657', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: '277956460cb28d4fa82751858e6ec223c60c3742', 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: '7adc9e77129028185370b067f087190c30ce65b1', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: '1ad7d42bea522fe09f192f6a5437a56aa1c0dfce', 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: 'aa411388fce8b01983fed63a1c27505a53604a8c', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: '018b555d82f0fe05cf1029eabaf645f14f793079', 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: 'd151d02e38fb7a0941012ec969b6cea647721846' })))));
+            closable: false, position: this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: 'cc57b7897e2341151ffa771a0c1d7ed22052faf7' })))));
     }
     static get is() { return "z-tool"; }
     static get encapsulation() { return "shadow"; }
@@ -206,7 +206,7 @@ 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\" | \"angle-settings\" | \"angle-settings-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\" | \"bg-color-trasparent\" | \"bg-color-trasparent-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\" | \"generic-note\" | \"generic-note-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-list\" | \"image-list-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\" | \"magnet-snap\" | \"magnet-snap-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\" | \"subtitles\" | \"subtitles-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": "\"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\" | \"angle-settings\" | \"angle-settings-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\" | \"bg-color-transparent\" | \"bg-color-transparent-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\" | \"generic-note\" | \"generic-note-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-list\" | \"image-list-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\" | \"magnet-snap\" | \"magnet-snap-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\" | \"subtitles\" | \"subtitles-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\"",
                     "references": {
                         "IconName": {
                             "location": "import",
@@ -517,3 +517,4 @@ export class ZTool {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-tool/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n h,\n} 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 implements ComponentInterface {\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-toolbar/index.js CHANGED Viewed

@@ -6,7 +6,6 @@ import { KeyboardCode } from "../../beans";
  * Tools can be visually grouped using `z-divider` elements as separators.
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/
  *
- * @cssprop --z-toolbar-columns - Number of items per row in the toolbar. Only applies on mobile viewport, when the toolbar can be displayed in a multi-row layout. Default: `6`.
  */
 export class ZToolbar {
     constructor() {
@@ -133,7 +132,7 @@ export class ZToolbar {
         }
     }
     render() {
-        return (h(Host, { key: '9f77e33a2a5e3566137ca23c4a41526b58b46515', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: 'a62af35ef54781baee92f865a969a8642ce58703', onSlotchange: () => {
+        return (h(Host, { key: '27daf25d9526b2eb37ddcec6e3e577b913fae833', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: 'e84a997b04d17fe916ba25ea296c1459228226af', onSlotchange: () => {
                 this.collectToolItems();
                 this.updateTabIndexes();
             } })));
@@ -207,3 +206,4 @@ export class ZToolbar {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-toolbar/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACnG,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAGzC;;;;;;GAMG;AAMH,MAAM,OAAO,QAAQ;IALrB;QAYE,+DAA+D;QAE/D,sBAAiB,GAAG,CAAC,CAAC;QAEtB,uCAAuC;QAC/B,cAAS,GAAuB,EAAE,CAAC;KA6J5C;IA3JC,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,qJAAqJ;QACrJ,IAAI,iBAAiB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,IAAI,GAAG,CAAC,CAAC;QACpH,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAC3G,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1F,CAAC;IAED,uFAAuF;IAC/E,gBAAgB;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kCAAkC,CAAC,CAAC,CAAC;IACrG,CAAC;IAED;;;OAGG;IACK,gBAAgB;QACtB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACrC,IAAI,CAAC,WAAW,CAAC,KAAK,KAAK,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,WAAW,CAAC,KAAa,EAAE,WAAgC,MAAM;QACvE,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAExB,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACxB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,aAAa;QACnB,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QACvE,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC;IAEO,iBAAiB;QACvB,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QAC/F,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAC1C,CAAC;IAED;;;OAGG;IAEH,0BAA0B,CAAC,KAAgC;QACzD,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,MAAM,UAAU,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,QAAQ,CAA4B,CAAC;QAC9F,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACxD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC9B,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACrC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IAEH,0BAA0B,CAAC,KAAgC;QACzD,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACzC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC9B,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;gBACxB,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,aAAa,CAAC,KAAoB;QAChC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAqB,CAAC;QAEjE,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACzD,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,iBAAiB,GAAG,YAAY,CAAC;QACxC,CAAC;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,YAAY,CAAC,WAAW;gBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,MAAM;YACR,KAAK,YAAY,CAAC,UAAU;gBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACzB,MAAM;QACV,CAAC;IACH,CAAC;IAED;;;OAGG;IAEH,aAAa,CAAC,KAAiB;QAC7B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAqB,CAAC;QACjE,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAClD,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrD,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,SAAS,gBACF,IAAI,CAAC,aAAa;YAE9B,6DACE,YAAY,EAAE,GAAG,EAAE;oBACjB,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC1B,CAAC,GACK,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Element, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {KeyboardCode} from \"../../beans\";\nimport {ZToolCustomEvent} from \"../../components\";\n\n/**\n * ZToolbar component. This component mainly serves as a container for `z-tool` elements, but can also be nested inside a `z-tool` to create submenus.\n * Implements WCAG toolbar pattern with roving tabindex keyboard navigation.\n * Tools can be visually grouped using `z-divider` elements as separators.\n * @see https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n *\n */\n@Component({\n tag: \"z-toolbar\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZToolbar implements ComponentInterface {\n @Element() hostElement: HTMLZToolbarElement;\n\n /** Accessible label for the toolbar. */\n @Prop()\n htmlAriaLabel?: string;\n\n /** Index of the currently focusable item (roving tabindex). */\n @State()\n currentFocusIndex = 0;\n\n /** List of focusable tool elements. */\n private toolItems: HTMLZToolElement[] = [];\n\n componentDidLoad(): void {\n this.collectToolItems();\n this.updateTabIndexes();\n // set css variable `--z-toolbar-columns` based on the number of tools in the toolbar, so that the background pattern can adapt to the number of rows\n let mobileColumnCount = parseInt(getComputedStyle(this.hostElement).getPropertyValue(\"--z-toolbar-columns\") || \"6\");\n mobileColumnCount = this.toolItems.length <= mobileColumnCount ? this.toolItems.length : mobileColumnCount;\n this.hostElement.style.setProperty(\"--z-toolbar-columns\", mobileColumnCount.toString());\n }\n\n /** Collect first level children `z-tool` elements in the toolbar (not nested ones). */\n private collectToolItems(): void {\n this.toolItems = Array.from(this.hostElement.querySelectorAll(\"z-tool:not(:scope z-tool z-tool)\"));\n }\n\n /**\n * Update the `tabindex` of all children tools based on the current focus index,\n * so that only the currently focusable tool is in the tab order (tabindex=\"0\") and all others are not focusable via keyboard (tabindex=\"-1\").\n */\n private updateTabIndexes(): void {\n this.toolItems.forEach((tool, index) => {\n tool.setTabIndex(index === this.currentFocusIndex ? 0 : -1);\n });\n }\n\n private focusToolAt(index: number, fallback: \"previous\" | \"next\" = \"next\"): void {\n const tool = this.toolItems[index];\n if (!tool) {\n return;\n }\n\n this.currentFocusIndex = index;\n if (!tool.disabled) {\n tool.setFocus();\n this.updateTabIndexes();\n\n return;\n }\n\n if (fallback === \"next\") {\n this.focusNextTool();\n } else {\n this.focusPreviousTool();\n }\n }\n\n private focusNextTool(): void {\n const nextIndex = (this.currentFocusIndex + 1) % this.toolItems.length;\n this.focusToolAt(nextIndex);\n }\n\n private focusPreviousTool(): void {\n const prevIndex = (this.currentFocusIndex - 1 + this.toolItems.length) % this.toolItems.length;\n this.focusToolAt(prevIndex, \"previous\");\n }\n\n /**\n * Listen for custom \"toggleSubmenu\" events from child tools and close sibling submenus when one is opened,\n * to prevent multiple submenus from being open at the same time.\n */\n @Listen(\"toggleSubmenu\")\n closeSiblingSubmenusOnOpen(event: ZToolCustomEvent<boolean>): void {\n if (event.detail !== true) {\n return;\n }\n\n const targetTool = (event.target as HTMLElement).closest(\"z-tool\") as HTMLZToolElement | null;\n if (!targetTool || !this.toolItems.includes(targetTool)) {\n return;\n }\n\n this.toolItems.forEach((tool) => {\n if (tool !== targetTool && tool.open) {\n tool.open = false;\n }\n });\n }\n\n /**\n * Listen for custom \"toggleTooltip\" events from child tools and close sibling tooltips when one is opened,\n * to prevent multiple tooltips from being open at the same time.\n */\n @Listen(\"toggleTooltip\")\n closeSiblingTooltipsOnOpen(event: ZToolCustomEvent<boolean>): void {\n if (event.detail !== true) {\n return;\n }\n\n const targetTool = event.target;\n if (!this.toolItems.includes(targetTool)) {\n return;\n }\n\n this.toolItems.forEach((tool) => {\n if (tool !== targetTool) {\n tool.closeTooltip();\n }\n });\n }\n\n @Listen(\"keydown\")\n handleKeyDown(event: KeyboardEvent): void {\n const target = event.target as HTMLElement;\n const toolElement = target.closest(\"z-tool\") as HTMLZToolElement;\n\n if (!toolElement || !this.toolItems.includes(toolElement)) {\n return;\n }\n\n const focusedIndex = this.toolItems.indexOf(toolElement);\n if (focusedIndex !== -1) {\n this.currentFocusIndex = focusedIndex;\n }\n\n switch (event.key) {\n case KeyboardCode.ARROW_RIGHT:\n event.preventDefault();\n this.focusNextTool();\n break;\n case KeyboardCode.ARROW_LEFT:\n event.preventDefault();\n this.focusPreviousTool();\n break;\n }\n }\n\n /**\n * When focus enters the toolbar, update the current focus index to match the focused tool,\n * so that roving tabindex is in sync with actual focus.\n */\n @Listen(\"focusin\")\n handleFocusIn(event: FocusEvent): void {\n const target = event.target as HTMLElement;\n const toolElement = target.closest(\"z-tool\") as HTMLZToolElement;\n const index = this.toolItems.indexOf(toolElement);\n if (index !== -1 && index !== this.currentFocusIndex) {\n this.currentFocusIndex = index;\n this.updateTabIndexes();\n }\n }\n\n render(): HTMLZToolbarElement {\n return (\n <Host\n role=\"toolbar\"\n aria-label={this.htmlAriaLabel}\n >\n <slot\n onSlotchange={() => {\n this.collectToolItems();\n this.updateTabIndexes();\n }}\n ></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/z-toolbar/styles.css CHANGED Viewed

@@ -4,6 +4,10 @@
 }
 :host {
+  /**
+   * @prop --z-toolbar-columns: Number of items per row in the toolbar. Only applies on mobile viewport, when the toolbar can be displayed in a multi-row layout. Default: `6`.
+   */
   display: flex;
   width: fit-content;
   align-items: center;

package/dist/collection/components/z-tooltip/index.js CHANGED Viewed

@@ -3,10 +3,6 @@ import { PopoverPosition } from "../../beans";
 /**
  * Tooltip component.
  * It is basically a wrapper for the `<z-popover>` component with custom configuration.
- *
- * @cssprop --z-tooltip-theme--surface - background color of the popover.
- * @cssprop --z-tooltip-theme--text - foreground color of the popover.
- * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.
  */
 export class ZTooltip {
     constructor() {
@@ -29,7 +25,7 @@ export class ZTooltip {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: '0cc1e8ea0e6896f5031309a5984c09df4b095d8b', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: 'a0548343b099fe7986066d821a455f1092428b38' })));
+        return (h("z-popover", { key: 'f043ce5196097912206ba7430623947af5c453a8', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: '9589232709b125e27eee40bfa68c497626cb55bf' })));
     }
     static get is() { return "z-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -186,3 +182,4 @@ export class ZTooltip {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-tooltip/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAClG,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAE5C;;;GAGG;AAMH,MAAM,OAAO,QAAQ;IALrB;QAME,wBAAwB;QAExB,aAAQ,GAAoB,eAAe,CAAC,IAAI,CAAC;QAEjD,gCAAgC;QAEhC,SAAI,GAAG,KAAK,CAAC;QAEb;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAQb;;;;WAIG;QAEH,aAAQ,GAAG,IAAI,CAAC;KAgCjB;IApBC,mBAAmB;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,kEACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAyB,CAAC,EACzD,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,QACN,SAAS,QACT,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAE3D,8DAAa,CACH,CACb,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Event, EventEmitter, Listen, Prop, h} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n */\n@Component({\n tag: \"z-tooltip\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTooltip implements ComponentInterface {\n /** Tooltip position. */\n @Prop({reflect: true})\n position: PopoverPosition = PopoverPosition.AUTO;\n\n /** Enable tooltip dark mode. */\n @Prop({reflect: true})\n dark = false;\n\n /**\n * The open state of the tooltip.\n */\n @Prop({reflect: true, mutable: true})\n open = false;\n\n /**\n * The selector or the element bound with the tooltip.\n */\n @Prop()\n bindTo?: string | HTMLElement;\n\n /**\n * Reflects `closable` prop of the popover.\n * \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\n * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n */\n @Prop()\n closable = true;\n\n /**\n * Propagation of the `openChange` event from the internal `z-popover` to allow listening to it directly on `z-tooltip`.\n * This is necessary to keep the internal state of the `open` prop in sync when the popover is closed by user interaction instead of programmatically.\n */\n @Event()\n openChange: EventEmitter<{open: boolean}>;\n\n private popoverEl: HTMLZPopoverElement;\n\n @Listen(\"openChange\")\n onPopoverOpenChange(): void {\n this.open = this.popoverEl.open;\n }\n\n render(): HTMLZPopoverElement {\n return (\n <z-popover\n ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n bindTo={this.bindTo}\n open={this.open}\n position={this.position}\n closable={this.closable}\n center\n showArrow\n onOpenChange={(event) => this.openChange.emit(event.detail)}\n >\n <slot></slot>\n </z-popover>\n );\n }\n}\n"]}

package/dist/collection/components/z-tooltip/styles.css CHANGED Viewed

@@ -1,4 +1,10 @@
 :host {
+  /**
+   * @prop --z-tooltip-theme--surface: Background color of the popover.
+   * @prop --z-tooltip-theme--text: Foreground color of the popover.
+   * @prop --z-tooltip-shadow-filter: Drop-shadow filter of the popover.
+   * @prop --z-tooltip-padding: Padding of the popover. The default is `8px` (`--space-unit`).
+   */
   --z-tooltip-theme--surface: var(--color-surface01);
   --z-tooltip-theme--text: var(--color-default-text);
   --z-tooltip-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));

package/dist/collection/components/z-visually-hidden/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ZVisuallyHidden {
     render() {
-        return h("slot", { key: '7ddc72b3dc926a0205188bf75d5e42c15f913771' });
+        return h("slot", { key: 'c0d4c33ff0e304a0e2c6b1f708fb48aaa3f45fc5' });
     }
     static get is() { return "z-visually-hidden"; }
     static get encapsulation() { return "shadow"; }
@@ -16,3 +16,4 @@ export class ZVisuallyHidden {
         };
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/z-visually-hidden/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/z-visually-hidden/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,CAAC,EAAC,MAAM,eAAe,CAAC;AAO/D,MAAM,OAAO,eAAe;IAC1B,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-visually-hidden\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZVisuallyHidden implements ComponentInterface {\n render(): HTMLSlotElement {\n return <slot />;\n }\n}\n"]}

package/dist/collection/constants/breakpoints.js CHANGED Viewed

@@ -5,3 +5,4 @@ export var Breakpoints;
     Breakpoints[Breakpoints["TABLET"] = 1151] = "TABLET";
     Breakpoints[Breakpoints["DESKTOP"] = 1365] = "DESKTOP";
 })(Breakpoints || (Breakpoints = {}));
+//# sourceMappingURL=breakpoints.js.map

package/dist/collection/constants/breakpoints.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/constants/breakpoints.ts"],"names":[],"mappings":"AAAA,yGAAyG;AACzG,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,mDAAY,CAAA;IACZ,oDAAa,CAAA;IACb,sDAAc,CAAA;AAChB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB","sourcesContent":["/** Breakpoints for responsive design. The values are the max width of the screen for each breakpoint. */\nexport enum Breakpoints {\n MOBILE = 767,\n TABLET = 1151,\n DESKTOP = 1365,\n}\n"]}

package/dist/collection/constants/icons.js CHANGED Viewed

@@ -4,3 +4,4 @@ const icons = {
     iconarrowdown: "arrowDown.png",
 };
 export default icons;
+//# sourceMappingURL=icons.js.map

package/dist/collection/constants/icons.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/constants/icons.tsx"],"names":[],"mappings":"AAAA,MAAM,KAAK,GAAG;IACZ,YAAY,EAAE,UAAU;IACxB,WAAW,EAAE,aAAa;IAC1B,aAAa,EAAE,eAAe;CAC/B,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["const icons = {\n iconuserlogo: \"user.png\",\n iconarrowup: \"arrowUp.png\",\n iconarrowdown: \"arrowDown.png\",\n};\n\nexport default icons;\n"]}