@getflip/swirl-components 0.12.0 → 0.14.0

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-csv/swirl-file-viewer-csv.js

@@ -1,8 +1,12 @@
-import { Component, Element, Event, h, Host, Prop, State, Watch, } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { parse } from "papaparse";
 export class SwirlFileViewerCsv {
   constructor() {
     this.errorMessage = "File could not be loaded.";
+    this.file = undefined;
+    this.data = undefined;
+    this.error = undefined;
+    this.loading = undefined;
   }
   componentWillLoad() {
     this.updateTable();
@@ -36,87 +40,93 @@ export class SwirlFileViewerCsv {
   }
   render() {
     var _a;
-    return (h(Host, { class: "file-viewer-csv", exportparts: "file-viewer-csv__table" },
-      this.error && (h("swirl-inline-error", { class: "file-viewer-csv__error", message: this.errorMessage })),
-      h("div", { class: "file-viewer-csv__csv", tabIndex: 0 },
-        h("table", { class: "file-viewer-csv__table", part: "file-viewer-csv__table" },
-          h("tbody", null, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))),
-      this.loading && (h("div", { class: "file-viewer-csv__spinner" },
-        h("swirl-spinner", null)))));
+    return (h(Host, { class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", null, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { class: "file-viewer-csv__spinner" }, h("swirl-spinner", null)))));
   }
   static get is() { return "swirl-file-viewer-csv"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["swirl-file-viewer-csv.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["swirl-file-viewer-csv.css"]
-  }; }
-  static get properties() { return {
-    "errorMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "error-message",
-      "reflect": false,
-      "defaultValue": "\"File could not be loaded.\""
-    },
-    "file": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "file",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "data": {},
-    "error": {},
-    "loading": {}
-  }; }
-  static get events() { return [{
-      "method": "activate",
-      "name": "activate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["swirl-file-viewer-csv.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["swirl-file-viewer-csv.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "errorMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "error-message",
+        "reflect": false,
+        "defaultValue": "\"File could not be loaded.\""
       },
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
+      "file": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "file",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "data": {},
+      "error": {},
+      "loading": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "activate",
+        "name": "activate",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "HTMLElement",
+          "resolved": "HTMLElement",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "file",
-      "methodName": "updateTable"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "file",
+        "methodName": "updateTable"
+      }];
+  }
 }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-image/swirl-file-viewer-image.js

@@ -1,10 +1,6 @@
-import { Component, Element, Event, h, Host, Method, Prop, State, Watch, } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 export class SwirlFileViewerImage {
   constructor() {
-    this.description = "";
-    this.errorMessage = "File could not be loaded.";
-    this.maxZoom = 3;
-    this.loading = true;
     this.panX = 0;
     this.panY = 0;
     this.zoom = 1;
@@ -152,6 +148,12 @@ export class SwirlFileViewerImage {
     this.endPan = () => {
       this.panning = false;
     };
+    this.description = "";
+    this.errorMessage = "File could not be loaded.";
+    this.file = undefined;
+    this.maxZoom = 3;
+    this.error = undefined;
+    this.loading = true;
   }
   componentDidLoad() {
     this.activate.emit(this.el);
@@ -175,160 +177,170 @@ export class SwirlFileViewerImage {
     return this.updateZoomAndPan(1);
   }
   render() {
-    return (h(Host, { class: "file-viewer-image", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd },
-      this.error && (h("swirl-inline-error", { class: "file-viewer-image__error", message: this.errorMessage })),
-      h("img", { alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }),
-      this.loading && (h("div", { class: "file-viewer-image__spinner" },
-        h("swirl-spinner", null)))));
+    return (h(Host, { class: "file-viewer-image", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { class: "file-viewer-image__error", message: this.errorMessage })), h("img", { alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { class: "file-viewer-image__spinner" }, h("swirl-spinner", null)))));
   }
   static get is() { return "swirl-file-viewer-image"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["swirl-file-viewer-image.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["swirl-file-viewer-image.css"]
-  }; }
-  static get properties() { return {
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "description",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "errorMessage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "error-message",
-      "reflect": false,
-      "defaultValue": "\"File could not be loaded.\""
-    },
-    "file": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "file",
-      "reflect": false
-    },
-    "maxZoom": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["swirl-file-viewer-image.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["swirl-file-viewer-image.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "description",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "attribute": "max-zoom",
-      "reflect": false,
-      "defaultValue": "3"
-    }
-  }; }
-  static get states() { return {
-    "error": {},
-    "loading": {}
-  }; }
-  static get events() { return [{
-      "method": "activate",
-      "name": "activate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "errorMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "error-message",
+        "reflect": false,
+        "defaultValue": "\"File could not be loaded.\""
       },
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
-          }
-        }
-      }
-    }]; }
-  static get methods() { return {
-    "getZoom": {
-      "complexType": {
-        "signature": "() => Promise<number>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "file": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<number>"
+        "attribute": "file",
+        "reflect": false
       },
-      "docs": {
-        "text": "Get the current zoom.",
-        "tags": [{
-            "name": "returns",
-            "text": undefined
-          }]
+      "maxZoom": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-zoom",
+        "reflect": false,
+        "defaultValue": "3"
       }
-    },
-    "resetZoom": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get states() {
+    return {
+      "error": {},
+      "loading": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "activate",
+        "name": "activate",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "HTMLElement",
+          "resolved": "HTMLElement",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
           }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "getZoom": {
+        "complexType": {
+          "signature": "() => Promise<number>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<number>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Get the current zoom.",
+          "tags": [{
+              "name": "returns",
+              "text": undefined
+            }]
+        }
       },
-      "docs": {
-        "text": "Resets the zoom.",
-        "tags": [{
-            "name": "returns",
-            "text": undefined
-          }]
+      "resetZoom": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Resets the zoom.",
+          "tags": [{
+              "name": "returns",
+              "text": undefined
+            }]
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "file",
-      "methodName": "watchFile"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "file",
+        "methodName": "watchFile"
+      }];
+  }
 }