@zanichelli/albe-web-components 16.3.0 → 16.3.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-select/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZSelect} from \"./index\";\n\ndescribe(\"Suite test ZSelect\", () => {\n  it(\"Test render ZSelect chiusa con elementi\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n        <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false}]'>\n            <div class=\"select-wrapper\">\n              <z-input\n                class=\"cursor-select\"\n                label=\"default\"\n                id=\"checkid_input\"\n                htmlid=\"checkid_select_input\"\n                placeholder=\"select here\"\n                icon=\"caret-down\"\n                aria-label=\"\"\n                aria-autocomplete=\"none\"\n                aria-expanded=\"false\"\n                aria-activedescendant=\"\"\n                aria-controls=\"checkid_list\"\n                role=\"combobox\"\n                size=\"big\"\n              ></z-input>\n              <div class=\"closed\" tabindex=\"-1\">\n                <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                  <z-list\n                    role=\"listbox\"\n                    aria-label=\"default\"\n                    tabindex=\"-1\"\n                    id=\"checkid_list\"\n                    size=\"medium\"\n                  >\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"header\"\n                      role=\"option\"\n                      tabindex=\"-1\"\n                      class=\"\"\n                      id=\"checkid_0\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n                    </div>\n                    </z-list-element>\n                  </z-list>\n                </div>\n              </div>\n              <z-input-message class=\"big\"></z-input-message>\n            </div>\n        </z-select>\n      `);\n  });\n\n  it(\"Test render ZSelect aperta con elementi\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n        <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n            <div class=\"select-wrapper\">\n              <z-input\n                class=\"cursor-select active-select\"\n                label=\"default\"\n                id=\"checkid_input\"\n                htmlid=\"checkid_select_input\"\n                placeholder=\"select here\"\n                icon=\"caret-up\"\n                readonly=\"\"\n                aria-label=\"\"\n                aria-autocomplete=\"none\"\n                aria-expanded=\"true\"\n                aria-controls=\"checkid_list\"\n                role=\"combobox\"\n                size=\"big\"\n              ></z-input>\n              <div class=\"open\" tabindex=\"-1\">\n                <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                  <z-list\n                    role=\"listbox\"\n                    aria-label=\"default\"\n                    tabindex=\"0\"\n                    id=\"checkid_list\"\n                    size=\"medium\"\n                  >\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"element\"\n                      role=\"option\"\n                      tabindex=\"0\"\n                      class=\"\"\n                      id=\"checkid_0\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n                    </div>\n                    </z-list-element>\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"header\"\n                      role=\"option\"\n                      tabindex=\"0\"\n                      class=\"\"\n                      id=\"checkid_1\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">primo elemento</span>\n                    </div>\n                    </z-list-element>\n                  </z-list>\n                </div>\n              </div>\n              <z-input-message class=\"big\"></z-input-message>\n            </div>\n        </z-select>\n      `);\n  });\n\n  it(\"Test render ZSelect aperta con elemento selezionato\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":true}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":true}]'>\n          <div class=\"select-wrapper\">\n            <z-input\n              class=\"cursor-select active-select\"\n              label=\"default\"\n              id=\"checkid_input\"\n              htmlid=\"checkid_select_input\"\n              placeholder=\"select here\"\n              icon=\"caret-up\"\n              readonly=\"\"\n              aria-label=\"\"\n              aria-autocomplete=\"none\"\n              aria-expanded=\"true\"\n              aria-controls=\"checkid_list\"\n              role=\"combobox\"\n              size=\"big\"\n            ></z-input>\n            <div class=\"open\" tabindex=\"-1\">\n              <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                <z-list\n                  role=\"listbox\"\n                  aria-label=\"default\"\n                  tabindex=\"0\"\n                  id=\"checkid_list\"\n                  class=\"filled\"\n                  size=\"medium\"\n                >\n                  <z-list-element\n                    clickable=\"\"\n                    aria-selected=\"false\"\n                    dividertype=\"element\"\n                    role=\"option\"\n                    tabindex=\"0\"\n                    class=\"\"\n                    id=\"checkid_0\"\n                    size=\"medium\"\n                  >\n                  <div class=\"list-element-container\">\n                    <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n                  </div>\n                  </z-list-element>\n                  <z-list-element\n                    clickable=\"\"\n                    dividertype=\"header\"\n                    role=\"option\"\n                    tabindex=\"0\"\n                    aria-selected=\"true\"\n                    class=\"\"\n                    id=\"checkid_1\"\n                    size=\"medium\"\n                  >\n                  <div class=\"list-element-container\">\n                    <span class=\"list-element-content selected\">primo elemento</span>\n                  </div>\n                  </z-list-element>\n                </z-list>\n              </div>\n            </div>\n            <z-input-message class=\"big\"></z-input-message>\n          </div>\n      </z-select>\n    `);\n  });\n\n  it(\"Test render ZSelect chiusa disabilitato con elementi\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" disabled readonly label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n        <z-select htmlid=\"checkid\" placeholder=\"select here\" disabled readonly label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n            <div class=\"select-wrapper\">\n              <z-input\n                class=\"cursor-select\"\n                label=\"default\"\n                id=\"checkid_input\"\n                htmlid=\"checkid_select_input\"\n                placeholder=\"select here\"\n                icon=\"caret-down\"\n                disabled=\"\"\n                readonly=\"\"\n                aria-label=\"\"\n                aria-autocomplete=\"none\"\n                aria-expanded=\"false\"\n                aria-activedescendant=\"\"\n                aria-controls=\"checkid_list\"\n                role=\"combobox\"\n                size=\"big\"\n              ></z-input>\n              <div class=\"closed\" tabindex=\"-1\">\n                <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                  <z-list\n                    role=\"listbox\"\n                    aria-label=\"default\"\n                    tabindex=\"-1\"\n                    id=\"checkid_list\"\n                    class=\"disabled readonly\"\n                    size=\"medium\"\n                  >\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"element\"\n                      role=\"option\"\n                      tabindex=\"-1\"\n                      class=\"\"\n                      id=\"checkid_0\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n                    </div>\n                    </z-list-element>\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"header\"\n                      role=\"option\"\n                      tabindex=\"-1\"\n                      class=\"\"\n                      id=\"checkid_1\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">primo elemento</span>\n                    </div>\n                    </z-list-element>\n                  </z-list>\n                </div>\n              </div>\n              <z-input-message class=\"big\"></z-input-message>\n            </div>\n        </z-select>\n      `);\n  });\n\n  it(\"Test render ZSelect chiusa con elementi, status/messages\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" status=\"success\" message=\"message message\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n          <z-select htmlid=\"checkid\" placeholder=\"select here\" status=\"success\" message=\"message message\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n              <div class=\"select-wrapper\">\n                <z-input\n                  class=\"cursor-select\"\n                  aria-label=\"\"\n                  label=\"default\"\n                  id=\"checkid_input\"\n                  htmlid=\"checkid_select_input\"\n                  placeholder=\"select here\"\n                  icon=\"caret-down\"\n                  status=\"success\"\n                  aria-autocomplete=\"none\"\n                  aria-expanded=\"false\"\n                  aria-activedescendant=\"\"\n                  aria-controls=\"checkid_list\"\n                  role=\"combobox\"\n                  size=\"big\"\n                ></z-input>\n                <div class=\"closed\" tabindex=\"-1\">\n                  <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                    <z-list\n                      role=\"listbox\"\n                      aria-label=\"default\"\n                      tabindex=\"-1\"\n                      id=\"checkid_list\"\n                      class=\"input-success\"\n                      size=\"medium\"\n                    >\n                      <z-list-element\n                        clickable=\"\"\n                        aria-selected=\"false\"\n                        dividertype=\"element\"\n                        role=\"option\"\n                        tabindex=\"-1\"\n                        class=\"\"\n                        id=\"checkid_0\"\n                        size=\"medium\"\n                      >\n                      <div class=\"list-element-container\">\n                        <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n                      </div>\n                      </z-list-element>\n                    <z-list-element\n                        clickable=\"\"\n                        aria-selected=\"false\"\n                        dividertype=\"header\"\n                        role=\"option\"\n                        tabindex=\"-1\"\n                        class=\"\"\n                        id=\"checkid_1\"\n                        size=\"medium\"\n                      >\n                      <div class=\"list-element-container\">\n                        <span class=\"list-element-content\">primo elemento</span>\n                      </div>\n                      </z-list-element>\n                    </z-list>\n                  </div>\n                </div>\n                <z-input-message class=\"big\" status=\"success\" message=\"message message\"></z-input-message>\n              </div>\n          </z-select>\n        `);\n  });\n\n  it(\"Test render ZSelect aperta con elementi, un elemento disabilitato\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false,\"disabled\":true}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n        <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false,\"disabled\":true}]'>\n            <div class=\"select-wrapper\">\n              <z-input\n                class=\"cursor-select active-select\"\n                aria-label=\"\"\n                label=\"default\"\n                id=\"checkid_input\"\n                htmlid=\"checkid_select_input\"\n                placeholder=\"select here\"\n                icon=\"caret-up\"\n                readonly=\"\"\n                aria-autocomplete=\"none\"\n                aria-expanded=\"true\"\n                aria-controls=\"checkid_list\"\n                role=\"combobox\"\n                size=\"big\"\n              ></z-input>\n              <div class=\"open\" tabindex=\"-1\">\n                <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                  <z-list\n                    role=\"listbox\"\n                    aria-label=\"default\"\n                    tabindex=\"0\"\n                    id=\"checkid_list\"\n                    size=\"medium\"\n                  >\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"element\"\n                      role=\"option\"\n                      tabindex=\"0\"\n                      class=\"\"\n                      id=\"checkid_0\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n                    </div>\n                    </z-list-element>\n                  <z-list-element\n                      disabled=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"header\"\n                      role=\"option\"\n                      tabindex=\"-1\"\n                      id=\"checkid_1\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">primo elemento</span>\n                    </div>\n                    </z-list-element>\n                  </z-list>\n                </div>\n              </div>\n              <z-input-message class=\"big\"></z-input-message>\n            </div>\n        </z-select>\n      `);\n  });\n\n  it(\"Test render ZSelect aperta con elementi con autocomplete\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"on\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"on\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n          <div class=\"select-wrapper\">\n            <z-input\n              class=\"active-select\"\n              label=\"default\"\n              id=\"checkid_input\"\n              htmlid=\"checkid_select_input\"\n              placeholder=\"select here\"\n              icon=\"caret-up\"\n              hasclearicon=\"\"\n              aria-label=\"\"\n              aria-autocomplete=\"list\"\n              aria-expanded=\"true\"\n              aria-controls=\"checkid_list\"\n              role=\"combobox\"\n              size=\"big\"\n            ></z-input>\n            <div class=\"open\" tabindex=\"-1\">\n              <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                <z-list\n                  role=\"listbox\"\n                  aria-label=\"default\"\n                  tabindex=\"0\"\n                  id=\"checkid_list\"\n                  size=\"medium\"\n                >\n                  <z-list-element\n                    clickable=\"\"\n                    aria-selected=\"false\"\n                    dividertype=\"element\"\n                    role=\"option\"\n                    tabindex=\"0\"\n                    class=\"\"\n                    id=\"checkid_0\"\n                    size=\"medium\"\n                  >\n                  <div class=\"list-element-container\">\n                    <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n                  </div>\n                  </z-list-element>\n                  <z-list-element\n                    clickable=\"\"\n                    aria-selected=\"false\"\n                    dividertype=\"header\"\n                    role=\"option\"\n                    tabindex=\"0\"\n                    class=\"\"\n                    id=\"checkid_1\"\n                    size=\"medium\"\n                  >\n                  <div class=\"list-element-container\">\n                    <span class=\"list-element-content\">primo elemento</span>\n                  </div>\n                  </z-list-element>\n                </z-list>\n              </div>\n            </div>\n            <z-input-message class=\"big\"></z-input-message>\n          </div>\n      </z-select>\n    `);\n  });\n\n  it(\"Test render ZSelect aperta con elementi con autocomplete e ricerca\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = true;\n    page.rootInstance.searchString = \"opzione\";\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]'>\n        <div class=\"select-wrapper\">\n            <z-input class=\"active-select\"aria-autocomplete=\"list\"  aria-controls=\"checkid_list\" role=\"combobox\" aria-label=\"\" aria-expanded=\"true\" label=\"default\" hasclearicon=\"\" size=\"big\" htmlid=\"checkid_select_input\" icon=\"caret-up\" id=\"checkid_input\" placeholder=\"select here\"></z-input>\n            <div class=\"open\" tabindex=\"-1\">\n              <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                <z-list id=\"checkid_list\" role=\"listbox\" aria-label=\"default\" tabindex=\"0\" size=\"medium\">\n                  <z-list-element clickable=\"\" aria-selected=\"false\" dividertype=\"header\" id=\"checkid_0\" role=\"option\" size=\"medium\" tabindex=\"0\">\n                  <div class=\"list-element-container\">\n                    <span class=\"list-element-content\">\n                      SELECT HERE questa\n                      <strong>\n                        opzione\n                      </strong>\n                      con etichetta lunga lunghissima\n                    </span>\n                  </div>\n                  </z-list-element>\n                </z-list>\n              </div>\n            </div>\n            <z-input-message class=\"big\"></z-input-message>\n          </div>\n        </z-select>\n    `);\n  });\n\n  it(\"Test render ZSelect aperta con reset item\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" reset-item=\"Pulisci selezione\" label=\"default\" autocomplete=\"true\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":true}]'></z-select>`,\n    });\n    page.rootInstance.isOpen = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-select autocomplete=\"true\" htmlid=\"checkid\" items=\"[{&quot;id&quot;:&quot;item_0&quot;,&quot;name&quot;:&quot;SELECT HERE questa opzione con etichetta lunga lunghissima&quot;,&quot;selected&quot;:true}]\" label=\"default\" placeholder=\"select here\" reset-item=\"Pulisci selezione\">\n          <div class=\"select-wrapper\">\n            <z-input aria-expanded=\"true\" aria-label=\"\" aria-autocomplete=\"list\" aria-controls=\"checkid_list\" role=\"combobox\" class=\"active-select\" hasclearicon=\"\" size=\"big\" htmlid=\"checkid_select_input\" icon=\"caret-up\" id=\"checkid_input\" label=\"default\" placeholder=\"select here\"></z-input>\n            <div class=\"open\" tabindex=\"-1\">\n              <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                <z-list class=\"filled\" id=\"checkid_list\" role=\"listbox\"  aria-label=\"default\" size=\"medium\" tabindex=\"0\">\n                  <z-list-element aria-selected=\"false\" class=\"reset-item reset-item-margin\" clickable=\"\" dividertype=\"element\" size=\"medium\" id=\"checkid_0\" role=\"option\" tabindex=\"0\">\n                    <div class=\"reset-item-content\">\n                      <z-icon name=\"multiply-circled\"></z-icon>\n                      <span>\n                        Pulisci selezione\n                      </span>\n                    </div>\n                  </z-list-element>\n                  <z-list-element aria-selected=\"true\" clickable=\"\" dividertype=\"header\" id=\"checkid_1\" role=\"option\" size=\"medium\" tabindex=\"0\">\n                  <div class=\"list-element-container\">\n                    <span class=\"list-element-content selected\">\n                      SELECT HERE questa opzione con etichetta lunga lunghissima\n                    </span>\n                  </div>\n                  </z-list-element>\n                </z-list>\n              </div>\n            </div>\n            <z-input-message class=\"big\"></z-input-message>\n          </div>\n        </z-select>\n    `);\n  });\n\n  it(\"Test render ZSelect fixed\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"fixed without groups\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]' isfixed=\"true\"> </z-select>`,\n    });\n    page.rootInstance.isOpen = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n        <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"fixed without groups\" items='[{\"id\":\"item_0\",\"name\":\"SELECT HERE questa opzione con etichetta lunga lunghissima\",\"selected\":false},{\"id\":\"item_1\",\"name\":\"primo elemento\",\"selected\":false}]' isfixed=\"true\">\n            <div class=\"select-wrapper\">\n              <z-input\n                class=\"cursor-select active-select\"\n                label=\"fixed without groups\"\n                id=\"checkid_input\"\n                htmlid=\"checkid_select_input\"\n                placeholder=\"select here\"\n                icon=\"caret-up\"\n                readonly=\"\"\n                aria-label=\"\"\n                aria-expanded=\"true\"\n                aria-autocomplete=\"none\"\n                aria-controls=\"checkid_list\"\n                role=\"combobox\"\n                size=\"big\"\n              ></z-input>\n              <div class=\"open\" tabindex=\"-1\">\n                <div class=\"fixed ul-scroll-wrapper\" tabindex=\"-1\">\n                  <z-list\n                    role=\"listbox\"\n                    aria-label=\"fixed without groups\" \n                    tabindex=\"0\"\n                    id=\"checkid_list\"\n                    size=\"medium\"\n                  >\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"element\"\n                      role=\"option\"\n                      tabindex=\"0\"\n                      class=\"\"\n                      id=\"checkid_0\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">SELECT HERE questa opzione con etichetta lunga lunghissima</span>\n                    </div>\n                    </z-list-element>\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"header\"\n                      role=\"option\"\n                      tabindex=\"0\"\n                      class=\"\"\n                      id=\"checkid_1\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">primo elemento</span>\n                    </div>\n                    </z-list-element>\n                  </z-list>\n                </div>\n              </div>\n              <z-input-message class=\"big\"></z-input-message>\n            </div>\n        </z-select>\n      `);\n  });\n  it(\"Test render ZSelect aperta con elementi, elemento con icona\", async () => {\n    const page = await newSpecPage({\n      components: [ZSelect],\n      html: `<z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"item 0\",\"selected\":false,\"icon\":\"teacher\"},{\"id\":\"item_1\",\"name\":\"item 1\",\"selected\":false}]'> </z-select>`,\n    });\n    page.rootInstance.isOpen = true;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n        <z-select htmlid=\"checkid\" placeholder=\"select here\" label=\"default\" items='[{\"id\":\"item_0\",\"name\":\"item 0\",\"selected\":false,\"icon\":\"teacher\"},{\"id\":\"item_1\",\"name\":\"item 1\",\"selected\":false}]'>\n            <div class=\"select-wrapper\">\n              <z-input\n                class=\"cursor-select active-select\"\n                label=\"default\"\n                id=\"checkid_input\"\n                htmlid=\"checkid_select_input\"\n                placeholder=\"select here\"\n                icon=\"caret-up\"\n                readonly=\"\"\n                aria-label=\"\"\n                aria-autocomplete=\"none\"\n                aria-expanded=\"true\"\n                aria-controls=\"checkid_list\"\n                role=\"combobox\"\n                size=\"big\"\n              ></z-input>\n              <div class=\"open\" tabindex=\"-1\">\n                <div class=\"ul-scroll-wrapper\" tabindex=\"-1\">\n                  <z-list\n                    role=\"listbox\"\n                    aria-label=\"default\"\n                    tabindex=\"0\"\n                    id=\"checkid_list\"\n                    size=\"medium\"\n                  >\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"element\"\n                      role=\"option\"\n                      tabindex=\"0\"\n                      class=\"\"\n                      id=\"checkid_0\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">item 0</span>\n                      <z-tag icon=\"teacher\"></z-tag>\n                    </div>\n                    </z-list-element>\n                    <z-list-element\n                      clickable=\"\"\n                      aria-selected=\"false\"\n                      dividertype=\"header\"\n                      role=\"option\"\n                      tabindex=\"0\"\n                      class=\"\"\n                      id=\"checkid_1\"\n                      size=\"medium\"\n                    >\n                    <div class=\"list-element-container\">\n                      <span class=\"list-element-content\">item 1</span>\n                    </div>\n                    </z-list-element>\n                  </z-list>\n                </div>\n              </div>\n              <z-input-message class=\"big\"></z-input-message>\n            </div>\n        </z-select>\n      `);\n  });\n});\n"]}

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

