@3cr/viewer-browser 0.0.15 → 0.0.18

package/src/components/SliderSelector.vue

@@ -5,12 +5,12 @@ import {computed, defineEmits} from 'vue';
 
 export interface Props {
   value: number;
-  loading: boolean;
-  label: string;
-  min: number;
-  max: number;
-  step: number,
-  prepend: string,
+  loading?: boolean;
+  label?: string;
+  min?: number;
+  max?: number;
+  step?: number,
+  prepend?: string,
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -23,59 +23,40 @@ const props = withDefaults(defineProps<Props>(), {
   prepend: '',
 });
 const emit = defineEmits<{
-  input: [number];
+  'update:value': [number];
 }>();
 const sliderValue = computed({
   get() {
     return props.value
   },
   set(value: number) {
-    emit('input', value);
+    emit('update:value', value);
   }
 })
 </script>
 
 <template>
   <div class="single-slider-selector">
-    <!--    <v-card-subtitle class="pb-0 pt-1 text-caption">{{ label }}</v-card-subtitle>-->
-    <v-card-actions class="px-2 pb-0">
-      <span class="text-caption">
-        {{ label }}
-      </span>
-      <v-spacer />
-      <v-text-field
-        v-model="sliderValue"
-        outlined
-        dense
-        class="mt-0 pt-0"
-        hide-details
-        type="number"
-        :append-icon="prepend"
-        style="width: 44px"
-      ></v-text-field>
-    </v-card-actions>
-    <!--    <v-slider-->
-    <!--      v-model="sliderValue"-->
-    <!--      :loading="loading"-->
-    <!--      thumb-label-->
-    <!--      :max="max"-->
-    <!--      :min="min"-->
-    <!--      :step="step"-->
-    <!--      hide-details-->
-    <!--      class="align-center px-2 black&#45;&#45;text"-->
-    <!--    >-->
-    <!--      &lt;!&ndash;      <template v-slot:append>&ndash;&gt;-->
-    <!--      &lt;!&ndash;        <v-text-field&ndash;&gt;-->
-    <!--      &lt;!&ndash;          v-model="sliderValue"&ndash;&gt;-->
-    <!--      &lt;!&ndash;          outlined&ndash;&gt;-->
-    <!--      &lt;!&ndash;          hide-details&ndash;&gt;-->
-    <!--      &lt;!&ndash;          dense&ndash;&gt;-->
-    <!--      &lt;!&ndash;          class="mt-0 pt-0 ml-2"&ndash;&gt;-->
-    <!--      &lt;!&ndash;          type="number"&ndash;&gt;-->
-    <!--      &lt;!&ndash;          style="width: 68px"&ndash;&gt;-->
-    <!--      &lt;!&ndash;        ></v-text-field>&ndash;&gt;-->
-    <!--      &lt;!&ndash;      </template>&ndash;&gt;-->
-    <!--    </v-slider>-->
+    <v-row no-gutters>
+      <v-col>
+        <span class="text-caption">
+          {{ label }}
+        </span>
+      </v-col>
+      <v-col cols="6">
+        <v-text-field
+          v-model="sliderValue"
+          outlined
+          dense
+          class="mt-0 pt-0"
+          hide-details
+          variant="outlined"
+          density="compact"
+          type="number"
+          :append-icon="prepend"
+        ></v-text-field>
+      </v-col>
+    </v-row>
   </div>
 </template>
 

package/src/components/VerticalSliderSelector.vue

@@ -3,12 +3,12 @@ import {computed, defineEmits, ref, unref, watch} from 'vue';
 
 export interface Props {
   value: number;
-  loading: boolean;
-  label: string;
-  lower: number;
-  upper: number;
-  min: number;
-  max: number;
+  loading?: boolean;
+  label?: string;
+  lower?: number;
+  upper?: number;
+  min?: number;
+  max?: number;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -22,7 +22,7 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 const emit = defineEmits<{
-  input: [number];
+  'update:value': [number];
 }>();
 
 const prevValue = ref<number>(0)
@@ -33,7 +33,7 @@ const sliderValue = computed({
     return props.value
   },
   set(value: number) {
-    emit('input', value);
+    emit('update:value', value);
   }
 })
 

package/src/plugins/vuetify.ts

@@ -15,7 +15,7 @@ import { aliases, md } from 'vuetify/iconsets/md'
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
-    defaultTheme: 'dark',
+    defaultTheme: 'light',
   },
   icons: {
     defaultSet: 'md',

package/tsconfig.build-scripts.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "commonjs",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM", "ES2015"],
+    "skipLibCheck": true,
+    "noEmit": false,
+    "outDir": ".",
+    "allowJs": true,
+    "rootDir": "."
+  },
+  "exclude": ["!./scripts"],
+  "include": [
+    "scripts/**/*.ts"
+  ]
+}

