@zanichelli/albe-web-components 16.3.0 → 16.3.1

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/list/z-myz-list-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,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;QAC5B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,kDAAkD;SACzD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;QAC5B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,gFAAgF;SACvF,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;KAa7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;QAC5B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;KAY7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMyzListItem} from \"./index\";\n\ndescribe(\"Suite test z-myz-list-item\", () => {\n  it(\"Empty list item with shadow dom\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzListItem],\n      html: `<z-myz-list-item></z-myz-list-item>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <z-myz-list-item>\n        <mock:shadow-root>\n          <li role=\"button\">\n            <span class=\"border\">\n              <span></span>\n              <slot></slot>\n            </span>\n          </li>\n        </mock:shadow-root>\n      </z-myz-list-item>\n    `);\n  });\n\n  it(\"Text element\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzListItem],\n      html: `<z-myz-list-item text='testo'></z-myz-list-item>`,\n    });\n    expect(page.root).toEqualHtml(`\n     <z-myz-list-item text=\"testo\">\n      <mock:shadow-root>\n        <li role=\"button\">\n          <span class=\"border\">\n            <span>testo</span>\n            <slot></slot>\n          </span>\n        </li>\n      </mock:shadow-root>\n    </z-myz-list-item>\n    `);\n  });\n\n  it(\"Link element\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzListItem],\n      html: `<z-myz-list-item text='testo' link =='http://www.google.it'></z-myz-list-item>`,\n    });\n    expect(page.root).toEqualHtml(`\n     <z-myz-list-item link=\"='http://www.google.it'\" text=\"testo\">\n      <mock:shadow-root>\n        <li role=\"button\">\n          <span class=\"border\">\n            <a href=\"='http://www.google.it'\" target=\"_self\" tabindex=\"0\" role=\"link\">\n              testo\n            </a>\n            <slot></slot>\n          </span>\n        </li>\n      </mock:shadow-root>\n    </z-myz-list-item>\n    `);\n  });\n\n  it(\"Slot element\", async () => {\n    const page = await newSpecPage({\n      components: [ZMyzListItem],\n      html: `<z-myz-list-item>z list inner content</z-myz-list-item>`,\n    });\n    expect(page.root).toEqualHtml(`\n     <z-myz-list-item>\n      <mock:shadow-root>\n        <li role=\"button\">\n          <span class=\"border\">\n            <span></span>\n            <slot></slot>\n          </span>\n        </li>\n      </mock:shadow-root>\n      z list inner content\n    </z-myz-list-item>\n    `);\n  });\n});\n"]}

package/dist/collection/snowflakes/myz/z-alert/index.spec.js

@@ -1,20 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZAlert } from "./index";
-describe("Suite test ZAlert", () => {
-    it("Test render ZAlert vuoto", async () => {
-        const page = await newSpecPage({
-            components: [ZAlert],
-            html: `<z-alert></z-alert>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-alert>
-      <mock:shadow-root>
-        <div>
-          <slot></slot>
-        </div>
-      </mock:shadow-root>
-    </z-alert>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/snowflakes/myz/z-alert/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/z-alert/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,qBAAqB;SAC5B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZAlert} from \"./index\";\n\ndescribe(\"Suite test ZAlert\", () => {\n  it(\"Test render ZAlert vuoto\", async () => {\n    const page = await newSpecPage({\n      components: [ZAlert],\n      html: `<z-alert></z-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-alert>\n      <mock:shadow-root>\n        <div>\n          <slot></slot>\n        </div>\n      </mock:shadow-root>\n    </z-alert>\n    `);\n  });\n});\n"]}

package/dist/collection/snowflakes/myz/z-otp/index.spec.js

@@ -1,74 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZOtp } from "./index";
-describe("Suite test ZOtp", () => {
-    it("Test render ZOtp senza prop", async () => {
-        const page = await newSpecPage({
-            components: [ZOtp],
-            html: `<z-otp></z-otp>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-otp>
-        <mock:shadow-root>
-          <div class='otp-container'>
-            <div class="digits-container">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-            </div>
-            <z-input-message></z-input-message>
-          </div>
-        </mock:shadow-root>
-      </z-otp>
-    `);
-    });
-    it("Test render ZOtp con prop inputNum", async () => {
-        const page = await newSpecPage({
-            components: [ZOtp],
-            html: `<z-otp inputNum='3'></z-otp>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-otp inputNum='3'>
-        <mock:shadow-root>
-          <div class='otp-container'>
-            <div class="digits-container">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input type="text" autocomplete="off" minlength="1" maxlength="1">
-            </div>
-            <z-input-message></z-input-message>
-          </div>
-        </mock:shadow-root>
-      </z-otp>
-    `);
-    });
-    it("Test render ZOtp con messaggio errore", async () => {
-        const page = await newSpecPage({
-            components: [ZOtp],
-            html: `<z-otp status='error' message='Otp non valido'></z-otp>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-otp status='error' message='Otp non valido'>
-        <mock:shadow-root>
-          <div class='otp-container'>
-            <div class="digits-container">
-              <input class="error" type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input class="error" type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input class="error" type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input class="error" type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input class="error" type="text" autocomplete="off" minlength="1" maxlength="1">
-              <input class="error" type="text" autocomplete="off" minlength="1" maxlength="1">
-            </div>
-            <z-input-message status='error' message='Otp non valido'></z-input-message>
-          </div>
-        </mock:shadow-root>
-      </z-otp>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/snowflakes/myz/z-otp/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/z-otp/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,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,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;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,8BAA8B;SACrC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;KAgB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZOtp} from \"./index\";\n\ndescribe(\"Suite test ZOtp\", () => {\n  it(\"Test render ZOtp senza prop\", async () => {\n    const page = await newSpecPage({\n      components: [ZOtp],\n      html: `<z-otp></z-otp>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-otp>\n        <mock:shadow-root>\n          <div class='otp-container'>\n            <div class=\"digits-container\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n            </div>\n            <z-input-message></z-input-message>\n          </div>\n        </mock:shadow-root>\n      </z-otp>\n    `);\n  });\n\n  it(\"Test render ZOtp con prop inputNum\", async () => {\n    const page = await newSpecPage({\n      components: [ZOtp],\n      html: `<z-otp inputNum='3'></z-otp>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-otp inputNum='3'>\n        <mock:shadow-root>\n          <div class='otp-container'>\n            <div class=\"digits-container\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n            </div>\n            <z-input-message></z-input-message>\n          </div>\n        </mock:shadow-root>\n      </z-otp>\n    `);\n  });\n\n  it(\"Test render ZOtp con messaggio errore\", async () => {\n    const page = await newSpecPage({\n      components: [ZOtp],\n      html: `<z-otp status='error' message='Otp non valido'></z-otp>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-otp status='error' message='Otp non valido'>\n        <mock:shadow-root>\n          <div class='otp-container'>\n            <div class=\"digits-container\">\n              <input class=\"error\" type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input class=\"error\" type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input class=\"error\" type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input class=\"error\" type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input class=\"error\" type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n              <input class=\"error\" type=\"text\" autocomplete=\"off\" minlength=\"1\" maxlength=\"1\">\n            </div>\n            <z-input-message status='error' message='Otp non valido'></z-input-message>\n          </div>\n        </mock:shadow-root>\n      </z-otp>\n    `);\n  });\n});\n"]}

package/dist/collection/snowflakes/myz/z-otp/test.e2e.js

@@ -1,23 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("Test ZOtp should emit inputChange event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let inputValue = "";
-    await page.exposeFunction("onOtpChange", (e) => {
-        inputValue = e.detail.value;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    const type = "otpChange";
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onOtpChange({ type, detail: e.detail });
-        });
-    }, type);
-    await page.setContent(`<z-otp></z-otp>`);
-    const input = await page.find("z-otp >>> div input");
-    expect(inputValue).toEqual("");
-    await input.press("6");
-    await page.waitForChanges();
-    expect(inputValue).toEqual("6");
-});
-//# sourceMappingURL=test.e2e.js.map

