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

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

@@ -1,134 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZMessagesPocket } from "./index";
-describe("Suite test ZMessagesPocket", () => {
-    it("Test render ZMessagesPocket", async () => {
-        const page = await newSpecPage({
-            components: [ZMessagesPocket],
-            html: `<z-messages-pocket></z-messages-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-messages-pocket>
-        <mock:shadow-root>
-          <z-pocket status="preview" class="preview">
-            <z-pocket-header>
-              <span>
-                Messaggi <span class="badge"></span>
-              </span>
-              <z-icon name="chevron-up" height="14" width="14"></z-icon>
-            </z-pocket-header>
-            <z-pocket-body>
-              <div class="body">
-                <slot></slot>
-              </div>
-              <div class="gradient"></div>
-            </z-pocket-body>
-          </z-pocket>
-        </mock:shadow-root>
-      </z-messages-pocket>
-    `);
-    });
-    it("Test render ZMessagesPocket - open", async () => {
-        const page = await newSpecPage({
-            components: [ZMessagesPocket],
-            html: `<z-messages-pocket status="open"></z-messages-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-messages-pocket status="open">
-        <mock:shadow-root>
-          <z-pocket status="open" class="open">
-            <z-pocket-header>
-              <span>Riduci</span>
-              <z-icon name="chevron-down" height="14" width="14"></z-icon>
-            </z-pocket-header>
-            <z-pocket-body>
-              <div class="body">
-                <slot></slot>
-              </div>
-              <div class="gradient"></div>
-            </z-pocket-body>
-          </z-pocket>
-        </mock:shadow-root>
-      </z-messages-pocket>
-    `);
-    });
-    it("Test render ZMessagesPocket - closed", async () => {
-        const page = await newSpecPage({
-            components: [ZMessagesPocket],
-            html: `<z-messages-pocket status="closed"></z-messages-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-messages-pocket status="closed">
-        <mock:shadow-root>
-          <z-pocket status="closed" class="closed">
-            <z-pocket-header>
-              <span>
-                Messaggi <span class="badge"></span>
-              </span>
-              <z-icon name="chevron-up" height="14" width="14"></z-icon>
-            </z-pocket-header>
-            <z-pocket-body>
-              <div class="body">
-                <slot></slot>
-              </div>
-              <div class="gradient"></div>
-            </z-pocket-body>
-          </z-pocket>
-        </mock:shadow-root>
-      </z-messages-pocket>
-    `);
-    });
-    it("Test render ZMessagesPocket - with props", async () => {
-        const page = await newSpecPage({
-            components: [ZMessagesPocket],
-            html: `<z-messages-pocket status="closed" messages="2" pocketid="pocket"></z-messages-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-messages-pocket status="closed" messages="2" pocketid="pocket">
-        <mock:shadow-root>
-          <z-pocket status="closed" class="closed" pocketid="pocket">
-            <z-pocket-header pocketid="pocket">
-              <span>
-                Messaggi <span class="badge">2</span>
-              </span>
-              <z-icon name="chevron-up" height="14" width="14"></z-icon>
-            </z-pocket-header>
-            <z-pocket-body pocketid="pocket">
-              <div class="body">
-                <slot></slot>
-              </div>
-              <div class="gradient"></div>
-            </z-pocket-body>
-          </z-pocket>
-        </mock:shadow-root>
-      </z-messages-pocket>
-    `);
-    });
-    it("Test render ZMessagesPocket - with content", async () => {
-        const page = await newSpecPage({
-            components: [ZMessagesPocket],
-            html: `<z-messages-pocket status="open">
-        <z-pocket-message>message</z-pocket-message>
-      </z-messages-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-messages-pocket status="open">
-        <mock:shadow-root>
-          <z-pocket status="open" class="open">
-            <z-pocket-header>
-              <span>Riduci</span>
-              <z-icon name="chevron-down" height="14" width="14"></z-icon>
-            </z-pocket-header>
-            <z-pocket-body>
-              <div class="body">
-                <slot></slot>
-              </div>
-              <div class="gradient"></div>
-            </z-pocket-body>
-          </z-pocket>
-        </mock:shadow-root>
-        <z-pocket-message>message</z-pocket-message>
-      </z-messages-pocket>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-messages-pocket/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC1C,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,yCAAyC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,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,eAAe,CAAC;YAC7B,IAAI,EAAE,uDAAuD;SAC9D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,yDAAyD;SAChE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE,wFAAwF;SAC/F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,eAAe,CAAC;YAC7B,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;KAkB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZMessagesPocket} from \"./index\";\n\ndescribe(\"Suite test ZMessagesPocket\", () => {\n  it(\"Test render ZMessagesPocket\", async () => {\n    const page = await newSpecPage({\n      components: [ZMessagesPocket],\n      html: `<z-messages-pocket></z-messages-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-messages-pocket>\n        <mock:shadow-root>\n          <z-pocket status=\"preview\" class=\"preview\">\n            <z-pocket-header>\n              <span>\n                Messaggi <span class=\"badge\"></span>\n              </span>\n              <z-icon name=\"chevron-up\" height=\"14\" width=\"14\"></z-icon>\n            </z-pocket-header>\n            <z-pocket-body>\n              <div class=\"body\">\n                <slot></slot>\n              </div>\n              <div class=\"gradient\"></div>\n            </z-pocket-body>\n          </z-pocket>\n        </mock:shadow-root>\n      </z-messages-pocket>\n    `);\n  });\n\n  it(\"Test render ZMessagesPocket - open\", async () => {\n    const page = await newSpecPage({\n      components: [ZMessagesPocket],\n      html: `<z-messages-pocket status=\"open\"></z-messages-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-messages-pocket status=\"open\">\n        <mock:shadow-root>\n          <z-pocket status=\"open\" class=\"open\">\n            <z-pocket-header>\n              <span>Riduci</span>\n              <z-icon name=\"chevron-down\" height=\"14\" width=\"14\"></z-icon>\n            </z-pocket-header>\n            <z-pocket-body>\n              <div class=\"body\">\n                <slot></slot>\n              </div>\n              <div class=\"gradient\"></div>\n            </z-pocket-body>\n          </z-pocket>\n        </mock:shadow-root>\n      </z-messages-pocket>\n    `);\n  });\n\n  it(\"Test render ZMessagesPocket - closed\", async () => {\n    const page = await newSpecPage({\n      components: [ZMessagesPocket],\n      html: `<z-messages-pocket status=\"closed\"></z-messages-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-messages-pocket status=\"closed\">\n        <mock:shadow-root>\n          <z-pocket status=\"closed\" class=\"closed\">\n            <z-pocket-header>\n              <span>\n                Messaggi <span class=\"badge\"></span>\n              </span>\n              <z-icon name=\"chevron-up\" height=\"14\" width=\"14\"></z-icon>\n            </z-pocket-header>\n            <z-pocket-body>\n              <div class=\"body\">\n                <slot></slot>\n              </div>\n              <div class=\"gradient\"></div>\n            </z-pocket-body>\n          </z-pocket>\n        </mock:shadow-root>\n      </z-messages-pocket>\n    `);\n  });\n\n  it(\"Test render ZMessagesPocket - with props\", async () => {\n    const page = await newSpecPage({\n      components: [ZMessagesPocket],\n      html: `<z-messages-pocket status=\"closed\" messages=\"2\" pocketid=\"pocket\"></z-messages-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-messages-pocket status=\"closed\" messages=\"2\" pocketid=\"pocket\">\n        <mock:shadow-root>\n          <z-pocket status=\"closed\" class=\"closed\" pocketid=\"pocket\">\n            <z-pocket-header pocketid=\"pocket\">\n              <span>\n                Messaggi <span class=\"badge\">2</span>\n              </span>\n              <z-icon name=\"chevron-up\" height=\"14\" width=\"14\"></z-icon>\n            </z-pocket-header>\n            <z-pocket-body pocketid=\"pocket\">\n              <div class=\"body\">\n                <slot></slot>\n              </div>\n              <div class=\"gradient\"></div>\n            </z-pocket-body>\n          </z-pocket>\n        </mock:shadow-root>\n      </z-messages-pocket>\n    `);\n  });\n\n  it(\"Test render ZMessagesPocket - with content\", async () => {\n    const page = await newSpecPage({\n      components: [ZMessagesPocket],\n      html: `<z-messages-pocket status=\"open\">\n        <z-pocket-message>message</z-pocket-message>\n      </z-messages-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-messages-pocket status=\"open\">\n        <mock:shadow-root>\n          <z-pocket status=\"open\" class=\"open\">\n            <z-pocket-header>\n              <span>Riduci</span>\n              <z-icon name=\"chevron-down\" height=\"14\" width=\"14\"></z-icon>\n            </z-pocket-header>\n            <z-pocket-body>\n              <div class=\"body\">\n                <slot></slot>\n              </div>\n              <div class=\"gradient\"></div>\n            </z-pocket-body>\n          </z-pocket>\n        </mock:shadow-root>\n        <z-pocket-message>message</z-pocket-message>\n      </z-messages-pocket>\n    `);\n  });\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Prop, h, Method, Event, EventEmitter, Listen, Element, Watch} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/**\n * @slot - pocket content\n */\n@Component({\n  tag: \"z-pocket\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocket {\n  @Element() hostElement: HTMLZPocketElement;\n\n  /** pocket id */\n  @Prop()\n  pocketid: string;\n\n  /** pocket status */\n  @Prop({mutable: true})\n  status: PocketStatus = PocketStatus.PREVIEW;\n\n  /** open z-pocket */\n  @Method()\n  async open(): Promise<void> {\n    this.status = PocketStatus.OPEN;\n  }\n\n  /** close z-pocket */\n  @Method()\n  async close(): Promise<void> {\n    this.status = PocketStatus.CLOSED;\n  }\n\n  /** Emitted on pocket toggle, returns pocket id and status */\n  @Event()\n  pocketToggle: EventEmitter;\n\n  private emitPocketToggle(id: string, status: PocketStatus): void {\n    this.pocketToggle.emit({id, status});\n  }\n\n  @Listen(\"pocketHeaderClick\")\n  handlePocketHeaderClick(e: CustomEvent): void {\n    if (e.detail.id && e.detail.id === this.pocketid) {\n      switch (this.status) {\n        case PocketStatus.PREVIEW:\n        case PocketStatus.CLOSED:\n          this.status = PocketStatus.OPEN;\n          break;\n        case PocketStatus.OPEN:\n          this.status = PocketStatus.CLOSED;\n          break;\n      }\n    }\n  }\n\n  @Listen(\"pocketHeaderPan\")\n  handlePocketHeaderPan(e: CustomEvent): void {\n    if (e.detail.id && e.detail.id === this.pocketid) {\n      if (e.detail.direction === \"up\") {\n        this.status = PocketStatus.OPEN;\n      } else if (e.detail.direction === \"down\") {\n        this.status = PocketStatus.CLOSED;\n      }\n    }\n  }\n\n  @Watch(\"status\")\n  watchStatusHandler(newVal: PocketStatus): void {\n    this.emitPocketToggle(this.pocketid, newVal);\n  }\n\n  componentWillLoad(): void {\n    this.emitPocketToggle(this.pocketid, this.status);\n  }\n\n  private handleBackgroundClick(e: MouseEvent): void {\n    if ((e.target as HTMLElement).dataset.action == \"pocketBackground\") {\n      this.close();\n    }\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <div\n          data-action=\"pocketBackground\"\n          data-pocket={this.pocketid}\n          class={`background ${this.status}`}\n          onClick={(e: MouseEvent) => this.handleBackgroundClick(e)}\n        />\n        <div\n          id={this.pocketid}\n          class=\"content-wrapper\"\n        >\n          <div>\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,98 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZPocket } from "./index";
-describe("Suite test ZPocket", () => {
-    it("Test render ZPocket", async () => {
-        const page = await newSpecPage({
-            components: [ZPocket],
-            html: `<z-pocket></z-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket>
-        <mock:shadow-root>
-          <div>
-            <div data-action="pocketBackground" class="background preview"></div>
-            <div id="" class="content-wrapper">
-              <div><slot></slot></div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </z-pocket>
-    `);
-    });
-    it("Test render ZPocket - closed", async () => {
-        const page = await newSpecPage({
-            components: [ZPocket],
-            html: `<z-pocket status="closed"></z-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket status="closed">
-        <mock:shadow-root>
-          <div>
-            <div data-action="pocketBackground" class="background closed"></div>
-            <div id="" class="content-wrapper">
-              <div><slot></slot></div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </z-pocket>
-    `);
-    });
-    it("Test render ZPocket - open", async () => {
-        const page = await newSpecPage({
-            components: [ZPocket],
-            html: `<z-pocket status="open"></z-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket status="open">
-        <mock:shadow-root>
-          <div>
-            <div data-action="pocketBackground" class="background open"></div>
-            <div id="" class="content-wrapper">
-              <div><slot></slot></div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </z-pocket>
-    `);
-    });
-    it("Test render ZPocket - with props", async () => {
-        const page = await newSpecPage({
-            components: [ZPocket],
-            html: `<z-pocket pocketid="pocket" status="preview"></z-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket pocketid="pocket" status="preview">
-        <mock:shadow-root>
-          <div>
-            <div data-action="pocketBackground" data-pocket="pocket" class="background preview"></div>
-            <div id="pocket" class="content-wrapper">
-              <div><slot></slot></div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </z-pocket>
-    `);
-    });
-    it("Test render ZPocket - with content", async () => {
-        const page = await newSpecPage({
-            components: [ZPocket],
-            html: `<z-pocket status="open">
-        <div>z-pocket main content</div>
-      </z-pocket>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket status="open">
-        <mock:shadow-root>
-          <div>
-            <div data-action="pocketBackground" class="background open"></div>
-            <div id="" class="content-wrapper">
-              <div><slot></slot></div>
-            </div>
-          </div>
-        </mock:shadow-root>
-        <div>z-pocket main content</div>
-      </z-pocket>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAC;AAEhC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,uBAAuB;SAC9B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,uCAAuC;SAC9C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,0DAA0D;SACjE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;KAW7B,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,OAAO,CAAC;YACrB,IAAI,EAAE;;kBAEM;SACb,CAAC,CAAC;QAEH,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 {ZPocket} from \"./index\";\n\ndescribe(\"Suite test ZPocket\", () => {\n  it(\"Test render ZPocket\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocket],\n      html: `<z-pocket></z-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket>\n        <mock:shadow-root>\n          <div>\n            <div data-action=\"pocketBackground\" class=\"background preview\"></div>\n            <div id=\"\" class=\"content-wrapper\">\n              <div><slot></slot></div>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </z-pocket>\n    `);\n  });\n\n  it(\"Test render ZPocket - closed\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocket],\n      html: `<z-pocket status=\"closed\"></z-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket status=\"closed\">\n        <mock:shadow-root>\n          <div>\n            <div data-action=\"pocketBackground\" class=\"background closed\"></div>\n            <div id=\"\" class=\"content-wrapper\">\n              <div><slot></slot></div>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </z-pocket>\n    `);\n  });\n\n  it(\"Test render ZPocket - open\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocket],\n      html: `<z-pocket status=\"open\"></z-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket status=\"open\">\n        <mock:shadow-root>\n          <div>\n            <div data-action=\"pocketBackground\" class=\"background open\"></div>\n            <div id=\"\" class=\"content-wrapper\">\n              <div><slot></slot></div>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </z-pocket>\n    `);\n  });\n\n  it(\"Test render ZPocket - with props\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocket],\n      html: `<z-pocket pocketid=\"pocket\" status=\"preview\"></z-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket pocketid=\"pocket\" status=\"preview\">\n        <mock:shadow-root>\n          <div>\n            <div data-action=\"pocketBackground\" data-pocket=\"pocket\" class=\"background preview\"></div>\n            <div id=\"pocket\" class=\"content-wrapper\">\n              <div><slot></slot></div>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </z-pocket>\n    `);\n  });\n\n  it(\"Test render ZPocket - with content\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocket],\n      html: `<z-pocket status=\"open\">\n        <div>z-pocket main content</div>\n      </z-pocket>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket status=\"open\">\n        <mock:shadow-root>\n          <div>\n            <div data-action=\"pocketBackground\" class=\"background open\"></div>\n            <div id=\"\" class=\"content-wrapper\">\n              <div><slot></slot></div>\n            </div>\n          </div>\n        </mock:shadow-root>\n        <div>z-pocket main content</div>\n      </z-pocket>\n    `);\n  });\n});\n"]}

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

@@ -1,101 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("Test ZPocket should emit pocketToggle event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let status = null;
-    await page.exposeFunction("onPocketToggle", (e) => {
-        status = e.detail.status;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    const type = "pocketToggle";
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onPocketToggle({ type, detail: e.detail });
-        });
-    }, type);
-    await page.setContent(`<z-pocket pocketid="pocket">
-    <z-pocket-header pocketid="pocket"></z-pocket-header>
-  </z-pocket>`);
-    const header = await page.find("z-pocket-header >>> header");
-    const background = await page.find("z-pocket >>> div > div.background");
-    expect(status).toEqual("preview");
-    expect(background).toHaveClass("preview");
-    await header.click();
-    await page.waitForChanges();
-    expect(status).toEqual("open");
-    expect(background).toHaveClass("open");
-    await header.click();
-    await page.waitForChanges();
-    expect(status).toEqual("closed");
-    expect(background).toHaveClass("closed");
-    await header.click();
-    await page.waitForChanges();
-    expect(status).toEqual("open");
-    expect(background).toHaveClass("open");
-    await header.click();
-    await page.waitForChanges();
-    expect(status).toEqual("closed");
-    expect(background).toHaveClass("closed");
-});
-it("Test ZPocket should receive pocketHeaderClick event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let headerClickCounter = 0;
-    await page.exposeFunction("onPocketHeaderClick", () => {
-        headerClickCounter++;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    const headerClickEvent = "pocketHeaderClick";
-    page.evaluateOnNewDocument((headerClickEvent) => {
-        document.addEventListener(headerClickEvent, () => {
-            window.onPocketHeaderClick();
-        });
-    }, headerClickEvent);
-    await page.setContent(`<z-pocket pocketid="pocket">
-    <z-pocket-header pocketid="pocket"></z-pocket-header>
-  </z-pocket>`);
-    const header = await page.find("z-pocket-header >>> header");
-    expect(headerClickCounter).toEqual(0);
-    await header.click();
-    await page.waitForChanges();
-    expect(headerClickCounter).toEqual(1);
-    await header.click();
-    await page.waitForChanges();
-    expect(headerClickCounter).toEqual(2);
-});
-it("Test ZPocket should not emit pocketToggle event with wrong/missing id", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let status = null;
-    let toggleCounter = 0;
-    await page.exposeFunction("onPocketToggle", (e) => {
-        status = e.detail.status;
-        toggleCounter++;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    const type = "pocketToggle";
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, (e) => {
-            window.onPocketToggle({ type, detail: e.detail });
-        });
-    }, type);
-    await page.setContent(`<z-pocket pocketid="pocket">
-    <z-pocket-header></z-pocket-header>
-  </z-pocket>`);
-    const header = await page.find("z-pocket-header >>> header");
-    const background = await page.find("z-pocket >>> div > div.background");
-    expect(status).toEqual("preview");
-    expect(background).toHaveClass("preview");
-    expect(toggleCounter).toEqual(1);
-    await header.click();
-    await page.waitForChanges();
-    expect(status).not.toEqual("open");
-    expect(background).not.toHaveClass("open");
-    expect(toggleCounter).toEqual(1);
-    await header.click();
-    await page.waitForChanges();
-    expect(status).not.toEqual("closed");
-    expect(background).not.toHaveClass("closed");
-    expect(toggleCounter).toEqual(1);
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket/test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndeclare global {\n  interface Window {\n    onPocketToggle: (e) => void;\n    onPocketHeaderClick: () => void;\n  }\n}\n\nit(\"Test ZPocket should emit pocketToggle event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let status = null;\n  await page.exposeFunction(\"onPocketToggle\", (e) => {\n    status = e.detail.status;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  const type = \"pocketToggle\";\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      window.onPocketToggle({type, detail: e.detail});\n    });\n  }, type);\n\n  await page.setContent(`<z-pocket pocketid=\"pocket\">\n    <z-pocket-header pocketid=\"pocket\"></z-pocket-header>\n  </z-pocket>`);\n  const header = await page.find(\"z-pocket-header >>> header\");\n  const background = await page.find(\"z-pocket >>> div > div.background\");\n\n  expect(status).toEqual(\"preview\");\n  expect(background).toHaveClass(\"preview\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(status).toEqual(\"open\");\n  expect(background).toHaveClass(\"open\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(status).toEqual(\"closed\");\n  expect(background).toHaveClass(\"closed\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(status).toEqual(\"open\");\n  expect(background).toHaveClass(\"open\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(status).toEqual(\"closed\");\n  expect(background).toHaveClass(\"closed\");\n});\n\nit(\"Test ZPocket should receive pocketHeaderClick event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let headerClickCounter = 0;\n  await page.exposeFunction(\"onPocketHeaderClick\", () => {\n    headerClickCounter++;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  const headerClickEvent = \"pocketHeaderClick\";\n  page.evaluateOnNewDocument((headerClickEvent) => {\n    document.addEventListener(headerClickEvent, () => {\n      window.onPocketHeaderClick();\n    });\n  }, headerClickEvent);\n\n  await page.setContent(`<z-pocket pocketid=\"pocket\">\n    <z-pocket-header pocketid=\"pocket\"></z-pocket-header>\n  </z-pocket>`);\n  const header = await page.find(\"z-pocket-header >>> header\");\n\n  expect(headerClickCounter).toEqual(0);\n\n  await header.click();\n  await page.waitForChanges();\n  expect(headerClickCounter).toEqual(1);\n\n  await header.click();\n  await page.waitForChanges();\n  expect(headerClickCounter).toEqual(2);\n});\n\nit(\"Test ZPocket should not emit pocketToggle event with wrong/missing id\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let status = null;\n  let toggleCounter = 0;\n  await page.exposeFunction(\"onPocketToggle\", (e) => {\n    status = e.detail.status;\n    toggleCounter++;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  const type = \"pocketToggle\";\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, (e: CustomEvent) => {\n      window.onPocketToggle({type, detail: e.detail});\n    });\n  }, type);\n\n  await page.setContent(`<z-pocket pocketid=\"pocket\">\n    <z-pocket-header></z-pocket-header>\n  </z-pocket>`);\n  const header = await page.find(\"z-pocket-header >>> header\");\n  const background = await page.find(\"z-pocket >>> div > div.background\");\n\n  expect(status).toEqual(\"preview\");\n  expect(background).toHaveClass(\"preview\");\n  expect(toggleCounter).toEqual(1);\n\n  await header.click();\n  await page.waitForChanges();\n  expect(status).not.toEqual(\"open\");\n  expect(background).not.toHaveClass(\"open\");\n  expect(toggleCounter).toEqual(1);\n\n  await header.click();\n  await page.waitForChanges();\n  expect(status).not.toEqual(\"closed\");\n  expect(background).not.toHaveClass(\"closed\");\n  expect(toggleCounter).toEqual(1);\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket-body/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AAMH,MAAM,OAAO,WAAW;;;sBAOC,YAAY,CAAC,OAAO;;IAG3C,kBAAkB,CAAC,CAAc;QAC/B,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjD,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;QAChC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,6DAAM,KAAK,EAAE,IAAI,CAAC,MAAM;YACtB,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop, Listen} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/**\n * @slot  - pocket body content\n */\n@Component({\n  tag: \"z-pocket-body\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocketBody {\n  /** pocket id */\n  @Prop()\n  pocketid: string;\n\n  /** pocket status */\n  @Prop({mutable: true})\n  status: PocketStatus = PocketStatus.PREVIEW;\n\n  @Listen(\"pocketToggle\", {target: \"body\"})\n  handlePocketToggle(e: CustomEvent): void {\n    if (e.detail.id && e.detail.id === this.pocketid) {\n      this.status = e.detail.status;\n    }\n  }\n\n  render(): HTMLElement {\n    return (\n      <main class={this.status}>\n        <slot />\n      </main>\n    );\n  }\n}\n"]}

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

@@ -1,51 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZPocketBody } from "./index";
-describe("Suite test ZPocketBody", () => {
-    it("Test render ZPocketBody", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketBody],
-            html: `<z-pocket-body></z-pocket-body>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-body>
-        <mock:shadow-root>
-          <main class="preview">
-            <slot></slot>
-          </main>
-        </mock:shadow-root>
-      </z-pocket-body>
-    `);
-    });
-    it("Test render ZPocketBody - with props", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketBody],
-            html: `<z-pocket-body pocketid="pocket" status="open"></z-pocket-body>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-body pocketid="pocket" status="open">
-        <mock:shadow-root>
-          <main class="open">
-            <slot></slot>
-          </main>
-        </mock:shadow-root>
-      </z-pocket-body>
-    `);
-    });
-    it("Test render ZPocketBody - with content", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketBody],
-            html: `<z-pocket-body>pocket body content</z-pocket-body>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-body>
-        <mock:shadow-root>
-          <main class="preview">
-            <slot></slot>
-          </main>
-        </mock:shadow-root>
-        pocket body content
-      </z-pocket-body>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket-body/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iEAAiE;SACxE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZPocketBody} from \"./index\";\n\ndescribe(\"Suite test ZPocketBody\", () => {\n  it(\"Test render ZPocketBody\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketBody],\n      html: `<z-pocket-body></z-pocket-body>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-body>\n        <mock:shadow-root>\n          <main class=\"preview\">\n            <slot></slot>\n          </main>\n        </mock:shadow-root>\n      </z-pocket-body>\n    `);\n  });\n\n  it(\"Test render ZPocketBody - with props\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketBody],\n      html: `<z-pocket-body pocketid=\"pocket\" status=\"open\"></z-pocket-body>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-body pocketid=\"pocket\" status=\"open\">\n        <mock:shadow-root>\n          <main class=\"open\">\n            <slot></slot>\n          </main>\n        </mock:shadow-root>\n      </z-pocket-body>\n    `);\n  });\n\n  it(\"Test render ZPocketBody - with content\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketBody],\n      html: `<z-pocket-body>pocket body content</z-pocket-body>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-body>\n        <mock:shadow-root>\n          <main class=\"preview\">\n            <slot></slot>\n          </main>\n        </mock:shadow-root>\n        pocket body content\n      </z-pocket-body>\n    `);\n  });\n});\n"]}

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

@@ -1,50 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("Test ZPocketBody should receive pocketToggle event", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<z-pocket pocketid="pocket">
-    <z-pocket-header pocketid="pocket"></z-pocket-header>
-    <z-pocket-body pocketid="pocket"></z-pocket-body>
-  </z-pocket>`);
-    const header = await page.find("z-pocket-header >>> header");
-    const body = await page.find("z-pocket-body >>> main");
-    expect(body).toHaveClass("preview");
-    await header.click();
-    await page.waitForChanges();
-    expect(body).toHaveClass("open");
-    await header.click();
-    await page.waitForChanges();
-    expect(body).toHaveClass("closed");
-});
-it("Test ZPocketBody should not receive pocketToggle event with wrong id", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<z-pocket pocketid="pocket">
-    <z-pocket-header pocketid="other-pocket"></z-pocket-header>
-    <z-pocket-body pocketid="other-pocket"></z-pocket-body>
-  </z-pocket>`);
-    const header = await page.find("z-pocket-header >>> header");
-    const body = await page.find("z-pocket-body >>> main");
-    expect(body).toHaveClass("preview");
-    await header.click();
-    await page.waitForChanges();
-    expect(body).not.toHaveClass("open");
-    await header.click();
-    await page.waitForChanges();
-    expect(body).not.toHaveClass("closed");
-});
-it("Test ZPocketBody should not receive pocketToggle event with missing id", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<z-pocket>
-    <z-pocket-header></z-pocket-header>
-    <z-pocket-body></z-pocket-body>
-  </z-pocket>`);
-    const header = await page.find("z-pocket-header >>> header");
-    const body = await page.find("z-pocket-body >>> main");
-    expect(body).toHaveClass("preview");
-    await header.click();
-    await page.waitForChanges();
-    expect(body).not.toHaveClass("open");
-    await header.click();
-    await page.waitForChanges();
-    expect(body).not.toHaveClass("closed");
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket-body/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;IAClE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC;;;cAGV,CAAC,CAAC;IACd,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAEvD,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAEpC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;IACpF,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC;;;cAGV,CAAC,CAAC;IACd,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAEvD,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAEpC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAErC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACzC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;IACtF,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC;;;cAGV,CAAC,CAAC;IACd,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAEvD,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAEpC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAErC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AACzC,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\nit(\"Test ZPocketBody should receive pocketToggle event\", async () => {\n  const page = await newE2EPage();\n\n  await page.setContent(`<z-pocket pocketid=\"pocket\">\n    <z-pocket-header pocketid=\"pocket\"></z-pocket-header>\n    <z-pocket-body pocketid=\"pocket\"></z-pocket-body>\n  </z-pocket>`);\n  const header = await page.find(\"z-pocket-header >>> header\");\n  const body = await page.find(\"z-pocket-body >>> main\");\n\n  expect(body).toHaveClass(\"preview\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(body).toHaveClass(\"open\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(body).toHaveClass(\"closed\");\n});\n\nit(\"Test ZPocketBody should not receive pocketToggle event with wrong id\", async () => {\n  const page = await newE2EPage();\n\n  await page.setContent(`<z-pocket pocketid=\"pocket\">\n    <z-pocket-header pocketid=\"other-pocket\"></z-pocket-header>\n    <z-pocket-body pocketid=\"other-pocket\"></z-pocket-body>\n  </z-pocket>`);\n  const header = await page.find(\"z-pocket-header >>> header\");\n  const body = await page.find(\"z-pocket-body >>> main\");\n\n  expect(body).toHaveClass(\"preview\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(body).not.toHaveClass(\"open\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(body).not.toHaveClass(\"closed\");\n});\n\nit(\"Test ZPocketBody should not receive pocketToggle event with missing id\", async () => {\n  const page = await newE2EPage();\n\n  await page.setContent(`<z-pocket>\n    <z-pocket-header></z-pocket-header>\n    <z-pocket-body></z-pocket-body>\n  </z-pocket>`);\n  const header = await page.find(\"z-pocket-header >>> header\");\n  const body = await page.find(\"z-pocket-body >>> main\");\n\n  expect(body).toHaveClass(\"preview\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(body).not.toHaveClass(\"open\");\n\n  await header.click();\n  await page.waitForChanges();\n  expect(body).not.toHaveClass(\"closed\");\n});\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAC7D,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B;;GAEG;AAMH,MAAM,OAAO,aAAa;IAWhB,qBAAqB;QAC3B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;IACnD,CAAC;IAMO,mBAAmB,CAAC,SAAiB;QAC3C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAC,CAAC,CAAC;IAC5D,CAAC;IAED;;QACE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpE;IAED,gBAAgB;QACd,uBAAuB;QACvB,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAC,CAAC,CAAC;QAC1D,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;QACrD,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAC3C,UAAU,EAAE,CAAC,EAAiB,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,qBAAqB,CAAC,EACvF,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAiB,CAAC;YAEjD,8DAAQ,CACD,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter} from \"@stencil/core\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\nimport Hammer from \"hammerjs\";\n\n/**\n * @slot  - pocket header content\n */\n@Component({\n  tag: \"z-pocket-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocketHeader {\n  /** pocket id */\n  @Prop()\n  pocketid: string;\n\n  private swipeWrap: HTMLElement;\n\n  /** Emitted on pocket header click */\n  @Event()\n  pocketHeaderClick: EventEmitter;\n\n  private emitPocketHeaderClick(): void {\n    this.pocketHeaderClick.emit({id: this.pocketid});\n  }\n\n  /** Emitted on pocket header pan */\n  @Event()\n  pocketHeaderPan: EventEmitter;\n\n  private emitPocketHeaderPan(direction: string): void {\n    this.pocketHeaderPan.emit({id: this.pocketid, direction});\n  }\n\n  constructor() {\n    this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);\n  }\n\n  componentDidLoad(): void {\n    // INFO: swipe handling\n    const mc = new Hammer(this.swipeWrap);\n    mc.get(\"pan\").set({direction: Hammer.DIRECTION_VERTICAL});\n    mc.on(\"panup\", () => this.emitPocketHeaderPan(\"up\"));\n    mc.on(\"pandown\", () => this.emitPocketHeaderPan(\"down\"));\n  }\n\n  render(): HTMLElement {\n    return (\n      <header\n        role=\"button\"\n        tabindex={0}\n        onClick={() => this.emitPocketHeaderClick()}\n        onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick)}\n        ref={(el) => (this.swipeWrap = el as HTMLElement)}\n      >\n        <slot />\n      </header>\n    );\n  }\n}\n"]}

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

@@ -1,51 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZPocketHeader } from "./index";
-describe("Suite test ZPocketHeader", () => {
-    it("Test render ZPocketHeader", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketHeader],
-            html: `<z-pocket-header></z-pocket-header>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-header>
-        <mock:shadow-root>
-          <header role="button" tabindex="0" style="undefined: rgba(0,0,0,0);">
-            <slot></slot>
-          </header>
-        </mock:shadow-root>
-      </z-pocket-header>
-    `);
-    });
-    it("Test render ZPocketHeader - with props", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketHeader],
-            html: `<z-pocket-header pocketid="pocket"></z-pocket-header>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-header pocketid="pocket">
-        <mock:shadow-root>
-          <header role="button" tabindex="0" style="undefined: rgba(0,0,0,0);">
-            <slot></slot>
-          </header>
-        </mock:shadow-root>
-      </z-pocket-header>
-    `);
-    });
-    it("Test render ZPocketHeader - with content", async () => {
-        const page = await newSpecPage({
-            components: [ZPocketHeader],
-            html: `<z-pocket-header>pocket header content</z-pocket-header>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-pocket-header>
-        <mock:shadow-root>
-          <header role="button" tabindex="0" style="undefined: rgba(0,0,0,0);">
-            <slot></slot>
-          </header>
-        </mock:shadow-root>
-        pocket header content
-      </z-pocket-header>
-    `);
-    });
-});
-//# sourceMappingURL=index.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket-header/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAEtC,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,qCAAqC;SAC5C,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,uDAAuD;SAC9D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,0DAA0D;SACjE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZPocketHeader} from \"./index\";\n\ndescribe(\"Suite test ZPocketHeader\", () => {\n  it(\"Test render ZPocketHeader\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketHeader],\n      html: `<z-pocket-header></z-pocket-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-header>\n        <mock:shadow-root>\n          <header role=\"button\" tabindex=\"0\" style=\"undefined: rgba(0,0,0,0);\">\n            <slot></slot>\n          </header>\n        </mock:shadow-root>\n      </z-pocket-header>\n    `);\n  });\n\n  it(\"Test render ZPocketHeader - with props\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketHeader],\n      html: `<z-pocket-header pocketid=\"pocket\"></z-pocket-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-header pocketid=\"pocket\">\n        <mock:shadow-root>\n          <header role=\"button\" tabindex=\"0\" style=\"undefined: rgba(0,0,0,0);\">\n            <slot></slot>\n          </header>\n        </mock:shadow-root>\n      </z-pocket-header>\n    `);\n  });\n\n  it(\"Test render ZPocketHeader - with content\", async () => {\n    const page = await newSpecPage({\n      components: [ZPocketHeader],\n      html: `<z-pocket-header>pocket header content</z-pocket-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-pocket-header>\n        <mock:shadow-root>\n          <header role=\"button\" tabindex=\"0\" style=\"undefined: rgba(0,0,0,0);\">\n            <slot></slot>\n          </header>\n        </mock:shadow-root>\n        pocket header content\n      </z-pocket-header>\n    `);\n  });\n});\n"]}

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

