@zanichelli/albe-web-components 5.5.5 → 5.6.0

package/dist/collection/components/navigation/z-user-dropdown/index.js

@@ -1,4 +1,4 @@
-import { Component, Prop, State, Event, Listen, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { mobileBreakpoint } from "../../../constants/breakpoints";
 export class ZUserDropdown {
   constructor() {
@@ -59,13 +59,7 @@ export class ZUserDropdown {
   renderLoggedButton() {
     const direction = this.isMenuOpen ? "up" : "down";
     const colorClass = this.useInverseColors ? "inverse" : "";
-    return (h("button", { ref: (el) => (this.userButton = el), title: this.userFullName, class: `${colorClass} ${this.isMenuOpen ? "open" : ""}`, onClick: this.handleLoggedButtonClick },
-      h("div", null,
-        h("div", { class: "firstline" },
-          h("z-icon", { class: colorClass, name: "user-avatar-filled", height: 16, width: 16 }),
-          !this.isMobile && h("div", { class: `userfullname ${colorClass}` }, this.userFullName),
-          h("z-icon", { class: colorClass, name: `caret-${direction}-filled`, height: 16, width: 16 })),
-        !this.isMobile && this.isMenuOpen && h("div", { class: `useremail ${colorClass}` }, this.userEmail))));
+    return (h("button", { ref: (el) => (this.userButton = el), title: this.userFullName, class: `${colorClass} ${this.isMenuOpen ? "open" : ""}`, onClick: this.handleLoggedButtonClick }, h("div", null, h("div", { class: "firstline" }, h("z-icon", { class: colorClass, name: "user-avatar-filled", height: 16, width: 16 }), !this.isMobile && h("div", { class: `userfullname ${colorClass}` }, this.userFullName), h("z-icon", { class: colorClass, name: `caret-${direction}-filled`, height: 16, width: 16 })), !this.isMobile && this.isMenuOpen && h("div", { class: `useremail ${colorClass}` }, this.userEmail))));
   }
   getZLinkTextcolor() {
     if (this.isMobile) {
@@ -77,176 +71,179 @@ export class ZUserDropdown {
   }
   renderDropdownMenu() {
     const colorClass = this.useInverseColors ? "inverse" : "";
-    return (this.isMenuOpen && (h("ul", { class: colorClass },
-      this.isMobile &&
-        h("li", { class: colorClass },
-          h("div", { class: `userfullname ${colorClass}` }, this.userFullName),
-          h("div", { class: `useremail ${colorClass}` }, this.userEmail)),
-      this.linkArray && this.linkArray.map((link) => h("li", { id: link.id, class: colorClass },
-        h("z-link", { textcolor: this.getZLinkTextcolor(), href: link.link, htmlid: link.id, target: link.target, icon: link.icon, onZLinkClick: this.emitDropdownMenuLinkClick }, link.label))))));
+    return (this.isMenuOpen && (h("ul", { class: colorClass }, this.isMobile &&
+      h("li", { class: colorClass }, h("div", { class: `userfullname ${colorClass}` }, this.userFullName), h("div", { class: `useremail ${colorClass}` }, this.userEmail)), this.linkArray && this.linkArray.map((link) => h("li", { id: link.id, class: colorClass }, h("z-link", { textcolor: this.getZLinkTextcolor(), href: link.link, htmlid: link.id, target: link.target, icon: link.icon, onZLinkClick: this.emitDropdownMenuLinkClick }, link.label))))));
   }
   render() {
     const openClass = `${this.logged && this.isMenuOpen ? "open" : ""}`;
     const colorClass = this.useInverseColors ? "inverse" : "";
-    return (h(Host, { class: colorClass },
-      h("div", { ref: (el) => (this.divToResize = el), class: openClass },
-        h("div", { class: `${colorClass} ${openClass}` },
-          this.logged ? this.renderLoggedButton() : this.renderGuestButton(),
-          this.logged && this.renderDropdownMenu()))));
+    return (h(Host, { class: colorClass }, h("div", { ref: (el) => (this.divToResize = el), class: openClass }, h("div", { class: `${colorClass} ${openClass}` }, this.logged ? this.renderLoggedButton() : this.renderGuestButton(), this.logged && this.renderDropdownMenu()))));
   }
   static get is() { return "z-user-dropdown"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "logged": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "logged": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "logged status flag"
+        },
+        "attribute": "logged",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "logged status flag"
+      "userFullName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "user full name"
+        },
+        "attribute": "user-full-name",
+        "reflect": false
       },
-      "attribute": "logged",
-      "reflect": false
-    },
-    "userFullName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "userEmail": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "user email"
+        },
+        "attribute": "user-email",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "user full name"
-      },
-      "attribute": "user-full-name",
-      "reflect": false
-    },
-    "userEmail": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "user email"
-      },
-      "attribute": "user-email",
-      "reflect": false
-    },
-    "menuContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | MenuItem[]",
-        "resolved": "MenuItem[] | string",
-        "references": {
-          "MenuItem": {
-            "location": "import",
-            "path": "../../../beans"
+      "menuContent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | MenuItem[]",
+          "resolved": "MenuItem[] | string",
+          "references": {
+            "MenuItem": {
+              "location": "import",
+              "path": "../../../beans"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Json stringified or array to fill menu dropdown"
-      },
-      "attribute": "menu-content",
-      "reflect": false
-    },
-    "useInverseColors": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "if inner components colors are inverted, or not, default false"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Json stringified or array to fill menu dropdown"
+        },
+        "attribute": "menu-content",
+        "reflect": false
       },
