@zanichelli/albe-web-components 16.3.0 → 16.3.1

package/dist/collection/components/z-card/index.spec.js

@@ -1,179 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZCard } from "./index";
-describe("Suite test ZCard", () => {
-    it("Test render ZCard with cover", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card>
-        <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg" />
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-        <z-icon name="share" slot="action"></z-icon>
-        <z-icon name="delete" slot="action"></z-icon>
-      </z-card>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-card>
-        <mock:shadow-root>
-          <div class="cover-container">
-            <slot name="cover"></slot>
-          </div>
-          <div class="content">
-            <slot name="metadata"></slot>
-            <slot name="title"></slot>
-            <slot name="text"></slot>
-            <div class="actions">
-              <slot name="action"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg" />
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-        <z-icon name="share" slot="action"></z-icon>
-        <z-icon name="delete" slot="action"></z-icon>
-      </z-card>
-    `);
-    });
-    it("Test render ZCard with cover and icon", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card cover-icon="play-filled">
-        <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg" />
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-        <z-icon name="share" slot="action"></z-icon>
-        <z-icon name="delete" slot="action"></z-icon>
-      </z-card>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-card cover-icon="play-filled">
-        <mock:shadow-root>
-          <div class="cover-container">
-            <slot name="cover"></slot>
-            <z-icon name="play-filled"></z-icon>
-          </div>
-          <div class="content">
-            <slot name="metadata"></slot>
-            <slot name="title"></slot>
-            <slot name="text"></slot>
-            <div class="actions">
-              <slot name="action"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg" />
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-        <z-icon name="share" slot="action"></z-icon>
-        <z-icon name="delete" slot="action"></z-icon>
-      </z-card>
-    `);
-    });
-    it("Test render ZCard with color cover", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-      </z-card>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-card>
-        <mock:shadow-root>
-          <div class="cover-container">
-            <div class="color-cover">
-              <div class="cover-content">
-                <slot name="metadata"></slot>
-                <slot name="title"></slot>
-              </div>
-            </div>
-          </div>
-          <div class="content">
-            <slot name="text"></slot>
-            <div class="actions">
-              <slot name="action"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Description</p>
-      </z-card>
-    `);
-    });
-    it("Test render ZCard text variant", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `
-        <z-card clickable variant="text" showshadow style="border: 1px solid black;">
-          <h2 class="body-5" slot="metadata">metadata</h2>
-          <h3 slot="title">Card title</h3>
-          <p class="body-3" slot="text">Some description for the content of the card.</p>
-          <z-icon name="share" slot="action" fill="color-primary01"></z-icon>
-          <z-icon name="delete" slot="action" fill="color-primary01"></z-icon>
-        </z-card>
-      `,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-card clickable variant="text" showshadow style="border: 1px solid black;">
-        <mock:shadow-root>
-          <div class="content">
-            <slot name="metadata"></slot>
-            <slot name="title"></slot>
-            <slot name="text"></slot>
-            <div class="actions">
-              <slot name="action"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <h3 slot="title">Card title</h3>
-        <p class="body-3" slot="text">Some description for the content of the card.</p>
-        <z-icon name="share" slot="action" fill="color-primary01"></z-icon>
-        <z-icon name="delete" slot="action" fill="color-primary01"></z-icon>
-      </z-card>
-    `);
-    });
-    it("Test ZCard click", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card clickable>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <button id="btn" slot="title">Card title</button>
-        <p class="body-3" slot="text">Description</p>
-      </z-card>`,
-        });
-        const btn = page.body.querySelector("#btn");
-        const buttonClickedCallback = jest.fn();
-        btn.addEventListener("click", buttonClickedCallback);
-        btn.click();
-        expect(buttonClickedCallback).toHaveBeenCalled();
-    });
-    it("Should trigger the slotted action listener but not the one for ZCard", async () => {
-        const page = await newSpecPage({
-            components: [ZCard],
-            html: `<z-card>
-        <h2 class="body-5" slot="metadata">metadata</h2>
-        <button id="btn" slot="title">Card title</button>
-        <p class="body-3" slot="text">Description</p>
-        <button id="action-btn" slot="action"><z-icon name="gear" /></button>
-      </z-card>`,
-        });
-        const btn = page.body.querySelector("#btn");
-        const onCardClick = jest.fn();
-        const action = page.body.querySelector("#action-btn");
-        const onActionClick = jest.fn();
-        btn.addEventListener("click", onCardClick);
-        action.addEventListener("click", onActionClick);
-        action.click();
-        expect(onActionClick).toHaveBeenCalled();
-        expect(onCardClick).not.toHaveBeenCalled();
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-card/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZCard} from \"./index\";\n\ndescribe(\"Suite test ZCard\", () => {\n  it(\"Test render ZCard with cover\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card>\n        <img slot=\"cover\" src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\" />\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <z-icon name=\"share\" slot=\"action\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\"></z-icon>\n      </z-card>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-card>\n        <mock:shadow-root>\n          <div class=\"cover-container\">\n            <slot name=\"cover\"></slot>\n          </div>\n          <div class=\"content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n            <slot name=\"text\"></slot>\n            <div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <img slot=\"cover\" src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\" />\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <z-icon name=\"share\" slot=\"action\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\"></z-icon>\n      </z-card>\n    `);\n  });\n\n  it(\"Test render ZCard with cover and icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card cover-icon=\"play-filled\">\n        <img slot=\"cover\" src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\" />\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <z-icon name=\"share\" slot=\"action\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\"></z-icon>\n      </z-card>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-card cover-icon=\"play-filled\">\n        <mock:shadow-root>\n          <div class=\"cover-container\">\n            <slot name=\"cover\"></slot>\n            <z-icon name=\"play-filled\"></z-icon>\n          </div>\n          <div class=\"content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n            <slot name=\"text\"></slot>\n            <div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <img slot=\"cover\" src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\" />\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <z-icon name=\"share\" slot=\"action\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\"></z-icon>\n      </z-card>\n    `);\n  });\n\n  it(\"Test render ZCard with color cover\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n      </z-card>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-card>\n        <mock:shadow-root>\n          <div class=\"cover-container\">\n            <div class=\"color-cover\">\n              <div class=\"cover-content\">\n                <slot name=\"metadata\"></slot>\n                <slot name=\"title\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"content\">\n            <slot name=\"text\"></slot>\n            <div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n      </z-card>\n    `);\n  });\n\n  it(\"Test render ZCard text variant\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `\n        <z-card clickable variant=\"text\" showshadow style=\"border: 1px solid black;\">\n          <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n          <h3 slot=\"title\">Card title</h3>\n          <p class=\"body-3\" slot=\"text\">Some description for the content of the card.</p>\n          <z-icon name=\"share\" slot=\"action\" fill=\"color-primary01\"></z-icon>\n          <z-icon name=\"delete\" slot=\"action\" fill=\"color-primary01\"></z-icon>\n        </z-card>\n      `,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-card clickable variant=\"text\" showshadow style=\"border: 1px solid black;\">\n        <mock:shadow-root>\n          <div class=\"content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n            <slot name=\"text\"></slot>\n            <div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <h3 slot=\"title\">Card title</h3>\n        <p class=\"body-3\" slot=\"text\">Some description for the content of the card.</p>\n        <z-icon name=\"share\" slot=\"action\" fill=\"color-primary01\"></z-icon>\n        <z-icon name=\"delete\" slot=\"action\" fill=\"color-primary01\"></z-icon>\n      </z-card>\n    `);\n  });\n\n  it(\"Test ZCard click\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card clickable>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <button id=\"btn\" slot=\"title\">Card title</button>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n      </z-card>`,\n    });\n\n    const btn = page.body.querySelector(\"#btn\") as HTMLButtonElement;\n    const buttonClickedCallback = jest.fn();\n    btn.addEventListener(\"click\", buttonClickedCallback);\n    btn.click();\n\n    expect(buttonClickedCallback).toHaveBeenCalled();\n  });\n\n  it(\"Should trigger the slotted action listener but not the one for ZCard\", async () => {\n    const page = await newSpecPage({\n      components: [ZCard],\n      html: `<z-card>\n        <h2 class=\"body-5\" slot=\"metadata\">metadata</h2>\n        <button id=\"btn\" slot=\"title\">Card title</button>\n        <p class=\"body-3\" slot=\"text\">Description</p>\n        <button id=\"action-btn\" slot=\"action\"><z-icon name=\"gear\" /></button>\n      </z-card>`,\n    });\n\n    const btn = page.body.querySelector(\"#btn\") as HTMLButtonElement;\n    const onCardClick = jest.fn();\n    const action = page.body.querySelector(\"#action-btn\") as HTMLButtonElement;\n    const onActionClick = jest.fn();\n    btn.addEventListener(\"click\", onCardClick);\n    action.addEventListener(\"click\", onActionClick);\n    action.click();\n\n    expect(onActionClick).toHaveBeenCalled();\n    expect(onCardClick).not.toHaveBeenCalled();\n  });\n});\n"]}