@@ -1,26 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-it("Test ZPocketHeader should emit pocketHeaderClick event", async () => {
-    const page = await newE2EPage();
-    // Define a window.onCustomEvent function on the page.
-    let clickCounter = 0;
-    await page.exposeFunction("onPocketHeaderClick", () => {
-        clickCounter++;
-    });
-    // Attach an event listener to page to capture a custom event on page load/navigation.
-    const type = "pocketHeaderClick";
-    page.evaluateOnNewDocument((type) => {
-        document.addEventListener(type, () => {
-            window.onPocketHeaderClick();
-        });
-    }, type);
-    await page.setContent(`<z-pocket-header></z-pocket-header>`);
-    const header = await page.find("z-pocket-header >>> header");
-    expect(clickCounter).toEqual(0);
-    await header.click();
-    await page.waitForChanges();
-    expect(clickCounter).toEqual(1);
-    await header.click();
-    await page.waitForChanges();
-    expect(clickCounter).toEqual(2);
-});
-//# sourceMappingURL=test.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/pocket/z-pocket-header/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAQjD,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;IACtE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,sDAAsD;IACtD,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACpD,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,sFAAsF;IACtF,MAAM,IAAI,GAAG,mBAAmB,CAAC;IACjC,IAAI,CAAC,qBAAqB,CAAC,CAAC,IAAI,EAAE,EAAE;QAClC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE;YACnC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;IAC7D,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAE7D,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndeclare global {\n  interface Window {\n    onPocketHeaderClick: () => void;\n  }\n}\n\nit(\"Test ZPocketHeader should emit pocketHeaderClick event\", async () => {\n  const page = await newE2EPage();\n\n  // Define a window.onCustomEvent function on the page.\n  let clickCounter = 0;\n  await page.exposeFunction(\"onPocketHeaderClick\", () => {\n    clickCounter++;\n  });\n\n  // Attach an event listener to page to capture a custom event on page load/navigation.\n  const type = \"pocketHeaderClick\";\n  page.evaluateOnNewDocument((type) => {\n    document.addEventListener(type, () => {\n      window.onPocketHeaderClick();\n    });\n  }, type);\n\n  await page.setContent(`<z-pocket-header></z-pocket-header>`);\n  const header = await page.find(\"z-pocket-header >>> header\");\n\n  expect(clickCounter).toEqual(0);\n\n  await header.click();\n  await page.waitForChanges();\n  expect(clickCounter).toEqual(1);\n\n  await header.click();\n  await page.waitForChanges();\n  expect(clickCounter).toEqual(2);\n});\n"]}