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

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 import { LicenseTypeEnum } from "../../../../beans/index";
 /**
  * @slot  - generic card slot
@@ -12,12 +12,15 @@ export class ZMyzCardComponent {
   }
   retrieveClass() {
     let elemClasses = "";
-    if (this.cardtype === LicenseTypeEnum.real)
+    if (this.cardtype === LicenseTypeEnum.REAL) {
       elemClasses += "real";
-    else if (this.cardtype === LicenseTypeEnum.trial)
+    }
+    else if (this.cardtype === LicenseTypeEnum.TRIAL) {
       elemClasses += "trial";
-    else if (this.cardtype === LicenseTypeEnum.temp)
+    }
+    else if (this.cardtype === LicenseTypeEnum.TEMP) {
       elemClasses += "temp";
+    }
     if (this.faded) {
       elemClasses += " faded";
     }
@@ -30,92 +33,97 @@ export class ZMyzCardComponent {
     return elemClasses;
   }
   render() {
-    return (h("div", { class: this.retrieveClass(), tabindex: "0" },
-      h("slot", null)));
+    return (h("div", { class: this.retrieveClass(), tabindex: "0" }, h("slot", null)));
   }
   static get is() { return "z-myz-card"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "faded": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "faded status"
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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": "graphic variant (optional)"
+        },
+        "attribute": "cardtype",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "graphic variant (optional)"
+      "ispressed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "pressed status"
+        },
+        "attribute": "ispressed",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "cardtype",
-      "reflect": false
-    },
-    "ispressed": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "pressed status"
-      },
-      "attribute": "ispressed",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "ishighlighted": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "highlighted status"
-      },
-      "attribute": "ishighlighted",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "ishighlighted": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "highlighted status"
+        },
+        "attribute": "ishighlighted",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }

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

@@ -3,16 +3,16 @@
 }
 
 div {
-  background-color: var(--color-surface01);
   display: flex;
-  flex-direction: column;
+  overflow: var(--card-overflow);
   width: auto;
-  box-sizing: border-box;
   width: 256px; /* TODO: width must be 100% - must be handled in dashboard */
   height: 522px;
+  box-sizing: border-box;
+  flex-direction: column;
   border: var(--border-size-medium) solid var(--color-surface03);
+  background-color: var(--color-surface01);
   border-radius: var(--border-radius);
-  overflow: var(--card-overflow);
 }
 
 div.real,

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Event } from "@stencil/core";
+import { h } from "@stencil/core";
 import { AlertTypesEnum } from "../../../../beans";
 export class ZMyzCardAlert {
   emitUndoAction() {
@@ -18,10 +18,10 @@ export class ZMyzCardAlert {
     let className = "";
     switch (this.type) {
       case "add":
-        className = "addAlert";
+        className = "add-alert";
         break;
       case "remove":
-        className = "removeAlert";
+        className = "remove-alert";
         break;
       default:
         className = "";
@@ -32,117 +32,120 @@ export class ZMyzCardAlert {
   getAlertType() {
     switch (this.type) {
       case "add":
-        return AlertTypesEnum.success;
+        return AlertTypesEnum.SUCCESS;
       case "remove":
-        return AlertTypesEnum.warning;
+        return AlertTypesEnum.WARNING;
       default:
         return null;
     }
   }
   render() {
-    return (h("div", { class: "alert-external-wrapper " + this.retrieveClass() },
-      h("z-alert", { type: this.getAlertType() },
-        h("div", { class: "relativeContainer" },
-          h("z-icon", { name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }),
-          h("span", { class: "contentText" }, this.contenttext),
-          this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "contentAction", onClick: (e) => {
-              this.handleActionButtonClick(e);
-            }, onKeyPress: (e) => {
-              this.handleSpaceKeyPress(e);
-            } }, this.actiontext))))));
+    return (h("div", { class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { type: this.getAlertType() }, h("div", { class: "relative-container" }, h("z-icon", { name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        this.handleActionButtonClick(e);
+      }, onKeyPress: (e) => {
+        this.handleSpaceKeyPress(e);
+      } }, this.actiontext))))));
   }
   static get is() { return "z-myz-card-alert"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "iconname": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "icon name"
-      },
-      "attribute": "iconname",
-      "reflect": false
-    },
-    "contenttext": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "content text"
-      },
-      "attribute": "contenttext",
-      "reflect": false
-    },
-    "actiontext": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "action button text"
-      },
-      "attribute": "actiontext",
-      "reflect": false
-    },
-    "type": {
-      "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 {
+      "iconname": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "icon name"
+        },
+        "attribute": "iconname",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "alert variant type"
+      "contenttext": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "content text"
+        },
+        "attribute": "contenttext",
+        "reflect": false
       },
