@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

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

@@ -1,33 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMyzCardCover } from "./index";
-describe("Suite test ZMyzCardCover", () => {
-    it("Test render ZMyzCardCover vuota", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardCover],
-            html: `<z-myz-card-cover></z-myz-card-cover>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-myz-card-cover>
-      <mock:shadow-root>
-        <img></img>
-      </mock:shadow-root>
-    </z-myz-card-cover>
-    `);
-    });
-    it("Test render ZMyzCardCover con alt e img", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardCover],
-            html: `
-      <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"/>
-      `,
-        });
-        expect(page.root).toEqualHtml(`
-    <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">
-        <mock:shadow-root>
-          <img alt="Il nuovo invito alla biologia blu" src="http://media.curtisinvitoblu.bedita.net/a1/40/curti_a140cb3359b7611d84f80e384d2fb49b/curtis_plus-1A_320x_71bc3567ace1ff728caef1b381d7535b.png">
-        </mock:shadow-root>
-    </z-myz-card-cover>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"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-dictionary/index.js.map

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

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

@@ -1,121 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMyzCardDictionary } from "./index";
-describe("Suite test ZMyzCardDictionary", () => {
-    it("Test render ZMyzCardDictionary - empty", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardDictionary],
-            html: `<z-myz-card-dictionary></z-myz-card-dictionary>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-dictionary>
-        <mock:shadow-root>
-          <div>
-            <z-myz-card>
-              <z-myz-card-header></z-myz-card-header>
-              <div class="content">
-                <div class="front">
-                  <z-myz-card-body>
-                    <z-myz-card-cover slot="cover"></z-myz-card-cover>
-                  </z-myz-card-body>
-                  <z-button variant="secondary" icon="informationsource" size="x-small">INFO</z-button>
-                </div>
-                <div class="back">
-                  <slot name="info"></slot>
-                </div>
-              </div>
-              <slot></slot>
-            </z-myz-card>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-dictionary>
-    `);
-    });
-    it("Test render ZMyzCardDictionary - with props", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardDictionary],
-            html: `<z-myz-card-dictionary name="title" cover="img-url" disabled="true"></z-myz-card-dictionary>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-dictionary name="title" cover="img-url" disabled="true">
-        <mock:shadow-root>
-          <div>
-            <z-myz-card>
-              <z-myz-card-header titolo="title"></z-myz-card-header>
-              <div class="content">
-                <div class="front">
-                  <z-myz-card-body>
-                    <z-myz-card-cover titolo="title" img="img-url" slot="cover" faded=""></z-myz-card-cover>
-                  </z-myz-card-body>
-                  <z-button variant="secondary" icon="informationsource" size="x-small">INFO</z-button>
-                </div>
-                <div class="back">
-                  <slot name="info"></slot>
-                </div>
-              </div>
-              <slot></slot>
-            </z-myz-card>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-dictionary>
-    `);
-    });
-    it("Test render ZMyzCardDictionary - flipped", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardDictionary],
-            html: `<z-myz-card-dictionary name="title" cover="img-url" flipped="true"></z-myz-card-dictionary>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-dictionary name="title" cover="img-url" flipped="true">
-        <mock:shadow-root>
-          <div>
-            <z-myz-card>
-              <z-myz-card-header titolo="title"></z-myz-card-header>
-              <div class="content flipped">
-                <div class="front">
-                  <z-myz-card-body>
-                    <z-myz-card-cover titolo="title" img="img-url" slot="cover"></z-myz-card-cover>
-                  </z-myz-card-body>
-                  <z-button disabled variant="secondary" icon="informationsource" size="x-small">INFO</z-button>
-                </div>
-                <div class="back">
-                  <slot name="info"></slot>
-                </div>
-              </div>
-              <slot></slot>
-            </z-myz-card>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-dictionary>
-    `);
-    });
-    it("Test render ZMyzCardDictionary - with props info button hidden", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardDictionary],
-            html: `<z-myz-card-dictionary hideinfobtn="true" name="title" cover="img-url" disabled="true"></z-myz-card-dictionary>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-dictionary name="title" cover="img-url" disabled="true" hideinfobtn="true" >
-        <mock:shadow-root>
-          <div>
-            <z-myz-card>
-              <z-myz-card-header titolo="title"></z-myz-card-header>
-              <div class="content">
-                <div class="front">
-                  <z-myz-card-body>
-                    <z-myz-card-cover titolo="title" img="img-url" slot="cover" faded=""></z-myz-card-cover>
-                  </z-myz-card-body>
-                  <z-button class="hide-info" variant="secondary" icon="informationsource" size="x-small">INFO</z-button>
-                </div>
-                <div class="back">
-                  <slot name="info"></slot>
-                </div>
-              </div>
-              <slot></slot>
-            </z-myz-card>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-dictionary>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"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-footer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Element, Component, Prop, h, State, Listen} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\n@Component({\n  tag: \"z-myz-card-footer\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooter {\n  @Element() host: HTMLZMyzCardFooterElement;\n\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** authors name text */\n  @Prop()\n  autori: string;\n\n  /** volume isbn */\n  @Prop()\n  isbn: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** footer opened by default (optional) */\n  @Prop()\n  opened?: boolean = false;\n\n  /** display footer custom slotted content */\n  @Prop()\n  customContent = false;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  allowTooltipAuthors = false;\n\n  private ellipsisAuthors?: HTMLElement;\n\n  @Listen(\"toggleClick\")\n  handleToggle(): void {\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      const firstElem = this.getFirstListItem();\n      if (firstElem) {\n        requestAnimationFrame(() => {\n          firstElem.focus();\n        });\n      }\n    }\n  }\n\n  private getTitleAuthors(): string {\n    return this.allowTooltipAuthors ? this.autori : \"\";\n  }\n\n  componentWillLoad(): void {\n    if (this.opened) {\n      this.isOpen = true;\n    }\n  }\n\n  private elementsEllipsis(): void {\n    this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n  }\n\n  private elementAuthorsHasEllipsis(): boolean {\n    return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      \"isopen\": this.isOpen,\n      \"real\": this.cardtype === LicenseType.REAL,\n      \"trial\": this.cardtype === LicenseType.TRIAL,\n      \"temp\": this.cardtype === LicenseType.TEMP,\n      \"custom-content\": this.customContent,\n    };\n  }\n\n  private footerTransitionHandler(e: TransitionEvent): void {\n    if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n      this.elementsEllipsis();\n    }\n  }\n\n  private getFirstListItem(): HTMLElement {\n    return this.host.querySelector(\"[slot=list] > li a\");\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n        <footer\n          class={this.retrieveClass()}\n          onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n        >\n          <span class=\"toggle\">\n            <slot name=\"toggle\" />\n          </span>\n          {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n          <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n            <div>\n              <p\n                class=\"authors\"\n                ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n              >\n                <span title={this.getTitleAuthors()}>\n                  <span\n                    aria-description=\"Autori\"\n                    class=\"bold\"\n                  >\n                    {this.autori}\n                  </span>\n                </span>\n              </p>\n              <p class=\"year-isbn\">\n                <span class=\"isbn\">\n                  <span>\n                    <span\n                      aria-description=\"ISBN edizione cartacea\"\n                      class=\"bold\"\n                    >\n                      {this.isbn}\n                    </span>{\" \"}\n                    (ed. cartacea)\n                  </span>\n                </span>\n              </p>\n            </div>\n            <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n              <slot name=\"list\" />\n            </div>\n          </div>\n        </footer>\n        {this.customContent && <slot name=\"content\" />}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,199 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMyzCardFooter } from "./index";
-describe("Suite test ZMyzCardFooter", () => {
-    it("Test render ZMyzCardFooter con props", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardFooter],
-            html: `<z-myz-card-footer titolo="titolo" autori="Mario Rossi, Paolo Bianchi" anno="2019" isbn="123456"></z-myz-card-footer>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-footer anno="2019" autori="Mario Rossi, Paolo Bianchi" isbn="123456" titolo="titolo">
-        <mock:shadow-root>
-          <div class="wrapper">
-            <footer>
-              <span class="toggle">
-                <slot name="toggle"></slot>
-              </span>
-              <p>
-                titolo
-              </p>
-              <div class="content">
-                <div>
-                  <p class="authors">
-                    <span><span aria-description="Autori" class="bold">
-                      Mario Rossi, Paolo Bianchi
-                    </span></span>
-                  </p>
-                  <p class="year-isbn">
-                    <span class="isbn">
-                      <span><span aria-description="ISBN edizione cartacea" class="bold">
-                        123456
-                      </span> (ed. cartacea)</span>
-                    </span>
-                  </p>
-                </div>
-                <div class="hidden slot-handler">
-                  <slot name="list"></slot>
-                </div>
-              </div>
-            </footer>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-footer>
-    `);
-    });
-    it("Test render ZMyzCardFooter senza bottone", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardFooter],
-            html: `<z-myz-card-footer titolo="titolo" autori="Mario Rossi, Paolo Bianchi" anno="2019"></z-myz-card-footer>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-footer anno="2019" autori="Mario Rossi, Paolo Bianchi" titolo="titolo">
-        <mock:shadow-root>
-          <div class="wrapper">
-            <footer>
-              <span class="toggle">
-                <slot name="toggle"></slot>
-              </span>
-              <p>
-                titolo
-              </p>
-              <div class="content">
-                <div>
-                  <p class="authors">
-                    <span><span aria-description="Autori" class="bold">
-                      Mario Rossi, Paolo Bianchi
-                    </span></span>
-                  </p>
-                  <p class="year-isbn">
-                    <span class="isbn">
-                      <span><span aria-description="ISBN edizione cartacea" class="bold"></span> (ed. cartacea)</span>
-                    </span>
-                  </p>
-                </div>
-                <div class="hidden slot-handler">
-                  <slot name="list"></slot>
-                </div>
-              </div>
-            </footer>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-footer>
-    `);
-    });
-    it("Test render ZMyzCardFooter senza dati", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardFooter],
-            html: `<z-myz-card-footer></z-myz-card-footer>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-footer>
-        <mock:shadow-root>
-          <div class="wrapper">
-            <footer>
-              <span class="toggle">
-                <slot name="toggle"></slot>
-              </span>
-              <div class="content">
-                <div>
-                  <p class="authors">
-                    <span><span aria-description="Autori" class="bold"></span></span>
-                  </p>
-                  <p class="year-isbn">
-                    <span class="isbn">
-                      <span><span aria-description="ISBN edizione cartacea" class="bold"></span> (ed. cartacea)</span>
-                    </span>
-                  </p>
-                </div>
-                <div class="hidden slot-handler">
-                  <slot name="list"></slot>
-                </div>
-              </div>
-            </footer>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-footer>
-    `);
-    });
-    it("Test render ZMyzCardFooter aperto", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardFooter],
-            html: `<z-myz-card-footer titolo="titolo" autori="Mario Rossi, Paolo Bianchi" anno="2019"></z-myz-card-footer>`,
-        });
-        page.rootInstance.isOpen = true;
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-footer anno="2019" autori="Mario Rossi, Paolo Bianchi" titolo="titolo">
-        <mock:shadow-root>
-          <div class="isopen wrapper">
-            <footer class="isopen">
-              <span class="toggle">
-                <slot name="toggle"></slot>
-              </span>
-              <p>
-                titolo
-              </p>
-              <div class="content">
-                <div>
-                  <p class="authors">
-                    <span><span aria-description="Autori" class="bold">
-                      Mario Rossi, Paolo Bianchi
-                    </span></span>
-                  </p>
-                  <p class="year-isbn">
-                    <span class="isbn">
-                      <span><span aria-description="ISBN edizione cartacea" class="bold"></span> (ed. cartacea)</span>
-                    </span>
-                  </p>
-                </div>
-                <div class="slot-handler visible">
-                  <slot name="list"></slot>
-                </div>
-              </div>
-            </footer>
-          </div>
-        </mock:shadow-root>
-      </z-card-footer>
-    `);
-    });
-    it("Test render ZMyzCardFooter aperto tramite prop", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardFooter],
-            html: `<z-myz-card-footer titolo="titolo" autori="Mario Rossi, Paolo Bianchi" anno="2019" opened=true></z-myz-card-footer>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-footer anno="2019" autori="Mario Rossi, Paolo Bianchi" titolo="titolo" opened=true>
-        <mock:shadow-root>
-          <div class="isopen wrapper">
-            <footer class="isopen">
-              <span class="toggle">
-                <slot name="toggle"></slot>
-              </span>
-              <p>
-                titolo
-              </p>
-              <div class="content">
-                <div>
-                  <p class="authors">
-                    <span><span aria-description="Autori" class="bold">
-                      Mario Rossi, Paolo Bianchi
-                    </span></span>
-                  </p>
-                  <p class="year-isbn">
-                    <span class="isbn">
-                      <span><span aria-description="ISBN edizione cartacea" class="bold"></span> (ed. cartacea)</span>
-                    </span>
-                  </p>
-                </div>
-                <div class="slot-handler visible">
-                  <slot name="list"></slot>
-                </div>
-              </div>
-            </footer>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-footer>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-footer/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,uHAAuH;SAC9H,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkC7B,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,cAAc,CAAC;YAC5B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,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,cAAc,CAAC;YAC5B,IAAI,EAAE,yCAAyC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC;QAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,qHAAqH;SAC5H,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardFooter} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardFooter\", () => {\n  it(\"Test render ZMyzCardFooter con props\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardFooter],\n      html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\" isbn=\"123456\"></z-myz-card-footer>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" isbn=\"123456\" titolo=\"titolo\">\n        <mock:shadow-root>\n          <div class=\"wrapper\">\n            <footer>\n              <span class=\"toggle\">\n                <slot name=\"toggle\"></slot>\n              </span>\n              <p>\n                titolo\n              </p>\n              <div class=\"content\">\n                <div>\n                  <p class=\"authors\">\n                    <span><span aria-description=\"Autori\" class=\"bold\">\n                      Mario Rossi, Paolo Bianchi\n                    </span></span>\n                  </p>\n                  <p class=\"year-isbn\">\n                    <span class=\"isbn\">\n                      <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\">\n                        123456\n                      </span> (ed. cartacea)</span>\n                    </span>\n                  </p>\n                </div>\n                <div class=\"hidden slot-handler\">\n                  <slot name=\"list\"></slot>\n                </div>\n              </div>\n            </footer>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-footer>\n    `);\n  });\n\n  it(\"Test render ZMyzCardFooter senza bottone\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardFooter],\n      html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\"></z-myz-card-footer>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\">\n        <mock:shadow-root>\n          <div class=\"wrapper\">\n            <footer>\n              <span class=\"toggle\">\n                <slot name=\"toggle\"></slot>\n              </span>\n              <p>\n                titolo\n              </p>\n              <div class=\"content\">\n                <div>\n                  <p class=\"authors\">\n                    <span><span aria-description=\"Autori\" class=\"bold\">\n                      Mario Rossi, Paolo Bianchi\n                    </span></span>\n                  </p>\n                  <p class=\"year-isbn\">\n                    <span class=\"isbn\">\n                      <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n                    </span>\n                  </p>\n                </div>\n                <div class=\"hidden slot-handler\">\n                  <slot name=\"list\"></slot>\n                </div>\n              </div>\n            </footer>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-footer>\n    `);\n  });\n\n  it(\"Test render ZMyzCardFooter senza dati\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardFooter],\n      html: `<z-myz-card-footer></z-myz-card-footer>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-footer>\n        <mock:shadow-root>\n          <div class=\"wrapper\">\n            <footer>\n              <span class=\"toggle\">\n                <slot name=\"toggle\"></slot>\n              </span>\n              <div class=\"content\">\n                <div>\n                  <p class=\"authors\">\n                    <span><span aria-description=\"Autori\" class=\"bold\"></span></span>\n                  </p>\n                  <p class=\"year-isbn\">\n                    <span class=\"isbn\">\n                      <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n                    </span>\n                  </p>\n                </div>\n                <div class=\"hidden slot-handler\">\n                  <slot name=\"list\"></slot>\n                </div>\n              </div>\n            </footer>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-footer>\n    `);\n  });\n\n  it(\"Test render ZMyzCardFooter aperto\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardFooter],\n      html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\"></z-myz-card-footer>`,\n    });\n    page.rootInstance.isOpen = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\">\n        <mock:shadow-root>\n          <div class=\"isopen wrapper\">\n            <footer class=\"isopen\">\n              <span class=\"toggle\">\n                <slot name=\"toggle\"></slot>\n              </span>\n              <p>\n                titolo\n              </p>\n              <div class=\"content\">\n                <div>\n                  <p class=\"authors\">\n                    <span><span aria-description=\"Autori\" class=\"bold\">\n                      Mario Rossi, Paolo Bianchi\n                    </span></span>\n                  </p>\n                  <p class=\"year-isbn\">\n                    <span class=\"isbn\">\n                      <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n                    </span>\n                  </p>\n                </div>\n                <div class=\"slot-handler visible\">\n                  <slot name=\"list\"></slot>\n                </div>\n              </div>\n            </footer>\n          </div>\n        </mock:shadow-root>\n      </z-card-footer>\n    `);\n  });\n\n  it(\"Test render ZMyzCardFooter aperto tramite prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardFooter],\n      html: `<z-myz-card-footer titolo=\"titolo\" autori=\"Mario Rossi, Paolo Bianchi\" anno=\"2019\" opened=true></z-myz-card-footer>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-footer anno=\"2019\" autori=\"Mario Rossi, Paolo Bianchi\" titolo=\"titolo\" opened=true>\n        <mock:shadow-root>\n          <div class=\"isopen wrapper\">\n            <footer class=\"isopen\">\n              <span class=\"toggle\">\n                <slot name=\"toggle\"></slot>\n              </span>\n              <p>\n                titolo\n              </p>\n              <div class=\"content\">\n                <div>\n                  <p class=\"authors\">\n                    <span><span aria-description=\"Autori\" class=\"bold\">\n                      Mario Rossi, Paolo Bianchi\n                    </span></span>\n                  </p>\n                  <p class=\"year-isbn\">\n                    <span class=\"isbn\">\n                      <span><span aria-description=\"ISBN edizione cartacea\" class=\"bold\"></span> (ed. cartacea)</span>\n                    </span>\n                  </p>\n                </div>\n                <div class=\"slot-handler visible\">\n                  <slot name=\"list\"></slot>\n                </div>\n              </div>\n            </footer>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-footer>\n    `);\n  });\n});\n"]}

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

