ranui 0.1.10-alpha-24 → 0.1.10-alpha-25

package/dist/{index-DgVgxN1s.js → index-DHI8URkB.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { n as noop, c as create, C as Client, M as MessageCodec } from "./plus-DgJxWGlo.js";
 import { m as message } from "./index-BbW0dxzy.js";
 import "./index-n4X6wdwJ.js";
-const less = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}.r-preview-slot{display:block}:host{cursor:pointer}.r-preview-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000073;z-index:1081}.r-preview-mask .r-preview-loading{position:absolute;top:30vh;left:50vw;transform:translate(-50%);display:flex;flex-flow:column;align-items:center}.r-preview-mask .r-preview-loading-text{color:#fff;font-size:16px}.r-preview-mask .r-preview-options{width:100%;pointer-events:auto;display:flex;flex-flow:row-reverse nowrap;align-items:center;justify-content:space-between}.r-preview-mask .r-preview-options-close{margin:14px;border:none;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain{max-width:calc(100vw - 20px);margin:0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.r-preview-mask .r-preview-contain .r-preview-context,.r-preview-mask .r-preview-contain .r-preview-context-pdf{margin:0 auto;height:calc(100vh - 68px);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;overflow:auto}";
+const less = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}.r-preview-slot{display:block}:host{cursor:pointer}.r-preview-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000073;z-index:1081}.r-preview-mask .r-preview-loading{position:absolute;top:30vh;left:50vw;transform:translate(-50%);display:flex;flex-flow:column;align-items:center}.r-preview-mask .r-preview-loading-text{color:#fff;font-size:16px}.r-preview-mask .r-preview-options{width:100%;pointer-events:auto;display:flex;flex-flow:row-reverse nowrap;align-items:center;justify-content:space-between}.r-preview-mask .r-preview-options-close{margin:14px;border:none;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.r-preview-mask .r-preview-contain{max-width:calc(100vw - 20px);margin:0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.r-preview-mask .r-preview-contain .r-preview-context{margin:0 auto;height:calc(100vh - 68px);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;overflow:auto}.r-preview-mask .r-preview-contain .r-preview-context-pdf{width:100%;margin:34px auto;height:100vh;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;overflow:auto}";
 const PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation";
 const PDF = "application/pdf";
 const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
@@ -14,7 +14,8 @@ const TARGET_ORIGIN = "https://ranuts.github.io/document";
 const renderOffice = async (file, options) => {
   var _a;
   try {
-    const { iframe, onLoad } = options;
+    const { iframe, onLoad, dom } = options;
+    dom == null ? void 0 : dom.style.setProperty("display", "none");
     if (!iframe) return;
     Client.removeAll();
     const { id } = Client.connect({
@@ -44,7 +45,7 @@ const renderOffice = async (file, options) => {
 async function Custom() {
   if (typeof document !== "undefined" && !customElements.get("r-preview")) {
     const { warning = noop } = message;
-    const { renderPdf } = await import("./pdf-Bis_tkvj.js");
+    const { renderPdf } = await import("./pdf-BKWcQYL4.js");
     const requestUrlToBuffer = (src, options) => {
       if (typeof XMLHttpRequest === "undefined") {
         throw new Error("XMLHttpRequest is not defined");
@@ -159,13 +160,6 @@ async function Custom() {
               const handler = renderFileMap.get(type);
               if (handler && this.previewContext) {
                 this.previewContext.style.setProperty("width", "100%");
-                if (this.previewContextPdf) {
-                  this.previewContextPdf.style.setProperty("width", "100%");
-                } else {
-                  this.previewContextPdf = document.createElement("div");
-                  this.previewContextPdf.setAttribute("class", "r-preview-context-pdf");
-                  this.previewContext.appendChild(this.previewContextPdf);
-                }
                 const options = {
                   dom: this.previewContextPdf,
                   onError: this.onError,
@@ -194,12 +188,18 @@ async function Custom() {
           }
         });
         __publicField(this, "showPreview", () => {
-          var _a;
+          var _a, _b, _c;
           if (this.src) {
             if (this.preview) {
               this.preview.style.display = "block";
               this.preview.appendChild(this._loadingElement);
-              (_a = this._loadingElement) == null ? void 0 : _a.style.setProperty("display", "block");
+              if (this.previewContextPdf && ((_a = this.previewContext) == null ? void 0 : _a.contains(this.previewContextPdf))) {
+                this.previewContext.removeChild(this.previewContextPdf);
+              }
+              this.previewContextPdf = document.createElement("div");
+              this.previewContextPdf.setAttribute("class", "r-preview-context-pdf");
+              (_b = this.previewContext) == null ? void 0 : _b.appendChild(this.previewContextPdf);
+              (_c = this._loadingElement) == null ? void 0 : _c.style.setProperty("display", "block");
             } else {
               this.preliminary();
             }

package/dist/index.js

@@ -3,7 +3,7 @@ import { i as i2 } from "./index-n4X6wdwJ.js";
 import { i as i3 } from "./index-BEm1a2pr.js";
 import { i as i4 } from "./index-DvSe_Ms7.js";
 import { i as i5 } from "./index-BbW0dxzy.js";
-import { i as i6 } from "./index-DgVgxN1s.js";
+import { i as i6 } from "./index-DHI8URkB.js";
 import { i as i7 } from "./index-Bb55l8nf.js";
 import { i as i8 } from "./index-DAxs7Dd2.js";
 import { i as i9 } from "./index-s0ioL3L2.js";

package/dist/{pdf-Bis_tkvj.js → pdf-BKWcQYL4.js}

@@ -120,6 +120,8 @@ const renderPdf = async (file, options) => {
       loadScript({ type: "content", content: PDF_JS });
       const pdf = await createReader(file);
       if (pdf) {
+        const { dom } = options;
+        dom == null ? void 0 : dom.style.setProperty("display", "flex");
         const PDF = new PdfPreview(pdf, options);
         await PDF.pdfPreview();
         await PDF.showTotalPage();

package/dist/preview.js

@@ -1,4 +1,4 @@
-import { a } from "./index-DgVgxN1s.js";
+import { a } from "./index-DHI8URkB.js";
 import "./plus-DgJxWGlo.js";
 import "./index-BbW0dxzy.js";
 import "./index-n4X6wdwJ.js";