@qispace/vue3-player 0.1.58 → 0.1.60

package/dist/vue-components/src/components/virtualTour/VVirtualTour.vue.d.ts

@@ -3,6 +3,7 @@ import { CdnFileResolverCallback, I18NConfig } from '../types';
 import { ApartmentJson, PlayerSettings } from './types';
 
 declare function updateSelectedInterior(value: string): void;
+declare function takeSnapshot(): Promise<CameraSnapshot>;
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     cdnFileResolver: CdnFileResolverCallback;
     apartmentId: string;
@@ -59,6 +60,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     hasMarkersJson: boolean;
 }>, {
     updateSelectedInterior: typeof updateSelectedInterior;
+    takeSnapshot: typeof takeSnapshot;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     onError: (error: Error) => void;
     saveSettings: (playerSettings: PlayerSettings) => void;

package/dist/vue-components/style.css

@@ -1 +1 @@
-@media (hover: hover){.hover-check[data-v-eb9b348d]{display:none}}#canvas[data-v-27d7323f]{position:absolute;top:0;width:100%;-webkit-user-select:none;user-select:none;touch-action:none;padding-top:56.25%}#canvas-mask[data-v-27d7323f]{position:absolute;top:0;max-width:100%;z-index:4;-webkit-user-select:none;user-select:none}@media only screen and (min-width: 1280px){#canvas[data-v-27d7323f]{border-radius:10px}}#container[data-v-e6c054c7]{position:absolute;top:0;width:100%;-webkit-user-select:none;user-select:none;touch-action:none;padding-top:56.25%}.svg-container[data-v-e6c054c7]{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in-out}.svg-container[data-v-e6c054c7],svg[data-v-e6c054c7]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10000}svg g[data-v-e6c054c7] path{cursor:pointer;stroke-width:inherit!important;stroke-opacity:inherit!important;stroke:inherit!important;fill:inherit!important;fill-opacity:inherit!important;transition-property:fill-opacity,fill;transition-duration:.25s;transition-timing-function:ease-in-out}@media only screen and (min-width: 1280px){#canvas[data-v-e6c054c7]{border-radius:10px}}.v-btn[data-v-44ed308e]{background-color:#fff}.frame-container[data-v-0c291cb9]{position:relative;max-width:100%;top:0;left:0;bottom:185px;padding-top:56%;z-index:1;overflow:hidden}.frame-image[data-v-0c291cb9]{position:absolute;top:0;width:100%;height:100%}.frame-image img[data-v-0c291cb9]{min-width:100%;max-width:100%;z-index:0}#image-stack picture[data-v-0c291cb9]{visibility:hidden}#image-stack picture.show[data-v-0c291cb9]{visibility:visible}.fill-parent[data-v-0c291cb9]{position:absolute;top:0;bottom:0;left:0;right:0}.floating-card[data-v-7d5e6067]{position:absolute;left:0;top:0;z-index:10;display:flex;transition:transform .1s ease-in-out}.is-not-hoverable[data-v-7d5e6067]{position:relative;width:100%}.v-dialog__content[data-v-7d5e6067]{align-items:flex-start}.zoom-box-container[data-v-e5638bde]{width:100%;height:100%;left:0;top:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.zoom-box[data-v-e5638bde]{width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.interactive-viewer[data-v-528c8f5b]{padding-top:56.65%;position:relative}.fill-parent[data-v-528c8f5b]{position:absolute;top:0;bottom:0;left:0;right:0}.navigation[data-v-528c8f5b]{position:absolute;width:100%;bottom:32px;z-index:99;padding:0 20px;display:flex;justify-content:center}@media only screen and (max-width: 900px){.navigation[data-v-528c8f5b]{position:absolute;bottom:0;scale:.5;width:200%!important;transform:translate(-50%)}}img[data-v-189d0505]{position:relative;display:block;z-index:1}img[data-v-10ab7bee]{position:relative;display:block;z-index:3}.top-left[data-v-10ab7bee]{top:0;left:0}.small[data-v-f0aa5473]{font-size:80%}.top-left[data-v-6a295c78]{top:0;left:0}div[data-v-6a295c78] svg g{cursor:pointer;transition-property:fill,stroke;transition-duration:.25s;transition-timing-function:ease-in-out}.v-enter-active[data-v-6a295c78]{transition:opacity .25s ease-in-out}.v-leave-active[data-v-6a295c78]{transition:opacity 0ms ease-in-out}.v-enter-from[data-v-6a295c78],.v-leave-to[data-v-6a295c78]{opacity:0}.v-leave-from[data-v-6a295c78],.v-enter-to[data-v-6a295c78]{opacity:1}.actions-bar[data-v-400d4a42]{position:absolute;flex-wrap:wrap}.actions-bar>div[data-v-400d4a42]{flex-basis:25%}.actions-bar>div[data-v-400d4a42]:last-child{flex-basis:50%}.actions-bar[data-v-400d4a42]{opacity:.5;transition:opacity .5s ease}.actions-bar[data-v-400d4a42]:hover,.mobile .actions-bar[data-v-400d4a42]{opacity:1}.mobile .actions-bar.compact[data-v-400d4a42]{position:relative}.mobile .actions-bar>div[data-v-400d4a42]{flex-basis:50%}.mobile .actions-bar>div[data-v-400d4a42]:last-child{flex-basis:100%}.hover-bar[data-v-400d4a42]{position:absolute}.top-left[data-v-400d4a42]{top:0;left:0}.bottom-right[data-v-400d4a42],.bottom-right-compact[data-v-400d4a42]{bottom:0;right:0}.mobile .bottom-right-compact[data-v-400d4a42]{bottom:inherit;right:0}.v-enter-from[data-v-400d4a42]{opacity:0}.v-enter-active[data-v-400d4a42]{transition:opacity .5s ease}.v-enter-to[data-v-400d4a42]{opacity:1}.sunsim-time-label[data-v-d5a3d3f8]{color:#000;vertical-align:top}.sunsim-date[data-v-d5a3d3f8]{background:#fff;border-radius:30px;min-height:36px;min-width:170px;display:flex;align-content:center;white-space:nowrap}.day-selector[data-v-d5a3d3f8]{margin-top:0}.day-selector[data-v-d5a3d3f8] .v-field__outline{display:none}.day-selector[data-v-d5a3d3f8] .v-field__input{padding-top:2px}.day-selector[data-v-d5a3d3f8] .v-field__append-inner{padding-top:5px!important}.day-selector.v-text-field[data-v-d5a3d3f8] .v-input__control>.v-input__slot:before{border-style:none}.day-selector.v-text-field[data-v-d5a3d3f8] .v-input__control>.v-input__slot:after{border-style:none}.sunsim-slider[data-v-d5a3d3f8] .v-slider-track__background{background:linear-gradient(270deg,#8183c2,#ffb9b9 20.01%,#b2dfff 40.1%,#b2dfff 59.85%,#ffba96 79.96%,#8183c2)!important}.sunsim-bar-wrapper[data-v-d5a3d3f8]{display:flex;position:absolute;width:60%;min-width:400px;top:12px;left:0;z-index:3;touch-action:none;pointer-events:none}.sunsim-wrapper[data-v-d5a3d3f8]{width:100%;background:#fff;border-radius:30px;padding:5px;min-height:16px;z-index:3}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8]{margin-right:12px;margin-left:12px}.sunsim-wrapper[data-v-d5a3d3f8],.sunsim-date[data-v-d5a3d3f8]{touch-action:auto;pointer-events:all}.sunsim-wrapper .mdi-white-balance-sunny[data-v-d5a3d3f8]{color:#ffab02;vertical-align:baseline;font-size:20px}@media only screen and (max-width: 980px) and (min-width: 500px){.sunsim-bar-wrapper[data-v-d5a3d3f8]{top:101%;width:100%}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8]{margin-left:0}}@media only screen and (max-width: 980px) and (min-width: 500px) and (orientation: landscape){.sunsim-bar-wrapper[data-v-d5a3d3f8]{top:calc(100% + 8px);width:100%}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8]{margin-left:0}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8],.sunsim-bar-wrapper .sunsim-wrapper[data-v-d5a3d3f8]{box-shadow:0 0 7px 1px #aaa}}@media only screen and (max-width: 500px){.sunsim-bar-wrapper[data-v-d5a3d3f8]{height:calc(100% + 84px);top:0;width:100%;flex-direction:column;justify-content:space-between;margin:-42px 0 0;padding:0;left:0;z-index:0;min-width:100%}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8]{margin-right:0;margin-left:0}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8],.sunsim-bar-wrapper .sunsim-wrapper[data-v-d5a3d3f8]{width:100%;border-radius:0;left:0;margin-left:0!important;box-shadow:0 0 7px 1px #aaa}}.image-instance[data-v-8d357c5f]{position:absolute;width:100%;opacity:0}.image-instance.active[data-v-8d357c5f]{opacity:1}.north-indicator[data-v-5e1006a9]{position:absolute;right:0;top:0;height:42px;width:42px;margin-top:12px;margin-right:8px}.image-container[data-v-5e1006a9]{position:relative}.image-instances[data-v-5e1006a9]{position:relative;width:100%;height:100%}canvas[data-v-5e1006a9]{position:absolute;left:0;top:0;z-index:2;opacity:0}.fill-parent[data-v-5e1006a9]{position:absolute;top:0;bottom:0;left:0;right:0}.svg-container[data-v-5e1006a9]{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in-out}.svg-container[data-v-5e1006a9],svg[data-v-5e1006a9]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10000}svg g[data-v-5e1006a9] path{cursor:pointer;stroke-width:inherit!important;stroke-opacity:inherit!important;stroke:inherit!important;fill:inherit!important;fill-opacity:inherit!important;transition-property:fill-opacity,fill;transition-duration:.25s;transition-timing-function:ease-in-out}svg g.restricted[data-v-5e1006a9] path{cursor:default!important}@media only screen and (max-width: 980px) and (min-width: 500px) and (orientation: landscape){div.image-container[data-v-5e1006a9]{margin-top:44px}}@media only screen and (max-width: 500px){div.image-container[data-v-5e1006a9]{margin-top:44px;margin-bottom:44px}}.overlay[data-v-9e4cdd0e]{z-index:1!important;opacity:1;transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in-out}.north-indicator[data-v-088f521e]{position:absolute;right:0;top:0;height:42px;width:42px;margin-top:12px;margin-right:8px}.image-container[data-v-088f521e]{position:relative}.image-instances[data-v-088f521e]{position:relative;width:100%;height:100%}canvas[data-v-088f521e]{position:absolute;left:0;top:0;z-index:2;opacity:0}.fill-parent[data-v-088f521e]{position:absolute;top:0;bottom:0;left:0;right:0}@media only screen and (max-width: 980px) and (min-width: 500px) and (orientation: landscape){div.image-container[data-v-088f521e]{margin-top:44px}}@media only screen and (max-width: 500px){div.image-container[data-v-088f521e]{margin-top:44px;margin-bottom:44px}}img[data-v-98118455]{position:relative;display:block;z-index:1}.small[data-v-99b853f4]{font-size:80%}.top-left[data-v-37109c67]{top:0;left:0}div[data-v-37109c67] svg g{cursor:pointer;transition-property:fill,stroke;transition-duration:.25s;transition-timing-function:ease-in-out}.v-enter-active[data-v-37109c67]{transition:opacity .25s ease-in-out}.v-leave-active[data-v-37109c67]{transition:opacity 0ms ease-in-out}.v-enter-from[data-v-37109c67],.v-leave-to[data-v-37109c67]{opacity:0}.v-leave-from[data-v-37109c67],.v-enter-to[data-v-37109c67]{opacity:1}.actions-bar[data-v-fb406f0f]{position:absolute;flex-wrap:wrap}.actions-bar>div[data-v-fb406f0f]{flex-basis:25%}.actions-bar>div[data-v-fb406f0f]:last-child{flex-basis:50%}.actions-bar[data-v-fb406f0f]:hover,.mobile .actions-bar[data-v-fb406f0f]{opacity:1}.mobile .actions-bar.compact[data-v-fb406f0f]{position:relative}.mobile .actions-bar>div[data-v-fb406f0f]{flex-basis:50%}.mobile .actions-bar>div[data-v-fb406f0f]:last-child{flex-basis:100%}.hover-bar[data-v-fb406f0f]{position:absolute}.top-left[data-v-fb406f0f]{top:0;left:0}.bottom-right[data-v-fb406f0f],.bottom-right-compact[data-v-fb406f0f]{bottom:0;right:0}.mobile .bottom-right-compact[data-v-fb406f0f]{bottom:inherit;right:0}.v-enter-from[data-v-fb406f0f]{opacity:0}.v-enter-active[data-v-fb406f0f]{transition:opacity .5s ease}.v-enter-to[data-v-fb406f0f]{opacity:1}.actions-bar[data-v-fb406f0f]{opacity:.5;transition:opacity .5s ease}.actions-bar[data-v-fb406f0f]:hover{opacity:1}#player-wrapper[data-v-434c2592]{position:relative;width:100%;height:100%}#player-sizer[data-v-434c2592]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}div#main-canvas[data-v-434c2592]{width:100%;height:100%}.player-control[data-v-434c2592]{display:flex;position:absolute;z-index:3}#controls-top-left[data-v-434c2592]{top:10px;left:10px}#controls-top-center[data-v-434c2592]{top:10px;left:50%;transform:translate(-50%);z-index:4;flex-direction:column}#controls-top-right[data-v-434c2592]{top:10px;right:10px;justify-content:flex-end;align-content:flex-end}#controls-center-left[data-v-434c2592]{left:10px;top:50%;transform:translateY(-50%)}#controls-center-center[data-v-434c2592]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:space-around;z-index:20}#controls-center-right[data-v-434c2592]{top:50%;right:10px;transform:translateY(-50%);justify-content:flex-end;align-items:center}#controls-bottom-left[data-v-434c2592]{bottom:10px;left:10px;z-index:5}#controls-bottom-center[data-v-434c2592]{bottom:10px;left:50%;transform:translate(-50%);align-items:flex-end;justify-content:space-around;z-index:4}#controls-bottom-right[data-v-434c2592]{bottom:10px;right:10px;justify-content:flex-end;align-content:flex-end;align-items:flex-end;z-index:5}.btn-placeholder[data-v-5ce91d8e]{width:36px;height:36px}.v-btn[data-v-5ce91d8e]{background-color:#fff;pointer-events:all;cursor:auto}.floor-level-label[data-v-5ce91d8e]{text-transform:capitalize}.v-image[data-v-3cf3c177]{background-color:#aaa}.interior-selector-list[data-v-3cf3c177]{box-shadow:none!important;padding:10px;background:transparent!important}.interior-selector-list-item[data-v-3cf3c177]{padding:0;padding-inline-start:0!important;background-color:#fff;border:2px solid #fff;transition:transform .2s cubic-bezier(.17,.67,.83,.67);margin-top:10px}.interior-selector-list-item[data-v-3cf3c177]:hover{transform:translate(-5px);border:2px solid #4caf50}.interior-selector-list-item .v-list-item-title[data-v-3cf3c177]{word-break:break-word}.compass-needle{transition:transform .5s;transition-timing-function:ease-out}@media screen and (max-width: 600px){.compass-wrapper{scale:.9}}.clock-face[data-v-cd73fd81]{margin-left:10px;height:50px;width:50px;background-color:#fff;border-radius:50%}.clock-value[data-v-cd73fd81]{font-size:11px}.clock-icon[data-v-cd73fd81]{width:18px}@media screen and (max-width: 600px){.clock-face[data-v-cd73fd81]{margin-left:0;scale:.8}}.fill-grey[data-v-f59c4942]{fill:#afafaf}.tutorial[data-v-ccf327cb]{color:#000;padding:10px;text-align:center;background-color:#fff;border-radius:5px;line-height:20px;-webkit-box-shadow:4px 9px 15px 0px rgba(0,0,0,.75);-moz-box-shadow:4px 9px 15px 0px rgba(0,0,0,.75);box-shadow:4px 9px 15px #000000bf}.tutorial-icon[data-v-ccf327cb]{border:1.5px solid #e0e0e0;border-radius:5px;width:140px;height:75px}.text[data-v-ccf327cb]{font-size:.8em;line-height:1}.box.col[data-v-ccf327cb]{max-width:180px!important}.tablet-mobile-content[data-v-ccf327cb]{min-width:240px}.box.horizontal[data-v-ccf327cb]{display:flex;align-items:center}.tablet-mobile-content .tutorial-icon[data-v-ccf327cb]{width:100px;height:65px}.tablet-mobile-content .text[data-v-ccf327cb]{text-align:left}.tutorial-buttons .v-messages[data-v-ccf327cb]{display:none!important}.settings-panel[data-v-bd4f66c3]{min-width:500px;height:500px;overflow-y:scroll}form#settings-ui-form[data-v-bd4f66c3]{background:#fff9;border-radius:5px;padding:10px}#settings-ui-form .form-inputs[data-v-bd4f66c3]{height:60vh;overflow-y:scroll;padding-bottom:50px;scrollbar-color:#0c0e4a transparent;scrollbar-width:thin;padding-right:20px}#moveableDiv[data-v-30593022]{position:fixed;z-index:15;background-color:#fff;border:1px solid #d3d3d3}#moveableDivHeader[data-v-30593022]{cursor:move;z-index:10}.big[data-v-30593022]{width:512px;height:440px;top:50%;left:50%;transform:translate(-50%,-50%)}.small[data-v-30593022]{width:250px;height:300px;bottom:10px;right:10px;transform:translate(0)}.sizer[data-v-30593022]{overflow:hidden;min-width:250px;min-height:300px;max-width:700px;max-height:531px}.resize-icon[data-v-30593022]{position:absolute;top:5px;right:5px;z-index:11}.rotate-icon[data-v-30593022]{position:absolute;top:5px;right:45px;z-index:12}.close-icon[data-v-30593022]{position:absolute;top:5px;left:5px;z-index:11}.moveable-body[data-v-30593022]{z-index:1}.moveable-footer[data-v-30593022]{width:100%;height:50px;margin-bottom:10px;background:#fff;z-index:2}.filler-div[data-v-30593022]{display:none}@media only screen and (max-width: 600px){.sizer[data-v-30593022]{overflow:hidden;max-width:90%;max-height:80vh}}.stop1{stop-color:#fff}.stop2{stop-color:#fff;stop-opacity:0}.stop3{stop-color:transparent}.minimap-container[data-v-1a6129d7]{position:relative}.web-minimap[data-v-1a6129d7]{position:relative;width:512px;height:385px;overflow:hidden;transition:transform .5s ease-in}@media (max-width: 650px){.web-minimap[data-v-1a6129d7]{scale:.7}}@media (max-width: 480px){.web-minimap[data-v-1a6129d7]{scale:.5}}.minimap-background-image[data-v-1a6129d7]{position:absolute;width:100%;height:100%}.single-camera-marker[data-v-1a6129d7]{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;z-index:2;transform:translate(-50%,-50%);border:0px}.rotation-marker-component[data-v-1a6129d7]{z-index:3;position:absolute;width:80px;height:80px;transform:translate(-50%,-50%)}.center-pivot[data-v-1a6129d7]{position:absolute;width:100%;height:100%}.minimap-compass[data-v-552c1d19]{width:50px}.ss-wrapper[data-v-b2f12eb0]{display:flex;flex-direction:row;justify-content:space-between;margin:0 10px;position:relative;z-index:100}.sun-icon[data-v-b2f12eb0]{width:10%}.slider[data-v-b2f12eb0]{display:flex;flex-direction:column;flex:1 1 auto;padding:3px 0}i.v-icon.notranslate.mdi.mdi-white-balance-sunny.theme--light[data-v-b2f12eb0]{font-size:40px;color:#ffab02;padding:5px}.time-label[data-v-b2f12eb0]{padding:0;display:inline-block;margin-top:-10px;margin-left:50px}.minimap-compass[data-v-898e645b]{position:absolute;right:5px;top:50px;z-index:11}.disclaimer[data-v-046402dc]{padding:4px 10px;text-align:center;background-color:#00000040;border-radius:5px;line-height:20px}.disclaimer span[data-v-046402dc]{cursor:pointer;color:#fff;text-decoration:underline;pointer-events:all}.v-card[data-v-0345b87c]{transition:box-shadow .3s ease-in-out;border:1px solid transparent}[data-v-0345b87c] .v-slide-group__content{justify-content:center}[data-v-0345b87c] .v-slide-group__next--disabled,[data-v-0345b87c] .v-slide-group__prev--disabled{pointer-events:all!important}.align-baseline[data-v-0345b87c]{align-items:baseline}.active-apt[data-v-0345b87c]{border:1.5px solid #4caf50!important}.v-image[data-v-0345b87c]{border-radius:0!important}.single-waypoint[data-v-0345b87c]{width:81px;height:54px}.mobile.carousel-button[data-v-0345b87c]{scale:.7}.mobileWaypoint .single-waypoint[data-v-0345b87c]{margin-top:5px!important;width:63px;height:42px;scale:.95}.desktopWaypointWrapper[data-v-0345b87c]{max-width:50vw}.mobileWaypointWrapper[data-v-0345b87c]{max-width:100vw}#share-btns-wrapper button[data-v-b6e473f1]{margin:0 8px}.v-btn[data-v-b6e473f1]{background-color:#fff;pointer-events:all}.img-div[data-v-31489804]{position:absolute;display:block;height:100%;width:100%;background-size:cover;background-position:center center;z-index:2;left:0;top:0}.static-image-wrapper[data-v-31489804]{background:#fff}.compass-wrapper[data-v-f515fa4c]{width:50px}.player-and-components-wrapper[data-v-f515fa4c]{position:relative;width:100%;height:100%}.static-image[data-v-f515fa4c]{position:absolute;top:0;left:0;width:100%;height:auto}button.v-btn[data-v-f515fa4c]{background:#fff}div#controls-bottom-center>div[data-v-f515fa4c]{display:flex;flex-direction:column;align-items:center}.player-error[data-v-f515fa4c]{min-height:400px;display:flex;align-items:center;justify-content:space-around;background:#ededed}@media only screen and (max-width: 600px){#btn-fullscreen[data-v-f515fa4c]{display:none}}@media all and (orientation: landscape) and (max-height: 499px){#btn-fullscreen[data-v-f515fa4c]{display:none}}.settings-panel[data-v-f515fa4c]{position:absolute;top:0;left:0;z-index:10;width:500px;transform:scale(.8);transform-origin:left}.virtual-tour-wrapper[data-v-f515fa4c],.v-player.platform-desktop[data-v-f515fa4c]{width:100%;height:100%}@media screen and (min-width: 900px){.v-player.platform-desktop[data-v-f515fa4c]{height:100%}}@media screen and (min-width: 1600px){.v-player.platform-desktop[data-v-f515fa4c]{height:100%}}.v-player.platform-mobile[data-v-f515fa4c]{width:100%;height:calc(100% - 60px)}.waypoint-carousel.below-player[data-v-f515fa4c]{position:relative;height:50px}@media only screen and (max-width: 960px){#btn-fullscreen[data-v-f515fa4c]{display:none}}#player-wrapper[data-v-5fdd1e05]{position:relative;overflow:hidden}#player-sizer[data-v-5fdd1e05]{display:flex;justify-content:center;align-items:center;overflow:hidden}.player-control[data-v-5fdd1e05]{display:flex;position:absolute;z-index:3}#controls-top-left[data-v-5fdd1e05]{top:10px;left:10px}#controls-top-center[data-v-5fdd1e05]{top:10px;left:50%;transform:translate(-50%);z-index:4}#controls-top-right[data-v-5fdd1e05]{top:10px;right:10px;justify-content:flex-end;align-content:flex-end}#controls-center-left[data-v-5fdd1e05]{left:10px;top:50%;transform:translateY(-50%)}#controls-center-center[data-v-5fdd1e05]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:space-around;z-index:20}#controls-center-right[data-v-5fdd1e05]{top:50%;right:10px;transform:translateY(-50%);justify-content:flex-end;align-items:center}#controls-bottom-left[data-v-5fdd1e05]{bottom:10px;left:10px;z-index:5}#controls-bottom-center[data-v-5fdd1e05]{bottom:10px;left:50%;transform:translate(-50%);align-items:flex-end;justify-content:space-around;z-index:4}#controls-bottom-right[data-v-5fdd1e05]{bottom:10px;right:10px;justify-content:flex-end;align-content:flex-end;align-items:flex-end;z-index:5}.compass-wrapper[data-v-040ac08f]{width:50px}.player-and-components-wrapper[data-v-040ac08f]{position:relative}.static-image[data-v-040ac08f]{position:absolute;top:0;left:0;width:100%;height:auto}button.v-btn[data-v-040ac08f]{background:#fff}.waypoint-carousel.full-screen[data-v-040ac08f]{scale:.5}div#controls-bottom-center>div[data-v-040ac08f]{display:flex;flex-direction:column;align-items:center}.player-error[data-v-040ac08f]{min-height:400px;display:flex;align-items:center;justify-content:space-around;background:#ededed}@media only screen and (max-width: 600px){#btn-fullscreen[data-v-040ac08f]{display:none}}@media all and (orientation: landscape) and (max-height: 499px){#btn-fullscreen[data-v-040ac08f]{display:none}}.mss-image[data-v-040ac08f]{min-height:20vh;max-height:100vh;min-width:80%;max-width:100%}.minimap-compass[data-v-03a5584c]{position:absolute;right:5px;top:50px;z-index:11}
+@media (hover: hover){.hover-check[data-v-eb9b348d]{display:none}}#canvas[data-v-27d7323f]{position:absolute;top:0;width:100%;-webkit-user-select:none;user-select:none;touch-action:none;padding-top:56.25%}#canvas-mask[data-v-27d7323f]{position:absolute;top:0;max-width:100%;z-index:4;-webkit-user-select:none;user-select:none}@media only screen and (min-width: 1280px){#canvas[data-v-27d7323f]{border-radius:10px}}#container[data-v-e6c054c7]{position:absolute;top:0;width:100%;-webkit-user-select:none;user-select:none;touch-action:none;padding-top:56.25%}.svg-container[data-v-e6c054c7]{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in-out}.svg-container[data-v-e6c054c7],svg[data-v-e6c054c7]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10000}svg g[data-v-e6c054c7] path{cursor:pointer;stroke-width:inherit!important;stroke-opacity:inherit!important;stroke:inherit!important;fill:inherit!important;fill-opacity:inherit!important;transition-property:fill-opacity,fill;transition-duration:.25s;transition-timing-function:ease-in-out}@media only screen and (min-width: 1280px){#canvas[data-v-e6c054c7]{border-radius:10px}}.v-btn[data-v-44ed308e]{background-color:#fff}.frame-container[data-v-0c291cb9]{position:relative;max-width:100%;top:0;left:0;bottom:185px;padding-top:56%;z-index:1;overflow:hidden}.frame-image[data-v-0c291cb9]{position:absolute;top:0;width:100%;height:100%}.frame-image img[data-v-0c291cb9]{min-width:100%;max-width:100%;z-index:0}#image-stack picture[data-v-0c291cb9]{visibility:hidden}#image-stack picture.show[data-v-0c291cb9]{visibility:visible}.fill-parent[data-v-0c291cb9]{position:absolute;top:0;bottom:0;left:0;right:0}.floating-card[data-v-7d5e6067]{position:absolute;left:0;top:0;z-index:10;display:flex;transition:transform .1s ease-in-out}.is-not-hoverable[data-v-7d5e6067]{position:relative;width:100%}.v-dialog__content[data-v-7d5e6067]{align-items:flex-start}.zoom-box-container[data-v-e5638bde]{width:100%;height:100%;left:0;top:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.zoom-box[data-v-e5638bde]{width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.interactive-viewer[data-v-528c8f5b]{padding-top:56.65%;position:relative}.fill-parent[data-v-528c8f5b]{position:absolute;top:0;bottom:0;left:0;right:0}.navigation[data-v-528c8f5b]{position:absolute;width:100%;bottom:32px;z-index:99;padding:0 20px;display:flex;justify-content:center}@media only screen and (max-width: 900px){.navigation[data-v-528c8f5b]{position:absolute;bottom:0;scale:.5;width:200%!important;transform:translate(-50%)}}img[data-v-189d0505]{position:relative;display:block;z-index:1}img[data-v-10ab7bee]{position:relative;display:block;z-index:3}.top-left[data-v-10ab7bee]{top:0;left:0}.small[data-v-f0aa5473]{font-size:80%}.top-left[data-v-6a295c78]{top:0;left:0}div[data-v-6a295c78] svg g{cursor:pointer;transition-property:fill,stroke;transition-duration:.25s;transition-timing-function:ease-in-out}.v-enter-active[data-v-6a295c78]{transition:opacity .25s ease-in-out}.v-leave-active[data-v-6a295c78]{transition:opacity 0ms ease-in-out}.v-enter-from[data-v-6a295c78],.v-leave-to[data-v-6a295c78]{opacity:0}.v-leave-from[data-v-6a295c78],.v-enter-to[data-v-6a295c78]{opacity:1}.actions-bar[data-v-400d4a42]{position:absolute;flex-wrap:wrap}.actions-bar>div[data-v-400d4a42]{flex-basis:25%}.actions-bar>div[data-v-400d4a42]:last-child{flex-basis:50%}.actions-bar[data-v-400d4a42]{opacity:.5;transition:opacity .5s ease}.actions-bar[data-v-400d4a42]:hover,.mobile .actions-bar[data-v-400d4a42]{opacity:1}.mobile .actions-bar.compact[data-v-400d4a42]{position:relative}.mobile .actions-bar>div[data-v-400d4a42]{flex-basis:50%}.mobile .actions-bar>div[data-v-400d4a42]:last-child{flex-basis:100%}.hover-bar[data-v-400d4a42]{position:absolute}.top-left[data-v-400d4a42]{top:0;left:0}.bottom-right[data-v-400d4a42],.bottom-right-compact[data-v-400d4a42]{bottom:0;right:0}.mobile .bottom-right-compact[data-v-400d4a42]{bottom:inherit;right:0}.v-enter-from[data-v-400d4a42]{opacity:0}.v-enter-active[data-v-400d4a42]{transition:opacity .5s ease}.v-enter-to[data-v-400d4a42]{opacity:1}.sunsim-time-label[data-v-d5a3d3f8]{color:#000;vertical-align:top}.sunsim-date[data-v-d5a3d3f8]{background:#fff;border-radius:30px;min-height:36px;min-width:170px;display:flex;align-content:center;white-space:nowrap}.day-selector[data-v-d5a3d3f8]{margin-top:0}.day-selector[data-v-d5a3d3f8] .v-field__outline{display:none}.day-selector[data-v-d5a3d3f8] .v-field__input{padding-top:2px}.day-selector[data-v-d5a3d3f8] .v-field__append-inner{padding-top:5px!important}.day-selector.v-text-field[data-v-d5a3d3f8] .v-input__control>.v-input__slot:before{border-style:none}.day-selector.v-text-field[data-v-d5a3d3f8] .v-input__control>.v-input__slot:after{border-style:none}.sunsim-slider[data-v-d5a3d3f8] .v-slider-track__background{background:linear-gradient(270deg,#8183c2,#ffb9b9 20.01%,#b2dfff 40.1%,#b2dfff 59.85%,#ffba96 79.96%,#8183c2)!important}.sunsim-bar-wrapper[data-v-d5a3d3f8]{display:flex;position:absolute;width:60%;min-width:400px;top:12px;left:0;z-index:3;touch-action:none;pointer-events:none}.sunsim-wrapper[data-v-d5a3d3f8]{width:100%;background:#fff;border-radius:30px;padding:5px;min-height:16px;z-index:3}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8]{margin-right:12px;margin-left:12px}.sunsim-wrapper[data-v-d5a3d3f8],.sunsim-date[data-v-d5a3d3f8]{touch-action:auto;pointer-events:all}.sunsim-wrapper .mdi-white-balance-sunny[data-v-d5a3d3f8]{color:#ffab02;vertical-align:baseline;font-size:20px}@media only screen and (max-width: 980px) and (min-width: 500px){.sunsim-bar-wrapper[data-v-d5a3d3f8]{top:101%;width:100%}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8]{margin-left:0}}@media only screen and (max-width: 980px) and (min-width: 500px) and (orientation: landscape){.sunsim-bar-wrapper[data-v-d5a3d3f8]{top:calc(100% + 8px);width:100%}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8]{margin-left:0}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8],.sunsim-bar-wrapper .sunsim-wrapper[data-v-d5a3d3f8]{box-shadow:0 0 7px 1px #aaa}}@media only screen and (max-width: 500px){.sunsim-bar-wrapper[data-v-d5a3d3f8]{height:calc(100% + 84px);top:0;width:100%;flex-direction:column;justify-content:space-between;margin:-42px 0 0;padding:0;left:0;z-index:0;min-width:100%}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8]{margin-right:0;margin-left:0}.sunsim-bar-wrapper .sunsim-date[data-v-d5a3d3f8],.sunsim-bar-wrapper .sunsim-wrapper[data-v-d5a3d3f8]{width:100%;border-radius:0;left:0;margin-left:0!important;box-shadow:0 0 7px 1px #aaa}}.image-instance[data-v-8d357c5f]{position:absolute;width:100%;opacity:0}.image-instance.active[data-v-8d357c5f]{opacity:1}.north-indicator[data-v-5e1006a9]{position:absolute;right:0;top:0;height:42px;width:42px;margin-top:12px;margin-right:8px}.image-container[data-v-5e1006a9]{position:relative}.image-instances[data-v-5e1006a9]{position:relative;width:100%;height:100%}canvas[data-v-5e1006a9]{position:absolute;left:0;top:0;z-index:2;opacity:0}.fill-parent[data-v-5e1006a9]{position:absolute;top:0;bottom:0;left:0;right:0}.svg-container[data-v-5e1006a9]{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in-out}.svg-container[data-v-5e1006a9],svg[data-v-5e1006a9]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10000}svg g[data-v-5e1006a9] path{cursor:pointer;stroke-width:inherit!important;stroke-opacity:inherit!important;stroke:inherit!important;fill:inherit!important;fill-opacity:inherit!important;transition-property:fill-opacity,fill;transition-duration:.25s;transition-timing-function:ease-in-out}svg g.restricted[data-v-5e1006a9] path{cursor:default!important}@media only screen and (max-width: 980px) and (min-width: 500px) and (orientation: landscape){div.image-container[data-v-5e1006a9]{margin-top:44px}}@media only screen and (max-width: 500px){div.image-container[data-v-5e1006a9]{margin-top:44px;margin-bottom:44px}}.overlay[data-v-9e4cdd0e]{z-index:1!important;opacity:1;transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in-out}.north-indicator[data-v-088f521e]{position:absolute;right:0;top:0;height:42px;width:42px;margin-top:12px;margin-right:8px}.image-container[data-v-088f521e]{position:relative}.image-instances[data-v-088f521e]{position:relative;width:100%;height:100%}canvas[data-v-088f521e]{position:absolute;left:0;top:0;z-index:2;opacity:0}.fill-parent[data-v-088f521e]{position:absolute;top:0;bottom:0;left:0;right:0}@media only screen and (max-width: 980px) and (min-width: 500px) and (orientation: landscape){div.image-container[data-v-088f521e]{margin-top:44px}}@media only screen and (max-width: 500px){div.image-container[data-v-088f521e]{margin-top:44px;margin-bottom:44px}}img[data-v-98118455]{position:relative;display:block;z-index:1}.small[data-v-99b853f4]{font-size:80%}.top-left[data-v-37109c67]{top:0;left:0}div[data-v-37109c67] svg g{cursor:pointer;transition-property:fill,stroke;transition-duration:.25s;transition-timing-function:ease-in-out}.v-enter-active[data-v-37109c67]{transition:opacity .25s ease-in-out}.v-leave-active[data-v-37109c67]{transition:opacity 0ms ease-in-out}.v-enter-from[data-v-37109c67],.v-leave-to[data-v-37109c67]{opacity:0}.v-leave-from[data-v-37109c67],.v-enter-to[data-v-37109c67]{opacity:1}.actions-bar[data-v-fb406f0f]{position:absolute;flex-wrap:wrap}.actions-bar>div[data-v-fb406f0f]{flex-basis:25%}.actions-bar>div[data-v-fb406f0f]:last-child{flex-basis:50%}.actions-bar[data-v-fb406f0f]:hover,.mobile .actions-bar[data-v-fb406f0f]{opacity:1}.mobile .actions-bar.compact[data-v-fb406f0f]{position:relative}.mobile .actions-bar>div[data-v-fb406f0f]{flex-basis:50%}.mobile .actions-bar>div[data-v-fb406f0f]:last-child{flex-basis:100%}.hover-bar[data-v-fb406f0f]{position:absolute}.top-left[data-v-fb406f0f]{top:0;left:0}.bottom-right[data-v-fb406f0f],.bottom-right-compact[data-v-fb406f0f]{bottom:0;right:0}.mobile .bottom-right-compact[data-v-fb406f0f]{bottom:inherit;right:0}.v-enter-from[data-v-fb406f0f]{opacity:0}.v-enter-active[data-v-fb406f0f]{transition:opacity .5s ease}.v-enter-to[data-v-fb406f0f]{opacity:1}.actions-bar[data-v-fb406f0f]{opacity:.5;transition:opacity .5s ease}.actions-bar[data-v-fb406f0f]:hover{opacity:1}#player-wrapper[data-v-434c2592]{position:relative;width:100%;height:100%}#player-sizer[data-v-434c2592]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}div#main-canvas[data-v-434c2592]{width:100%;height:100%}.player-control[data-v-434c2592]{display:flex;position:absolute;z-index:3}#controls-top-left[data-v-434c2592]{top:10px;left:10px}#controls-top-center[data-v-434c2592]{top:10px;left:50%;transform:translate(-50%);z-index:4;flex-direction:column}#controls-top-right[data-v-434c2592]{top:10px;right:10px;justify-content:flex-end;align-content:flex-end}#controls-center-left[data-v-434c2592]{left:10px;top:50%;transform:translateY(-50%)}#controls-center-center[data-v-434c2592]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:space-around;z-index:20}#controls-center-right[data-v-434c2592]{top:50%;right:10px;transform:translateY(-50%);justify-content:flex-end;align-items:center}#controls-bottom-left[data-v-434c2592]{bottom:10px;left:10px;z-index:5}#controls-bottom-center[data-v-434c2592]{bottom:10px;left:50%;transform:translate(-50%);align-items:flex-end;justify-content:space-around;z-index:4}#controls-bottom-right[data-v-434c2592]{bottom:10px;right:10px;justify-content:flex-end;align-content:flex-end;align-items:flex-end;z-index:5}.btn-placeholder[data-v-5ce91d8e]{width:36px;height:36px}.v-btn[data-v-5ce91d8e]{background-color:#fff;pointer-events:all;cursor:auto}.floor-level-label[data-v-5ce91d8e]{text-transform:capitalize}.v-image[data-v-3cf3c177]{background-color:#aaa}.interior-selector-list[data-v-3cf3c177]{box-shadow:none!important;padding:10px;background:transparent!important}.interior-selector-list-item[data-v-3cf3c177]{padding:0;padding-inline-start:0!important;background-color:#fff;border:2px solid #fff;transition:transform .2s cubic-bezier(.17,.67,.83,.67);margin-top:10px}.interior-selector-list-item[data-v-3cf3c177]:hover{transform:translate(-5px);border:2px solid #4caf50}.interior-selector-list-item .v-list-item-title[data-v-3cf3c177]{word-break:break-word}.compass-needle{transition:transform .5s;transition-timing-function:ease-out}@media screen and (max-width: 600px){.compass-wrapper{scale:.9}}.clock-face[data-v-cd73fd81]{margin-left:10px;height:50px;width:50px;background-color:#fff;border-radius:50%}.clock-value[data-v-cd73fd81]{font-size:11px}.clock-icon[data-v-cd73fd81]{width:18px}@media screen and (max-width: 600px){.clock-face[data-v-cd73fd81]{margin-left:0;scale:.8}}.fill-grey[data-v-f59c4942]{fill:#afafaf}.tutorial[data-v-ccf327cb]{color:#000;padding:10px;text-align:center;background-color:#fff;border-radius:5px;line-height:20px;-webkit-box-shadow:4px 9px 15px 0px rgba(0,0,0,.75);-moz-box-shadow:4px 9px 15px 0px rgba(0,0,0,.75);box-shadow:4px 9px 15px #000000bf}.tutorial-icon[data-v-ccf327cb]{border:1.5px solid #e0e0e0;border-radius:5px;width:140px;height:75px}.text[data-v-ccf327cb]{font-size:.8em;line-height:1}.box.col[data-v-ccf327cb]{max-width:180px!important}.tablet-mobile-content[data-v-ccf327cb]{min-width:240px}.box.horizontal[data-v-ccf327cb]{display:flex;align-items:center}.tablet-mobile-content .tutorial-icon[data-v-ccf327cb]{width:100px;height:65px}.tablet-mobile-content .text[data-v-ccf327cb]{text-align:left}.tutorial-buttons .v-messages[data-v-ccf327cb]{display:none!important}.settings-panel[data-v-bd4f66c3]{min-width:500px;height:500px;overflow-y:scroll}form#settings-ui-form[data-v-bd4f66c3]{background:#fff9;border-radius:5px;padding:10px}#settings-ui-form .form-inputs[data-v-bd4f66c3]{height:60vh;overflow-y:scroll;padding-bottom:50px;scrollbar-color:#0c0e4a transparent;scrollbar-width:thin;padding-right:20px}#moveableDiv[data-v-30593022]{position:fixed;z-index:15;background-color:#fff;border:1px solid #d3d3d3}#moveableDivHeader[data-v-30593022]{cursor:move;z-index:10}.big[data-v-30593022]{width:512px;height:440px;top:50%;left:50%;transform:translate(-50%,-50%)}.small[data-v-30593022]{width:250px;height:300px;bottom:10px;right:10px;transform:translate(0)}.sizer[data-v-30593022]{overflow:hidden;min-width:250px;min-height:300px;max-width:700px;max-height:531px}.resize-icon[data-v-30593022]{position:absolute;top:5px;right:5px;z-index:11}.rotate-icon[data-v-30593022]{position:absolute;top:5px;right:45px;z-index:12}.close-icon[data-v-30593022]{position:absolute;top:5px;left:5px;z-index:11}.moveable-body[data-v-30593022]{z-index:1}.moveable-footer[data-v-30593022]{width:100%;height:50px;margin-bottom:10px;background:#fff;z-index:2}.filler-div[data-v-30593022]{display:none}@media only screen and (max-width: 600px){.sizer[data-v-30593022]{overflow:hidden;max-width:90%;max-height:80vh}}.stop1{stop-color:#fff}.stop2{stop-color:#fff;stop-opacity:0}.stop3{stop-color:transparent}.minimap-container[data-v-1a6129d7]{position:relative}.web-minimap[data-v-1a6129d7]{position:relative;width:512px;height:385px;overflow:hidden;transition:transform .5s ease-in}@media (max-width: 650px){.web-minimap[data-v-1a6129d7]{scale:.7}}@media (max-width: 480px){.web-minimap[data-v-1a6129d7]{scale:.5}}.minimap-background-image[data-v-1a6129d7]{position:absolute;width:100%;height:100%}.single-camera-marker[data-v-1a6129d7]{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;z-index:2;transform:translate(-50%,-50%);border:0px}.rotation-marker-component[data-v-1a6129d7]{z-index:3;position:absolute;width:80px;height:80px;transform:translate(-50%,-50%)}.center-pivot[data-v-1a6129d7]{position:absolute;width:100%;height:100%}.minimap-compass[data-v-552c1d19]{width:50px}.ss-wrapper[data-v-b2f12eb0]{display:flex;flex-direction:row;justify-content:space-between;margin:0 10px;position:relative;z-index:100}.sun-icon[data-v-b2f12eb0]{width:10%}.slider[data-v-b2f12eb0]{display:flex;flex-direction:column;flex:1 1 auto;padding:3px 0}i.v-icon.notranslate.mdi.mdi-white-balance-sunny.theme--light[data-v-b2f12eb0]{font-size:40px;color:#ffab02;padding:5px}.time-label[data-v-b2f12eb0]{padding:0;display:inline-block;margin-top:-10px;margin-left:50px}.minimap-compass[data-v-898e645b]{position:absolute;right:5px;top:50px;z-index:11}.disclaimer[data-v-046402dc]{padding:4px 10px;text-align:center;background-color:#00000040;border-radius:5px;line-height:20px}.disclaimer span[data-v-046402dc]{cursor:pointer;color:#fff;text-decoration:underline;pointer-events:all}.v-card[data-v-0345b87c]{transition:box-shadow .3s ease-in-out;border:1px solid transparent}[data-v-0345b87c] .v-slide-group__content{justify-content:center}[data-v-0345b87c] .v-slide-group__next--disabled,[data-v-0345b87c] .v-slide-group__prev--disabled{pointer-events:all!important}.align-baseline[data-v-0345b87c]{align-items:baseline}.active-apt[data-v-0345b87c]{border:1.5px solid #4caf50!important}.v-image[data-v-0345b87c]{border-radius:0!important}.single-waypoint[data-v-0345b87c]{width:81px;height:54px}.mobile.carousel-button[data-v-0345b87c]{scale:.7}.mobileWaypoint .single-waypoint[data-v-0345b87c]{margin-top:5px!important;width:63px;height:42px;scale:.95}.desktopWaypointWrapper[data-v-0345b87c]{max-width:50vw}.mobileWaypointWrapper[data-v-0345b87c]{max-width:100vw}#share-btns-wrapper button[data-v-b6e473f1]{margin:0 8px}.v-btn[data-v-b6e473f1]{background-color:#fff;pointer-events:all}.img-div[data-v-31489804]{position:absolute;display:block;height:100%;width:100%;background-size:cover;background-position:center center;z-index:2;left:0;top:0}.static-image-wrapper[data-v-31489804]{background:#fff}.compass-wrapper[data-v-41d1297e]{width:50px}.player-and-components-wrapper[data-v-41d1297e]{position:relative;width:100%;height:100%}.static-image[data-v-41d1297e]{position:absolute;top:0;left:0;width:100%;height:auto}button.v-btn[data-v-41d1297e]{background:#fff}div#controls-bottom-center>div[data-v-41d1297e]{display:flex;flex-direction:column;align-items:center}.player-error[data-v-41d1297e]{min-height:400px;display:flex;align-items:center;justify-content:space-around;background:#ededed}@media only screen and (max-width: 600px){#btn-fullscreen[data-v-41d1297e]{display:none}}@media all and (orientation: landscape) and (max-height: 499px){#btn-fullscreen[data-v-41d1297e]{display:none}}.settings-panel[data-v-41d1297e]{position:absolute;top:0;left:0;z-index:10;width:500px;transform:scale(.8);transform-origin:left}.virtual-tour-wrapper[data-v-41d1297e],.v-player.platform-desktop[data-v-41d1297e]{width:100%;height:100%}@media screen and (min-width: 900px){.v-player.platform-desktop[data-v-41d1297e]{height:100%}}@media screen and (min-width: 1600px){.v-player.platform-desktop[data-v-41d1297e]{height:100%}}.v-player.platform-mobile[data-v-41d1297e]{width:100%;height:calc(100% - 60px)}.waypoint-carousel.below-player[data-v-41d1297e]{position:relative;height:50px}@media only screen and (max-width: 960px){#btn-fullscreen[data-v-41d1297e]{display:none}}#player-wrapper[data-v-5fdd1e05]{position:relative;overflow:hidden}#player-sizer[data-v-5fdd1e05]{display:flex;justify-content:center;align-items:center;overflow:hidden}.player-control[data-v-5fdd1e05]{display:flex;position:absolute;z-index:3}#controls-top-left[data-v-5fdd1e05]{top:10px;left:10px}#controls-top-center[data-v-5fdd1e05]{top:10px;left:50%;transform:translate(-50%);z-index:4}#controls-top-right[data-v-5fdd1e05]{top:10px;right:10px;justify-content:flex-end;align-content:flex-end}#controls-center-left[data-v-5fdd1e05]{left:10px;top:50%;transform:translateY(-50%)}#controls-center-center[data-v-5fdd1e05]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;justify-content:space-around;z-index:20}#controls-center-right[data-v-5fdd1e05]{top:50%;right:10px;transform:translateY(-50%);justify-content:flex-end;align-items:center}#controls-bottom-left[data-v-5fdd1e05]{bottom:10px;left:10px;z-index:5}#controls-bottom-center[data-v-5fdd1e05]{bottom:10px;left:50%;transform:translate(-50%);align-items:flex-end;justify-content:space-around;z-index:4}#controls-bottom-right[data-v-5fdd1e05]{bottom:10px;right:10px;justify-content:flex-end;align-content:flex-end;align-items:flex-end;z-index:5}.compass-wrapper[data-v-040ac08f]{width:50px}.player-and-components-wrapper[data-v-040ac08f]{position:relative}.static-image[data-v-040ac08f]{position:absolute;top:0;left:0;width:100%;height:auto}button.v-btn[data-v-040ac08f]{background:#fff}.waypoint-carousel.full-screen[data-v-040ac08f]{scale:.5}div#controls-bottom-center>div[data-v-040ac08f]{display:flex;flex-direction:column;align-items:center}.player-error[data-v-040ac08f]{min-height:400px;display:flex;align-items:center;justify-content:space-around;background:#ededed}@media only screen and (max-width: 600px){#btn-fullscreen[data-v-040ac08f]{display:none}}@media all and (orientation: landscape) and (max-height: 499px){#btn-fullscreen[data-v-040ac08f]{display:none}}.mss-image[data-v-040ac08f]{min-height:20vh;max-height:100vh;min-width:80%;max-width:100%}.minimap-compass[data-v-03a5584c]{position:absolute;right:5px;top:50px;z-index:11}

package/dist/vue-components/vue3-player.js

@@ -126,10 +126,10 @@ const Ut = /* @__PURE__ */ j({
       a("pos", t.value);
     }), de(() => {
       M.value = () => {
-        clearTimeout(O.value), we(), O.value = setTimeout(() => {
-          we();
+        clearTimeout(O.value), ke(), O.value = setTimeout(() => {
+          ke();
         }, 50);
-      }, window.addEventListener("resize", M.value), we();
+      }, window.addEventListener("resize", M.value), ke();
     }), je(() => {
       window.removeEventListener("resize", M.value);
       for (const N in g.value)
@@ -182,8 +182,8 @@ const Ut = /* @__PURE__ */ j({
     }
     function q(N, Z) {
       h.value = N, m.value = Z;
-      const le = I.value.offsetWidth / I.value.width, Ne = I.value.offsetHeight / I.value.height, Te = (N / le).toFixed(), Me = (Z / Ne).toFixed(), ke = Number(Me) * (I.value.width * 4) + Number(Te) * 4, Ue = l.value.data[ke];
-      return l.value.data[ke + 3] > 0 ? Ue : -1;
+      const le = I.value.offsetWidth / I.value.width, Ne = I.value.offsetHeight / I.value.height, Te = (N / le).toFixed(), Me = (Z / Ne).toFixed(), _e = Number(Me) * (I.value.width * 4) + Number(Te) * 4, Ue = l.value.data[_e];
+      return l.value.data[_e + 3] > 0 ? Ue : -1;
     }
     function te() {
       Ie().forEach((Z) => {
@@ -195,8 +195,8 @@ const Ut = /* @__PURE__ */ j({
             !L.value && e.selectedUnitId && Ne === e.selectedUnitId ? Te = "selected" : L.value && f.value === Z.index && (Te = "hover");
             const Me = e.colorCallback(Z.unitId, Te);
             if (Me)
-              for (let ke = 0; ke < le.length; ke++)
-                c.value.data[le[ke]] = Me.r, c.value.data[le[ke] + 1] = Me.g, c.value.data[le[ke] + 2] = Me.b, c.value.data[le[ke] + 3] = Me.a;
+              for (let _e = 0; _e < le.length; _e++)
+                c.value.data[le[_e]] = Me.r, c.value.data[le[_e] + 1] = Me.g, c.value.data[le[_e] + 2] = Me.b, c.value.data[le[_e] + 3] = Me.a;
           }
         }
       });
@@ -226,14 +226,14 @@ const Ut = /* @__PURE__ */ j({
     function De(N) {
       a("selectUnit", N), N && e.canGoToUnitCallback(N) && a("goToUnit", N);
     }
-    function be(N = 0) {
+    function we(N = 0) {
       if (!c.value)
         return;
       const Z = c.value.data;
       for (let le = 3; le < Z.length; le += 4)
         Z[le] = N;
     }
-    function we() {
+    function ke() {
       if (!_.value)
         return !1;
       o.value = _.value.offsetWidth, r.value = _.value.offsetHeight;
@@ -242,7 +242,7 @@ const Ut = /* @__PURE__ */ j({
       $(), Ae();
     }
     function Ae() {
-      be(), te(), i.value && c.value && i.value.putImageData(c.value, 0, 0);
+      we(), te(), i.value && c.value && i.value.putImageData(c.value, 0, 0);
     }
     function ze() {
       C.value = !1;
@@ -427,7 +427,7 @@ const Ut = /* @__PURE__ */ j({
       }, null, 512)
     ], 512));
   }
-}), Wt = /* @__PURE__ */ J(jt, [["__scopeId", "data-v-e6c054c7"]]), _e = Symbol(), zt = {
+}), Wt = /* @__PURE__ */ J(jt, [["__scopeId", "data-v-e6c054c7"]]), be = Symbol(), zt = {
   key: 0,
   class: "text-success d-none d-md-flex"
 }, Nt = { class: "text-success" }, Gt = /* @__PURE__ */ j({
@@ -442,7 +442,7 @@ const Ut = /* @__PURE__ */ j({
   },
   emits: ["prevUnit", "nextUnit", "goToUnit"],
   setup(u, { emit: n }) {
-    const e = u, a = T(() => e.selectedUnitId), t = T(() => e.nextUnitId), o = T(() => e.prevUnitId), r = n, i = Be(_e);
+    const e = u, a = T(() => e.selectedUnitId), t = T(() => e.nextUnitId), o = T(() => e.prevUnitId), r = n, i = Be(be);
     de(() => {
       window.addEventListener("keydown", v);
     }), je(() => {
@@ -886,8 +886,8 @@ const Zt = {
         };
         E(oe.x), z(oe.y);
       } else if (v.value && D.touches.length === 2) {
-        const { x: $, y: q } = L(D.touches[0]), { x: te, y: re } = L(c.value.touches[0]), { x: oe, y: Ie } = L(D.touches[1]), { x: Fe, y: De } = L(c.value.touches[1]), be = Math.hypot(te - Fe, re - De), we = Math.hypot($ - oe, q - Ie), Ee = (oe + $) / 2, Ae = (Ie + q) / 2;
-        W(we - be, Ee, Ae);
+        const { x: $, y: q } = L(D.touches[0]), { x: te, y: re } = L(c.value.touches[0]), { x: oe, y: Ie } = L(D.touches[1]), { x: Fe, y: De } = L(c.value.touches[1]), we = Math.hypot(te - Fe, re - De), ke = Math.hypot($ - oe, q - Ie), Ee = (oe + $) / 2, Ae = (Ie + q) / 2;
+        W(ke - we, Ee, Ae);
       }
       c.value = D;
     }
@@ -918,8 +918,8 @@ const Zt = {
     function W(D, $, q) {
       const te = f.value.clientWidth, re = f.value.clientHeight, oe = te * h.value, Ie = re * h.value;
       t.value = Math.min(Math.max(100, t.value + D), m.value);
-      const Fe = te * h.value, De = re * h.value, be = Fe - oe, we = De - Ie;
-      o.value -= $ / te * be, r.value -= q / re * we, E(0), z(0);
+      const Fe = te * h.value, De = re * h.value, we = Fe - oe, ke = De - Ie;
+      o.value -= $ / te * we, r.value -= q / re * ke, E(0), z(0);
     }
     function ue() {
       a("update", {
@@ -927,8 +927,8 @@ const Zt = {
         x: o.value,
         y: r.value,
         resolve: (D, $) => {
-          const q = f.value.clientWidth, te = f.value.clientHeight, re = o.value / -h.value, oe = r.value / -h.value, Ie = re + q / h.value, Fe = oe + te / h.value, De = D / q * (Ie - re) + re, be = $ / te * (Fe - oe) + oe;
-          return { x: De, y: be };
+          const q = f.value.clientWidth, te = f.value.clientHeight, re = o.value / -h.value, oe = r.value / -h.value, Ie = re + q / h.value, Fe = oe + te / h.value, De = D / q * (Ie - re) + re, we = $ / te * (Fe - oe) + oe;
+          return { x: De, y: we };
         }
       });
     }
@@ -1088,7 +1088,7 @@ const pn = { key: 0 }, fn = { class: "interactive-viewer" }, hn = { class: "fill
   setup(u, { emit: n }) {
     const e = [0, 16, 32, 48], a = u, t = n;
     Ze(
-      _e,
+      be,
       a.i18nConfig ? new xe(a.i18nConfig) : new xe()
     );
     const o = dt({ isReady: !1, isError: !1 }), r = d(), i = d(), v = d(), c = d(), l = d({ x: 0, y: 0, width: 0, height: 0 }), f = d(), C = d(), h = d(), m = T(() => h.value.isHoverEnabled), g = T(() => a.useSvg ? Wt : Ht), S = T(() => a.selectedUnitId), A = T(() => a.nextUnitId), y = T(() => a.prevUnitId);
@@ -2391,7 +2391,7 @@ const Qn = (u) => {
   setup(u, { emit: n }) {
     const e = u, a = n;
     Ze(
-      _e,
+      be,
       e.i18nConfig ? new xe(e.i18nConfig) : new xe()
     );
     const t = d({
@@ -2671,7 +2671,7 @@ const Qn = (u) => {
   setup(u, { emit: n }) {
     const e = u, a = n;
     Ze(
-      _e,
+      be,
       e.i18nConfig ? new xe(e.i18nConfig) : new xe()
     );
     const t = d(), o = d({
@@ -3662,7 +3662,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
   },
   emits: ["level"],
   setup(u, { emit: n }) {
-    const e = u, a = n, t = Be(_e), o = T(() => {
+    const e = u, a = n, t = Be(be), o = T(() => {
       const l = e.floorLevels;
       return l.sort(), l;
     }), r = T(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), i = T(() => r.value === "lower"), v = T(() => r.value === "upper");
@@ -3720,7 +3720,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
   },
   emits: ["selectInterior"],
   setup(u, { emit: n }) {
-    const e = u, a = n, t = Be(_e);
+    const e = u, a = n, t = Be(be);
     return (o, r) => {
       const i = B("v-icon"), v = B("v-btn"), c = B("v-img"), l = B("v-list-item-title"), f = B("v-list-item"), C = B("v-list"), h = B("v-menu");
       return p(), x("div", null, [
@@ -3851,7 +3851,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
   },
   emits: ["toggle"],
   setup(u, { emit: n }) {
-    const e = u, a = n, t = Be(_e), o = T(() => {
+    const e = u, a = n, t = Be(be), o = T(() => {
       let r = "virtualTour";
       return e.showStaticImage || (r = "slideShow"), r;
     });
@@ -4417,7 +4417,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
   },
   emits: ["closeTutorial"],
   setup(u, { emit: n }) {
-    const e = u, a = n, t = Be(_e), o = d(!0), r = d(!1), i = T(() => [
+    const e = u, a = n, t = Be(be), o = d(!0), r = d(!1), i = T(() => [
       /Android/i,
       /webOS/i,
       /iPhone/i,
@@ -5240,7 +5240,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
 }, ms = /* @__PURE__ */ j({
   __name: "VDisclaimer",
   setup(u) {
-    const n = Be(_e), e = d(!0);
+    const n = Be(be), e = d(!0);
     return (a, t) => (p(), V(Le, { name: "fade-transition" }, {
       default: b(() => [
         e.value ? (p(), x("div", vs, [
@@ -5369,7 +5369,7 @@ const io = { id: "player-wrapper" }, ro = { id: "player-sizer" }, uo = {
 }, _s = /* @__PURE__ */ j({
   __name: "VSocialShare",
   setup(u) {
-    const n = Be(_e), e = d(!1), a = d(location.href);
+    const n = Be(be), e = d(!1), a = d(location.href);
     function t() {
       return window.open(
         "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(location.href),
@@ -5667,7 +5667,8 @@ const Is = {
   setup(u, { expose: n, emit: e }) {
     const a = u, t = e;
     n({
-      updateSelectedInterior: ze
+      updateSelectedInterior: ze,
+      takeSnapshot: _e
     });
     const o = d(!1), r = d(!1), i = d(), v = d(), c = d(), l = d(), f = d(), C = d(0), h = d(), m = d(), g = d(), S = d(0), A = d(0), y = d(0), O = d(!1), M = d(!1), R = d(!1), I = d(
       new Lt(document, "player-wrapper")
@@ -5722,7 +5723,7 @@ const Is = {
         return Dt(v.value.timeInHours);
     });
     Ze(
-      _e,
+      be,
       a.i18nConfig ? new xe(a.i18nConfig) : new xe()
     ), P([() => a.cdnFileResolver], async () => {
       await $(), te(), await q();
@@ -5839,11 +5840,11 @@ const Is = {
         return;
       }
     }
-    function be() {
+    function we() {
       let k = C.value + 1;
       k >= H.value.length && (k = 0), C.value = k, Ae(H.value[C.value].id);
     }
-    function we() {
+    function ke() {
       let k = C.value - 1;
       k < 0 && (k = H.value.length - 1), C.value = k, Ae(H.value[C.value].id);
     }
@@ -5880,10 +5881,10 @@ const Is = {
     function Me() {
       O.value = !O.value;
     }
-    async function ke() {
+    async function _e() {
       const k = 180 / Math.PI, G = await f.value.takePhoto(), X = f.value.getRotationEuler(), pe = f.value.getCurrentCamera(), He = new Gn(G, pe), Mt = [
-        X.x * k,
-        X.y * k,
+        X.x * -k,
+        X.y * -k,
         X.z * k
       ];
       return t("onSnapshot", He, Mt), He;
@@ -6027,7 +6028,7 @@ const Is = {
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
-                      onClick: we
+                      onClick: ke
                     })) : U("", !0)
                   ]),
                   _: 1
@@ -6057,7 +6058,7 @@ const Is = {
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-right",
-                      onClick: be
+                      onClick: we
                     })) : U("", !0)
                   ]),
                   _: 1
@@ -6075,7 +6076,7 @@ const Is = {
                     density: "comfortable",
                     elevation: "3",
                     icon: "mdi-camera",
-                    onClick: ke
+                    onClick: _e
                   })
                 ])) : U("", !0),
                 s("div", Fs, [
@@ -6096,8 +6097,8 @@ const Is = {
                     class: fe([I.value.isActive ? "full-screen" : ""]),
                     thumbnails: H.value,
                     active: C.value,
-                    onNext: be,
-                    onPrevious: we,
+                    onNext: we,
+                    onPrevious: ke,
                     onGoto: Ee
                   }, null, 8, ["class", "thumbnails", "active"])) : U("", !0)
                 ])) : U("", !0)
@@ -6120,8 +6121,8 @@ const Is = {
               class: "waypoint-carousel below-player",
               thumbnails: H.value,
               active: C.value,
-              onNext: be,
-              onPrevious: we,
+              onNext: we,
+              onPrevious: ke,
               onGoto: Ee
             }, null, 8, ["thumbnails", "active"])) : U("", !0)
           ], 2)) : U("", !0)
@@ -6129,7 +6130,7 @@ const Is = {
       ], 2);
     };
   }
-}), Vs = /* @__PURE__ */ J(Ts, [["__scopeId", "data-v-f515fa4c"]]), Bs = { id: "player-wrapper" }, Rs = { id: "player-sizer" }, Os = {
+}), Vs = /* @__PURE__ */ J(Ts, [["__scopeId", "data-v-41d1297e"]]), Bs = { id: "player-wrapper" }, Rs = { id: "player-sizer" }, Os = {
   class: "player-control",
   id: "controls-top-left"
 }, $s = {
@@ -6212,7 +6213,7 @@ const Is = {
   setup(u) {
     const n = u;
     Ze(
-      _e,
+      be,
       n.i18nConfig ? new xe(n.i18nConfig) : new xe()
     );
     const e = d(0), a = d(