@zanichelli/albe-web-components 16.3.0 → 16.3.1

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

@@ -1,395 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZSearchbar } from "./index";
-global.ResizeObserver = jest.fn().mockImplementation(() => ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-    disconnect: jest.fn(),
-}));
-describe("Suite test ZSearchbar", () => {
-    it("Simple searchbar", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar htmlid="my-id" show-search-button="true"></z-searchbar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-searchbar class="has-submit" htmlid="my-id" show-search-button="true">
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-          </div>
-          <z-button size="big" variant="primary">CERCA</z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Autocomplete searchbar without search", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar htmlid="my-id" autocomplete="true" prevent-submit="true"></z-searchbar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-searchbar class="has-results" htmlid="my-id" autocomplete="true" prevent-submit="true">
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-          </div>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Autocomplete searchbar with search and results - no input search", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='${JSON.stringify(getItems())}'
-        show-search-button="true"
-      ></z-searchbar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-searchbar
-        class="has-submit has-results"
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='${JSON.stringify(getItems())}'
-        show-search-button="true"
-      >
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-          </div>
-          <z-button size="big" variant="primary">CERCA</z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Autocomplete searchbar with search and results - with input search", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='${JSON.stringify(getItems())}'
-        show-search-button="true"
-      ></z-searchbar>`,
-        });
-        page.rootInstance.searchString = "item";
-        page.rootInstance.showResults = true;
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <z-searchbar
-        class="has-submit has-results"
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='${JSON.stringify(getItems())}'
-        show-search-button="true"
-      >
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-            <div class="results-wrapper">
-              <div class="results">
-                <z-list role="listbox" id="list-my-id">
-                  ${searchHelper()}
-                  ${resultsItems()}
-                </z-list>
-              </div>
-            </div>
-          </div>
-          <z-button size="big" variant="primary">CERCA</z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Autocomplete searchbar with search and limited results - with input search", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='${JSON.stringify(getItems())}'
-        results-count="1"
-        show-search-button="true"
-      ></z-searchbar>`,
-        });
-        page.rootInstance.searchString = "item";
-        page.rootInstance.showResults = true;
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <z-searchbar
-        class="has-submit has-results"
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='${JSON.stringify(getItems())}'
-        results-count="1"
-        show-search-button="true"
-      >
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-            <div class="results-wrapper">
-              <div class="results">
-                <z-list role="listbox" id="list-my-id">
-                  ${searchHelper()}
-                  <z-list-group divider-type="element">
-                    <z-list-element
-                      id="list-item-my-id-0"
-                      role="option"
-                      dividerType="element"
-                      tabindex="0"
-                    >
-                    <div class="list-element" tabindex="0">
-                      <span class="item ellipsis">
-                        <z-icon class="item-icon" name="download"></z-icon>
-                        <span class="item-label" title="item 1"><mark>item</mark> 1</span>
-                      </span>
-                    </div>
-                    </z-list-element>
-                  </z-list-group>
-                  ${showAllResults()}
-                </z-list>
-              </div>
-            </div>
-          </div>
-          <z-button size="big" variant="primary">CERCA</z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Autocomplete searchbar with search and limited results (show all) - with input search", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='${JSON.stringify(getItems())}'
-        show-search-button="true"
-      ></z-searchbar>`,
-        });
-        page.rootInstance.searchString = "item";
-        page.rootInstance.showResults = true;
-        page.rootInstance.currResultsCount = 0;
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <z-searchbar
-        class="has-submit has-results"
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='${JSON.stringify(getItems())}'
-        show-search-button="true"
-      >
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-            <div class="results-wrapper">
-              <div class="results">
-                <z-list role="listbox" id="list-my-id">
-                  ${searchHelper()}
-                  ${resultsItems()}
-                </z-list>
-              </div>
-            </div>
-          </div>
-          <z-button size="big" variant="primary">CERCA</z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Autocomplete searchbar without search and no results - with input search", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar
-        htmlid="my-id"
-        autocomplete="true"
-        prevent-submit="true"
-        results-items='[]'
-      ></z-searchbar>`,
-        });
-        page.rootInstance.searchString = "item";
-        page.rootInstance.showResults = true;
-        page.rootInstance.currResultsCount = 0;
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <z-searchbar
-        class="has-results"
-        htmlid="my-id"
-        autocomplete="true"
-        prevent-submit="true"
-        results-items="[]"
-      >
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-            <div class="results-wrapper">
-              <div class="results">
-                <span class="item item-no-results">
-                  Non abbiamo trovato risultati per <b>item</b>
-                  <br /><br />
-                  Cosa puoi fare?
-                  <ul>
-                    <li>Verificare di aver scritto bene</li>
-                    <li>Provare a cercare un'altra parola</li>
-                    <li>Provare a cercare qualcosa di più generico</li>
-                  </ul>
-                </span>
-              </div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Autocomplete searchbar with search and no results - with input search", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='[]'
-        show-search-button="true"
-      ></z-searchbar>`,
-        });
-        page.rootInstance.searchString = "item";
-        page.rootInstance.showResults = true;
-        page.rootInstance.currResultsCount = 0;
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-      <z-searchbar
-        class="has-submit has-results"
-        htmlid="my-id"
-        autocomplete="true"
-        results-items='[]'
-        show-search-button="true"
-      >
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-            <div class="results-wrapper">
-              <div class="results">
-                <z-list role="listbox" id="list-my-id">
-                  ${searchHelper(false)}
-                </z-list>
-              </div>
-            </div>
-          </div>
-          <z-button size="big" variant="primary">CERCA</z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Simple searchbar change size", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar htmlid="my-id" show-search-button="true" size="small"></z-searchbar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-searchbar class="has-submit" htmlid="my-id" show-search-button="true" size="small">
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="small"></z-input>
-          </div>
-          <z-button size="small" variant="primary">CERCA</z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Simple searchbar change button variant", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar htmlid="my-id" show-search-button="true" variant="secondary"></z-searchbar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-searchbar class="has-submit" htmlid="my-id" show-search-button="true" variant="secondary">
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-          </div>
-          <z-button size="big" variant="secondary">CERCA</z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-    it("Simple searchbar only icon button", async () => {
-        const page = await newSpecPage({
-            components: [ZSearchbar],
-            html: `<z-searchbar htmlid="my-id" show-search-button="true" search-button-icon-only="true"></z-searchbar>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-searchbar class="has-submit" htmlid="my-id" show-search-button="true" search-button-icon-only="true">
-        <mock:shadow-root>
-          <div class="input-container">
-            <z-input tabindex="0" size="big"></z-input>
-          </div>
-          <z-button icon="search" size="big" variant="primary"></z-button>
-        </mock:shadow-root>
-      </z-searchbar>
-    `);
-    });
-});
-const getItems = () => [{ label: "item 1", icon: "download" }, { label: "item 2" }, { label: "item 3" }];
-const resultsItems = () => `
-  <z-list-group divider-type="element">
-    <z-list-element
-      id="list-item-my-id-0"
-      role="option"
-      tabindex="0"
-      dividerType="element"
-    >
-    <div class="list-element" tabindex="0">
-      <span class="item ellipsis">
-        <z-icon class="item-icon" name="download"></z-icon>
-        <span class="item-label" title="item 1"><mark>item</mark> 1</span>
-      </span>
-    </div>
-    </z-list-element>
-    <z-list-element
-      id="list-item-my-id-1"
-      role="option"
-      tabindex="0"
-      dividerType="element"
-    >
-    <div class="list-element" tabindex="0">
-      <span class="item ellipsis">
-        <span class="item-label" title="item 2"><mark>item</mark> 2</span>
-      </span>
-    </div>
-    </z-list-element>
-    <z-list-element
-      id="list-item-my-id-2"
-      role="option"
-      tabindex="0"
-    >
-    <div class="list-element" tabindex="0">
-      <span class="item ellipsis">
-        <span class="item-label" title="item 3"><mark>item</mark> 3</span>
-      </span>
-    </div>
-    </z-list-element>
-  </z-list-group>`;
-const searchHelper = (divider = true) => `
-  <z-list-element
-    role="option"
-    ${divider ? `dividerType="element"` : ``}
-    id="list-item-my-id-search"
-  >
-    <div class="list-element" tabindex="0">
-    <span class="item item-search">
-      <z-icon class="search-icon" name="left-magnifying-glass"></z-icon>
-      <span class="item-label">Cerca <mark>item</mark></span>
-    </span>
-    </div>
-  </z-list-element>
-`;
-const showAllResults = () => `
-  <z-list-element
-    role="option"
-    id="list-item-my-id-show-all"
-    color="color-primary01"
-    tabindex="0"
-    clickable
-  >
-    <div class="item-show-all">Vedi tutti i risultati</div>
-  </z-list-element>
-`;
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-searchbar/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZSearchbar} from \"./index\";\n\nglobal.ResizeObserver = jest.fn().mockImplementation(() => ({\n  observe: jest.fn(),\n  unobserve: jest.fn(),\n  disconnect: jest.fn(),\n}));\n\ndescribe(\"Suite test ZSearchbar\", () => {\n  it(\"Simple searchbar\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar htmlid=\"my-id\" show-search-button=\"true\"></z-searchbar>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-searchbar class=\"has-submit\" htmlid=\"my-id\" show-search-button=\"true\">\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n          </div>\n          <z-button size=\"big\" variant=\"primary\">CERCA</z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Autocomplete searchbar without search\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar htmlid=\"my-id\" autocomplete=\"true\" prevent-submit=\"true\"></z-searchbar>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-searchbar class=\"has-results\" htmlid=\"my-id\" autocomplete=\"true\" prevent-submit=\"true\">\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n          </div>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Autocomplete searchbar with search and results - no input search\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='${JSON.stringify(getItems())}'\n        show-search-button=\"true\"\n      ></z-searchbar>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-searchbar\n        class=\"has-submit has-results\"\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='${JSON.stringify(getItems())}'\n        show-search-button=\"true\"\n      >\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n          </div>\n          <z-button size=\"big\" variant=\"primary\">CERCA</z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Autocomplete searchbar with search and results - with input search\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='${JSON.stringify(getItems())}'\n        show-search-button=\"true\"\n      ></z-searchbar>`,\n    });\n    page.rootInstance.searchString = \"item\";\n    page.rootInstance.showResults = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-searchbar\n        class=\"has-submit has-results\"\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='${JSON.stringify(getItems())}'\n        show-search-button=\"true\"\n      >\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n            <div class=\"results-wrapper\">\n              <div class=\"results\">\n                <z-list role=\"listbox\" id=\"list-my-id\">\n                  ${searchHelper()}\n                  ${resultsItems()}\n                </z-list>\n              </div>\n            </div>\n          </div>\n          <z-button size=\"big\" variant=\"primary\">CERCA</z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Autocomplete searchbar with search and limited results - with input search\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='${JSON.stringify(getItems())}'\n        results-count=\"1\"\n        show-search-button=\"true\"\n      ></z-searchbar>`,\n    });\n    page.rootInstance.searchString = \"item\";\n    page.rootInstance.showResults = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-searchbar\n        class=\"has-submit has-results\"\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='${JSON.stringify(getItems())}'\n        results-count=\"1\"\n        show-search-button=\"true\"\n      >\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n            <div class=\"results-wrapper\">\n              <div class=\"results\">\n                <z-list role=\"listbox\" id=\"list-my-id\">\n                  ${searchHelper()}\n                  <z-list-group divider-type=\"element\">\n                    <z-list-element\n                      id=\"list-item-my-id-0\"\n                      role=\"option\"\n                      dividerType=\"element\"\n                      tabindex=\"0\"\n                    >\n                    <div class=\"list-element\" tabindex=\"0\">\n                      <span class=\"item ellipsis\">\n                        <z-icon class=\"item-icon\" name=\"download\"></z-icon>\n                        <span class=\"item-label\" title=\"item 1\"><mark>item</mark> 1</span>\n                      </span>\n                    </div>\n                    </z-list-element>\n                  </z-list-group>\n                  ${showAllResults()}\n                </z-list>\n              </div>\n            </div>\n          </div>\n          <z-button size=\"big\" variant=\"primary\">CERCA</z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Autocomplete searchbar with search and limited results (show all) - with input search\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='${JSON.stringify(getItems())}'\n        show-search-button=\"true\"\n      ></z-searchbar>`,\n    });\n    page.rootInstance.searchString = \"item\";\n    page.rootInstance.showResults = true;\n    page.rootInstance.currResultsCount = 0;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-searchbar\n        class=\"has-submit has-results\"\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='${JSON.stringify(getItems())}'\n        show-search-button=\"true\"\n      >\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n            <div class=\"results-wrapper\">\n              <div class=\"results\">\n                <z-list role=\"listbox\" id=\"list-my-id\">\n                  ${searchHelper()}\n                  ${resultsItems()}\n                </z-list>\n              </div>\n            </div>\n          </div>\n          <z-button size=\"big\" variant=\"primary\">CERCA</z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Autocomplete searchbar without search and no results - with input search\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        prevent-submit=\"true\"\n        results-items='[]'\n      ></z-searchbar>`,\n    });\n    page.rootInstance.searchString = \"item\";\n    page.rootInstance.showResults = true;\n    page.rootInstance.currResultsCount = 0;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-searchbar\n        class=\"has-results\"\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        prevent-submit=\"true\"\n        results-items=\"[]\"\n      >\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n            <div class=\"results-wrapper\">\n              <div class=\"results\">\n                <span class=\"item item-no-results\">\n                  Non abbiamo trovato risultati per <b>item</b>\n                  <br /><br />\n                  Cosa puoi fare?\n                  <ul>\n                    <li>Verificare di aver scritto bene</li>\n                    <li>Provare a cercare un'altra parola</li>\n                    <li>Provare a cercare qualcosa di più generico</li>\n                  </ul>\n                </span>\n              </div>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Autocomplete searchbar with search and no results - with input search\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='[]'\n        show-search-button=\"true\"\n      ></z-searchbar>`,\n    });\n    page.rootInstance.searchString = \"item\";\n    page.rootInstance.showResults = true;\n    page.rootInstance.currResultsCount = 0;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-searchbar\n        class=\"has-submit has-results\"\n        htmlid=\"my-id\"\n        autocomplete=\"true\"\n        results-items='[]'\n        show-search-button=\"true\"\n      >\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n            <div class=\"results-wrapper\">\n              <div class=\"results\">\n                <z-list role=\"listbox\" id=\"list-my-id\">\n                  ${searchHelper(false)}\n                </z-list>\n              </div>\n            </div>\n          </div>\n          <z-button size=\"big\" variant=\"primary\">CERCA</z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Simple searchbar change size\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar htmlid=\"my-id\" show-search-button=\"true\" size=\"small\"></z-searchbar>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-searchbar class=\"has-submit\" htmlid=\"my-id\" show-search-button=\"true\" size=\"small\">\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"small\"></z-input>\n          </div>\n          <z-button size=\"small\" variant=\"primary\">CERCA</z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Simple searchbar change button variant\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar htmlid=\"my-id\" show-search-button=\"true\" variant=\"secondary\"></z-searchbar>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-searchbar class=\"has-submit\" htmlid=\"my-id\" show-search-button=\"true\" variant=\"secondary\">\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n          </div>\n          <z-button size=\"big\" variant=\"secondary\">CERCA</z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n\n  it(\"Simple searchbar only icon button\", async () => {\n    const page = await newSpecPage({\n      components: [ZSearchbar],\n      html: `<z-searchbar htmlid=\"my-id\" show-search-button=\"true\" search-button-icon-only=\"true\"></z-searchbar>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-searchbar class=\"has-submit\" htmlid=\"my-id\" show-search-button=\"true\" search-button-icon-only=\"true\">\n        <mock:shadow-root>\n          <div class=\"input-container\">\n            <z-input tabindex=\"0\" size=\"big\"></z-input>\n          </div>\n          <z-button icon=\"search\" size=\"big\" variant=\"primary\"></z-button>\n        </mock:shadow-root>\n      </z-searchbar>\n    `);\n  });\n});\n\nconst getItems = () => [{label: \"item 1\", icon: \"download\"}, {label: \"item 2\"}, {label: \"item 3\"}];\n\nconst resultsItems = () => `\n  <z-list-group divider-type=\"element\">\n    <z-list-element\n      id=\"list-item-my-id-0\"\n      role=\"option\"\n      tabindex=\"0\"\n      dividerType=\"element\"\n    >\n    <div class=\"list-element\" tabindex=\"0\">\n      <span class=\"item ellipsis\">\n        <z-icon class=\"item-icon\" name=\"download\"></z-icon>\n        <span class=\"item-label\" title=\"item 1\"><mark>item</mark> 1</span>\n      </span>\n    </div>\n    </z-list-element>\n    <z-list-element\n      id=\"list-item-my-id-1\"\n      role=\"option\"\n      tabindex=\"0\"\n      dividerType=\"element\"\n    >\n    <div class=\"list-element\" tabindex=\"0\">\n      <span class=\"item ellipsis\">\n        <span class=\"item-label\" title=\"item 2\"><mark>item</mark> 2</span>\n      </span>\n    </div>\n    </z-list-element>\n    <z-list-element\n      id=\"list-item-my-id-2\"\n      role=\"option\"\n      tabindex=\"0\"\n    >\n    <div class=\"list-element\" tabindex=\"0\">\n      <span class=\"item ellipsis\">\n        <span class=\"item-label\" title=\"item 3\"><mark>item</mark> 3</span>\n      </span>\n    </div>\n    </z-list-element>\n  </z-list-group>`;\n\nconst searchHelper = (divider: boolean = true) => `\n  <z-list-element\n    role=\"option\"\n    ${divider ? `dividerType=\"element\"` : ``}\n    id=\"list-item-my-id-search\"\n  >\n    <div class=\"list-element\" tabindex=\"0\">\n    <span class=\"item item-search\">\n      <z-icon class=\"search-icon\" name=\"left-magnifying-glass\"></z-icon>\n      <span class=\"item-label\">Cerca <mark>item</mark></span>\n    </span>\n    </div>\n  </z-list-element>\n`;\n\nconst showAllResults = () => `\n  <z-list-element\n    role=\"option\"\n    id=\"list-item-my-id-show-all\"\n    color=\"color-primary01\"\n    tabindex=\"0\"\n    clickable\n  >\n    <div class=\"item-show-all\">Vedi tutti i risultati</div>\n  </z-list-element>\n`;\n"]}

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

