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

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js

@@ -1,4 +1,4 @@
-import { Component, Prop, State, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { LicenseTypeEnum } from "../../../../beans/index";
 /**
  * @slot icon - card header icon slot
@@ -11,92 +11,99 @@ export class ZMyzCardHeader {
     return this.allowTooltip ? this.titolo : "";
   }
   componentDidLoad() {
-    if (this.elementHasEllipsis())
+    if (this.elementHasEllipsis()) {
       this.allowTooltip = true;
+    }
   }
   elementHasEllipsis() {
     return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
   }
   retrieveClass() {
     return {
-      real: this.cardtype === LicenseTypeEnum.real,
-      trial: this.cardtype === LicenseTypeEnum.trial,
-      temp: this.cardtype === LicenseTypeEnum.temp,
+      real: this.cardtype === LicenseTypeEnum.REAL,
+      trial: this.cardtype === LicenseTypeEnum.TRIAL,
+      temp: this.cardtype === LicenseTypeEnum.TEMP,
       faded: this.faded,
     };
   }
   render() {
-    return (h("header", { class: this.retrieveClass() },
-      h("h2", { ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo),
-      h("slot", { name: "icon" })));
+    return (h("header", { class: this.retrieveClass() }, h("h2", { ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { name: "icon" })));
   }
   static get is() { return "z-myz-card-header"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "titolo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "volume title"
-      },
-      "attribute": "titolo",
-      "reflect": false
-    },
-    "faded": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "titolo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "volume title"
+        },
+        "attribute": "titolo",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "faded status"
+      "faded": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "faded status"
+        },
+        "attribute": "faded",
+        "reflect": false
       },
-      "attribute": "faded",
-      "reflect": false
-    },
-    "cardtype": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LicenseTypeEnum",
-        "resolved": "LicenseTypeEnum.real | LicenseTypeEnum.temp | LicenseTypeEnum.trial | LicenseTypeEnum.virtual",
-        "references": {
-          "LicenseTypeEnum": {
-            "location": "import",
-            "path": "../../../../beans/index"
+      "cardtype": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "LicenseTypeEnum",
+          "resolved": "LicenseTypeEnum.REAL | LicenseTypeEnum.TEMP | LicenseTypeEnum.TRIAL | LicenseTypeEnum.VIRTUAL",
+          "references": {
+            "LicenseTypeEnum": {
+              "location": "import",
+              "path": "../../../../beans/index"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "card graphic variant (optional)"
-      },
-      "attribute": "cardtype",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "allowTooltip": {}
-  }; }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "card graphic variant (optional)"
+        },
+        "attribute": "cardtype",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "allowTooltip": {}
+    };
+  }
 }

package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css

@@ -1,38 +1,37 @@
 header {
+  position: relative;
   display: flex;
+  width: auto;
+  height: calc(var(--space-unit) * 6);
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
-  width: auto;
-  height: calc(var(--space-unit) * 6);
-  position: relative;
   border-bottom: var(--border-size-medium) solid var(--color-surface03);
-  border-radius: var(--border-radius) var(--border-radius)
-    var(--border-no-radius) var(--border-no-radius);
   background-color: var(--color-surface01);
+  border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);
 }
 
 header.real,
 header.trial,
 header.temp {
-  background-color: var(--accent-lighter);
   border-bottom: var(--border-size-medium) solid var(--accent);
+  background-color: var(--accent-lighter);
 }
 
 h2 {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-sb);
-  color: var(--color-surface05);
+  overflow: hidden;
   height: calc(var(--space-unit) * 2);
+  padding: calc(var(--space-unit) * 2);
+  margin: 0;
+  color: var(--color-surface05);
+  font-family: var(--font-family-sans);
   font-size: 12px;
-  text-transform: uppercase;
+  font-weight: var(--font-sb);
   letter-spacing: 0.22px;
   line-height: calc(var(--space-unit) * 2);
-  margin: 0px;
-  padding: calc(var(--space-unit) * 2);
-  white-space: nowrap;
-  overflow: hidden;
   text-overflow: ellipsis;
+  text-transform: uppercase;
+  white-space: nowrap;
 }
 
 .faded {

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js

@@ -1,74 +1,78 @@
-import { Component, Prop, h } from "@stencil/core";
+import { h } from "@stencil/core";
 export class ZMyzCardIcon {
   constructor() {
     /** disabled status flag */
     this.isdisabled = false;
   }
   render() {
-    return (h("button", { disabled: this.isdisabled, "aria-label": this.ariaLabel },
-      h("span", null,
-        h("z-icon", { name: this.icon, width: 16, height: 16 }))));
+    return (h("button", { disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", null, h("z-icon", { name: this.icon, width: 16, height: 16 }))));
   }
   static get is() { return "z-myz-card-icon"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "icon name"
-      },
-      "attribute": "icon",
-      "reflect": 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"
-    },
-    "ariaLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "icon name"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "description of the icon"
+      "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"
       },
-      "attribute": "aria-label",
-      "reflect": false
-    }
-  }; }
+      "ariaLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "description of the icon"
+        },
+        "attribute": "aria-label",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css

@@ -1,22 +1,21 @@
 button {
+  display: flex;
   width: 42px;
+  width: calc(var(--space-unit) * 6);
   height: calc(var(--space-unit) * 5);
-  display: flex;
+  height: calc(var(--space-unit) * 6);
   align-items: center;
   justify-content: center;
-  color: var(--color-primary01);
-  fill: var(--color-primary01);
-  cursor: pointer;
-  outline: none;
-
-  background: none;
+  padding: 0;
   border: none;
   border-left: var(--border-size-medium) solid var(--color-surface03);
-  border-radius: 0px var(--border-radius) 0px 0px;
   margin: 0;
-  padding: 0px;
-  width: calc(var(--space-unit) * 6);
-  height: calc(var(--space-unit) * 6);
+  background: none;
+  border-radius: 0 var(--border-radius) 0 0;
+  color: var(--color-primary01);
+  cursor: pointer;
+  fill: var(--color-primary01);
+  outline: none;
 }
 
 button:active,
@@ -27,12 +26,12 @@ button:focus {
 
 button > span {
   display: flex;
-  align-items: center;
-  justify-content: center;
   width: 28px;
   height: 28px;
+  align-items: center;
+  justify-content: center;
+  border: 0;
   border-radius: var(--border-radius);
-  border: 0px;
 }
 
 button:hover > span {
@@ -42,7 +41,7 @@ button:hover > span {
 button:focus > span {
   background: var(--color-surface01);
   border-radius: var(--border-radius);
-  box-shadow: 0px 0px 2px 2px var(--accent-dark);
+  box-shadow: 0 0 2px 2px var(--accent-dark);
 }
 
 button:active > span {