@@ -1,15 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("Test ZMyzCardFooter should receive toggle event", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`
-    <z-myz-card-footer>
-      <z-toggle-button slot="toggle"></z-toggle-button>
-    </z-myz-card-footer>
-  `);
-    const toggleSpy = await page.spyOnEvent("toggleClick");
-    const button = await page.find("z-toggle-button");
-    button.click();
-    await page.waitForChanges();
-    expect(toggleSpy).toHaveReceivedEventTimes(1);
-});
-//# sourceMappingURL=test.e2e.js.map

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-footer/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;IAC/D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;GAIrB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAElD,MAAM,CAAC,KAAK,EAAE,CAAC;IACf,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,SAAS,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nit(\"Test ZMyzCardFooter should receive toggle event\", async () => {\n  const page = await newE2EPage();\n\n  await page.setContent(`\n    <z-myz-card-footer>\n      <z-toggle-button slot=\"toggle\"></z-toggle-button>\n    </z-myz-card-footer>\n  `);\n\n  const toggleSpy = await page.spyOnEvent(\"toggleClick\");\n  const button = await page.find(\"z-toggle-button\");\n\n  button.click();\n  await page.waitForChanges();\n  expect(toggleSpy).toHaveReceivedEventTimes(1);\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-footer-sections/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAMH,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL;YACE;gBACE,4DAAK,KAAK,EAAC,KAAK;oBACd,6DAAM,IAAI,EAAC,KAAK,GAAG,CACf;gBACN,4DAAK,KAAK,EAAC,QAAQ;oBACjB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACC,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot top - footer top content\n * @slot bottom - footer bottom content\n */\n@Component({\n  tag: \"z-myz-card-footer-sections\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooterSections {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <footer>\n          <div class=\"top\">\n            <slot name=\"top\" />\n          </div>\n          <div class=\"bottom\">\n            <slot name=\"bottom\" />\n          </div>\n        </footer>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,54 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMyzCardFooterSections } from "./index";
-describe("Suite test ZMyzCardFooterSections", () => {
-    it("Test render ZMyzCardFooterSections - empty", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardFooterSections],
-            html: `<z-myz-card-footer-sections></z-myz-card-footer-sections>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-footer-sections>
-        <mock:shadow-root>
-          <div>
-            <footer>
-              <div class="top">
-                <slot name="top"></slot>
-              </div>
-              <div class="bottom">
-                <slot name="bottom"></slot>
-              </div>
-            </footer>
-          </div>
-        </mock:shadow-root>
-      </z-myz-card-footer-sections>
-    `);
-    });
-    it("Test render ZMyzCardFooterSections - with slots", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardFooterSections],
-            html: `<z-myz-card-footer-sections>
-        <p slot="top">top footer content</p>
-        <p slot="bottom">bottom footer content</p>
-      </z-myz-card-footer-sections>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-myz-card-footer-sections>
-        <mock:shadow-root>
-          <div>
-            <footer>
-              <div class="top">
-                <slot name="top"></slot>
-              </div>
-              <div class="bottom">
-                <slot name="bottom"></slot>
-              </div>
-            </footer>
-          </div>
-        </mock:shadow-root>
-        <p slot="top">top footer content</p>
-        <p slot="bottom">bottom footer content</p>
-      </z-myz-card-footer-sections>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-footer-sections/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE/C,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;IACjD,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE,2DAA2D;SAClE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;KAe7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,sBAAsB,CAAC;YACpC,IAAI,EAAE;;;oCAGwB;SAC/B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardFooterSections} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardFooterSections\", () => {\n  it(\"Test render ZMyzCardFooterSections - empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardFooterSections],\n      html: `<z-myz-card-footer-sections></z-myz-card-footer-sections>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-footer-sections>\n        <mock:shadow-root>\n          <div>\n            <footer>\n              <div class=\"top\">\n                <slot name=\"top\"></slot>\n              </div>\n              <div class=\"bottom\">\n                <slot name=\"bottom\"></slot>\n              </div>\n            </footer>\n          </div>\n        </mock:shadow-root>\n      </z-myz-card-footer-sections>\n    `);\n  });\n\n  it(\"Test render ZMyzCardFooterSections - with slots\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardFooterSections],\n      html: `<z-myz-card-footer-sections>\n        <p slot=\"top\">top footer content</p>\n        <p slot=\"bottom\">bottom footer content</p>\n      </z-myz-card-footer-sections>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-myz-card-footer-sections>\n        <mock:shadow-root>\n          <div>\n            <footer>\n              <div class=\"top\">\n                <slot name=\"top\"></slot>\n              </div>\n              <div class=\"bottom\">\n                <slot name=\"bottom\"></slot>\n              </div>\n            </footer>\n          </div>\n        </mock:shadow-root>\n        <p slot=\"top\">top footer content</p>\n        <p slot=\"bottom\">bottom footer content</p>\n      </z-myz-card-footer-sections>\n    `);\n  });\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AAMH,MAAM,OAAO,cAAc;;;;;4BAcV,KAAK;;IAIZ,QAAQ;QACd,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC/D,CAAC;IAEO,aAAa;QACnB,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK;YAC1C,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DAAQ,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;YACjC,6DAAM,IAAI,EAAC,cAAc,GAAG;YAC5B,6DACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAiB,CAAC,EAChD,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAErB,IAAI,CAAC,MAAM,CACP;YACP,6DAAM,IAAI,EAAC,MAAM,GAAG,CACb,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot icon - card header icon slot\n */\n@Component({\n  tag: \"z-myz-card-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardHeader {\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  @State()\n  allowTooltip = false;\n\n  private ellipsis?: HTMLElement;\n\n  private getTitle(): string {\n    return this.allowTooltip ? this.titolo : \"\";\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis()) {\n      this.allowTooltip = true;\n    }\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      real: this.cardtype === LicenseType.REAL,\n      trial: this.cardtype === LicenseType.TRIAL,\n      temp: this.cardtype === LicenseType.TEMP,\n      faded: this.faded,\n    };\n  }\n\n  render(): HTMLElement {\n    return (\n      <header class={this.retrieveClass()}>\n        <slot name=\"aria-heading\" />\n        <span\n          class=\"card-title\"\n          ref={(el) => (this.ellipsis = el as HTMLElement)}\n          title={this.getTitle()}\n        >\n          {this.titolo}\n        </span>\n        <slot name=\"icon\" />\n      </header>\n    );\n  }\n}\n"]}

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

