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

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

@@ -1,386 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZSearchbar } from "./index";
-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 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 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 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 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 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"
-                      tabindex="0"
-                      dividerType="element"
-                      clickable
-                    >
-                      <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>
-                    </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 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 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 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 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 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 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"
-      clickable
-    >
-      <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>
-    </z-list-element>
-    <z-list-element
-      id="list-item-my-id-1"
-      role="option"
-      tabindex="0"
-      dividerType="element"
-      clickable
-    >
-      <span class="item ellipsis">
-        <span class="item-label" title="item 2"><mark>item</mark> 2</span>
-      </span>
-    </z-list-element>
-    <z-list-element
-      id="list-item-my-id-2"
-      role="option"
-      tabindex="0"
-      clickable
-    >
-      <span class="item ellipsis">
-        <span class="item-label" title="item 3"><mark>item</mark> 3</span>
-      </span>
-    </z-list-element>
-  </z-list-group>`;
-const searchHelper = (divider = true) => `
-  <z-list-element
-    role="option"
-    tabindex="0"
-    ${divider ? `dividerType="element"` : ``}
-    id="list-item-my-id-search"
-    clickable
-  >
-    <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>
-  </z-list-element>
-`;
-const showAllResults = () => `
-  <z-list-element
-    role="option"
-    tabindex="0"
-    id="list-item-my-id-show-all"
-    clickable
-    color="color-primary01"
-  >
-    <div class="item-show-all">Vedi tutti i risultati</div>
-  </z-list-element>
-`;
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-searchbar/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZSearchbar} from \"./index\";\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 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 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 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 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 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                      tabindex=\"0\"\n                      dividerType=\"element\"\n                      clickable\n                    >\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                    </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 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 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 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 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 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 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      clickable\n    >\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    </z-list-element>\n    <z-list-element\n      id=\"list-item-my-id-1\"\n      role=\"option\"\n      tabindex=\"0\"\n      dividerType=\"element\"\n      clickable\n    >\n      <span class=\"item ellipsis\">\n        <span class=\"item-label\" title=\"item 2\"><mark>item</mark> 2</span>\n      </span>\n    </z-list-element>\n    <z-list-element\n      id=\"list-item-my-id-2\"\n      role=\"option\"\n      tabindex=\"0\"\n      clickable\n    >\n      <span class=\"item ellipsis\">\n        <span class=\"item-label\" title=\"item 3\"><mark>item</mark> 3</span>\n      </span>\n    </z-list-element>\n  </z-list-group>`;\n\nconst searchHelper = (divider: boolean = true) => `\n  <z-list-element\n    role=\"option\"\n    tabindex=\"0\"\n    ${divider ? `dividerType=\"element\"` : ``}\n    id=\"list-item-my-id-search\"\n    clickable\n  >\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  </z-list-element>\n`;\n\nconst showAllResults = () => `\n  <z-list-element\n    role=\"option\"\n    tabindex=\"0\"\n    id=\"list-item-my-id-show-all\"\n    clickable\n    color=\"color-primary01\"\n  >\n    <div class=\"item-show-all\">Vedi tutti i risultati</div>\n  </z-list-element>\n`;\n"]}