-      "attribute": "type",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "undoAction",
-      "name": "undoAction",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "undo action click/keyboard event, returns actionType"
+      "actiontext": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "action button text"
+        },
+        "attribute": "actiontext",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "alert variant type"
+        },
+        "attribute": "type",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "undoAction",
+        "name": "undoAction",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "undo action click/keyboard event, returns actionType"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

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

@@ -1,60 +1,60 @@
 :host {
   position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  width: 100%;
   font-family: var(--font-family-sans);
   font-weight: var(--font-rg);
-  width: 100%;
-  top: 0px;
-  left: 0px;
-  z-index: 2;
 }
 
 :host > z-alert {
   height: calc(var(--space-unit) * 6);
 }
 
-.relativeContainer {
+.relative-container {
   position: relative;
   display: grid;
-  grid-template-columns: 18px auto 46px;
-  grid-template-rows: 1fr;
-  grid-column-gap: var(--space-unit);
   align-items: center;
   padding: 0;
+  grid-column-gap: var(--space-unit);
+  grid-template-columns: 18px auto 46px;
+  grid-template-rows: 1fr;
   outline: none;
 }
 
-.relativeContainer::-moz-focus-inner {
+.relative-container::-moz-focus-inner {
   border: 0;
 }
 
-.alert-external-wrapper.removeAlert {
+.alert-external-wrapper.remove-alert {
   border: var(--border-size-medium) solid var(--color-surface02);
   border-top: none;
 }
 
-:host div.addAlert {
+:host div.add-alert {
   background: var(--color-success-inverse);
 }
 
-:host div.removeAlert {
+:host div.remove-alert {
   background: var(--color-warning-inverse);
 }
 
-:host div > .contentText {
+:host div > .content-text {
   color: var(--color-surface05);
   font-size: 14px;
   letter-spacing: 0.16px;
   line-height: 20px;
 }
 
-:host div > .contentAction {
+:host div > .content-action {
+  height: 20px;
   color: var(--color-primary01);
+  cursor: pointer;
   font-size: 12px;
   font-weight: var(--font-sb);
-  height: 20px;
   letter-spacing: 0.32px;
   line-height: 20px;
-  cursor: pointer;
 }
 
 :host div > z-icon {

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

@@ -1,20 +1,22 @@
-import { Component, h } from "@stencil/core";
+import { h } from "@stencil/core";
 /**
  * @slot alert - card alert slot
  * @slot cover - book cover slot
  */
 export class ZMyzCardBody {
   render() {
-    return (h("div", null,
-      h("slot", { name: "alert" }),
-      h("slot", { name: "cover" })));
+    return (h("div", null, h("slot", { name: "alert" }), h("slot", { name: "cover" })));
   }
   static get is() { return "z-myz-card-body"; }
   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/snowflakes/myz/card/z-myz-card-body/styles.css

@@ -1,13 +1,13 @@
 :host {
-  height: 340px;
   width: auto;
+  height: 340px;
 }
 
 :host > div {
-  height: 340px;
-  width: auto;
+  position: relative;
   display: flex;
+  width: auto;
+  height: 340px;
   align-items: center;
   justify-content: center;
-  position: relative;
 }