@zanichelli/albe-web-components 5.5.5 → 5.5.6-cs1

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

@@ -1,18 +1,21 @@
-import { Component, h } from "@stencil/core";
+import { h } from "@stencil/core";
 /**
  * @slot content - fill the content of the candybar (full width, full height)
  */
 export class ZCandybar {
   render() {
-    return (h("div", null,
-      h("slot", { name: "content" })));
+    return (h("div", null, h("slot", { name: "content" })));
   }
   static get is() { return "z-candybar"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
 }

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

@@ -1,51 +1,49 @@
 :host {
+  display: flex;
+  flex-flow: row nowrap;
+  align-content: center;
+  justify-content: center;
   font-family: var(--dashboard-font);
   font-weight: var(--font-rg);
-	display: flex;
-	flex-direction: row;
-	flex-wrap: nowrap;
-	justify-content: center;
-  align-content: center;
 }
 
 :host > div {
   position: fixed;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
+  z-index: 1000;
   top: 30vh;
+  display: flex;
+  overflow: auto;
+  overflow: -moz-scrollbars-none;
   max-width: 297px;
   height: fit-content;
   min-height: 232px;
-  z-index: 1000;
+  flex-flow: row wrap;
+  justify-content: center;
   margin: auto;
-  overflow: auto;
-  overflow: -moz-scrollbars-none;
-  -ms-overflow-style: none;
   background: var(--myz-blue-lighter);
-  border-radius: calc(var(--space-unit) * .5);
-  box-shadow: 0px -2px 4px 0px rgba(66, 69, 72, 0.4);
+  border-radius: calc(var(--space-unit) * 0.5);
+  box-shadow: 0 -2px 4px 0 rgb(66 69 72 / 40%);
+  -ms-overflow-style: none;
 }
 
 /* Tablet breakpoint */
 @media only screen and (min-width: 768px) {
   :host > div {
     position: initial;
-    flex-wrap: nowrap;
-    justify-content: space-between;
-    align-items: center;
-    align-content: stretch;
     position: fixed;
     top: auto;
+    right: 0;
     bottom: 0;
-    margin: 0 auto;
     left: 0;
-    right: 0;
+    max-width: 100%;
     height: auto;
     min-height: 138px;
-    max-width: 100%;
-    border-radius: 0px;
+    flex-wrap: nowrap;
+    align-content: stretch;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0 auto;
+    border-radius: 0;
   }
 }
 
@@ -55,7 +53,3 @@
     min-height: 122px;
   }
 }
-
-/* Wide breakpoint */
-@media only screen and (min-width: 1366px) {
-}

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Event } from "@stencil/core";
+import { h } from "@stencil/core";
 import { ButtonVariantEnum } from "../../../beans";
 export class ZCookiebar {
   emitAccept(ev) {
@@ -13,99 +13,98 @@ export class ZCookiebar {
   handleOkButtonKeyUp(ev) {
     this.emitAccept(ev);
     if (ev.code === "Enter") {
-      if (typeof this.callback !== "undefined" &&
-        typeof this.callback === "function") {
+      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")));
+    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()));
+    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": {}
+  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
       },
-      "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"
+      "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
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "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

@@ -9,27 +9,26 @@ z-candybar.hidden {
 
 .content {
   display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  align-items: stretch;
+  flex-flow: column nowrap;
   align-content: space-between;
-  color: var(--text-grey-800);
+  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: 0px;
+  letter-spacing: 0;
   line-height: 24px;
-  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);
 }
 
 .content > div > h2 {
-  margin: 0;
   padding: 0;
+  margin: 0;
+  border-radius: 0;
   color: var(--text-grey-800);
-  border-radius: 0px;
   font-size: 18px;
   font-weight: var(--font-sb);
-  letter-spacing: 0px;
+  letter-spacing: 0;
 }
 
 .content > div > div {
@@ -44,23 +43,23 @@ z-candybar.hidden {
 }
 
 .content > div > div > p > a {
+  display: inline-flex;
+  height: 14px;
+  color: var(--text-grey-800);
   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 {
+  z-index: 1000;
   color: var(--text-grey-800);
   cursor: pointer;
-  z-index: 1000;
 }
 
 .content > z-button {
-  margin: 0;
   width: 100%;
+  margin: 0;
 }
 
 /* Tablet breakpoint */
@@ -69,10 +68,10 @@ z-candybar.hidden {
     width: 100%;
     flex-direction: row;
     align-items: center;
+    padding: calc(var(--space-unit) * 4) calc(var(--space-unit) * 3);
     font-size: 16px;
-    letter-spacing: 0px;
+    letter-spacing: 0;
     line-height: 24px;
-    padding: calc(var(--space-unit) * 4) calc(var(--space-unit) * 3);
   }
 
   .content > div {
@@ -88,8 +87,8 @@ z-candybar.hidden {
   }
 
   .content > z-button {
-    margin: 0;
     width: initial;
+    margin: 0;
   }
 }
 
@@ -103,7 +102,7 @@ z-candybar.hidden {
 /* Wide breakpoint */
 @media only screen and (min-width: 1366px) {
   .content {
-    padding-left: calc(var(--space-unit) * 4);
     padding-right: calc(var(--space-unit) * 4);
+    padding-left: calc(var(--space-unit) * 4);
   }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Event } from '@stencil/core';
+import { h } from "@stencil/core";
 /**
  * @slot content - set the info box content
  */
@@ -11,69 +11,75 @@ export class ZInfoBox {
     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() })));
+    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"
+  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
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "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

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