@zanichelli/albe-web-components 2.31.0 → 2.31.1

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

@@ -1,119 +1,119 @@
-import { Component, h, Prop } from "@stencil/core";
-import { LicenseTypeEnum } from "../../../../beans/index";
-/**
- * @slot  - generic card slot
- */
-export class ZMyzCardComponent {
-  constructor() {
-    /** pressed status */
-    this.ispressed = false;
-    /** highlighted status */
-    this.ishighlighted = false;
-  }
-  retrieveClass() {
-    let elemClasses = "";
-    if (this.cardtype === LicenseTypeEnum.real)
-      elemClasses += "real";
-    else if (this.cardtype === LicenseTypeEnum.trial)
-      elemClasses += "trial";
-    if (this.faded) {
-      elemClasses += " faded";
-    }
-    else if (this.ispressed) {
-      elemClasses += " pressed";
-    }
-    else if (this.ishighlighted) {
-      elemClasses += " highlighted";
-    }
-    return elemClasses;
-  }
-  render() {
-    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"
-      },
-      "attribute": "faded",
-      "reflect": false
-    },
-    "cardtype": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LicenseTypeEnum",
-        "resolved": "LicenseTypeEnum.real | 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
-    },
-    "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"
-    }
-  }; }
-}
+import { Component, h, Prop } from "@stencil/core";
+import { LicenseTypeEnum } from "../../../../beans/index";
+/**
+ * @slot  - generic card slot
+ */
+export class ZMyzCardComponent {
+  constructor() {
+    /** pressed status */
+    this.ispressed = false;
+    /** highlighted status */
+    this.ishighlighted = false;
+  }
+  retrieveClass() {
+    let elemClasses = "";
+    if (this.cardtype === LicenseTypeEnum.real)
+      elemClasses += "real";
+    else if (this.cardtype === LicenseTypeEnum.trial)
+      elemClasses += "trial";
+    if (this.faded) {
+      elemClasses += " faded";
+    }
+    else if (this.ispressed) {
+      elemClasses += " pressed";
+    }
+    else if (this.ishighlighted) {
+      elemClasses += " highlighted";
+    }
+    return elemClasses;
+  }
+  render() {
+    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"
+      },
+      "attribute": "faded",
+      "reflect": false
+    },
+    "cardtype": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "LicenseTypeEnum",
+        "resolved": "LicenseTypeEnum.real | 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
+    },
+    "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"
+    }
+  }; }
+}

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

@@ -1,38 +1,38 @@
-div {
-  background-color: var(--color-surface01);
-  display: flex;
-  flex-direction: column;
-  width: auto;
-  box-sizing: border-box;
-  width: 256px; /* TODO: width must be 100% - must be handled in dashboard */
-  height: 522px;
-  border: var(--border-size-medium) solid var(--color-surface03);
-  border-radius: var(--border-radius);
-}
-
-div.real,
-div.trial {
-  border-color: var(--accent);
-}
-
-/* HIDDEN status */
-div.faded {
-  border: var(--border-size-medium) solid var(--color-surface02);
-}
-
-/* HIGHLIGHTED status */
-div.highlighted {
-  box-shadow: var(--shadow-4);
-  outline: none;
-}
-
-/* PRESSED status */
-div.pressed {
-  box-shadow: var(--shadow-8);
-  outline: none;
-}
-
-div:focus {
-  box-shadow: var(--shadow-focus-primary);
-  outline: none;
-}
+div {
+  background-color: var(--color-surface01);
+  display: flex;
+  flex-direction: column;
+  width: auto;
+  box-sizing: border-box;
+  width: 256px; /* TODO: width must be 100% - must be handled in dashboard */
+  height: 522px;
+  border: var(--border-size-medium) solid var(--color-surface03);
+  border-radius: var(--border-radius);
+}
+
+div.real,
+div.trial {
+  border-color: var(--accent);
+}
+
+/* HIDDEN status */
+div.faded {
+  border: var(--border-size-medium) solid var(--color-surface02);
+}
+
+/* HIGHLIGHTED status */
+div.highlighted {
+  box-shadow: var(--shadow-4);
+  outline: none;
+}
+
+/* PRESSED status */
+div.pressed {
+  box-shadow: var(--shadow-8);
+  outline: none;
+}
+
+div:focus {
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
+}

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

@@ -1,148 +1,148 @@
-import { Component, Prop, h, Event } from "@stencil/core";
-import { AlertTypesEnum } from "../../../../beans";
-export class ZMyzCardAlert {
-  emitUndoAction() {
-    this.undoAction.emit({ actionType: this.type });
-  }
-  handleSpaceKeyPress(e) {
-    if (e.keyCode == 32 || e.keyCode == 13) {
-      e.preventDefault();
-      this.emitUndoAction();
-    }
-  }
-  handleActionButtonClick(e) {
-    e.preventDefault();
-    this.emitUndoAction();
-  }
-  retrieveClass() {
-    let className = "";
-    switch (this.type) {
-      case "add":
-        className = "addAlert";
-        break;
-      case "remove":
-        className = "removeAlert";
-        break;
-      default:
-        className = "";
-        break;
-    }
-    return className;
-  }
-  getAlertType() {
-    switch (this.type) {
-      case "add":
-        return AlertTypesEnum.success;
-      case "remove":
-        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))))));
-  }
-  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": {}
-      },
-      "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": {}
-      }
-    }]; }
-}
+import { Component, Prop, h, Event } from "@stencil/core";
+import { AlertTypesEnum } from "../../../../beans";
+export class ZMyzCardAlert {
+  emitUndoAction() {
+    this.undoAction.emit({ actionType: this.type });
+  }
+  handleSpaceKeyPress(e) {
+    if (e.keyCode == 32 || e.keyCode == 13) {
+      e.preventDefault();
+      this.emitUndoAction();
+    }
+  }
+  handleActionButtonClick(e) {
+    e.preventDefault();
+    this.emitUndoAction();
+  }
+  retrieveClass() {
+    let className = "";
+    switch (this.type) {
+      case "add":
+        className = "addAlert";
+        break;
+      case "remove":
+        className = "removeAlert";
+        break;
+      default:
+        className = "";
+        break;
+    }
+    return className;
+  }
+  getAlertType() {
+    switch (this.type) {
+      case "add":
+        return AlertTypesEnum.success;
+      case "remove":
+        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))))));
+  }
+  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": {}
+      },
+      "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": {}
+      }
+    }]; }
+}