@getflip/swirl-components 0.12.0 → 0.14.0

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

@@ -1,16 +1,9 @@
-import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch, } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import pdf, { getDocument, renderTextLayer, } from "pdfjs-dist/legacy/build/pdf.js";
 import { debounce, getVisibleHeight, isMobileViewport, } from "../../../../utils";
 pdf.GlobalWorkerOptions.workerSrc = "/pdfjs/pdf.worker.min.js";
 export class SwirlFileViewerPdf {
   constructor() {
-    this.errorMessage = "File could not be loaded.";
-    this.zoom = 1;
-    this.loading = true;
-    this.renderedPages = [];
-    this.scrolledDown = false;
-    this.singlePageModePage = 1;
-    this.visiblePages = [];
     this.pages = [];
     this.renderingPageNumbers = [];
     this.recentScrollPosition = { x: 0, y: 0 };
@@ -37,6 +30,17 @@ export class SwirlFileViewerPdf {
       this.determineScrollStatus();
       this.storeRecentScrollPosition();
     }, 60);
+    this.errorMessage = "File could not be loaded.";
+    this.file = undefined;
+    this.singlePageMode = undefined;
+    this.zoom = 1;
+    this.doc = undefined;
+    this.error = undefined;
+    this.loading = true;
+    this.renderedPages = [];
+    this.scrolledDown = false;
+    this.singlePageModePage = 1;
+    this.visiblePages = [];
   }
   async componentWillLoad() {
     await this.getPages();
@@ -269,228 +273,234 @@ export class SwirlFileViewerPdf {
       ? this.pages.length - 1
       : this.visiblePages[0];
     const showSpinner = this.loading;
-    return (h(Host, { class: "file-viewer-pdf", exportparts: "file-viewer-pdf__pagination" },
-      this.error && (h("swirl-inline-error", { class: "file-viewer-pdf__error", message: this.errorMessage })),
-      h("div", { "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
-        const viewport = page.getViewport({
-          scale: this.getScale(page),
-        });
-        const height = viewport.height;
-        const width = viewport.width;
-        const rendered = this.renderedPages.includes(page.pageNumber);
-        return (h("div", { "aria-label": page.pageNumber, class: "file-viewer-pdf__page", "data-page-number": page.pageNumber, hidden: !this.singlePageMode ||
-            page.pageNumber === this.singlePageModePage
-            ? undefined
-            : true, id: `page-${page.pageNumber}`, key: page.pageNumber, role: "region", style: {
-            width: `${width}px`,
-            height: `${height}px`,
-          }, tabIndex: 0 },
-          !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })),
-          h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }),
-          h("div", { class: "file-viewer-pdf__text-container" })));
-      })),
-      showPagination && (h("span", { class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" },
-        h("span", { "aria-current": "page" }, currentPage),
-        " / ",
-        this.doc.numPages)),
-      showSpinner && (h("div", { class: "file-viewer-pdf__spinner" },
-        h("swirl-spinner", null)))));
+    return (h(Host, { class: "file-viewer-pdf", exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+      const viewport = page.getViewport({
+        scale: this.getScale(page),
+      });
+      const height = viewport.height;
+      const width = viewport.width;
+      const rendered = this.renderedPages.includes(page.pageNumber);
+      return (h("div", { "aria-label": page.pageNumber, class: "file-viewer-pdf__page", "data-page-number": page.pageNumber, hidden: !this.singlePageMode ||
+          page.pageNumber === this.singlePageModePage
+          ? undefined
+          : true, id: `page-${page.pageNumber}`, key: page.pageNumber, role: "region", style: {
+          width: `${width}px`,
+          height: `${height}px`,
+        }, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" })));
+    })), showPagination && (h("span", { class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { "aria-current": "page" }, currentPage), " / ", this.doc.numPages)), showSpinner && (h("div", { class: "file-viewer-pdf__spinner" }, h("swirl-spinner", null)))));
   }
   static get is() { return "swirl-file-viewer-pdf"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["swirl-file-viewer-pdf.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["swirl-file-viewer-pdf.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
-    },
-    "singlePageMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "single-page-mode",
-      "reflect": false
-    },
-    "zoom": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlFileViewerPdfZoom",
-        "resolved": "\"auto\" | number",
-        "references": {
-          "SwirlFileViewerPdfZoom": {
-            "location": "local"
-          }
-        }
+  static get originalStyleUrls() {
+    return {
+      "$": ["swirl-file-viewer-pdf.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["swirl-file-viewer-pdf.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.\""
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "file": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "file",
+        "reflect": false
       },
-      "attribute": "zoom",
-      "reflect": false,
-      "defaultValue": "1"
-    }
-  }; }
-  static get states() { return {
-    "doc": {},
-    "error": {},
-    "loading": {},
-    "renderedPages": {},
-    "scrolledDown": {},
-    "singlePageModePage": {},
-    "visiblePages": {}
-  }; }
-  static get events() { return [{
-      "method": "activate",
-      "name": "activate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "singlePageMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "single-page-mode",
+        "reflect": false
       },
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
-          }
-        }
-      }
-    }]; }
-  static get methods() { return {
-    "print": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "zoom": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlFileViewerPdfZoom",
+          "resolved": "\"auto\" | number",
+          "references": {
+            "SwirlFileViewerPdfZoom": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf.tsx"
+            }
           }
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Print the file.",
-        "tags": []
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "zoom",
+        "reflect": false,
+        "defaultValue": "1"
       }