@@ -1,90 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-searchbar test end2end", () => {
-    it("Emit searchTyping event", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-searchbar placeholder="Cerca" search-button-label="Cerca"></z-searchbar>
-    `);
-        const searchbar = await page.find("z-searchbar");
-        const input = await page.find("z-searchbar >>> z-input div input");
-        const searchTypingEvent = await page.spyOnEvent("searchTyping");
-        expect(searchbar).not.toBeNull();
-        expect(input).not.toBeNull();
-        await input.type("A");
-        await page.waitForChanges();
-        await page.waitForEvent("searchTyping");
-        expect(searchTypingEvent).toHaveReceivedEvent();
-    });
-    it("Emit searchSubmit event", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-    <z-searchbar placeholder="Cerca" show-search-button="true"></z-searchbar>
-    `);
-        const searchbar = await page.find("z-searchbar");
-        const input = await page.find("z-searchbar >>> z-input div input");
-        const button = await page.find("z-searchbar >>> z-button");
-        const searchSubmitEvent = await page.spyOnEvent("searchSubmit");
-        expect(searchbar).not.toBeNull();
-        expect(input).not.toBeNull();
-        await input.type("Test");
-        await page.waitForChanges();
-        await button.click();
-        await page.waitForChanges();
-        expect(searchSubmitEvent).toHaveReceivedEvent();
-    });
-    it("Emit searchItemClick event with basic items structure", async () => {
-        const page = await newE2EPage();
-        const items = JSON.stringify([
-            {
-                label: "first item",
-            },
-            {
-                label: "second item",
-            },
-            {
-                label: "third item",
-            },
-            {
-                label: "fourth item",
-            },
-        ]);
-        await page.setContent(`
-      <z-searchbar
-        prevent-submit="false"
-        show-search-button="false"
-        search-button-icon-only="false"
-        autocomplete="true"
-        autocomplete-min-chars="3"
-        results-count=""
-        results-items='${items}'
-        results-ellipsis="true"
-        search-helper-label="Cerca {searchString}"
-        sort-results-items="false"
-        value=""
-        placeholder="my placeholder"
-        htmlid="myIdAutocomplete"
-        style="
-          --z-searchbar-results-height: ;
-          --z-searchbar-tag-text-color: var(--color-primary03);
-          --z-searchbar-tag-bg: var(--color-hover-primary);
-        "
-        size="big"
-        variant="primary"
-      ></z-searchbar>
-    `);
-        const searchbar = await page.find("z-searchbar");
-        const input = await page.find("z-searchbar >>> z-input div input");
-        const searchItemClickEvent = await page.spyOnEvent("searchItemClick");
-        expect(searchbar).not.toBeNull();
-        expect(input).not.toBeNull();
-        await input.type("Test");
-        await page.waitForChanges();
-        await page.waitForEvent("searchTyping");
-        const item = await page.find("z-searchbar >>> #list-item-myIdAutocomplete-0");
-        expect(item).not.toBeNull();
-        await item.click();
-        await page.waitForChanges();
-        expect(searchItemClickEvent).toHaveReceivedEvent();
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-searchbar/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-searchbar test end2end\", () => {\n  it(\"Emit searchTyping event\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n    <z-searchbar placeholder=\"Cerca\" search-button-label=\"Cerca\"></z-searchbar>\n    `);\n    const searchbar = await page.find(\"z-searchbar\");\n    const input = await page.find(\"z-searchbar >>> z-input div input\");\n    const searchTypingEvent = await page.spyOnEvent(\"searchTyping\");\n\n    expect(searchbar).not.toBeNull();\n    expect(input).not.toBeNull();\n\n    await input.type(\"A\");\n    await page.waitForChanges();\n    await page.waitForEvent(\"searchTyping\");\n\n    expect(searchTypingEvent).toHaveReceivedEvent();\n  });\n\n  it(\"Emit searchSubmit event\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`\n    <z-searchbar placeholder=\"Cerca\" show-search-button=\"true\"></z-searchbar>\n    `);\n    const searchbar = await page.find(\"z-searchbar\");\n    const input = await page.find(\"z-searchbar >>> z-input div input\");\n    const button = await page.find(\"z-searchbar >>> z-button\");\n    const searchSubmitEvent = await page.spyOnEvent(\"searchSubmit\");\n\n    expect(searchbar).not.toBeNull();\n    expect(input).not.toBeNull();\n\n    await input.type(\"Test\");\n    await page.waitForChanges();\n\n    await button.click();\n    await page.waitForChanges();\n\n    expect(searchSubmitEvent).toHaveReceivedEvent();\n  });\n\n  it(\"Emit searchItemClick event with basic items structure\", async () => {\n    const page = await newE2EPage();\n    const items = JSON.stringify([\n      {\n        label: \"first item\",\n      },\n      {\n        label: \"second item\",\n      },\n      {\n        label: \"third item\",\n      },\n      {\n        label: \"fourth item\",\n      },\n    ]);\n    await page.setContent(`\n      <z-searchbar\n        prevent-submit=\"false\"\n        show-search-button=\"false\"\n        search-button-icon-only=\"false\"\n        autocomplete=\"true\"\n        autocomplete-min-chars=\"3\"\n        results-count=\"\"\n        results-items='${items}'\n        results-ellipsis=\"true\"\n        search-helper-label=\"Cerca {searchString}\"\n        sort-results-items=\"false\"\n        value=\"\"\n        placeholder=\"my placeholder\"\n        htmlid=\"myIdAutocomplete\"\n        style=\"\n          --z-searchbar-results-height: ;\n          --z-searchbar-tag-text-color: var(--color-primary03);\n          --z-searchbar-tag-bg: var(--color-hover-primary);\n        \"\n        size=\"big\"\n        variant=\"primary\"\n      ></z-searchbar>\n    `);\n    const searchbar = await page.find(\"z-searchbar\");\n    const input = await page.find(\"z-searchbar >>> z-input div input\");\n    const searchItemClickEvent = await page.spyOnEvent(\"searchItemClick\");\n\n    expect(searchbar).not.toBeNull();\n    expect(input).not.toBeNull();\n\n    await input.type(\"Test\");\n    await page.waitForChanges();\n    await page.waitForEvent(\"searchTyping\");\n\n    const item = await page.find(\"z-searchbar >>> #list-item-myIdAutocomplete-0\");\n    expect(item).not.toBeNull();\n\n    await item.click();\n    await page.waitForChanges();\n\n    expect(searchItemClickEvent).toHaveReceivedEvent();\n  });\n});\n"]}

