@qispace/vue3-player 0.0.9 → 0.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qispace/vue3-player",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "config": {
     "tag-version-prefix": "v"
   },
@@ -51,7 +51,8 @@
     "vite-plugin-css-injected-by-js": "^3.4.0",
     "vite-plugin-dts": "^3.7.3",
     "vue": "^3.4.15",
-    "vue-tsc": "^1.8.27"
+    "vue-tsc": "^1.8.27",
+    "@qispace/player-core": "1.0.50"
   },
   "dependencies": {
     "@qispace/player-core": "1.0.50",

package/src/components/virtualTourV2/{PlayerV2.vue → Player.vue}

@@ -43,7 +43,7 @@ import { PlayerV2 } from "@qispace/player-core";
 import { isBrowser } from "browser-or-node";
 
 export default {
-  name: "PlayerV2",
+  name: "Player",
   emits: [
     "new-camera-callback",
     "new-rotation-callback",

package/src/components/virtualTourV2/VirtualTourV2.vue

@@ -22,7 +22,7 @@
         @set-background-image="setMinimapBackgroundImage"
       />
       <div v-if="interiorId && currentCameraId">
-        <player-v-2
+        <player
           ref="player"
           :file-loader="fileLoader"
           :style="{ zIndex: showStaticImage ? 1 : 2 }"
@@ -195,7 +195,7 @@
               @select-interior="updateSelectedInterior"
             />
           </template>
-        </player-v-2>
+        </player>
 
         <waypoint-carousel
           v-if="showCarousel && thumbsJSON"
@@ -210,9 +210,8 @@
   </div>
 </template>
 <script>
-import { defineComponent, ref } from "vue";
 import axios from "axios";
-import PlayerV2 from "./PlayerV2.vue";
+import Player from "./Player.vue";
 import WaypointCarousel from "./WaypointCarousel.vue";
 import FloorLevel from "./FloorLevel.vue";
 import SocialShare from "./SocialShare.vue";
@@ -241,7 +240,7 @@ const DEFAULT_PLAYER_SETTINGS = {
   whitePoint: [1, 1, 1],
 };
 
-export default defineComponent({
+export default {
   name: "VirtualTourV2",
   emits: [
     "on-snapshot",
@@ -250,7 +249,7 @@ export default defineComponent({
     "on-camera-update",
   ],
   components: {
-    PlayerV2,
+    Player,
     WaypointCarousel,
     InteriorSelector,
     Compass,
@@ -791,7 +790,7 @@ export default defineComponent({
       this.$emit("save-settings", settings);
     },
   },
-});
+};
 
 function parseTimeOfDay(floatValue) {
   if (floatValue === undefined) return null;

package/src/components/virtualTourV2/index.ts

@@ -0,0 +1,17 @@
+export {default as Compass } from './Compass.vue'
+export {default as Disclaimer } from './Disclaimer.vue'
+export {default as FloorLevel } from './FloorLevel.vue'
+export {default as FullScreenButton } from './FullScreenButton.vue'
+export {default as InteriorSelector } from './InteriorSelector.vue'
+export {default as ManualSlideShow } from './ManualSlideShow.vue'
+export {default as ManualSlideShowPlayer } from './ManualSlideShowPlayer.vue'
+export {default as Player } from './Player.vue'
+export {default as ScrollHelper } from './ScrollHelper.vue'
+export {default as SettingsUI } from './SettingsUI.vue'
+export {default as SingleImage } from './SingleImage.vue'
+export {default as SocialShare } from './SocialShare.vue'
+export {default as TimeOfDay } from './TimeOfDay.vue'
+export {default as Tutorial } from './Tutorial.vue'
+export {default as ViewModeToggle } from './ViewModeToggle.vue'
+export {default as VirtualTourV2 } from './VirtualTourV2.vue'
+export {default as WaypointCarousel } from './WaypointCarousel.vue'

package/src/components/virtualTourV2/minimapv2/MiniMapV2.vue

@@ -28,15 +28,15 @@
   </moveable>
 </template>
 <script>
-import MiniMapMap from './MiniMapMap.vue'
-import Moveable from './Moveable.vue'
-import MinimapCompass from './MinimapCompass.vue'
-import SunsimulationSlider from './SunsimulationSlider.vue'
+import MiniMapMap from "./MiniMapMap.vue";
+import Moveable from "./Moveable.vue";
+import MinimapCompass from "./MinimapCompass.vue";
+import SunsimulationSlider from "./SunsimulationSlider.vue";
 
 export default {
   components: { MiniMapMap, Moveable, MinimapCompass, SunsimulationSlider },
-  name: 'MiniMapV2',
-  emits: ['close', 'set-background-image'],
+  name: "MiniMapV2",
+  emits: ["close", "set-background-image"],
   props: {
     minimapJSON: {
       type: Array,
@@ -74,31 +74,31 @@ export default {
   data() {
     return {
       transformAngle: 0,
-    }
+    };
   },
   computed: {
     scale() {
-      let scale = 1
+      let scale = 1;
       if (this.transformAngle !== 0) {
         if (Math.abs(this.transformAngle) % 180 === 0) {
-          scale = 1
+          scale = 1;
         } else {
-          scale = -1
+          scale = -1;
         }
       }
 
-      return scale
+      return scale;
     },
   },
   methods: {
     setBackgroundImage(image) {
-      this.$emit('set-background-image', image)
+      this.$emit("set-background-image", image);
     },
     transform() {
-      this.transformAngle = this.transformAngle + 90
+      this.transformAngle = this.transformAngle + 90;
     },
   },
-}
+};
 </script>
 <style scoped>
 .minimap-compass {

package/src/components/virtualTourV2/minimapv2/index.ts

@@ -0,0 +1 @@
+export { default as MiniMapV2 } from './MiniMapV2.vue'

package/src/lib/index.js

@@ -1,4 +1,3 @@
 export * from './apartmentChooser'
 export * from './buildingPicker'
 export * from './shared'
-// export * from './virtualTour'

package/src/components/virtualTourV2/index.js

@@ -1,2 +0,0 @@
-export { default as ManualSlideShow } from './ManualSlideShow.vue'
-export { default as VirtualTourV2 } from './VirtualTourV2.vue'

package/src/components/virtualTourV2/minimapv2/index.js

@@ -1 +0,0 @@
-export { default as MiniMapV2 } from './MiniMapV2'