@zanichelli/albe-web-components 6.6.9 → 6.6.10-test

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

@@ -1,129 +0,0 @@
-import { h } from "@stencil/core";
-import { LicenseType } 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 === LicenseType.REAL) {
-      elemClasses += "real";
-    }
-    else if (this.cardtype === LicenseType.TRIAL) {
-      elemClasses += "trial";
-    }
-    else if (this.cardtype === LicenseType.TEMP) {
-      elemClasses += "temp";
-    }
-    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": "LicenseType",
-          "resolved": "LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL",
-          "references": {
-            "LicenseType": {
-              "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,44 +0,0 @@
-:host {
-  --card-overflow: hidden;
-}
-
-div {
-  display: flex;
-  overflow: var(--card-overflow);
-  width: auto;
-  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);
-}
-
-div.real,
-div.trial,
-div.temp {
-  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,151 +0,0 @@
-import { h } from "@stencil/core";
-import { AlertType } 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 = "add-alert";
-        break;
-      case "remove":
-        className = "remove-alert";
-        break;
-      default:
-        className = "";
-        break;
-    }
-    return className;
-  }
-  getAlertType() {
-    switch (this.type) {
-      case "add":
-        return AlertType.SUCCESS;
-      case "remove":
-        return AlertType.WARNING;
-      default:
-        return null;
-    }
-  }
-  render() {
-    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": {}
-        },
-        "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,62 +0,0 @@
-:host {
-  position: absolute;
-  z-index: 2;
-  top: 0;
-  left: 0;
-  width: 100%;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > z-alert {
-  height: calc(var(--space-unit) * 6);
-}
-
-.relative-container {
-  position: relative;
-  display: grid;
-  align-items: center;
-  padding: 0;
-  grid-column-gap: var(--space-unit);
-  grid-template-columns: 18px auto 46px;
-  grid-template-rows: 1fr;
-  outline: none;
-}
-
-.relative-container::-moz-focus-inner {
-  border: 0;
-}
-
-.alert-external-wrapper.remove-alert {
-  border: var(--border-size-medium) solid var(--color-surface02);
-  border-top: none;
-}
-
-:host div.add-alert {
-  background: var(--color-success-inverse);
-}
-
-:host div.remove-alert {
-  background: var(--color-warning-inverse);
-}
-
-:host div > .content-text {
-  color: var(--color-surface05);
-  font-size: 14px;
-  letter-spacing: 0.16px;
-  line-height: 20px;
-}
-
-:host div > .content-action {
-  height: 20px;
-  color: var(--color-primary01);
-  cursor: pointer;
-  font-size: 12px;
-  font-weight: var(--font-sb);
-  letter-spacing: 0.32px;
-  line-height: 20px;
-}
-
-:host div > z-icon {
-  justify-self: center;
-}

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

@@ -1,22 +0,0 @@
-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" })));
-  }
-  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"]
-    };
-  }
-}

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

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

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

@@ -1,93 +0,0 @@
-import { h } from "@stencil/core";
-export class ZMyzCardCover {
-  hadleOnImageError() {
-    this.img = this.defaultimg;
-  }
-  render() {
-    return (h("img", { class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
-  }
-  static get is() { return "z-myz-card-cover"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "img": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "image source"
-        },
-        "attribute": "img",
-        "reflect": false
-      },
-      "titolo": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "cover alt title"
-        },
-        "attribute": "titolo",
-        "reflect": false
-      },
-      "faded": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "faded status"
-        },
-        "attribute": "faded",
-        "reflect": false
-      },
-      "defaultimg": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "default error image source"
-        },
-        "attribute": "defaultimg",
-        "reflect": false
-      }
-    };
-  }
-}

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

@@ -1,11 +0,0 @@
-img {
-  display: block;
-  max-width: 100%;
-  height: 340px;
-  margin: auto;
-  object-fit: cover;
-}
-
-img.faded {
-  opacity: 0.3;
-}

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

@@ -1,177 +0,0 @@
-import { h } from "@stencil/core";
-import { ButtonSize, ButtonVariant } from "../../../../beans";
-/**
- * @slot  - generic card slot
- * @slot info - flipped card info
- */
-export class ZMyzCardDictionary {
-  constructor() {
-    /** card is disabled */
-    this.disabled = false;
-    /** card is flipped */
-    this.flipped = false;
-    /** flip button label */
-    this.flipbuttonlabel = "INFO";
-    /** hide info button */
-    this.hideinfobtn = false;
-  }
-  handleFlipCard(e) {
-    this.flipCard(e.detail);
-  }
-  flipCard(showBack = true) {
-    this.flipped = showBack;
-    this.cardFlipped.emit(showBack);
-  }
-  render() {
-    return (h("div", null, h("z-myz-card", null, h("z-myz-card-header", { titolo: this.name }), h("div", { class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { class: "front" }, h("z-myz-card-body", null, h("z-myz-card-cover", { slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { class: "back" }, h("slot", { name: "info" }))), h("slot", null))));
-  }
-  static get is() { return "z-myz-card-dictionary"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "card title"
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "cover": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "card cover"
-        },
-        "attribute": "cover",
-        "reflect": false
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "card is disabled"
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "flipped": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "card is flipped"
-        },
-        "attribute": "flipped",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "flipbuttonlabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "flip button label"
-        },
-        "attribute": "flipbuttonlabel",
-        "reflect": false,
-        "defaultValue": "\"INFO\""
-      },
-      "hideinfobtn": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "hide info button"
-        },
-        "attribute": "hideinfobtn",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "cardFlipped",
-        "name": "cardFlipped",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "when card is flipped"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "flipCard",
-        "method": "handleFlipCard",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
-}