package/dist/collection/snowflakes/myz/z-otp/test.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/z-otp/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAQjD,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;IACvD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,sDAAsD;IACtD,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,MAAM,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;QAC7C,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,sFAAsF;IACtF,MAAM,IAAI,GAAG,WAAW,CAAC;IACzB,IAAI,CAAC,qBAAqB,CAAC,CAAC,IAAI,EAAE,EAAE;QAClC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAc,EAAE,EAAE;YACjD,MAAM,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,MAAM,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACzC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAErD,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAE/B,MAAM,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAClC,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndeclare global {\n  interface Window {\n    onOtpChange: (e) => void;\n  }\n}\n\nit(\"Test ZOtp 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(\"onOtpChange\", (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  const type = \"otpChange\";\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      window.onOtpChange({type, detail: e.detail});\n    });\n  }, type);\n\n  await page.setContent(`<z-otp></z-otp>`);\n  const input = await page.find(\"z-otp >>> div input\");\n\n  expect(inputValue).toEqual(\"\");\n\n  await input.press(\"6\");\n  await page.waitForChanges();\n  expect(inputValue).toEqual(\"6\");\n});\n"]}

package/dist/collection/snowflakes/myz/z-slideshow/index.spec.js

@@ -1,193 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZSlideshow } from "./index";
-describe("Suite test ZSlideshow", () => {
-    it("Test render ZSlideshow with data empty", async () => {
-        const page = await newSpecPage({
-            components: [ZSlideshow],
-            html: `<z-slideshow></z-slideshow>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-slideshow>
-        <mock:shadow-root><div></div></mock:shadow-root>
-      </z-slideshow>
-    `);
-    });
-    it("Test render ZSlideshow with data set", async () => {
-        const page = await newSpecPage({
-            components: [ZSlideshow],
-            html: `<z-slideshow data='["https://link1.png", "https://link2.png" ,"https://link3.png"]'></z-slideshow>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <z-slideshow data="[&quot;https://link1.png&quot;, &quot;https://link2.png&quot; ,&quot;https://link3.png&quot;]">
-       <mock:shadow-root>
-         <div>
-           <main>
-             <z-icon class="disabled left scroll" height="40" name="chevron-left-circle" role="button" tabindex="0" width="40"></z-icon>
-             <div id="slides" style="width: NaNpx; transform: translate(-NaNpx);">
-               <div class="false slide" id="slide0">
-                 <img src="https://link1.png" style="width: undefinedpx;">
-               </div>
-               <div class="hide slide" id="slide1">
-                 <img src="https://link2.png" style="width: undefinedpx;">
-               </div>
-               <div class="hide slide" id="slide2">
-                 <img src="https://link3.png" style="width: undefinedpx;">
-               </div>
-             </div>
-             <z-icon class="false right scroll" height="40" name="chevron-right-circle" role="button" tabindex="0" width="40"></z-icon>
-           </main>
-           <footer>
-             <div class="footer-left">
-               <slot name="footer-left"></slot>
-             </div>
-             <div class="footer-center">
-               <div class="bullet-container">
-                 <a class="bullet selected" role="button" tabindex="0"></a>
-                 <a class="bullet false" role="button" tabindex="0"></a>
-                 <a class="bullet false" role="button" tabindex="0"></a>
-               </div>
-             </div>
-             <div class="footer-right">
-               <slot name="footer-right"></slot>
-             </div>
-           </footer>
-         </div>
-    `);
-    });
-    it("Test render ZSlideshow with data set and click on the last bullet", async () => {
-        const page = await newSpecPage({
-            components: [ZSlideshow],
-            html: `<z-slideshow data='["https://link1.png", "https://link2.png" ,"https://link3.png"]'></z-slideshow>`,
-        });
-        page.rootInstance.currentSlide = 2;
-        await page.waitForChanges();
-        expect(page.root).toEqualHtml(`
-    <z-slideshow data="[&quot;https://link1.png&quot;, &quot;https://link2.png&quot; ,&quot;https://link3.png&quot;]">
-       <mock:shadow-root>
-         <div>
-           <main>
-             <z-icon class="false left scroll" height="40" name="chevron-left-circle" role="button" tabindex="0" width="40"></z-icon>
-             <div id="slides" style="width: NaNpx; transform: translate(-NaNpx);">
-               <div class="hide slide" id="slide0">
-                 <img src="https://link1.png" style="width: undefinedpx;">
-               </div>
-               <div class="hide slide" id="slide1">
-                 <img src="https://link2.png" style="width: undefinedpx;">
-               </div>
-               <div class="false slide" id="slide2">
-                 <img src="https://link3.png" style="width: undefinedpx;">
-               </div>
-             </div>
-             <z-icon class="disabled right scroll" height="40" name="chevron-right-circle" role="button" tabindex="0" width="40"></z-icon>
-           </main>
-           <footer>
-             <div class="footer-left">
-               <slot name="footer-left"></slot>
-             </div>
-             <div class="footer-center">
-               <div class="bullet-container">
-                 <a class="bullet false" role="button" tabindex="0"></a>
-                 <a class="bullet false" role="button" tabindex="0"></a>
-                 <a class="bullet selected" role="button" tabindex="0"></a>
-               </div>
-             </div>
-             <div class="footer-right">
-               <slot name="footer-right"></slot>
-             </div>
-           </footer>
-         </div>
-    `);
-    });
-    it("Test render ZSlideshow with data set and click on scroll right and left", async () => {
-        const page = await newSpecPage({
-            components: [ZSlideshow],
-            html: `<z-slideshow data='["https://link1.png", "https://link2.png" ,"https://link3.png"]'></z-slideshow>`,
-        });
-        const scrollRight = page.root.shadowRoot.querySelector("z-icon.right");
-        const scrollLeft = page.root.shadowRoot.querySelector("z-icon.left");
-        let lengthSlide = 3;
-        while (lengthSlide > 0) {
-            expect(page.root).toEqualHtml(`
-      <z-slideshow data="[&quot;https://link1.png&quot;, &quot;https://link2.png&quot; ,&quot;https://link3.png&quot;]">
-         <mock:shadow-root>
-           <div>
-             <main>
-               <z-icon class="${lengthSlide === 3 ? "disabled" : "false"} left scroll" height="40" name="chevron-left-circle" role="button" tabindex="0" width="40"></z-icon>
-               <div id="slides" style="width: NaNpx; transform: translate(-NaNpx);">
-                 <div class="${lengthSlide === 3 ? "false" : "hide"} slide" id="slide0">
-                   <img src="https://link1.png" style="width: undefinedpx;">
-                 </div>
-                 <div class="${lengthSlide === 2 ? "false" : "hide"} slide" id="slide1">
-                   <img src="https://link2.png" style="width: undefinedpx;">
-                 </div>
-                 <div class="${lengthSlide === 1 ? "false" : "hide"} slide" id="slide2">
-                   <img src="https://link3.png" style="width: undefinedpx;">
-                 </div>
-               </div>
-               <z-icon class="${lengthSlide === 1 ? "disabled" : "false"} right scroll" height="40" name="chevron-right-circle" role="button" tabindex="0" width="40"></z-icon>
-             </main>
-             <footer>
-               <div class="footer-left">
-                 <slot name="footer-left"></slot>
-               </div>
-               <div class="footer-center">
-                 <div class="bullet-container">
-                   <a class="bullet ${lengthSlide === 3 ? "selected" : "false"}" role="button" tabindex="0"></a>
-                   <a class="bullet ${lengthSlide === 2 ? "selected" : "false"}" role="button" tabindex="0"></a>
-                   <a class="bullet ${lengthSlide === 1 ? "selected" : "false"}" role="button" tabindex="0"></a>
-                 </div>
-               </div>
-               <div class="footer-right">
-                 <slot name="footer-right"></slot>
-               </div>
-             </footer>
-           </div>
-      `);
-            scrollRight.click();
-            await page.waitForChanges();
-            lengthSlide--;
-        }
-        while (lengthSlide > 3) {
-            expect(page.root).toEqualHtml(`
-      <z-slideshow data="[&quot;https://link1.png&quot;, &quot;https://link2.png&quot; ,&quot;https://link3.png&quot;]">
-         <mock:shadow-root>
-           <div>
-             <main>
-               <z-icon class="${lengthSlide === 3 ? "disabled" : "false"} left scroll" height="40" name="chevron-left-circle" role="button" tabindex="0" width="40"></z-icon>
-               <div id="slides" style="width: NaNpx; transform: translate(-NaNpx);">
-                 <div class="${lengthSlide === 3 ? "false" : "hide"} slide" id="slide0">
-                   <img src="https://link1.png" style="width: undefinedpx;">
-                 </div>
-                 <div class="${lengthSlide === 2 ? "false" : "hide"} slide" id="slide1">
-                   <img src="https://link2.png" style="width: undefinedpx;">
-                 </div>
-                 <div class="${lengthSlide === 1 ? "false" : "hide"} slide" id="slide2">
-                   <img src="https://link3.png" style="width: undefinedpx;">
-                 </div>
-               </div>
-               <z-icon class="${lengthSlide === 1 ? "disabled" : "false"} right scroll" height="40" name="chevron-right-circle" role="button" tabindex="0" width="40"></z-icon>
-             </main>
-             <footer>
-               <div class="footer-left">
-                 <slot name="footer-left"></slot>
-               </div>
-               <div class="footer-center">
-                 <div class="bullet-container">
-                   <a class="bullet ${lengthSlide === 3 ? "selected" : "false"}" role="button" tabindex="0"></a>
-                   <a class="bullet ${lengthSlide === 2 ? "selected" : "false"}" role="button" tabindex="0"></a>
-                   <a class="bullet ${lengthSlide === 1 ? "selected" : "false"}" role="button" tabindex="0"></a>
-                 </div>
-               </div>
-               <div class="footer-right">
-                 <slot name="footer-right"></slot>
-               </div>
-             </footer>
-           </div>
-      `);
-            scrollLeft.click();
-            await page.waitForChanges();
-            lengthSlide++;
-        }
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/snowflakes/myz/z-slideshow/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/z-slideshow/index.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZSlideshow} from \"./index\";\n\ndescribe(\"Suite test ZSlideshow\", () => {\n  it(\"Test render ZSlideshow with data empty\", async () => {\n    const page = await newSpecPage({\n      components: [ZSlideshow],\n      html: `<z-slideshow></z-slideshow>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-slideshow>\n        <mock:shadow-root><div></div></mock:shadow-root>\n      </z-slideshow>\n    `);\n  });\n\n  it(\"Test render ZSlideshow with data set\", async () => {\n    const page = await newSpecPage({\n      components: [ZSlideshow],\n      html: `<z-slideshow data='[\"https://link1.png\", \"https://link2.png\" ,\"https://link3.png\"]'></z-slideshow>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <z-slideshow data=\"[&quot;https://link1.png&quot;, &quot;https://link2.png&quot; ,&quot;https://link3.png&quot;]\">\n       <mock:shadow-root>\n         <div>\n           <main>\n             <z-icon class=\"disabled left scroll\" height=\"40\" name=\"chevron-left-circle\" role=\"button\" tabindex=\"0\" width=\"40\"></z-icon>\n             <div id=\"slides\" style=\"width: NaNpx; transform: translate(-NaNpx);\">\n               <div class=\"false slide\" id=\"slide0\">\n                 <img src=\"https://link1.png\" style=\"width: undefinedpx;\">\n               </div>\n               <div class=\"hide slide\" id=\"slide1\">\n                 <img src=\"https://link2.png\" style=\"width: undefinedpx;\">\n               </div>\n               <div class=\"hide slide\" id=\"slide2\">\n                 <img src=\"https://link3.png\" style=\"width: undefinedpx;\">\n               </div>\n             </div>\n             <z-icon class=\"false right scroll\" height=\"40\" name=\"chevron-right-circle\" role=\"button\" tabindex=\"0\" width=\"40\"></z-icon>\n           </main>\n           <footer>\n             <div class=\"footer-left\">\n               <slot name=\"footer-left\"></slot>\n             </div>\n             <div class=\"footer-center\">\n               <div class=\"bullet-container\">\n                 <a class=\"bullet selected\" role=\"button\" tabindex=\"0\"></a>\n                 <a class=\"bullet false\" role=\"button\" tabindex=\"0\"></a>\n                 <a class=\"bullet false\" role=\"button\" tabindex=\"0\"></a>\n               </div>\n             </div>\n             <div class=\"footer-right\">\n               <slot name=\"footer-right\"></slot>\n             </div>\n           </footer>\n         </div>\n    `);\n  });\n\n  it(\"Test render ZSlideshow with data set and click on the last bullet\", async () => {\n    const page = await newSpecPage({\n      components: [ZSlideshow],\n      html: `<z-slideshow data='[\"https://link1.png\", \"https://link2.png\" ,\"https://link3.png\"]'></z-slideshow>`,\n    });\n\n    page.rootInstance.currentSlide = 2;\n    await page.waitForChanges();\n\n    expect(page.root).toEqualHtml(`\n    <z-slideshow data=\"[&quot;https://link1.png&quot;, &quot;https://link2.png&quot; ,&quot;https://link3.png&quot;]\">\n       <mock:shadow-root>\n         <div>\n           <main>\n             <z-icon class=\"false left scroll\" height=\"40\" name=\"chevron-left-circle\" role=\"button\" tabindex=\"0\" width=\"40\"></z-icon>\n             <div id=\"slides\" style=\"width: NaNpx; transform: translate(-NaNpx);\">\n               <div class=\"hide slide\" id=\"slide0\">\n                 <img src=\"https://link1.png\" style=\"width: undefinedpx;\">\n               </div>\n               <div class=\"hide slide\" id=\"slide1\">\n                 <img src=\"https://link2.png\" style=\"width: undefinedpx;\">\n               </div>\n               <div class=\"false slide\" id=\"slide2\">\n                 <img src=\"https://link3.png\" style=\"width: undefinedpx;\">\n               </div>\n             </div>\n             <z-icon class=\"disabled right scroll\" height=\"40\" name=\"chevron-right-circle\" role=\"button\" tabindex=\"0\" width=\"40\"></z-icon>\n           </main>\n           <footer>\n             <div class=\"footer-left\">\n               <slot name=\"footer-left\"></slot>\n             </div>\n             <div class=\"footer-center\">\n               <div class=\"bullet-container\">\n                 <a class=\"bullet false\" role=\"button\" tabindex=\"0\"></a>\n                 <a class=\"bullet false\" role=\"button\" tabindex=\"0\"></a>\n                 <a class=\"bullet selected\" role=\"button\" tabindex=\"0\"></a>\n               </div>\n             </div>\n             <div class=\"footer-right\">\n               <slot name=\"footer-right\"></slot>\n             </div>\n           </footer>\n         </div>\n    `);\n  });\n\n  it(\"Test render ZSlideshow with data set and click on scroll right and left\", async () => {\n    const page = await newSpecPage({\n      components: [ZSlideshow],\n      html: `<z-slideshow data='[\"https://link1.png\", \"https://link2.png\" ,\"https://link3.png\"]'></z-slideshow>`,\n    });\n\n    const scrollRight = page.root.shadowRoot.querySelector(\"z-icon.right\") as HTMLElement;\n    const scrollLeft = page.root.shadowRoot.querySelector(\"z-icon.left\") as HTMLElement;\n    let lengthSlide = 3;\n\n    while (lengthSlide > 0) {\n      expect(page.root).toEqualHtml(`\n      <z-slideshow data=\"[&quot;https://link1.png&quot;, &quot;https://link2.png&quot; ,&quot;https://link3.png&quot;]\">\n         <mock:shadow-root>\n           <div>\n             <main>\n               <z-icon class=\"${\n                 lengthSlide === 3 ? \"disabled\" : \"false\"\n               } left scroll\" height=\"40\" name=\"chevron-left-circle\" role=\"button\" tabindex=\"0\" width=\"40\"></z-icon>\n               <div id=\"slides\" style=\"width: NaNpx; transform: translate(-NaNpx);\">\n                 <div class=\"${lengthSlide === 3 ? \"false\" : \"hide\"} slide\" id=\"slide0\">\n                   <img src=\"https://link1.png\" style=\"width: undefinedpx;\">\n                 </div>\n                 <div class=\"${lengthSlide === 2 ? \"false\" : \"hide\"} slide\" id=\"slide1\">\n                   <img src=\"https://link2.png\" style=\"width: undefinedpx;\">\n                 </div>\n                 <div class=\"${lengthSlide === 1 ? \"false\" : \"hide\"} slide\" id=\"slide2\">\n                   <img src=\"https://link3.png\" style=\"width: undefinedpx;\">\n                 </div>\n               </div>\n               <z-icon class=\"${\n                 lengthSlide === 1 ? \"disabled\" : \"false\"\n               } right scroll\" height=\"40\" name=\"chevron-right-circle\" role=\"button\" tabindex=\"0\" width=\"40\"></z-icon>\n             </main>\n             <footer>\n               <div class=\"footer-left\">\n                 <slot name=\"footer-left\"></slot>\n               </div>\n               <div class=\"footer-center\">\n                 <div class=\"bullet-container\">\n                   <a class=\"bullet ${lengthSlide === 3 ? \"selected\" : \"false\"}\" role=\"button\" tabindex=\"0\"></a>\n                   <a class=\"bullet ${lengthSlide === 2 ? \"selected\" : \"false\"}\" role=\"button\" tabindex=\"0\"></a>\n                   <a class=\"bullet ${lengthSlide === 1 ? \"selected\" : \"false\"}\" role=\"button\" tabindex=\"0\"></a>\n                 </div>\n               </div>\n               <div class=\"footer-right\">\n                 <slot name=\"footer-right\"></slot>\n               </div>\n             </footer>\n           </div>\n      `);\n\n      scrollRight.click();\n      await page.waitForChanges();\n\n      lengthSlide--;\n    }\n\n    while (lengthSlide > 3) {\n      expect(page.root).toEqualHtml(`\n      <z-slideshow data=\"[&quot;https://link1.png&quot;, &quot;https://link2.png&quot; ,&quot;https://link3.png&quot;]\">\n         <mock:shadow-root>\n           <div>\n             <main>\n               <z-icon class=\"${\n                 lengthSlide === 3 ? \"disabled\" : \"false\"\n               } left scroll\" height=\"40\" name=\"chevron-left-circle\" role=\"button\" tabindex=\"0\" width=\"40\"></z-icon>\n               <div id=\"slides\" style=\"width: NaNpx; transform: translate(-NaNpx);\">\n                 <div class=\"${lengthSlide === 3 ? \"false\" : \"hide\"} slide\" id=\"slide0\">\n                   <img src=\"https://link1.png\" style=\"width: undefinedpx;\">\n                 </div>\n                 <div class=\"${lengthSlide === 2 ? \"false\" : \"hide\"} slide\" id=\"slide1\">\n                   <img src=\"https://link2.png\" style=\"width: undefinedpx;\">\n                 </div>\n                 <div class=\"${lengthSlide === 1 ? \"false\" : \"hide\"} slide\" id=\"slide2\">\n                   <img src=\"https://link3.png\" style=\"width: undefinedpx;\">\n                 </div>\n               </div>\n               <z-icon class=\"${\n                 lengthSlide === 1 ? \"disabled\" : \"false\"\n               } right scroll\" height=\"40\" name=\"chevron-right-circle\" role=\"button\" tabindex=\"0\" width=\"40\"></z-icon>\n             </main>\n             <footer>\n               <div class=\"footer-left\">\n                 <slot name=\"footer-left\"></slot>\n               </div>\n               <div class=\"footer-center\">\n                 <div class=\"bullet-container\">\n                   <a class=\"bullet ${lengthSlide === 3 ? \"selected\" : \"false\"}\" role=\"button\" tabindex=\"0\"></a>\n                   <a class=\"bullet ${lengthSlide === 2 ? \"selected\" : \"false\"}\" role=\"button\" tabindex=\"0\"></a>\n                   <a class=\"bullet ${lengthSlide === 1 ? \"selected\" : \"false\"}\" role=\"button\" tabindex=\"0\"></a>\n                 </div>\n               </div>\n               <div class=\"footer-right\">\n                 <slot name=\"footer-right\"></slot>\n               </div>\n             </footer>\n           </div>\n      `);\n\n      scrollLeft.click();\n      await page.waitForChanges();\n\n      lengthSlide++;\n    }\n  });\n});\n"]}

package/dist/collection/utils/utils.spec.js

@@ -1,16 +0,0 @@
-import { format } from "./utils";
-describe("format", () => {
-    it("returns empty string for no names defined", () => {
-        expect(format(undefined, undefined, undefined)).toEqual("");
-    });
-    it("formats just first names", () => {
-        expect(format("Joseph", undefined, undefined)).toEqual("Joseph");
-    });
-    it("formats first and last names", () => {
-        expect(format("Joseph", undefined, "Publique")).toEqual("Joseph Publique");
-    });
-    it("formats first, middle and last names", () => {
-        expect(format("Joseph", "Quincy", "Publique")).toEqual("Joseph Quincy Publique");
-    });
-});
-//# sourceMappingURL=utils.spec.js.map

package/dist/collection/utils/utils.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../../src/utils/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {format} from \"./utils\";\n\ndescribe(\"format\", () => {\n  it(\"returns empty string for no names defined\", () => {\n    expect(format(undefined, undefined, undefined)).toEqual(\"\");\n  });\n\n  it(\"formats just first names\", () => {\n    expect(format(\"Joseph\", undefined, undefined)).toEqual(\"Joseph\");\n  });\n\n  it(\"formats first and last names\", () => {\n    expect(format(\"Joseph\", undefined, \"Publique\")).toEqual(\"Joseph Publique\");\n  });\n\n  it(\"formats first, middle and last names\", () => {\n    expect(format(\"Joseph\", \"Quincy\", \"Publique\")).toEqual(\"Joseph Quincy Publique\");\n  });\n});\n"]}

package/dist/docs/grid/index.stories.js

@@ -1,47 +0,0 @@
-import { html } from "lit";
-import "./index.stories.css";
-export default {
-    title: "Grid",
-    tags: ["!autodocs"],
-};
-export const Grid = {
-    render: () => html `
-    <div class="grid-story body-1">
-      <p>This story highlights z-grid column responsive CSS classes from tokens grid system.</p>
-      <p>Changing the viewport size will change the grid layout.</p>
-      <p>Try changing viewport size using Storybook preview tool on Canvas tab.</p>
-      <div class="container">
-        <h3>Responsive columns</h3>
-        <div class="z-grid">
-          <div class="wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2">
-            wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2
-          </div>
-          <div class="wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2">
-            wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2
-          </div>
-          <div class="wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2">
-            wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2
-          </div>
-          <div class="wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2">
-            wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2
-          </div>
-          <div class="ghost-grid z-grid">
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-            <div></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  `,
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/docs/grid/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../docs/grid/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,CAAC,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCjB;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport \"./index.stories.css\";\n\nexport default {\n  title: \"Grid\",\n  tags: [\"!autodocs\"],\n};\n\nexport const Grid = {\n  render: () => html`\n    <div class=\"grid-story body-1\">\n      <p>This story highlights z-grid column responsive CSS classes from tokens grid system.</p>\n      <p>Changing the viewport size will change the grid layout.</p>\n      <p>Try changing viewport size using Storybook preview tool on Canvas tab.</p>\n      <div class=\"container\">\n        <h3>Responsive columns</h3>\n        <div class=\"z-grid\">\n          <div class=\"wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"ghost-grid z-grid\">\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n};\n"]}

