@zanichelli/albe-web-components 5.5.5 → 5.6.0

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Event } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * @slot content - set the info box content
  */
@@ -11,69 +11,75 @@ export class ZInfoBox {
     this.infoBoxClose.emit({ boxid: this.boxid });
   }
   render() {
-    return (h("div", { id: this.boxid },
-      h("slot", { name: "content" }),
-      this.isclosable && h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() })));
+    return (h("div", { id: this.boxid }, h("slot", { 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"
+  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
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "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": {}
+        }
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Event } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * Notification bar component.
  * @slot - The text of the notification.
@@ -30,167 +30,171 @@ export class ZNotification {
     var _a;
     return [
       this.contenticonname && h("z-icon", { class: "status-icon", name: this.contenticonname, width: 16, height: 16 }),
-      h("div", { class: "content-container" },
-        h("div", { class: "content-text" },
-          h("slot", null)),
-        !!((_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 }))
+      h("div", { class: "content-container" }, h("div", { class: "content-text" }, h("slot", null)), !!((_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": {}
+  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
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Action button text"
+      "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
       },
-      "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"
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "NotificationType",
+          "resolved": "NotificationType.error | NotificationType.success | NotificationType.warning",
+          "references": {
+            "NotificationType": {
+              "location": "import",
+              "path": "../../../beans"
+            }
           }
-        }
-      },
-      "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": false,
+        "docs": {
+          "tags": [],
+          "text": "Alert variant type"
+        },
+        "attribute": "type",
+        "reflect": true
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "shadow is available only for the `sticky` version of the notification."
-          }],
-        "text": "Enable shadow."
+      "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"
       },
-      "attribute": "showshadow",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "sticky": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "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"
       },
-      "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": {}
+      "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": {}
+        }
+      }];
+  }
 }