package/dist/collection/components/z-section-title/index.spec.js

@@ -1,27 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZSectionTitleDividerPosition } from "../../beans";
-import { ZSectionTitle } from "./index";
-describe("Suite test ZNotification", () => {
-    it("ZSectionTitle with secondary title should not render the z-divider", async () => {
-        const page = await newSpecPage({
-            components: [ZSectionTitle],
-            html: `<z-section-title
-        divider-position=${ZSectionTitleDividerPosition.AFTER}
-      >
-        <span slot="secondary-title">Secondary title</span>
-        <span slot="primary-title">Primary title</span>
-      </z-section-title>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-section-title divider-position="after" uppercase="">
-        <mock:shadow-root>
-          <slot name="secondary-title"></slot>
-          <slot name="primary-title"></slot>
-        </mock:shadow-root>
-        <span slot="secondary-title">Secondary title</span>
-        <span slot="primary-title">Primary title</span>
-      </z-section-title>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-section-title/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,4BAA4B,EAAC,MAAM,aAAa,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,oEAAoE,EAAE,KAAK,IAAI,EAAE;QAClF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;2BACe,4BAA4B,CAAC,KAAK;;;;yBAIpC;SACpB,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\";\nimport {ZSectionTitleDividerPosition} from \"../../beans\";\nimport {ZSectionTitle} from \"./index\";\n\ndescribe(\"Suite test ZNotification\", () => {\n  it(\"ZSectionTitle with secondary title should not render the z-divider\", async () => {\n    const page = await newSpecPage({\n      components: [ZSectionTitle],\n      html: `<z-section-title\n        divider-position=${ZSectionTitleDividerPosition.AFTER}\n      >\n        <span slot=\"secondary-title\">Secondary title</span>\n        <span slot=\"primary-title\">Primary title</span>\n      </z-section-title>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-section-title divider-position=\"after\" uppercase=\"\">\n        <mock:shadow-root>\n          <slot name=\"secondary-title\"></slot>\n          <slot name=\"primary-title\"></slot>\n        </mock:shadow-root>\n        <span slot=\"secondary-title\">Secondary title</span>\n        <span slot=\"primary-title\">Primary title</span>\n      </z-section-title>\n    `);\n  });\n});\n"]}