@zanichelli/albe-web-components 16.3.0 → 16.3.1

package/dist/collection/components/file-upload/z-file-upload/index.spec.js

@@ -1,135 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZFileUpload } from "./index";
-describe("Suite test ZFileUpload", () => {
-    it("Test render ZFileUpload default", async () => {
-        const page = await newSpecPage({
-            components: [ZFileUpload],
-            html: `<z-file-upload type="default"
-                            variant="primary"
-                            main-title="Allega un file"
-                            description="Vuoi allegare un file per chiarire meglio la tua richiesta?"
-                            accepted-format= ".pdf, .doc, .tiff, .png, .jpg, .jpeg"
-                            file-max-size="50">>
-             </z-file-upload>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-file-upload accepted-format=".pdf, .doc, .tiff, .png, .jpg, .jpeg" description="Vuoi allegare un file per chiarire meglio la tua richiesta?" file-max-size="50" main-title="Allega un file" type="default" variant="primary">
-      <mock:shadow-root>
-       <div class="container default">
-         <span id="title">
-           Allega un file
-         </span>
-         <span class="body-3-sb">
-           Vuoi allegare un file per chiarire meglio la tua richiesta?
-         </span>
-         <span class="body-3">
-           Puoi allegare file nei formati PDF, DOC, TIFF, PNG, JPG, JPEG per un massimo di 50MB di peso.
-         </span>
-         <section class="files-container hidden">
-          <span class="heading-4-sb">
-            File appena caricati
-          </span>
-          <div class="files-wrapper">
-            <slot name="files"></slot>
-          </div>
-          <z-divider size="medium"></z-divider>
-         </section>
-         <input accept=".pdf, .doc, .tiff, .png, .jpg, .jpeg" id="file-elem" multiple="" type="file">
-         <z-button icon="upload" id="fileSelect">
-           allega
-         </z-button>
-       </div>
-      </mock:shadow-root>
-      &gt;
-    </z-file-upload>`);
-    });
-    it("Test render ZFileUpload dragdrop", async () => {
-        const page = await newSpecPage({
-            components: [ZFileUpload],
-            html: `<z-file-upload type="dragdrop"
-                            main-title="Allega un file"
-                            description="Vuoi allegare un file per chiarire meglio la tua richiesta?"
-                            accepted-format= ".pdf, .doc, .tiff, .png, .jpg, .jpeg"
-                            file-max-size="50">>
-             </z-file-upload>`,
-        });
-        expect(page.root)
-            .toEqualHtml(`     <z-file-upload accepted-format=".pdf, .doc, .tiff, .png, .jpg, .jpeg" description="Vuoi allegare un file per chiarire meglio la tua richiesta?" file-max-size="50" main-title="Allega un file" type="dragdrop">
-       <mock:shadow-root>
-       <div class="container dragdrop">
-         <span id="title">
-           Allega un file
-         </span>
-         <section class="files-container hidden">
-          <span class="heading-4-sb">
-            File appena caricati
-          </span>
-          <div class="files-wrapper">
-            <slot name="files"></slot>
-          </div>
-          <z-divider size="medium"></z-divider>
-         </section>
-         <z-dragdrop-area drag-and-drop-label="Rilascia i file in questa area per allegarli.">
-           <div class="text-container">
-             <span class="body-1">
-               Vuoi allegare un file per chiarire meglio la tua richiesta?
-             </span>
-             <input accept=".pdf, .doc, .tiff, .png, .jpg, .jpeg" id="file-elem" multiple="" type="file">
-             <span class="body-1 upload-link-text">
-               <span class="body-1-sb upload-link" tabindex="0">
-                 Carica
-               </span>
-               o trascina dal tuo computer
-             </span>
-             <span class="body-3">
-               Puoi allegare file nei formati PDF, DOC, TIFF, PNG, JPG, JPEG per un massimo di 50MB di peso.
-             </span>
-           </div>
-         </z-dragdrop-area>
-       </div>
-      </mock:shadow-root>
-      &gt;
-      </z-file-upload>`);
-    });
-    it("Test render ZFileUpload with custom label and not main-title", async () => {
-        const page = await newSpecPage({
-            components: [ZFileUpload],
-            html: `<z-file-upload type="default"
-                            variant="primary"
-                            description="Vuoi allegare un file per chiarire meglio la tua richiesta?"
-                            accepted-format=".pdf, .doc, .tiff, .png, .jpg, .jpeg"
-                            upload-btn-label="testo custom"
-                            drag-and-drop-label="drag and drop custom label"
-                            file-max-size="50">>
-             </z-file-upload>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-file-upload accepted-format=".pdf, .doc, .tiff, .png, .jpg, .jpeg" description="Vuoi allegare un file per chiarire meglio la tua richiesta?" file-max-size="50" upload-btn-label="testo custom" drag-and-drop-label="drag and drop custom label" type="default" variant="primary">
-      <mock:shadow-root>
-       <div class="container default">
-         <span class="body-3-sb">
-           Vuoi allegare un file per chiarire meglio la tua richiesta?
-         </span>
-         <span class="body-3">
-           Puoi allegare file nei formati PDF, DOC, TIFF, PNG, JPG, JPEG per un massimo di 50MB di peso.
-         </span>
-         <section class="files-container hidden">
-          <span class="heading-4-sb">
-            File appena caricati
-          </span>
-          <div class="files-wrapper">
-            <slot name="files"></slot>
-          </div>
-          <z-divider size="medium"></z-divider>
-         </section>
-         <input accept=".pdf, .doc, .tiff, .png, .jpg, .jpeg" id="file-elem" multiple="" type="file">
-         <z-button icon="upload" id="fileSelect">
-           testo custom
-         </z-button>
-       </div>
-      </mock:shadow-root>
-      &gt;
-    </z-file-upload>`);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/file-upload/z-file-upload/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;;;;;8BAMkB;SACzB,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA6Bb,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;;;;8BAKkB;SACzB,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;aACd,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAmCI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;;;;;;8BAOkB;SACzB,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;qBA0Bb,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZFileUpload} from \"./index\";\n\ndescribe(\"Suite test ZFileUpload\", () => {\n  it(\"Test render ZFileUpload default\", async () => {\n    const page = await newSpecPage({\n      components: [ZFileUpload],\n      html: `<z-file-upload type=\"default\"\n                            variant=\"primary\"\n                            main-title=\"Allega un file\"\n                            description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\"\n                            accepted-format= \".pdf, .doc, .tiff, .png, .jpg, .jpeg\"\n                            file-max-size=\"50\">>\n             </z-file-upload>`,\n    });\n    expect(page.root).toEqualHtml(`\n    <z-file-upload accepted-format=\".pdf, .doc, .tiff, .png, .jpg, .jpeg\" description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\" file-max-size=\"50\" main-title=\"Allega un file\" type=\"default\" variant=\"primary\">\n      <mock:shadow-root>\n       <div class=\"container default\">\n         <span id=\"title\">\n           Allega un file\n         </span>\n         <span class=\"body-3-sb\">\n           Vuoi allegare un file per chiarire meglio la tua richiesta?\n         </span>\n         <span class=\"body-3\">\n           Puoi allegare file nei formati PDF, DOC, TIFF, PNG, JPG, JPEG per un massimo di 50MB di peso.\n         </span>\n         <section class=\"files-container hidden\">\n          <span class=\"heading-4-sb\">\n            File appena caricati\n          </span>\n          <div class=\"files-wrapper\">\n            <slot name=\"files\"></slot>\n          </div>\n          <z-divider size=\"medium\"></z-divider>\n         </section>\n         <input accept=\".pdf, .doc, .tiff, .png, .jpg, .jpeg\" id=\"file-elem\" multiple=\"\" type=\"file\">\n         <z-button icon=\"upload\" id=\"fileSelect\">\n           allega\n         </z-button>\n       </div>\n      </mock:shadow-root>\n      &gt;\n    </z-file-upload>`);\n  });\n\n  it(\"Test render ZFileUpload dragdrop\", async () => {\n    const page = await newSpecPage({\n      components: [ZFileUpload],\n      html: `<z-file-upload type=\"dragdrop\"\n                            main-title=\"Allega un file\"\n                            description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\"\n                            accepted-format= \".pdf, .doc, .tiff, .png, .jpg, .jpeg\"\n                            file-max-size=\"50\">>\n             </z-file-upload>`,\n    });\n    expect(page.root)\n      .toEqualHtml(`     <z-file-upload accepted-format=\".pdf, .doc, .tiff, .png, .jpg, .jpeg\" description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\" file-max-size=\"50\" main-title=\"Allega un file\" type=\"dragdrop\">\n       <mock:shadow-root>\n       <div class=\"container dragdrop\">\n         <span id=\"title\">\n           Allega un file\n         </span>\n         <section class=\"files-container hidden\">\n          <span class=\"heading-4-sb\">\n            File appena caricati\n          </span>\n          <div class=\"files-wrapper\">\n            <slot name=\"files\"></slot>\n          </div>\n          <z-divider size=\"medium\"></z-divider>\n         </section>\n         <z-dragdrop-area drag-and-drop-label=\"Rilascia i file in questa area per allegarli.\">\n           <div class=\"text-container\">\n             <span class=\"body-1\">\n               Vuoi allegare un file per chiarire meglio la tua richiesta?\n             </span>\n             <input accept=\".pdf, .doc, .tiff, .png, .jpg, .jpeg\" id=\"file-elem\" multiple=\"\" type=\"file\">\n             <span class=\"body-1 upload-link-text\">\n               <span class=\"body-1-sb upload-link\" tabindex=\"0\">\n                 Carica\n               </span>\n               o trascina dal tuo computer\n             </span>\n             <span class=\"body-3\">\n               Puoi allegare file nei formati PDF, DOC, TIFF, PNG, JPG, JPEG per un massimo di 50MB di peso.\n             </span>\n           </div>\n         </z-dragdrop-area>\n       </div>\n      </mock:shadow-root>\n      &gt;\n      </z-file-upload>`);\n  });\n\n  it(\"Test render ZFileUpload with custom label and not main-title\", async () => {\n    const page = await newSpecPage({\n      components: [ZFileUpload],\n      html: `<z-file-upload type=\"default\"\n                            variant=\"primary\"\n                            description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\"\n                            accepted-format=\".pdf, .doc, .tiff, .png, .jpg, .jpeg\"\n                            upload-btn-label=\"testo custom\"\n                            drag-and-drop-label=\"drag and drop custom label\"\n                            file-max-size=\"50\">>\n             </z-file-upload>`,\n    });\n    expect(page.root).toEqualHtml(`\n    <z-file-upload accepted-format=\".pdf, .doc, .tiff, .png, .jpg, .jpeg\" description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\" file-max-size=\"50\" upload-btn-label=\"testo custom\" drag-and-drop-label=\"drag and drop custom label\" type=\"default\" variant=\"primary\">\n      <mock:shadow-root>\n       <div class=\"container default\">\n         <span class=\"body-3-sb\">\n           Vuoi allegare un file per chiarire meglio la tua richiesta?\n         </span>\n         <span class=\"body-3\">\n           Puoi allegare file nei formati PDF, DOC, TIFF, PNG, JPG, JPEG per un massimo di 50MB di peso.\n         </span>\n         <section class=\"files-container hidden\">\n          <span class=\"heading-4-sb\">\n            File appena caricati\n          </span>\n          <div class=\"files-wrapper\">\n            <slot name=\"files\"></slot>\n          </div>\n          <z-divider size=\"medium\"></z-divider>\n         </section>\n         <input accept=\".pdf, .doc, .tiff, .png, .jpg, .jpeg\" id=\"file-elem\" multiple=\"\" type=\"file\">\n         <z-button icon=\"upload\" id=\"fileSelect\">\n           testo custom\n         </z-button>\n       </div>\n      </mock:shadow-root>\n      &gt;\n    </z-file-upload>`);\n  });\n});\n"]}

package/dist/collection/components/file-upload/z-file-upload/test.e2e.js

@@ -1,69 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-file-upload test end2end", () => {
-    it("Test z-file-upload -> add z-file by click", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-file-upload type="default"
-      button-variant="primary"
-      main-title="Allega un file"
-      description="Vuoi allegare un file per chiarire meglio la tua richiesta?"
-      accepted-format= ".pdf, .doc, .tiff, .png, .jpg, .jpeg"
-      file-max-size="50">
-    </z-file-upload>
-  `);
-        const zfu = await page.find("z-file-upload");
-        await zfu.setProperty("acceptedFormat", ".md");
-        await page.waitForChanges();
-        // simulate upload of file
-        const button = await page.find("z-file-upload >>> div z-button >>> button");
-        button.click();
-        const fileChooser = await page.waitForFileChooser();
-        const fileInputEvent = await zfu.spyOnEvent("fileInput");
-        await fileChooser.accept(["./readme.md"]);
-        await page.waitForChanges();
-        expect(fileInputEvent).toHaveReceivedEvent();
-    });
-    it("Test z-file-upload -> add z-file by click ERROR: wrong file type", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-file-upload type="default"
-      button-variant="primary"
-      main-title="Allega un file"
-      description="Vuoi allegare un file per chiarire meglio la tua richiesta?"
-      accepted-format= ".pdf, .doc, .tiff, .png, .jpg, .jpeg"
-      file-max-size="50">
-    </z-file-upload>
-  `);
-        const zfu = await page.find("z-file-upload");
-        // simulate upload of file
-        const button = await page.find("z-file-upload >>> div z-button >>> button");
-        button.click();
-        const fileChooser = await page.waitForFileChooser();
-        const fileInputEvent = await zfu.spyOnEvent("fileInput");
-        await fileChooser.accept(["./readme.md"]);
-        await page.waitForChanges();
-        expect(fileInputEvent).not.toHaveReceivedEvent();
-        const errorModal = await page.find("z-file-upload >>> z-modal");
-        expect(errorModal).not.toBeNull();
-    });
-    it("Test z-file-upload -> remove z-file", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-file-upload type="default"
-      button-variant="primary"
-      main-title="Allega un file"
-      description="Vuoi allegare un file per chiarire meglio la tua richiesta?"
-      accepted-format= ".pdf, .doc, .tiff, .png, .jpg, .jpeg"
-      file-max-size="50">
-        <z-file slot="files" class="hydrated">Spike - Condivisione pagine Kitaboo-OK.pdf</z-file>
-    </z-file-upload>
-    `);
-        const zf = await page.find("z-file-upload z-file");
-        expect(zf).not.toBeNull();
-        page.evaluate(() => document.querySelector("z-file-upload z-file z-chip z-icon").click());
-        await page.waitForChanges();
-        const zfCheck = await page.find("z-file-upload z-file");
-        expect(zfCheck).toBeNull();
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../../src/components/file-upload/z-file-upload/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-file-upload test end2end\", () => {\n  it(\"Test z-file-upload -> add z-file by click\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-file-upload type=\"default\"\n      button-variant=\"primary\"\n      main-title=\"Allega un file\"\n      description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\"\n      accepted-format= \".pdf, .doc, .tiff, .png, .jpg, .jpeg\"\n      file-max-size=\"50\">\n    </z-file-upload>\n  `);\n    const zfu = await page.find(\"z-file-upload\");\n\n    await zfu.setProperty(\"acceptedFormat\", \".md\");\n    await page.waitForChanges();\n\n    // simulate upload of file\n    const button = await page.find(\"z-file-upload >>> div z-button >>> button\");\n    button.click();\n    const fileChooser = await page.waitForFileChooser();\n\n    const fileInputEvent = await zfu.spyOnEvent(\"fileInput\");\n\n    await fileChooser.accept([\"./readme.md\"]);\n    await page.waitForChanges();\n\n    expect(fileInputEvent).toHaveReceivedEvent();\n  });\n\n  it(\"Test z-file-upload -> add z-file by click ERROR: wrong file type\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-file-upload type=\"default\"\n      button-variant=\"primary\"\n      main-title=\"Allega un file\"\n      description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\"\n      accepted-format= \".pdf, .doc, .tiff, .png, .jpg, .jpeg\"\n      file-max-size=\"50\">\n    </z-file-upload>\n  `);\n    const zfu = await page.find(\"z-file-upload\");\n\n    // simulate upload of file\n    const button = await page.find(\"z-file-upload >>> div z-button >>> button\");\n    button.click();\n    const fileChooser = await page.waitForFileChooser();\n\n    const fileInputEvent = await zfu.spyOnEvent(\"fileInput\");\n\n    await fileChooser.accept([\"./readme.md\"]);\n    await page.waitForChanges();\n\n    expect(fileInputEvent).not.toHaveReceivedEvent();\n\n    const errorModal = await page.find(\"z-file-upload >>> z-modal\");\n    expect(errorModal).not.toBeNull();\n  });\n\n  it(\"Test z-file-upload -> remove z-file\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n    <z-file-upload type=\"default\"\n      button-variant=\"primary\"\n      main-title=\"Allega un file\"\n      description=\"Vuoi allegare un file per chiarire meglio la tua richiesta?\"\n      accepted-format= \".pdf, .doc, .tiff, .png, .jpg, .jpeg\"\n      file-max-size=\"50\">\n        <z-file slot=\"files\" class=\"hydrated\">Spike - Condivisione pagine Kitaboo-OK.pdf</z-file>\n    </z-file-upload>\n    `);\n\n    const zf = await page.find(\"z-file-upload z-file\");\n\n    expect(zf).not.toBeNull();\n\n    page.evaluate(() => (document.querySelector(\"z-file-upload z-file z-chip z-icon\") as HTMLElement).click());\n    await page.waitForChanges();\n    const zfCheck = await page.find(\"z-file-upload z-file\");\n\n    expect(zfCheck).toBeNull();\n  });\n});\n"]}

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

