@zanichelli/albe-web-components 2.25.0 → 2.26.0

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

@@ -1,111 +1,111 @@
-import { Component, Prop, h, Event } from "@stencil/core";
-import { ButtonVariantEnum } from "../../../beans";
-export class ZCookiebar {
-  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: 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": {}
-      },
-      "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": {}
-      }
-    }]; }
-}
+import { Component, Prop, h, Event } from "@stencil/core";
+import { ButtonVariantEnum } from "../../../beans";
+export class ZCookiebar {
+  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: 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": {}
+      },
+      "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,109 +1,109 @@
-:host {
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-rg);
-}
-
-z-candybar.hidden {
-  display: none;
-}
-
-.content {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  align-items: stretch;
-  align-content: space-between;
-  color: var(--text-grey-800);
-  border-radius: calc(var(--space-unit) * .5);
-  font-size: 16px;
-  letter-spacing: 0px;
-  line-height: 24px;
-  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);
-}
-
-.content > div > h2 {
-  margin: 0;
-  padding: 0;
-  color: var(--text-grey-800);
-  border-radius: 0px;
-  font-size: 18px;
-  font-weight: var(--font-sb);
-  letter-spacing: 0px;
-}
-
-.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 {
-  cursor: pointer;
-  font-weight: var(--font-sb);
-  color: var(--text-grey-800);
-  text-decoration: underline;
-  height: 14px;
-  display: inline-flex;
-}
-
-.content > div > div > p > a:visited {
-  color: var(--text-grey-800);
-  cursor: pointer;
-  z-index: 1000;
-}
-
-.content > z-button {
-  margin: 0;
-  width: 100%;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  .content {
-    width: 100%;
-    flex-direction: row;
-    align-items: center;
-    font-size: 16px;
-    letter-spacing: 0px;
-    line-height: 24px;
-    padding: calc(var(--space-unit) * 4) calc(var(--space-unit) * 3);
-  }
-
-  .content > div {
-    width: 560px;
-  }
-
-  .content > div > h2 {
-    height: calc(var(--space-unit) * 3.5);
-  }
-
-  .content > div > div {
-    padding: 0;
-  }
-
-  .content > z-button {
-    margin: 0;
-    width: initial;
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-  .content > div {
-    width: 935px;
-  }
-}
-
-/* Wide breakpoint */
-@media only screen and (min-width: 1366px) {
-  .content {
-    padding-left: calc(var(--space-unit) * 4);
-    padding-right: calc(var(--space-unit) * 4);
-  }
-}
+:host {
+  font-family: var(--dashboard-font);
+  font-weight: var(--font-rg);
+}
+
+z-candybar.hidden {
+  display: none;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: stretch;
+  align-content: space-between;
+  color: var(--text-grey-800);
+  border-radius: calc(var(--space-unit) * .5);
+  font-size: 16px;
+  letter-spacing: 0px;
+  line-height: 24px;
+  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);
+}
+
+.content > div > h2 {
+  margin: 0;
+  padding: 0;
+  color: var(--text-grey-800);
+  border-radius: 0px;
+  font-size: 18px;
+  font-weight: var(--font-sb);
+  letter-spacing: 0px;
+}
+
+.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 {
+  cursor: pointer;
+  font-weight: var(--font-sb);
+  color: var(--text-grey-800);
+  text-decoration: underline;
+  height: 14px;
+  display: inline-flex;
+}
+
+.content > div > div > p > a:visited {
+  color: var(--text-grey-800);
+  cursor: pointer;
+  z-index: 1000;
+}
+
+.content > z-button {
+  margin: 0;
+  width: 100%;
+}
+
+/* Tablet breakpoint */
+@media only screen and (min-width: 768px) {
+  .content {
+    width: 100%;
+    flex-direction: row;
+    align-items: center;
+    font-size: 16px;
+    letter-spacing: 0px;
+    line-height: 24px;
+    padding: calc(var(--space-unit) * 4) calc(var(--space-unit) * 3);
+  }
+
+  .content > div {
+    width: 560px;
+  }
+
+  .content > div > h2 {
+    height: calc(var(--space-unit) * 3.5);
+  }
+
+  .content > div > div {
+    padding: 0;
+  }
+
+  .content > z-button {
+    margin: 0;
+    width: initial;
+  }
+}
+
+/* Desktop breakpoint */
+@media only screen and (min-width: 1152px) {
+  .content > div {
+    width: 935px;
+  }
+}
+
+/* Wide breakpoint */
+@media only screen and (min-width: 1366px) {
+  .content {
+    padding-left: calc(var(--space-unit) * 4);
+    padding-right: calc(var(--space-unit) * 4);
+  }
+}