@@ -1,22 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMyzCardHeader } from "./index";
-describe("Suite test ZMyzCardHeader", () => {
-    it("Test render ZMyzCardHeader con titolo", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardHeader],
-            html: `<z-myz-card-header titolo="titolo"></z-myz-card-header>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-myz-card-header titolo="titolo">
-      <mock:shadow-root>
-        <header>
-          <slot name="aria-heading"></slot>
-          <span class="card-title">titolo</span>
-          <slot name="icon" />
-        </header>
-      </mock:shadow-root>
-    </z-myz-card-header>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-header/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzCardHeader} from \"./index\";\n\ndescribe(\"Suite test ZMyzCardHeader\", () => {\n  it(\"Test render ZMyzCardHeader con titolo\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzCardHeader],\n      html: `<z-myz-card-header titolo=\"titolo\"></z-myz-card-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-myz-card-header titolo=\"titolo\">\n      <mock:shadow-root>\n        <header>\n          <slot name=\"aria-heading\"></slot>\n          <span class=\"card-title\">titolo</span>\n          <slot name=\"icon\" />\n        </header>\n      </mock:shadow-root>\n    </z-myz-card-header>\n    `);\n  });\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,YAAY;;;0BAOV,KAAK;yBAIN,EAAE;;IAEd,MAAM;QACJ,OAAO,CACL,+DACE,QAAQ,EAAE,IAAI,CAAC,UAAU,gBACb,IAAI,CAAC,SAAS;YAE1B;gBACE,+DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACG,CACA,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-myz-card-icon\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardIcon {\n  /** icon name */\n  @Prop()\n  icon: string;\n\n  /** disabled status flag */\n  @Prop()\n  isdisabled = false;\n\n  /** description of the icon*/\n  @Prop()\n  ariaLabel = \"\";\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        disabled={this.isdisabled}\n        aria-label={this.ariaLabel}\n      >\n        <span>\n          <z-icon\n            name={this.icon}\n            width={16}\n            height={16}\n          />\n        </span>\n      </button>\n    );\n  }\n}\n"]}

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

