npm - @zanichelli/albe-web-components - Versions diffs - 14.5.1 → 14.5.2-rc-anchor-navigation - Mend

@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1744) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/list/z-myz-list/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,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,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,6BAA6B,CAAC;QACvD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,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,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,oGAAoG;SAC3G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,0HAA0H;SACjI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,+BAA+B,CAAC;QACjE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,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 {ZMyzListItem} from \"../z-myz-list-item/index\";\n\nimport {ZMyzList} from \"./index\";\n\ndescribe(\"Suite test z-myz-list\", () => {\n it(\"Test render lista vuota\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list></z-myz-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-list>\n <mock:shadow-root>\n <ul>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n\n it(\"Test render lista con un elemento testuale\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list></z-myz-list>`,\n });\n\n page.root.inputrawdata = '[{\"text\":\"elemento lista\"}]';\n await page.waitForChanges();\n\n expect(page.root).toEqualHtml(`\n <z-myz-list>\n <mock:shadow-root>\n <ul>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span>\n <span>elemento lista</span>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n\n it(\"Test render lista con un elemento link\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list inputrawdata='[{\"text\":\"elemento lista\",\"link\":\"http://www.google.it\"}]'></z-myz-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-list inputrawdata='[{\"text\":\"elemento lista\",\"link\":\"http://www.google.it\"}]'>\n <mock:shadow-root>\n <ul>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span>\n <a href=\"http://www.google.it\" target=\"_self\" role=\"link\" tabindex=\"0\"> elemento lista</a>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n\n it(\"Test render lista 2 un elemento, testo e link\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list inputrawdata='[{\"text\":\"elemento lista\"},{\"text\":\"link lista\",\"link\":\"http://www.google.it\"}]'></z-myz-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-list inputrawdata=\"[{"text":"elemento lista"},{"text":"link lista","link":"http://www.google.it"}]\">\n <mock:shadow-root>\n <ul>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span class=\"border\">\n <span>elemento lista</span>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span>\n <a href=\"http://www.google.it\" tabindex=\"0\" target=\"_self\" role=\"link\">\n link lista\n </a>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n\n it(\"Test aggiornamento lista da proprietà raw\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list></z-myz-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-list>\n <mock:shadow-root>\n <ul>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n\n page.rootInstance.inputrawdata = '[{\"text\":\"testo di esempio\"}]';\n await page.waitForChanges();\n\n expect(page.root).toEqualHtml(`\n <z-myz-list>\n <mock:shadow-root>\n <ul>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span>\n <span>testo di esempio</span>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n});\n"]}
1	+ {"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/list/z-myz-list/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,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,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,6BAA6B,CAAC;QACvD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,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,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,oGAAoG;SAC3G,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,0HAA0H;SACjI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;YACpC,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,+BAA+B,CAAC;QACjE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,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 {ZMyzListItem} from \"../z-myz-list-item/index\";\n\nimport {ZMyzList} from \"./index\";\n\ndescribe(\"Suite test z-myz-list\", () => {\n it(\"Test render lista vuota\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list></z-myz-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-list>\n <mock:shadow-root>\n <ul>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n\n it(\"Test render lista con un elemento testuale\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list></z-myz-list>`,\n });\n\n page.root.inputrawdata = '[{\"text\":\"elemento lista\"}]';\n await page.waitForChanges();\n\n expect(page.root).toEqualHtml(`\n <z-myz-list>\n <mock:shadow-root>\n <ul>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span>\n <span>elemento lista</span>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n\n it(\"Test render lista con un elemento link\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list inputrawdata='[{\"text\":\"elemento lista\",\"link\":\"http://www.google.it\"}]'></z-myz-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-list inputrawdata='[{\"text\":\"elemento lista\",\"link\":\"http://www.google.it\"}]'>\n <mock:shadow-root>\n <ul>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span>\n <a href=\"http://www.google.it\" target=\"_self\" role=\"link\" tabindex=\"0\"> elemento lista</a>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n\n it(\"Test render lista 2 un elemento, testo e link\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list inputrawdata='[{\"text\":\"elemento lista\"},{\"text\":\"link lista\",\"link\":\"http://www.google.it\"}]'></z-myz-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-list inputrawdata=\"[{"text":"elemento lista"},{"text":"link lista","link":"http://www.google.it"}]\">\n <mock:shadow-root>\n <ul>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span class=\"border\">\n <span>elemento lista</span>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span>\n <a href=\"http://www.google.it\" tabindex=\"0\" target=\"_self\" role=\"link\">\n link lista\n </a>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n\n it(\"Test aggiornamento lista da proprietà raw\", async () => {\n const page = await newSpecPage({\n components: [ZMyzList, ZMyzListItem],\n html: `<z-myz-list></z-myz-list>`,\n });\n\n expect(page.root).toEqualHtml(`\n <z-myz-list>\n <mock:shadow-root>\n <ul>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n\n page.rootInstance.inputrawdata = '[{\"text\":\"testo di esempio\"}]';\n await page.waitForChanges();\n\n expect(page.root).toEqualHtml(`\n <z-myz-list>\n <mock:shadow-root>\n <ul>\n <z-myz-list-item>\n <mock:shadow-root>\n <li role=\"button\">\n <span>\n <span>testo di esempio</span>\n <slot></slot>\n </span>\n </li>\n </mock:shadow-root>\n </z-myz-list-item>\n </ul>\n </mock:shadow-root>\n </z-myz-list>\n `);\n });\n});\n"]}

package/dist/collection/snowflakes/myz/list/z-myz-list/index.stories.js ADDED Viewed

@@ -0,0 +1,18 @@
+import {html} from "lit";
+import "./index";
+export default {
+  title: "Snowflakes/List/ZMyzList",
+  component: "z-myz-list",
+};
+export const ZMyzList = {
+  render: (args) =>
+    html`<z-myz-list
+      inputrawdata='[
+        {"text":"list element 1","link":"http://www.zanichelli.it","listitemid":"id1","icon":"checkbox-checked"},
+        {"text":"list element 2","link":"http://my.zanichelli.it","listitemid":"id2","icon":"checkbox"},
+        {"text":""}
+      ]'
+    ></z-myz-list>`,
+};

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class ZMyzListItem {
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: '914bc78b92ddae7aa62c5a695c7b92343dd5dab3', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: 'e673a5e63e48760fdf00bc8c74a7b22f850fca8c', class: this.underlined && "border" }, this.icon && h("z-icon", { name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '05aaf3b526046e02ef2505c74a64c907c6f66444' }))));
+        return (h("li", { key: 'de14506aedfc2f75ad3314a6491118e42c3f845b', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '1fd3c77d35ba7c9d93235f1dee870fcccd8c9861', class: this.underlined && "border" }, this.icon && h("z-icon", { key: 'e154e814209d09377037d9df89e6c0018b6e02b3', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '3c3a24c8332321e062d0d3ac864ee3c92a699ace' }))));
     }
     static get is() { return "z-myz-list-item"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/list/z-myz-list-item/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;AAO7D,MAAM,OAAO,YAAY;IAiCf,sBAAsB,CAAC,CAAa,EAAE,MAAM;QAClD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,MAAM,EAAC,CAAC,CAAC;IAC5C,CAAC;IAMO,kBAAkB,CAAC,CAAa,EAAE,UAAU;QAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,UAAU,EAAC,CAAC,CAAC;IAC5C,CAAC;IAED;;;0BAlCsB,OAAO;;;;0BAgBhB,IAAI;QAmBf,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9D;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEhE,OAAO,CACL,2DACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,IAAI,CAAC,UAAU,iBACN,IAAI,CAAC,MAAM,EACxB,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EACvE,UAAU,EAAE,CAAC,EAAiB,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC;YAErG,6DAAM,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,QAAQ;gBACrC,IAAI,CAAC,IAAI,IAAI,~~cAAQ,~~IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;gBACxC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SACE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAClC,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClE,UAAU,EAAE,CAAC,EAAiB,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EAChG,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACnC,QAAQ,EAAC,GAAG,IAEX,IAAI,CAAC,IAAI,CACR,CACL,CAAC,CAAC,CAAC,CACF,YAAM,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CACpC;gBACD,8DAAQ,CACH,CACJ,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ~~Prop~~, h, ~~Event~~, ~~EventEmitter~~} from \"@stencil/core\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n@Component({\n tag: \"z-myz-list-item\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzListItem {\n /** content text /\n @Prop()\n text: string;\n\n /* link url (optional) /\n @Prop()\n link?: string;\n\n /* link target (optional) /\n @Prop()\n linktarget?: string = \"_self\";\n\n /* icon name (optional) /\n @Prop()\n icon?: string;\n\n /* id (optional) /\n @Prop()\n listitemid?: string;\n\n /* data-action attribute (optional) /\n @Prop()\n action?: string;\n\n /* underlined style flag /\n @Prop()\n underlined = true;\n\n /* emitted on list item link click, returns linkId /\n @Event()\n zListItemLinkClick: EventEmitter;\n\n private emitZListItemLinkClick(e: MouseEvent, linkId): void {\n this.zListItemLinkClick.emit({e, linkId});\n }\n\n /* emitted on list item click, returns listitemid */\n @Event()\n zListItemClick: EventEmitter;\n\n private emitZListItemClick(e: MouseEvent, listitemid): void {\n this.zListItemClick.emit({e, listitemid});\n }\n\n constructor() {\n this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n this.emitZListItemClick = this.emitZListItemClick.bind(this);\n }\n\n render(): HTMLLIElement {\n const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n\n return (\n <li\n role=\"button\"\n id={this.listitemid}\n data-action={this.action}\n onClick={(e: MouseEvent) => this.emitZListItemClick(e, this.listitemid)}\n onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid)}\n >\n <span class={this.underlined && \"border\"}>\n {this.icon && <z-icon name={this.icon} />}\n {this.link ? (\n <a\n href={this.link ? this.link : null}\n target={this.linktarget}\n id={linkId}\n onClick={(e: MouseEvent) => this.emitZListItemLinkClick(e, linkId)}\n onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId)}\n role={this.link ? \"link\" : \"button\"}\n tabindex=\"0\"\n >\n {this.text}\n </a>\n ) : (\n <span innerHTML={this.text}></span>\n )}\n <slot />\n </span>\n </li>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/list/z-myz-list-item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAO7D,MAAM,OAAO,YAAY;IAiCf,sBAAsB,CAAC,CAAa,EAAE,MAAM;QAClD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,MAAM,EAAC,CAAC,CAAC;IAC5C,CAAC;IAMO,kBAAkB,CAAC,CAAa,EAAE,UAAU;QAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,UAAU,EAAC,CAAC,CAAC;IAC5C,CAAC;IAED;;;0BAlCsB,OAAO;;;;0BAgBhB,IAAI;QAmBf,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9D;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEhE,OAAO,CACL,2DACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,IAAI,CAAC,UAAU,iBACN,IAAI,CAAC,MAAM,EACxB,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EACvE,UAAU,EAAE,CAAC,EAAiB,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC;YAErG,6DAAM,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,QAAQ;gBACrC,IAAI,CAAC,IAAI,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;gBACxC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,SACE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAClC,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClE,UAAU,EAAE,CAAC,EAAiB,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,EAChG,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACnC,QAAQ,EAAC,GAAG,IAEX,IAAI,CAAC,IAAI,CACR,CACL,CAAC,CAAC,CAAC,CACF,YAAM,SAAS,EAAE,IAAI,CAAC,IAAI,GAAS,CACpC;gBACD,8DAAQ,CACH,CACJ,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n@Component({\n tag: \"z-myz-list-item\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzListItem {\n /** content text /\n @Prop()\n text: string;\n\n /* link url (optional) /\n @Prop()\n link?: string;\n\n /* link target (optional) /\n @Prop()\n linktarget?: string = \"_self\";\n\n /* icon name (optional) /\n @Prop()\n icon?: string;\n\n /* id (optional) /\n @Prop()\n listitemid?: string;\n\n /* data-action attribute (optional) /\n @Prop()\n action?: string;\n\n /* underlined style flag /\n @Prop()\n underlined = true;\n\n /* emitted on list item link click, returns linkId /\n @Event()\n zListItemLinkClick: EventEmitter;\n\n private emitZListItemLinkClick(e: MouseEvent, linkId): void {\n this.zListItemLinkClick.emit({e, linkId});\n }\n\n /* emitted on list item click, returns listitemid */\n @Event()\n zListItemClick: EventEmitter;\n\n private emitZListItemClick(e: MouseEvent, listitemid): void {\n this.zListItemClick.emit({e, listitemid});\n }\n\n constructor() {\n this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n this.emitZListItemClick = this.emitZListItemClick.bind(this);\n }\n\n render(): HTMLLIElement {\n const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n\n return (\n <li\n role=\"button\"\n id={this.listitemid}\n data-action={this.action}\n onClick={(e: MouseEvent) => this.emitZListItemClick(e, this.listitemid)}\n onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid)}\n >\n <span class={this.underlined && \"border\"}>\n {this.icon && <z-icon name={this.icon} />}\n {this.link ? (\n <a\n href={this.link ? this.link : null}\n target={this.linktarget}\n id={linkId}\n onClick={(e: MouseEvent) => this.emitZListItemLinkClick(e, linkId)}\n onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId)}\n role={this.link ? \"link\" : \"button\"}\n tabindex=\"0\"\n >\n {this.text}\n </a>\n ) : (\n <span innerHTML={this.text}></span>\n )}\n <slot />\n </span>\n </li>\n );\n }\n}\n"]}

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

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

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.stories.js ADDED Viewed