@@ -1,121 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("z-select test end2end", () => {
-    it("Should open the select list", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <z-select
-        items='[{"id":"item_1","selected":false,"name":"item_1"},{"id":"item_2","selected":true,"name":"item_2"}]'
-        label="this is the label"
-      ></z-select>
-    `);
-        await page.locator("z-select").click();
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("true");
-    });
-    it("Should select an item from the list and then close the select list", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <z-select
-        items='[{"id":"item_1","selected":false,"name":"item_1"},{"id":"item_2","selected":true,"name":"item_2"},{"id":"item_3","selected":false,"name":"item_3"}]'
-        label="this is the label"
-      ></z-select>
-    `);
-        const optionSelectEvent = await page.spyOnEvent("optionSelect");
-        await page.locator("z-select").click();
-        await page.waitForChanges();
-        await page.locator("z-select z-list-element").click();
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("false");
-        expect(optionSelectEvent).toHaveReceivedEvent();
-    });
-    it("Should close the select list when clicking outside the component", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <div>
-        <z-input class="outside-element"></z-input>
-        <z-select
-          items='[{"id":"item_1","selected":false,"name":"item_1"},{"id":"item_2","selected":true,"name":"item_2"},{"id":"item_3","selected":false,"name":"item_3"}]'
-          label="this is the label"
-        ></z-select>
-      </div>
-    `);
-        await page.locator("z-select").click();
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("true");
-        await page.locator(".outside-element").click();
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("false");
-    });
-    it("Should close the select list when pressing ESC key", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-        <z-select
-          items='[{"id":"item_1","selected":false,"name":"item_1"},{"id":"item_2","selected":true,"name":"item_2"},{"id":"item_3","selected":false,"name":"item_3"}]'
-          label="this is the label"
-        ></z-select>
-    `);
-        await page.locator("z-select").click();
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("true");
-        await page.keyboard.press("Escape");
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("false");
-    });
-    it("Should filter the items list based on the input value", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <z-select
-        items='[{"id":"item_1","selected":false,"name":"item_1"},{"id":"item_2","selected":true,"name":"item_2"},{"id":"item_3","selected":true,"name":"item_3"}]'
-        label="this is the label"
-        autocomplete="true"
-      ></z-select>
-    `);
-        await page.locator("z-select").click();
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("true");
-        expect((await page.$$("z-list-element")).length).toBe(3);
-        await (await page.find("z-select input")).press("1");
-        await page.waitForChanges();
-        expect((await page.$$("z-list-element")).length).toBe(1);
-        expect((await page.find("z-list-element span")).innerText).toBe("item_1");
-    });
-    it("Should emit resetSelect event when reset item is enabled and clicked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <z-select
-        items='[{"id":"item_1","selected":false,"name":"item_1"},{"id":"item_2","selected":true,"name":"item_2"},{"id":"item_3","selected":true,"name":"item_3"}]'
-        label="this is the label"
-        autocomplete="true"
-        reset-item="cancella"
-      ></z-select>
-    `);
-        const resetSelectEvent = await page.spyOnEvent("resetSelect");
-        await page.locator("z-select").click();
-        await page.waitForChanges();
-        await page.locator("z-list-element.reset-item").click();
-        await page.waitForChanges();
-        expect(resetSelectEvent).toHaveReceivedEvent();
-    });
-    it("Should select an item from the list using keyboard navigation", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <z-select
-        items='[{"id":"item_1","selected":false,"name":"item_1"},{"id":"item_2","selected":true,"name":"item_2"},{"id":"item_3","selected":true,"name":"item_3"}]'
-        label="this is the label"
-      ></z-select>
-    `);
-        const select = await page.find("z-select");
-        expect(await select.callMethod("getValue")).toBe("item_2");
-        await (await page.find("body")).press("Tab");
-        await select.press("Enter");
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("true");
-        await select.press("ArrowDown");
-        await page.waitForChanges();
-        await select.press("Enter");
-        await page.waitForChanges();
-        expect((await page.find("z-select input")).getAttribute("aria-expanded")).toBe("false");
-        expect(await select.callMethod("getValue")).toBe("item_1");
-    });
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/z-select/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-select test end2end\", () => {\n  it(\"Should open the select list\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <z-select\n        items='[{\"id\":\"item_1\",\"selected\":false,\"name\":\"item_1\"},{\"id\":\"item_2\",\"selected\":true,\"name\":\"item_2\"}]'\n        label=\"this is the label\"\n      ></z-select>\n    `);\n\n    await page.locator(\"z-select\").click();\n    await page.waitForChanges();\n\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"true\");\n  });\n\n  it(\"Should select an item from the list and then close the select list\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <z-select\n        items='[{\"id\":\"item_1\",\"selected\":false,\"name\":\"item_1\"},{\"id\":\"item_2\",\"selected\":true,\"name\":\"item_2\"},{\"id\":\"item_3\",\"selected\":false,\"name\":\"item_3\"}]'\n        label=\"this is the label\"\n      ></z-select>\n    `);\n    const optionSelectEvent = await page.spyOnEvent(\"optionSelect\");\n\n    await page.locator(\"z-select\").click();\n    await page.waitForChanges();\n\n    await page.locator(\"z-select z-list-element\").click();\n    await page.waitForChanges();\n\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"false\");\n    expect(optionSelectEvent).toHaveReceivedEvent();\n  });\n\n  it(\"Should close the select list when clicking outside the component\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <div>\n        <z-input class=\"outside-element\"></z-input>\n        <z-select\n          items='[{\"id\":\"item_1\",\"selected\":false,\"name\":\"item_1\"},{\"id\":\"item_2\",\"selected\":true,\"name\":\"item_2\"},{\"id\":\"item_3\",\"selected\":false,\"name\":\"item_3\"}]'\n          label=\"this is the label\"\n        ></z-select>\n      </div>\n    `);\n\n    await page.locator(\"z-select\").click();\n    await page.waitForChanges();\n\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"true\");\n\n    await page.locator(\".outside-element\").click();\n    await page.waitForChanges();\n\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"false\");\n  });\n\n  it(\"Should close the select list when pressing ESC key\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n        <z-select\n          items='[{\"id\":\"item_1\",\"selected\":false,\"name\":\"item_1\"},{\"id\":\"item_2\",\"selected\":true,\"name\":\"item_2\"},{\"id\":\"item_3\",\"selected\":false,\"name\":\"item_3\"}]'\n          label=\"this is the label\"\n        ></z-select>\n    `);\n\n    await page.locator(\"z-select\").click();\n    await page.waitForChanges();\n\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"true\");\n\n    await page.keyboard.press(\"Escape\");\n    await page.waitForChanges();\n\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"false\");\n  });\n\n  it(\"Should filter the items list based on the input value\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <z-select\n        items='[{\"id\":\"item_1\",\"selected\":false,\"name\":\"item_1\"},{\"id\":\"item_2\",\"selected\":true,\"name\":\"item_2\"},{\"id\":\"item_3\",\"selected\":true,\"name\":\"item_3\"}]'\n        label=\"this is the label\"\n        autocomplete=\"true\"\n      ></z-select>\n    `);\n\n    await page.locator(\"z-select\").click();\n    await page.waitForChanges();\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"true\");\n    expect((await page.$$(\"z-list-element\")).length).toBe(3);\n\n    await (await page.find(\"z-select input\")).press(\"1\");\n    await page.waitForChanges();\n\n    expect((await page.$$(\"z-list-element\")).length).toBe(1);\n    expect((await page.find(\"z-list-element span\")).innerText).toBe(\"item_1\");\n  });\n\n  it(\"Should emit resetSelect event when reset item is enabled and clicked\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <z-select\n        items='[{\"id\":\"item_1\",\"selected\":false,\"name\":\"item_1\"},{\"id\":\"item_2\",\"selected\":true,\"name\":\"item_2\"},{\"id\":\"item_3\",\"selected\":true,\"name\":\"item_3\"}]'\n        label=\"this is the label\"\n        autocomplete=\"true\"\n        reset-item=\"cancella\"\n      ></z-select>\n    `);\n    const resetSelectEvent = await page.spyOnEvent(\"resetSelect\");\n\n    await page.locator(\"z-select\").click();\n    await page.waitForChanges();\n\n    await page.locator(\"z-list-element.reset-item\").click();\n    await page.waitForChanges();\n\n    expect(resetSelectEvent).toHaveReceivedEvent();\n  });\n\n  it(\"Should select an item from the list using keyboard navigation\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`\n      <z-select\n        items='[{\"id\":\"item_1\",\"selected\":false,\"name\":\"item_1\"},{\"id\":\"item_2\",\"selected\":true,\"name\":\"item_2\"},{\"id\":\"item_3\",\"selected\":true,\"name\":\"item_3\"}]'\n        label=\"this is the label\"\n      ></z-select>\n    `);\n\n    const select = await page.find(\"z-select\");\n    expect(await select.callMethod(\"getValue\")).toBe(\"item_2\");\n\n    await (await page.find(\"body\")).press(\"Tab\");\n    await select.press(\"Enter\");\n    await page.waitForChanges();\n\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"true\");\n\n    await select.press(\"ArrowDown\");\n    await page.waitForChanges();\n\n    await select.press(\"Enter\");\n    await page.waitForChanges();\n\n    expect((await page.find(\"z-select input\")).getAttribute(\"aria-expanded\")).toBe(\"false\");\n    expect(await select.callMethod(\"getValue\")).toBe(\"item_1\");\n  });\n});\n"]}