@@ -1,56 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMyzCardIcon } from "./index";
-describe("Suite test ZMyzCardIcon", () => {
-    it("Test render ZMyzCardIcon vuoto", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardIcon],
-            html: `<z-myz-card-icon icon="icon"></z-myz-card-icon>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-myz-card-icon icon="icon">
-      <mock:shadow-root>
-        <button aria-label="">
-          <span>
-            <z-icon height="16" name="icon" width="16"></z-icon>
-          </span>
-        </button>
-      </mock:shadow-root>
-    </z-myz-card-icon>
-    `);
-    });
-    it("Test render ZMyzCardIcon with aria-label", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardIcon],
-            html: `<z-myz-card-icon icon="icon" aria-label="test label"></z-myz-card-icon>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-myz-card-icon icon="icon" aria-label="test label">
-      <mock:shadow-root>
-        <button aria-label="test label">
-          <span>
-            <z-icon height="16" name="icon" width="16"></z-icon>
-          </span>
-        </button>
-      </mock:shadow-root>
-    </z-myz-card-icon>
-    `);
-    });
-    it("Test render ZMyzCardIcon disabled", async () => {
-        const page = await newSpecPage({
-            components: [ZMyzCardIcon],
-            html: `<z-myz-card-icon icon="icon" isdisabled></z-myz-card-icon>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-myz-card-icon icon="icon" isdisabled>
-      <mock:shadow-root>
-        <button aria-label="" disabled>
-          <span>
-            <z-icon height="16" name="icon" width="16"></z-icon>
-          </span>
-        </button>
-      </mock:shadow-root>
-    </z-myz-card-icon>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map