package/dist/docs/iconset/index.stories.js

@@ -1,32 +0,0 @@
-import { html } from "lit";
-import "../../src/components/z-accordion/index";
-import "../../src/components/z-icon/index";
-import { BUTTON_ICONS, FILLED_ICONS, LEGACY_ICONS, STROKE_ICONS } from "../../src/constants/iconset";
-import "./index.stories.css";
-export default {
-    title: "Iconset",
-    tags: ["!autodocs"],
-};
-export const Iconset = {
-    render: () => html `<div class="icons-list">
-      ${[STROKE_ICONS, FILLED_ICONS, BUTTON_ICONS, LEGACY_ICONS].map((iconsGroup, index) => html ` <z-accordion
-            open
-            shadow
-            highlight=${true}
-            variant="background"
-            label="${["Stroke icons", "Filled icons", "Button icons", "Legacy icon names"][index]} - (${Object.keys(iconsGroup).length})"
-          >
-            <ol class="icons-container">
-              ${Object.keys(iconsGroup)
-        .sort()
-        .map((iconName) => html `
-                    <li class="icon-box">
-                      <z-icon name=${iconName}></z-icon>
-                      <div class="icon-name">${iconName}</div>
-                    </li>
-                  `)}
-            </ol>
-          </z-accordion>`)}
-    </div>`,
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/docs/iconset/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../docs/iconset/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,wCAAwC,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACnG,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,CAAC,WAAW,CAAC;CACL,CAAC;AAEjB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;QACA,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,GAAG,CAC5D,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CACpB,IAAI,CAAA;;;wBAGU,IAAI;;qBAEP,CAAC,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,IAAI,CACrG,UAAU,CACX,CAAC,MAAM;;;gBAGJ,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;SACtB,IAAI,EAAE;SACN,GAAG,CACF,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAA;;qCAEC,QAAQ;+CACE,QAAQ;;mBAEpC,CACF;;yBAEQ,CAClB;WACI;CACS,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport \"../../src/components/z-accordion/index\";\nimport \"../../src/components/z-icon/index\";\nimport {BUTTON_ICONS, FILLED_ICONS, LEGACY_ICONS, STROKE_ICONS} from \"../../src/constants/iconset\";\nimport \"./index.stories.css\";\n\nexport default {\n  title: \"Iconset\",\n  tags: [\"!autodocs\"],\n} satisfies Meta;\n\nexport const Iconset = {\n  render: () =>\n    html`<div class=\"icons-list\">\n      ${[STROKE_ICONS, FILLED_ICONS, BUTTON_ICONS, LEGACY_ICONS].map(\n        (iconsGroup, index) =>\n          html` <z-accordion\n            open\n            shadow\n            highlight=${true}\n            variant=\"background\"\n            label=\"${[\"Stroke icons\", \"Filled icons\", \"Button icons\", \"Legacy icon names\"][index]} - (${Object.keys(\n              iconsGroup\n            ).length})\"\n          >\n            <ol class=\"icons-container\">\n              ${Object.keys(iconsGroup)\n                .sort()\n                .map(\n                  (iconName) => html`\n                    <li class=\"icon-box\">\n                      <z-icon name=${iconName}></z-icon>\n                      <div class=\"icon-name\">${iconName}</div>\n                    </li>\n                  `\n                )}\n            </ol>\n          </z-accordion>`\n      )}\n    </div>`,\n} satisfies StoryObj;\n"]}