@@ -0,0 +1,28 @@
+import {html} from "lit";
+import "./index";
+export default {
+  title: "Snowflakes/List/ZMyzListItem",
+  component: "z-myz-list-item",
+  args: {
+    action: "10",
+    icon: "cart",
+    linktarget: "_blank",
+    link: "www.zanichelli.it",
+    underlined: true,
+  },
+};
+export const ZMyzListItem = {
+  render: (args) => html`
+    <z-myz-list-item
+      action=${args.action}
+      icon=${args.icon}
+      linktarget=${args.linktarget}
+      link=${args.link}
+      underlined=${args.underlined}
+      >ITEM 1</z-myz-list-item
+    >
+  `,
+};

package/dist/collection/snowflakes/myz/list/z-myz-list-item/test.e2e.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/list/z-myz-list-item/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;QAC7D,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC9C,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC1B,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAQ,EAAE,EAAE;YAC/C,GAAG,CAAC,IAAI,GAAG,UAAU,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;QAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAQ,EAAE,EAAE;YAC/C,GAAG,CAAC,IAAI,GAAG,UAAU,CAAC;YACtB,GAAG,CAAC,IAAI,GAAG,sBAAsB,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;QAC7D,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACnC,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAE7D,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QAErE,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-myz-list-item test end2end\", () => {\n it(\"Test that component exists\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<z-myz-list-item></z-myz-list-item>`);\n const el = await page.find(\"z-myz-list-item\");\n expect(el).not.toBeNull();\n expect(el.shadowRoot).not.toBeNull;\n });\n\n it(\"Test that prop text is created\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<z-myz-list-item></z-myz-list-item>`);\n\n await page.$eval(\"z-myz-list-item\", (elm: any) => {\n elm.text = \"elemento\";\n });\n\n await page.waitForChanges();\n\n const el = await page.find(\"z-myz-list-item >>> li > span\");\n expect(el).toEqualText(\"elemento\");\n });\n\n it(\"Test that prop link is created\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<z-myz-list-item></z-myz-list-item>`);\n\n await page.$eval(\"z-myz-list-item\", (elm: any) => {\n elm.text = \"elemento\";\n elm.link = \"http://www.google.it\";\n });\n\n await page.waitForChanges();\n\n const el = await page.find(\"z-myz-list-item >>> li span a \");\n expect(el).toEqualText(\"elemento\");\n expect(el.getAttribute(\"href\")).toBe(\"http://www.google.it\");\n\n const iconElem = await page.find(\"z-myz-list-item >>> li span img \");\n\n expect(iconElem).toBeNull;\n });\n});\n"]}
1	+ {"version":3,"file":"test.e2e.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/list/z-myz-list-item/test.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;QAC7D,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC9C,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC1B,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAQ,EAAE,EAAE;YAC/C,GAAG,CAAC,IAAI,GAAG,UAAU,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;QAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qCAAqC,CAAC,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAQ,EAAE,EAAE;YAC/C,GAAG,CAAC,IAAI,GAAG,UAAU,CAAC;YACtB,GAAG,CAAC,IAAI,GAAG,sBAAsB,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;QAC7D,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACnC,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAE7D,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QAErE,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from \"@stencil/core/testing\";\n\ndescribe(\"z-myz-list-item test end2end\", () => {\n it(\"Test that component exists\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<z-myz-list-item></z-myz-list-item>`);\n const el = await page.find(\"z-myz-list-item\");\n expect(el).not.toBeNull();\n expect(el.shadowRoot).not.toBeNull;\n });\n\n it(\"Test that prop text is created\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<z-myz-list-item></z-myz-list-item>`);\n\n await page.$eval(\"z-myz-list-item\", (elm: any) => {\n elm.text = \"elemento\";\n });\n\n await page.waitForChanges();\n\n const el = await page.find(\"z-myz-list-item >>> li > span\");\n expect(el).toEqualText(\"elemento\");\n });\n\n it(\"Test that prop link is created\", async () => {\n const page = await newE2EPage();\n await page.setContent(`<z-myz-list-item></z-myz-list-item>`);\n\n await page.$eval(\"z-myz-list-item\", (elm: any) => {\n elm.text = \"elemento\";\n elm.link = \"http://www.google.it\";\n });\n\n await page.waitForChanges();\n\n const el = await page.find(\"z-myz-list-item >>> li span a \");\n expect(el).toEqualText(\"elemento\");\n expect(el.getAttribute(\"href\")).toBe(\"http://www.google.it\");\n\n const iconElem = await page.find(\"z-myz-list-item >>> li span img \");\n\n expect(iconElem).toBeNull;\n });\n});\n"]}

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