@@ -1,33 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZList } from "./index";
-describe("Suite test ZList", () => {
-    it("Test render ZList", async () => {
-        const page = await newSpecPage({
-            components: [ZList],
-            html: `<z-list><z-list-element></z-list-element></z-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list list-type="none" role="list" size="medium">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-list-element list-element-position="1" list-type="none" size="medium"></z-list-element>
-      </z-list>
-    `);
-    });
-    it("Test render ZList size prop", async () => {
-        const page = await newSpecPage({
-            components: [ZList],
-            html: `<z-list size="large"><z-list-element></z-list-element></z-list>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list list-type="none" role="list" size="large">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-list-element list-element-position="1" list-type="none" size="large"></z-list-element>
-      </z-list>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/list/z-list/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,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,iEAAiE;SACxE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZList} from \"./index\";\n\ndescribe(\"Suite test ZList\", () => {\n  it(\"Test render ZList\", async () => {\n    const page = await newSpecPage({\n      components: [ZList],\n      html: `<z-list><z-list-element></z-list-element></z-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list list-type=\"none\" role=\"list\" size=\"medium\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-list-element list-element-position=\"1\" list-type=\"none\" size=\"medium\"></z-list-element>\n      </z-list>\n    `);\n  });\n\n  it(\"Test render ZList size prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZList],\n      html: `<z-list size=\"large\"><z-list-element></z-list-element></z-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list list-type=\"none\" role=\"list\" size=\"large\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-list-element list-element-position=\"1\" list-type=\"none\" size=\"large\"></z-list-element>\n      </z-list>\n    `);\n  });\n});\n"]}

package/dist/collection/components/list/z-list-element/index.spec.js

@@ -1,135 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZListElement } from "./index";
-describe("Suite test ZListElement", () => {
-    it("Test render ZListElement", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element><span>Test</span></z-list-element>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-list-element align-button="left" color="none" list-element-position="0" list-type="none" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container"  tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <slot></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-      </z-list-element>
-    `);
-    });
-    it("Test render ZListElement expandable", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element expandable="true"><span>Test</span><div slot="inner-content">Test</div></z-list-element>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list-element align-button="left" color="none" list-element-position="0" list-type="none" expandable="" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container" tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <z-icon name="plus-circled"></z-icon>
-              <slot></slot>
-            </div>
-            <div class="z-list-element-inner-container">
-              <slot name="inner-content"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-        <div slot="inner-content">
-          Test
-        </div>
-      </z-list-element>
-    `);
-    });
-    it("Test render ZListElement expanded content", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element expandable="true"><span>Test</span><div slot="inner-content">Test</div></z-list-element>`,
-        });
-        page.root.click();
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <z-list-element align-button="left" color="none" list-element-position="0" list-type="none" aria-expanded="" expandable="" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container"  tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <z-icon name="minus-circled"></z-icon>
-              <slot></slot>
-            </div>
-            <div class="expanded z-list-element-inner-container">
-              <slot name="inner-content"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-        <div slot="inner-content">
-          Test
-        </div>
-      </z-list-element>
-    `);
-    });
-    it("Test render ZListElement expandable style", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element expandable-style="menu" expandable="true"><span>Test</span><div slot="inner-content">Test</div></z-list-element>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list-element align-button="left" color="none" list-element-position="0" list-type="none" expandable="" expandable-style="menu" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container" tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <z-icon name="chevron-down"></z-icon>
-              <slot></slot>
-            </div>
-            <div class="z-list-element-inner-container">
-              <slot name="inner-content"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-        <div slot="inner-content">
-          Test
-        </div>
-      </z-list-element>
-    `);
-    });
-    it("Test render ZListElement align button right", async () => {
-        const page = await newSpecPage({
-            components: [ZListElement],
-            html: `<z-list-element expandable="true" align-button="right"><span>Test</span><div slot="inner-content">Test</div></z-list-element>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list-element align-button="right" color="none" list-element-position="0" list-type="none" expandable="" role="listitem" size="medium" tabindex="0">
-        <mock:shadow-root>
-          <div class="container" id="z-list-element-id-undefined" part="list-item-container"  tabindex="-1" style="color: var(--none);">
-            <div class="z-list-element-container">
-              <z-icon name="plus-circled"></z-icon>
-              <slot></slot>
-            </div>
-            <div class="z-list-element-inner-container">
-              <slot name="inner-content"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-        <div slot="inner-content">
-          Test
-        </div>
-      </z-list-element>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/list/z-list-element/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,0GAA0G;SACjH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,0GAA0G;SACjH,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,kIAAkI;SACzI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB7B,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,YAAY,CAAC;YAC1B,IAAI,EAAE,+HAA+H;SACtI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;KAoB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZListElement} from \"./index\";\n\ndescribe(\"Suite test ZListElement\", () => {\n  it(\"Test render ZListElement\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element><span>Test</span></z-list-element>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-list-element align-button=\"left\" color=\"none\" list-element-position=\"0\" list-type=\"none\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\"  tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <slot></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n      </z-list-element>\n    `);\n  });\n\n  it(\"Test render ZListElement expandable\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element expandable=\"true\"><span>Test</span><div slot=\"inner-content\">Test</div></z-list-element>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list-element align-button=\"left\" color=\"none\" list-element-position=\"0\" list-type=\"none\" expandable=\"\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\" tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <z-icon name=\"plus-circled\"></z-icon>\n              <slot></slot>\n            </div>\n            <div class=\"z-list-element-inner-container\">\n              <slot name=\"inner-content\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n        <div slot=\"inner-content\">\n          Test\n        </div>\n      </z-list-element>\n    `);\n  });\n\n  it(\"Test render ZListElement expanded content\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element expandable=\"true\"><span>Test</span><div slot=\"inner-content\">Test</div></z-list-element>`,\n    });\n\n    page.root.click();\n    await page.waitForChanges();\n\n    expect(page.root).toEqualHtml(`\n      <z-list-element align-button=\"left\" color=\"none\" list-element-position=\"0\" list-type=\"none\" aria-expanded=\"\" expandable=\"\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\"  tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <z-icon name=\"minus-circled\"></z-icon>\n              <slot></slot>\n            </div>\n            <div class=\"expanded z-list-element-inner-container\">\n              <slot name=\"inner-content\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n        <div slot=\"inner-content\">\n          Test\n        </div>\n      </z-list-element>\n    `);\n  });\n\n  it(\"Test render ZListElement expandable style\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element expandable-style=\"menu\" expandable=\"true\"><span>Test</span><div slot=\"inner-content\">Test</div></z-list-element>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list-element align-button=\"left\" color=\"none\" list-element-position=\"0\" list-type=\"none\" expandable=\"\" expandable-style=\"menu\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\" tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <z-icon name=\"chevron-down\"></z-icon>\n              <slot></slot>\n            </div>\n            <div class=\"z-list-element-inner-container\">\n              <slot name=\"inner-content\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n        <div slot=\"inner-content\">\n          Test\n        </div>\n      </z-list-element>\n    `);\n  });\n\n  it(\"Test render ZListElement align button right\", async () => {\n    const page = await newSpecPage({\n      components: [ZListElement],\n      html: `<z-list-element expandable=\"true\" align-button=\"right\"><span>Test</span><div slot=\"inner-content\">Test</div></z-list-element>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list-element align-button=\"right\" color=\"none\" list-element-position=\"0\" list-type=\"none\" expandable=\"\" role=\"listitem\" size=\"medium\" tabindex=\"0\">\n        <mock:shadow-root>\n          <div class=\"container\" id=\"z-list-element-id-undefined\" part=\"list-item-container\"  tabindex=\"-1\" style=\"color: var(--none);\">\n            <div class=\"z-list-element-container\">\n              <z-icon name=\"plus-circled\"></z-icon>\n              <slot></slot>\n            </div>\n            <div class=\"z-list-element-inner-container\">\n              <slot name=\"inner-content\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n        <div slot=\"inner-content\">\n          Test\n        </div>\n      </z-list-element>\n    `);\n  });\n});\n"]}

