jit-viewer 1.1.2 → 1.1.4

package/dist/index.d.ts

@@ -479,7 +479,7 @@ export declare function createViewerState(options?: {
     setMounted: (value: boolean) => void;
     setLoading: (value: boolean) => void;
     setError: (err: Error | null) => void;
-    setFile: (source: FileSource, name?: string) => void;
+    setFile: (source: FileSource, name?: string, explicitType?: FileType) => void;
     clearFile: () => void;
     setZoom: (value: number) => void;
     setRotate: (value: number) => void;
@@ -858,7 +858,7 @@ export declare type RequestAdapter = (url: string, options?: {
     body?: BodyInit;
 }) => Promise<ArrayBuffer>;
 
-declare function setFileInternal(file: FileSource, filename?: string): Promise<void>;
+declare function setFileInternal(file: FileSource, filename?: string, type?: Props['type']): Promise<void>;
 
 export declare const TextRender: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_7<Props_7>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 error: (error: Error) => void;
@@ -1169,7 +1169,7 @@ export declare function useViewerState(): {
     setMounted: (value: boolean) => void;
     setLoading: (value: boolean) => void;
     setError: (err: Error | null) => void;
-    setFile: (source: FileSource, name?: string) => void;
+    setFile: (source: FileSource, name?: string, explicitType?: FileType) => void;
     clearFile: () => void;
     setZoom: (value: number) => void;
     setRotate: (value: number) => void;
@@ -1309,7 +1309,7 @@ total: number;
 print: () => void;
 download: () => Promise<void>;
 setTheme: (newTheme: Theme) => void;
-setLocale: (locale: Locale) => void;
+setLocale: (newLocale: Locale) => void;
 setToolbar: (config: ToolbarConfig | boolean) => void;
 on: (event: string, handler: EventHandler) => void;
 off: (event: string, handler: EventHandler) => void;
@@ -1342,6 +1342,7 @@ export declare interface ViewerInstance {
     mount: (target?: HTMLElement | string) => Promise<void>;
     destroy: () => void;
     setFile: (file: FileSource, filename?: string) => Promise<void>;
+    setOptions: (options: Partial<ViewerOptions>) => Promise<void>;
     getFile: () => {
         source: FileSource;
         type: FileType;

package/dist/index.js

@@ -58,6 +58,13 @@ const MIME_MAP = {
   "image/x-icon": "image",
   "image/vnd.microsoft.icon": "image"
 };
+function normalizeMimeType(mimeType) {
+  var _a;
+  return ((_a = mimeType == null ? void 0 : mimeType.split(";")[0]) == null ? void 0 : _a.trim().toLowerCase()) || "";
+}
+function isInlineLocalUrl(url) {
+  return url.startsWith("blob:") || url.startsWith("data:");
+}
 function getFileExtension(filename) {
   const match = filename.toLowerCase().match(/\.([a-z0-9]+)$/);
   return match ? match[1] : "";
@@ -75,7 +82,7 @@ function getFilenameFromUrl(url) {
 }
 function detectFileType(source, filename) {
   if (source instanceof File) {
-    const mimeType = source.type;
+    const mimeType = normalizeMimeType(source.type);
     if (mimeType && MIME_MAP[mimeType]) {
       return MIME_MAP[mimeType];
     }
@@ -90,7 +97,7 @@ function detectFileType(source, filename) {
     return EXTENSION_MAP[getFileExtension(name)] || "unknown";
   }
   if (source instanceof Blob) {
-    const mimeType = source.type;
+    const mimeType = normalizeMimeType(source.type);
     if (mimeType && MIME_MAP[mimeType]) {
       return MIME_MAP[mimeType];
     }
@@ -155,6 +162,13 @@ async function fetchWithProxy(url, fetchOptions, proxyOptions) {
   if (proxyOptions == null ? void 0 : proxyOptions.requestAdapter) {
     return proxyOptions.requestAdapter(url, fetchOptions);
   }
+  if (isInlineLocalUrl(url)) {
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(`Failed to fetch local file: ${response.status} ${response.statusText}`);
+    }
+    return response.arrayBuffer();
+  }
   if (proxyOptions == null ? void 0 : proxyOptions.proxyUrl) {
     return fetchViaProxy(url, fetchOptions, proxyOptions.proxyUrl);
   }
@@ -13702,9 +13716,9 @@ function createViewerState(options = {}) {
   const setError = (err) => {
     error.value = err;
   };
-  const setFile = (source, name) => {
+  const setFile = (source, name, explicitType) => {
     fileSource.value = source;
-    fileType.value = detectFileType(source, name);
+    fileType.value = explicitType && explicitType !== "unknown" ? explicitType : detectFileType(source, name);
     filename.value = name || getFilename(source);
     zoom.value = fileType.value === "ofd" ? 0.7 : initialZoom;
     rotate.value = initialRotate;
@@ -128682,10 +128696,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         height: `${100 / props.zoom}%`
       };
     });
+    function handleIframeLoad() {
+      loading.value = false;
+      emit2("load");
+    }
     async function loadContent() {
-      console.log("[HtmlRender] loadContent called, iframe ready:", !!iframeRef.value, "source:", props.source);
       if (!iframeRef.value) {
-        console.log("[HtmlRender] iframe not ready, retrying in 100ms...");
         setTimeout(() => loadContent(), 100);
         return;
       }
@@ -128693,64 +128709,67 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       error.value = "";
       try {
         if (!props.source) {
-          console.log("[HtmlRender] no source provided");
           loading.value = false;
           return;
         }
-        if (typeof props.source === "string") {
-          const url = props.source;
-          console.log("[HtmlRender] source is string:", url.substring(0, 100));
-          if (url.startsWith("http://") || url.startsWith("https://")) {
-            console.log("[HtmlRender] loading web URL:", url);
-            iframeRef.value.src = url;
-            loading.value = false;
-            emit2("load");
-            return;
-          }
-          if (url.startsWith("data:") || url.startsWith("blob:")) {
-            iframeRef.value.src = url;
-            loading.value = false;
-            emit2("load");
-            return;
-          }
-        }
-        if (props.source instanceof File || props.source instanceof Blob) {
-          console.log("[HtmlRender] source is File/Blob");
-          const htmlContent = await readHtmlContent(props.source);
-          console.log("[HtmlRender] read content length:", htmlContent.length);
-          writeHtmlToIframe(htmlContent);
+        const resolved = await resolveHtmlContent(props.source);
+        if (resolved) {
+          writeHtmlToIframe(resolved.html, resolved.baseUrl);
           return;
         }
-        if (props.source instanceof ArrayBuffer) {
-          console.log("[HtmlRender] source is ArrayBuffer");
-          const decoder = new TextDecoder();
-          const htmlContent = decoder.decode(props.source);
-          writeHtmlToIframe(htmlContent);
+        throw new Error("Unsupported HTML source");
+      } catch (err) {
+        if (tryFallbackToIframeUrl(props.source)) {
           return;
         }
-        if (typeof props.source === "object" && "url" in props.source) {
-          console.log("[HtmlRender] source is config object");
-          const { url } = props.source;
-          if (url.startsWith("http://") || url.startsWith("https://")) {
-            iframeRef.value.src = url;
-            loading.value = false;
-            emit2("load");
-            return;
-          }
-          const buffer2 = await fileToArrayBuffer(props.source, {
-            proxyUrl: props.proxyUrl,
-            requestAdapter: props.requestAdapter
-          });
-          const decoder = new TextDecoder();
-          const htmlContent = decoder.decode(buffer2);
-          writeHtmlToIframe(htmlContent);
-        }
-        console.log("[HtmlRender] unknown source type");
-      } catch (err) {
-        console.error("[HtmlRender] load error:", err);
         handleError2(err);
       }
     }
+    async function resolveHtmlContent(source) {
+      if (source instanceof File || source instanceof Blob) {
+        return {
+          html: await readHtmlContent(source)
+        };
+      }
+      if (source instanceof ArrayBuffer) {
+        return {
+          html: new TextDecoder().decode(source)
+        };
+      }
+      if (typeof source === "string") {
+        if (source.startsWith("data:text/html")) {
+          const response = await fetch(source);
+          return {
+            html: await response.text()
+          };
+        }
+        if (source.startsWith("blob:") || source.startsWith("data:")) {
+          const response = await fetch(source);
+          return {
+            html: await response.text()
+          };
+        }
+        const buffer2 = await fileToArrayBuffer(source, {
+          proxyUrl: props.proxyUrl,
+          requestAdapter: props.requestAdapter
+        });
+        return {
+          html: new TextDecoder().decode(buffer2),
+          baseUrl: resolveBaseUrl(source)
+        };
+      }
+      if (typeof source === "object" && "url" in source) {
+        const buffer2 = await fileToArrayBuffer(source, {
+          proxyUrl: props.proxyUrl,
+          requestAdapter: props.requestAdapter
+        });
+        return {
+          html: new TextDecoder().decode(buffer2),
+          baseUrl: resolveBaseUrl(source.url)
+        };
+      }
+      return null;
+    }
     async function readHtmlContent(source) {
       return new Promise((resolve2, reject) => {
         const reader = new FileReader();
@@ -128759,31 +128778,130 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         reader.readAsText(source);
       });
     }
-    function writeHtmlToIframe(html) {
+    function resolveBaseUrl(url) {
+      if (url.startsWith("data:") || url.startsWith("blob:")) {
+        return void 0;
+      }
+      try {
+        return new URL(url, window.location.href).href;
+      } catch {
+        return void 0;
+      }
+    }
+    function tryFallbackToIframeUrl(source) {
+      if (!iframeRef.value) {
+        return false;
+      }
+      const url = typeof source === "string" ? source : typeof source === "object" && "url" in source ? source.url : "";
+      if (!url) {
+        return false;
+      }
+      try {
+        iframeRef.value.removeAttribute("srcdoc");
+        iframeRef.value.src = url;
+        return true;
+      } catch {
+        return false;
+      }
+    }
+    function normalizeHtmlDocument(html, baseUrl) {
+      const parser = new DOMParser();
+      const document2 = parser.parseFromString(html, "text/html");
+      if (!document2.head) {
+        const head = document2.createElement("head");
+        document2.documentElement.insertBefore(head, document2.body || null);
+      }
+      if (!document2.body) {
+        document2.documentElement.appendChild(document2.createElement("body"));
+      }
+      if (baseUrl && !document2.head.querySelector("base")) {
+        const base = document2.createElement("base");
+        base.setAttribute("href", baseUrl);
+        document2.head.prepend(base);
+      }
+      if (!document2.head.querySelector('meta[name="viewport"]')) {
+        const viewport = document2.createElement("meta");
+        viewport.setAttribute("name", "viewport");
+        viewport.setAttribute("content", "width=device-width, initial-scale=1.0");
+        document2.head.appendChild(viewport);
+      }
+      const existingStyle = document2.head.querySelector("style[data-jv-html-preview]");
+      if (existingStyle) {
+        existingStyle.remove();
+      }
+      const style = document2.createElement("style");
+      style.setAttribute("data-jv-html-preview", "true");
+      style.textContent = `
+    :root {
+      color-scheme: light;
+    }
+
+    html {
+      background: #edf3f7;
+    }
+
+    html,
+    body {
+      width: 100%;
+      max-width: 100%;
+      overflow-x: hidden;
+    }
+
+    body {
+      margin: 0;
+      min-height: 100vh;
+      padding: 24px;
+      box-sizing: border-box;
+      background:
+        radial-gradient(circle at top right, rgba(31, 111, 139, 0.08), transparent 28%),
+        linear-gradient(180deg, #f9fbfd 0%, #edf3f7 100%);
+    }
+
+    body > * {
+      box-sizing: border-box;
+      max-width: min(100%, 1100px);
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    img,
+    svg,
+    canvas,
+    video,
+    iframe,
+    object,
+    embed {
+      max-width: 100% !important;
+      height: auto;
+    }
+
+    table {
+      width: 100% !important;
+      max-width: 100%;
+      display: block;
+      overflow-x: auto;
+      box-sizing: border-box;
+    }
+
+    pre,
+    code {
+      max-width: 100%;
+      overflow-wrap: anywhere;
+    }
+  `;
+      document2.head.appendChild(style);
+      return `<!DOCTYPE html>
+${document2.documentElement.outerHTML}`;
+    }
+    function writeHtmlToIframe(html, baseUrl) {
       if (!iframeRef.value) {
         handleError2(new Error("iframe not ready"));
         return;
       }
-      console.log("[HtmlRender] writing HTML to iframe, length:", html.length);
       try {
-        iframeRef.value.srcdoc = html;
-        requestAnimationFrame(() => {
-          var _a;
-          try {
-            const doc2 = (_a = iframeRef.value) == null ? void 0 : _a.contentDocument;
-            if (doc2) {
-              doc2.open();
-              doc2.write(html);
-              doc2.close();
-            }
-          } catch (e) {
-            console.warn("[HtmlRender] document write failed, but srcdoc is set");
-          }
-          loading.value = false;
-          emit2("load");
-        });
+        iframeRef.value.removeAttribute("src");
+        iframeRef.value.srcdoc = normalizeHtmlDocument(html, baseUrl);
       } catch (err) {
-        console.error("[HtmlRender] write error:", err);
         handleError2(err);
       }
     }
@@ -128794,11 +128912,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     }
     watch(() => props.source, (newSource, oldSource) => {
       if (newSource !== oldSource) {
-        nextTick(() => loadContent());
+        loadContent();
       }
     }, { immediate: false });
     onMounted(() => {
-      nextTick(() => loadContent());
+      loadContent();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -128811,8 +128929,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           ref: iframeRef,
           class: "jv-html-iframe",
           style: normalizeStyle(renderStyle.value),
+          onLoad: handleIframeLoad,
           sandbox: "allow-scripts allow-same-origin allow-popups allow-forms allow-top-navigation"
-        }, null, 4),
+        }, null, 36),
         withDirectives(createBaseVNode("div", _hoisted_1$3, [..._cache[0] || (_cache[0] = [
           createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1),
           createBaseVNode("span", null, "加载中...", -1)
@@ -128826,7 +128945,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-c52b0b01"]]);
+const HtmlRender = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-be7a9198"]]);
 const _hoisted_1$2 = {
   key: 0,
   class: "jv-image-loading"
@@ -129411,7 +129530,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let copyrightObserver = null;
     let copyrightCheckInterval = null;
     const events = createEventBus();
-    const { t } = useLocaleProvider(props.locale);
+    const { t, setLocale } = useLocaleProvider(props.locale);
     const viewerRefForTheme = computed(() => viewerRef.value || null);
     const { theme: currentTheme, setTheme } = useThemeProvider(props.theme, viewerRefForTheme);
     const state = createViewerState({
@@ -129643,17 +129762,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       setMounted(true);
       if (props.file) {
-        await setFileInternal(props.file, props.filename);
+        await setFileInternal(props.file, props.filename, props.type);
       }
       emit2("ready");
       events.emit("ready");
       (_a2 = props.onReady) == null ? void 0 : _a2.call(props);
     }
-    async function setFileInternal(file, filename) {
+    async function setFileInternal(file, filename, type) {
       try {
         setLoading(true);
         setError(null);
-        setFile(file, filename);
+        setFile(file, filename, type);
       } catch (err) {
         handleError2(err);
       }
@@ -129666,9 +129785,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       (_a2 = props.onDestroy) == null ? void 0 : _a2.call(props);
     }
     watch(() => props.theme, setTheme);
-    watch(() => props.file, (file) => {
+    watch(() => props.locale, setLocale);
+    watch([() => props.file, () => props.filename, () => props.type], ([file, filename, type]) => {
       if (file) {
-        setFileInternal(file, props.filename);
+        setFileInternal(file, filename, type);
       }
     });
     watch(fileType, syncPageController, { immediate: true });
@@ -129682,7 +129802,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       setMounted(true);
       if (props.file) {
-        setFileInternal(props.file, props.filename);
+        setFileInternal(props.file, props.filename, props.type);
       }
       startCopyrightProtection();
       emit2("ready");
@@ -129727,9 +129847,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       },
       setTheme,
-      setLocale: (locale) => {
-        useLocaleProvider(locale);
-      },
+      setLocale,
       setToolbar: (config) => {
       },
       on: events.on,
@@ -129751,32 +129869,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           config: toolbarConfig.value,
           visible: toolbarVisible.value
         }, null, 8, ["config", "visible"])) : createCommentVNode("", true),
-        createBaseVNode("div", {
-          class: "jv-viewer__branding",
-          ref_key: "brandingRef",
-          ref: brandingRef
-        }, [..._cache[0] || (_cache[0] = [
-          createBaseVNode("a", {
-            href: "https://github.com/jitOffice/jit-viewer-sdk",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            class: "jv-branding-link"
-          }, "JitViewer", -1),
-          createTextVNode("提供文档预览支持 ", -1)
-        ])], 512),
         createBaseVNode("div", {
           ref_key: "contentRef",
           ref: contentRef,
           class: "jv-viewer__content"
         }, [
-          __props.watermark ? (openBlock(), createBlock(unref(Watermark), {
-            key: 0,
+          createVNode(unref(Watermark), {
             watermark: __props.watermark,
             style: { width: "100%", height: "100%" }
           }, {
             default: withCtx(() => [
               unref(error) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                _cache[1] || (_cache[1] = createBaseVNode("svg", {
+                _cache[0] || (_cache[0] = createBaseVNode("svg", {
                   class: "jv-error-icon",
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -129810,7 +129914,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle(renderStyle.value)
               }, [
                 withDirectives(createBaseVNode("div", _hoisted_5, [
-                  _cache[2] || (_cache[2] = createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1)),
+                  _cache[1] || (_cache[1] = createBaseVNode("div", { class: "jv-loading-spinner" }, null, -1)),
                   createBaseVNode("span", _hoisted_6, toDisplayString(unref(t)("loading")), 1)
                 ], 512), [
                   [vShow, unref(loading)]
@@ -129883,7 +129987,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   zoom: unref(zoom),
                   onLoad: handleLoad,
                   onError: handleError2
-                }, null, 8, ["source", "zoom"])) : unref(fileType) === "unknown" && unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[3] || (_cache[3] = [
+                }, null, 8, ["source", "zoom"])) : unref(fileType) === "unknown" && unref(fileSource) ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[2] || (_cache[2] = [
                   createBaseVNode("span", null, "未知文件类型", -1)
                 ])])) : (openBlock(), createElementBlock("div", _hoisted_8, [
                   createBaseVNode("span", null, toDisplayString(unref(t)("error.unsupportedType")), 1)
@@ -129891,44 +129995,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 4))
             ]),
             _: 1
-          }, 8, ["watermark"])) : createCommentVNode("", true)
-        ], 512)
+          }, 8, ["watermark"])
+        ], 512),
+        createBaseVNode("div", {
+          ref_key: "brandingRef",
+          ref: brandingRef,
+          class: "jv-viewer__branding"
+        }, [..._cache[3] || (_cache[3] = [
+          createBaseVNode("a", {
+            href: "https://github.com/jitOffice/jit-viewer-sdk",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            class: "jv-branding-link"
+          }, "JitViewer", -1),
+          createBaseVNode("span", { class: "jv-branding-text" }, "提供文档预览支持", -1)
+        ])], 512)
       ], 6);
     };
   }
 });
-const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-550d6985"]]);
+const Viewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a7f7368"]]);
 function createViewer(options) {
   const events = createEventBus();
   let app = null;
   let container = null;
   let viewerComponent = null;
+  const runtimeOptions = /* @__PURE__ */ reactive({ ...options });
+  const updateOptions = async (nextOptions) => {
+    Object.assign(runtimeOptions, nextOptions);
+    await nextTick();
+  };
   const mergedOptions = {
-    ...options,
+    ...runtimeOptions,
     onReady: () => {
       var _a;
-      (_a = options.onReady) == null ? void 0 : _a.call(options);
+      (_a = runtimeOptions.onReady) == null ? void 0 : _a.call(runtimeOptions);
       events.emit("ready");
     },
     onLoad: () => {
       var _a;
-      (_a = options.onLoad) == null ? void 0 : _a.call(options);
+      (_a = runtimeOptions.onLoad) == null ? void 0 : _a.call(runtimeOptions);
       events.emit("load");
     },
     onError: (error) => {
       var _a;
-      (_a = options.onError) == null ? void 0 : _a.call(options, error);
+      (_a = runtimeOptions.onError) == null ? void 0 : _a.call(runtimeOptions, error);
       events.emit("error", error);
     },
     onDestroy: () => {
       var _a;
-      (_a = options.onDestroy) == null ? void 0 : _a.call(options);
+      (_a = runtimeOptions.onDestroy) == null ? void 0 : _a.call(runtimeOptions);
       events.emit("destroy");
     }
   };
   const instance = {
     async mount(target) {
-      const el = target ? getElement(target) : typeof options.target === "string" ? getElement(options.target) : options.target;
+      const el = target ? getElement(target) : typeof runtimeOptions.target === "string" ? getElement(runtimeOptions.target) : runtimeOptions.target;
       if (!el) {
         throw new Error("Target element not found");
       }
@@ -129936,7 +130058,11 @@ function createViewer(options) {
       app = createApp({
         render() {
           return h(Viewer, {
-            ...mergedOptions,
+            ...runtimeOptions,
+            onReady: mergedOptions.onReady,
+            onLoad: mergedOptions.onLoad,
+            onError: mergedOptions.onError,
+            onDestroy: mergedOptions.onDestroy,
             ref: (ref2) => {
               viewerComponent = ref2;
             }
@@ -129955,9 +130081,10 @@ function createViewer(options) {
       container = null;
     },
     async setFile(file, filename) {
-      if (viewerComponent == null ? void 0 : viewerComponent.setFile) {
-        await viewerComponent.setFile(file, filename);
-      }
+      await updateOptions({ file, filename });
+    },
+    async setOptions(nextOptions) {
+      await updateOptions(nextOptions);
     },
     getFile() {
       var _a;
@@ -130007,16 +130134,13 @@ function createViewer(options) {
       }
     },
     setTheme(theme) {
-      var _a;
-      (_a = viewerComponent == null ? void 0 : viewerComponent.setTheme) == null ? void 0 : _a.call(viewerComponent, theme);
+      updateOptions({ theme });
     },
     setLocale(locale) {
-      var _a;
-      (_a = viewerComponent == null ? void 0 : viewerComponent.setLocale) == null ? void 0 : _a.call(viewerComponent, locale);
+      updateOptions({ locale });
     },
     setToolbar(config) {
-      var _a;
-      (_a = viewerComponent == null ? void 0 : viewerComponent.setToolbar) == null ? void 0 : _a.call(viewerComponent, config);
+      updateOptions({ toolbar: config });
     },
     on(event, handler) {
       events.on(event, handler);