@zanichelli/albe-web-components 2.33.0 → 2.33.1

package/dist/collection/components/buttons/z-button-sort/styles.css

@@ -1,101 +0,0 @@
-:host,
-button {
-  max-width: 100%;
-}
-
-button {
-  height: 36px;
-  border: var(--border-size-medium) solid var(--myz-blue);
-  border-radius: var(--border-radius);
-  color: var(--myz-blue);
-  fill: var(--myz-blue);
-  background-color: var(--bg-white);
-  outline: none;
-  padding: 0 var(--space-unit);
-  cursor: pointer;
-}
-
-button::-moz-focus-inner {
-  border: 0;
-}
-
-button:hover {
-  border-color: var(--myz-blue-dark);
-  color: var(--myz-blue-dark);
-  fill: var(--myz-blue-dark);
-}
-
-button:focus {
-  border-color: var(--myz-blue);
-  color: var(--myz-blue);
-  fill: var(--myz-blue);
-  box-shadow: 0px 0px 2px 2px var(--accent-dark);
-}
-
-button:active {
-  border-color: var(--myz-blue-light);
-  color: var(--myz-blue-light);
-  fill: var(--myz-blue-light);
-  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
-}
-
-button.selected {
-  border-color: var(--myz-blue-dark);
-  background-color: var(--myz-blue-dark);
-  color: var(--bg-white);
-  fill: var(--bg-white);
-}
-
-button > label {
-  cursor: pointer;
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-sb);
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-}
-
-button > label > span.ellipsis {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  margin: 0;
-  padding: 0;
-}
-
-button > label > span.counter {
-  margin-left: calc(var(--space-unit) / 2);
-  margin-right: calc(var(--space-unit) * 2);
-}
-
-button > label > span.sort {
-  margin-right: var(--half-x1);
-  white-space: nowrap;
-}
-
-button > span {
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-rg);
-  font-size: 14px;
-  margin-right: calc(var(--space-unit) * 0.5);
-}
-
-button > z-icon {
-  padding-top: calc(var(--space-unit) * 0.5);
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  :host,
-  button {
-    max-width: 325px;
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1025px) {
-  :host,
-  button {
-    max-width: 490px;
-  }
-}

package/dist/collection/components/buttons/z-chip/index.js

@@ -1,59 +0,0 @@
-import { Component, Prop, h } from '@stencil/core';
-export class ZChip {
-  renderLegacyChip() {
-    return h("div", null,
-      h("span", { class: "boldtext" }, this.boldtext),
-      " ",
-      this.regulartext);
-  }
-  render() {
-    return this.boldtext != null || this.regulartext != null ?
-      this.renderLegacyChip() :
-      h("div", null,
-        h("slot", null));
-  }
-  static get is() { return "z-chip"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "regulartext": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "regulartext",
-      "reflect": false
-    },
-    "boldtext": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "boldtext",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/components/buttons/z-chip/styles.css

@@ -1,17 +0,0 @@
-:host > div {
-  display: inline-block;
-  min-height: 28px;
-  line-height: 28px;
-  padding: 0 calc(var(--space-unit) * 1.5);
-  background-color: var(--bg-white);
-  border: var(--border-size-small) solid var(--bg-grey-200);
-  border-radius: 14px;
-  color: var(--text-grey-800);
-  fill: var(--text-grey-800);
-  font-family: var(--dashboard-font);
-  font-size: 12px;
-}
-
-.boldtext {
-  font-weight: bold;
-}

package/dist/collection/components/buttons/z-toggle-button/index.js

@@ -1,122 +0,0 @@
-import { Component, Prop, h, Event } from "@stencil/core";
-export class ZToggleButton {
-  constructor() {
-    /** disabled status flag (optional) */
-    this.isdisabled = false;
-    /** open by default (optional) */
-    this.opened = false;
-  }
-  emitToggleClick() {
-    if (this.isdisabled)
-      return;
-    this.opened = !this.opened;
-    this.toggleClick.emit(this.opened);
-  }
-  retrieveButtonClass() {
-    let className = this.opened && "isopen";
-    if (this.avoidclick)
-      className = className + " avoid-clicks";
-    return className;
-  }
-  render() {
-    return (h("button", { tabindex: this.avoidclick ? "-1" : "0", class: this.retrieveButtonClass(), disabled: this.isdisabled, onClick: () => this.emitToggleClick() },
-      h("z-icon", { name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }),
-      this.label));
-  }
-  static get is() { return "z-toggle-button"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "label text"
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "isdisabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "disabled status flag (optional)"
-      },
-      "attribute": "isdisabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "avoidclick": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "avoidclick status flag"
-      },
-      "attribute": "avoidclick",
-      "reflect": false
-    },
-    "opened": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "open by default (optional)"
-      },
-      "attribute": "opened",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get events() { return [{
-      "method": "toggleClick",
-      "name": "toggleClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "emitted on toggle button click, returns isOpen"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-}

package/dist/collection/components/buttons/z-toggle-button/styles.css

@@ -1,62 +0,0 @@
-button {
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-sb);
-  height: 36px;
-  border: var(--border-size-medium) solid;
-  border-color: transparent;
-  border-radius: var(--border-radius);
-  color: var(--myz-blue);
-  fill: var(--myz-blue);
-  background-color: var(--bg-white);
-  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
-  text-transform: uppercase;
-  font-size: 14px;
-  outline: none;
-  padding-left: 0px;
-  padding-right: calc(var(--space-unit) * 2);
-  transition: all 200ms linear;
-  cursor: pointer;
-}
-
-button::-moz-focus-inner {
-  border: 0;
-}
-
-button:hover {
-  color: var(--myz-blue-dark);
-  fill: var(--myz-blue-dark);
-}
-
-button:focus {
-  border-color: var(--myz-blue);
-  color: var(--myz-blue);
-  fill: var(--myz-blue);
-  box-shadow: 0px 0px 2px 2px var(--accent-dark);
-}
-
-button:active {
-  border-color: var(--myz-blue-light);
-  color: var(--myz-blue-light);
-  fill: var(--myz-blue-light);
-  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
-}
-
-button:disabled {
-  color: var(--text-grey-700);
-  fill: var(--text-grey-700);
-}
-
-z-icon {
-  display: inline-block;
-  margin: 0 var(--space-unit) 0 calc(var(--space-unit) * 2);
-  transform: rotate(360deg);
-  transition: all 200ms linear;
-}
-
-button.isopen {
-  top: -20px;
-}
-
-button.avoid-clicks {
-  pointer-events: none;
-}

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

@@ -1,286 +0,0 @@
-import { Component, h, Prop, Event, Listen } from "@stencil/core";
-import { ButtonSizeEnum, ButtonVariantEnum } from "../../../beans";
-/**
- * @slot - main navigation
- * @slot links - bottom navigation
- * @slot social - social links
- */
-export class ZFooter {
-  constructor() {
-    this.creditsLinkId = "creditsLinkId";
-    this.emitReportAProblemButtonClick = this.emitReportAProblemButtonClick.bind(this);
-  }
-  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);
-    }
-  }
-  zLinkClickListener(e) {
-    if (e.detail.linkId === this.creditsLinkId) {
-      this.emitCreditsLinkClick();
-    }
-  }
-  emitCreditsLinkClick() {
-    this.creditsLinkClick.emit();
-  }
-  emitReportAProblemButtonClick() {
-    this.reportAProblemButtonClick.emit();
-  }
-  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", { 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())));
-  }
-  renderFooterProductInfo() {
-    var _a;
-    if (this.productName || this.productVersion || 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", { variant: ButtonVariantEnum["dark-bg"], size: ButtonSizeEnum.small, onClick: this.emitReportAProblemButtonClick }, "SEGNALA UN PROBLEMA")),
-          h("z-divider", { color: "gray500" }))));
-    }
-  }
-  // 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.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"
-      },
-      "attribute": "show-report-a-problem-button",
-      "reflect": false
-    },
-    "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 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
-    }]; }
-}