@zanichelli/albe-web-components 16.3.0 → 16.3.1

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

@@ -1,192 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZModal } from "./index";
-describe("Suite test ZModal", () => {
-    it("Test render empty ZModal", async () => {
-        const page = await newSpecPage({
-            components: [ZModal],
-            html: `<z-modal></z-modal>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-modal>
-        <mock:shadow-root>
-        <dialog role="dialog" aria-describedby="modal-content" aria-labelledby="modal-title" open="true">
-          <div class="modal-container modal-container-scroll-inside">
-            <header>
-              <div>
-                <slot name="modalCloseButton">
-                  <button aria-label="chiudi modale">
-                    <z-icon name="multiply-circle-filled"></z-icon>
-                  </button>
-                </slot>
-              </div>
-            </header>
-            <div class="modal-content-scroll-inside" id="modal-content">
-              <slot name="modalContent"></slot>
-            </div>
-          </div>
-          <div class="modal-background" data-action="modalBackground"></div>
-        </dialog>
-        </mock:shadow-root>
-      </z-modal>
-    `);
-    });
-    it("Test render ZModal with props", async () => {
-        const page = await newSpecPage({
-            components: [ZModal],
-            html: `<z-modal modalid="modal" modaltitle="title" modalsubtitle="subtitle" close-button-label="chiudi modale"></z-modal>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-modal modalid="modal" modaltitle="title" modalsubtitle="subtitle" close-button-label="chiudi modale">
-        <mock:shadow-root>
-        <dialog role="dialog" aria-describedby="modal-content" aria-labelledby="modal-title" open="true">
-          <div class="modal-container modal-container-scroll-inside" id="modal">
-            <header>
-              <div>
-                <h1 id="modal-title">title</h1>
-                <slot name="modalCloseButton">
-                  <button aria-label="chiudi modale">
-                    <z-icon name="multiply-circle-filled"></z-icon>
-                  </button>
-                </slot>
-              </div>
-              <div class="subtitle" id="modal-subtitle">subtitle</div>
-            </header>
-            <div class="modal-content-scroll-inside" id="modal-content">
-              <slot name="modalContent"></slot>
-            </div>
-          </div>
-          <div class="modal-background" data-action="modalBackground" data-modal="modal"></div>
-        </dialog>
-        </mock:shadow-root>
-      </z-modal>
-    `);
-    });
-    it("Test render ZModal with prop scrollable set to true", async () => {
-        const page = await newSpecPage({
-            components: [ZModal],
-            html: `<z-modal modalid="modal" modaltitle="title" modalsubtitle="subtitle" close-button-label="chiudi modale" scroll-inside="true"></z-modal>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-modal modalid="modal" modaltitle="title" modalsubtitle="subtitle" close-button-label="chiudi modale" scroll-inside="true">
-        <mock:shadow-root>
-        <dialog role="dialog" aria-describedby="modal-content" aria-labelledby="modal-title" open="true">
-          <div class="modal-container modal-container-scroll-inside" id="modal">
-            <header>
-              <div>
-                <h1 id="modal-title">title</h1>
-                <slot name="modalCloseButton">
-                  <button aria-label="chiudi modale">
-                    <z-icon name="multiply-circle-filled"></z-icon>
-                  </button>
-                </slot>
-              </div>
-               <div class="subtitle" id="modal-subtitle">subtitle</div>
-            </header>
-            <div class="modal-content-scroll-inside" id="modal-content">
-              <slot name="modalContent"></slot>
-            </div>
-          </div>
-          <div class="modal-background" data-action="modalBackground" data-modal="modal"></div>
-        </div>
-      </div>
-    </dialog>
-  </mock:shadow-root>
-</z-modal>
-`);
-    });
-    it("Test render ZModal with prop scrollable set to false", async () => {
-        const page = await newSpecPage({
-            components: [ZModal],
-            html: `<z-modal modalid="modal" modaltitle="title" modalsubtitle="subtitle" close-button-label="chiudi modale" scroll-inside="false"></z-modal>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-modal modalid="modal" modaltitle="title" modalsubtitle="subtitle" close-button-label="chiudi modale" scroll-inside="false">
-        <mock:shadow-root>
-        <dialog role="dialog" aria-describedby="modal-content" aria-labelledby="modal-title" class="modal-dialog" open="true">
-          <div class="modal-container modal-container-scroll-outside" id="modal">
-            <header>
-              <div>
-                <h1 id="modal-title">title</h1>
-                <slot name="modalCloseButton">
-                  <button aria-label="chiudi modale">
-                    <z-icon name="multiply-circle-filled"></z-icon>
-                  </button>
-                </slot>
-              </div>
-               <div class="subtitle" id="modal-subtitle">subtitle</div>
-            </header>
-            <div class="modal-content-scroll-outside" id="modal-content">
-              <slot name="modalContent"></slot>
-            </div>
-          </div>
-              <div class="modal-background modal-background-scroll-outside" data-action="modalBackground" data-modal="modal"></div>
-        </div>
-      </div>
-    </dialog>
-  </mock:shadow-root>
-</z-modal>
-`);
-    });
-    it("Test render ZModal with slotted content", async () => {
-        const page = await newSpecPage({
-            components: [ZModal],
-            html: `<z-modal><div slot="modalContent">Contenuto dello <b>slot</b></div></z-modal>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-modal>
-        <mock:shadow-root>
-        <dialog role="dialog" aria-describedby="modal-content" aria-labelledby="modal-title" open="true">
-          <div class="modal-container modal-container-scroll-inside">
-            <header>
-              <div>
-                <slot name="modalCloseButton">
-                  <button aria-label="chiudi modale">
-                    <z-icon name="multiply-circle-filled"></z-icon>
-                  </button>
-                </slot>
-              </div>
-            </header>
-            <div class="modal-content-scroll-inside" id="modal-content">
-              <slot name="modalContent"></slot>
-            </div>
-          </div>
-          <div class="modal-background" data-action="modalBackground"></div>
-        </dialog>
-        </mock:shadow-root>
-        <div slot="modalContent">Contenuto dello <b>slot</b></div>
-      </z-modal>
-    `);
-    });
-    it("Test render ZModal with slotted content and close button", async () => {
-        const page = await newSpecPage({
-            components: [ZModal],
-            html: `<z-modal><div slot="modalContent">Contenuto dello <b>slot</b></div><button slot="modalCloseButton" aria-label="close">X</button></z-modal>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-modal>
-        <mock:shadow-root>
-        <dialog role="dialog" aria-describedby="modal-content" aria-labelledby="modal-title" open="true">
-          <div class="modal-container modal-container-scroll-inside">
-            <header>
-              <div>
-                <slot name="modalCloseButton">
-                  <button aria-label="chiudi modale">
-                    <z-icon name="multiply-circle-filled"></z-icon>
-                  </button>
-                </slot>
-              </div>
-            </header>
-            <div class="modal-content-scroll-inside" id="modal-content">
-              <slot name="modalContent"></slot>
-            </div>
-          </div>
-          <div class="modal-background" data-action="modalBackground"></div>
-        </dialog>
-        </mock:shadow-root>
-        <div slot="modalContent">Contenuto dello <b>slot</b></div>
-        <button aria-label="close" slot="modalCloseButton">X</button>
-      </z-modal>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-modal/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,qBAAqB;SAC5B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,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,MAAM,CAAC;YACpB,IAAI,EAAE,oHAAoH;SAC3H,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,yIAAyI;SAChJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjC,CAAC,CAAC;IACD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,0IAA0I;SACjJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjC,CAAC,CAAC;IACD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,+EAA+E;SACtF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;KAuB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0DAA0D,EAAE,KAAK,IAAI,EAAE;QACxE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,4IAA4I;SACnJ,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\nimport {ZModal} from \"./index\";\n\ndescribe(\"Suite test ZModal\", () => {\n  it(\"Test render empty ZModal\", async () => {\n    const page = await newSpecPage({\n      components: [ZModal],\n      html: `<z-modal></z-modal>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-modal>\n        <mock:shadow-root>\n        <dialog role=\"dialog\" aria-describedby=\"modal-content\" aria-labelledby=\"modal-title\" open=\"true\">\n          <div class=\"modal-container modal-container-scroll-inside\">\n            <header>\n              <div>\n                <slot name=\"modalCloseButton\">\n                  <button aria-label=\"chiudi modale\">\n                    <z-icon name=\"multiply-circle-filled\"></z-icon>\n                  </button>\n                </slot>\n              </div>\n            </header>\n            <div class=\"modal-content-scroll-inside\" id=\"modal-content\">\n              <slot name=\"modalContent\"></slot>\n            </div>\n          </div>\n          <div class=\"modal-background\" data-action=\"modalBackground\"></div>\n        </dialog>\n        </mock:shadow-root>\n      </z-modal>\n    `);\n  });\n\n  it(\"Test render ZModal with props\", async () => {\n    const page = await newSpecPage({\n      components: [ZModal],\n      html: `<z-modal modalid=\"modal\" modaltitle=\"title\" modalsubtitle=\"subtitle\" close-button-label=\"chiudi modale\"></z-modal>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-modal modalid=\"modal\" modaltitle=\"title\" modalsubtitle=\"subtitle\" close-button-label=\"chiudi modale\">\n        <mock:shadow-root>\n        <dialog role=\"dialog\" aria-describedby=\"modal-content\" aria-labelledby=\"modal-title\" open=\"true\">\n          <div class=\"modal-container modal-container-scroll-inside\" id=\"modal\">\n            <header>\n              <div>\n                <h1 id=\"modal-title\">title</h1>\n                <slot name=\"modalCloseButton\">\n                  <button aria-label=\"chiudi modale\">\n                    <z-icon name=\"multiply-circle-filled\"></z-icon>\n                  </button>\n                </slot>\n              </div>\n              <div class=\"subtitle\" id=\"modal-subtitle\">subtitle</div>\n            </header>\n            <div class=\"modal-content-scroll-inside\" id=\"modal-content\">\n              <slot name=\"modalContent\"></slot>\n            </div>\n          </div>\n          <div class=\"modal-background\" data-action=\"modalBackground\" data-modal=\"modal\"></div>\n        </dialog>\n        </mock:shadow-root>\n      </z-modal>\n    `);\n  });\n\n  it(\"Test render ZModal with prop scrollable set to true\", async () => {\n    const page = await newSpecPage({\n      components: [ZModal],\n      html: `<z-modal modalid=\"modal\" modaltitle=\"title\" modalsubtitle=\"subtitle\" close-button-label=\"chiudi modale\" scroll-inside=\"true\"></z-modal>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-modal modalid=\"modal\" modaltitle=\"title\" modalsubtitle=\"subtitle\" close-button-label=\"chiudi modale\" scroll-inside=\"true\">\n        <mock:shadow-root>\n        <dialog role=\"dialog\" aria-describedby=\"modal-content\" aria-labelledby=\"modal-title\" open=\"true\">\n          <div class=\"modal-container modal-container-scroll-inside\" id=\"modal\">\n            <header>\n              <div>\n                <h1 id=\"modal-title\">title</h1>\n                <slot name=\"modalCloseButton\">\n                  <button aria-label=\"chiudi modale\">\n                    <z-icon name=\"multiply-circle-filled\"></z-icon>\n                  </button>\n                </slot>\n              </div>\n               <div class=\"subtitle\" id=\"modal-subtitle\">subtitle</div>\n            </header>\n            <div class=\"modal-content-scroll-inside\" id=\"modal-content\">\n              <slot name=\"modalContent\"></slot>\n            </div>\n          </div>\n          <div class=\"modal-background\" data-action=\"modalBackground\" data-modal=\"modal\"></div>\n        </div>\n      </div>\n    </dialog>\n  </mock:shadow-root>\n</z-modal>\n`);\n  });\n\n  it(\"Test render ZModal with prop scrollable set to false\", async () => {\n    const page = await newSpecPage({\n      components: [ZModal],\n      html: `<z-modal modalid=\"modal\" modaltitle=\"title\" modalsubtitle=\"subtitle\" close-button-label=\"chiudi modale\" scroll-inside=\"false\"></z-modal>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-modal modalid=\"modal\" modaltitle=\"title\" modalsubtitle=\"subtitle\" close-button-label=\"chiudi modale\" scroll-inside=\"false\">\n        <mock:shadow-root>\n        <dialog role=\"dialog\" aria-describedby=\"modal-content\" aria-labelledby=\"modal-title\" class=\"modal-dialog\" open=\"true\">\n          <div class=\"modal-container modal-container-scroll-outside\" id=\"modal\">\n            <header>\n              <div>\n                <h1 id=\"modal-title\">title</h1>\n                <slot name=\"modalCloseButton\">\n                  <button aria-label=\"chiudi modale\">\n                    <z-icon name=\"multiply-circle-filled\"></z-icon>\n                  </button>\n                </slot>\n              </div>\n               <div class=\"subtitle\" id=\"modal-subtitle\">subtitle</div>\n            </header>\n            <div class=\"modal-content-scroll-outside\" id=\"modal-content\">\n              <slot name=\"modalContent\"></slot>\n            </div>\n          </div>\n              <div class=\"modal-background modal-background-scroll-outside\" data-action=\"modalBackground\" data-modal=\"modal\"></div>\n        </div>\n      </div>\n    </dialog>\n  </mock:shadow-root>\n</z-modal>\n`);\n  });\n\n  it(\"Test render ZModal with slotted content\", async () => {\n    const page = await newSpecPage({\n      components: [ZModal],\n      html: `<z-modal><div slot=\"modalContent\">Contenuto dello <b>slot</b></div></z-modal>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-modal>\n        <mock:shadow-root>\n        <dialog role=\"dialog\" aria-describedby=\"modal-content\" aria-labelledby=\"modal-title\" open=\"true\">\n          <div class=\"modal-container modal-container-scroll-inside\">\n            <header>\n              <div>\n                <slot name=\"modalCloseButton\">\n                  <button aria-label=\"chiudi modale\">\n                    <z-icon name=\"multiply-circle-filled\"></z-icon>\n                  </button>\n                </slot>\n              </div>\n            </header>\n            <div class=\"modal-content-scroll-inside\" id=\"modal-content\">\n              <slot name=\"modalContent\"></slot>\n            </div>\n          </div>\n          <div class=\"modal-background\" data-action=\"modalBackground\"></div>\n        </dialog>\n        </mock:shadow-root>\n        <div slot=\"modalContent\">Contenuto dello <b>slot</b></div>\n      </z-modal>\n    `);\n  });\n  it(\"Test render ZModal with slotted content and close button\", async () => {\n    const page = await newSpecPage({\n      components: [ZModal],\n      html: `<z-modal><div slot=\"modalContent\">Contenuto dello <b>slot</b></div><button slot=\"modalCloseButton\" aria-label=\"close\">X</button></z-modal>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-modal>\n        <mock:shadow-root>\n        <dialog role=\"dialog\" aria-describedby=\"modal-content\" aria-labelledby=\"modal-title\" open=\"true\">\n          <div class=\"modal-container modal-container-scroll-inside\">\n            <header>\n              <div>\n                <slot name=\"modalCloseButton\">\n                  <button aria-label=\"chiudi modale\">\n                    <z-icon name=\"multiply-circle-filled\"></z-icon>\n                  </button>\n                </slot>\n              </div>\n            </header>\n            <div class=\"modal-content-scroll-inside\" id=\"modal-content\">\n              <slot name=\"modalContent\"></slot>\n            </div>\n          </div>\n          <div class=\"modal-background\" data-action=\"modalBackground\"></div>\n        </dialog>\n        </mock:shadow-root>\n        <div slot=\"modalContent\">Contenuto dello <b>slot</b></div>\n        <button aria-label=\"close\" slot=\"modalCloseButton\">X</button>\n      </z-modal>\n    `);\n  });\n});\n"]}

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

@@ -1,81 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-modal test end2end", () => {
-    it("Close modal using x button", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <div>
-      <z-modal modalid="my-modal-short" modaltitle="My modal title" close-button-label="chiudi modale" alertdialog="false" closable="true" scroll-inside="true">
-        <div slot="modalContent">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-        </div>
-      </z-modal>
-    </div>`);
-        const modalCloseEvent = await page.spyOnEvent("modalClose");
-        const closeButton = await page.find("z-modal >>> header button");
-        const modal = await page.find("z-modal >>> dialog");
-        await closeButton.click();
-        await page.waitForChanges();
-        expect(modalCloseEvent).toHaveReceivedEvent();
-        await modal.waitForNotVisible();
-    });
-    it("Close modal clicking outside dialog", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <div>
-      <input class="other-element" />
-      <z-modal modalid="my-modal-short" modaltitle="My modal title" close-button-label="chiudi modale" alertdialog="false" closable="true" scroll-inside="true">
-        <div slot="modalContent">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-        </div>
-      </z-modal>
-    </div>`);
-        const modalCloseEvent = await page.spyOnEvent("modalClose");
-        const input = await page.find(".other-element");
-        const modal = await page.find("z-modal >>> dialog");
-        await input.click();
-        await page.waitForChanges();
-        expect(modalCloseEvent).toHaveReceivedEvent();
-        await modal.waitForNotVisible();
-    });
-    it("Fail to close a non-closable modal", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <div>
-      <input class="other-element" />
-      <z-modal modalid="my-modal-short" modaltitle="My modal title" closable="false" alertdialog="false" scroll-inside="true">
-        <div slot="modalContent">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-        </div>
-      </z-modal>
-    </div>`);
-        const modalCloseEvent = await page.spyOnEvent("modalClose");
-        const input = await page.find(".other-element");
-        const modal = await page.find("z-modal >>> dialog");
-        await input.click();
-        await page.waitForChanges();
-        expect(modalCloseEvent).not.toHaveReceivedEvent();
-        await modal.isVisible();
-    });
-    it("Not emit modalClose event when unmounting z-modal component", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <main>
-      <input class="other-element" />
-      <z-modal modalid="my-modal-short" modaltitle="My modal title" closable="true" alertdialog="false" scroll-inside="true">
-        <div slot="modalContent">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-        </div>
-      </z-modal>
-    </main>`);
-        const modalCloseEvent = await page.spyOnEvent("modalClose");
-        await page.evaluate(() => {
-            const main = document.querySelector("main");
-            main.removeChild(document.querySelector("z-modal"));
-        });
-        await page.waitForChanges();
-        expect(modalCloseEvent).not.toHaveReceivedEvent();
-        const modal = await page.find("z-modal");
-        expect(modal).toBeNull();
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-modal/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-modal test end2end\", () => {\n  it(\"Close modal using x button\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n    <div>\n      <z-modal modalid=\"my-modal-short\" modaltitle=\"My modal title\" close-button-label=\"chiudi modale\" alertdialog=\"false\" closable=\"true\" scroll-inside=\"true\">\n        <div slot=\"modalContent\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        </div>\n      </z-modal>\n    </div>`);\n    const modalCloseEvent = await page.spyOnEvent(\"modalClose\");\n    const closeButton = await page.find(\"z-modal >>> header button\");\n    const modal = await page.find(\"z-modal >>> dialog\");\n\n    await closeButton.click();\n    await page.waitForChanges();\n\n    expect(modalCloseEvent).toHaveReceivedEvent();\n    await modal.waitForNotVisible();\n  });\n\n  it(\"Close modal clicking outside dialog\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n    <div>\n      <input class=\"other-element\" />\n      <z-modal modalid=\"my-modal-short\" modaltitle=\"My modal title\" close-button-label=\"chiudi modale\" alertdialog=\"false\" closable=\"true\" scroll-inside=\"true\">\n        <div slot=\"modalContent\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        </div>\n      </z-modal>\n    </div>`);\n    const modalCloseEvent = await page.spyOnEvent(\"modalClose\");\n    const input = await page.find(\".other-element\");\n    const modal = await page.find(\"z-modal >>> dialog\");\n\n    await input.click();\n    await page.waitForChanges();\n\n    expect(modalCloseEvent).toHaveReceivedEvent();\n    await modal.waitForNotVisible();\n  });\n\n  it(\"Fail to close a non-closable modal\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n    <div>\n      <input class=\"other-element\" />\n      <z-modal modalid=\"my-modal-short\" modaltitle=\"My modal title\" closable=\"false\" alertdialog=\"false\" scroll-inside=\"true\">\n        <div slot=\"modalContent\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        </div>\n      </z-modal>\n    </div>`);\n    const modalCloseEvent = await page.spyOnEvent(\"modalClose\");\n    const input = await page.find(\".other-element\");\n    const modal = await page.find(\"z-modal >>> dialog\");\n\n    await input.click();\n    await page.waitForChanges();\n\n    expect(modalCloseEvent).not.toHaveReceivedEvent();\n    await modal.isVisible();\n  });\n\n  it(\"Not emit modalClose event when unmounting z-modal component\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n    <main>\n      <input class=\"other-element\" />\n      <z-modal modalid=\"my-modal-short\" modaltitle=\"My modal title\" closable=\"true\" alertdialog=\"false\" scroll-inside=\"true\">\n        <div slot=\"modalContent\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        </div>\n      </z-modal>\n    </main>`);\n    const modalCloseEvent = await page.spyOnEvent(\"modalClose\");\n\n    await page.evaluate(() => {\n      const main = document.querySelector(\"main\");\n      main.removeChild(document.querySelector(\"z-modal\"));\n    });\n\n    await page.waitForChanges();\n\n    expect(modalCloseEvent).not.toHaveReceivedEvent();\n    const modal = await page.find(\"z-modal\");\n    expect(modal).toBeNull();\n  });\n});\n"]}

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

@@ -1,84 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZNotification } from "./index";
-describe("Suite test ZNotification", () => {
-    it("Test render ZNotification with icon, action and close button", async () => {
-        const page = await newSpecPage({
-            components: [ZNotification],
-            html: `<z-notification
-        contenticonname="gear"
-        actiontext="Annulla"
-        type="success"
-        showclose="true"
-      >Testo della notifica</z-notification>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-notification actiontext="Annulla" contenticonname="gear" showclose="true" type="success">
-        <mock:shadow-root>
-          <z-icon
-            class="status-icon"
-            name="gear"
-            width="16"
-            height="16"
-          ></z-icon>
-          <div class="content-container">
-            <div class="content-text"><slot></slot></div>
-            <button class="action-button" type="button">Annulla</button>
-          </div>
-          <button class="close-button" type="button">
-            <z-icon
-              name="multiply-circle"
-              width="16"
-              height="16"
-            />
-          </button>
-        </mock:shadow-root>
-        Testo della notifica
-      </z-notification>
-    `);
-    });
-    it("Test render ZNotification without icon, action and close button", async () => {
-        const page = await newSpecPage({
-            components: [ZNotification],
-            html: `<z-notification type="success">Testo della notifica</z-notification>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-notification type="success">
-        <mock:shadow-root>
-          <div class="content-container">
-            <div class="content-text"><slot></slot></div>
-          </div>
-        </mock:shadow-root>
-        Testo della notifica
-      </z-notification>
-    `);
-    });
-    it("Test render ZNotification with icon, action", async () => {
-        const page = await newSpecPage({
-            components: [ZNotification],
-            html: `<z-notification
-        contenticonname="gear"
-        actiontext="Annulla"
-        type="success"
-        showclose="false"
-      >Testo della notifica</z-notification>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-notification actiontext="Annulla" contenticonname="gear" showclose="false" type="success">
-        <mock:shadow-root>
-          <z-icon
-            class="status-icon"
-            name="gear"
-            width="16"
-            height="16"
-          ></z-icon>
-          <div class="content-container">
-            <div class="content-text"><slot></slot></div>
-            <button class="action-button" type="button">Annulla</button>
-          </div>
-        </mock:shadow-root>
-        Testo della notifica
-      </z-notification>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-notification/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,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;6CAKiC;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;KAuB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,sEAAsE;SAC7E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,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,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;6CAKiC;SACxC,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 {ZNotification} from \"./index\";\n\ndescribe(\"Suite test ZNotification\", () => {\n  it(\"Test render ZNotification with icon, action and close button\", async () => {\n    const page = await newSpecPage({\n      components: [ZNotification],\n      html: `<z-notification\n        contenticonname=\"gear\"\n        actiontext=\"Annulla\"\n        type=\"success\"\n        showclose=\"true\"\n      >Testo della notifica</z-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-notification actiontext=\"Annulla\" contenticonname=\"gear\" showclose=\"true\" type=\"success\">\n        <mock:shadow-root>\n          <z-icon\n            class=\"status-icon\"\n            name=\"gear\"\n            width=\"16\"\n            height=\"16\"\n          ></z-icon>\n          <div class=\"content-container\">\n            <div class=\"content-text\"><slot></slot></div>\n            <button class=\"action-button\" type=\"button\">Annulla</button>\n          </div>\n          <button class=\"close-button\" type=\"button\">\n            <z-icon\n              name=\"multiply-circle\"\n              width=\"16\"\n              height=\"16\"\n            />\n          </button>\n        </mock:shadow-root>\n        Testo della notifica\n      </z-notification>\n    `);\n  });\n\n  it(\"Test render ZNotification without icon, action and close button\", async () => {\n    const page = await newSpecPage({\n      components: [ZNotification],\n      html: `<z-notification type=\"success\">Testo della notifica</z-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-notification type=\"success\">\n        <mock:shadow-root>\n          <div class=\"content-container\">\n            <div class=\"content-text\"><slot></slot></div>\n          </div>\n        </mock:shadow-root>\n        Testo della notifica\n      </z-notification>\n    `);\n  });\n\n  it(\"Test render ZNotification with icon, action\", async () => {\n    const page = await newSpecPage({\n      components: [ZNotification],\n      html: `<z-notification\n        contenticonname=\"gear\"\n        actiontext=\"Annulla\"\n        type=\"success\"\n        showclose=\"false\"\n      >Testo della notifica</z-notification>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-notification actiontext=\"Annulla\" contenticonname=\"gear\" showclose=\"false\" type=\"success\">\n        <mock:shadow-root>\n          <z-icon\n            class=\"status-icon\"\n            name=\"gear\"\n            width=\"16\"\n            height=\"16\"\n          ></z-icon>\n          <div class=\"content-container\">\n            <div class=\"content-text\"><slot></slot></div>\n            <button class=\"action-button\" type=\"button\">Annulla</button>\n          </div>\n        </mock:shadow-root>\n        Testo della notifica\n      </z-notification>\n    `);\n  });\n});\n"]}

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

@@ -1,25 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("should render the given text content as accessible text", async () => {
-    const page = await newE2EPage();
-    const notificationTextContent = "Testo della notifica";
-    await page.setContent(`<z-notification>${notificationTextContent}</z-notification>`);
-    const notificationBody = await page.find("z-notification");
-    expect(notificationBody).toEqualText(notificationTextContent);
-});
-it("emits a notificationAction event when the component has an action element and the user clicks on it", async () => {
-    const page = await newE2EPage();
-    await page.setContent('<z-notification actiontext="Azione">Testo della notifica</z-notification>');
-    const notificationActionSpy = await page.spyOnEvent("notificationAction");
-    const actionElement = await page.find("z-notification >>> .action-button");
-    await actionElement.click();
-    expect(notificationActionSpy).toHaveReceivedEvent();
-});
-it("emits a notificationClose event when the component has a close button and the user clicks on it", async () => {
-    const page = await newE2EPage();
-    await page.setContent('<z-notification showclose="true">Testo della notifica</z-notification>');
-    const notificationActionSpy = await page.spyOnEvent("notificationClose");
-    const closeButton = await page.find("z-notification >>> .close-button");
-    await closeButton.click();
-    expect(notificationActionSpy).toHaveReceivedEvent();
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-notification/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;IACvE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,uBAAuB,GAAG,sBAAsB,CAAC;IACvD,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,uBAAuB,mBAAmB,CAAC,CAAC;IAErF,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAE3D,MAAM,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAChE,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,qGAAqG,EAAE,KAAK,IAAI,EAAE;IACnH,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,2EAA2E,CAAC,CAAC;IACnG,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAE1E,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC;IAC3E,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;IAE5B,MAAM,CAAC,qBAAqB,CAAC,CAAC,mBAAmB,EAAE,CAAC;AACtD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iGAAiG,EAAE,KAAK,IAAI,EAAE;IAC/G,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,wEAAwE,CAAC,CAAC;IAChG,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEzE,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;IACxE,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;IAE1B,MAAM,CAAC,qBAAqB,CAAC,CAAC,mBAAmB,EAAE,CAAC;AACtD,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nit(\"should render the given text content as accessible text\", async () => {\n  const page = await newE2EPage();\n  const notificationTextContent = \"Testo della notifica\";\n  await page.setContent(`<z-notification>${notificationTextContent}</z-notification>`);\n\n  const notificationBody = await page.find(\"z-notification\");\n\n  expect(notificationBody).toEqualText(notificationTextContent);\n});\n\nit(\"emits a notificationAction event when the component has an action element and the user clicks on it\", async () => {\n  const page = await newE2EPage();\n  await page.setContent('<z-notification actiontext=\"Azione\">Testo della notifica</z-notification>');\n  const notificationActionSpy = await page.spyOnEvent(\"notificationAction\");\n\n  const actionElement = await page.find(\"z-notification >>> .action-button\");\n  await actionElement.click();\n\n  expect(notificationActionSpy).toHaveReceivedEvent();\n});\n\nit(\"emits a notificationClose event when the component has a close button and the user clicks on it\", async () => {\n  const page = await newE2EPage();\n  await page.setContent('<z-notification showclose=\"true\">Testo della notifica</z-notification>');\n  const notificationActionSpy = await page.spyOnEvent(\"notificationClose\");\n\n  const closeButton = await page.find(\"z-notification >>> .close-button\");\n  await closeButton.click();\n\n  expect(notificationActionSpy).toHaveReceivedEvent();\n});\n"]}

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

@@ -1,42 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZOffcanvas } from "./index";
-describe("Suite test ZOffcanvas variant pushcontent", () => {
-    it("Test render ZOffcanvas", async () => {
-        const page = await newSpecPage({
-            components: [ZOffcanvas],
-            html: `<z-offcanvas open>
-              <div slot="canvasContent"></div>
-            </z-offcanvas>`,
-        });
-        expect(page.root).toEqualHtml(`
-			<z-offcanvas open="" transitiondirection="left" variant="pushcontent">
-				<div class="canvas-container" role="presentation">
-					<div class="canvas-content" role="presentation">
-						<div slot="canvasContent"></div>
-					</div>
-        </div>
-      </z-offcanvas>
-    `);
-    });
-});
-describe("Suite test ZOffcanvas variant overlay", () => {
-    it("Test render ZOffcanvas", async () => {
-        const page = await newSpecPage({
-            components: [ZOffcanvas],
-            html: `<z-offcanvas open variant="overlay">
-              <div slot="canvasContent"></div>
-            </z-offcanvas>`,
-        });
-        expect(page.root).toEqualHtml(`
-			<z-offcanvas open="" transitiondirection="left" variant="overlay">
-				<div class="canvas-container" role="presentation">
-					<div class="canvas-content" role="presentation">
-						<div slot="canvasContent"></div>
-					</div>
-        </div>
-        <div class="canvas-background" data-action="canvasBackground"></div>
-      </z-offcanvas>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-offcanvas/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACzD,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,uCAAuC,EAAE,GAAG,EAAE;IACrD,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;;2BAEe;SACtB,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 {ZOffcanvas} from \"./index\";\n\ndescribe(\"Suite test ZOffcanvas variant pushcontent\", () => {\n  it(\"Test render ZOffcanvas\", async () => {\n    const page = await newSpecPage({\n      components: [ZOffcanvas],\n      html: `<z-offcanvas open>\n              <div slot=\"canvasContent\"></div>\n            </z-offcanvas>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n\t\t\t<z-offcanvas open=\"\" transitiondirection=\"left\" variant=\"pushcontent\">\n\t\t\t\t<div class=\"canvas-container\" role=\"presentation\">\n\t\t\t\t\t<div class=\"canvas-content\" role=\"presentation\">\n\t\t\t\t\t\t<div slot=\"canvasContent\"></div>\n\t\t\t\t\t</div>\n        </div>\n      </z-offcanvas>\n    `);\n  });\n});\n\ndescribe(\"Suite test ZOffcanvas variant overlay\", () => {\n  it(\"Test render ZOffcanvas\", async () => {\n    const page = await newSpecPage({\n      components: [ZOffcanvas],\n      html: `<z-offcanvas open variant=\"overlay\">\n              <div slot=\"canvasContent\"></div>\n            </z-offcanvas>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n\t\t\t<z-offcanvas open=\"\" transitiondirection=\"left\" variant=\"overlay\">\n\t\t\t\t<div class=\"canvas-container\" role=\"presentation\">\n\t\t\t\t\t<div class=\"canvas-content\" role=\"presentation\">\n\t\t\t\t\t\t<div slot=\"canvasContent\"></div>\n\t\t\t\t\t</div>\n        </div>\n        <div class=\"canvas-background\" data-action=\"canvasBackground\"></div>\n      </z-offcanvas>\n    `);\n  });\n});\n"]}

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

@@ -1,36 +0,0 @@
-import { ZPagination } from "./index";
-describe("ZPagination test suite", () => {
-    it("should set minimum page when a number out of range is passed", () => {
-        const zPagination = new ZPagination();
-        zPagination.totalPages = 10;
-        zPagination["selectPage"](-5);
-        expect(zPagination.currentPage).toBe(1);
-        zPagination["selectPage"](15);
-        expect(zPagination.currentPage).toBe(10);
-    });
-    it("should set the passed page", () => {
-        const zPagination = new ZPagination();
-        zPagination.totalPages = 10;
-        zPagination["selectPage"](5);
-        expect(zPagination.currentPage).toBe(5);
-    });
-    it("should correctly extract page chunks", () => {
-        const zPagination = new ZPagination();
-        zPagination.totalPages = 10;
-        zPagination.visiblePages = 4;
-        zPagination.setVisiblePages();
-        expect(zPagination["getPagesChunks"]().length).toBe(3);
-    });
-    it("should render the correct number of page when split enabled", () => {
-        const zPagination = new ZPagination();
-        zPagination.totalPages = 15;
-        zPagination.split = 4;
-        let pages = zPagination["renderSplitPages"]();
-        expect(pages.length).toBe(zPagination.split * 2 + 5);
-        zPagination.currentPage = 7;
-        zPagination.split = 2;
-        pages = zPagination["renderSplitPages"]();
-        expect(pages.length).toBe(zPagination.split * 2 + 5);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-pagination/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACtE,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;QACtC,WAAW,CAAC,UAAU,GAAG,EAAE,CAAC;QAE5B,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9B,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAExC,WAAW,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;QAC9B,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;QACtC,WAAW,CAAC,UAAU,GAAG,EAAE,CAAC;QAE5B,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;QACtC,WAAW,CAAC,UAAU,GAAG,EAAE,CAAC;QAC5B,WAAW,CAAC,YAAY,GAAG,CAAC,CAAC;QAC7B,WAAW,CAAC,eAAe,EAAE,CAAC;QAE9B,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,GAAG,EAAE;QACrE,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;QACtC,WAAW,CAAC,UAAU,GAAG,EAAE,CAAC;QAC5B,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;QACtB,IAAI,KAAK,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAAE,CAAC;QAE9C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAErD,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC;QAC5B,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;QACtB,KAAK,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAAE,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {ZPagination} from \"./index\";\n\ndescribe(\"ZPagination test suite\", () => {\n  it(\"should set minimum page when a number out of range is passed\", () => {\n    const zPagination = new ZPagination();\n    zPagination.totalPages = 10;\n\n    zPagination[\"selectPage\"](-5);\n    expect(zPagination.currentPage).toBe(1);\n\n    zPagination[\"selectPage\"](15);\n    expect(zPagination.currentPage).toBe(10);\n  });\n\n  it(\"should set the passed page\", () => {\n    const zPagination = new ZPagination();\n    zPagination.totalPages = 10;\n\n    zPagination[\"selectPage\"](5);\n    expect(zPagination.currentPage).toBe(5);\n  });\n\n  it(\"should correctly extract page chunks\", () => {\n    const zPagination = new ZPagination();\n    zPagination.totalPages = 10;\n    zPagination.visiblePages = 4;\n    zPagination.setVisiblePages();\n\n    expect(zPagination[\"getPagesChunks\"]().length).toBe(3);\n  });\n\n  it(\"should render the correct number of page when split enabled\", () => {\n    const zPagination = new ZPagination();\n    zPagination.totalPages = 15;\n    zPagination.split = 4;\n    let pages = zPagination[\"renderSplitPages\"]();\n\n    expect(pages.length).toBe(zPagination.split * 2 + 5);\n\n    zPagination.currentPage = 7;\n    zPagination.split = 2;\n    pages = zPagination[\"renderSplitPages\"]();\n    expect(pages.length).toBe(zPagination.split * 2 + 5);\n  });\n});\n"]}