package/vite.config.mts

@@ -39,6 +39,7 @@ export default defineConfig({
       formats: ['cjs', 'es', 'umd'],
     },
     rollupOptions: {
+      treeshake: 'smallest',
       // make sure to externalize deps that shouldn't be bundled
       // into your library
       external: [

package/.idea/git_toolbox_prj.xml

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="GitToolBoxProjectSettings">
-    <option name="commitMessageIssueKeyValidationOverride">
-      <BoolValueOverride>
-        <option name="enabled" value="true" />
-      </BoolValueOverride>
-    </option>
-    <option name="commitMessageValidationEnabledOverride">
-      <BoolValueOverride>
-        <option name="enabled" value="true" />
-      </BoolValueOverride>
-    </option>
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
-  </component>
-</project>

package/.idea/workspace.xml

@@ -1,218 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="AutoImportSettings">
-    <option name="autoReloadType" value="SELECTIVE" />
-  </component>
-  <component name="ChangeListManager">
-    <list default="true" id="feb68f38-3ed5-44bb-a81b-c68f1e9d5e48" name="Changes" comment="initial">
-      <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/index.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/App.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/MftpWebGL3DRModal.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/MftpWebGL3DRModal.vue" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/main.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/main.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/vite.config.mts" beforeDir="false" afterPath="$PROJECT_DIR$/vite.config.mts" afterDir="false" />
-    </list>
-    <option name="SHOW_DIALOG" value="false" />
-    <option name="HIGHLIGHT_CONFLICTS" value="true" />
-    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
-    <option name="LAST_RESOLUTION" value="IGNORE" />
-  </component>
-  <component name="FileTemplateManagerImpl">
-    <option name="RECENT_TEMPLATES">
-      <list>
-        <option value="TypeScript File" />
-      </list>
-    </option>
-  </component>
-  <component name="Git.Settings">
-    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
-  </component>
-  <component name="GitLabMergeRequestsSettings"><![CDATA[{}]]></component>
-  <component name="GitToolBoxStore">
-    <option name="projectConfigVersion" value="5" />
-  </component>
-  <component name="GithubPullRequestsUISettings"><![CDATA[{}]]></component>
-  <component name="ProjectColorInfo"><![CDATA[{
-  "associatedIndex": 2
-}]]></component>
-  <component name="ProjectId" id="2ecHzRIf6ZttKwXfV7cjWRM6Bwl" />
-  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
-  <component name="ProjectViewState">
-    <option name="hideEmptyMiddlePackages" value="true" />
-    <option name="showLibraryContents" value="true" />
-  </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "git-widget-placeholder": "main",
-    "last_opened_file_path": "/Users/elliottcooper/source/3cr-viewer-browser",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_package_manager_path": "npm",
-    "npm.build.executor": "Run",
-    "npm.deploy.executor": "Run",
-    "npm.dev.executor": "Run",
-    "npm.test.executor": "Run",
-    "ts.external.directory.path": "/Users/elliottcooper/Applications/WebStorm.app/Contents/plugins/javascript-impl/jsLanguageServicesImpl/external",
-    "vue.rearranger.settings.migration": "true"
-  }
-}]]></component>
-  <component name="RecentsManager">
-    <key name="CopyFile.RECENT_KEYS">
-      <recent name="$PROJECT_DIR$" />
-      <recent name="$PROJECT_DIR$/src/types" />
-      <recent name="$PROJECT_DIR$/src/assets/images" />
-      <recent name="$PROJECT_DIR$/src/helpers" />
-      <recent name="$PROJECT_DIR$/src" />
-    </key>
-    <key name="MoveFile.RECENT_KEYS">
-      <recent name="$PROJECT_DIR$" />
-      <recent name="$PROJECT_DIR$/src/helpers" />
-      <recent name="$PROJECT_DIR$/src" />
-    </key>
-  </component>
-  <component name="RunManager" selected="npm.deploy">
-    <configuration name="build" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
-      <package-json value="$PROJECT_DIR$/package.json" />
-      <command value="run" />
-      <scripts>
-        <script value="build" />
-      </scripts>
-      <node-interpreter value="project" />
-      <envs />
-      <method v="2" />
-    </configuration>
-    <configuration name="deploy" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
-      <package-json value="$PROJECT_DIR$/package.json" />
-      <command value="run" />
-      <scripts>
-        <script value="deploy" />
-      </scripts>
-      <node-interpreter value="project" />
-      <envs />
-      <method v="2" />
-    </configuration>
-    <configuration name="dev" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
-      <package-json value="$PROJECT_DIR$/package.json" />
-      <command value="run" />
-      <scripts>
-        <script value="dev" />
-      </scripts>
-      <node-interpreter value="project" />
-      <envs />
-      <method v="2" />
-    </configuration>
-    <configuration name="test" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
-      <package-json value="$PROJECT_DIR$/package.json" />
-      <command value="run" />
-      <scripts>
-        <script value="test" />
-      </scripts>
-      <node-interpreter value="project" />
-      <envs />
-      <method v="2" />
-    </configuration>
-    <recent_temporary>
-      <list>
-        <item itemvalue="npm.deploy" />
-        <item itemvalue="npm.dev" />
-        <item itemvalue="npm.build" />
-        <item itemvalue="npm.test" />
-      </list>
-    </recent_temporary>
-  </component>
-  <component name="SharedIndexes">
-    <attachedChunks>
-      <set>
-        <option value="bundled-js-predefined-1d06a55b98c1-74d2a5396914-JavaScript-WS-241.14494.180" />
-      </set>
-    </attachedChunks>
-  </component>
-  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
-  <component name="TaskManager">
-    <task active="true" id="Default" summary="Default task">
-      <changelist id="feb68f38-3ed5-44bb-a81b-c68f1e9d5e48" name="Changes" comment="" />
-      <created>1712197208124</created>
-      <option name="number" value="Default" />
-      <option name="presentableId" value="Default" />
-      <updated>1712197208124</updated>
-      <workItem from="1712197209295" duration="36560000" />
-    </task>
-    <task id="LOCAL-00001" summary="initial">
-      <option name="closed" value="true" />
-      <created>1712535511451</created>
-      <option name="number" value="00001" />
-      <option name="presentableId" value="LOCAL-00001" />
-      <option name="project" value="LOCAL" />
-      <updated>1712535511451</updated>
-    </task>
-    <task id="LOCAL-00002" summary="initial">
-      <option name="closed" value="true" />
-      <created>1712542062900</created>
-      <option name="number" value="00002" />
-      <option name="presentableId" value="LOCAL-00002" />
-      <option name="project" value="LOCAL" />
-      <updated>1712542062900</updated>
-    </task>
-    <task id="LOCAL-00003" summary="initial">
-      <option name="closed" value="true" />
-      <created>1712542100525</created>
-      <option name="number" value="00003" />
-      <option name="presentableId" value="LOCAL-00003" />
-      <option name="project" value="LOCAL" />
-      <updated>1712542100525</updated>
-    </task>
-    <task id="LOCAL-00004" summary="initial">
-      <option name="closed" value="true" />
-      <created>1712542119883</created>
-      <option name="number" value="00004" />
-      <option name="presentableId" value="LOCAL-00004" />
-      <option name="project" value="LOCAL" />
-      <updated>1712542119883</updated>
-    </task>
-    <task id="LOCAL-00005" summary="initial">
-      <option name="closed" value="true" />
-      <created>1712542969695</created>
-      <option name="number" value="00005" />
-      <option name="presentableId" value="LOCAL-00005" />
-      <option name="project" value="LOCAL" />
-      <updated>1712542969695</updated>
-    </task>
-    <option name="localTasksCounter" value="6" />
-    <servers />
-  </component>
-  <component name="TypeScriptGeneratedFilesManager">
-    <option name="version" value="3" />
-  </component>
-  <component name="Vcs.Log.Tabs.Properties">
-    <option name="TAB_STATES">
-      <map>
-        <entry key="MAIN">
-          <value>
-            <State />
-          </value>
-        </entry>
-      </map>
-    </option>
-  </component>
-  <component name="VcsManagerConfiguration">
-    <MESSAGE value="initial" />
-    <option name="LAST_COMMIT_MESSAGE" value="initial" />
-  </component>
-  <component name="XDebuggerManager">
-    <breakpoint-manager>
-      <breakpoints>
-        <line-breakpoint enabled="true" type="javascript">
-          <url>file://$PROJECT_DIR$/node_modules/@3cr/sdk-browser/index.ts</url>
-          <line>25</line>
-          <properties lambdaOrdinal="-1" />
-          <option name="timeStamp" value="1" />
-        </line-breakpoint>
-      </breakpoints>
-    </breakpoint-manager>
-  </component>
-</project>