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

package/dist/collection/components/inputs/z-input/test-text.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-text.spec.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-input/test-text.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\nimport {ZIcon} from \"../../icons/z-icon\";\nimport {ZInput} from \"./index\";\n\ndescribe(\"Suite test ZInput - text\", () => {\n  jest.useFakeTimers({\n    legacyFakeTimers: true,\n  });\n  it(\"Test render ZInput vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" htmlid=\"id\"></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" htmlid=\"id\" size=\"big\">\n          <div class=\"text-wrapper\">\n            <div>\n              <input id=\"id\" class=\"has-clear-icon\" type=\"text\" />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput vuoto small\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" htmlid=\"id\" size=\"small\"></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" htmlid=\"id\" size=\"small\">\n          <div class=\"text-wrapper\">\n            <div>\n              <input id=\"id\" class=\"has-clear-icon\" type=\"text\" />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                  <z-icon class=\"small\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput vuoto x-small\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" htmlid=\"id\" size=\"x-small\"></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" htmlid=\"id\" size=\"x-small\">\n          <div class=\"text-wrapper\">\n            <div>\n              <input id=\"id\" class=\"has-clear-icon\" type=\"text\" />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                  <z-icon class=\"x-small\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput con attributi\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" type='text' htmlid='test' placeholder='placeholder' value='value' label='label'></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" type='text' htmlid='test' placeholder='placeholder' size='big' value='value' label='label'>\n          <div class=\"text-wrapper\">\n            <label class=\"body-5-sb input-label\" htmlfor=\"test\" id=\"test_label\">label</label>\n            <div>\n              <input class=\"filled has-clear-icon\" type='text' id='test' placeholder='placeholder' value='value' />\n              <span class=\"icons-wrapper\">\n                <button type=\"button\" class=\"icon-button reset-icon\" aria-label=\"cancella il contenuto dell'input\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput senza attributo label\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" type='text' htmlid='test' placeholder='placeholder' value='value' aria-label='label'></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" type='text' htmlid='test' placeholder='placeholder' size='big' value='value' aria-label='label'>\n          <div class=\"text-wrapper\">\n            <div>\n              <input class=\"filled has-clear-icon\" type='text' id='test' placeholder='placeholder' value='value' aria-label=\"label\" />\n              <span class=\"icons-wrapper\">\n                <button type=\"button\" class=\"icon-button reset-icon\" aria-label=\"cancella il contenuto dell'input\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput con attributi disabled\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" type='text' htmlid='test' placeholder='placeholder' value='value' label='label' disabled></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" type='text' htmlid='test' placeholder='placeholder' size='big' value='value' label='label' disabled>\n          <div class=\"text-wrapper\">\n            <label class=\"body-5-sb input-label\" htmlfor=\"test\" id=\"test_label\">label</label>\n            <div>\n              <input disabled class=\"filled has-clear-icon\" type='text' id='test' placeholder='placeholder' value='value' />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput con attributi readonly\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" type='text' htmlid='test' placeholder='placeholder' value='value' label='label' readonly></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" type='text' htmlid='test' placeholder='placeholder' value='value' label='label' readonly size='big'>\n          <div class=\"text-wrapper\">\n            <label class=\"body-5-sb input-label\" htmlfor=\"test\" id=\"test_label\">label</label>\n            <div>\n              <input readonly class=\"filled has-clear-icon\" type='text' id='test' placeholder='placeholder' value='value' />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                    <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput con helper message\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input type='text' htmlid='test' placeholder='placeholder' value='value' label='label' message='helper message'></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input type='text' htmlid='test' placeholder='placeholder' size='big' value='value' label='label' message='helper message'>\n          <div class=\"text-wrapper\">\n            <label class=\"body-5-sb input-label\" htmlfor=\"test\" id=\"test_label\">label</label>\n            <div>\n              <input class=\"filled has-clear-icon\" type='text' id='test' placeholder='placeholder' value='value' />\n              <span class=\"icons-wrapper\">\n                <button type=\"button\" class=\"icon-button reset-icon\" aria-label=\"cancella il contenuto dell'input\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n            <z-input-message class=\"big\" message=\"helper message\"></z-input-message>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput con status e message\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input type='text' htmlid='test' placeholder='placeholder' value='value' label='label' status='success' message='success message'></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input type='text' htmlid='test' placeholder='placeholder' size=\"big\" value='value' label='label' status='success' message='success message'>\n          <div class=\"text-wrapper\">\n            <label class=\"body-5-sb input-label\" htmlfor=\"test\" id=\"test_label\">label</label>\n            <div>\n              <input class=\"filled input-success has-clear-icon\" type='text' id='test' placeholder='placeholder' value='value' />\n              <span class=\"icons-wrapper\">\n                <button type=\"button\" class=\"icon-button reset-icon\" aria-label=\"cancella il contenuto dell'input\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n            <z-input-message class=\"big\" message=\"success message\" status=\"success\"></z-input-message>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test ZInput clear\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput, ZIcon],\n      html: `<z-input type='text' htmlid='test' placeholder='placeholder' value='value' label='label'></z-input>`,\n    });\n    const icon: HTMLZIconElement = page.body.querySelector(\".reset-icon z-icon\");\n    expect(page.rootInstance.value).toEqual(\"value\");\n    icon.click();\n    await page.waitForChanges();\n    expect(page.rootInstance.value).toEqual(\"\");\n  });\n\n  it(\"Test render ZInput vuoto - password nascosta\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" htmlid=\"id\" type=\"password\"></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" htmlid=\"id\" size=\"big\" type=\"password\">\n          <div class=\"text-wrapper\">\n            <div>\n              <input id=\"id\" class=\"has-clear-icon has-icon\" type=\"password\" />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n                <button type=\"button\" class=\"icon-button toggle-password-icon\" aria-label=\"mostra password\">\n                  <z-icon class=\"big\" name=\"view-filled\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput vuoto - password visibile\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" htmlid=\"id\" type=\"password\"></z-input>`,\n    });\n    page.rootInstance.passwordHidden = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" htmlid=\"id\" size=\"big\" type=\"password\">\n          <div class=\"text-wrapper\">\n            <div>\n              <input id=\"id\" class=\"has-clear-icon has-icon\" type=\"text\" />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n                <button type=\"button\" class=\"icon-button toggle-password-icon\" aria-label=\"nascondi password\">\n                  <z-icon class=\"big\" name=\"view-off-filled\"></z-icon>\n                </button>\n              </span>\n            </div>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput - with clear icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input htmlid=\"id\" hasclearicon=\"true\" value=\"value\"></z-input>`,\n    });\n    page.rootInstance.passwordHidden = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-input htmlid=\"id\" hasclearicon=\"true\" size=\"big\" value=\"value\">\n          <div class=\"text-wrapper\">\n            <div>\n              <input id=\"id\" class=\"filled has-clear-icon\" type=\"text\" value=\"value\" />\n              <span class=\"icons-wrapper\">\n                <button type=\"button\" class=\"icon-button reset-icon\" aria-label=\"cancella il contenuto dell'input\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n            <z-input-message class=\"big\"></z-input-message>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput - without clear icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input htmlid=\"id\" hasclearicon=\"false\" value=\"value\"></z-input>`,\n    });\n    page.rootInstance.passwordHidden = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-input htmlid=\"id\" hasclearicon=\"false\" size=\"big\" value=\"value\">\n          <div class=\"text-wrapper\">\n            <div>\n              <input id=\"id\" class=\"filled\" type=\"text\" value=\"value\" />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n              </span>\n            </div>\n            <z-input-message class=\"big\"></z-input-message>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput - with icon\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input htmlid=\"id\" icon=\"pdf\"></z-input>`,\n    });\n    page.rootInstance.passwordHidden = false;\n    await page.waitForChanges();\n    expect(page.root).toEqualHtml(`\n      <z-input htmlid=\"id\" icon=\"pdf\" size=\"big\">\n          <div class=\"text-wrapper\">\n            <div>\n              <input id=\"id\" class=\"has-icon has-clear-icon\" type=\"text\" />\n              <span class=\"icons-wrapper\">\n                <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                  <z-icon class=\"big\" name=\"multiply\"></z-icon>\n                </button>\n                <button aria-hidden=\"true\" type=\"button\" class=\"icon-button input-icon\" tabindex=\"-1\">\n                  <z-icon class=\"big\" name=\"pdf\"></z-icon>\n                </button>\n              </span>\n            </div>\n            <z-input-message class=\"big\"></z-input-message>\n          </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput type=number\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" type='number' min='1' max='10' step='2' htmlid='test'></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input htmlid=\"test\" max=\"10\" message=\"false\" min=\"1\" size=\"big\" step=\"2\" type=\"number\">\n        <div class=\"text-wrapper\">\n          <div>\n            <input id=\"test\" max=\"10\" min=\"1\" step=\"2\" type=\"number\">\n            <span class=\"icons-wrapper\">\n              <button aria-label=\"cancella il contenuto dell'input\" class=\"hidden icon-button reset-icon\" type=\"button\">\n                <z-icon class=\"big\" name=\"multiply\"></z-icon>\n              </button>\n            </span>\n          </div>\n        </div>\n      </z-input>\n    `);\n  });\n});\n"]}

