@zanichelli/albe-web-components 7.3.3 → 7.3.4

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

@@ -1,177 +1,177 @@
-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
-      }];
-  }
-}
+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
+      }];
+  }
+}

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

@@ -1,72 +1,72 @@
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host z-myz-card {
-  --card-overflow: visible;
-}
-
-:host > div {
-  position: relative;
-  width: 100%;
-  height: 522px;
-  transition: -webkit-transform 0.5s ease-out;
-  transition: transform 0.5s ease-out;
-  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
-}
-
-:host > div .content {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: 522px;
-  transform-style: preserve-3d;
-  transition: -webkit-transform 0.5s ease-out;
-  transition: transform 0.5s ease-out;
-  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
-}
-
-:host > div .content.flipped {
-  margin-top: -2px;
-  transform: rotateY(180deg);
-}
-
-:host > div .front,
-:host > div .back {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  backface-visibility: hidden;
-}
-
-:host > div .front {
-  z-index: 2;
-  top: 0;
-  left: 0;
-  transform: rotateY(0deg);
-}
-
-:host > div .front z-button {
-  position: absolute;
-  z-index: 3;
-  top: calc(var(--space-unit) * 0.5);
-  left: calc(-1 * var(--space-unit));
-}
-
-:host > div .back {
-  z-index: 1;
-  top: 0;
-  left: 0;
-  display: flex;
-  justify-content: center;
-  padding: 0 var(--space-unit);
-  margin-left: calc(-1 * var(--space-unit));
-  transform: rotateY(180deg);
-}
-
-.hide-info {
-  display: none;
-}
+:host {
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host z-myz-card {
+  --card-overflow: visible;
+}
+
+:host > div {
+  position: relative;
+  width: 100%;
+  height: 522px;
+  transition: -webkit-transform 0.5s ease-out;
+  transition: transform 0.5s ease-out;
+  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
+}
+
+:host > div .content {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: 522px;
+  transform-style: preserve-3d;
+  transition: -webkit-transform 0.5s ease-out;
+  transition: transform 0.5s ease-out;
+  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
+}
+
+:host > div .content.flipped {
+  margin-top: -2px;
+  transform: rotateY(180deg);
+}
+
+:host > div .front,
+:host > div .back {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  backface-visibility: hidden;
+}
+
+:host > div .front {
+  z-index: 2;
+  top: 0;
+  left: 0;
+  transform: rotateY(0deg);
+}
+
+:host > div .front z-button {
+  position: absolute;
+  z-index: 3;
+  top: calc(var(--space-unit) * 0.5);
+  left: calc(-1 * var(--space-unit));
+}
+
+:host > div .back {
+  z-index: 1;
+  top: 0;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  padding: 0 var(--space-unit);
+  margin-left: calc(-1 * var(--space-unit));
+  transform: rotateY(180deg);
+}
+
+.hide-info {
+  display: none;
+}