@zanichelli/albe-web-components 6.3.2 → 6.3.3

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

@@ -1,115 +0,0 @@
-import { h } from "@stencil/core";
-import { ButtonVariant } from "../../../beans";
-export class ZCookiebar {
-  constructor() {
-    this.cookiepolicyurl = undefined;
-    this.hide = undefined;
-    this.callback = undefined;
-  }
-  emitAccept(ev) {
-    this.accept.emit({ ev });
-  }
-  handleOkButtonClick(ev) {
-    this.emitAccept(ev);
-    if (typeof this.callback === "function") {
-      this.callback();
-    }
-  }
-  handleOkButtonKeyUp(ev) {
-    this.emitAccept(ev);
-    if (ev.code === "Enter") {
-      if (typeof this.callback !== "undefined" && typeof this.callback === "function") {
-        this.callback();
-      }
-    }
-  }
-  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: ButtonVariant.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": "() => unknown",
-          "resolved": "() => unknown",
-          "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": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/notification/z-cookiebar/styles.css

@@ -1,108 +0,0 @@
-:host {
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-rg);
-}
-
-z-candybar.hidden {
-  display: none;
-}
-
-.content {
-  display: flex;
-  flex-flow: column nowrap;
-  align-content: space-between;
-  align-items: stretch;
-  justify-content: space-between;
-  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);
-  border-radius: calc(var(--space-unit) * 0.5);
-  color: var(--text-grey-800);
-  font-size: 16px;
-  letter-spacing: 0;
-  line-height: 24px;
-}
-
-.content > div > h2 {
-  padding: 0;
-  margin: 0;
-  border-radius: 0;
-  color: var(--text-grey-800);
-  font-size: 18px;
-  font-weight: var(--font-sb);
-  letter-spacing: 0;
-}
-
-.content > div > div {
-  padding: calc(var(--space-unit) * 3) 0;
-  font-size: 14px;
-  letter-spacing: 0.16px;
-  line-height: 20px;
-}
-
-.content > div > div > p {
-  margin: 0;
-}
-
-.content > div > div > p > a {
-  display: inline-flex;
-  height: 14px;
-  color: var(--text-grey-800);
-  cursor: pointer;
-  font-weight: var(--font-sb);
-  text-decoration: underline;
-}
-
-.content > div > div > p > a:visited {
-  z-index: 1000;
-  color: var(--text-grey-800);
-  cursor: pointer;
-}
-
-.content > z-button {
-  width: 100%;
-  margin: 0;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  .content {
-    width: 100%;
-    flex-direction: row;
-    align-items: center;
-    padding: calc(var(--space-unit) * 4) calc(var(--space-unit) * 3);
-    font-size: 16px;
-    letter-spacing: 0;
-    line-height: 24px;
-  }
-
-  .content > div {
-    width: 560px;
-  }
-
-  .content > div > h2 {
-    height: calc(var(--space-unit) * 3.5);
-  }
-
-  .content > div > div {
-    padding: 0;
-  }
-
-  .content > z-button {
-    width: initial;
-    margin: 0;
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-  .content > div {
-    width: 935px;
-  }
-}
-
-/* Wide breakpoint */
-@media only screen and (min-width: 1366px) {
-  .content {
-    padding-right: calc(var(--space-unit) * 4);
-    padding-left: calc(var(--space-unit) * 4);
-  }
-}

package/dist/collection/deprecated/pagination/z-pagination-bar/index.js

@@ -1,271 +0,0 @@
-import { h } from "@stencil/core";
-import Hammer from "hammerjs";
-import { handleKeyboardSubmit } from "../../../utils/utils";
-export class ZPaginationBar {
-  constructor() {
-    this.velocityConstantMultiplier = 2;
-    this.pages = undefined;
-    this.visiblepages = undefined;
-    this.currentpage = 1;
-    this.startpage = 1;
-    this.historyraw = undefined;
-    this.listhistoryrow = [];
-    this.currentPages = [];
-    this.navigateRight = this.navigateRight.bind(this);
-    this.navigateLeft = this.navigateLeft.bind(this);
-    this.emitGoToPage = this.emitGoToPage.bind(this);
-  }
-  componentDidLoad() {
-    this.scrollPage = this.scrollPage.bind(this);
-    const mc = new Hammer(this.bar);
-    // listen to events...
-    mc.on("swiperight", this.scrollPage);
-    mc.on("swipeleft", this.scrollPage);
-  }
-  componentWillRender() {
-    this.initPagination();
-  }
-  componentWillUpdate() {
-    this.initPagination();
-  }
-  initPagination() {
-    this.loadPages();
-    if (this.historyraw) {
-      this.parsehistoryraw(this.historyraw);
-    }
-  }
-  parsehistoryraw(historyraw) {
-    this.listhistoryrow = [...JSON.parse(historyraw)];
-  }
-  scrollPage(ev) {
-    const vel = Math.round(Math.abs(ev.velocity)) * this.velocityConstantMultiplier;
-    const deltaPage = Math.max(1, vel);
-    switch (ev.type) {
-      case "swiperight":
-        if (this.canNavigateLeft()) {
-          this.emitChangeStartPage(Math.max(1, this.startpage - deltaPage));
-        }
-        break;
-      case "swipeleft":
-        if (this.canNavigateRight()) {
-          this.emitChangeStartPage(Math.min(this.startpage + deltaPage, this.pages - this.visiblepages + 1));
-        }
-        break;
-    }
-  }
-  emitGoToPage(page) {
-    this.currentpage = page;
-    this.goToPage.emit({ page: page });
-    this.addPageToHistory.emit({ page: page });
-  }
-  emitChangeStartPage(startpage) {
-    this.startpage = startpage;
-    this.changeStartPage.emit({ startpage: startpage });
-  }
-  loadPages() {
-    this.currentPages.splice(0);
-    const lastPage = this.pageWindow();
-    let i;
-    for (i = 0; i < lastPage; i++) {
-      this.currentPages.push(i + this.startpage);
-    }
-  }
-  pageWindow() {
-    return Math.min(this.pages, this.visiblepages); //How many pages are there to show?
-  }
-  canNavigateLeft() {
-    return this.startpage > 1;
-  }
-  canNavigateRight() {
-    return this.startpage + this.visiblepages - 1 < this.pages;
-  }
-  navigateLeft() {
-    if (this.canNavigateLeft()) {
-      this.startpage--;
-      this.emitChangeStartPage(this.startpage);
-      this.loadPages();
-    }
-  }
-  navigateRight() {
-    if (this.canNavigateRight()) {
-      this.startpage++;
-      this.emitChangeStartPage(this.startpage);
-      this.loadPages();
-    }
-  }
-  render() {
-    return (h("div", { ref: (el) => (this.bar = el) }, h("z-icon", { name: "chevron-left", class: !this.canNavigateLeft() && "disabled", onClick: () => this.navigateLeft(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.navigateLeft), tabindex: this.canNavigateLeft() ? 0 : -1 }), this.currentPages.map((page) => (h("z-pagination-page", { value: page, isselected: page === this.currentpage, onClick: () => this.emitGoToPage(page), onKeyDown: (ev) => handleKeyboardSubmit(ev, this.emitGoToPage, page), isvisited: this.listhistoryrow.includes(page) }))), h("z-icon", { name: "chevron-right", class: !this.canNavigateRight() && "disabled", onClick: () => this.navigateRight(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.navigateRight), tabindex: this.canNavigateRight() ? 0 : -1 })));
-  }
-  static get is() { return "z-pagination-bar"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "pages": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "pages number"
-        },
-        "attribute": "pages",
-        "reflect": false
-      },
-      "visiblepages": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "number of visible pages"
-        },
-        "attribute": "visiblepages",
-        "reflect": false
-      },
-      "currentpage": {
-        "type": "number",
-        "mutable": true,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "current displayed page (mutable)"
-        },
-        "attribute": "currentpage",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "startpage": {
-        "type": "number",
-        "mutable": true,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "initial page (mutable)"
-        },
-        "attribute": "startpage",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "historyraw": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "json stringified history of visited pages (optional)"
-        },
-        "attribute": "historyraw",
-        "reflect": false
-      },
-      "listhistoryrow": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "number[]",
-          "resolved": "number[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "array of history of visited pages (mutable, optional)"
-        },
-        "defaultValue": "[]"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "currentPages": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "goToPage",
-        "name": "goToPage",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "emitted on page number click, returns page"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "changeStartPage",
-        "name": "changeStartPage",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "emitted on start page change, returns startpage"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "addPageToHistory",
-        "name": "addPageToHistory",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "emitted on adding page to isvisited array, returns page"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/collection/deprecated/pagination/z-pagination-bar/styles.css

