@3cr/viewer-browser 0.0.103 → 0.0.105

package/index.ts

@@ -15,7 +15,7 @@ export async function registerViewer(version: string) {
 
   newElement.style.width = "0";
   newElement.style.height = "0";
-  newElement.style.all = "initial";
+  // newElement.style.all = "initial";
 
   document.body.appendChild(newElement);
 

package/package.json

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

package/src/App.vue

@@ -1,12 +1,14 @@
 <template>
-  <v-app style="height: 0; width: 0">
-    <MftpWebGL3DRModal
-      ref="mftpWebGL3DRModal"
-      :payload="payload"
-      :options="options"
-    />
-  </v-app>
-  <Notifications />
+  <div data-vuetify>
+    <v-app style="height: 0; width: 0">
+      <MftpWebGL3DRModal
+        ref="mftpWebGL3DRModal"
+        :payload="payload"
+        :options="options"
+      />
+    </v-app>
+    <Notifications />
+  </div>
 </template>
 
 <script setup lang="ts">

package/src/assets/styles.scss

@@ -0,0 +1,89 @@
+[data-vuetify] {
+  @import "vuetify/styles";
+
+  @import "vuetify/lib/components/VAlert/VAlert.css";
+  @import "vuetify/lib/components/VApp/VApp.css";
+  @import "vuetify/lib/components/VAppBar/VAppBar.css";
+  @import "vuetify/lib/components/VAutocomplete/VAutocomplete.css";
+  @import "vuetify/lib/components/VAvatar/VAvatar.css";
+  @import "vuetify/lib/components/VBadge/VBadge.css";
+  @import "vuetify/lib/components/VBanner/VBanner.css";
+  @import "vuetify/lib/components/VBottomNavigation/VBottomNavigation.css";
+  @import "vuetify/lib/components/VBottomSheet/VBottomSheet.css";
+  @import "vuetify/lib/components/VBreadcrumbs/VBreadcrumbs.css";
+  @import "vuetify/lib/components/VBtn/VBtn.css";
+  @import "vuetify/lib/components/VBtnGroup/VBtnGroup.css";
+  @import "vuetify/lib/components/VBtnToggle/VBtnToggle.css";
+  @import "vuetify/lib/components/VCard/VCard.css";
+  @import "vuetify/lib/components/VCarousel/VCarousel.css";
+  @import "vuetify/lib/components/VCheckbox/VCheckbox.css";
+  @import "vuetify/lib/components/VChip/VChip.css";
+  @import "vuetify/lib/components/VChipGroup/VChipGroup.css";
+  @import "vuetify/lib/components/VCode/VCode.css";
+  @import "vuetify/lib/components/VColorPicker/VColorPicker.css";
+  @import "vuetify/lib/components/VCombobox/VCombobox.css";
+  @import "vuetify/lib/components/VCounter/VCounter.css";
+  @import "vuetify/lib/components/VDataTable/VDataTable.css";
+  @import "vuetify/lib/components/VDatePicker/VDatePicker.css";
+  @import "vuetify/lib/components/VDialog/VDialog.css";
+  @import "vuetify/lib/components/VDivider/VDivider.css";
+  @import "vuetify/lib/components/VExpansionPanel/VExpansionPanel.css";
+  @import "vuetify/lib/components/VField/VField.css";
+  @import "vuetify/lib/components/VFileInput/VFileInput.css";
+  @import "vuetify/lib/components/VFooter/VFooter.css";
+  @import "vuetify/lib/components/VGrid/VGrid.css";
+  @import "vuetify/lib/components/VIcon/VIcon.css";
+  @import "vuetify/lib/components/VImg/VImg.css";
+  @import "vuetify/lib/components/VInfiniteScroll/VInfiniteScroll.css";
+  @import "vuetify/lib/components/VInput/VInput.css";
+  @import "vuetify/lib/components/VItemGroup/VItemGroup.css";
+  @import "vuetify/lib/components/VKbd/VKbd.css";
+  @import "vuetify/lib/components/VLabel/VLabel.css";
+  @import "vuetify/lib/components/VLayout/VLayout.css";
+  @import "vuetify/lib/components/VList/VList.css";
+  @import "vuetify/lib/components/VLocaleProvider/VLocaleProvider.css";
+  @import "vuetify/lib/components/VMain/VMain.css";
+  @import "vuetify/lib/components/VMenu/VMenu.css";
+  @import "vuetify/lib/components/VMessages/VMessages.css";
+  @import "vuetify/lib/components/VNavigationDrawer/VNavigationDrawer.css";
+  @import "vuetify/lib/components/VOtpInput/VOtpInput.css";
+  @import "vuetify/lib/components/VOverlay/VOverlay.css";
+  @import "vuetify/lib/components/VPagination/VPagination.css";
+  @import "vuetify/lib/components/VParallax/VParallax.css";
+  @import "vuetify/lib/components/VProgressCircular/VProgressCircular.css";
+  @import "vuetify/lib/components/VProgressLinear/VProgressLinear.css";
+  @import "vuetify/lib/components/VRadioGroup/VRadioGroup.css";
+  @import "vuetify/lib/components/VRating/VRating.css";
+  @import "vuetify/lib/components/VResponsive/VResponsive.css";
+  @import "vuetify/lib/components/VSelect/VSelect.css";
+  @import "vuetify/lib/components/VSelectionControl/VSelectionControl.css";
+  @import "vuetify/lib/components/VSelectionControlGroup/VSelectionControlGroup.css";
+  @import "vuetify/lib/components/VSheet/VSheet.css";
+  @import "vuetify/lib/components/VSkeletonLoader/VSkeletonLoader.css";
+  @import "vuetify/lib/components/VSlideGroup/VSlideGroup.css";
+  @import "vuetify/lib/components/VSlider/VSlider.css";
+  @import "vuetify/lib/components/VSnackbar/VSnackbar.css";
+  @import "vuetify/lib/components/VStepper/VStepper.css";
+  @import "vuetify/lib/components/VSwitch/VSwitch.css";
+  @import "vuetify/lib/components/VSystemBar/VSystemBar.css";
+  @import "vuetify/lib/components/VTable/VTable.css";
+  @import "vuetify/lib/components/VTabs/VTabs.css";
+  @import "vuetify/lib/components/VTextarea/VTextarea.css";
+  @import "vuetify/lib/components/VTextField/VTextField.css";
+  @import "vuetify/lib/components/VThemeProvider/VThemeProvider.css";
+  @import "vuetify/lib/components/VTimeline/VTimeline.css";
+  @import "vuetify/lib/components/VToolbar/VToolbar.css";
+  @import "vuetify/lib/components/VTooltip/VTooltip.css";
+  @import "vuetify/lib/components/VVirtualScroll/VVirtualScroll.css";
+  @import "vuetify/lib/components/VWindow/VWindow.css";
+}
+html [data-vuetify]  {
+  font-family: "Roboto", sans-serif;
+  line-height: 1.5;
+  font-size: 1rem;
+  overflow-x: hidden;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}

package/src/components/modal/MftpWebGL3DRModal.vue

@@ -1,8 +1,13 @@
 <!-- /* c8 ignore start */ -->
 <template>
-  <DemoModal v-model:modal="m_demo" />
-  <DemoPatientModal v-model:modal="m_demoPatient" :is-modal-open="value" />
+  <DemoModal data-vuetify v-model:modal="m_demo" />
+  <DemoPatientModal
+    data-vuetify
+    v-model:modal="m_demoPatient"
+    :is-modal-open="value"
+  />
   <v-dialog
+    data-vuetify
     id="cr-viewer"
     class="pa-0 ma-0 overflow-y-auto overflow-x-hidden"
     :modelValue="value"

package/src/plugins/vuetify.ts

@@ -5,7 +5,7 @@
  */
 
 // Styles
-import "vuetify/styles";
+import "@/assets/styles.scss";
 
 // Composables
 import { createVuetify, IconProps } from "vuetify";