package/dist/collection/components/notification/z-info-box/index.js

@@ -1,79 +1,79 @@
-import { Component, Prop, h, Event } from '@stencil/core';
-/**
- * @slot content - set the info box content
- */
-export class ZInfoBox {
-  constructor() {
-    /** render close icon flag */
-    this.isclosable = true;
-  }
-  emitInfoBoxClose() {
-    this.infoBoxClose.emit({ boxid: this.boxid });
-  }
-  render() {
-    return (h("div", { id: this.boxid },
-      h("slot", { name: "content" }),
-      this.isclosable && h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() })));
-  }
-  static get is() { return "z-info-box"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "boxid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "info box unique id"
-      },
-      "attribute": "boxid",
-      "reflect": false
-    },
-    "isclosable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "render close icon flag"
-      },
-      "attribute": "isclosable",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
-  static get events() { return [{
-      "method": "infoBoxClose",
-      "name": "infoBoxClose",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "emitted on close icon click"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-}
+import { Component, Prop, h, Event } from '@stencil/core';
+/**
+ * @slot content - set the info box content
+ */
+export class ZInfoBox {
+  constructor() {
+    /** render close icon flag */
+    this.isclosable = true;
+  }
+  emitInfoBoxClose() {
+    this.infoBoxClose.emit({ boxid: this.boxid });
+  }
+  render() {
+    return (h("div", { id: this.boxid },
+      h("slot", { name: "content" }),
+      this.isclosable && h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() })));
+  }
+  static get is() { return "z-info-box"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get properties() { return {
+    "boxid": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "info box unique id"
+      },
+      "attribute": "boxid",
+      "reflect": false
+    },
+    "isclosable": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "render close icon flag"
+      },
+      "attribute": "isclosable",
+      "reflect": false,
+      "defaultValue": "true"
+    }
+  }; }
+  static get events() { return [{
+      "method": "infoBoxClose",
+      "name": "infoBoxClose",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "emitted on close icon click"
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/collection/components/notification/z-info-box/styles.css

@@ -1,23 +1,23 @@
-:host {
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-rg);
-}
-
-:host>div {
-  background: var(--accent-lighter);
-  padding: calc(var(--space-unit) * 2);
-  border-radius: var(--border-radius);
-  display: flex;
-  width: inherit;
-}
-
-:host>div>slot {
-  color: var(--text-grey-800);
-  font-size: 14px;
-}
-
-:host>div>z-icon {
-  fill: var(--myz-blue);
-  cursor: pointer;
-  margin-left: calc(var(--space-unit) * 2);
-}
+:host {
+  font-family: var(--dashboard-font);
+  font-weight: var(--font-rg);
+}
+
+:host>div {
+  background: var(--accent-lighter);
+  padding: calc(var(--space-unit) * 2);
+  border-radius: var(--border-radius);
+  display: flex;
+  width: inherit;
+}
+
+:host>div>slot {
+  color: var(--text-grey-800);
+  font-size: 14px;
+}
+
+:host>div>z-icon {
+  fill: var(--myz-blue);
+  cursor: pointer;
+  margin-left: calc(var(--space-unit) * 2);
+}