@@ -1,22 +0,0 @@
-:host > div {
-  display: flex;
-  height: 48px;
-  flex-flow: row nowrap;
-  align-content: center;
-  align-items: center;
-  justify-content: space-around;
-}
-
-:host > div > z-icon {
-  margin: calc(var(--space-unit) * 2) 0;
-  color: var(--color-primary01);
-  cursor: pointer;
-  fill: var(--color-primary01);
-}
-
-:host > div > z-icon.disabled {
-  color: var(--color-disabled01);
-  cursor: default;
-  fill: var(--color-disabled01);
-  pointer-events: none;
-}

package/dist/collection/deprecated/pagination/z-pagination-page/index.js

@@ -1,136 +0,0 @@
-import { h } from "@stencil/core";
-export class ZPaginationPage {
-  constructor() {
-    this.pageid = undefined;
-    this.value = undefined;
-    this.isselected = false;
-    this.isdisabled = false;
-    this.isvisited = false;
-    this.ariaLabel = "";
-  }
-  render() {
-    return (h("button", { id: this.pageid, "aria-label": this.ariaLabel ? this.ariaLabel : `Go to page ${this.value}`, class: { selected: this.isselected, visited: this.isvisited }, disabled: this.isdisabled, type: "button" }, this.value));
-  }
-  static get is() { return "z-pagination-page"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "pageid": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "html id"
-        },
-        "attribute": "pageid",
-        "reflect": false
-      },
-      "value": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "numeric page value (optional)"
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "isselected": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "selected status flag"
-        },
-        "attribute": "isselected",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "isdisabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "disabled status flag"
-        },
-        "attribute": "isdisabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "isvisited": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "visited status flag"
-        },
-        "attribute": "isvisited",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "ariaLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "aria-label string"
-        },
-        "attribute": "aria-label",
-        "reflect": false,
-        "defaultValue": "\"\""
-      }
-    };
-  }
-}

