@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

package/dist/collection/components/notification/z-info-box/index.js

@@ -1,86 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @slot content - set the info box content
- */
-export class ZInfoBox {
-    constructor() {
-        this.boxid = undefined;
-        this.isclosable = true;
-    }
-    emitInfoBoxClose() {
-        this.infoBoxClose.emit({ boxid: this.boxid });
-    }
-    render() {
-        return (h("div", { key: 'ca557ef255dac8cd5e349193e1a737ebbbc89e67', id: this.boxid }, h("slot", { key: '1be32b81bde96ac8f548a4bd84698ddbbc2485f1', name: "content" }), this.isclosable && (h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
-    }
-    static get is() { return "z-info-box"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "boxid": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "info box unique id"
-                },
-                "attribute": "boxid",
-                "reflect": false
-            },
-            "isclosable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "render close icon flag"
-                },
-                "attribute": "isclosable",
-                "reflect": false,
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "infoBoxClose",
-                "name": "infoBoxClose",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "emitted on close icon click"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/components/notification/z-info-box/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/notification/z-info-box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAEtE;;GAEG;AAMH,MAAM,OAAO,QAAQ;;;0BAON,IAAI;;IAMT,gBAAgB;QACtB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,EAAE,EAAE,IAAI,CAAC,KAAK;YACjB,6DAAM,IAAI,EAAC,SAAS,GAAG;YACtB,IAAI,CAAC,UAAU,IAAI,CAClB,cACE,IAAI,EAAC,UAAU,iBACH,cAAc,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,GACtC,CACH,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter} from \"@stencil/core\";\n\n/**\n * @slot content - set the info box content\n */\n@Component({\n  tag: \"z-info-box\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoBox {\n  /** info box unique id */\n  @Prop()\n  boxid: string;\n\n  /** render close icon flag */\n  @Prop()\n  isclosable = true;\n\n  /** emitted on close icon click */\n  @Event()\n  infoBoxClose: EventEmitter;\n\n  private emitInfoBoxClose(): void {\n    this.infoBoxClose.emit({boxid: this.boxid});\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div id={this.boxid}>\n        <slot name=\"content\" />\n        {this.isclosable && (\n          <z-icon\n            name=\"multiply\"\n            data-action=\"infoBoxClose\"\n            onClick={() => this.emitInfoBoxClose()}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/notification/z-info-box/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/notification/z-info-box/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,0DAA0D;SACjE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;sBAEU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZInfoBox} from \"./index\";\n\ndescribe(\"Suite test ZInfoBox\", () => {\n  it(\"Test render ZInfoBox vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZInfoBox],\n      html: `<z-info-box></z-info-box>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-info-box>\n        <mock:shadow-root>\n          <div>\n            <slot name=\"content\"></slot>\n            <z-icon data-action=\"infoBoxClose\" name=\"multiply\"></z-icon>\n          </div>\n        </mock:shadow-root>\n      </z-info-box>\n    `);\n  });\n\n  it(\"Test render ZInfoBox con props\", async () => {\n    const page = await newSpecPage({\n      components: [ZInfoBox],\n      html: `<z-info-box boxid=\"box\" isclosable=\"true\"></z-info-box>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-info-box boxid=\"box\" isclosable=\"true\">\n        <mock:shadow-root>\n          <div id=\"box\">\n            <slot name=\"content\"></slot>\n            <z-icon data-action=\"infoBoxClose\" name=\"multiply\"></z-icon>\n          </div>\n        </mock:shadow-root>\n      </z-info-box>\n    `);\n  });\n\n  it(\"Test render ZInfoBox non closable\", async () => {\n    const page = await newSpecPage({\n      components: [ZInfoBox],\n      html: `<z-info-box boxid=\"box\" isclosable=\"false\"></z-info-box>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-info-box boxid=\"box\" isclosable=\"false\">\n        <mock:shadow-root>\n          <div id=\"box\">\n            <slot name=\"content\"></slot>\n          </div>\n        </mock:shadow-root>\n      </z-info-box>\n    `);\n  });\n\n  it(\"Test render ZInfoBox con content\", async () => {\n    const page = await newSpecPage({\n      components: [ZInfoBox],\n      html: `<z-info-box boxid=\"box\">\n          <span slot=\"content\">info box content</span>\n        </z-info-box>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-info-box boxid=\"box\">\n        <mock:shadow-root>\n          <div id=\"box\">\n            <slot name=\"content\"></slot>\n            <z-icon data-action=\"infoBoxClose\" name=\"multiply\"></z-icon>\n          </div>\n        </mock:shadow-root>\n            <span slot=\"content\">info box content</span>\n      </z-info-box>\n    `);\n  });\n});\n"]}

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

