@zanichelli/albe-web-components 5.5.5 → 5.6.0

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Method, Event, Listen, Element, Watch } from "@stencil/core";
+import { h } from "@stencil/core";
 import { PocketStatusEnum } from "../../../../beans";
 /**
  * @slot  - pocket content
@@ -54,128 +54,138 @@ export class ZPocket {
     }
   }
   render() {
-    return (h("div", null,
-      h("div", { "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }),
-      h("div", { id: this.pocketid, class: "contentWrapper" },
-        h("div", null,
-          h("slot", null)))));
+    return (h("div", null, h("div", { "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { id: this.pocketid, class: "contentWrapper" }, h("div", null, h("slot", null)))));
   }
   static get is() { return "z-pocket"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "pocketid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "pocket id"
-      },
-      "attribute": "pocketid",
-      "reflect": false
-    },
-    "status": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "PocketStatus",
-        "resolved": "PocketStatusEnum.closed | PocketStatusEnum.open | PocketStatusEnum.preview",
-        "references": {
-          "PocketStatus": {
-            "location": "import",
-            "path": "../../../../beans"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "pocket status"
-      },
-      "attribute": "status",
-      "reflect": false,
-      "defaultValue": "PocketStatusEnum.preview"
-    }
-  }; }
-  static get events() { return [{
-      "method": "pocketToggle",
-      "name": "pocketToggle",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted on pocket toggle, returns pocket id and status"
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "pocketid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "pocket id"
+        },
+        "attribute": "pocketid",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "open": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "status": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "PocketStatus",
+          "resolved": "PocketStatusEnum.closed | PocketStatusEnum.open | PocketStatusEnum.preview",
+          "references": {
+            "PocketStatus": {
+              "location": "import",
+              "path": "../../../../beans"
+            }
           }
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "open z-pocket",
-        "tags": []
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "pocket status"
+        },
+        "attribute": "status",
+        "reflect": false,
+        "defaultValue": "PocketStatusEnum.preview"
       }
-    },
-    "close": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "pocketToggle",
+        "name": "pocketToggle",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted on pocket toggle, returns pocket id and status"
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "open": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "open z-pocket",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "close z-pocket",
-        "tags": []
+      "close": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "close z-pocket",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "status",
-      "methodName": "watchStatusHandler"
-    }]; }
-  static get listeners() { return [{
-      "name": "pocketHeaderClick",
-      "method": "handlePocketHeaderClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "pocketHeaderPan",
-      "method": "handlePocketHeaderPan",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "status",
+        "methodName": "watchStatusHandler"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "pocketHeaderClick",
+        "method": "handlePocketHeaderClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "pocketHeaderPan",
+        "method": "handlePocketHeaderPan",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Listen } from "@stencil/core";
+import { h } from "@stencil/core";
 import { PocketStatusEnum } from "../../../../beans";
 /**
  * @slot  - pocket body content
@@ -14,64 +14,71 @@ export class ZPocketBody {
     }
   }
   render() {
-    return (h("main", { class: this.status },
-      h("slot", null)));
+    return (h("main", { class: this.status }, h("slot", null)));
   }
   static get is() { return "z-pocket-body"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "pocketid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "pocket id"
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "pocketid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "pocket id"
+        },
+        "attribute": "pocketid",
+        "reflect": false
       },
-      "attribute": "pocketid",
-      "reflect": false
-    },
-    "status": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "PocketStatus",
-        "resolved": "PocketStatusEnum.closed | PocketStatusEnum.open | PocketStatusEnum.preview",
-        "references": {
-          "PocketStatus": {
-            "location": "import",
-            "path": "../../../../beans"
+      "status": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "PocketStatus",
+          "resolved": "PocketStatusEnum.closed | PocketStatusEnum.open | PocketStatusEnum.preview",
+          "references": {
+            "PocketStatus": {
+              "location": "import",
+              "path": "../../../../beans"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "pocket status"
-      },
-      "attribute": "status",
-      "reflect": false,
-      "defaultValue": "PocketStatusEnum.preview"
-    }
-  }; }
-  static get listeners() { return [{
-      "name": "pocketToggle",
-      "method": "handlePocketToggle",
-      "target": "body",
-      "capture": false,
-      "passive": false
-    }]; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "pocket status"
+        },
+        "attribute": "status",
+        "reflect": false,
+        "defaultValue": "PocketStatusEnum.preview"
+      }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "pocketToggle",
+        "method": "handlePocketToggle",
+        "target": "body",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Event } from "@stencil/core";
+import { h } from "@stencil/core";
 import { handleKeyboardSubmit } from "../../../../utils/utils";
 import Hammer from "hammerjs";
 /**
@@ -22,65 +22,72 @@ export class ZPocketHeader {
     mc.on("pandown", () => this.emitPocketHeaderPan("down"));
   }
   render() {
-    return (h("header", { role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: el => (this.swipeWrap = el) },
-      h("slot", null)));
+    return (h("header", { role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: el => (this.swipeWrap = el) }, h("slot", null)));
   }
   static get is() { return "z-pocket-header"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "pocketid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "pocket id"
-      },
-      "attribute": "pocketid",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "pocketHeaderClick",
-      "name": "pocketHeaderClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted on pocket header click"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "pocketHeaderPan",
-      "name": "pocketHeaderPan",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted on pocket header pan"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "pocketid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "pocket id"
+        },
+        "attribute": "pocketid",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "pocketHeaderClick",
+        "name": "pocketHeaderClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted on pocket header click"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "pocketHeaderPan",
+        "name": "pocketHeaderPan",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted on pocket header pan"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

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

@@ -1,23 +1,22 @@
-import { Component, h } from "@stencil/core";
+import { h } from "@stencil/core";
 /**
  * @slot  - message body
  * @slot cta - message CTAs
  */
 export class ZPocketMessage {
   render() {
-    return (h("div", null,
-      h("z-icon", { name: "exclamation-circle" }),
-      h("div", { class: "content" },
-        h("slot", null)),
-      h("div", { class: "ctaWrapper" },
-        h("slot", { name: "cta" }))));
+    return (h("div", null, h("z-icon", { name: "exclamation-circle" }), h("div", { class: "content" }, h("slot", null)), h("div", { class: "ctaWrapper" }, h("slot", { name: "cta" }))));
   }
   static get is() { return "z-pocket-message"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
 }