package/dist/collection/deprecated/pagination/z-pagination-page/styles.css

@@ -1,57 +0,0 @@
-:host {
-  display: inline-block;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-sb);
-}
-
-:host > button {
-  display: inline-block;
-  min-width: 56px;
-  height: 48px;
-  box-sizing: border-box;
-  border: none;
-  border-bottom: var(--border-size-large) solid transparent;
-  margin: 0;
-  background: transparent;
-  color: var(--color-primary01);
-  cursor: pointer;
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-2);
-  font-weight: inherit;
-  line-height: 48px;
-  outline: none;
-  text-align: center;
-  text-decoration: none;
-  transition: border-bottom 0.2s ease, font-size 0.2s ease;
-}
-
-:host > button[disabled] {
-  color: var(--color-disabled02);
-  cursor: default;
-  pointer-events: none;
-}
-
-:host > button:hover {
-  border-bottom: var(--border-size-large) solid var(--color-hover-light);
-  background-color: var(--color-background);
-  text-decoration: none;
-  transition: border-bottom 0.2s ease, background-color 0.2s ease;
-}
-
-:host > button:focus {
-  border-bottom: var(--border-size-large) solid var(--color-hover-light);
-  background-color: var(--color-background);
-  box-shadow: var(--shadow-focus-primary);
-  text-decoration: none;
-}
-
-:host > button.visited {
-  border-color: var(--color-hover-light);
-  text-decoration: none;
-}
-
-:host > button.selected {
-  border-bottom: var(--border-size-large) solid var(--color-primary01);
-  font-size: var(--font-size-7);
-  transition: border-bottom 0.2s ease, font-size 0.2s ease;
-}