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

package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket-message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAMH,MAAM,OAAO,cAAc;IACzB,MAAM;QACJ,OAAO,CACL;YACE,+DAAQ,IAAI,EAAC,oBAAoB,GAAG;YACpC,4DAAK,KAAK,EAAC,SAAS;gBAClB,8DAAQ,CACJ;YACN,4DAAK,KAAK,EAAC,aAAa;gBACtB,6DAAM,IAAI,EAAC,KAAK,GAAG,CACf,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot  - message body\n * @slot cta - message CTAs\n */\n@Component({\n  tag: \"z-pocket-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocketMessage {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-icon name=\"exclamation-circle\" />\n        <div class=\"content\">\n          <slot />\n        </div>\n        <div class=\"cta-wrapper\">\n          <slot name=\"cta\" />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,76 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZPocketMessage } from "./index";
-describe("Suite test ZMessage", () => {
-    it("Test render ZMessage", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketMessage],
-            html: `<z-pocket-message></z-pocket-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-message>
-        <mock:shadow-root>
-          <div>
-            <z-icon name="exclamation-circle"></z-icon>
-            <div class="content">
-              <slot></slot>
-            </div>
-            <div class="cta-wrapper">
-              <slot name="cta"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </z-pocket-message>
-    `);
-    });
-    it("Test render ZMessage - with content", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketMessage],
-            html: `<z-pocket-message>message content</z-pocket-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-message>
-        <mock:shadow-root>
-          <div>
-            <z-icon name="exclamation-circle"></z-icon>
-            <div class="content">
-              <slot></slot>
-            </div>
-            <div class="cta-wrapper">
-              <slot name="cta"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        message content
-      </z-pocket-message>
-    `);
-    });
-    it("Test render ZMessage - with content and cta", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketMessage],
-            html: `<z-pocket-message>
-        message content
-        <z-button slot="cta">cta 1</z-button>
-        <z-button slot="cta">cta 2</z-button>
-      </z-pocket-message>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-message>
-        <mock:shadow-root>
-          <div>
-            <z-icon name="exclamation-circle"></z-icon>
-            <div class="content">
-              <slot></slot>
-            </div>
-            <div class="cta-wrapper">
-              <slot name="cta"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-        message content
-        <z-button slot="cta">cta 1</z-button>
-        <z-button slot="cta">cta 2</z-button>
-      </z-pocket-message>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket-message/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,uCAAuC;SAC9C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,CAAC;YAC5B,IAAI,EAAE,sDAAsD;SAC7D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;KAe7B,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,cAAc,CAAC;YAC5B,IAAI,EAAE;;;;0BAIc;SACrB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZPocketMessage} from \"./index\";\n\ndescribe(\"Suite test ZMessage\", () => {\n  it(\"Test render ZMessage\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketMessage],\n      html: `<z-pocket-message></z-pocket-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-message>\n        <mock:shadow-root>\n          <div>\n            <z-icon name=\"exclamation-circle\"></z-icon>\n            <div class=\"content\">\n              <slot></slot>\n            </div>\n            <div class=\"cta-wrapper\">\n              <slot name=\"cta\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </z-pocket-message>\n    `);\n  });\n\n  it(\"Test render ZMessage - with content\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketMessage],\n      html: `<z-pocket-message>message content</z-pocket-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-message>\n        <mock:shadow-root>\n          <div>\n            <z-icon name=\"exclamation-circle\"></z-icon>\n            <div class=\"content\">\n              <slot></slot>\n            </div>\n            <div class=\"cta-wrapper\">\n              <slot name=\"cta\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        message content\n      </z-pocket-message>\n    `);\n  });\n\n  it(\"Test render ZMessage - with content and cta\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketMessage],\n      html: `<z-pocket-message>\n        message content\n        <z-button slot=\"cta\">cta 1</z-button>\n        <z-button slot=\"cta\">cta 2</z-button>\n      </z-pocket-message>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-message>\n        <mock:shadow-root>\n          <div>\n            <z-icon name=\"exclamation-circle\"></z-icon>\n            <div class=\"content\">\n              <slot></slot>\n            </div>\n            <div class=\"cta-wrapper\">\n              <slot name=\"cta\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n        message content\n        <z-button slot=\"cta\">cta 1</z-button>\n        <z-button slot=\"cta\">cta 2</z-button>\n      </z-pocket-message>\n    `);\n  });\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/snowflakes/myz/z-alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAGjD;;GAEG;AAOH,MAAM,OAAO,MAAM;;;;IAKjB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,IAAI;YACnB,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../beans/index\";\n\n/**\n * @slot - alert content\n */\n\n@Component({\n  tag: \"z-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAlert {\n  /** alert variant type */\n  @Prop()\n  type: AlertType;\n\n  render(): HTMLDivElement {\n    return (\n      <div class={this.type}>\n        <slot />\n      </div>\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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/snowflakes/myz/z-otp/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAgB,IAAI,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAO3C,MAAM,OAAO,IAAI;;wBAGK,CAAC;;;;IAkBb,eAAe,CAAC,KAAa;QACnC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IAC/B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,eAAe;YACxB,4DAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,aACE,KAAK,EAAE,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EACxD,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;oBAC9B,IAAI,CAAC,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC;wBACnB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC5B,CAAC;gBACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAgB,EAAE,EAAE;oBAC5B,IAAI,CAAC,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC;wBACnB,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;oBACtD,CAAC;gBACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;oBACzB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;oBACnD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC1C,CAAC,EACD,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,GAAG,EACb,SAAS,EAAC,GAAG,EACb,YAAY,EAAC,KAAK,EAClB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAClC,CACH,CAAC,CACE;YACN,wEACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,GACF,CACf,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Event, EventEmitter, Prop} from \"@stencil/core\";\nimport {InputStatus} from \"../../../beans\";\n\n@Component({\n  tag: \"z-otp\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZOtp {\n  /** Input number */\n  @Prop()\n  inputNum?: number = 6;\n\n  /** Input status */\n  @Prop()\n  status?: InputStatus;\n\n  /** Input message */\n  @Prop()\n  message?: string;\n\n  private otp: string[];\n\n  private otpRef: HTMLInputElement[];\n\n  /** Otp change event */\n  @Event()\n  otpChange: EventEmitter;\n\n  private emitInputChange(value: string): void {\n    this.otpChange.emit({value});\n  }\n\n  componentWillLoad(): void {\n    this.otp = [...Array(this.inputNum)];\n    this.otpRef = [...Array(this.inputNum)];\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"otp-container\">\n        <div class=\"digits-container\">\n          {this.otp.map((_val, i) => (\n            <input\n              class={this.status == InputStatus.ERROR ? \"error\" : null}\n              onKeyDown={(e: KeyboardEvent) => {\n                if (e.keyCode > 47) {\n                  this.otpRef[i].value = \"\";\n                }\n              }}\n              onKeyUp={(e: KeyboardEvent) => {\n                if (e.keyCode > 47) {\n                  i < this.inputNum - 1 && this.otpRef[i + 1].focus();\n                }\n              }}\n              onInput={(e: InputEvent) => {\n                this.otp[i] = (e.target as HTMLInputElement).value;\n                this.emitInputChange(this.otp.join(\"\"));\n              }}\n              type=\"text\"\n              minlength=\"1\"\n              maxlength=\"1\"\n              autoComplete=\"off\"\n              ref={(el) => (this.otpRef[i] = el)}\n            />\n          ))}\n        </div>\n        <z-input-message\n          message={this.message}\n          status={this.status}\n        ></z-input-message>\n      </div>\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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/snowflakes/myz/z-slideshow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACxE,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,SAAS,EAAE,oBAAoB,EAAE,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAElF;;;;GAIG;AACH,SAAS,aAAa,CAAC,IAAa;IAClC,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,KAAc,EAAmB,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC;AAC3G,CAAC;AAED;;;GAGG;AAMH,MAAM,OAAO,UAAU;;;;;4BAeN,CAAC;;IAKhB,SAAS;QACP,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAEO,UAAU;;QAChB,QAAQ,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,MAAM,MAAM,GAAG,MAAA,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC;gBAC5C,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC3B,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;gBAC5C,CAAC;gBAED,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;gBACpB,MAAM;YACR,CAAC;YACD;gBACE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;gBACvB,MAAM;QACV,CAAC;IACH,CAAC;IAEO,QAAQ;QACd,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QAC7E,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAChE,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;QAClC,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAE5C,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,SAAS,IAAI,CAAC;QACzC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,KAAK,GAAG,IAAI,CAAC,YAAY,KAAK,CAAC;QACzE,SAAS,CAAC,OAAO,CAAC,CAAC,IAAiB,EAAE,EAAE;YACtC,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACtC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,SAAS;QACf,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC;IAC5B,CAAC;IAEO,eAAe,CAAC,KAAa;QACnC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAEO,kBAAkB;QACxB,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;YACpB,KAAK,MAAM,CAAC,MAAM;gBAChB,OAAO,EAAE,CAAC;YACZ,KAAK,MAAM,CAAC,MAAM;gBAChB,OAAO,EAAE,CAAC;YACZ;gBACE,OAAO,EAAE,CAAC;QACd,CAAC;IACH,CAAC;IAEO,YAAY,CAAC,KAAe;QAClC,OAAO,CACL,WAAK,EAAE,EAAC,QAAQ,IACb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,CAAS,EAAE,EAAE,CAAC,CACtC,WACE,EAAE,EAAE,OAAO,GAAG,CAAC,EACf,KAAK,EAAE,SAAS,IAAI,CAAC,YAAY,KAAK,CAAC,IAAI,MAAM,EAAE;YAEnD,WAAK,GAAG,EAAE,IAAI,GAAI,CACd,CACP,CAAC,CACE,CACP,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,SAA2B;QAC9C,IAAI,QAAQ,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;QAEhC,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,QAAQ,GAAG,IAAI,CAAC,YAAY,KAAK,CAAC,CAAC;YACnC,SAAS,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YACjC,QAAQ,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YACvD,SAAS,EAAE,CAAC;QACd,CAAC;QAED,OAAO,CACL,cACE,KAAK,EAAE,UAAU,SAAS,IAAI,QAAQ,IAAI,UAAU,EAAE,EACtD,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAChC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,EACjC,IAAI,EAAE,WAAW,SAAS,SAAS,EACnC,OAAO,EAAE,GAAG,EAAE;gBACZ,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YAC/C,CAAC,EACD,OAAO,EAAE,CAAC,CAAgB,EAAE,EAAE,CAC5B,CAAC,QAAQ;gBACT,oBAAoB,CAAC,CAAC,EAAE,GAAG,EAAE;oBAC3B,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;gBAClC,CAAC,CAAC,EAEJ,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,GACb,CACH,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,OAAO,CACL;YACG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;YAC7B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CACtB,CACR,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,CAAS;QAC5B,OAAO,CACL,SACE,KAAK,EAAE,UAAU,IAAI,CAAC,YAAY,KAAK,CAAC,IAAI,UAAU,EAAE,EACxD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EACtC,OAAO,EAAE,CAAC,CAAgB,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EACrF,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,GACV,CACN,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,OAAO,CACL;YACE,WAAK,KAAK,EAAC,aAAa;gBACtB,YAAM,IAAI,EAAC,aAAa,GAAG,CACvB;YACN,WAAK,KAAK,EAAC,eAAe;gBACxB,WAAK,KAAK,EAAC,kBAAkB,IAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAO,CACpG;YACN,WAAK,KAAK,EAAC,cAAc;gBACvB,YAAM,IAAI,EAAC,cAAc,GAAG,CACxB,CACC,CACV,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACtC,OAAO,cAAO,CAAC;QACjB,CAAC;QAED,OAAO,CACL,WAAK,EAAE,EAAE,IAAI,CAAC,WAAW;YACtB,IAAI,CAAC,mBAAmB,EAAE;YAC1B,IAAI,CAAC,qBAAqB,EAAE,CACzB,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, State, Element, Watch} from \"@stencil/core\";\nimport {Device} from \"../../../beans\";\nimport {getDevice, handleKeyboardSubmit, convertJson} from \"../../../utils/utils\";\n\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data: unknown): data is string[] {\n  return Array.isArray(data) && data.every((datum: unknown): datum is string => typeof datum === \"string\");\n}\n\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\n@Component({\n  tag: \"z-slideshow\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZSlideshow {\n  @Element() el: HTMLZSlideshowElement;\n\n  /** slideshow id */\n  @Prop()\n  slideshowid: string;\n\n  /** array or JSON stringified images urls */\n  @Prop()\n  data: string[] | string;\n\n  @State()\n  device: Device;\n\n  @State()\n  currentSlide = 0;\n\n  private links: string[];\n\n  @Watch(\"data\")\n  watchData(): void {\n    this.parseLinks();\n  }\n\n  componentWillLoad(): void {\n    this.parseLinks();\n\n    this.setDevice();\n    window.addEventListener(\"resize\", this.handleResize.bind(this));\n  }\n\n  componentDidRender(): void {\n    this.setStyle();\n  }\n\n  private handleResize(): void {\n    this.setDevice();\n    this.setStyle();\n  }\n\n  private parseLinks(): void {\n    switch (typeof this.data) {\n      case \"string\": {\n        const parsed = convertJson(this.data) ?? [];\n        if (!isStringArray(parsed)) {\n          throw new Error(\"Passed data is invalid\");\n        }\n\n        this.links = parsed;\n        break;\n      }\n      default:\n        this.links = this.data;\n        break;\n    }\n  }\n\n  private setStyle(): void {\n    const refSlides = this.el.shadowRoot.querySelector(\"#slides\") as HTMLElement;\n    if (!refSlides) {\n      return;\n    }\n\n    const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n    const width = this.el.offsetWidth;\n    const fullwidth = width * this.links.length;\n\n    refSlides.style.width = `${fullwidth}px`;\n    refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n    allImages.forEach((item: HTMLElement) => {\n      const img = item.querySelector(\"img\");\n      img.style.width = `${width}px`;\n    });\n  }\n\n  private setDevice(): void {\n    this.device = getDevice();\n  }\n\n  private setCurrentSlide(index: number): void {\n    this.currentSlide = index;\n  }\n\n  private getBulletDimension(): number {\n    switch (this.device) {\n      case Device.MOBILE:\n        return 24;\n      case Device.TABLET:\n        return 32;\n      default:\n        return 40;\n    }\n  }\n\n  private renderSlides(items: string[]): HTMLElement {\n    return (\n      <div id=\"slides\">\n        {items.map((item: string, i: number) => (\n          <div\n            id={\"slide\" + i}\n            class={`slide ${this.currentSlide !== i && \"hide\"}`}\n          >\n            <img src={item} />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  private renderScroll(direction: \"left\" | \"right\"): HTMLZIconElement {\n    let disabled = false,\n      nextSlide = this.currentSlide;\n\n    if (direction === \"left\") {\n      disabled = this.currentSlide === 0;\n      nextSlide--;\n    } else if (direction === \"right\") {\n      disabled = this.currentSlide === this.links.length - 1;\n      nextSlide++;\n    }\n\n    return (\n      <z-icon\n        class={`scroll ${direction} ${disabled && \"disabled\"}`}\n        width={this.getBulletDimension()}\n        height={this.getBulletDimension()}\n        name={`chevron-${direction}-circle`}\n        onClick={() => {\n          !disabled && this.setCurrentSlide(nextSlide);\n        }}\n        onKeyUp={(e: KeyboardEvent) =>\n          !disabled &&\n          handleKeyboardSubmit(e, () => {\n            this.setCurrentSlide(nextSlide);\n          })\n        }\n        tabindex={0}\n        role=\"button\"\n      />\n    );\n  }\n\n  private renderSlideshowMain(): HTMLElement {\n    return (\n      <main>\n        {this.renderScroll(\"left\")}\n        {this.renderSlides(this.links)}\n        {this.renderScroll(\"right\")}\n      </main>\n    );\n  }\n\n  private renderBullet(i: number): HTMLElement {\n    return (\n      <a\n        class={`bullet ${this.currentSlide === i && \"selected\"}`}\n        onClick={() => this.setCurrentSlide(i)}\n        onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i))}\n        tabindex={0}\n        role=\"button\"\n      ></a>\n    );\n  }\n\n  private renderSlideshowFooter(): HTMLElement {\n    return (\n      <footer>\n        <div class=\"footer-left\">\n          <slot name=\"footer-left\" />\n        </div>\n        <div class=\"footer-center\">\n          <div class=\"bullet-container\">{Object.keys(this.links).map((i) => this.renderBullet(parseInt(i)))}</div>\n        </div>\n        <div class=\"footer-right\">\n          <slot name=\"footer-right\" />\n        </div>\n      </footer>\n    );\n  }\n\n  render(): HTMLElement {\n    if (!this.links || !this.links.length) {\n      return <div />;\n    }\n\n    return (\n      <div id={this.slideshowid}>\n        {this.renderSlideshowMain()}\n        {this.renderSlideshowFooter()}\n      </div>\n    );\n  }\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/storybook-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook-utils.js","sourceRoot":"","sources":["../../src/utils/storybook-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,SAAS,oBAAoB;IAC3B,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;SACpC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SAC1C,IAAI,EAAE;SACN,MAAM,CAAC,CAAC,IAAI,EAAwB,EAAE,CAAC,IAAI,YAAY,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,CAAC;SACrG,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;SAC9C,IAAI,EAAE;SACN,MAAM,CAAC,OAAO,CAAC,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,cAAc;;IAC5B,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC3F,MAAM,WAAW,GAAG,MAAA,oBAAoB,EAAE,0CAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAC3D,oBAAoB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CACrE,CAAC;IAEF,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAC1C,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,GAAG,CAAC,CAAC;AAC1D,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,iCAAK,GAAG,KAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAE,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC;AAC3G,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB;;IAClC,MAAM,WAAW,GAAG,MAAA,oBAAoB,EAAE,0CAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3F,oBAAoB;IACpB,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC;AACnC,CAAC","sourcesContent":["/**\n * Get all root CSS properties.\n */\nfunction getRootCssProperties(): string[] {\n  return Array.from(document.styleSheets)\n    .map((sheet) => Array.from(sheet.cssRules))\n    .flat()\n    .filter((rule): rule is CSSStyleRule => rule instanceof CSSStyleRule && rule.selectorText === \":root\")\n    .map((rule) => Object.values(rule.style || {}))\n    .flat()\n    .filter(Boolean);\n}\n\n/**\n * Get Design System color tokens.\n * Can be used in components stories controls as follows:\n * @example ```\n * argTypes={{\n *  \"--z-component--background-color\": {\n *    control: {type: \"select\"},\n *    options: getColorTokens(),\n *  }\n * }}```\n *\n * and then in the component tag\n *\n * ```<z-component .style=\"--z-component--background-color: var(${args[\"--z-component--background-color\"]})\" />```\n */\nexport function getColorTokens(): string[] {\n  const availableColorGroups = [\"red\", \"green\", \"blue\", \"yellow\", \"gray\", \"avatar\", \"color\"];\n  const colorTokens = getRootCssProperties()?.filter((token) =>\n    availableColorGroups.some((group) => token.startsWith(`--${group}`))\n  );\n\n  return [...new Set(colorTokens)].sort();\n}\n\n/**\n * Get Design System color tokens as CSS variable rule (something like `var(--color-token)`).\n * @example ```\n * argTypes={{\n *  \"--z-component--background-color\": {\n *    control: {type: \"select\"},\n *    options: getColorTokens(),\n *  }\n * }}```\n *\n * and then in the component tag\n *\n * ```<z-component .style=\"--z-component--background-color: ${args[\"--z-component--background-color\"]}\" />```\n */\nexport function getColorVars(): string[] {\n  return getColorTokens().map((token) => `var(${token})`);\n}\n\n/**\n * Get Design System color tokens as readable labels for control configuration.\n * It assumes you set the options using the `getColorVars()` function, so expected options are something like `var(--color-token)`.\n * @example ```\n * argTypes={{\n *  \"--z-component--background-color\": {\n *    options: getColorTokens(),\n *    control: {\n *      type: \"select\",\n *      labels: getColorVarsLabels(),\n *    },\n *  }\n * }}```\n */\nexport function getColorVarsLabels(): Record<string, string> {\n  return getColorVars().reduce((acc, token) => ({...acc, [token]: token.slice(6, -1)}), {null: \"default\"});\n}\n\n/**\n * Get Design System themes tokens.\n */\nexport function getThemesColorTokens(): string[] {\n  const colorTokens = getRootCssProperties()?.filter((token) => token.startsWith(`--color`));\n\n  // remove duplicates\n  return [...new Set(colorTokens)];\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {ChildNode} from \"@stencil/core\";\nimport {KeyboardCode, Device} from \"../beans/index\";\nimport {desktopBreakpoint, mobileBreakpoint, tabletBreakpoint} from \"../constants/breakpoints\";\n\nexport function format(first: string, middle: string, last: string): string {\n  return (first || \"\") + (middle ? ` ${middle}` : \"\") + (last ? ` ${last}` : \"\");\n}\n\n/**\n * Return boolean value for passed value if a boolean corresponding value is found\n * Return passed value otherwise\n */\nexport function boolean(value: string | number | boolean): boolean | string | number {\n  switch (value) {\n    case true:\n    case \"true\":\n    case 1:\n    case \"1\":\n    case \"on\":\n    case \"yes\":\n      return true;\n    case false:\n    case \"false\":\n    case 0:\n    case \"0\":\n    case \"off\":\n    case \"no\":\n      return false;\n    default:\n      return value;\n  }\n}\n\nexport function retrieveAsset(assetName: string): string {\n  return assetName && \"assets/images/png/\" + assetName;\n}\n\nexport function randomId(): string {\n  return Math.random().toString(36).replace(\"0.\", \"\");\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleKeyboardSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleEnterKeydSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\nexport function getClickedElement(elem: null | Element = null): null | Element {\n  if (!elem) {\n    elem = document.activeElement;\n  }\n\n  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {\n    elem = elem.shadowRoot.activeElement;\n\n    return getClickedElement(elem);\n  }\n\n  return elem;\n}\n\nexport function getElementTree(elem: Element, tree: Element[] = []): null | Element[] {\n  tree.push(elem);\n\n  if (elem.parentElement) {\n    elem = elem.parentElement;\n\n    return getElementTree(elem, tree);\n  } else if (elem.parentNode && (elem.parentNode as ShadowRoot).host) {\n    elem = (elem.parentNode as ShadowRoot).host;\n\n    return getElementTree(elem, tree);\n  }\n\n  return tree;\n}\n\nexport function getSiblings(elem: HTMLElement): ChildNode[] {\n  const siblings = [];\n  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {\n    return siblings;\n  }\n\n  elem.parentNode.childNodes.forEach((child) => {\n    if (child.nodeType === 1 && child !== elem) {\n      siblings.push(child);\n    }\n  });\n\n  return siblings;\n}\n\nexport function getDevice(): Device {\n  switch (true) {\n    case window.innerWidth <= mobileBreakpoint:\n      return Device.MOBILE;\n    case window.innerWidth <= tabletBreakpoint:\n      return Device.TABLET;\n    case window.innerWidth <= desktopBreakpoint:\n      return Device.DESKTOP;\n    default:\n      return Device.DESKTOP_WIDE;\n  }\n}\n\ntype JSONValue = string | number | boolean | JSONObject | JSONArray;\ninterface JSONObject {\n  [x: string]: JSONValue;\n}\ntype JSONArray = JSONValue[];\n\nexport function convertJson(data: string): JSONValue {\n  try {\n    return JSON.parse(data);\n  } catch {\n    return false;\n  }\n}\n\nexport function colorFromId(id: number): string {\n  const prefix = \"avatar-C\"; // prefix for color vars name\n  const colorsCount = 19; // available colors\n  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);\n  let color = Math.ceil(colorsCount * (seed % 1));\n\n  // if result of mc is 0\n  // es.: 3895229\n  if (color === 0) {\n    color = 1;\n  }\n\n  return `${prefix}${color.toString().padStart(2, \"0\")}`;\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/components/breakpoints.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.js.map

package/dist/components/breakpoints.js.map

@@ -1 +0,0 @@
-{"file":"breakpoints.js","mappings":"MAAM,gBAAgB,GAAG,IAAI;MACvB,gBAAgB,GAAG,KAAK;MACxB,iBAAiB,GAAG;;;;","names":[],"sources":["src/constants/breakpoints.ts"],"sourcesContent":["const mobileBreakpoint = 767;\nconst tabletBreakpoint = 1052;\nconst desktopBreakpoint = 1365;\n\nexport {mobileBreakpoint, tabletBreakpoint, desktopBreakpoint};\n"],"version":3}