@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

package/dist/collection/index.js

@@ -2,7 +2,7 @@ import { colorFromId } from "./utils/utils";
 const UTILS = {
     colorFromId,
 };
-export { UTILS as Utils };
-export * from "./components";
 export * from "./beans";
+export * from "./components";
+export { UTILS as Utils };
 //# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,MAAM,KAAK,GAAG;IACZ,WAAW;CACZ,CAAC;AAEF,OAAO,EAAC,KAAK,IAAI,KAAK,EAAC,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC","sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport {UTILS as Utils};\nexport * from \"./components\";\nexport * from \"./beans\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,MAAM,KAAK,GAAG;IACZ,WAAW;CACZ,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,KAAK,IAAI,KAAK,EAAC,CAAC","sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {UTILS as Utils};\n"]}

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

@@ -33,7 +33,7 @@ export class ZMyzCardComponent {
         return elemClasses;
     }
     render() {
-        return (h("div", { key: '566806a9792c54f2853f4e02e22a4494a69e906c', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'bc8776f2ea59e0a421b7559bb6d5c9e2923f0276' })));
+        return (h("div", { key: '254e3f158fbaa9eae4c801cd491abe9227fdd1fb', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '52145b4e99ae3616f767760faf97433d1e3047d8' })));
     }
     static get is() { return "z-myz-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AAMH,MAAM,OAAO,iBAAiB;;;;yBAWhB,KAAK;6BAID,KAAK;;IAEb,aAAa;QACnB,IAAI,WAAW,GAAG,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;YACvC,WAAW,IAAI,MAAM,CAAC;QACxB,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK,EAAE,CAAC;YAC/C,WAAW,IAAI,OAAO,CAAC;QACzB,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;YAC9C,WAAW,IAAI,MAAM,CAAC;QACxB,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,WAAW,IAAI,QAAQ,CAAC;QAC1B,CAAC;aAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC1B,WAAW,IAAI,UAAU,CAAC;QAC5B,CAAC;aAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B,WAAW,IAAI,cAAc,CAAC;QAChC,CAAC;QAED,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,QAAQ,EAAC,GAAG;YAEZ,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot  - generic card slot\n */\n@Component({\n  tag: \"z-myz-card\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardComponent {\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** pressed status */\n  @Prop()\n  ispressed = false;\n\n  /** highlighted status */\n  @Prop()\n  ishighlighted = false;\n\n  private retrieveClass(): string {\n    let elemClasses = \"\";\n\n    if (this.cardtype === LicenseType.REAL) {\n      elemClasses += \"real\";\n    } else if (this.cardtype === LicenseType.TRIAL) {\n      elemClasses += \"trial\";\n    } else if (this.cardtype === LicenseType.TEMP) {\n      elemClasses += \"temp\";\n    }\n\n    if (this.faded) {\n      elemClasses += \" faded\";\n    } else if (this.ispressed) {\n      elemClasses += \" pressed\";\n    } else if (this.ishighlighted) {\n      elemClasses += \" highlighted\";\n    }\n\n    return elemClasses;\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={this.retrieveClass()}\n        tabindex=\"0\"\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AAMH,MAAM,OAAO,iBAAiB;;;;yBAWhB,KAAK;6BAID,KAAK;;IAEb,aAAa;QACnB,IAAI,WAAW,GAAG,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;YACvC,WAAW,IAAI,MAAM,CAAC;QACxB,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK,EAAE,CAAC;YAC/C,WAAW,IAAI,OAAO,CAAC;QACzB,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;YAC9C,WAAW,IAAI,MAAM,CAAC;QACxB,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,WAAW,IAAI,QAAQ,CAAC;QAC1B,CAAC;aAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC1B,WAAW,IAAI,UAAU,CAAC;QAC5B,CAAC;aAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B,WAAW,IAAI,cAAc,CAAC;QAChC,CAAC;QAED,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,QAAQ,EAAC,GAAG;YAEZ,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot  - generic card slot\n */\n@Component({\n  tag: \"z-myz-card\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardComponent {\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** pressed status */\n  @Prop()\n  ispressed = false;\n\n  /** highlighted status */\n  @Prop()\n  ishighlighted = false;\n\n  private retrieveClass(): string {\n    let elemClasses = \"\";\n\n    if (this.cardtype === LicenseType.REAL) {\n      elemClasses += \"real\";\n    } else if (this.cardtype === LicenseType.TRIAL) {\n      elemClasses += \"trial\";\n    } else if (this.cardtype === LicenseType.TEMP) {\n      elemClasses += \"temp\";\n    }\n\n    if (this.faded) {\n      elemClasses += \" faded\";\n    } else if (this.ispressed) {\n      elemClasses += \" pressed\";\n    } else if (this.ishighlighted) {\n      elemClasses += \" highlighted\";\n    }\n\n    return elemClasses;\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={this.retrieveClass()}\n        tabindex=\"0\"\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE1C,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,iBAAiB,CAAC;YAC/B,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardComponent} from \"./index\";\n\ndescribe(\"Suite test ZMyzCard\", () => {\n  it(\"Test render ZMyzCard vuota\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardComponent],\n      html: `<z-myz-card></z-myz-card>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card>\n      <mock:shadow-root>\n        <div tabindex=\"0\">\n          <slot></slot>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE1C,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,iBAAiB,CAAC;YAC/B,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardComponent} from \"./index\";\n\ndescribe(\"Suite test ZMyzCard\", () => {\n  it(\"Test render ZMyzCard vuota\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardComponent],\n      html: `<z-myz-card></z-myz-card>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card>\n      <mock:shadow-root>\n        <div tabindex=\"0\">\n          <slot></slot>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card>\n    `);\n  });\n});\n"]}

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

@@ -0,0 +1,72 @@
+import {html} from "lit";
+import "../../../../components/z-toggle-button/index";
+import "../z-myz-card-alert/index";
+import "../z-myz-card-body/index";
+import "../z-myz-card-cover/index";
+import "../z-myz-card-footer/index";
+import "../z-myz-card-header/index";
+import "../z-myz-card-icon/index";
+import "../z-myz-card-list/index";
+import "./index";
+
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCard",
+  component: "z-myz-card",
+
+  args: {
+    cardtype: "virtuale",
+    faded: false,
+    ishighlighted: false,
+    ispressed: true,
+    titolo: "Card Header",
+  },
+};
+
+export const ZMyzCard = {
+  render: (args) =>
+    html`<z-myz-card
+      cardtype="${args.cardtype}"
+      faded="${args.faded}"
+      ishighlighted="${args.ishighlighted}"
+      ispressed="${args.ispressed}"
+    >
+      <z-myz-card-header
+        cardtype="${args.cardtype}"
+        faded="${args.faded}"
+        titolo="${args.titolo}"
+      >
+        <z-myz-card-icon
+          icon="book-minus"
+          slot="icon"
+        />
+      </z-myz-card-header>
+      <z-myz-card-body>
+        <z-myz-card-alert
+          slot="alert"
+          iconName="checkmark-circle"
+          contenttext="Aggiunto"
+          actiontext="Annulla"
+          type="add"
+        ></z-myz-card-alert>
+        <z-myz-card-cover
+          slot="cover"
+          titolo="titolo"
+          img="https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808720740.jpg"
+        />
+      </z-myz-card-body>
+      <z-myz-card-footer
+        titolo="title"
+        autori="Authors"
+        isbn="97-88-80-8620-710"
+      >
+        <z-toggle-button
+          label="risorse"
+          slot="toggle"
+        ></z-toggle-button>
+        <z-myz-card-list
+          listdata='[{"isLink":true,"value":"Leggi sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Programmazione"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]'
+          slot="list"
+        />
+      </z-myz-card-footer>
+    </z-myz-card>`,
+};

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