package/dist/collection/components/inputs/z-select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-select/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, State, h, Event, EventEmitter, Watch, Element, Method} from \"@stencil/core\";\nimport {SelectItem, ListDividerType, KeyboardCode, InputStatus, ControlSize, ListSize} from \"../../../beans\";\nimport {randomId, handleKeyboardSubmit, getClickedElement, getElementTree, boolean} from \"../../../utils/utils\";\n\n@Component({\n  tag: \"z-select\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSelect {\n  @Element() element: HTMLZSelectElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** the input select options */\n  @Prop()\n  items: SelectItem[] | string;\n\n  /** the input name */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input aria-label */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** the input is disabled */\n  @Prop()\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: boolean = false;\n\n  /** the input placeholder (optional) */\n  @Prop()\n  placeholder?: string;\n\n  /** the input html title (optional) */\n  @Prop()\n  htmltitle?: string;\n\n  /** the input status (optional) */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional) - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input has autocomplete option */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** */\n  @Prop()\n  hasGroupItems?: boolean;\n\n  /** When fixed, it occupies space and pushes down next elements. */\n  @Prop()\n  isfixed?: boolean = false;\n\n  /** */\n  @Prop()\n  resetItem?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  selectedItem: null | SelectItem = null;\n\n  @State()\n  searchString: null | string;\n\n  private itemsList: SelectItem[] = [];\n\n  constructor() {\n    this.toggleSelectUl = this.toggleSelectUl.bind(this);\n    this.selectItem = this.selectItem.bind(this);\n    this.handleSelectFocus = this.handleSelectFocus.bind(this);\n  }\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = this.getInitialItemsArray();\n    this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n  }\n\n  /** get the input selected options */\n  @Method()\n  async getSelectedItem(): Promise<SelectItem> {\n    return this.selectedItem;\n  }\n\n  /** get the input value */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.getSelectedValue();\n  }\n\n  /** set the input value */\n  @Method()\n  async setValue(value: string | string[]): Promise<void> {\n    let values: string[] = [];\n    if (typeof value === \"string\") {\n      values.push(value);\n    } else {\n      values = value;\n    }\n\n    this.selectedItem = this.itemsList.find((item: SelectItem) => values.includes(item.id));\n  }\n\n  /** Emitted on select option selection, returns select id, selected item id */\n  @Event()\n  optionSelect: EventEmitter;\n\n  private emitOptionSelect(): void {\n    this.optionSelect.emit({\n      id: this.htmlid,\n      selected: this.getSelectedValue(),\n    });\n  }\n\n  /** Emitted on reset selected item, returns select id, selected item id */\n  @Event()\n  resetSelect: EventEmitter;\n\n  private emitResetSelect(): void {\n    this.resetSelect.emit({\n      id: this.htmlid,\n    });\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.filterItems(this.searchString);\n  }\n\n  private getInitialItemsArray(): SelectItem[] {\n    return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n  }\n\n  private mapSelectedItemToItemsArray(): SelectItem[] {\n    const initialItemsList = this.getInitialItemsArray();\n\n    return initialItemsList.map((item: SelectItem) => {\n      item.selected = item.id === this.selectedItem?.id;\n\n      return item;\n    });\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private filterItems(searchString: string): void {\n    const prevList = this.mapSelectedItemToItemsArray();\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n    } else {\n      this.itemsList = prevList\n        .filter((item: SelectItem) => {\n          return item.name.toUpperCase().includes(searchString.toUpperCase());\n        })\n        .map((item: SelectItem) => {\n          const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());\n          const end = start + searchString.length;\n          const newName =\n            item.name.substring(0, start) +\n            `<strong>${item.name.substring(start, end)}</strong>` +\n            item.name.substring(end, item.name.length);\n          item.name = newName;\n\n          return item;\n        });\n    }\n  }\n\n  private hasAutocomplete(): boolean {\n    return boolean(this.autocomplete) === true;\n  }\n\n  private handleInputChange(e: CustomEvent): void {\n    this.searchString = e.detail.value;\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n  }\n\n  private selectItem(item: null | SelectItem, selected: boolean): void {\n    if (item && item.disabled) {\n      return;\n    }\n\n    this.itemsList = this.mapSelectedItemToItemsArray();\n    this.itemsList = this.itemsList.map((i: SelectItem) => {\n      i.selected = false;\n      if (i.id === item?.id) {\n        i.selected = selected;\n      }\n\n      return i;\n    });\n\n    this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n\n    this.emitOptionSelect();\n\n    if (this.searchString) {\n      this.searchString = null;\n    }\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent, key: number): void {\n    const showResetIcon = this.resetItem && !!this.selectedItem;\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n    if (!arrows.includes(e.key as KeyboardCode)) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n\n    let index: number;\n\n    if (this.resetItem) {\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;\n      } else if (e.key === KeyboardCode.ARROW_UP) {\n        index = key <= +!showResetIcon ? this.itemsList.length : key - 1;\n      }\n    }\n\n    if (!this.resetItem) {\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        index = key + 1 === this.itemsList.length ? 0 : key + 1;\n      } else if (e.key === KeyboardCode.ARROW_UP) {\n        index = key <= 0 ? this.itemsList.length - 1 : key - 1;\n      }\n    }\n\n    this.focusSelectItem(index);\n  }\n\n  private focusSelectItem(index: number): void {\n    const focusElem: HTMLLIElement = this.element.querySelector(`#${this.htmlid}_${index}`);\n    if (focusElem) {\n      focusElem.focus();\n    }\n  }\n\n  private toggleSelectUl(selfFocusOnClose = false): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      document.addEventListener(\"click\", this.handleSelectFocus);\n      document.addEventListener(\"keyup\", this.handleSelectFocus);\n    } else {\n      document.removeEventListener(\"click\", this.handleSelectFocus);\n      document.removeEventListener(\"keyup\", this.handleSelectFocus);\n      if (selfFocusOnClose) {\n        (this.element.querySelector(`#${this.htmlid}_input`) as HTMLInputElement).focus();\n      }\n    }\n\n    this.isOpen = !this.isOpen;\n  }\n\n  private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n    const cp = e.composedPath();\n    const clearIcon = cp.find((item: HTMLElement) => item.classList && item.classList.contains(\"reset-icon\"));\n    if (clearIcon) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    this.toggleSelectUl();\n  }\n\n  private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n    if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n\n      return this.toggleSelectUl(true);\n    }\n\n    if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB && e.key !== KeyboardCode.ENTER) {\n      return;\n    }\n\n    const tree = getElementTree(getClickedElement());\n    const parent = tree.find((elem: HTMLElement) => {\n      return elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`;\n    });\n\n    if (!parent) {\n      this.toggleSelectUl(e instanceof MouseEvent ? true : false);\n    }\n  }\n\n  private scrollToLetter(letter: string): void {\n    const foundItem = this.itemsList.find((item: SelectItem) => item.name.charAt(0) === letter);\n    if (foundItem) {\n      this.focusSelectItem(this.itemsList.indexOf(foundItem));\n    }\n  }\n\n  private renderInput(): HTMLZInputElement {\n    return (\n      <z-input\n        class={{\n          \"active-select\": this.isOpen,\n          \"cursor-select\": !this.autocomplete,\n        }}\n        id={`${this.htmlid}_input`}\n        htmlid={`${this.htmlid}_select_input`}\n        placeholder={this.placeholder}\n        value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n        label={this.label}\n        aria-label={this.ariaLabel}\n        icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n        hasclearicon={this.hasAutocomplete()}\n        message={false}\n        disabled={this.disabled}\n        readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n        status={this.isOpen ? undefined : this.status}\n        autocomplete=\"off\"\n        size={this.size}\n        onClick={(e: MouseEvent) => {\n          this.handleInputClick(e);\n        }}\n        onKeyUp={(e: KeyboardEvent) => {\n          if (e.keyCode !== 13) {\n            e.preventDefault();\n          }\n          handleKeyboardSubmit(e, this.toggleSelectUl);\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          return this.arrowsSelectNav(\n            e,\n            this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1\n          );\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.handleInputChange(e);\n        }}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(String.fromCharCode(e.keyCode));\n          }\n        }}\n      />\n    );\n  }\n\n  private renderSelectUl(): HTMLDivElement {\n    return (\n      <div\n        class={this.isOpen ? \"open\" : \"closed\"}\n        tabindex=\"-1\"\n        aria-hidden={this.isOpen ? \"false\" : \"true\"}\n      >\n        <div\n          class={{\n            \"ul-scroll-wrapper\": true,\n            \"fixed\": this.isfixed,\n          }}\n          tabindex=\"-1\"\n        >\n          <z-list\n            role=\"listbox\"\n            tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n            id={`${this.htmlid}_list`}\n            aria-multiselectable={false}\n            size={this.listSizeType()}\n            class={{\n              disabled: this.disabled,\n              readonly: this.readonly,\n              filled: !!this.selectedItem,\n              [`input-${this.status}`]: !this.isOpen && !!this.status,\n            }}\n          >\n            {this.resetItem && this.renderResetItem()}\n            {this.renderSelectUlItems()}\n          </z-list>\n        </div>\n      </div>\n    );\n  }\n\n  private renderResetItem(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class={{\n          \"hide\": !this.selectedItem || !this.resetItem,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex=\"0\"\n        aria-selected=\"false\"\n        id={`${this.htmlid}_${this.resetItem ? \"0\" : \"none\"}`}\n        size={this.listSizeType()}\n        onClickItem={() => {\n          this.selectedItem = null;\n          this.searchString = null;\n          this.emitResetSelect();\n        }}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, 0)}\n      >\n        <div class=\"reset-item-content\">\n          <z-icon name=\"multiply-circled\" />\n          <span>{this.resetItem}</span>\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private renderItem(item: SelectItem, key: number, lastItem: boolean): HTMLZListElementElement {\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex={item.disabled || !this.isOpen ? -1 : 0}\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        id={`${this.htmlid}_${key}`}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item, true)}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, key)}\n      >\n        <span\n          class={{\n            \"selected\": !!item.selected,\n            \"list-element-content\": true,\n          }}\n          innerHTML={item.name}\n        />\n      </z-list-element>\n    );\n  }\n\n  private listSizeType(): ListSize {\n    if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n      return ListSize.SMALL;\n    }\n\n    return ListSize.MEDIUM;\n  }\n\n  private renderSelectUlItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n    if (!this.itemsList.length) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasGroupItems) {\n      return this.renderSelectGroupItems();\n    }\n\n    return this.itemsList.map((item: SelectItem, key, array) => {\n      const lastItem = array.length === key + 1;\n      const itemKey = this.resetItem ? key + 1 : key;\n\n      return this.renderItem(item, itemKey, lastItem);\n    });\n  }\n\n  private renderSelectGroupItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n    const newData = this.itemsList.reduce((group, item, index, array) => {\n      const {category} = item;\n      const lastItem = array.length === index + 1;\n      const itemKey = this.resetItem ? index + 1 : index;\n      const zListItem = this.renderItem(item, itemKey, lastItem);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    return Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {value.map((item) => item)}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderNoSearchResults(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        color=\"blue500\"\n        class=\"no-results\"\n        size={this.listSizeType()}\n      >\n        <z-icon\n          name=\"multiply-circle\"\n          fill=\"blue500\"\n        />\n        {this.noresultslabel}\n      </z-list-element>\n    );\n  }\n\n  private renderMessage(): HTMLZInputMessageElement {\n    if (boolean(this.message) === false) {\n      return;\n    }\n\n    return (\n      <z-input-message\n        message={boolean(this.message) === true ? undefined : (this.message as string)}\n        status={this.status}\n        class={this.size}\n      />\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"select-wrapper\">\n        {this.renderInput()}\n        {this.renderSelectUl()}\n        {this.renderMessage()}\n      </div>\n    );\n  }\n}\n"]}