@zanichelli/albe-web-components 2.25.0 → 2.26.0

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

@@ -1,144 +1,144 @@
-import { Component, h, Prop } from "@stencil/core";
-/**
- * @slot - main navigation
- * @slot links - bottom navigation
- * @slot social - social links
- */
-export class ZFooter {
-  componentWillLoad() {
-    if (this.data) {
-      console.warn("z-footer: `data` prop is deprecated and will be removed in a future version. Use slots instead.");
-      this.jsonData = JSON.parse(this.data);
-    }
-    if (this.copyrightuser) {
-      console.warn("z-footer: `copyrightuser` prop is deprecated and will be removed in a future version.");
-    }
-  }
-  renderZLogo() {
-    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"));
-  }
-  renderSocial() {
-    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")));
-  }
-  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"));
-  }
-  renderBottomLinks() {
-    return (h("div", { class: "item bottom-links" },
-      h("slot", { name: "links" }),
-      this.renderFooterBottomJsonData()));
-  }
-  renderFooterBottom() {
-    return (h("section", { class: "bottom" },
-      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", { class: "top" },
-      h("slot", null),
-      this.renderFooterTopJsonData()));
-  }
-  // INFO: backward compatibility
-  renderFooterTopJsonData() {
-    if (!this.jsonData || !this.jsonData.zanichelliLinks)
-      return null;
-    const zanichelliLinks = this.jsonData.zanichelliLinks;
-    if (this.jsonData.bottomLinks) {
-      const bottomLinks = this.jsonData.bottomLinks;
-      zanichelliLinks.push({
-        title: "Altre informazioni",
-        items: bottomLinks,
-      });
-    }
-    return zanichelliLinks.map((item) => (h("z-footer-section", { name: item.title }, item.items.map((item) => (h("z-footer-link", { href: item.link }, item.label))))));
-  }
-  // INFO: backward compatibility
-  renderFooterBottomJsonData() {
-    if (!this.jsonData || !this.jsonData.bottomLinks)
-      return null;
-    const bottomLinks = this.jsonData.bottomLinks;
-    return bottomLinks.map((item) => (h("z-footer-link", { href: item.link }, item.label)));
-  }
-  // INFO: backward compatibility
-  renderFooterSocialJsonData() {
-    if (!this.jsonData || !this.jsonData.social)
-      return null;
-    const social = this.jsonData.social;
-    return social.map((item) => (h("z-footer-social", { href: item.link, icon: item.icon, description: item.description })));
-  }
-  render() {
-    return (h("footer", null,
-      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
-    },
-    "copyrightuser": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "deprecated - set copyright user"
-      },
-      "attribute": "copyrightuser",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, h, Prop } from "@stencil/core";
+/**
+ * @slot - main navigation
+ * @slot links - bottom navigation
+ * @slot social - social links
+ */
+export class ZFooter {
+  componentWillLoad() {
+    if (this.data) {
+      console.warn("z-footer: `data` prop is deprecated and will be removed in a future version. Use slots instead.");
+      this.jsonData = JSON.parse(this.data);
+    }
+    if (this.copyrightuser) {
+      console.warn("z-footer: `copyrightuser` prop is deprecated and will be removed in a future version.");
+    }
+  }
+  renderZLogo() {
+    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"));
+  }
+  renderSocial() {
+    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")));
+  }
+  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"));
+  }
+  renderBottomLinks() {
+    return (h("div", { class: "item bottom-links" },
+      h("slot", { name: "links" }),
+      this.renderFooterBottomJsonData()));
+  }
+  renderFooterBottom() {
+    return (h("section", { class: "bottom" },
+      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", { class: "top" },
+      h("slot", null),
+      this.renderFooterTopJsonData()));
+  }
+  // INFO: backward compatibility
+  renderFooterTopJsonData() {
+    if (!this.jsonData || !this.jsonData.zanichelliLinks)
+      return null;
+    const zanichelliLinks = this.jsonData.zanichelliLinks;
+    if (this.jsonData.bottomLinks) {
+      const bottomLinks = this.jsonData.bottomLinks;
+      zanichelliLinks.push({
+        title: "Altre informazioni",
+        items: bottomLinks,
+      });
+    }
+    return zanichelliLinks.map((item) => (h("z-footer-section", { name: item.title }, item.items.map((item) => (h("z-footer-link", { href: item.link }, item.label))))));
+  }
+  // INFO: backward compatibility
+  renderFooterBottomJsonData() {
+    if (!this.jsonData || !this.jsonData.bottomLinks)
+      return null;
+    const bottomLinks = this.jsonData.bottomLinks;
+    return bottomLinks.map((item) => (h("z-footer-link", { href: item.link }, item.label)));
+  }
+  // INFO: backward compatibility
+  renderFooterSocialJsonData() {
+    if (!this.jsonData || !this.jsonData.social)
+      return null;
+    const social = this.jsonData.social;
+    return social.map((item) => (h("z-footer-social", { href: item.link, icon: item.icon, description: item.description })));
+  }
+  render() {
+    return (h("footer", null,
+      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
+    },
+    "copyrightuser": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "deprecated - set copyright user"
+      },
+      "attribute": "copyrightuser",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/components/footer/z-footer/styles.css

@@ -1,180 +1,180 @@
-:host {
-  width: 100%;
-}
-
-footer {
-  width: auto;
-  height: auto;
-  box-sizing: border-box;
-  font-family: var(--dashboard-font);
-  font-size: 13px;
-  padding: var(--space-unit) 0 var(--space-unit) 0;
-  background-color: var(--bg-grey-900);
-  color: var(--gray50);
-}
-
-footer * {
-  box-sizing: border-box;
-}
-
-footer > section {
-  display: grid;
-}
-
-footer > section.bottom {
-  display: grid;
-  grid-template-columns: 1fr;
-  width: auto;
-  height: auto;
-  margin: 0;
-  padding: 0;
-  white-space: pre-line;
-  font-size: 12px;
-}
-
-footer > section.bottom > div.item {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  grid-column: span 1;
-  height: auto;
-  width: auto;
-  padding: calc(var(--space-unit) * 2) 0;
-  margin: 0 calc(var(--space-unit) * 3);
-}
-
-footer > section.bottom > div.item:nth-child(1) {
-  order: 2;
-}
-
-footer > section.bottom > div.item:nth-child(2) {
-  order: 1;
-  border-bottom: 1px solid var(--gray50);
-}
-
-footer > section.bottom > div.item > div.social {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  grid-template-rows: repeat(auto-fill, 24px);
-  column-gap: 12px;
-  padding: 0;
-  margin-bottom: 0px;
-}
-
-footer > section.bottom > div.bottom-links {
-  display: none;
-}
-
-footer > section.bottom > div.item > p {
-  margin: var(--space-unit) 0;
-  padding: var(--space-unit) 0;
-}
-
-footer > section.bottom > div.item > p:first-child {
-  margin-top: 0;
-}
-
-footer > section.bottom > div.item > p:last-child {
-  margin-bottom: 0;
-}
-
-footer > section.bottom > div.logo > p > span {
-  display: block;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  footer {
-    padding: 0;
-  }
-
-  footer > section.top {
-    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);
-    background-color: var(--text-grey-800);
-  }
-
-  /* backward compatibility */
-  footer > section.top > z-footer-section:last-child {
-    display: none;
-  }
-
-  footer > section.bottom {
-    grid-template-columns: repeat(4, 1fr);
-    grid-column-gap: var(--grid-tablet-margin);
-    background-color: var(--bg-grey-900);
-    padding: 0 calc(var(--space-unit) * 4);
-  }
-
-  footer > section.bottom > div.item {
-    margin: 0;
-  }
-
-  footer > section.bottom > div.item:nth-child(1) {
-    order: 1;
-  }
-
-  footer > section.bottom > div.item:nth-child(2) {
-    order: 2;
-    border-bottom: none;
-  }
-
-  footer > section.bottom > div.item > p {
-    padding-top: 0;
-  }
-
-  footer > section.bottom > div.logo > z-logo {
-    width: auto;
-    height: 39px;
-  }
-
-  footer > section.bottom > div.bottom-links {
-    display: block;
-    grid-column: span 2;
-    order: 3;
-  }
-
-  footer > section.bottom > div.bottom-links {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: repeat(auto-fill, 24px);
-    grid-column-gap: var(--grid-tablet-margin);
-    font-size: 12px;
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-  footer > section.top {
-    grid-template-columns: repeat(6, 1fr);
-    grid-column-gap: var(--grid-desktop-margin);
-    width: 100%;
-    padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 4);
-  }
-
-  footer > section.bottom {
-    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);
-  }
-
-  footer > section.bottom > div.item:nth-child(1) > p:nth-of-type(2) {
-    font-size: 10px;
-  }
-
-  footer > section.bottom > div.item > p {
-    padding-bottom: 0;
-    margin-bottom: calc(var(--space-unit) * 2);
-  }
-
-  footer > section.bottom > div.item > div.social {
-    margin-top: 0;
-  }
-
-  footer > section.bottom > div.bottom-links {
-    padding: calc(var(--space-unit) * 2) 0 0 0;
-  }
-
-  footer > section.bottom > div.bottom-links {
-    grid-template-columns: repeat(3, 1fr);
-    grid-column-gap: var(--grid-desktop-margin);
-    margin: 0;
-  }
-}
+:host {
+  width: 100%;
+}
+
+footer {
+  width: auto;
+  height: auto;
+  box-sizing: border-box;
+  font-family: var(--dashboard-font);
+  font-size: 13px;
+  padding: var(--space-unit) 0 var(--space-unit) 0;
+  background-color: var(--bg-grey-900);
+  color: var(--gray50);
+}
+
+footer * {
+  box-sizing: border-box;
+}
+
+footer > section {
+  display: grid;
+}
+
+footer > section.bottom {
+  display: grid;
+  grid-template-columns: 1fr;
+  width: auto;
+  height: auto;
+  margin: 0;
+  padding: 0;
+  white-space: pre-line;
+  font-size: 12px;
+}
+
+footer > section.bottom > div.item {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  grid-column: span 1;
+  height: auto;
+  width: auto;
+  padding: calc(var(--space-unit) * 2) 0;
+  margin: 0 calc(var(--space-unit) * 3);
+}
+
+footer > section.bottom > div.item:nth-child(1) {
+  order: 2;
+}
+
+footer > section.bottom > div.item:nth-child(2) {
+  order: 1;
+  border-bottom: 1px solid var(--gray50);
+}
+
+footer > section.bottom > div.item > div.social {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  grid-template-rows: repeat(auto-fill, 24px);
+  column-gap: 12px;
+  padding: 0;
+  margin-bottom: 0px;
+}
+
+footer > section.bottom > div.bottom-links {
+  display: none;
+}
+
+footer > section.bottom > div.item > p {
+  margin: var(--space-unit) 0;
+  padding: var(--space-unit) 0;
+}
+
+footer > section.bottom > div.item > p:first-child {
+  margin-top: 0;
+}
+
+footer > section.bottom > div.item > p:last-child {
+  margin-bottom: 0;
+}
+
+footer > section.bottom > div.logo > p > span {
+  display: block;
+}
+
+/* Tablet breakpoint */
+@media only screen and (min-width: 768px) {
+  footer {
+    padding: 0;
+  }
+
+  footer > section.top {
+    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);
+    background-color: var(--text-grey-800);
+  }
+
+  /* backward compatibility */
+  footer > section.top > z-footer-section:last-child {
+    display: none;
+  }
+
+  footer > section.bottom {
+    grid-template-columns: repeat(4, 1fr);
+    grid-column-gap: var(--grid-tablet-margin);
+    background-color: var(--bg-grey-900);
+    padding: 0 calc(var(--space-unit) * 4);
+  }
+
+  footer > section.bottom > div.item {
+    margin: 0;
+  }
+
+  footer > section.bottom > div.item:nth-child(1) {
+    order: 1;
+  }
+
+  footer > section.bottom > div.item:nth-child(2) {
+    order: 2;
+    border-bottom: none;
+  }
+
+  footer > section.bottom > div.item > p {
+    padding-top: 0;
+  }
+
+  footer > section.bottom > div.logo > z-logo {
+    width: auto;
+    height: 39px;
+  }
+
+  footer > section.bottom > div.bottom-links {
+    display: block;
+    grid-column: span 2;
+    order: 3;
+  }
+
+  footer > section.bottom > div.bottom-links {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: repeat(auto-fill, 24px);
+    grid-column-gap: var(--grid-tablet-margin);
+    font-size: 12px;
+  }
+}
+
+/* Desktop breakpoint */
+@media only screen and (min-width: 1152px) {
+  footer > section.top {
+    grid-template-columns: repeat(6, 1fr);
+    grid-column-gap: var(--grid-desktop-margin);
+    width: 100%;
+    padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 4);
+  }
+
+  footer > section.bottom {
+    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);
+  }
+
+  footer > section.bottom > div.item:nth-child(1) > p:nth-of-type(2) {
+    font-size: 10px;
+  }
+
+  footer > section.bottom > div.item > p {
+    padding-bottom: 0;
+    margin-bottom: calc(var(--space-unit) * 2);
+  }
+
+  footer > section.bottom > div.item > div.social {
+    margin-top: 0;
+  }
+
+  footer > section.bottom > div.bottom-links {
+    padding: calc(var(--space-unit) * 2) 0 0 0;
+  }
+
+  footer > section.bottom > div.bottom-links {
+    grid-template-columns: repeat(3, 1fr);
+    grid-column-gap: var(--grid-desktop-margin);
+    margin: 0;
+  }
+}