@@ -1,194 +0,0 @@
-import { h, Host } from "@stencil/core";
-/**
- * Notification bar component.
- * @slot - The text of the notification.
- * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.
- */
-export class ZNotification {
-    handleActionButtonClick(e) {
-        e.preventDefault();
-        this.notificationAction.emit();
-    }
-    handleCloseButtonClick(e) {
-        e.preventDefault();
-        this.notificationClose.emit();
-    }
-    constructor() {
-        this.contenticonname = undefined;
-        this.actiontext = undefined;
-        this.type = undefined;
-        this.showclose = false;
-        this.showshadow = false;
-        this.sticky = false;
-        this.handleActionButtonClick = this.handleActionButtonClick.bind(this);
-        this.handleCloseButtonClick = this.handleCloseButtonClick.bind(this);
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: 'e1b8c509acb129182cfadc355c1963fd1c4274c6' }, this.contenticonname && (h("z-icon", { class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: 'c9cf0db48f3bacb9a5fd30edef7205e2466f833d', class: "content-container" }, h("div", { key: 'ac120c5078e63ca5d4089f2e2ddfea3bd60c5660', class: "content-text" }, h("slot", { key: 'fcc4c3bb250103c84453421964bc740f26baf40d' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { name: "multiply-circle", width: 16, height: 16 })))));
-    }
-    static get is() { return "z-notification"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "contenticonname": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Name of the icon on the left of the content"
-                },
-                "attribute": "contenticonname",
-                "reflect": false
-            },
-            "actiontext": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Action button text"
-                },
-                "attribute": "actiontext",
-                "reflect": false
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "NotificationType",
-                    "resolved": "NotificationType.ERROR | NotificationType.SUCCESS | NotificationType.WARNING",
-                    "references": {
-                        "NotificationType": {
-                            "location": "import",
-                            "path": "../../../beans",
-                            "id": "src/beans/index.tsx::NotificationType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Alert variant type"
-                },
-                "attribute": "type",
-                "reflect": true
-            },
-            "showclose": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Enable close icon"
-                },
-                "attribute": "showclose",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "showshadow": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "deprecated",
-                            "text": "shadow is available only for the `sticky` version of the notification."
-                        }],
-                    "text": "Enable shadow."
-                },
-                "attribute": "showshadow",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "sticky": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Enable sticky notification bar."
-                },
-                "attribute": "sticky",
-                "reflect": true,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "notificationAction",
-                "name": "notificationAction",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Call to action clicked"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "notificationClose",
-                "name": "notificationClose",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Close button clicked"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/notification/z-notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,IAAI,EAAC,MAAM,eAAe,CAAC;AAG5E;;;;GAIG;AAMH,MAAM,OAAO,aAAa;IAgChB,uBAAuB,CAAC,CAAa;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;IACjC,CAAC;IAMO,sBAAsB,CAAC,CAAa;QAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;IAChC,CAAC;IAED;;;;yBA/BsB,KAAK;0BAOJ,KAAK;sBAIT,KAAK;QAqBtB,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvE,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACtE;IAED,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,eAAe,IAAI,CACvB,cACE,KAAK,EAAC,aAAa,EACnB,IAAI,EAAE,IAAI,CAAC,eAAe,EAC1B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;YACD,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,4DAAK,KAAK,EAAC,cAAc;oBACvB,8DAAa,CACT;gBACL,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,EAAE,CAAA,IAAI,CAC5B,cACE,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,uBAAuB,IAEpC,IAAI,CAAC,UAAU,CACT,CACV,CACG;YACL,IAAI,CAAC,SAAS,IAAI,CACjB,cACE,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,sBAAsB;gBAEpC,cACE,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACK,CACV,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter, Host} from \"@stencil/core\";\nimport {NotificationType} from \"../../../beans\";\n\n/**\n * Notification bar component.\n * @slot - The text of the notification.\n * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.\n */\n@Component({\n  tag: \"z-notification\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZNotification {\n  /** Name of the icon on the left of the content */\n  @Prop()\n  contenticonname?: string;\n\n  /** Action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** Alert variant type */\n  @Prop({reflect: true})\n  type: NotificationType;\n\n  /** Enable close icon */\n  @Prop()\n  showclose?: boolean = false;\n\n  /**\n   * Enable shadow.\n   * @deprecated shadow is available only for the `sticky` version of the notification.\n   */\n  @Prop({reflect: true})\n  showshadow?: boolean = false;\n\n  /** Enable sticky notification bar. */\n  @Prop({reflect: true})\n  sticky?: boolean = false;\n\n  /** Call to action clicked */\n  @Event()\n  notificationAction: EventEmitter;\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.notificationAction.emit();\n  }\n\n  /** Close button clicked */\n  @Event()\n  notificationClose: EventEmitter;\n\n  private handleCloseButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.notificationClose.emit();\n  }\n\n  constructor() {\n    this.handleActionButtonClick = this.handleActionButtonClick.bind(this);\n    this.handleCloseButtonClick = this.handleCloseButtonClick.bind(this);\n  }\n\n  render(): HTMLZNotificationElement {\n    return (\n      <Host>\n        {this.contenticonname && (\n          <z-icon\n            class=\"status-icon\"\n            name={this.contenticonname}\n            width={16}\n            height={16}\n          />\n        )}\n        <div class=\"content-container\">\n          <div class=\"content-text\">\n            <slot></slot>\n          </div>\n          {!!this.actiontext?.trim() && (\n            <button\n              class=\"action-button\"\n              type=\"button\"\n              onClick={this.handleActionButtonClick}\n            >\n              {this.actiontext}\n            </button>\n          )}\n        </div>\n        {this.showclose && (\n          <button\n            class=\"close-button\"\n            type=\"button\"\n            onClick={this.handleCloseButtonClick}\n          >\n            <z-icon\n              name=\"multiply-circle\"\n              width={16}\n              height={16}\n            />\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/notification/z-notification/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/notification/z-notification/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;6CAKiC;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;KAuB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,sEAAsE;SAC7E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;6CAKiC;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZNotification} from \"./index\";\n\ndescribe(\"Suite test ZNotification\", () => {\n  it(\"Test render ZNotification with icon, action and close button\", async () => {\n    const page = await newSpecPage({\n      components: [ZNotification],\n      html: `<z-notification\n        contenticonname=\"gear\"\n        actiontext=\"Annulla\"\n        type=\"success\"\n        showclose=\"true\"\n      >Testo della notifica</z-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-notification actiontext=\"Annulla\" contenticonname=\"gear\" showclose=\"true\" type=\"success\">\n        <mock:shadow-root>\n          <z-icon\n            class=\"status-icon\"\n            name=\"gear\"\n            width=\"16\"\n            height=\"16\"\n          ></z-icon>\n          <div class=\"content-container\">\n            <div class=\"content-text\"><slot></slot></div>\n            <button class=\"action-button\" type=\"button\">Annulla</button>\n          </div>\n          <button class=\"close-button\" type=\"button\">\n            <z-icon\n              name=\"multiply-circle\"\n              width=\"16\"\n              height=\"16\"\n            />\n          </button>\n        </mock:shadow-root>\n        Testo della notifica\n      </z-notification>\n    `);\n  });\n\n  it(\"Test render ZNotification without icon, action and close button\", async () => {\n    const page = await newSpecPage({\n      components: [ZNotification],\n      html: `<z-notification type=\"success\">Testo della notifica</z-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-notification type=\"success\">\n        <mock:shadow-root>\n          <div class=\"content-container\">\n            <div class=\"content-text\"><slot></slot></div>\n          </div>\n        </mock:shadow-root>\n        Testo della notifica\n      </z-notification>\n    `);\n  });\n\n  it(\"Test render ZNotification with icon, action\", async () => {\n    const page = await newSpecPage({\n      components: [ZNotification],\n      html: `<z-notification\n        contenticonname=\"gear\"\n        actiontext=\"Annulla\"\n        type=\"success\"\n        showclose=\"false\"\n      >Testo della notifica</z-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-notification actiontext=\"Annulla\" contenticonname=\"gear\" showclose=\"false\" type=\"success\">\n        <mock:shadow-root>\n          <z-icon\n            class=\"status-icon\"\n            name=\"gear\"\n            width=\"16\"\n            height=\"16\"\n          ></z-icon>\n          <div class=\"content-container\">\n            <div class=\"content-text\"><slot></slot></div>\n            <button class=\"action-button\" type=\"button\">Annulla</button>\n          </div>\n        </mock:shadow-root>\n        Testo della notifica\n      </z-notification>\n    `);\n  });\n});\n"]}

