@zanichelli/albe-web-components 5.5.5 → 5.6.0

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Event, Listen } from "@stencil/core";
+import { h } from "@stencil/core";
 import { ButtonSizeEnum } from "../../../beans";
 /**
  * @slot - main navigation
@@ -32,53 +32,25 @@ export class ZFooter {
     return (h("z-logo", { link: "https://www.zanichelli.it", width: 144, height: 38, imageAlt: "Home Zanichelli", targetBlank: true }));
   }
   renderAddress() {
-    return (h("p", null,
-      "Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna",
-      h("br", null),
-      "Fax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024",
-      h("br", null),
-      "Partita IVA 03978000374"));
+    return (h("p", null, "Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna", h("br", null), "Fax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024", h("br", null), "Partita IVA 03978000374"));
   }
   renderSocial() {
-    return (h("div", { class: "social" },
-      h("slot", { name: "social" }),
-      this.renderFooterSocialJsonData()));
+    return (h("div", { class: "social" }, h("slot", { name: "social" }), this.renderFooterSocialJsonData()));
   }
   renderCopyright() {
-    return (h("p", null,
-      "Copyright \u2013 2018-",
-      new Date().getFullYear(),
-      " Zanichelli",
-      h("span", null, "All rights reserved")));
+    return (h("p", null, "Copyright \u2013 2018-", new Date().getFullYear(), " Zanichelli", h("span", null, "All rights reserved")));
   }
   renderCertification() {
-    return (h("p", null,
-      "Zanichelli editore S.p.A. opera con sistema qualit\u00E0 certificato CertiCarGraf n. 477",
-      h("br", null),
-      "secondo la norma UNI EN ISO 9001:2015"));
+    return (h("p", null, "Zanichelli editore S.p.A. opera con sistema qualit\u00E0 certificato CertiCarGraf n. 477", h("br", null), "secondo la norma UNI EN ISO 9001:2015"));
   }
   renderBottomLinks() {
-    return (h("div", { class: "item bottom-links" },
-      h("slot", { name: "links" }),
-      this.renderFooterBottomJsonData()));
+    return (h("div", { class: "item bottom-links" }, h("slot", { name: "links" }), this.renderFooterBottomJsonData()));
   }
   renderFooterBottom() {
-    return (h("section", { id: "bottom" },
-      h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} },
-        h("div", { class: "item logo" },
-          this.renderZLogo(),
-          this.renderCopyright(),
-          this.renderCertification()),
-        h("div", { class: "item" },
-          this.renderAddress(),
-          this.renderSocial()),
-        this.renderBottomLinks())));
+    return (h("section", { id: "bottom" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { class: "item logo" }, this.renderZLogo(), this.renderCopyright(), this.renderCertification()), h("div", { class: "item" }, this.renderAddress(), this.renderSocial()), this.renderBottomLinks())));
   }
   renderFooterTop() {
-    return (h("section", { id: "top" },
-      h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} },
-        h("slot", null),
-        this.renderFooterTopJsonData())));
+    return (h("section", { id: "top" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("slot", null), this.renderFooterTopJsonData())));
   }
   renderFooterProductInfo() {
     var _a;
@@ -87,21 +59,10 @@ export class ZFooter {
       this.productCreditsLink != null ||
       this.showReportAProblemButton) {
       const versionString = `${this.productName ? " versione" : "Versione"} ${this.productVersion}`;
-      const creditsObject = (h("z-body", { level: 5 },
-        (this.productName || this.productVersion) && " - ",
-        h("z-link", { htmlid: this.creditsLinkId, href: (_a = this.productCreditsLink) === null || _a === void 0 ? void 0 : _a.trim(), target: "_blank", textcolor: "white" }, "Credits")));
-      return (h("div", { id: "extension" },
-        h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth
-            ? { "--mw": `${this.contentMaxWidth}px` }
-            : {} },
-          h("span", null,
-            this.productName && (h("z-body", { level: 5, variant: "semibold" }, this.productName)),
-            this.productVersion && (h("z-body", { level: 5 }, versionString)),
-            this.productCreditsLink != null && creditsObject),
-          this.showReportAProblemButton && (h("div", null,
-            h("z-body", { level: 5 }, "Hai bisogno di aiuto?"),
-            h("z-button", { size: ButtonSizeEnum.small, onClick: this.emitReportAProblemButtonClick }, "SEGNALA UN PROBLEMA"))),
-          h("z-divider", { color: "gray500" }))));
+      const creditsObject = (h("z-body", { level: 5 }, (this.productName || this.productVersion) && " - ", h("z-link", { htmlid: this.creditsLinkId, href: (_a = this.productCreditsLink) === null || _a === void 0 ? void 0 : _a.trim(), target: "_blank", textcolor: "white" }, "Credits")));
+      return (h("div", { id: "extension" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth
+          ? { "--mw": `${this.contentMaxWidth}px` }
+          : {} }, h("span", null, this.productName && (h("z-body", { level: 5, variant: "semibold" }, this.productName)), this.productVersion && (h("z-body", { level: 5 }, versionString)), this.productCreditsLink != null && creditsObject), this.showReportAProblemButton && (h("div", null, h("z-body", { level: 5 }, "Hai bisogno di aiuto?"), h("z-button", { size: ButtonSizeEnum.small, onClick: this.emitReportAProblemButtonClick }, "SEGNALA UN PROBLEMA"))), h("z-divider", { color: "gray500" }))));
     }
   }
   // INFO: backward compatibility
@@ -133,159 +94,166 @@ export class ZFooter {
     return social.map((item) => (h("z-footer-social", { href: item.link, icon: item.icon, description: item.description })));
   }
   render() {
-    return (h("footer", null,
-      this.renderFooterProductInfo(),
-      this.renderFooterTop(),
-      this.renderFooterBottom()));
+    return (h("footer", null, this.renderFooterProductInfo(), this.renderFooterTop(), this.renderFooterBottom()));
   }
   static get is() { return "z-footer"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "data": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "deprecated - JSON stringified data to fill the footer"
-      },
-      "attribute": "data",
-      "reflect": false
-    },
-    "productName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The product name to be displayed on the top panel of the footer"
-      },
-      "attribute": "product-name",
-      "reflect": false
-    },
-    "productVersion": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The product version to be displayed on the top panel of the footer"
-      },
-      "attribute": "product-version",
-      "reflect": false
-    },
-    "productCreditsLink": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "'undefined' or 'null' means 'don't show Credits',\nempty string means 'emit creditsLinkClick event',\nnot empty string means 'open the url and emit creditsLinkClick event'"
-      },
-      "attribute": "product-credits-link",
-      "reflect": false
-    },
-    "showReportAProblemButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "True if the product must display a \"Report a problem\" button on the top panel of the footer"
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "data": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "deprecated - JSON stringified data to fill the footer"
+        },
+        "attribute": "data",
+        "reflect": false
       },
-      "attribute": "show-report-a-problem-button",
-      "reflect": false
-    },
-    "contentMaxWidth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "productName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The product name to be displayed on the top panel of the footer"
+        },
+        "attribute": "product-name",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Maximum width of footer content"
+      "productVersion": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The product version to be displayed on the top panel of the footer"
+        },
+        "attribute": "product-version",
+        "reflect": false
       },
-      "attribute": "content-max-width",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "creditsLinkClick",
-      "name": "creditsLinkClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted on credits link click"
+      "productCreditsLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "'undefined' or 'null' means 'don't show Credits',\nempty string means 'emit creditsLinkClick event',\nnot empty string means 'open the url and emit creditsLinkClick event'"
+        },
+        "attribute": "product-credits-link",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "reportAProblemButtonClick",
-      "name": "reportAProblemButtonClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted on report a problem button click"
+      "showReportAProblemButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "True if the product must display a \"Report a problem\" button on the top panel of the footer"
+        },
+        "attribute": "show-report-a-problem-button",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "contentMaxWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Maximum width of footer content"
+        },
+        "attribute": "content-max-width",
+        "reflect": false
       }
-    }]; }
-  static get listeners() { return [{
-      "name": "zLinkClick",
-      "method": "zLinkClickListener",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "creditsLinkClick",
+        "name": "creditsLinkClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted on credits link click"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "reportAProblemButtonClick",
+        "name": "reportAProblemButtonClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted on report a problem button click"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "zLinkClick",
+        "method": "zLinkClickListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/footer/z-footer-link/index.js

@@ -1,37 +1,42 @@
-import { Component, Prop, h } from "@stencil/core";
+import { h } from "@stencil/core";
 /**
  * @slot - link label
  */
 export class ZFooterLink {
   render() {
-    return (h("a", { href: this.href, target: "_blank" },
-      h("slot", null)));
+    return (h("a", { href: this.href, target: "_blank" }, h("slot", null)));
   }
   static get is() { return "z-footer-link"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "href": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "link"
-      },
-      "attribute": "href",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "href": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "link"
+        },
+        "attribute": "href",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/footer/z-footer-section/index.js