-    },
-    "nextPage": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get states() {
+    return {
+      "doc": {},
+      "error": {},
+      "loading": {},
+      "renderedPages": {},
+      "scrolledDown": {},
+      "singlePageModePage": {},
+      "visiblePages": {}
+    };
+  }
+  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 {
+      "print": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Print the file.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Navigate to next page, if single page mode is enabled.",
-        "tags": []
-      }
-    },
-    "previousPage": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "nextPage": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Navigate to next page, if single page mode is enabled.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Navigate to previous page, if single page mode is enabled.",
-        "tags": []
-      }
-    },
-    "setPage": {
-      "complexType": {
-        "signature": "(page: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "previousPage": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Navigate to previous page, if single page mode is enabled.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Navigate to specific page, if single page mode is enabled.",
-        "tags": []
+      "setPage": {
+        "complexType": {
+          "signature": "(page: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Navigate to specific page, if single page mode is enabled.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "file",
-      "methodName": "watchProps"
-    }, {
-      "propName": "zoom",
-      "methodName": "watchZoom"
-    }]; }
-  static get listeners() { return [{
-      "name": "resize",
-      "method": "onWindowResize",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "file",
+        "methodName": "watchProps"
+      }, {
+        "propName": "zoom",
+        "methodName": "watchZoom"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "resize",
+        "method": "onWindowResize",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }];
+  }
 }

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

@@ -1,7 +1,11 @@
-import { Component, Element, Event, h, Host, Prop, State, Watch, } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 export class SwirlFileViewerText {
   constructor() {
     this.errorMessage = "File could not be loaded.";
+    this.file = undefined;
+    this.error = undefined;
+    this.loading = undefined;
+    this.text = undefined;
   }
   componentWillLoad() {
     this.updateText();
@@ -23,85 +27,93 @@ export class SwirlFileViewerText {
     }
   }
   render() {
-    return (h(Host, { class: "file-viewer-text", exportparts: "file-viewer-text__text" },
-      this.error && (h("swirl-inline-error", { class: "file-viewer-text__error", message: this.errorMessage })),
-      h("pre", { class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text),
-      this.loading && (h("div", { class: "file-viewer-text__spinner" },
-        h("swirl-spinner", null)))));
+    return (h(Host, { class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { class: "file-viewer-text__spinner" }, h("swirl-spinner", null)))));
   }
   static get is() { return "swirl-file-viewer-text"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["swirl-file-viewer-text.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["swirl-file-viewer-text.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 {
-    "error": {},
-    "loading": {},
-    "text": {}
-  }; }
-  static get events() { return [{
-      "method": "activate",
-      "name": "activate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["swirl-file-viewer-text.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["swirl-file-viewer-text.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 {
+      "error": {},
+      "loading": {},
+      "text": {}
+    };
+  }
+  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": "updateText"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "file",
+        "methodName": "updateText"
+      }];
+  }
 }