-      "attribute": "use-inverse-colors",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "isMenuOpen": {},
-    "isMobile": {}
-  }; }
-  static get events() { return [{
-      "method": "userButtonClick",
-      "name": "userButtonClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted on enter or user Button click, returns isMenuOpen (bool)"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "dropdownMenuLinkClick",
-      "name": "dropdownMenuLinkClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted on dropdown menu zlink click, returns event"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "useInverseColors": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "if inner components colors are inverted, or not, default false"
+        },
+        "attribute": "use-inverse-colors",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
-  static get listeners() { return [{
-      "name": "resize",
-      "method": "handleResize",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "orientationchange",
-      "method": "handleOrientationChange",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "handleClickOutside",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "isMenuOpen": {},
+      "isMobile": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "userButtonClick",
+        "name": "userButtonClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted on enter or user Button click, returns isMenuOpen (bool)"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "dropdownMenuLinkClick",
+        "name": "dropdownMenuLinkClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted on dropdown menu zlink click, returns event"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "resize",
+        "method": "handleResize",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "orientationchange",
+        "method": "handleOrientationChange",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "click",
+        "method": "handleClickOutside",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

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

@@ -1,18 +1,21 @@
-import { Component, h } from "@stencil/core";
+import { h } from "@stencil/core";
 /**
  * @slot content - fill the content of the candybar (full width, full height)
  */
 export class ZCandybar {
   render() {
-    return (h("div", null,
-      h("slot", { name: "content" })));
+    return (h("div", null, h("slot", { name: "content" })));
   }
   static get is() { return "z-candybar"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Event } from "@stencil/core";
+import { h } from "@stencil/core";
 import { ButtonVariantEnum } from "../../../beans";
 export class ZCookiebar {
   emitAccept(ev) {
@@ -20,92 +20,92 @@ export class ZCookiebar {
     }
   }
   renderContentSlot() {
-    return (h("div", { class: "content", slot: "content" },
-      h("div", null,
-        h("h2", null, "Su questo sito usiamo i cookie."),
-        h("div", null,
-          h("p", null,
-            "Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai \u00A0",
-            h("a", { href: this.cookiepolicyurl, target: "_blank" }, "cookie"),
-            "."))),
-      h("z-button", { variant: ButtonVariantEnum.primary, onClick: (ev) => this.handleOkButtonClick(ev), onKeyUp: (ev) => this.handleOkButtonKeyUp(ev) }, "ACCETTA")));
+    return (h("div", { class: "content", slot: "content" }, h("div", null, h("h2", null, "Su questo sito usiamo i cookie."), h("div", null, h("p", null, "Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai \u00A0", h("a", { href: this.cookiepolicyurl, target: "_blank" }, "cookie"), "."))), h("z-button", { variant: ButtonVariantEnum.primary, onClick: (ev) => this.handleOkButtonClick(ev), onKeyUp: (ev) => this.handleOkButtonKeyUp(ev) }, "ACCETTA")));
   }
   render() {
     return (h("z-candybar", { class: `${this.hide ? "hidden" : ""}` }, this.renderContentSlot()));
   }
   static get is() { return "z-cookiebar"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "cookiepolicyurl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "cookie policy link url"
-      },
-      "attribute": "cookiepolicyurl",
-      "reflect": false
-    },
-    "hide": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "hide cookie bar (optional)"
-      },
-      "attribute": "hide",
-      "reflect": false
-    },
-    "callback": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "() => any",
-        "resolved": "() => any",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "cookiepolicyurl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "cookie policy link url"
+        },
+        "attribute": "cookiepolicyurl",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "callback to handle ok button action (optional)"
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "accept",
-      "name": "accept",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "emitted on ACCETTA button click, returns event"
+      "hide": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "hide cookie bar (optional)"
+        },
+        "attribute": "hide",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "callback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => any",
+          "resolved": "() => any",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "callback to handle ok button action (optional)"
+        }
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "accept",
+        "name": "accept",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "emitted on ACCETTA button click, returns event"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }