@zanichelli/albe-web-components 2.31.0 → 2.31.1

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

@@ -1,177 +1,177 @@
-import { Component, Prop, h, Listen, Event } from "@stencil/core";
-import { ButtonVariantEnum } 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: this.hideinfobtn ? "hideInfo" : "", variant: ButtonVariantEnum.secondary, icon: "informationsource", issmall: true, 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 { Component, Prop, h, Listen, Event } from "@stencil/core";
+import { ButtonVariantEnum } 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: this.hideinfobtn ? "hideInfo" : "", variant: ButtonVariantEnum.secondary, icon: "informationsource", issmall: true, 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,85 +1,85 @@
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > div {
-  position: relative;
-  height: 522px;
-  width: 100%;
-  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;
-  height: 522px;
-  width: 100%;
-  -webkit-transform-style: preserve-3d;
-  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;
-  z-index: 2;
-}
-
-:host > div .content.flipped {
-  -webkit-transform: rotateY(180deg);
-  transform: rotateY(180deg);
-  margin-top: -2px;
-}
-
-:host > div .front,
-:host > div .back {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-}
-
-:host > div .front {
-  z-index: 2;
-  top: 0;
-  left: 0;
-  -webkit-transform: rotateY(0deg);
-  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 {
-  padding: 0 var(--space-unit);
-  margin-left: calc(-1 * var(--space-unit));
-  z-index: 1;
-  top: 0;
-  left: 0;
-  -webkit-transform: rotateY(180deg);
-  transform: rotateY(180deg);
-  display: flex;
-  justify-content: center;
-}
-
-.hideInfo {
-  display: none;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-}
-
-/* Wide breakpoint */
-@media only screen and (min-width: 1366px) {
-}
+:host {
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host > div {
+  position: relative;
+  height: 522px;
+  width: 100%;
+  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;
+  height: 522px;
+  width: 100%;
+  -webkit-transform-style: preserve-3d;
+  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;
+  z-index: 2;
+}
+
+:host > div .content.flipped {
+  -webkit-transform: rotateY(180deg);
+  transform: rotateY(180deg);
+  margin-top: -2px;
+}
+
+:host > div .front,
+:host > div .back {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+
+:host > div .front {
+  z-index: 2;
+  top: 0;
+  left: 0;
+  -webkit-transform: rotateY(0deg);
+  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 {
+  padding: 0 var(--space-unit);
+  margin-left: calc(-1 * var(--space-unit));
+  z-index: 1;
+  top: 0;
+  left: 0;
+  -webkit-transform: rotateY(180deg);
+  transform: rotateY(180deg);
+  display: flex;
+  justify-content: center;
+}
+
+.hideInfo {
+  display: none;
+}
+
+/* Tablet breakpoint */
+@media only screen and (min-width: 768px) {
+}
+
+/* Desktop breakpoint */
+@media only screen and (min-width: 1152px) {
+}
+
+/* Wide breakpoint */
+@media only screen and (min-width: 1366px) {
+}