@@ -34,7 +34,7 @@ export class ZMessagesPocket {
         return (h("z-pocket-body", { pocketid: this.pocketid }, h("div", { class: "body" }, h("slot", null)), h("div", { class: "gradient" })));
     }
     render() {
-        return (h("z-pocket", { key: '2f8a4cab129678f4a14c8fe5605c20098d29427a', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
+        return (h("z-pocket", { key: '5be608e84b6e356a29b5f1d7b96a36646ee0299a', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
     }
     static get is() { return "z-messages-pocket"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/pocket/z-messages-pocket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,~~IAAI~~,EAAE,~~CAAC~~,EAAE,~~MAAM,~~CAAC,~~aAAa,~~EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AAMH,MAAM,OAAO,eAAe;;;;sBAWH,YAAY,CAAC,OAAO;;IAG3C,kBAAkB,CAAC,CAAc;QAC/B,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;QAChC,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,OAAoB,CAAC;QACzB,IAAI,IAAY,CAAC;QACjB,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;YACpB,KAAK,YAAY,CAAC,OAAO,CAAC;YAC1B,KAAK,YAAY,CAAC,MAAM;gBACtB,OAAO,GAAG,CACR;;oBACW,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAC9C,CACR,CAAC;gBACF,IAAI,GAAG,YAAY,CAAC;gBACpB,MAAM;YACR,KAAK,YAAY,CAAC,IAAI;gBACpB,OAAO,GAAG,yBAAmB,CAAC;gBAC9B,IAAI,GAAG,cAAc,CAAC;gBACtB,MAAM;QACV,CAAC;QAED,OAAO,CACL,uBAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACrC,OAAO;YACR,cACE,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACc,CACnB,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,OAAO,CACL,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACpC,WAAK,KAAK,EAAC,MAAM;gBACf,eAAQ,CACJ;YACN,WAAK,KAAK,EAAC,UAAU,GAAG,CACV,CACjB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,iEACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,MAAM;YAEjB,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,UAAU,EAAE,CACT,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ~~Prop, h,~~ Listen /* , State /} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/\n @slot - pocket body content\n /\n@Component({\n tag: \"z-messages-pocket\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMessagesPocket {\n /* pocket id /\n @Prop()\n pocketid: string;\n\n /* number of messages /\n @Prop()\n messages: number;\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 === this.pocketid) {\n this.status = e.detail.status;\n }\n }\n\n private renderHeader(): HTMLZPocketHeaderElement {\n let message: HTMLElement;\n let icon: string;\n switch (this.status) {\n case PocketStatus.PREVIEW:\n case PocketStatus.CLOSED:\n message = (\n <span>\n Messaggi <span class=\"badge\">{this.messages}</span>\n </span>\n );\n icon = \"chevron-up\";\n break;\n case PocketStatus.OPEN:\n message = <span>Riduci</span>;\n icon = \"chevron-down\";\n break;\n }\n\n return (\n <z-pocket-header pocketid={this.pocketid}>\n {message}\n <z-icon\n name={icon}\n width={14}\n height={14}\n />\n </z-pocket-header>\n );\n }\n\n private renderBody(): HTMLZPocketBodyElement {\n return (\n <z-pocket-body pocketid={this.pocketid}>\n <div class=\"body\">\n <slot />\n </div>\n <div class=\"gradient\" />\n </z-pocket-body>\n );\n }\n\n render(): HTMLZPocketElement {\n return (\n <z-pocket\n pocketid={this.pocketid}\n status={this.status}\n class={this.status}\n >\n {this.renderHeader()}\n {this.renderBody()}\n </z-pocket>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/pocket/z-messages-pocket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AAMH,MAAM,OAAO,eAAe;;;;sBAWH,YAAY,CAAC,OAAO;;IAG3C,kBAAkB,CAAC,CAAc;QAC/B,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;QAChC,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,OAAoB,CAAC;QACzB,IAAI,IAAY,CAAC;QACjB,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;YACpB,KAAK,YAAY,CAAC,OAAO,CAAC;YAC1B,KAAK,YAAY,CAAC,MAAM;gBACtB,OAAO,GAAG,CACR;;oBACW,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAC9C,CACR,CAAC;gBACF,IAAI,GAAG,YAAY,CAAC;gBACpB,MAAM;YACR,KAAK,YAAY,CAAC,IAAI;gBACpB,OAAO,GAAG,yBAAmB,CAAC;gBAC9B,IAAI,GAAG,cAAc,CAAC;gBACtB,MAAM;QACV,CAAC;QAED,OAAO,CACL,uBAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACrC,OAAO;YACR,cACE,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACc,CACnB,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,OAAO,CACL,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACpC,WAAK,KAAK,EAAC,MAAM;gBACf,eAAQ,CACJ;YACN,WAAK,KAAK,EAAC,UAAU,GAAG,CACV,CACjB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,iEACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,MAAM;YAEjB,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,UAAU,EAAE,CACT,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Listen /* , State /, Prop, h} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/\n @slot - pocket body content\n /\n@Component({\n tag: \"z-messages-pocket\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMessagesPocket {\n /* pocket id /\n @Prop()\n pocketid: string;\n\n /* number of messages /\n @Prop()\n messages: number;\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 === this.pocketid) {\n this.status = e.detail.status;\n }\n }\n\n private renderHeader(): HTMLZPocketHeaderElement {\n let message: HTMLElement;\n let icon: string;\n switch (this.status) {\n case PocketStatus.PREVIEW:\n case PocketStatus.CLOSED:\n message = (\n <span>\n Messaggi <span class=\"badge\">{this.messages}</span>\n </span>\n );\n icon = \"chevron-up\";\n break;\n case PocketStatus.OPEN:\n message = <span>Riduci</span>;\n icon = \"chevron-down\";\n break;\n }\n\n return (\n <z-pocket-header pocketid={this.pocketid}>\n {message}\n <z-icon\n name={icon}\n width={14}\n height={14}\n />\n </z-pocket-header>\n );\n }\n\n private renderBody(): HTMLZPocketBodyElement {\n return (\n <z-pocket-body pocketid={this.pocketid}>\n <div class=\"body\">\n <slot />\n </div>\n <div class=\"gradient\" />\n </z-pocket-body>\n );\n }\n\n render(): HTMLZPocketElement {\n return (\n <z-pocket\n pocketid={this.pocketid}\n status={this.status}\n class={this.status}\n >\n {this.renderHeader()}\n {this.renderBody()}\n </z-pocket>\n );\n }\n}\n"]}

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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-messages-pocket/index.stories.js ADDED Viewed

@@ -0,0 +1,47 @@
+import {html} from "lit";
+import "../z-pocket-message/index";
+import "./index";
+export default {
+  title: "Snowflakes/Pocket/ZMessagesPocket",
+  component: "z-messages-pocket",
+  argTypes: {
+    status: {
+      control: {
+        type: "select",
+      },
+      options: ["preview", "open", "closed"],
+    },
+  },
+  args: {
+    pocketid: "my-pocket",
+    messages: "3",
+    status: "preview",
+  },
+};
+export const ZMessagesPocket = {
+  render: (args) => html`
+    <z-messages-pocket
+      pocketid="${args.pocketid}"
+      messages="${args.messages}"
+      status="${args.status}"
+    >
+      <z-pocket-message>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum convallis ex, eu faucibus velit
+        dignissim in. Quisque at risus accumsan, auctor enim a, varius tortor. Donec egestas sodales mi at imperdiet.
+      </z-pocket-message>
+      <z-pocket-message>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum convallis ex, eu faucibus velit
+        dignissim in. Quisque at risus accumsan, auctor enim a, varius tortor. Donec egestas sodales mi at imperdiet.
+      </z-pocket-message>
+      <z-pocket-message>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum convallis ex, eu faucibus velit
+        dignissim in. Quisque at risus accumsan, auctor enim a, varius tortor. Donec egestas sodales mi at imperdiet.
+      </z-pocket-message>
+    </z-messages-pocket>
+  `,
+};

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

@@ -54,7 +54,7 @@ export class ZPocket {
         }
     }
     render() {
-        return (h("div", { key: '380d3967f3e1c227bd1895c972327425313b87b8' }, h("div", { key: '781e4595f07f68092ffd16442af0a6ff272164a0', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: '6f902c3c03baf3cfd6d4a4302333df049c6bae35', id: this.pocketid, class: "content-wrapper" }, h("div", { key: 'c7029dcd23c29dc5bc797293271771084b9f6b31' }, h("slot", { key: '770b7882d607fccbdc095ebe662193a36aa515bd' })))));
+        return (h("div", { key: '45e8cd09d2390cda3ef219256245868d2c96a970' }, h("div", { key: '3eb0f5af6a61188321d4258eaa8201f7ee24a607', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: '453fc771bb812749b02687a4acf43eb60c8a32ec', id: this.pocketid, class: "content-wrapper" }, h("div", { key: 'd84500c28a276e0e30eb3eef88d8141dd047f290' }, h("slot", { key: 'dcd5b7827d6fc211ce38300af4aaa7efcbe71ef2' })))));
     }
     static get is() { return "z-pocket"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["~~../../../../../~~src/snowflakes/myz/pocket/z-pocket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,~~IAAI~~,EAAE,~~CAAC~~,~~EAAE~~,MAAM,EAAE,~~KAAK,EAAgB,~~MAAM,EAAE,~~OAAO~~,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACtG,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AAMH,MAAM,OAAO,OAAO;;;sBASK,YAAY,CAAC,OAAO;;IAE3C,oBAAoB;IAEpB,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC;IAClC,CAAC;IAED,qBAAqB;IAErB,KAAK,CAAC,KAAK;QACT,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;IACpC,CAAC;IAMO,gBAAgB,CAAC,EAAU,EAAE,MAAoB;QACvD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAC,EAAE,EAAE,MAAM,EAAC,CAAC,CAAC;IACvC,CAAC;IAGD,uBAAuB,CAAC,CAAc;QACpC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjD,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;gBACpB,KAAK,YAAY,CAAC,OAAO,CAAC;gBAC1B,KAAK,YAAY,CAAC,MAAM;oBACtB,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC;oBAChC,MAAM;gBACR,KAAK,YAAY,CAAC,IAAI;oBACpB,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;oBAClC,MAAM;YACV,CAAC;QACH,CAAC;IACH,CAAC;IAGD,qBAAqB,CAAC,CAAc;QAClC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjD,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC;YAClC,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;gBACzC,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;YACpC,CAAC;QACH,CAAC;IACH,CAAC;IAGD,kBAAkB,CAAC,MAAoB;QACrC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC/C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACpD,CAAC;IAEO,qBAAqB,CAAC,CAAa;QACzC,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,MAAM,IAAI,kBAAkB,EAAE,CAAC;YACnE,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,2EACc,kBAAkB,iBACjB,IAAI,CAAC,QAAQ,EAC1B,KAAK,EAAE,cAAc,IAAI,CAAC,MAAM,EAAE,EAClC,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,GACzD;YACF,4DACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAC,iBAAiB;gBAEvB;oBACE,8DAAQ,CACJ,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/pocket/z-pocket/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Listen, Method, Prop, Watch, h} 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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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/index.stories.js ADDED Viewed

@@ -0,0 +1,51 @@
+import {html} from "lit";
+import "../z-pocket-body/index";
+import "../z-pocket-header/index";
+import "./index";
+export default {
+  title: "Snowflakes/Pocket/ZPocket",
+  component: "z-pocket",
+  argTypes: {
+    status: {
+      control: {
+        type: "select",
+      },
+      options: ["preview", "open", "closed"],
+    },
+  },
+  args: {
+    pocketid: "my-pocket",
+    status: "preview",
+  },
+};
+export const Base = {
+  render: (args) => html`
+      <z-pocket
+      pocketid="${args.pocketid}"
+      status="${args.status}"
+      >
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
+        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+      </z-pocket-header>
+    `,
+};
+export const WithSubcomponents = {
+  render: (args) => html`
+      <z-pocket
+        pocketid="${args.pocketid}"
+        status="${args.status}"
+      >
+        <z-pocket-header>Pocket Header</z-pocket-header>
+        <z-pocket-body>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
+          Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+        </z-pocket-body>
+      </z-pocket-header>
+    `,
+};

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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 CHANGED Viewed

@@ -14,7 +14,7 @@ export class ZPocketBody {
         }
     }
     render() {
-        return (h("main", { key: 'e9cb89b3b1a529205e689a7e39ba780695a2fea4', class: this.status }, h("slot", { key: '705e4752dd80c52f8a744ef85d00737a505ab01b' })));
+        return (h("main", { key: 'b617d3b45b165732ac7f354c52e789b141eef47a', class: this.status }, h("slot", { key: 'bfed72b7529e4ee7f05e929d332a5913f46445bf' })));
     }
     static get is() { return "z-pocket-body"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/pocket/z-pocket-body/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,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, Listen, Prop, h} 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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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/index.stories.js ADDED Viewed

@@ -0,0 +1,43 @@
+import {html} from "lit";
+import "./index";
+export default {
+  title: "Snowflakes/Pocket/ZPocketBody",
+  component: "z-pocket-body",
+  argTypes: {
+    status: {
+      control: {
+        type: "select",
+      },
+      options: ["preview", "open", "closed"],
+    },
+  },
+  args: {
+    pocketid: "my-pocket",
+    status: "preview",
+  },
+};
+export const ZPocketBody = {
+  render: (args) =>
+    html`<z-pocket-body
+      pocketid=${args.pocketid}
+      status=${args.status}
+    >
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+      magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
+      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem
+      aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo
+      enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui
+      ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
+      adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat
+      voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut
+      aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil
+      molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
+    </z-pocket-body>`,
+};

package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css CHANGED Viewed

@@ -16,17 +16,23 @@
 :host > main.preview {
   max-height: 225px;
-  transition: all 200ms ease-in-out, top 200ms ease-in-out;
+  transition:
+    all 200ms ease-in-out,
+    top 200ms ease-in-out;
 }
 :host > main.open {
   max-height: calc(100vh - 48px);
-  transition: all 200ms ease-in-out, top 200ms ease-in-out;
+  transition:
+    all 200ms ease-in-out,
+    top 200ms ease-in-out;
 }
 :host > main.closed {
   height: 0;
-  transition: all 200ms ease-in-out, top 200ms ease-in-out;
+  transition:
+    all 200ms ease-in-out,
+    top 200ms ease-in-out;
 }
 :host ::-webkit-scrollbar {

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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"]}