package/dist/collection/components/notification/z-notification/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/notification/z-notification/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;IACvE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,uBAAuB,GAAG,sBAAsB,CAAC;IACvD,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,uBAAuB,mBAAmB,CAAC,CAAC;IAErF,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAE3D,MAAM,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAChE,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,qGAAqG,EAAE,KAAK,IAAI,EAAE;IACnH,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,2EAA2E,CAAC,CAAC;IACnG,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAE1E,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC;IAC3E,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;IAE5B,MAAM,CAAC,qBAAqB,CAAC,CAAC,mBAAmB,EAAE,CAAC;AACtD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iGAAiG,EAAE,KAAK,IAAI,EAAE;IAC/G,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,wEAAwE,CAAC,CAAC;IAChG,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEzE,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;IACxE,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;IAE1B,MAAM,CAAC,qBAAqB,CAAC,CAAC,mBAAmB,EAAE,CAAC;AACtD,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nit(\"should render the given text content as accessible text\", async () => {\n  const page = await newE2EPage();\n  const notificationTextContent = \"Testo della notifica\";\n  await page.setContent(`<z-notification>${notificationTextContent}</z-notification>`);\n\n  const notificationBody = await page.find(\"z-notification\");\n\n  expect(notificationBody).toEqualText(notificationTextContent);\n});\n\nit(\"emits a notificationAction event when the component has an action element and the user clicks on it\", async () => {\n  const page = await newE2EPage();\n  await page.setContent('<z-notification actiontext=\"Azione\">Testo della notifica</z-notification>');\n  const notificationActionSpy = await page.spyOnEvent(\"notificationAction\");\n\n  const actionElement = await page.find(\"z-notification >>> .action-button\");\n  await actionElement.click();\n\n  expect(notificationActionSpy).toHaveReceivedEvent();\n});\n\nit(\"emits a notificationClose event when the component has a close button and the user clicks on it\", async () => {\n  const page = await newE2EPage();\n  await page.setContent('<z-notification showclose=\"true\">Testo della notifica</z-notification>');\n  const notificationActionSpy = await page.spyOnEvent(\"notificationClose\");\n\n  const closeButton = await page.find(\"z-notification >>> .close-button\");\n  await closeButton.click();\n\n  expect(notificationActionSpy).toHaveReceivedEvent();\n});\n"]}