@3cr/viewer-browser 0.0.109 → 0.0.112

package/index.ts

@@ -7,10 +7,16 @@ import {
   LoadViewerOptions,
 } from "@/models/LoadViewerOptions";
 import { LoadViewerPayload } from "@/models/LoadViewerPayload";
+import { disableTheme } from "@/plugins/vuetify";
 
 let mountedApp: ComponentPublicInstance | undefined = undefined;
 
-export async function registerViewer(version: string) {
+export async function registerViewer(
+  version: string,
+  options = {
+    disableTheme: false,
+  }
+) {
   const newElement = document.createElement("div");
 
   newElement.style.width = "0";
@@ -20,6 +26,10 @@ export async function registerViewer(version: string) {
   document.body.appendChild(newElement);
 
   const app = createApp(BrowserViewer);
+  if (options.disableTheme) {
+    disableTheme.value = true;
+  }
+
   registerPlugins(app);
 
   mountedApp = app.mount(newElement);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3cr/viewer-browser",
-  "version": "0.0.109",
+  "version": "0.0.112",
   "main": "./dist/Viewer3CR.umd.js",
   "module": "dist/Viewer3CR.umd.js",
   "homepage": "https://docs.3cr.singular.health",

package/src/plugins/vuetify.ts

@@ -12,19 +12,44 @@ import { createVuetify, IconProps } from "vuetify";
 import { aliases, md } from "vuetify/iconsets/md";
 import { mdi } from "vuetify/iconsets/mdi";
 import { fa } from "vuetify/iconsets/fa";
-import { h } from "vue";
+import { h, ref } from "vue";
 import liver from "@/components/icons/liver.vue";
 
 const customComponents: any = {
   liver,
 };
-
+export const disableTheme = ref<boolean>(false);
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 /* istanbul ignore next  -- @preserve */
 export default createVuetify({
-  theme: {
-    defaultTheme: "light",
-  },
+  theme: disableTheme.value
+    ? false
+    : {
+        defaultTheme: "__light",
+        themes: {
+          __light: {
+            dark: false,
+            colors: {
+              background: "#FFFFFF",
+              surface: "#FFFFFF",
+              "surface-bright": "#FFFFFF",
+              "surface-light": "#EEEEEE",
+              "surface-variant": "#424242",
+              "on-surface-variant": "#EEEEEE",
+              primary: "#1867C0",
+              "primary-darken-1": "#1F5592",
+              secondary: "#48A9A6",
+              "secondary-darken-1": "#018786",
+              error: "#B00020",
+              info: "#2196F3",
+              success: "#4CAF50",
+              warning: "#FB8C00",
+            },
+          },
+          light: {},
+          dark: {},
+        },
+      },
   icons: {
     defaultSet: "md",
     aliases,