package/dist/docs/themes/index.stories.js

@@ -1,90 +0,0 @@
-import { html } from "lit";
-import "../../src/components/z-section-title/index";
-import { getPalettes, getThemesColorTokens, getThemeTokenValue } from "../../src/utils/storybook-utils";
-import "./index.stories.css";
-export default {
-    title: "Colors",
-    argTypes: {
-        theme: {
-            control: {
-                type: "inline-radio",
-            },
-            options: ["theme-default", "theme-black-yellow", "theme-dark"],
-        },
-    },
-    args: {
-        theme: "theme-default",
-    },
-    parameters: {
-        layout: "fullscreen",
-    },
-    tags: ["!autodocs"],
-};
-export const Themes = {
-    render: (args) => html `
-    <div class="colors-story themes ${args.theme}">
-      <p>
-        Currently available color themes: <strong>default</strong>, <strong>black-yellow</strong>, <strong>dark</strong>
-      </p>
-      <p>On this page you can see the value of the color tokens for each theme, by switching it from the controls.</p>
-      <div class="tokens-container">
-        <z-section-title divider-position="after">
-          <div slot="primary-title">Color tokens</div>
-        </z-section-title>
-        <ul>
-          ${getThemesColorTokens()
-        .sort()
-        .map((token) => {
-        var _a;
-        return html `
-                <li>
-                  <span class="token-name">${token}</span>
-                  <div class="color">
-                    <div
-                      class="color-box"
-                      style="background-color: var(${token})"
-                    ></div>
-                    <div class="interactive-2">
-                      ${(_a = getThemeTokenValue(args.theme, token)) !== null && _a !== void 0 ? _a : getComputedStyle(document.documentElement).getPropertyValue(token)}
-                    </div>
-                  </div>
-                </li>
-              `;
-    })}
-        </ul>
-      </div>
-    </div>
-  `,
-};
-const palettes = getPalettes();
-export const Palettes = {
-    render: () => html `
-    <div class="colors-story palettes">
-      ${Object.keys(palettes).map((paletteName) => html `<div class="tokens-container">
-            <z-section-title
-              divider-position="after"
-              style="--z-section-title--divider-color: var(${palettes[paletteName].find((token) => token.includes("500"))})"
-            >
-              <div slot="primary-title">${paletteName}</div>
-            </z-section-title>
-            <ul>
-              ${palettes[paletteName].map((token) => html `
-                  <li>
-                    <span class="token-name">${token}</span>
-                    <div class="color">
-                      <div
-                        class="color-box"
-                        style="background-color: var(${token})"
-                      ></div>
-                      <div class="interactive-2">
-                        ${getComputedStyle(document.documentElement).getPropertyValue(token)}
-                      </div>
-                    </div>
-                  </li>
-                `)}
-            </ul>
-          </div>`)}
-    </div>
-  `,
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/docs/themes/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../docs/themes/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACtG,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;YACD,OAAO,EAAE,CAAC,eAAe,EAAE,oBAAoB,EAAE,YAAY,CAAC;SAC/D;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;KACvB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE,CAAC,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;sCACc,IAAI,CAAC,KAAK;;;;;;;;;;YAUpC,oBAAoB,EAAE;SACrB,IAAI,EAAE;SACN,GAAG,CACF,CAAC,KAAK,EAAE,EAAE;;QAAC,OAAA,IAAI,CAAA;;6CAEgB,KAAK;;;;qDAIG,KAAK;;;wBAGlC,MAAA,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,mCACvC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;;;;eAIzE,CAAA;KAAA,CACF;;;;GAIV;CACiB,CAAC;AAErB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AAE/B,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;QAEZ,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CACzB,CAAC,WAAW,EAAE,EAAE,CACd,IAAI,CAAA;;;6DAG+C,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAClF,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CACtB;;0CAE2B,WAAW;;;gBAGrC,QAAQ,CAAC,WAAW,CAAC,CAAC,GAAG,CACzB,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;+CAEgB,KAAK;;;;uDAIG,KAAK;;;0BAGlC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;;;;iBAI3E,CACF;;iBAEE,CACV;;GAEJ;CACiB,CAAC","sourcesContent":["import {StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport \"../../src/components/z-section-title/index\";\nimport {getPalettes, getThemesColorTokens, getThemeTokenValue} from \"../../src/utils/storybook-utils\";\nimport \"./index.stories.css\";\n\nexport default {\n  title: \"Colors\",\n  argTypes: {\n    theme: {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: [\"theme-default\", \"theme-black-yellow\", \"theme-dark\"],\n    },\n  },\n  args: {\n    theme: \"theme-default\",\n  },\n  parameters: {\n    layout: \"fullscreen\",\n  },\n  tags: [\"!autodocs\"],\n};\n\nexport const Themes = {\n  render: (args) => html`\n    <div class=\"colors-story themes ${args.theme}\">\n      <p>\n        Currently available color themes: <strong>default</strong>, <strong>black-yellow</strong>, <strong>dark</strong>\n      </p>\n      <p>On this page you can see the value of the color tokens for each theme, by switching it from the controls.</p>\n      <div class=\"tokens-container\">\n        <z-section-title divider-position=\"after\">\n          <div slot=\"primary-title\">Color tokens</div>\n        </z-section-title>\n        <ul>\n          ${getThemesColorTokens()\n            .sort()\n            .map(\n              (token) => html`\n                <li>\n                  <span class=\"token-name\">${token}</span>\n                  <div class=\"color\">\n                    <div\n                      class=\"color-box\"\n                      style=\"background-color: var(${token})\"\n                    ></div>\n                    <div class=\"interactive-2\">\n                      ${getThemeTokenValue(args.theme, token) ??\n                      getComputedStyle(document.documentElement).getPropertyValue(token)}\n                    </div>\n                  </div>\n                </li>\n              `\n            )}\n        </ul>\n      </div>\n    </div>\n  `,\n} satisfies StoryObj;\n\nconst palettes = getPalettes();\n\nexport const Palettes = {\n  render: () => html`\n    <div class=\"colors-story palettes\">\n      ${Object.keys(palettes).map(\n        (paletteName) =>\n          html`<div class=\"tokens-container\">\n            <z-section-title\n              divider-position=\"after\"\n              style=\"--z-section-title--divider-color: var(${palettes[paletteName].find((token) =>\n                token.includes(\"500\")\n              )})\"\n            >\n              <div slot=\"primary-title\">${paletteName}</div>\n            </z-section-title>\n            <ul>\n              ${palettes[paletteName].map(\n                (token) => html`\n                  <li>\n                    <span class=\"token-name\">${token}</span>\n                    <div class=\"color\">\n                      <div\n                        class=\"color-box\"\n                        style=\"background-color: var(${token})\"\n                      ></div>\n                      <div class=\"interactive-2\">\n                        ${getComputedStyle(document.documentElement).getPropertyValue(token)}\n                      </div>\n                    </div>\n                  </li>\n                `\n              )}\n            </ul>\n          </div>`\n      )}\n    </div>\n  `,\n} satisfies StoryObj;\n"]}

package/dist/esm/breakpoints-680e0e56.js

@@ -1,7 +0,0 @@
-const mobileBreakpoint = 767;
-const tabletBreakpoint = 1052;
-const desktopBreakpoint = 1365;
-
-export { desktopBreakpoint as d, mobileBreakpoint as m, tabletBreakpoint as t };
-
-//# sourceMappingURL=breakpoints-680e0e56.js.map