package/dist/collection/components/z-skip-to-content/index.spec.js

@@ -1,28 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZSkipToContent } from "./index";
-describe("Suite test ZSkipToContent", () => {
-    it("Test render ZSkipToContent empty", async () => {
-        const page = await newSpecPage({
-            components: [ZSkipToContent],
-            html: `<z-skip-to-content variant></z-skip-to-content>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <z-skip-to-content variant=""></z-skip-to-content>
-    `);
-    });
-    it("Test render ZSkipToContent with variant and links", async () => {
-        const page = await newSpecPage({
-            components: [ZSkipToContent],
-            html: `<z-skip-to-content variant="dark" links='[{"ariaLabel": "vai al link1", "label":"vai al link1", "href":"#link1"}]'></z-skip-to-content>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-skip-to-content class="dark" links="[{&quot;ariaLabel&quot;: &quot;vai al link1&quot;, &quot;label&quot;:&quot;vai al link1&quot;, &quot;href&quot;:&quot;#link1&quot;}]" variant="dark">
-        <div class="link-container">
-          <a aria-label="vai al link1" class="body-1-sb link-invisible z-link z-link-underline z-link-white" href="#link1" id="skip-to-content-0">
-            vai al link1
-          </a>
-      </z-skip-to-content>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/components/z-skip-to-content/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-skip-to-content/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;KAE7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,yIAAyI;SAChJ,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\";\nimport {ZSkipToContent} from \"./index\";\n\ndescribe(\"Suite test ZSkipToContent\", () => {\n  it(\"Test render ZSkipToContent empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZSkipToContent],\n      html: `<z-skip-to-content variant></z-skip-to-content>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <z-skip-to-content variant=\"\"></z-skip-to-content>\n    `);\n  });\n\n  it(\"Test render ZSkipToContent with variant and links\", async () => {\n    const page = await newSpecPage({\n      components: [ZSkipToContent],\n      html: `<z-skip-to-content variant=\"dark\" links='[{\"ariaLabel\": \"vai al link1\", \"label\":\"vai al link1\", \"href\":\"#link1\"}]'></z-skip-to-content>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-skip-to-content class=\"dark\" links=\"[{&quot;ariaLabel&quot;: &quot;vai al link1&quot;, &quot;label&quot;:&quot;vai al link1&quot;, &quot;href&quot;:&quot;#link1&quot;}]\" variant=\"dark\">\n        <div class=\"link-container\">\n          <a aria-label=\"vai al link1\" class=\"body-1-sb link-invisible z-link z-link-underline z-link-white\" href=\"#link1\" id=\"skip-to-content-0\">\n            vai al link1\n          </a>\n      </z-skip-to-content>\n    `);\n  });\n});\n"]}

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

@@ -1,38 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZStepper } from "./index";
-describe("Suite test ZStepper", () => {
-    it("Test render empty ZStepper", async () => {
-        const page = await newSpecPage({
-            components: [ZStepper],
-            html: `<z-stepper></z-stepper>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-stepper role="list">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-      </z-stepper>
-    `);
-    });
-    it("Test render ZStepper with items", async () => {
-        const page = await newSpecPage({
-            components: [ZStepper],
-            html: `<z-stepper>
-        <z-stepper-item index="0">First step</z-stepper-item>
-        <z-stepper-item index="1">Second step</z-stepper-item>
-        <z-stepper-item index="2">Third step</z-stepper-item>
-      </z-stepper>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-stepper role="list">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-        <z-stepper-item index="0">First step</z-stepper-item>
-        <z-stepper-item index="1">Second step</z-stepper-item>
-        <z-stepper-item index="2">Third step</z-stepper-item>
-      </z-stepper>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-stepper/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yBAAyB;SAChC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;mBAIO;SACd,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZStepper} from \"./index\";\n\ndescribe(\"Suite test ZStepper\", () => {\n  it(\"Test render empty ZStepper\", async () => {\n    const page = await newSpecPage({\n      components: [ZStepper],\n      html: `<z-stepper></z-stepper>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-stepper role=\"list\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n      </z-stepper>\n    `);\n  });\n\n  it(\"Test render ZStepper with items\", async () => {\n    const page = await newSpecPage({\n      components: [ZStepper],\n      html: `<z-stepper>\n        <z-stepper-item index=\"0\">First step</z-stepper-item>\n        <z-stepper-item index=\"1\">Second step</z-stepper-item>\n        <z-stepper-item index=\"2\">Third step</z-stepper-item>\n      </z-stepper>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-stepper role=\"list\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <z-stepper-item index=\"0\">First step</z-stepper-item>\n        <z-stepper-item index=\"1\">Second step</z-stepper-item>\n        <z-stepper-item index=\"2\">Third step</z-stepper-item>\n      </z-stepper>\n    `);\n  });\n});\n"]}

package/dist/collection/components/z-stepper-item/index.spec.js

@@ -1,105 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZStepperItem } from "./index";
-describe("Suite test ZStepperItem", () => {
-    it("Test render empty ZStepperItem", async () => {
-        const page = await newSpecPage({
-            components: [ZStepperItem],
-            html: `<z-stepper-item role="listitem"></z-stepper-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-stepper-item role="listitem">
-        <mock:shadow-root>
-          <button class="stepper-item">
-            <div class="indicator"></div>
-            <span><slot></slot></span>
-          </button>
-        </mock:shadow-root>
-      </z-stepper-item>
-    `);
-    });
-    it("Test render ZStepperItem with index", async () => {
-        const page = await newSpecPage({
-            components: [ZStepperItem],
-            html: `<z-stepper-item index="5" role="listitem"></z-stepper-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-stepper-item index="5" role="listitem">
-        <mock:shadow-root>
-          <button class="stepper-item">
-            <div class="indicator">5</div>
-            <span><slot></slot></span>
-          </button>
-        </mock:shadow-root>
-      </z-stepper-item>
-    `);
-    });
-    it("Test render ZStepperItem with index and text", async () => {
-        const page = await newSpecPage({
-            components: [ZStepperItem],
-            html: `<z-stepper-item index="4">Text</z-stepper-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-stepper-item index="4" role="listitem">
-        <mock:shadow-root>
-          <button class="stepper-item">
-            <div class="indicator">4</div>
-            <span><slot></slot></span>
-          </button>
-        </mock:shadow-root>
-        Text
-      </z-stepper-item>
-    `);
-    });
-    it("Test render ZStepperItem with index and text and href", async () => {
-        const page = await newSpecPage({
-            components: [ZStepperItem],
-            html: `<z-stepper-item href="#/test" index="4" role="listitem">Text</z-stepper-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-stepper-item href="#/test" index="4" role="listitem">
-        <mock:shadow-root>
-          <button class="stepper-item" role="link">
-            <div class="indicator">4</div>
-            <span><slot></slot></span>
-          </button>
-        </mock:shadow-root>
-        Text
-      </z-stepper-item>
-    `);
-    });
-    it("Test render disabled ZStepperItem", async () => {
-        const page = await newSpecPage({
-            components: [ZStepperItem],
-            html: `<z-stepper-item disabled>Text</z-stepper-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-stepper-item disabled role="listitem">
-        <mock:shadow-root>
-          <button class="stepper-item" disabled>
-            <div class="indicator"></div>
-            <span><slot></slot></span>
-          </button>
-        </mock:shadow-root>
-        Text
-      </z-stepper-item>
-    `);
-    });
-    it("Test render disabled ZStepperItem with href", async () => {
-        const page = await newSpecPage({
-            components: [ZStepperItem],
-            html: `<z-stepper-item href="#/test" disabled>Text</z-stepper-item>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-stepper-item href="#/test" disabled role="listitem">
-        <mock:shadow-root>
-          <button class="stepper-item" disabled>
-            <div class="indicator"></div>
-            <span><slot></slot></span>
-          </button>
-        </mock:shadow-root>
-        Text
-      </z-stepper-item>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-stepper-item/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,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,mDAAmD;SAC1D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,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,6DAA6D;SACpE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,+EAA+E;SACtF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,gDAAgD;SACvD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,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,8DAA8D;SACrE,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 {ZStepperItem} from \"./index\";\n\ndescribe(\"Suite test ZStepperItem\", () => {\n  it(\"Test render empty ZStepperItem\", async () => {\n    const page = await newSpecPage({\n      components: [ZStepperItem],\n      html: `<z-stepper-item role=\"listitem\"></z-stepper-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-stepper-item role=\"listitem\">\n        <mock:shadow-root>\n          <button class=\"stepper-item\">\n            <div class=\"indicator\"></div>\n            <span><slot></slot></span>\n          </button>\n        </mock:shadow-root>\n      </z-stepper-item>\n    `);\n  });\n\n  it(\"Test render ZStepperItem with index\", async () => {\n    const page = await newSpecPage({\n      components: [ZStepperItem],\n      html: `<z-stepper-item index=\"5\" role=\"listitem\"></z-stepper-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-stepper-item index=\"5\" role=\"listitem\">\n        <mock:shadow-root>\n          <button class=\"stepper-item\">\n            <div class=\"indicator\">5</div>\n            <span><slot></slot></span>\n          </button>\n        </mock:shadow-root>\n      </z-stepper-item>\n    `);\n  });\n\n  it(\"Test render ZStepperItem with index and text\", async () => {\n    const page = await newSpecPage({\n      components: [ZStepperItem],\n      html: `<z-stepper-item index=\"4\">Text</z-stepper-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-stepper-item index=\"4\" role=\"listitem\">\n        <mock:shadow-root>\n          <button class=\"stepper-item\">\n            <div class=\"indicator\">4</div>\n            <span><slot></slot></span>\n          </button>\n        </mock:shadow-root>\n        Text\n      </z-stepper-item>\n    `);\n  });\n\n  it(\"Test render ZStepperItem with index and text and href\", async () => {\n    const page = await newSpecPage({\n      components: [ZStepperItem],\n      html: `<z-stepper-item href=\"#/test\" index=\"4\" role=\"listitem\">Text</z-stepper-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-stepper-item href=\"#/test\" index=\"4\" role=\"listitem\">\n        <mock:shadow-root>\n          <button class=\"stepper-item\" role=\"link\">\n            <div class=\"indicator\">4</div>\n            <span><slot></slot></span>\n          </button>\n        </mock:shadow-root>\n        Text\n      </z-stepper-item>\n    `);\n  });\n\n  it(\"Test render disabled ZStepperItem\", async () => {\n    const page = await newSpecPage({\n      components: [ZStepperItem],\n      html: `<z-stepper-item disabled>Text</z-stepper-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-stepper-item disabled role=\"listitem\">\n        <mock:shadow-root>\n          <button class=\"stepper-item\" disabled>\n            <div class=\"indicator\"></div>\n            <span><slot></slot></span>\n          </button>\n        </mock:shadow-root>\n        Text\n      </z-stepper-item>\n    `);\n  });\n\n  it(\"Test render disabled ZStepperItem with href\", async () => {\n    const page = await newSpecPage({\n      components: [ZStepperItem],\n      html: `<z-stepper-item href=\"#/test\" disabled>Text</z-stepper-item>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-stepper-item href=\"#/test\" disabled role=\"listitem\">\n        <mock:shadow-root>\n          <button class=\"stepper-item\" disabled>\n            <div class=\"indicator\"></div>\n            <span><slot></slot></span>\n          </button>\n        </mock:shadow-root>\n        Text\n      </z-stepper-item>\n    `);\n  });\n});\n"]}

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

@@ -1,58 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZTag } from "./index";
-describe("Suite test ZTag", () => {
-    it("Test render z-tag empty", async () => {
-        const page = await newSpecPage({
-            components: [ZTag],
-            html: `<z-tag></z-tag>`,
-        });
-        expect(page.root).toEqualHtml(`<z-tag><div></div></z-tag>`);
-    });
-    it("Test render z-tag with icon", async () => {
-        const page = await newSpecPage({
-            components: [ZTag],
-            html: `<z-tag icon="gear"></z-tag>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-tag icon="gear">
-        <z-icon name="gear"></z-icon>
-        <div></div>
-      </z-tag>`);
-    });
-    it("Test render z-tag with text", async () => {
-        const page = await newSpecPage({
-            components: [ZTag],
-            html: `<z-tag>my custom element</z-tag>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-tag>
-      <div>my custom element</div>
-      </z-tag>
-    `);
-    });
-    it("Test render z-tag with icon and text", async () => {
-        const page = await newSpecPage({
-            components: [ZTag],
-            html: `<z-tag icon="gear">my custom element</z-tag>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-tag icon="gear" >
-        <z-icon name="gear"></z-icon>
-        <div>my custom element</div>
-      </z-tag>
-    `);
-    });
-    it("Test render z-tag with icon and text with Token", async () => {
-        const page = await newSpecPage({
-            components: [ZTag],
-            html: `<z-tag icon="gear" style="--z-tag-text-color: var(--color-white); --z-tag-bg: var(--avatar-C19);">my custom element</z-tag>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-tag icon="gear" style="--z-tag-text-color: var(--color-white); --z-tag-bg: var(--avatar-C19);">
-        <z-icon name="gear"></z-icon>
-        <div>my custom element</div>
-      </z-tag>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/z-tag/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAE7B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,iBAAiB;SACxB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,6BAA6B;SACpC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;eAInB,CAAC,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,kCAAkC;SACzC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,8CAA8C;SACrD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,6HAA6H;SACpI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTag} from \"./index\";\n\ndescribe(\"Suite test ZTag\", () => {\n  it(\"Test render z-tag empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZTag],\n      html: `<z-tag></z-tag>`,\n    });\n\n    expect(page.root).toEqualHtml(`<z-tag><div></div></z-tag>`);\n  });\n\n  it(\"Test render z-tag with icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZTag],\n      html: `<z-tag icon=\"gear\"></z-tag>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-tag icon=\"gear\">\n        <z-icon name=\"gear\"></z-icon>\n        <div></div>\n      </z-tag>`);\n  });\n\n  it(\"Test render z-tag with text\", async () => {\n    const page = await newSpecPage({\n      components: [ZTag],\n      html: `<z-tag>my custom element</z-tag>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-tag>\n      <div>my custom element</div>\n      </z-tag>\n    `);\n  });\n\n  it(\"Test render z-tag with icon and text\", async () => {\n    const page = await newSpecPage({\n      components: [ZTag],\n      html: `<z-tag icon=\"gear\">my custom element</z-tag>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-tag icon=\"gear\" >\n        <z-icon name=\"gear\"></z-icon>\n        <div>my custom element</div>\n      </z-tag>\n    `);\n  });\n\n  it(\"Test render z-tag with icon and text with Token\", async () => {\n    const page = await newSpecPage({\n      components: [ZTag],\n      html: `<z-tag icon=\"gear\" style=\"--z-tag-text-color: var(--color-white); --z-tag-bg: var(--avatar-C19);\">my custom element</z-tag>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-tag icon=\"gear\" style=\"--z-tag-text-color: var(--color-white); --z-tag-bg: var(--avatar-C19);\">\n        <z-icon name=\"gear\"></z-icon>\n        <div>my custom element</div>\n      </z-tag>\n    `);\n  });\n});\n"]}