package/dist/collection/components/inputs/z-input/test-textarea.spec.js

@@ -1,54 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZInput } from "./index";
-describe("Suite test ZInput - textarea", () => {
-    it("Test render ZInput textarea", async () => {
-        const page = await newSpecPage({
-            components: [ZInput],
-            html: `<z-input message="false" type="textarea" htmlid="test" placeholder="placeholder" value="value" label="label"></z-input>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input message="false" type="textarea" htmlid="test" placeholder="placeholder" value="value" label="label" size="big">
-        <div class="text-wrapper">
-          <label class="body-5-sb input-label" htmlfor="test" id="test_label">label</label>
-          <div class="textarea-wrapper filled">
-            <textarea class="filled" id="test" placeholder="placeholder" value="value"></textarea>
-          </div>
-        </div>
-      </z-input>
-    `);
-    });
-    it("Test render ZInput textarea disabled/readonly", async () => {
-        const page = await newSpecPage({
-            components: [ZInput],
-            html: `<z-input message="false" type="textarea" htmlid="test" placeholder="placeholder" value="value" label="label" disabled readonly></z-input>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input message="false" type="textarea" htmlid="test" placeholder="placeholder" value="value" label="label" disabled readonly size="big">
-        <div class="text-wrapper">
-          <label class="body-5-sb input-label" htmlfor="test" id="test_label">label</label>
-          <div class="textarea-wrapper filled readonly">
-            <textarea disabled readonly class="filled" id="test" placeholder="placeholder" value="value"></textarea>
-          </div>
-        </div>
-      </z-input>
-    `);
-    });
-    it("Test render ZInput textarea status/messages", async () => {
-        const page = await newSpecPage({
-            components: [ZInput],
-            html: `<z-input type="textarea" htmlid="test" placeholder="placeholder" label="label" status="error" message="error message" value="value"></z-input>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input type="textarea" htmlid="test" placeholder="placeholder" label="label" size="big" status="error" message="error message" value="value">
-        <div class="text-wrapper">
-          <label class="body-5-sb input-label" htmlfor="test" id="test_label">label</label>
-          <div class="textarea-wrapper filled input-error">
-            <textarea class="filled input-error" id="test" placeholder="placeholder" value="value"></textarea>
-          </div>
-          <z-input-message class="big" message="error message" status="error"></z-input-message>
-        </div>
-      </z-input>
-    `);
-    });
-});
-//# sourceMappingURL=test-textarea.spec.js.map

package/dist/collection/components/inputs/z-input/test-textarea.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-textarea.spec.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-input/test-textarea.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,yHAAyH;SAChI,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,2IAA2I;SAClJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,gJAAgJ;SACvJ,CAAC,CAAC;QACH,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 {ZInput} from \"./index\";\n\ndescribe(\"Suite test ZInput - textarea\", () => {\n  it(\"Test render ZInput textarea\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" type=\"textarea\" htmlid=\"test\" placeholder=\"placeholder\" value=\"value\" label=\"label\"></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" type=\"textarea\" htmlid=\"test\" placeholder=\"placeholder\" value=\"value\" label=\"label\" size=\"big\">\n        <div class=\"text-wrapper\">\n          <label class=\"body-5-sb input-label\" htmlfor=\"test\" id=\"test_label\">label</label>\n          <div class=\"textarea-wrapper filled\">\n            <textarea class=\"filled\" id=\"test\" placeholder=\"placeholder\" value=\"value\"></textarea>\n          </div>\n        </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput textarea disabled/readonly\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input message=\"false\" type=\"textarea\" htmlid=\"test\" placeholder=\"placeholder\" value=\"value\" label=\"label\" disabled readonly></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input message=\"false\" type=\"textarea\" htmlid=\"test\" placeholder=\"placeholder\" value=\"value\" label=\"label\" disabled readonly size=\"big\">\n        <div class=\"text-wrapper\">\n          <label class=\"body-5-sb input-label\" htmlfor=\"test\" id=\"test_label\">label</label>\n          <div class=\"textarea-wrapper filled readonly\">\n            <textarea disabled readonly class=\"filled\" id=\"test\" placeholder=\"placeholder\" value=\"value\"></textarea>\n          </div>\n        </div>\n      </z-input>\n    `);\n  });\n\n  it(\"Test render ZInput textarea status/messages\", async () => {\n    const page = await newSpecPage({\n      components: [ZInput],\n      html: `<z-input type=\"textarea\" htmlid=\"test\" placeholder=\"placeholder\" label=\"label\" status=\"error\" message=\"error message\" value=\"value\"></z-input>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-input type=\"textarea\" htmlid=\"test\" placeholder=\"placeholder\" label=\"label\" size=\"big\" status=\"error\" message=\"error message\" value=\"value\">\n        <div class=\"text-wrapper\">\n          <label class=\"body-5-sb input-label\" htmlfor=\"test\" id=\"test_label\">label</label>\n          <div class=\"textarea-wrapper filled input-error\">\n            <textarea class=\"filled input-error\" id=\"test\" placeholder=\"placeholder\" value=\"value\"></textarea>\n          </div>\n          <z-input-message class=\"big\" message=\"error message\" status=\"error\"></z-input-message>\n        </div>\n      </z-input>\n    `);\n  });\n});\n"]}

package/dist/collection/components/inputs/z-input/test.e2e.js

@@ -1,180 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { ICONS } from "../../icons/icons";
-it("Test ZInput should emit inputChange event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let inputValue = "";
-    await page.exposeFunction("onInputChange", (e) => {
-        inputValue = e.detail.value;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputChange({ type, detail: e.detail });
-        });
-    }, "inputChange");
-    await page.setContent(`<z-input></z-input>`);
-    const input = await page.find("z-input div input");
-    expect(inputValue).toEqual("");
-    await input.press("A");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("A");
-    await input.press("B");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("AB");
-});
-it("Test disabled ZInput should not change / emit inputChange event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let inputValue = "";
-    await page.exposeFunction("onInputChange", (e) => {
-        inputValue = e.detail.value;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputChange({ type, detail: e.detail });
-        });
-    }, "inputChange");
-    await page.setContent(`<z-input disabled></z-input>`);
-    const input = await page.find("z-input div input");
-    expect(inputValue).toEqual("");
-    await input.press("A");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("");
-    await input.press("B");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("");
-});
-it("Test ZInput - input password - change hide/show icon on click", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    await page.setContent(`<z-input htmlid="checkid" type="password"></z-input>`);
-    const iconButton = await page.find("z-input button.toggle-password-icon");
-    const icon = await page.find("z-input button.toggle-password-icon z-icon");
-    //icon will be an open eye on first click
-    await iconButton.click();
-    await page.waitForChanges();
-    expect(icon).toEqualHtml(`<z-icon class="hydrated sc-z-input big" aria-hidden="true">
-      <mock:shadow-root>
-      <svg  fill="" viewBox="0 0 1000 1000">
-      <path d="${ICONS["view-off-filled"]}"></path>
-      </svg>
-      </mock:shadow-root>
-    </z-icon>`);
-    //icon will be a closed eye on second click
-    await iconButton.click();
-    await page.waitForChanges();
-    expect(icon).toEqualHtml(`<z-icon class="hydrated sc-z-input big" aria-hidden="true">
-      <mock:shadow-root>
-        <svg  fill="" viewBox="0 0 1000 1000">
-          <path d="${ICONS["view-filled"]}"></path>
-        </svg>
-      </mock:shadow-root>
-    </z-icon>`);
-});
-it("Test ZInput - input password - change input type on icon click to show/hide password", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    await page.setContent(`<z-input htmlid="checkid" type="password"></z-input>`);
-    const input = await page.find("z-input div.text-wrapper div input");
-    const iconButton = await page.find("z-input button.toggle-password-icon");
-    //input will be type text after first click on icon
-    await iconButton.click();
-    await page.waitForChanges();
-    expect(input).toEqualAttribute("type", "text");
-    //input will be type password after second click on icon
-    await iconButton.click();
-    await page.waitForChanges();
-    expect(input).toEqualAttribute("type", "password");
-});
-it("Test ZInput checkbox should emit inputCheck event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let checked = false;
-    await page.exposeFunction("onInputCheck", (e) => {
-        checked = e.detail.checked;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputCheck({ type, detail: e.detail });
-        });
-    }, "inputCheck");
-    await page.setContent(`<z-input type="checkbox"></z-input>`);
-    const input_checkbox = await page.find("z-input div input");
-    expect(checked).toEqual(false);
-    await input_checkbox.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(true);
-    await input_checkbox.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(false);
-});
-it("Test disabled ZInput checkbox should not emit inputCheck event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let checked = false;
-    await page.exposeFunction("onInputCheck", (e) => {
-        checked = e.detail.checked;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputCheck({
-                type,
-                detail: e.detail,
-            });
-        });
-    }, "inputCheck");
-    await page.setContent(`<z-input type="checkbox" disabled></z-input>`);
-    const input_checkbox_unchecked = await page.find("z-input div input");
-    expect(checked).toEqual(false);
-    await input_checkbox_unchecked.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(false);
-});
-it("Test ZInput radio should emit inputCheck event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let checked = false;
-    await page.exposeFunction("onInputCheck", (e) => {
-        checked = e.detail.checked;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputCheck({ type, detail: e.detail });
-        });
-    }, "inputCheck");
-    await page.setContent(`<z-input id="radio_1" type="radio"></z-input>`);
-    const input_radio = await page.find("z-input div input");
-    expect(checked).toEqual(false);
-    await input_radio.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(true);
-    await input_radio.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(true);
-});
-it("Test disabled ZInput radio should not emit inputCheck event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let checked = false;
-    await page.exposeFunction("onInputCheck", (e) => {
-        checked = e.detail.checked;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onInputCheck({ type, detail: e.detail });
-        });
-    }, "inputCheck");
-    await page.setContent(`<z-input type="radio" disabled></z-input>`);
-    const input_radio_unchecked = await page.find("z-input div input");
-    expect(checked).toEqual(false);
-    await input_radio_unchecked.click();
-    await page.waitForChanges();
-    expect(checked).toEqual(false);
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-input/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nimport {ICONS} from \"../../icons/icons\";\n\ntype CustomWindow = Window &\n  typeof globalThis & {\n    onInputChange: (a) => unknown;\n    onInputCheck: (a) => unknown;\n  };\n\nit(\"Test ZInput should emit inputChange event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let inputValue = \"\";\n  await page.exposeFunction(\"onInputChange\", (e) => {\n    inputValue = e.detail.value;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputChange({type, detail: e.detail});\n    });\n  }, \"inputChange\");\n\n  await page.setContent(`<z-input></z-input>`);\n  const input = await page.find(\"z-input div input\");\n\n  expect(inputValue).toEqual(\"\");\n\n  await input.press(\"A\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"A\");\n\n  await input.press(\"B\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"AB\");\n});\n\nit(\"Test disabled ZInput should not change / emit inputChange event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let inputValue = \"\";\n  await page.exposeFunction(\"onInputChange\", (e) => {\n    inputValue = e.detail.value;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputChange({type, detail: e.detail});\n    });\n  }, \"inputChange\");\n\n  await page.setContent(`<z-input disabled></z-input>`);\n  const input = await page.find(\"z-input div input\");\n\n  expect(inputValue).toEqual(\"\");\n\n  await input.press(\"A\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"\");\n\n  await input.press(\"B\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"\");\n});\n\nit(\"Test ZInput - input password - change hide/show icon on click\", async () => {\n  const page = await newE2EPage();\n  // Define a window.onCustomEvent function on the page.\n  await page.setContent(`<z-input htmlid=\"checkid\" type=\"password\"></z-input>`);\n  const iconButton = await page.find(\"z-input button.toggle-password-icon\");\n  const icon = await page.find(\"z-input button.toggle-password-icon z-icon\");\n  //icon will be an open eye on first click\n  await iconButton.click();\n  await page.waitForChanges();\n  expect(icon).toEqualHtml(\n    `<z-icon class=\"hydrated sc-z-input big\" aria-hidden=\"true\">\n      <mock:shadow-root>\n      <svg  fill=\"\" viewBox=\"0 0 1000 1000\">\n      <path d=\"${ICONS[\"view-off-filled\"]}\"></path>\n      </svg>\n      </mock:shadow-root>\n    </z-icon>`\n  );\n\n  //icon will be a closed eye on second click\n  await iconButton.click();\n  await page.waitForChanges();\n  expect(icon).toEqualHtml(\n    `<z-icon class=\"hydrated sc-z-input big\" aria-hidden=\"true\">\n      <mock:shadow-root>\n        <svg  fill=\"\" viewBox=\"0 0 1000 1000\">\n          <path d=\"${ICONS[\"view-filled\"]}\"></path>\n        </svg>\n      </mock:shadow-root>\n    </z-icon>`\n  );\n});\n\nit(\"Test ZInput - input password - change input type on icon click to show/hide password\", async () => {\n  const page = await newE2EPage();\n  // Define a window.onCustomEvent function on the page.\n  await page.setContent(`<z-input htmlid=\"checkid\" type=\"password\"></z-input>`);\n  const input = await page.find(\"z-input div.text-wrapper div input\");\n  const iconButton = await page.find(\"z-input button.toggle-password-icon\");\n\n  //input will be type text after first click on icon\n  await iconButton.click();\n  await page.waitForChanges();\n  expect(input).toEqualAttribute(\"type\", \"text\");\n  //input will be type password after second click on icon\n  await iconButton.click();\n  await page.waitForChanges();\n  expect(input).toEqualAttribute(\"type\", \"password\");\n});\n\nit(\"Test ZInput checkbox should emit inputCheck event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let checked = false;\n  await page.exposeFunction(\"onInputCheck\", (e) => {\n    checked = e.detail.checked;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputCheck({type, detail: e.detail});\n    });\n  }, \"inputCheck\");\n\n  await page.setContent(`<z-input type=\"checkbox\"></z-input>`);\n  const input_checkbox = await page.find(\"z-input div input\");\n\n  expect(checked).toEqual(false);\n\n  await input_checkbox.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(true);\n\n  await input_checkbox.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(false);\n});\n\nit(\"Test disabled ZInput checkbox should not emit inputCheck event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let checked = false;\n  await page.exposeFunction(\"onInputCheck\", (e) => {\n    checked = e.detail.checked;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputCheck({\n        type,\n        detail: e.detail,\n      });\n    });\n  }, \"inputCheck\");\n\n  await page.setContent(`<z-input type=\"checkbox\" disabled></z-input>`);\n  const input_checkbox_unchecked = await page.find(\"z-input div input\");\n  expect(checked).toEqual(false);\n  await input_checkbox_unchecked.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(false);\n});\n\nit(\"Test ZInput radio should emit inputCheck event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let checked = false;\n  await page.exposeFunction(\"onInputCheck\", (e) => {\n    checked = e.detail.checked;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputCheck({type, detail: e.detail});\n    });\n  }, \"inputCheck\");\n\n  await page.setContent(`<z-input id=\"radio_1\" type=\"radio\"></z-input>`);\n  const input_radio = await page.find(\"z-input div input\");\n\n  expect(checked).toEqual(false);\n  await input_radio.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(true);\n  await input_radio.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(true);\n});\n\nit(\"Test disabled ZInput radio should not emit inputCheck event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let checked = false;\n  await page.exposeFunction(\"onInputCheck\", (e) => {\n    checked = e.detail.checked;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      (window as CustomWindow).onInputCheck({type, detail: e.detail});\n    });\n  }, \"inputCheck\");\n\n  await page.setContent(`<z-input type=\"radio\" disabled></z-input>`);\n  const input_radio_unchecked = await page.find(\"z-input div input\");\n  expect(checked).toEqual(false);\n  await input_radio_unchecked.click();\n  await page.waitForChanges();\n  expect(checked).toEqual(false);\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-input-message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAQrE,MAAM,OAAO,aAAa;;QAShB,gBAAW,GAAG;YACpB,OAAO,EAAE,kBAAkB;YAC3B,KAAK,EAAE,kBAAkB;YACzB,OAAO,EAAE,oBAAoB;SAC9B,CAAC;;;0BAGW,EAAE;;IAIf,eAAe;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvE,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qEACC,IAAI,CAAC,UAAU,kBACP,IAAI,CAAC,OAAO;YAEvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,IAAI,cAAQ,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,GAAW;YACxG,6DAAM,SAAS,EAAE,IAAI,CAAC,OAAO,GAAI,CAC5B,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, Watch, State, h, Host} from \"@stencil/core\";\nimport {InputStatus} from \"../../../beans\";\n\n@Component({\n  tag: \"z-input-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInputMessage {\n  /** input helper message */\n  @Prop()\n  message: string;\n\n  /** input status (optional) */\n  @Prop({reflect: true})\n  status?: InputStatus;\n\n  private statusIcons = {\n    success: \"checkmark-circle\",\n    error: \"multiply-circled\",\n    warning: \"exclamation-circle\",\n  };\n\n  @State()\n  statusRole = {};\n\n  @Watch(\"message\")\n  @Watch(\"status\")\n  onMessageChange(): void {\n    this.statusRole = this.message && this.status ? {role: \"alert\"} : {};\n  }\n\n  componentWillLoad(): void {\n    this.onMessageChange();\n  }\n\n  render(): HTMLZInputMessageElement {\n    return (\n      <Host\n        {...this.statusRole}\n        aria-label={this.message}\n      >\n        {this.statusIcons[this.status] && this.message && <z-icon name={this.statusIcons[this.status]}></z-icon>}\n        <span innerHTML={this.message} />\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,45 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZInputMessage } from "./index";
-describe("Suite test ZInputMessage", () => {
-    it("Test render ZInputMessage - empty", async () => {
-        const page = await newSpecPage({
-            components: [ZInputMessage],
-            html: `<z-input-message aria-label=""></z-input-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input-message aria-label="">
-        <mock:shadow-root>
-          <span></span>
-        </mock:shadow-root>
-      </z-input-message>
-    `);
-    });
-    it("Test render ZInputMessage - with message", async () => {
-        const page = await newSpecPage({
-            components: [ZInputMessage],
-            html: `<z-input-message tabindex="0" aria-label="message" message="message"></z-input-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input-message tabindex="0" aria-label="message" message="message">
-        <mock:shadow-root>
-          <span>message</span>
-        </mock:shadow-root>
-      </z-input-message>
-    `);
-    });
-    it("Test render ZInputMessage - with status/message", async () => {
-        const page = await newSpecPage({
-            components: [ZInputMessage],
-            html: `<z-input-message tabindex="0" aria-label="message" message="message" status="success"></z-input-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-input-message tabindex="0" aria-label="message" message="message" status="success" role="alert">
-        <mock:shadow-root>
-          <z-icon name="checkmark-circle"></z-icon>
-          <span>message</span>
-        </mock:shadow-root>
-      </z-input-message>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-input-message/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,mDAAmD;SAC1D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,yFAAyF;SAChG,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,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,aAAa,CAAC;YAC3B,IAAI,EAAE,0GAA0G;SACjH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZInputMessage} from \"./index\";\n\ndescribe(\"Suite test ZInputMessage\", () => {\n  it(\"Test render ZInputMessage - empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZInputMessage],\n      html: `<z-input-message aria-label=\"\"></z-input-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-input-message aria-label=\"\">\n        <mock:shadow-root>\n          <span></span>\n        </mock:shadow-root>\n      </z-input-message>\n    `);\n  });\n\n  it(\"Test render ZInputMessage - with message\", async () => {\n    const page = await newSpecPage({\n      components: [ZInputMessage],\n      html: `<z-input-message tabindex=\"0\" aria-label=\"message\" message=\"message\"></z-input-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-input-message tabindex=\"0\" aria-label=\"message\" message=\"message\">\n        <mock:shadow-root>\n          <span>message</span>\n        </mock:shadow-root>\n      </z-input-message>\n    `);\n  });\n\n  it(\"Test render ZInputMessage - with status/message\", async () => {\n    const page = await newSpecPage({\n      components: [ZInputMessage],\n      html: `<z-input-message tabindex=\"0\" aria-label=\"message\" message=\"message\" status=\"success\"></z-input-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-input-message tabindex=\"0\" aria-label=\"message\" message=\"message\" status=\"success\" role=\"alert\">\n        <mock:shadow-root>\n          <z-icon name=\"checkmark-circle\"></z-icon>\n          <span>message</span>\n        </mock:shadow-root>\n      </z-input-message>\n    `);\n  });\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/z-searchbar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Event, EventEmitter, h, Host, Listen, Prop, State, Watch} from \"@stencil/core\";\nimport {\n  ButtonVariant,\n  ListDividerType,\n  SearchbarGroup,\n  SearchbarGroupedItem,\n  SearchbarItem,\n  ControlSize,\n} from \"../../../beans\";\nimport {handleEnterKeydSubmit, randomId} from \"../../../utils/utils\";\n\n/**\n * @cssprop --z-searchbar-results-height - Max height of the results container (default: 540px)\n */\n@Component({\n  tag: \"z-searchbar\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZSearchbar {\n  /** the id of the searchbar element */\n  @Prop({reflect: true})\n  htmlid = `searchbar-${randomId()}`;\n\n  /** Prevent submit action */\n  @Prop()\n  preventSubmit?: boolean = false;\n\n  /** Input search string */\n  @Prop()\n  value?: string;\n\n  /** Search input placeholder */\n  @Prop()\n  placeholder?: string;\n\n  /** Show autocomplete results */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** Minimun number of characters to dispatch typing event */\n  @Prop()\n  autocompleteMinChars?: number = 3;\n\n  /** Number of results shown - default all */\n  @Prop()\n  resultsCount?: number;\n\n  /** Truncate results to single row */\n  @Prop()\n  resultsEllipsis?: boolean = true;\n\n  /** Search helper text */\n  @Prop()\n  searchHelperLabel?: string = \"Cerca {searchString}\";\n\n  /** Autocomplete results items */\n  @Prop()\n  resultsItems?: SearchbarItem[] | string;\n\n  /** Sort autocomplete results items */\n  @Prop()\n  sortResultsItems?: boolean = false;\n\n  /** Show submit button */\n  @Prop()\n  showSearchButton?: boolean = false;\n\n  /** Set button icon without label*/\n  @Prop()\n  searchButtonIconOnly?: boolean = false;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */\n  @Prop()\n  variant?: ButtonVariant = ButtonVariant.PRIMARY;\n\n  @State()\n  searchString = this.value;\n\n  @State()\n  currResultsCount = 0;\n\n  @State()\n  showResults = false;\n\n  private resultsItemsList: SearchbarItem[] | undefined = null;\n\n  private inputRef: HTMLZInputElement;\n\n  /** Emitted on search submit, return search string */\n  @Event()\n  searchSubmit: EventEmitter<string>;\n\n  private emitSearchSubmit(): void {\n    this.searchSubmit.emit(this.inputRef.value);\n  }\n\n  /** Emitted on search typing, return search string */\n  @Event()\n  searchTyping: EventEmitter<string>;\n\n  private emitSearchTyping(search: string): void {\n    this.searchTyping.emit(search);\n  }\n\n  /** Emitted on search result click, return item */\n  @Event()\n  searchItemClick: EventEmitter<SearchbarItem>;\n\n  private emitSearchItemClick(item: SearchbarItem): void {\n    this.searchItemClick.emit(item);\n  }\n\n  @Watch(\"resultsItems\")\n  watchItems(): void {\n    this.resultsItemsList = this.getResultsItemsList();\n  }\n\n  @Watch(\"resultsCount\")\n  watchResultsCount(): void {\n    this.currResultsCount = this.resultsCount;\n  }\n\n  @Watch(\"value\")\n  watchValue(): void {\n    this.searchString = this.value;\n  }\n\n  @Watch(\"searchString\")\n  watchSearchString(): void {\n    this.emitSearchTyping(this.searchString);\n    if (!this.searchString) {\n      this.currResultsCount = this.resultsCount;\n    }\n  }\n\n  componentWillLoad(): void {\n    this.resultsItemsList = this.getResultsItemsList();\n    this.currResultsCount = this.resultsCount;\n  }\n\n  private getResultsItemsList(): SearchbarItem[] | undefined {\n    return typeof this.resultsItems === \"string\" ? JSON.parse(this.resultsItems) : this.resultsItems;\n  }\n\n  private getGroupedItems(items: SearchbarItem[]): SearchbarGroupedItem {\n    const groupedItems = {};\n    items.forEach((item: SearchbarItem) => {\n      const key = `${item?.category}${item?.subcategory}`;\n      groupedItems[key] = groupedItems[key] ?? {\n        category: item?.category,\n        subcategory: item?.subcategory,\n        items: [],\n      };\n      groupedItems[key][\"items\"].push(item);\n    });\n\n    if (this.sortResultsItems) {\n      return Object.keys(groupedItems)\n        .sort()\n        .reduce((obj, key) => {\n          obj[key] = {\n            ...groupedItems[key],\n            items: groupedItems[key][\"items\"].sort((a: SearchbarItem, b: SearchbarItem) => {\n              const nameA = a.label.toUpperCase();\n              const nameB = b.label.toUpperCase();\n              if (nameA < nameB) {\n                return -1;\n              }\n              if (nameA > nameB) {\n                return 1;\n              }\n\n              return 0;\n            }),\n          };\n\n          return obj;\n        }, {});\n    }\n\n    return groupedItems;\n  }\n\n  private checkResultsCount(counter: number): boolean {\n    if (!this.currResultsCount || counter < this.currResultsCount) {\n      return true;\n    }\n\n    return false;\n  }\n\n  private handleStopTyping(e: CustomEvent): void {\n    e.stopPropagation();\n    this.searchString = e.detail.value;\n  }\n\n  private handleSubmit(): void {\n    if (this.preventSubmit) {\n      return;\n    }\n\n    this.emitSearchSubmit();\n  }\n\n  @Listen(\"click\", {target: \"document\"})\n  private handleOutsideClick(e: MouseEvent): void {\n    const cp = e.composedPath();\n\n    const searchbar = cp.find((elem: HTMLElement) => elem.nodeName === \"Z-SEARCHBAR\");\n    if (!searchbar || (searchbar as HTMLZSearchbarElement).htmlid !== this.htmlid) {\n      this.showResults = false;\n\n      return;\n    }\n\n    if (cp.find((elem: HTMLElement) => elem?.nodeName === \"Z-INPUT\" || elem?.classList?.contains(\"results\"))) {\n      this.showResults = true;\n\n      return;\n    }\n\n    this.showResults = false;\n  }\n\n  private renderInput(): HTMLZInputElement {\n    return (\n      <z-input\n        ref={(val) => {\n          this.inputRef = val;\n        }}\n        message={false}\n        placeholder={this.placeholder}\n        onStopTyping={(e: CustomEvent) => this.handleStopTyping(e)}\n        onKeyUp={(e: KeyboardEvent) => handleEnterKeydSubmit(e, () => this.handleSubmit())}\n        value={this.value}\n        size={this.size}\n      />\n    );\n  }\n\n  private renderButton(): HTMLZButtonElement | null {\n    if (!this.showSearchButton) {\n      return null;\n    }\n\n    const iconProp = this.searchButtonIconOnly ? {icon: \"search\"} : null;\n    const buttonLabel = this.searchButtonIconOnly ? \"\" : \"CERCA\";\n    const defaultProps = {\n      disabled: this.preventSubmit,\n      variant: this.variant,\n      size: this.size,\n      onClick: () => this.handleSubmit(),\n      ...iconProp,\n    };\n\n    return <z-button {...defaultProps}>{buttonLabel}</z-button>;\n  }\n\n  private renderResults(): HTMLDivElement | null {\n    if (\n      !this.showResults ||\n      !this.autocomplete ||\n      !this.searchString ||\n      this.searchString.length < this.autocompleteMinChars ||\n      !this.resultsItemsList\n    ) {\n      return null;\n    }\n\n    return (\n      <div class=\"results-wrapper\">\n        <div class=\"results\">{this.renderResultsList()}</div>\n      </div>\n    );\n  }\n\n  private renderResultsList(): HTMLZListElement | HTMLSpanElement {\n    if (this.preventSubmit && !this.resultsItemsList?.length) {\n      return (\n        <span class=\"item item-no-results\">\n          Non abbiamo trovato risultati per <b>{this.searchString}</b>\n          <br />\n          <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      );\n    }\n\n    return (\n      <z-list\n        role=\"listbox\"\n        id={`list-${this.htmlid}`}\n      >\n        {this.renderSearchHelper(!!this.resultsItemsList?.length)}\n        {this.renderItems()}\n        {this.renderShowAllResults()}\n      </z-list>\n    );\n  }\n\n  private renderItems(): HTMLZListGroupElement[] {\n    if (!this.resultsItemsList?.length) {\n      return [];\n    }\n\n    const groupedItems = this.getGroupedItems(this.resultsItemsList);\n    const listGroups: HTMLZListGroupElement[] = [];\n    let counter = 0;\n\n    Object.values(groupedItems).forEach((groupItem: SearchbarGroup, index: number, array) => {\n      if (this.checkResultsCount(counter)) {\n        const listGroupsElements: HTMLZListElement[] = [];\n        groupItem.items.forEach((item: SearchbarItem, subindex: number, subarray) => {\n          if (this.checkResultsCount(counter)) {\n            const isLast = index === array.length - 1 && subindex === subarray.length - 1;\n            listGroupsElements.push(this.renderItem(item, subindex, !isLast));\n          }\n          counter++;\n        });\n\n        if (listGroupsElements.length) {\n          listGroups.push(\n            <z-list-group divider-type={ListDividerType.ELEMENT}>\n              {this.renderItemCategory(groupItem)}\n              {listGroupsElements}\n            </z-list-group>\n          );\n        }\n      }\n    });\n\n    return listGroups;\n  }\n\n  private renderItem(item: SearchbarItem, key: number, divider: boolean): HTMLZListElementElement {\n    return (\n      <z-list-element\n        id={`list-item-${this.htmlid}-${key}`}\n        role=\"option\"\n        tabindex={0}\n        dividerType={divider ? ListDividerType.ELEMENT : undefined}\n        clickable\n        onClickItem={() => this.emitSearchItemClick(item)}\n      >\n        <span class={{\"item\": true, \"ellipsis\": this.resultsEllipsis, \"has-category\": !!item.category}}>\n          {item?.icon && (\n            <z-icon\n              class=\"item-icon\"\n              name={item.icon}\n            />\n          )}\n          <span\n            class=\"item-label\"\n            title={item.label}\n            innerHTML={this.renderItemLabel(item.label)}\n          />\n        </span>\n      </z-list-element>\n    );\n  }\n\n  private renderItemLabel(label: string): string {\n    if (!this.searchString) {\n      return label;\n    }\n\n    return label.replace(\n      new RegExp(this.searchString.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"), \"gmi\"),\n      (found) => `<mark>${found}</mark>`\n    );\n  }\n\n  private renderItemCategory(groupItem: SearchbarGroup): HTMLSpanElement | null {\n    if (!groupItem?.category) {\n      return null;\n    }\n\n    return (\n      <span\n        class=\"category-heading\"\n        slot=\"header-title\"\n      >\n        <span class=\"category\">{groupItem.category}</span>\n        {groupItem?.subcategory && <span class=\"subcategory\">{groupItem.subcategory}</span>}\n      </span>\n    );\n  }\n\n  private renderSearchHelper(hasDivider = true): HTMLZListElement | null {\n    if (!this.autocomplete || this.preventSubmit || !this.searchString) {\n      return null;\n    }\n\n    return (\n      <z-list-element\n        role=\"option\"\n        tabindex={0}\n        dividerType={hasDivider ? ListDividerType.ELEMENT : undefined}\n        clickable\n        id={`list-item-${this.htmlid}-search`}\n        onClickItem={() => this.emitSearchSubmit()}\n      >\n        <span class=\"item item-search\">\n          <z-icon\n            class=\"search-icon\"\n            name=\"left-magnifying-glass\"\n          />\n          <span\n            class=\"item-label\"\n            innerHTML={this.searchHelperLabel.replace(\"{searchString}\", `<mark>${this.searchString}</mark>`)}\n          />\n        </span>\n      </z-list-element>\n    );\n  }\n\n  private renderShowAllResults(): HTMLZListElement | null {\n    if (\n      !this.currResultsCount ||\n      !this.searchString ||\n      !this.resultsItemsList?.length ||\n      this.currResultsCount >= this.resultsItemsList?.length\n    ) {\n      return null;\n    }\n\n    return (\n      <z-list-element\n        role=\"option\"\n        tabindex={0}\n        clickable\n        id={`list-item-${this.htmlid}-show-all`}\n        onClickItem={() => (this.currResultsCount = 0)}\n        color=\"color-primary01\"\n      >\n        <div class=\"item-show-all\">Vedi tutti i risultati</div>\n      </z-list-element>\n    );\n  }\n\n  render(): HTMLZSearchbarElement {\n    return (\n      <Host\n        onFocus={() => (this.showResults = true)}\n        onClick={(e) => this.handleOutsideClick(e)}\n        class={{\"has-submit\": this.showSearchButton, \"has-results\": this.autocomplete}}\n      >\n        <div class=\"input-container\">\n          {this.renderInput()}\n          {this.renderResults()}\n        </div>\n        {this.renderButton()}\n      </Host>\n    );\n  }\n}\n"]}