@@ -1,4 +1,4 @@
-import { Component, Prop, h, State } from "@stencil/core";
+import { h } from "@stencil/core";
 /**
  * @slot - section content
  */
@@ -7,45 +7,47 @@ export class ZFooterSection {
     this.isOpen = false;
   }
   renderToggleButton() {
-    return (h("button", { class: "toggleButton", onClick: () => (this.isOpen = !this.isOpen) },
-      h("z-icon", { name: this.isOpen ? "chevron-up" : "chevron-down", width: 16, height: 16 })));
+    return (h("button", { class: "toggleButton", onClick: () => (this.isOpen = !this.isOpen) }, h("z-icon", { name: this.isOpen ? "chevron-up" : "chevron-down", width: 16, height: 16 })));
   }
   render() {
-    return (h("nav", null,
-      h("div", { class: "header" },
-        h("h2", null, this.name),
-        this.renderToggleButton()),
-      h("div", { class: `content ${this.isOpen ? "show" : ""}` },
-        h("slot", null))));
+    return (h("nav", null, h("div", { class: "header" }, h("h2", null, this.name), this.renderToggleButton()), h("div", { class: `content ${this.isOpen ? "show" : ""}` }, h("slot", null))));
   }
   static get is() { return "z-footer-section"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "section title"
-      },
-      "attribute": "name",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isOpen": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "section title"
+        },
+        "attribute": "name",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isOpen": {}
+    };
+  }
 }