package/dist/collection/components/z-chip/index.spec.js

@@ -1,108 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZChip } from "./index";
-describe("Suite test ZChip", () => {
-    it("Test render ZChip empty", async () => {
-        const page = await newSpecPage({
-            components: [ZChip],
-            html: `<z-chip type="default"></z-chip>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-chip type="default">
-        <div class="default z-chip-container"></div>
-      </z-chip>
-    `);
-    });
-    it("Test render ZChip type medium", async () => {
-        const page = await newSpecPage({
-            components: [ZChip],
-            html: `<z-chip type="medium">text</z-chip>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-chip type="medium">
-        <div class="medium z-chip-container">text</div>
-      </z-chip>
-    `);
-    });
-    it("Test render ZChip with icon", async () => {
-        const page = await newSpecPage({
-            components: [ZChip],
-            html: `<z-chip icon="pdf" type="default">text</z-chip>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-chip icon="pdf" type="default">
-        <div class="default z-chip-container">
-          <z-icon name="pdf"></z-icon>
-          text
-        </div>
-      </z-chip>
-    `);
-    });
-    it("Test render ZChip with interactive-icon", async () => {
-        const page = await newSpecPage({
-            components: [ZChip],
-            html: `<z-chip icon="" interactive-icon="multiply-circled" type="default">text</z-chip>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-chip icon="" interactive-icon="multiply-circled" type="default">
-        <div class="default z-chip-container z-chip-interactive">
-          text
-          <button aria-label="" type="button">
-            <z-icon class="interactive-icon" name="multiply-circled"></z-icon>
-          </button
-        </div>
-      </z-chip>
-    `);
-    });
-    it("Test render ZChip with interactive-icon and icon ", async () => {
-        const page = await newSpecPage({
-            components: [ZChip],
-            html: `<z-chip icon="pdf" interactive-icon="multiply-circled" type="default">text</z-chip>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-chip icon="pdf" interactive-icon="multiply-circled" type="default">
-        <div class="default z-chip-container z-chip-interactive">
-          <z-icon name="pdf"></z-icon>
-          text
-          <button aria-label="" type="button">
-            <z-icon class="interactive-icon" name="multiply-circled"></z-icon>
-          </button
-        </div>
-      </z-chip>
-    `);
-    });
-    it("Test render ZChip with interactive-icon and icon disabled", async () => {
-        const page = await newSpecPage({
-            components: [ZChip],
-            html: `<z-chip disabled icon="pdf" interactive-icon="multiply-circled" type="default">text</z-chip>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-chip disabled="" icon="pdf" interactive-icon="multiply-circled" type="default">
-        <div aria-disabled="" class="default z-chip-container z-chip-interactive">
-            <z-icon name="pdf"></z-icon>
-            text
-            <button aria-label="" disabled="" type="button">
-              <z-icon class="interactive-icon" name="multiply-circled"></z-icon>
-            </button
-        </div>
-      </z-chip>
-    `);
-    });
-    it("Test render ZChip with interactive-icon and icon type small", async () => {
-        const page = await newSpecPage({
-            components: [ZChip],
-            html: `<z-chip icon="pdf" interactive-icon="multiply-circled" type="small">text</z-chip>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-chip icon="pdf" interactive-icon="multiply-circled" type="small">
-        <div class="small z-chip-container z-chip-interactive">
-          <z-icon name="pdf"></z-icon>
-          text
-          <button aria-label="" type="button">
-          <z-icon class="interactive-icon" name="multiply-circled"></z-icon>
-          </button
-        </div>
-      </z-chip>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-chip/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-chip/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,kCAAkC;SACzC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,kFAAkF;SACzF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,qFAAqF;SAC5F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,8FAA8F;SACrG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,mFAAmF;SAC1F,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\";\nimport {ZChip} from \"./index\";\n\ndescribe(\"Suite test ZChip\", () => {\n  it(\"Test render ZChip empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip type=\"default\"></z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip type=\"default\">\n        <div class=\"default z-chip-container\"></div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip type medium\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip type=\"medium\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip type=\"medium\">\n        <div class=\"medium z-chip-container\">text</div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip icon=\"pdf\" type=\"default\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip icon=\"pdf\" type=\"default\">\n        <div class=\"default z-chip-container\">\n          <z-icon name=\"pdf\"></z-icon>\n          text\n        </div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with interactive-icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip icon=\"\" interactive-icon=\"multiply-circled\" type=\"default\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip icon=\"\" interactive-icon=\"multiply-circled\" type=\"default\">\n        <div class=\"default z-chip-container z-chip-interactive\">\n          text\n          <button aria-label=\"\" type=\"button\">\n            <z-icon class=\"interactive-icon\" name=\"multiply-circled\"></z-icon>\n          </button\n        </div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with interactive-icon and icon \", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"default\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"default\">\n        <div class=\"default z-chip-container z-chip-interactive\">\n          <z-icon name=\"pdf\"></z-icon>\n          text\n          <button aria-label=\"\" type=\"button\">\n            <z-icon class=\"interactive-icon\" name=\"multiply-circled\"></z-icon>\n          </button\n        </div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with interactive-icon and icon disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip disabled icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"default\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip disabled=\"\" icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"default\">\n        <div aria-disabled=\"\" class=\"default z-chip-container z-chip-interactive\">\n            <z-icon name=\"pdf\"></z-icon>\n            text\n            <button aria-label=\"\" disabled=\"\" type=\"button\">\n              <z-icon class=\"interactive-icon\" name=\"multiply-circled\"></z-icon>\n            </button\n        </div>\n      </z-chip>\n    `);\n  });\n\n  it(\"Test render ZChip with interactive-icon and icon type small\", async () => {\n    const page = await newSpecPage({\n      components: [ZChip],\n      html: `<z-chip icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"small\">text</z-chip>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-chip icon=\"pdf\" interactive-icon=\"multiply-circled\" type=\"small\">\n        <div class=\"small z-chip-container z-chip-interactive\">\n          <z-icon name=\"pdf\"></z-icon>\n          text\n          <button aria-label=\"\" type=\"button\">\n          <z-icon class=\"interactive-icon\" name=\"multiply-circled\"></z-icon>\n          </button\n        </div>\n      </z-chip>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-chip/test.e2e.js

@@ -1,32 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("Clicks on chip component, not on the interactive icon", async () => {
-    const page = await newE2EPage({
-        html: '<z-chip type="default" icon="pdf" disabled="false" interactive-icon="multiply-circled">chip text</z-chip>',
-    });
-    const chip = await page.find("z-chip");
-    const clickEvent = await page.spyOnEvent("interactiveIconClick");
-    await chip.click();
-    await page.waitForChanges();
-    expect(clickEvent).not.toHaveReceivedEvent();
-});
-it("Clicks on chip interactive icon", async () => {
-    const page = await newE2EPage({
-        html: '<z-chip type="default" icon="pdf" disabled="false" interactive-icon="multiply-circled">chip text</z-chip>',
-    });
-    const chipIcon = await page.find("z-chip .interactive-icon");
-    const clickEvent = await page.spyOnEvent("interactiveIconClick");
-    await chipIcon.click();
-    await page.waitForChanges();
-    expect(clickEvent).toHaveReceivedEvent();
-});
-it("Clicks on chip interactive icon when disabled", async () => {
-    const page = await newE2EPage({
-        html: '<z-chip type="default" icon="pdf" disabled="true" interactive-icon="multiply-circled">chip text</z-chip>',
-    });
-    const chipIcon = await page.find("z-chip .interactive-icon");
-    const clickEvent = await page.spyOnEvent("interactiveIconClick");
-    await chipIcon.click();
-    await page.waitForChanges();
-    expect(clickEvent).not.toHaveReceivedEvent();
-});
-//# sourceMappingURL=test.e2e.js.map

package/dist/collection/components/z-chip/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-chip/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;IACrE,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;QAC5B,IAAI,EAAE,2GAA2G;KAClH,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACjE,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;IAEnB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;QAC5B,IAAI,EAAE,2GAA2G;KAClH,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACjE,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IAEvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,UAAU,CAAC,CAAC,mBAAmB,EAAE,CAAC;AAC3C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;IAC7D,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC;QAC5B,IAAI,EAAE,0GAA0G;KACjH,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACjE,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IAEvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;AAC/C,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nit(\"Clicks on chip component, not on the interactive icon\", async () => {\n  const page = await newE2EPage({\n    html: '<z-chip type=\"default\" icon=\"pdf\" disabled=\"false\" interactive-icon=\"multiply-circled\">chip text</z-chip>',\n  });\n  const chip = await page.find(\"z-chip\");\n  const clickEvent = await page.spyOnEvent(\"interactiveIconClick\");\n  await chip.click();\n\n  await page.waitForChanges();\n  expect(clickEvent).not.toHaveReceivedEvent();\n});\n\nit(\"Clicks on chip interactive icon\", async () => {\n  const page = await newE2EPage({\n    html: '<z-chip type=\"default\" icon=\"pdf\" disabled=\"false\" interactive-icon=\"multiply-circled\">chip text</z-chip>',\n  });\n  const chipIcon = await page.find(\"z-chip .interactive-icon\");\n  const clickEvent = await page.spyOnEvent(\"interactiveIconClick\");\n  await chipIcon.click();\n\n  await page.waitForChanges();\n  expect(clickEvent).toHaveReceivedEvent();\n});\n\nit(\"Clicks on chip interactive icon when disabled\", async () => {\n  const page = await newE2EPage({\n    html: '<z-chip type=\"default\" icon=\"pdf\" disabled=\"true\" interactive-icon=\"multiply-circled\">chip text</z-chip>',\n  });\n  const chipIcon = await page.find(\"z-chip .interactive-icon\");\n  const clickEvent = await page.spyOnEvent(\"interactiveIconClick\");\n  await chipIcon.click();\n\n  await page.waitForChanges();\n  expect(clickEvent).not.toHaveReceivedEvent();\n});\n"]}