package/dist/collection/components/list/z-list-group/index.spec.js

@@ -1,39 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZListGroup } from "./index";
-describe("Suite test ZListGroup", () => {
-    it("Test render ZListGroup", async () => {
-        const page = await newSpecPage({
-            components: [ZListGroup],
-            html: `<z-list-group><z-list-element></z-list-element></z-list-group>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-list-group divider-color="gray200" divider-size="small" divider-type="none" list-type="none" role="group" size="medium">
-        <mock:shadow-root>
-          <div class="z-list-group-header-container">
-            <slot name="header-title"></slot>
-          </div>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-list-element list-element-position="0" list-type="none" size="medium"></z-list-element>
-      </z-list-group>
-    `);
-    });
-    it("Test render ZListGroup size prop", async () => {
-        const page = await newSpecPage({
-            components: [ZListGroup],
-            html: `<z-list-group size="small"><z-list-element></z-list-element></z-list-group>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-list-group divider-color="gray200" divider-size="small" divider-type="none" list-type="none" role="group" size="small">
-        <mock:shadow-root>
-          <div class="z-list-group-header-container">
-            <slot name="header-title"></slot>
-          </div>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-list-element list-element-position="0" list-type="none" size="small"></z-list-element>
-      </z-list-group>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/components/list/z-list-group/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,gEAAgE;SACvE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,6EAA6E;SACpF,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 {ZListGroup} from \"./index\";\n\ndescribe(\"Suite test ZListGroup\", () => {\n  it(\"Test render ZListGroup\", async () => {\n    const page = await newSpecPage({\n      components: [ZListGroup],\n      html: `<z-list-group><z-list-element></z-list-element></z-list-group>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-list-group divider-color=\"gray200\" divider-size=\"small\" divider-type=\"none\" list-type=\"none\" role=\"group\" size=\"medium\">\n        <mock:shadow-root>\n          <div class=\"z-list-group-header-container\">\n            <slot name=\"header-title\"></slot>\n          </div>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-list-element list-element-position=\"0\" list-type=\"none\" size=\"medium\"></z-list-element>\n      </z-list-group>\n    `);\n  });\n\n  it(\"Test render ZListGroup size prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZListGroup],\n      html: `<z-list-group size=\"small\"><z-list-element></z-list-element></z-list-group>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-list-group divider-color=\"gray200\" divider-size=\"small\" divider-type=\"none\" list-type=\"none\" role=\"group\" size=\"small\">\n        <mock:shadow-root>\n          <div class=\"z-list-group-header-container\">\n            <slot name=\"header-title\"></slot>\n          </div>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-list-element list-element-position=\"0\" list-type=\"none\" size=\"small\"></z-list-element>\n      </z-list-group>\n    `);\n  });\n});\n"]}