@@ -46,7 +46,7 @@ export class ZMyzCardAlert {
         }
     }
     render() {
-        return (h("div", { key: '48889e49481948b707a3fcd518ad1b3acfcc5bde', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '75322f499813ab46e7b0fa5f4704cd3c5659de32', type: this.getAlertType() }, h("div", { key: 'fdbcefea81b53032d7cf9209b75500d09a2b8563', class: "relative-container" }, h("z-icon", { key: '7cd6edc15a24476241764a69781a880130bd39f0', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '3a627e1e4940bd011b59122be93c1b60692b16bf', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: 'ee3f657b10628aa1d8b655fbad1f7f2d55d0cfcc', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'f90c4944719e9d9842a159727be73e7d877aca9a', type: this.getAlertType() }, h("div", { key: '414b27076e7e807f79987b8d1bf57724ff7aba21', class: "relative-container" }, h("z-icon", { key: '4a17b0046552751eb1b4f78b666038a34950f669', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'dc7059e99b1cb56c47f0ce112f2dcabf0cdafb47', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: 'fe84b58a497310f2936b14fd06808717a572feb5', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAO5C,MAAM,OAAO,aAAa;;;;;;;IAqBhB,cAAc;QACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,CAAC;IAChD,CAAC;IAEO,mBAAmB,CAAC,CAAgB;QAC1C,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,uBAAuB,CAAC,CAAa;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,SAAS,GAAG,WAAW,CAAC;gBACxB,MAAM;YACR,KAAK,QAAQ;gBACX,SAAS,GAAG,cAAc,CAAC;gBAC3B,MAAM;YACR;gBACE,SAAS,GAAG,EAAE,CAAC;gBACf,MAAM;QACV,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,YAAY;QAClB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,OAAO,SAAS,CAAC,OAAO,CAAC;YAC3B,KAAK,QAAQ;gBACX,OAAO,SAAS,CAAC,OAAO,CAAC;YAC3B;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,aAAa,EAAE;YAC1D,gEAAS,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE;gBAChC,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,+DACE,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,GACnB;oBACV,6DAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,WAAW,CAAQ;oBACnD,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CACrD,YACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;4BACzB,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;wBAClC,CAAC,EACD,UAAU,EAAE,CAAC,CAAgB,EAAE,EAAE;4BAC/B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;wBAC9B,CAAC,IAEA,IAAI,CAAC,UAAU,CACX,CACR,CACG,CACE,CACN,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter} from \"@stencil/core\";\nimport {AlertType} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardAlert {\n  /** icon name */\n  @Prop()\n  iconname: string;\n\n  /** content text */\n  @Prop()\n  contenttext: string;\n\n  /** action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** alert variant type */\n  @Prop()\n  type: string;\n\n  /** undo action click/keyboard event, returns actionType */\n  @Event()\n  undoAction: EventEmitter;\n\n  private emitUndoAction(): void {\n    this.undoAction.emit({actionType: this.type});\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      this.emitUndoAction();\n    }\n  }\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.emitUndoAction();\n  }\n\n  private retrieveClass(): string {\n    let className = \"\";\n    switch (this.type) {\n      case \"add\":\n        className = \"add-alert\";\n        break;\n      case \"remove\":\n        className = \"remove-alert\";\n        break;\n      default:\n        className = \"\";\n        break;\n    }\n\n    return className;\n  }\n\n  private getAlertType(): AlertType {\n    switch (this.type) {\n      case \"add\":\n        return AlertType.SUCCESS;\n      case \"remove\":\n        return AlertType.WARNING;\n      default:\n        return null;\n    }\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={\"alert-external-wrapper \" + this.retrieveClass()}>\n        <z-alert type={this.getAlertType()}>\n          <div class=\"relative-container\">\n            <z-icon\n              name={this.iconname}\n              width={18}\n              height={18}\n              class={this.retrieveClass()}\n            ></z-icon>\n            <span class=\"content-text\">{this.contenttext}</span>\n            {this.actiontext && !!this.actiontext.trim().length && (\n              <span\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"content-action\"\n                onClick={(e: MouseEvent) => {\n                  this.handleActionButtonClick(e);\n                }}\n                onKeyPress={(e: KeyboardEvent) => {\n                  this.handleSpaceKeyPress(e);\n                }}\n              >\n                {this.actiontext}\n              </span>\n            )}\n          </div>\n        </z-alert>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAO5C,MAAM,OAAO,aAAa;;;;;;;IAqBhB,cAAc;QACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,CAAC;IAChD,CAAC;IAEO,mBAAmB,CAAC,CAAgB;QAC1C,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,uBAAuB,CAAC,CAAa;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,SAAS,GAAG,WAAW,CAAC;gBACxB,MAAM;YACR,KAAK,QAAQ;gBACX,SAAS,GAAG,cAAc,CAAC;gBAC3B,MAAM;YACR;gBACE,SAAS,GAAG,EAAE,CAAC;gBACf,MAAM;QACV,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,YAAY;QAClB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,OAAO,SAAS,CAAC,OAAO,CAAC;YAC3B,KAAK,QAAQ;gBACX,OAAO,SAAS,CAAC,OAAO,CAAC;YAC3B;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,aAAa,EAAE;YAC1D,gEAAS,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE;gBAChC,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,+DACE,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,GACnB;oBACV,6DAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,WAAW,CAAQ;oBACnD,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CACrD,6DACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;4BACzB,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;wBAClC,CAAC,EACD,UAAU,EAAE,CAAC,CAAgB,EAAE,EAAE;4BAC/B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;wBAC9B,CAAC,IAEA,IAAI,CAAC,UAAU,CACX,CACR,CACG,CACE,CACN,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardAlert {\n  /** icon name */\n  @Prop()\n  iconname: string;\n\n  /** content text */\n  @Prop()\n  contenttext: string;\n\n  /** action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** alert variant type */\n  @Prop()\n  type: string;\n\n  /** undo action click/keyboard event, returns actionType */\n  @Event()\n  undoAction: EventEmitter;\n\n  private emitUndoAction(): void {\n    this.undoAction.emit({actionType: this.type});\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      this.emitUndoAction();\n    }\n  }\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.emitUndoAction();\n  }\n\n  private retrieveClass(): string {\n    let className = \"\";\n    switch (this.type) {\n      case \"add\":\n        className = \"add-alert\";\n        break;\n      case \"remove\":\n        className = \"remove-alert\";\n        break;\n      default:\n        className = \"\";\n        break;\n    }\n\n    return className;\n  }\n\n  private getAlertType(): AlertType {\n    switch (this.type) {\n      case \"add\":\n        return AlertType.SUCCESS;\n      case \"remove\":\n        return AlertType.WARNING;\n      default:\n        return null;\n    }\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={\"alert-external-wrapper \" + this.retrieveClass()}>\n        <z-alert type={this.getAlertType()}>\n          <div class=\"relative-container\">\n            <z-icon\n              name={this.iconname}\n              width={18}\n              height={18}\n              class={this.retrieveClass()}\n            ></z-icon>\n            <span class=\"content-text\">{this.contenttext}</span>\n            {this.actiontext && !!this.actiontext.trim().length && (\n              <span\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"content-action\"\n                onClick={(e: MouseEvent) => {\n                  this.handleActionButtonClick(e);\n                }}\n                onKeyPress={(e: KeyboardEvent) => {\n                  this.handleSpaceKeyPress(e);\n                }}\n              >\n                {this.actiontext}\n              </span>\n            )}\n          </div>\n        </z-alert>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-alert/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,uJAAuJ;SAC9J,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,sIAAsI;SAC7I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,kIAAkI;SACzI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,0JAA0J;SACjK,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,qIAAqI;SAC5I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardAlert} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardAlert\", () => {\n  it(\"Test render ZMyzCardAlert add\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert slot=\"alert\" iconName=\"circle-check\" contenttext=\"Libro aggiunto ai miei libri\" actiontext=\"Annulla\" type=\"add\"></z-myz-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert actiontext=\"Annulla\" contenttext=\"Libro aggiunto ai miei libri\" iconname=\"circle-check\" slot=\"alert\" type=\"add\">\n      <mock:shadow-root>\n        <div class=\"add-alert alert-external-wrapper\">\n            <z-alert type=\"success\">\n              <div class=\"relative-container\">\n                <z-icon class=\"add-alert\" height=\"18\" name=\"circle-check\" width=\"18\"></z-icon>\n                  <span class=\"content-text\">\n                    Libro aggiunto ai miei libri\n                  </span>\n                  <span class=\"content-action\" role=\"button\" tabindex=\"0\">\n                    Annulla\n                  </span>\n              </div>\n            </z-alert>\n        </mock:shadow-root>\n      </div>\n    </z-card-alert>\n    `);\n  });\n\n  it(\"Test render ZMyzCardAlert (type add)\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert iconName=\"circle-check\" contenttext=\"Libro aggiunto ai miei libri\" actiontext=\"Annulla\" type=\"add\"></z-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert iconName=\"circle-check\" contenttext=\"Libro aggiunto ai miei libri\" actiontext=\"Annulla\" type=\"add\">\n      <mock:shadow-root>\n        <div class=\"add-alert alert-external-wrapper\">\n            <z-alert type=\"success\">\n              <div class=\"relative-container\">\n                <z-icon class=\"add-alert\" name=\"circle-check\" height=\"18\" width=\"18\"></z-icon>\n                <span class=\"content-text\">\n                  Libro aggiunto ai miei libri\n                </span>\n                <span class=\"content-action\" role=\"button\" tabindex=\"0\">\n                  Annulla\n                </span>\n              </div>\n            </z-alert>\n          </mock:shadow-root>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-alert>\n    `);\n  });\n\n  it(\"Test render ZMyzCardAlert add no undo\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert slot=\"alert\" iconName=\"circle-check\" contenttext=\"Libro aggiunto ai miei libri\" type=\"add\"></z-myz-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert contenttext=\"Libro aggiunto ai miei libri\" iconname=\"circle-check\" slot=\"alert\" type=\"add\">\n      <mock:shadow-root>\n        <div class=\"add-alert alert-external-wrapper\">\n            <z-alert type=\"success\">\n              <div class=\"relative-container\">\n                <z-icon class=\"add-alert\" name=\"circle-check\" height=\"18\" width=\"18\"></z-icon>\n                <span class=\"content-text\">\n                  Libro aggiunto ai miei libri\n                </span>\n              </div>\n            </z-alert>\n          </mock:shadow-root>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-alert>\n    `);\n  });\n\n  it(\"Test render ZMyzCardAlert remove\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert slot=\"alert\" iconName=\"circle-check\" contenttext=\"Libro rimosso dai miei libri\" actiontext=\"Annulla\" type=\"remove\"></z-myz-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert actiontext=\"Annulla\" contenttext=\"Libro rimosso dai miei libri\" iconname=\"circle-check\" slot=\"alert\" type=\"remove\">\n      <mock:shadow-root>\n        <div class=\"remove-alert alert-external-wrapper\">\n            <z-alert type=\"warning\">\n              <div class=\"relative-container\">\n                <z-icon class=\"remove-alert\" name=\"circle-check\" height=\"18\" width=\"18\"></z-icon>\n                <span class=\"content-text\">\n                  Libro rimosso dai miei libri\n                </span>\n                <span class=\"content-action\" role=\"button\" tabindex=\"0\">\n                  Annulla\n                </span>\n              </div>\n            </z-alert>\n          </mock:shadow-root>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-alert>\n    `);\n  });\n\n  it(\"Test render ZMyzCardAlert remove no undo\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert slot=\"alert\" iconName=\"circle-check\" contenttext=\"Libro rimosso dai miei libri\" type=\"remove\"></z-myz-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert contenttext=\"Libro rimosso dai miei libri\" iconname=\"circle-check\" slot=\"alert\" type=\"remove\">\n      <mock:shadow-root>\n        <div class=\"remove-alert alert-external-wrapper\">\n            <z-alert type=\"warning\">\n              <div class=\"relative-container\">\n                <z-icon class=\"remove-alert\" name=\"circle-check\" height=\"18\" width=\"18\"></z-icon>\n                <span class=\"content-text\">\n                  Libro rimosso dai miei libri\n                </span>\n              </div>\n            </z-alert>\n          </mock:shadow-root>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-alert>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-alert/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,uJAAuJ;SAC9J,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,sIAAsI;SAC7I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,kIAAkI;SACzI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,0JAA0J;SACjK,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,qIAAqI;SAC5I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardAlert} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardAlert\", () => {\n  it(\"Test render ZMyzCardAlert add\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert slot=\"alert\" iconName=\"circle-check\" contenttext=\"Libro aggiunto ai miei libri\" actiontext=\"Annulla\" type=\"add\"></z-myz-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert actiontext=\"Annulla\" contenttext=\"Libro aggiunto ai miei libri\" iconname=\"circle-check\" slot=\"alert\" type=\"add\">\n      <mock:shadow-root>\n        <div class=\"add-alert alert-external-wrapper\">\n            <z-alert type=\"success\">\n              <div class=\"relative-container\">\n                <z-icon class=\"add-alert\" height=\"18\" name=\"circle-check\" width=\"18\"></z-icon>\n                  <span class=\"content-text\">\n                    Libro aggiunto ai miei libri\n                  </span>\n                  <span class=\"content-action\" role=\"button\" tabindex=\"0\">\n                    Annulla\n                  </span>\n              </div>\n            </z-alert>\n        </mock:shadow-root>\n      </div>\n    </z-card-alert>\n    `);\n  });\n\n  it(\"Test render ZMyzCardAlert (type add)\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert iconName=\"circle-check\" contenttext=\"Libro aggiunto ai miei libri\" actiontext=\"Annulla\" type=\"add\"></z-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert iconName=\"circle-check\" contenttext=\"Libro aggiunto ai miei libri\" actiontext=\"Annulla\" type=\"add\">\n      <mock:shadow-root>\n        <div class=\"add-alert alert-external-wrapper\">\n            <z-alert type=\"success\">\n              <div class=\"relative-container\">\n                <z-icon class=\"add-alert\" name=\"circle-check\" height=\"18\" width=\"18\"></z-icon>\n                <span class=\"content-text\">\n                  Libro aggiunto ai miei libri\n                </span>\n                <span class=\"content-action\" role=\"button\" tabindex=\"0\">\n                  Annulla\n                </span>\n              </div>\n            </z-alert>\n          </mock:shadow-root>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-alert>\n    `);\n  });\n\n  it(\"Test render ZMyzCardAlert add no undo\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert slot=\"alert\" iconName=\"circle-check\" contenttext=\"Libro aggiunto ai miei libri\" type=\"add\"></z-myz-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert contenttext=\"Libro aggiunto ai miei libri\" iconname=\"circle-check\" slot=\"alert\" type=\"add\">\n      <mock:shadow-root>\n        <div class=\"add-alert alert-external-wrapper\">\n            <z-alert type=\"success\">\n              <div class=\"relative-container\">\n                <z-icon class=\"add-alert\" name=\"circle-check\" height=\"18\" width=\"18\"></z-icon>\n                <span class=\"content-text\">\n                  Libro aggiunto ai miei libri\n                </span>\n              </div>\n            </z-alert>\n          </mock:shadow-root>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-alert>\n    `);\n  });\n\n  it(\"Test render ZMyzCardAlert remove\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert slot=\"alert\" iconName=\"circle-check\" contenttext=\"Libro rimosso dai miei libri\" actiontext=\"Annulla\" type=\"remove\"></z-myz-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert actiontext=\"Annulla\" contenttext=\"Libro rimosso dai miei libri\" iconname=\"circle-check\" slot=\"alert\" type=\"remove\">\n      <mock:shadow-root>\n        <div class=\"remove-alert alert-external-wrapper\">\n            <z-alert type=\"warning\">\n              <div class=\"relative-container\">\n                <z-icon class=\"remove-alert\" name=\"circle-check\" height=\"18\" width=\"18\"></z-icon>\n                <span class=\"content-text\">\n                  Libro rimosso dai miei libri\n                </span>\n                <span class=\"content-action\" role=\"button\" tabindex=\"0\">\n                  Annulla\n                </span>\n              </div>\n            </z-alert>\n          </mock:shadow-root>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-alert>\n    `);\n  });\n\n  it(\"Test render ZMyzCardAlert remove no undo\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardAlert],\n      html: `<z-myz-card-alert slot=\"alert\" iconName=\"circle-check\" contenttext=\"Libro rimosso dai miei libri\" type=\"remove\"></z-myz-card-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-alert contenttext=\"Libro rimosso dai miei libri\" iconname=\"circle-check\" slot=\"alert\" type=\"remove\">\n      <mock:shadow-root>\n        <div class=\"remove-alert alert-external-wrapper\">\n            <z-alert type=\"warning\">\n              <div class=\"relative-container\">\n                <z-icon class=\"remove-alert\" name=\"circle-check\" height=\"18\" width=\"18\"></z-icon>\n                <span class=\"content-text\">\n                  Libro rimosso dai miei libri\n                </span>\n              </div>\n            </z-alert>\n          </mock:shadow-root>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-alert>\n    `);\n  });\n});\n"]}

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

@@ -0,0 +1,24 @@
+import {html} from "lit";
+import "./index";
+
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardAlert",
+  component: "z-myz-card-alert",
+
+  args: {
+    actiontext: "Annulla",
+    contenttext: "Libro aggiunto ai miei libri preferiti",
+    iconName: "checkmark-circle",
+    type: "add",
+  },
+};
+
+export const ZMyzCardAlert = {
+  render: (args) =>
+    html`<z-myz-card-alert
+      actiontext="${args.actiontext}"
+      contenttext="${args.contenttext}"
+      iconName="${args.iconName}"
+      type="${args.type}"
+    ></z-myz-card-alert>`,
+};

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

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardBody {
     render() {
-        return (h("div", { key: 'cf1d5f3496d5d26fc8af29aaadb102fb6d05fc01' }, h("slot", { key: 'c0e3125ceecc33606e9644c514643de2ff59be1b', name: "alert" }), h("slot", { key: 'fbac52128264cd4a5637a7acbe3f57670efb5d50', name: "cover" })));
+        return (h("div", { key: '6eaaf5ff0351e8844d3aa616e473712dafcff7fd' }, h("slot", { key: '2984020a0568593cf9dd47aac83c4890c53d7460', name: "alert" }), h("slot", { key: '85e70e9dcd8068d00bdb40e71acaffae88326225', name: "cover" })));
     }
     static get is() { return "z-myz-card-body"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-body/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAMH,MAAM,OAAO,YAAY;IACvB,MAAM;QACJ,OAAO,CACL;YACE,6DAAM,IAAI,EAAC,OAAO,GAAQ;YAC1B,6DAAM,IAAI,EAAC,OAAO,GAAG,CACjB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot alert - card alert slot\n * @slot cover - book cover slot\n */\n@Component({\n  tag: \"z-myz-card-body\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardBody {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <slot name=\"alert\"></slot>\n        <slot name=\"cover\" />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-body/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAMH,MAAM,OAAO,YAAY;IACvB,MAAM;QACJ,OAAO,CACL;YACE,6DAAM,IAAI,EAAC,OAAO,GAAQ;YAC1B,6DAAM,IAAI,EAAC,OAAO,GAAG,CACjB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot alert - card alert slot\n * @slot cover - book cover slot\n */\n@Component({\n  tag: \"z-myz-card-body\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardBody {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <slot name=\"alert\"></slot>\n        <slot name=\"cover\" />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-body/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardBody} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardBody\", () => {\n  it(\"Test render ZMyzCardBody vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardBody],\n      html: `<z-myz-card-body></z-myz-card-body>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-body>\n      <mock:shadow-root>\n        <div>\n          <slot name=\"alert\"></slot>\n          <slot name=\"cover\"></slot>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-body>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-body/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardBody} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardBody\", () => {\n  it(\"Test render ZMyzCardBody vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardBody],\n      html: `<z-myz-card-body></z-myz-card-body>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-body>\n      <mock:shadow-root>\n        <div>\n          <slot name=\"alert\"></slot>\n          <slot name=\"cover\"></slot>\n        </div>\n      </mock:shadow-root>\n    </z-myz-card-body>\n    `);\n  });\n});\n"]}

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

@@ -10,7 +10,7 @@ export class ZMyzCardCover {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: 'ed7d7aad0833e7ead92536e260de19da601a605f', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: 'd7131bee1289159c5f6e60d390cd6e0984ac776f', 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"; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-cover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,aAAa;;;;;;;IAiBhB,iBAAiB;QACvB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,OAAO,EAC5B,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC1C,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,GAAG,EAAE,IAAI,CAAC,GAAG,GACb,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-myz-card-cover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardCover {\n  /** image source */\n  @Prop()\n  img: string;\n\n  /** cover alt title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** default error image source */\n  @Prop()\n  defaultimg: string;\n\n  private hadleOnImageError(): void {\n    this.img = this.defaultimg;\n  }\n\n  render(): HTMLImageElement {\n    return (\n      <img\n        class={this.faded && \"faded\"}\n        onError={this.hadleOnImageError.bind(this)}\n        alt={this.titolo}\n        src={this.img}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-cover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,aAAa;;;;;;;IAiBhB,iBAAiB;QACvB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,OAAO,EAC5B,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC1C,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,GAAG,EAAE,IAAI,CAAC,GAAG,GACb,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-myz-card-cover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardCover {\n  /** image source */\n  @Prop()\n  img: string;\n\n  /** cover alt title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** default error image source */\n  @Prop()\n  defaultimg: string;\n\n  private hadleOnImageError(): void {\n    this.img = this.defaultimg;\n  }\n\n  render(): HTMLImageElement {\n    return (\n      <img\n        class={this.faded && \"faded\"}\n        onError={this.hadleOnImageError.bind(this)}\n        alt={this.titolo}\n        src={this.img}\n      />\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-cover/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,uCAAuC;SAC9C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;OAEL;SACF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardCover} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardCover\", () => {\n  it(\"Test render ZMyzCardCover vuota\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardCover],\n      html: `<z-myz-card-cover></z-myz-card-cover>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-cover>\n      <mock:shadow-root>\n        <img></img>\n      </mock:shadow-root>\n    </z-myz-card-cover>\n    `);\n  });\n  it(\"Test render ZMyzCardCover con alt e img\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardCover],\n      html: `\n      <z-myz-card-cover slot=\"cover\" titolo=\"Il nuovo invito alla biologia blu\" img=\"http://media.curtisinvitoblu.bedita.net/a1/40/curti_a140cb3359b7611d84f80e384d2fb49b/curtis_plus-1A_320x_71bc3567ace1ff728caef1b381d7535b.png\"/>\n      `,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-cover slot=\"cover\" titolo=\"Il nuovo invito alla biologia blu\" img=\"http://media.curtisinvitoblu.bedita.net/a1/40/curti_a140cb3359b7611d84f80e384d2fb49b/curtis_plus-1A_320x_71bc3567ace1ff728caef1b381d7535b.png\">\n        <mock:shadow-root>\n          <img alt=\"Il nuovo invito alla biologia blu\" src=\"http://media.curtisinvitoblu.bedita.net/a1/40/curti_a140cb3359b7611d84f80e384d2fb49b/curtis_plus-1A_320x_71bc3567ace1ff728caef1b381d7535b.png\">\n        </mock:shadow-root>\n    </z-myz-card-cover>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-cover/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,uCAAuC;SAC9C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;OAEL;SACF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardCover} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardCover\", () => {\n  it(\"Test render ZMyzCardCover vuota\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardCover],\n      html: `<z-myz-card-cover></z-myz-card-cover>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-cover>\n      <mock:shadow-root>\n        <img></img>\n      </mock:shadow-root>\n    </z-myz-card-cover>\n    `);\n  });\n  it(\"Test render ZMyzCardCover con alt e img\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardCover],\n      html: `\n      <z-myz-card-cover slot=\"cover\" titolo=\"Il nuovo invito alla biologia blu\" img=\"http://media.curtisinvitoblu.bedita.net/a1/40/curti_a140cb3359b7611d84f80e384d2fb49b/curtis_plus-1A_320x_71bc3567ace1ff728caef1b381d7535b.png\"/>\n      `,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-cover slot=\"cover\" titolo=\"Il nuovo invito alla biologia blu\" img=\"http://media.curtisinvitoblu.bedita.net/a1/40/curti_a140cb3359b7611d84f80e384d2fb49b/curtis_plus-1A_320x_71bc3567ace1ff728caef1b381d7535b.png\">\n        <mock:shadow-root>\n          <img alt=\"Il nuovo invito alla biologia blu\" src=\"http://media.curtisinvitoblu.bedita.net/a1/40/curti_a140cb3359b7611d84f80e384d2fb49b/curtis_plus-1A_320x_71bc3567ace1ff728caef1b381d7535b.png\">\n        </mock:shadow-root>\n    </z-myz-card-cover>\n    `);\n  });\n});\n"]}

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

@@ -0,0 +1,24 @@
+import {html} from "lit";
+import "./index";
+
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardCover",
+  component: "z-myz-card-cover",
+
+  args: {
+    defaultimg: "https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808720740.jpg",
+    faded: false,
+    img: "https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808720740.jpg",
+    titolo: "Title",
+  },
+};
+
+export const ZMyzCardCover = {
+  render: (args) =>
+    html`<z-myz-card-cover
+      defaultimg=${args.defaultimg}
+      faded=${args.faded}
+      img=${args.img}
+      titolo=${args.titolo}
+    />`,
+};

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

@@ -21,7 +21,7 @@ export class ZMyzCardDictionary {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '07f2907ee9ae953ad0365dd0c8e2618524f89653' }, h("z-myz-card", { key: 'c21605f97d0cd1c9298643c2ad59ed4414a8ad16' }, h("z-myz-card-header", { key: '8798167fee3c810b002525720556c26bee3254de', titolo: this.name }), h("div", { key: '3d932ff6a732c3cbcf77fcd448e90e8265b02225', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '83585f7409cb3daee9d7985d7e9c519b6c41e133', class: "front" }, h("z-myz-card-body", { key: '486d61f67e0affb3e4e7efdf0ab3feb2b26b4b0f' }, h("z-myz-card-cover", { key: '61c665f57fb7e969d8191b77d62c794474b08e62', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '7cf6f97b79d569143724561d59e8c77fba8e054e', 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", { key: '562430df60bfa01db09cbad1d263586c6224af9c', class: "back" }, h("slot", { key: '537e1be569a72865724cfa85b7734dc0294bc115', name: "info" }))), h("slot", { key: '8b38959c1ddbeacd0bbca92fd14611355a24d74d' }))));
+        return (h("div", { key: 'ed889966f8549cc26bb5a74907698789dc5589db' }, h("z-myz-card", { key: '2f800d33d6ad0b9c0da423ae300d166c5cff1138' }, h("z-myz-card-header", { key: 'ac3b947d1bc44020038864cee354d25e03e35520', titolo: this.name }), h("div", { key: '510d58895ab181f57bf347181e9800e2905051ac', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '5edbb595e686ab20daf7627d8853bac7ded0b400', class: "front" }, h("z-myz-card-body", { key: '4429043e3309372204e1327b63af4bb7070e8821' }, h("z-myz-card-cover", { key: '4131ba8eac6d1b4de4ebb2132b90b23c84a4e208', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '868186b2ce493dcea4927f02678da0014adde59e', 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", { key: '82831b99ec4d728738523fe6cc4ad63a63d503f1', class: "back" }, h("slot", { key: 'e636f908bec08c14febee93e62a3b053b46e5cfb', name: "info" }))), h("slot", { key: 'c7fc3bc013651830a0777c1c41d7c11ea9d90041' }))));
     }
     static get is() { return "z-myz-card-dictionary"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-dictionary/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAE5D;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;;;;wBAWlB,KAAK;uBAIN,KAAK;+BAIG,MAAM;2BAIV,KAAK;;IAGnB,cAAc,CAAC,CAAc;QAC3B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAMO,QAAQ,CAAC,QAAQ,GAAG,IAAI;QAC9B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE;gBACE,0EAAmB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAsB;gBAC1D,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;oBACpD,4DAAK,KAAK,EAAC,OAAO;wBAChB;4BACE,yEACE,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,QAAQ,GACpB,CACc;wBAClB,iEACE,KAAK,EAAE,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAC,EACtC,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,IAAI,EAAC,mBAAmB,EACxB,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,QAAQ,EAAE,IAAI,CAAC,OAAO,IAErB,IAAI,CAAC,eAAe,CACZ,CACP;oBACN,4DAAK,KAAK,EAAC,MAAM;wBACf,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;gBACN,8DAAQ,CACG,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Listen, Event, EventEmitter} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../../beans\";\n\n/**\n * @slot  - generic card slot\n * @slot info - flipped card info\n */\n@Component({\n  tag: \"z-myz-card-dictionary\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardDictionary {\n  /** card title */\n  @Prop()\n  name: string;\n\n  /** card cover */\n  @Prop()\n  cover: string;\n\n  /** card is disabled */\n  @Prop()\n  disabled = false;\n\n  /** card is flipped */\n  @Prop({mutable: true})\n  flipped = false;\n\n  /** flip button label */\n  @Prop()\n  flipbuttonlabel = \"INFO\";\n\n  /** hide info button */\n  @Prop()\n  hideinfobtn = false;\n\n  @Listen(\"flipCard\")\n  handleFlipCard(e: CustomEvent): void {\n    this.flipCard(e.detail);\n  }\n\n  /** when card is flipped */\n  @Event()\n  cardFlipped: EventEmitter;\n\n  private flipCard(showBack = true): void {\n    this.flipped = showBack;\n    this.cardFlipped.emit(showBack);\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-myz-card>\n          <z-myz-card-header titolo={this.name}></z-myz-card-header>\n          <div class={`content ${this.flipped ? \"flipped\" : \"\"}`}>\n            <div class=\"front\">\n              <z-myz-card-body>\n                <z-myz-card-cover\n                  slot=\"cover\"\n                  titolo={this.name}\n                  img={this.cover}\n                  faded={this.disabled}\n                />\n              </z-myz-card-body>\n              <z-button\n                class={{\"hide-info\": this.hideinfobtn}}\n                variant={ButtonVariant.SECONDARY}\n                icon=\"informationsource\"\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.flipCard(true)}\n                disabled={this.flipped}\n              >\n                {this.flipbuttonlabel}\n              </z-button>\n            </div>\n            <div class=\"back\">\n              <slot name=\"info\" />\n            </div>\n          </div>\n          <slot />\n        </z-myz-card>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-dictionary/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAE5D;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;;;;wBAWlB,KAAK;uBAIN,KAAK;+BAIG,MAAM;2BAIV,KAAK;;IAGnB,cAAc,CAAC,CAAc;QAC3B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAMO,QAAQ,CAAC,QAAQ,GAAG,IAAI;QAC9B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE;gBACE,0EAAmB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAsB;gBAC1D,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;oBACpD,4DAAK,KAAK,EAAC,OAAO;wBAChB;4BACE,yEACE,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,QAAQ,GACpB,CACc;wBAClB,iEACE,KAAK,EAAE,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAC,EACtC,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,IAAI,EAAC,mBAAmB,EACxB,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,QAAQ,EAAE,IAAI,CAAC,OAAO,IAErB,IAAI,CAAC,eAAe,CACZ,CACP;oBACN,4DAAK,KAAK,EAAC,MAAM;wBACf,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;gBACN,8DAAQ,CACG,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Listen, Prop, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../../beans\";\n\n/**\n * @slot  - generic card slot\n * @slot info - flipped card info\n */\n@Component({\n  tag: \"z-myz-card-dictionary\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardDictionary {\n  /** card title */\n  @Prop()\n  name: string;\n\n  /** card cover */\n  @Prop()\n  cover: string;\n\n  /** card is disabled */\n  @Prop()\n  disabled = false;\n\n  /** card is flipped */\n  @Prop({mutable: true})\n  flipped = false;\n\n  /** flip button label */\n  @Prop()\n  flipbuttonlabel = \"INFO\";\n\n  /** hide info button */\n  @Prop()\n  hideinfobtn = false;\n\n  @Listen(\"flipCard\")\n  handleFlipCard(e: CustomEvent): void {\n    this.flipCard(e.detail);\n  }\n\n  /** when card is flipped */\n  @Event()\n  cardFlipped: EventEmitter;\n\n  private flipCard(showBack = true): void {\n    this.flipped = showBack;\n    this.cardFlipped.emit(showBack);\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-myz-card>\n          <z-myz-card-header titolo={this.name}></z-myz-card-header>\n          <div class={`content ${this.flipped ? \"flipped\" : \"\"}`}>\n            <div class=\"front\">\n              <z-myz-card-body>\n                <z-myz-card-cover\n                  slot=\"cover\"\n                  titolo={this.name}\n                  img={this.cover}\n                  faded={this.disabled}\n                />\n              </z-myz-card-body>\n              <z-button\n                class={{\"hide-info\": this.hideinfobtn}}\n                variant={ButtonVariant.SECONDARY}\n                icon=\"informationsource\"\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.flipCard(true)}\n                disabled={this.flipped}\n              >\n                {this.flipbuttonlabel}\n              </z-button>\n            </div>\n            <div class=\"back\">\n              <slot name=\"info\" />\n            </div>\n          </div>\n          <slot />\n        </z-myz-card>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-dictionary/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAE3C,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,8FAA8F;SACrG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,6FAA6F;SACpG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,iHAAiH;SACxH,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardDictionary} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardDictionary\", () => {\n  it(\"Test render ZMyzCardDictionary - empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardDictionary],\n      html: `<z-myz-card-dictionary></z-myz-card-dictionary>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-dictionary>\n        <mock:shadow-root>\n          <div>\n            <z-myz-card>\n              <z-myz-card-header></z-myz-card-header>\n              <div class=\"content\">\n                <div class=\"front\">\n                  <z-myz-card-body>\n                    <z-myz-card-cover slot=\"cover\"></z-myz-card-cover>\n                  </z-myz-card-body>\n                  <z-button variant=\"secondary\" icon=\"informationsource\" size=\"x-small\">INFO</z-button>\n                </div>\n                <div class=\"back\">\n                  <slot name=\"info\"></slot>\n                </div>\n              </div>\n              <slot></slot>\n            </z-myz-card>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-dictionary>\n    `);\n  });\n\n  it(\"Test render ZMyzCardDictionary - with props\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardDictionary],\n      html: `<z-myz-card-dictionary name=\"title\" cover=\"img-url\" disabled=\"true\"></z-myz-card-dictionary>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-dictionary name=\"title\" cover=\"img-url\" disabled=\"true\">\n        <mock:shadow-root>\n          <div>\n            <z-myz-card>\n              <z-myz-card-header titolo=\"title\"></z-myz-card-header>\n              <div class=\"content\">\n                <div class=\"front\">\n                  <z-myz-card-body>\n                    <z-myz-card-cover titolo=\"title\" img=\"img-url\" slot=\"cover\" faded=\"\"></z-myz-card-cover>\n                  </z-myz-card-body>\n                  <z-button variant=\"secondary\" icon=\"informationsource\" size=\"x-small\">INFO</z-button>\n                </div>\n                <div class=\"back\">\n                  <slot name=\"info\"></slot>\n                </div>\n              </div>\n              <slot></slot>\n            </z-myz-card>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-dictionary>\n    `);\n  });\n\n  it(\"Test render ZMyzCardDictionary - flipped\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardDictionary],\n      html: `<z-myz-card-dictionary name=\"title\" cover=\"img-url\" flipped=\"true\"></z-myz-card-dictionary>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-dictionary name=\"title\" cover=\"img-url\" flipped=\"true\">\n        <mock:shadow-root>\n          <div>\n            <z-myz-card>\n              <z-myz-card-header titolo=\"title\"></z-myz-card-header>\n              <div class=\"content flipped\">\n                <div class=\"front\">\n                  <z-myz-card-body>\n                    <z-myz-card-cover titolo=\"title\" img=\"img-url\" slot=\"cover\"></z-myz-card-cover>\n                  </z-myz-card-body>\n                  <z-button disabled variant=\"secondary\" icon=\"informationsource\" size=\"x-small\">INFO</z-button>\n                </div>\n                <div class=\"back\">\n                  <slot name=\"info\"></slot>\n                </div>\n              </div>\n              <slot></slot>\n            </z-myz-card>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-dictionary>\n    `);\n  });\n\n  it(\"Test render ZMyzCardDictionary - with props info button hidden\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardDictionary],\n      html: `<z-myz-card-dictionary hideinfobtn=\"true\" name=\"title\" cover=\"img-url\" disabled=\"true\"></z-myz-card-dictionary>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-dictionary name=\"title\" cover=\"img-url\" disabled=\"true\" hideinfobtn=\"true\" >\n        <mock:shadow-root>\n          <div>\n            <z-myz-card>\n              <z-myz-card-header titolo=\"title\"></z-myz-card-header>\n              <div class=\"content\">\n                <div class=\"front\">\n                  <z-myz-card-body>\n                    <z-myz-card-cover titolo=\"title\" img=\"img-url\" slot=\"cover\" faded=\"\"></z-myz-card-cover>\n                  </z-myz-card-body>\n                  <z-button class=\"hide-info\" variant=\"secondary\" icon=\"informationsource\" size=\"x-small\">INFO</z-button>\n                </div>\n                <div class=\"back\">\n                  <slot name=\"info\"></slot>\n                </div>\n              </div>\n              <slot></slot>\n            </z-myz-card>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-dictionary>\n    `);\n  });\n});\n"]}
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-dictionary/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAE3C,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,8FAA8F;SACrG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,6FAA6F;SACpG,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,kBAAkB,CAAC;YAChC,IAAI,EAAE,iHAAiH;SACxH,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardDictionary} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardDictionary\", () => {\n  it(\"Test render ZMyzCardDictionary - empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardDictionary],\n      html: `<z-myz-card-dictionary></z-myz-card-dictionary>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-dictionary>\n        <mock:shadow-root>\n          <div>\n            <z-myz-card>\n              <z-myz-card-header></z-myz-card-header>\n              <div class=\"content\">\n                <div class=\"front\">\n                  <z-myz-card-body>\n                    <z-myz-card-cover slot=\"cover\"></z-myz-card-cover>\n                  </z-myz-card-body>\n                  <z-button variant=\"secondary\" icon=\"informationsource\" size=\"x-small\">INFO</z-button>\n                </div>\n                <div class=\"back\">\n                  <slot name=\"info\"></slot>\n                </div>\n              </div>\n              <slot></slot>\n            </z-myz-card>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-dictionary>\n    `);\n  });\n\n  it(\"Test render ZMyzCardDictionary - with props\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardDictionary],\n      html: `<z-myz-card-dictionary name=\"title\" cover=\"img-url\" disabled=\"true\"></z-myz-card-dictionary>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-dictionary name=\"title\" cover=\"img-url\" disabled=\"true\">\n        <mock:shadow-root>\n          <div>\n            <z-myz-card>\n              <z-myz-card-header titolo=\"title\"></z-myz-card-header>\n              <div class=\"content\">\n                <div class=\"front\">\n                  <z-myz-card-body>\n                    <z-myz-card-cover titolo=\"title\" img=\"img-url\" slot=\"cover\" faded=\"\"></z-myz-card-cover>\n                  </z-myz-card-body>\n                  <z-button variant=\"secondary\" icon=\"informationsource\" size=\"x-small\">INFO</z-button>\n                </div>\n                <div class=\"back\">\n                  <slot name=\"info\"></slot>\n                </div>\n              </div>\n              <slot></slot>\n            </z-myz-card>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-dictionary>\n    `);\n  });\n\n  it(\"Test render ZMyzCardDictionary - flipped\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardDictionary],\n      html: `<z-myz-card-dictionary name=\"title\" cover=\"img-url\" flipped=\"true\"></z-myz-card-dictionary>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-dictionary name=\"title\" cover=\"img-url\" flipped=\"true\">\n        <mock:shadow-root>\n          <div>\n            <z-myz-card>\n              <z-myz-card-header titolo=\"title\"></z-myz-card-header>\n              <div class=\"content flipped\">\n                <div class=\"front\">\n                  <z-myz-card-body>\n                    <z-myz-card-cover titolo=\"title\" img=\"img-url\" slot=\"cover\"></z-myz-card-cover>\n                  </z-myz-card-body>\n                  <z-button disabled variant=\"secondary\" icon=\"informationsource\" size=\"x-small\">INFO</z-button>\n                </div>\n                <div class=\"back\">\n                  <slot name=\"info\"></slot>\n                </div>\n              </div>\n              <slot></slot>\n            </z-myz-card>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-dictionary>\n    `);\n  });\n\n  it(\"Test render ZMyzCardDictionary - with props info button hidden\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardDictionary],\n      html: `<z-myz-card-dictionary hideinfobtn=\"true\" name=\"title\" cover=\"img-url\" disabled=\"true\"></z-myz-card-dictionary>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-dictionary name=\"title\" cover=\"img-url\" disabled=\"true\" hideinfobtn=\"true\" >\n        <mock:shadow-root>\n          <div>\n            <z-myz-card>\n              <z-myz-card-header titolo=\"title\"></z-myz-card-header>\n              <div class=\"content\">\n                <div class=\"front\">\n                  <z-myz-card-body>\n                    <z-myz-card-cover titolo=\"title\" img=\"img-url\" slot=\"cover\" faded=\"\"></z-myz-card-cover>\n                  </z-myz-card-body>\n                  <z-button class=\"hide-info\" variant=\"secondary\" icon=\"informationsource\" size=\"x-small\">INFO</z-button>\n                </div>\n                <div class=\"back\">\n                  <slot name=\"info\"></slot>\n                </div>\n              </div>\n              <slot></slot>\n            </z-myz-card>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-dictionary>\n    `);\n  });\n});\n"]}

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

@@ -0,0 +1,128 @@
+import {html} from "lit";
+import "../../../../components/z-button/index";
+import "../z-myz-card-footer-sections/index";
+import "../z-myz-card-info/index";
+import "./index";
+
+export default {
+  title: "Snowflakes/MyzCard/ZMyzCardDictionary",
+  component: "z-myz-card-dictionary",
+
+  args: {
+    cover: "https://staticmy.zanichelli.it/catalogo/assets/m40004.9788808194121.jpg",
+    disabled: false,
+    hideinfobtn: false,
+    flipped: false,
+    flipbuttonlabel: "info",
+  },
+};
+
+export const CardDefault = {
+  render: (args) => html`
+    <z-myz-card-dictionary
+      name="${args.name}"
+      cover="${args.cover}"
+      disabled="${args.disabled}"
+      hideinfobtn="${args.hideinfobtn}"
+      flipped="${args.flipped}"
+      flipbuttonlabel="${args.flipbuttonlabel}"
+    >
+      <z-myz-card-footer-sections>
+        <div slot="top">Vocabolario della lingua italiana</div>
+        <div slot="bottom">
+          <z-button
+            variant="primary"
+            style="width:100%;"
+            >VAI AL PRODOTTO</z-button
+          >
+        </div>
+      </z-myz-card-footer-sections>
+      <z-myz-card-info
+        slot="info"
+        data='{"author":"Nicola Zingarelli","year":"2021","title":"Vocabolario della lingua italiana","description":"A cura di Mario Cannella, Beata Lazzarini","onlineLicense":{"expiration":"31/12/2021","installations":"1"},"offlineLicense":{"expiration":"30/06/2021","installations":"2"}}'
+      >
+        <z-button
+          variant="tertiary"
+          icon="gear"
+          >Gestisci Licenze</z-button
+        >
+      </z-myz-card-info>
+    </z-myz-card-dictionary>
+  `,
+};
+
+export const CardFlipped = {
+  render: (args) => html`
+    <z-myz-card-dictionary
+      name="${args.name}"
+      cover="${args.cover}"
+      disabled="${args.disabled}"
+      hideinfobtn="${args.hideinfobtn}"
+      flipped="${args.flipped}"
+      flipbuttonlabel="${args.flipbuttonlabel}"
+    >
+      <z-myz-card-footer-sections>
+        <div slot="top">Vocabolario della lingua italiana</div>
+        <div slot="bottom">
+          <z-button
+            variant="primary"
+            style="width:100%;"
+            >VAI AL PRODOTTO</z-button
+          >
+        </div>
+      </z-myz-card-footer-sections>
+      <z-myz-card-info
+        slot="info"
+        data='{"author":"Nicola Zingarelli","year":"2021","title":"Vocabolario della lingua italiana","description":"A cura di Mario Cannella, Beata Lazzarini","onlineLicense":{"expiration":"31/12/2021","installations":"1"},"offlineLicense":{"expiration":"30/06/2021","installations":"2"}}'
+      >
+        <z-button
+          variant="tertiary"
+          icon="gear"
+          >Gestisci Licenze</z-button
+        >
+      </z-myz-card-info>
+    </z-myz-card-dictionary>
+  `,
+
+  args: {
+    flipped: true,
+  },
+};
+
+export const CardNoInfoButton = {
+  render: (args) => html`
+    <z-myz-card-dictionary
+      name="${args.name}"
+      cover="${args.cover}"
+      disabled="${args.disabled}"
+      hideinfobtn="${args.hideinfobtn}"
+      flipped="${args.flipped}"
+      flipbuttonlabel="${args.flipbuttonlabel}"
+    >
+      <z-myz-card-footer-sections>
+        <div slot="top">Vocabolario della lingua italiana</div>
+        <div slot="bottom">
+          <z-button
+            variant="primary"
+            style="width:100%;"
+            >VAI AL PRODOTTO</z-button
+          >
+        </div>
+      </z-myz-card-footer-sections>
+      <z-myz-card-info
+        slot="info"
+        data='{"author":"Nicola Zingarelli","year":"2021","title":"Vocabolario della lingua italiana","description":"A cura di Mario Cannella, Beata Lazzarini","onlineLicense":{"expiration":"31/12/2021","installations":"1"},"offlineLicense":{"expiration":"30/06/2021","installations":"2"}}'
+      >
+        <z-button
+          variant="tertiary"
+          icon="gear"
+          >Gestisci Licenze</z-button
+        >
+      </z-myz-card-info>
+    </z-myz-card-dictionary>
+  `,
+
+  args: {
+    hideinfobtn: true,
+  },
+};

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

@@ -13,7 +13,9 @@
   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;
+  transition:
+    transform 0.5s ease-out,
+    -webkit-transform 0.5s ease-out;
 }
 
 :host > div .content {
@@ -24,7 +26,9 @@
   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;
+  transition:
+    transform 0.5s ease-out,
+    -webkit-transform 0.5s ease-out;
 }
 
 :host > div .content.flipped {

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

@@ -59,7 +59,7 @@ export class ZMyzCardFooter {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: '2355ce5bf7f86132e0ea79faaa7fb2ce7929e253', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '3ccb3f1f774258d7a25c67848142cc9424925ed0', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '072816a3c2bc1cdd1ac691a8f8f1452b4c38f47d', class: "toggle" }, h("slot", { key: '2303be81faa22efd971ddd23664c65f6ad978113', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '705cc32194d0f9a299785561c90fd87bd17f6506', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '631266505175cbc65aa8933350aa3d4aa05aa3d2' }, h("p", { key: '1c41fcd3eca98e064a3840d66674381d483ed992', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '3c85536ddd4b9ec90afb6526d4511a20d450f16d', title: this.getTitleAuthors() }, h("span", { key: '90228e4567255c5dec27cfabb025200e21bab63c', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'c1c94511536c15f8faa87b4f4e25c378fdd360f2', class: "year-isbn" }, h("span", { key: '39796f2025296859dd920d653a2ee94739d62fc9', class: "isbn" }, h("span", { key: 'a4c6930d1e4ada79bf9ef68501cae51003587082' }, h("span", { key: 'aeeadffeac35d8abd57d35fc7e7a80657baf53b2', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'b34741423e777b90d389f690508e02096aec0670', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '58b736facd35b9618ba7e24787278578fc3270bf', name: "list" })))), this.customContent && h("slot", { name: "content" })));
+        return (h("div", { key: 'e5711063557dce84367650a81a3313e4d4755ca7', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '81fe8ba76037d6aabf6a34123ef7e16b9fdcf6bf', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'fe8a8eb5e9668ef98052aa77ea006e36e1da4362', class: "toggle" }, h("slot", { key: '1b31d051074a5c49783adced5ab8a08ffce34c2c', name: "toggle" })), this.titolo && h("p", { key: 'fd5184ba3211dcaec0fbbada7e66c2424e8683a1', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'eb56f5377d285fa66090865f3750267827a55b30', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '73df88cb7871a4aeb47414cdfb2c248f4cae0454' }, h("p", { key: 'bcee7b1836e87540bb9ea7a0dae9b20717acb84b', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '1a2741b228850ea9b438e2d0d3bbe161f1c58223', title: this.getTitleAuthors() }, h("span", { key: '78e8afea170e944a119670a1f3ff35d9b1e68cca', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '46339663289bca4d4c0d18f5a8a1e5c7f967a2c7', class: "year-isbn" }, h("span", { key: '885b4e716717a5e7faf0b2cdd0eb0a120c6b02a5', class: "isbn" }, h("span", { key: '8eb8fe819c2208bcd85a4ff75bcea45d126bbcfd' }, h("span", { key: 'adce63e9a8982d61692c899da383374914db342d', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'b36ed0288ce7e14a3c8770cd097f712440d10c5b', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'f7eca7603fd10d49a68f7c41505d50ee185e206f', name: "list" })))), this.customContent && h("slot", { key: '4f80af2d5fe5bba71f5d1704f4816aa395effe88', name: "content" })));
     }
     static get is() { return "z-myz-card-footer"; }
     static get encapsulation() { return "shadow"; }