hart-estate-widget 0.0.41 → 0.0.44

package/build/config/defaultConfig.js

@@ -7,11 +7,14 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _logo = _interopRequireDefault(require("../assets/img/logo.svg"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const defaultConfig = {
-  tabs: ['planImage', 'topView', 'topDownView', 'rotation', 'panorama', 'model'],
-  tabPanes: true,
+  tabs: ['rotation', 'panorama'],
+  logo: _logo.default,
+  logoUrl: null,
   width: null,
   height: null,
   planImage: null,

package/build/enums/deviceOrientationStatus.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deviceOrientationStatus = void 0;
+const deviceOrientationStatus = {
+  GRANTED: 'granted',
+  DENIED: 'denied'
+};
+exports.deviceOrientationStatus = deviceOrientationStatus;

package/build/enums/imageExtentions.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeExtention = exports.imgExtentions = void 0;
+
+require("core-js/modules/es.array.reduce.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.replace.js");
+
+const imgExtentions = ['.png', '.PNG', '.jpg', '.JPG'];
+exports.imgExtentions = imgExtentions;
+
+const removeExtention = str => imgExtentions.reduce((acc, extention) => {
+  return acc.replace(extention, '');
+}, str);
+
+exports.removeExtention = removeExtention;

package/build/index.js

@@ -45,12 +45,6 @@ Object.defineProperty(exports, "RotationTab", {
     return _RotationTab.default;
   }
 });
-Object.defineProperty(exports, "TabWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _TabWrapper.default;
-  }
-});
 Object.defineProperty(exports, "Widget", {
   enumerable: true,
   get: function get() {
@@ -60,8 +54,16 @@ Object.defineProperty(exports, "Widget", {
 
 var _react = _interopRequireDefault(require("react"));
 
+require("./assets/fonts/RobotoMono/RobotoMono.css");
+
+require("./assets/sass/index.sass");
+
+var _apiStore = _interopRequireDefault(require("./store/apiStore"));
+
 var _Widget = _interopRequireDefault(require("./components/Widget"));
 
+var _Loader = _interopRequireDefault(require("./components/Loader"));
+
 var _ImageTab = _interopRequireDefault(require("./components/ImageTab"));
 
 var _Instructions = _interopRequireDefault(require("./components/Instructions"));
@@ -70,12 +72,6 @@ var _RotationTab = _interopRequireDefault(require("./components/RotationTab"));
 
 var _PanoramaTab = _interopRequireDefault(require("./components/PanoramaTab"));
 
-var _TabWrapper = _interopRequireDefault(require("./components/TabWrapper"));
-
 var _ModelTab = _interopRequireDefault(require("./components/ModelTab"));
 
-var _Loader = _interopRequireDefault(require("./components/Loader"));
-
-var _apiStore = _interopRequireDefault(require("./store/apiStore"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/store/fullScreenStore.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.promise.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _screenfull = _interopRequireDefault(require("screenfull"));
+
+var _mobx = require("mobx");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+(0, _mobx.configure)({
+  useProxies: 'never'
+});
+
+class FullscreenStore {
+  constructor() {
+    _defineProperty(this, "enabled", _screenfull.default.isEnabled);
+
+    _defineProperty(this, "active", false);
+
+    _defineProperty(this, "element", null);
+
+    (0, _mobx.makeAutoObservable)(this);
+  }
+
+  init() {
+    this.element = document.querySelector('#widget-application');
+    if (!this.enabled) return;
+
+    _screenfull.default.on('change', () => this.active = _screenfull.default.isFullscreen);
+  }
+
+  async enter() {
+    return await _screenfull.default.request(this.element);
+  }
+
+  async exit() {
+    return await _screenfull.default.exit();
+  }
+
+}
+
+var _default = new FullscreenStore();
+
+exports.default = _default;

package/build/store/index.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.array.sort.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -18,51 +20,37 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 (0, _mobx.configure)({
   useProxies: 'never'
 });
+const LivingRoomType = 'Living';
 
 class Store {
   constructor() {
     _defineProperty(this, "config", null);
 
-    _defineProperty(this, "listeners", {
-      'enterComponent': [],
-      'exitComponent': []
-    });
+    _defineProperty(this, "listeners", {});
 
     (0, _mobx.makeAutoObservable)(this);
   }
 
-  get hallRoomId() {
+  get initialPanoramaRoomId() {
     const {
       json
     } = this.config;
-    if (!json) return 0;
-    const exteriorWallWithDoor = json.Floors[0].ExteriorWalls.find(wallId => {
-      return json.Floors[0].Doors.some(door => door.Walls.some(doorWallId => doorWallId === wallId));
-    });
-    const exteriorDoor = json.Floors[0].Doors.find(door => {
-      const isSameDoor = door.Walls.some(doorWallId => doorWallId === exteriorWallWithDoor);
-      const isExterior = door.Walls.some(doorWallId => json.Floors[0].ExteriorWalls.some(exteriorWallId => exteriorWallId === doorWallId));
-      return isSameDoor && isExterior;
-    });
-    const wallWithExteriorDoor = exteriorDoor.Walls.find(wallId => wallId !== exteriorWallWithDoor);
-    const room = json.Floors[0].Units[0].Rooms.find(_ref => {
+    if (!json) return null;
+    const {
+      Rooms
+    } = json.Floors[0].Units[0];
+    const livingRoom = Rooms.find(_ref => {
       let {
-        Walls
+        Type
       } = _ref;
-      return Walls.some(wallId => wallId === wallWithExteriorDoor);
+      return Type === LivingRoomType;
     });
-    return room.ID;
+    const biggestRoom = [...Rooms].sort((a, b) => b.Area - a.Area)[0];
+    return (livingRoom === null || livingRoom === void 0 ? void 0 : livingRoom.ID) || (biggestRoom === null || biggestRoom === void 0 ? void 0 : biggestRoom.ID) || null;
   }
 
-  get hallRoomImage() {
-    const {
-      json,
-      panoramaImages
-    } = this.config;
-    if (!json) return panoramaImages[0] || null;
-    const roomIndex = json.Floors[0].Units[0].Rooms.findIndex(room => room.ID === this.hallRoomId);
-    const image = panoramaImages.find(url => url.includes("".concat(roomIndex, ".png")));
-    return image || panoramaImages[0] || null;
+  isTabIncluded(value) {
+    return this.config.tabs.find(tab => tab === value);
   }
 
   setConfig(config) {

package/build/utils/panoramaHelpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getScale = exports.getRoomCoordinates = exports.getArrayFromNumber = exports.findWallVertices = void 0;
+exports.getScale = exports.getRoomCoordinates = exports.getClosestPanorama = exports.getCameraFromSrc = exports.getArrayFromNumber = exports.findWallVertices = exports.cameraIdBeginning = void 0;
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
@@ -11,8 +11,15 @@ require("core-js/modules/es.array.reduce.js");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _geometric = require("geometric");
+
+var _imageExtentions = require("../enums/imageExtentions");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const cameraIdBeginning = 'CameraId';
+exports.cameraIdBeginning = cameraIdBeginning;
+
 const getArrayFromNumber = num => [...Array(num).keys()];
 
 exports.getArrayFromNumber = getArrayFromNumber;
@@ -55,4 +62,40 @@ const getScale = (image, json) => {
   };
 };
 
-exports.getScale = getScale;
+exports.getScale = getScale;
+
+const getCameraFromSrc = (json, src) => {
+  var _json$Floors$0$Camera;
+
+  const cameraIdIndex = src.indexOf(cameraIdBeginning);
+  if (cameraIdIndex === -1) return null;
+  const cameraId = (0, _imageExtentions.removeExtention)(src.substring(cameraIdIndex));
+  return ((_json$Floors$0$Camera = json.Floors[0].CameraPoints) === null || _json$Floors$0$Camera === void 0 ? void 0 : _json$Floors$0$Camera.find(_ref => {
+    let {
+      ID
+    } = _ref;
+    return ID === cameraId;
+  })) || null;
+};
+
+exports.getCameraFromSrc = getCameraFromSrc;
+
+const getClosestPanorama = (point, panoramas) => {
+  return panoramas.reduce((closest, current) => {
+    const length = (0, _geometric.lineLength)([point, [current.userData.left, current.userData.top]]);
+
+    if (length < closest.length) {
+      return {
+        panorama: current,
+        length
+      };
+    }
+
+    return closest;
+  }, {
+    length: Infinity,
+    panorama: null
+  });
+};
+
+exports.getClosestPanorama = getClosestPanorama;

package/package.json

@@ -3,7 +3,7 @@
   "description": "HART Estate widget",
   "author": "HART",
   "keywords": [],
-  "version": "0.0.41",
+  "version": "0.0.44",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",
@@ -12,10 +12,11 @@
     "README.md"
   ],
   "scripts": {
-    "start": "babel src --watch --out-dir build --copy-files",
+    "babel": "babel src --out-dir build --copy-files",
+    "start": "npm run babel -- --watch",
     "start-example": "cd ./example && npm run start",
-    "build": "rm -rf build && NODE_ENV=production babel src --out-dir build --copy-files && npm run build:sass",
-    "build:sass": "sass src/assets/sass/index.sass:build/index.css --style compressed"
+    "build": "rm -rf build && NODE_ENV=production npm run babel",
+    "local-tunnel": "Lt --port 9000 --subdomain estate-widget --local-host localhost"
   },
   "dependencies": {
     "camera-controls": "^1.34.1",
@@ -29,6 +30,7 @@
     "panzoom": "^9.4.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "screenfull": "^6.0.1",
     "three": "^0.137.5",
     "three-device-orientation": "^1.0.3"
   },

package/build/components/TabPanes.js

@@ -1,96 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mobxReactLite = require("mobx-react-lite");
-
-var _store = _interopRequireDefault(require("../store"));
-
-var _Loader = _interopRequireDefault(require("./Loader"));
-
-var _refreshIcon = _interopRequireDefault(require("../assets/img/refresh-icon.svg"));
-
-var _D = _interopRequireDefault(require("../assets/img/3D.jpg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const TabPanes = (0, _mobxReactLite.observer)(_ref => {
-  let {
-    currentTab,
-    setCurrentTab
-  } = _ref;
-  const {
-    planImage,
-    topView,
-    topDownView,
-    rotationImages,
-    tabs
-  } = _store.default.config;
-  const images = {
-    'planImage': {
-      img: planImage,
-      icon: null
-    },
-    'topView': {
-      img: topView,
-      icon: null
-    },
-    'topDownView': {
-      img: topDownView,
-      icon: null
-    },
-    'panorama': {
-      img: _store.default.hallRoomImage,
-      icon: null
-    },
-    'rotation': {
-      img: rotationImages[0],
-      icon: _refreshIcon.default
-    },
-    'model': {
-      img: _D.default,
-      icon: null
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab-panes"
-  }, tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(TabPane, {
-    key: index,
-    icon: images[tab].icon,
-    image: images[tab].img,
-    active: currentTab === tab,
-    onClick: () => setCurrentTab(tab)
-  })));
-});
-
-const TabPane = _ref2 => {
-  let {
-    active,
-    icon,
-    image,
-    onClick
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab-pane ".concat(active ? 'widget-tab-pane--active' : ''),
-    onClick: onClick
-  }, !image && /*#__PURE__*/_react.default.createElement(_Loader.default, {
-    absolute: true,
-    size: "sm"
-  }), image && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
-    className: "widget-tab-pane__image",
-    src: image,
-    alt: "tab-pane"
-  }), icon && /*#__PURE__*/_react.default.createElement("img", {
-    className: "widget-tab-pane__icon",
-    src: icon,
-    alt: "tab-pane-icon"
-  })));
-};
-
-var _default = TabPanes;
-exports.default = _default;

package/build/components/TabWrapper.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ImageTab = _interopRequireDefault(require("./ImageTab"));
-
-var _Instructions = _interopRequireDefault(require("./Instructions"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const TabWrapper = _ref => {
-  let {
-    isActive,
-    image,
-    title,
-    text,
-    disabled,
-    onStart,
-    children
-  } = _ref;
-
-  if (!isActive) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ImageTab.default, {
-      image: image
-    }), /*#__PURE__*/_react.default.createElement(_Instructions.default, {
-      disabled: disabled,
-      title: title,
-      text: text,
-      onClick: onStart
-    }));
-  }
-
-  return children;
-};
-
-var _default = TabWrapper;
-exports.default = _default;

package/build/index.css

@@ -1 +0,0 @@
-*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}html,body{font-size:20px}.widget-application{--vh: 100vh;width:100%;height:calc(100*var(--vh));overflow:hidden;position:relative;z-index:1}.widget-application *,.widget-application *:before,.widget-application *:after{font-family:"Lato",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:none;font-weight:400;text-decoration:none}.widget-application .widget-close{position:absolute;display:flex;align-items:center;justify-content:center;z-index:3;right:15px;top:15px;color:#000;background-color:#fad436;padding:5px 15px;border-radius:10px;font-size:.8rem;border:none;cursor:pointer}.widget-application .widget-close:hover{box-shadow:1px 1px 10px rgba(0,0,0,.15)}.widget-application .widget-tab{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 30px 125px 30px}@media(max-width: 630px){.widget-application .widget-tab{padding:60px 15px 90px 15px}}.widget-application .widget-tab--panes-hidden{padding:60px 30px}.widget-application .widget-tab__image{max-width:100%;max-height:100%;object-fit:contain;display:block}.widget-application .widget-tab__threesixty{width:100%;height:100%;touch-action:none;-webkit-touch-action:none}.widget-application .widget-tab__threesixty-container{width:100% !important;height:100% !important;position:relative;cursor:move;background-image:none !important}.widget-application .widget-tab__threesixty-container img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;user-drag:none;-webkit-user-drag:none}.widget-application .widget-tab--panorama .widget-tab__image,.widget-application .widget-tab--model .widget-tab__image{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover}.widget-application .widget-tab-menu{position:absolute;z-index:3;left:15px;top:15px;max-height:100%;overflow-y:auto;padding-bottom:30px}.widget-application .widget-tab-menu__wallpapers{display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:10px;width:100%}.widget-application .widget-tab-menu__wallpapers img{width:30px;height:30px;display:block;object-fit:cover;cursor:pointer;margin-right:10px;margin-block-end:10px}.widget-application .widget-tab-menu ul{list-style-type:none}.widget-application .widget-tab-menu ul li{color:#000;background-color:#fad436;padding:5px 15px;border-radius:10px;font-size:.8rem;border:none;cursor:pointer;margin-bottom:15px;width:200px;user-select:none;-webkit-user-select:none;user-drag:none;-webkit-user-drag:none}.widget-application .widget-tab-menu ul li label{display:flex;cursor:inherit;width:100%}.widget-application .widget-tab-menu ul li input[type=color]{cursor:pointer;margin-left:auto;width:50px;height:20px;border:0;border-radius:5px}.widget-application .widget-tab-menu ul li input[type=color]::-webkit-color-swatch-wrapper{display:none !important}.widget-application .widget-tab-menu ul li input[type=file]{display:none}.widget-application .widget-tab-menu ul li:hover{box-shadow:1px 1px 10px rgba(0,0,0,.15)}.widget-application .widget-tab-menu ul li:nth-child(1){position:relative}.widget-application .widget-tab-menu ul li:nth-child(1)::after{content:"|||";transform:translateY(-50%) rotate(90deg);font-size:20px;line-height:20px;margin-left:10px;display:block;position:absolute;right:10px;top:50%}.widget-application .widget-tab-panes{position:absolute;z-index:3;left:50%;bottom:5px;max-width:100%;padding:0 30px 15px 30px;transform:translateX(-50%);display:flex;align-items:center;justify-content:flex-start;overflow-x:auto}@media(max-width: 630px){.widget-application .widget-tab-panes{padding:0 15px 15px 15px}}.widget-application .widget-tab-panes .widget-tab-pane{width:85px;height:85px;border-radius:5px;margin:0 10px;background-color:#f4f7f7;cursor:pointer;border-width:3px;border-style:solid;border-color:#f4f7f7;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none;transition:border .3s ease;position:relative;user-select:none;-webkit-user-select:none;user-drag:none;-webkit-user-drag:none}@media(max-width: 630px){.widget-application .widget-tab-panes .widget-tab-pane{width:50px;height:50px;margin:0 5px}}.widget-application .widget-tab-panes .widget-tab-pane::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:inset 1px 1px 10px rgba(0,0,0,.3)}.widget-application .widget-tab-panes .widget-tab-pane--active,.widget-application .widget-tab-panes .widget-tab-pane:hover{border-color:#fad436}.widget-application .widget-tab-panes .widget-tab-pane__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.widget-application .widget-tab-panes .widget-tab-pane__icon{width:16px;height:16px;object-fit:contain;object-position:center;display:block;position:absolute;left:10px;bottom:8px}@media(max-width: 630px){.widget-application .widget-tab-panes .widget-tab-pane__icon{width:12px;height:12px;left:5px;bottom:3px}}.widget-application .widget-instructions{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3)}.widget-application .widget-instructions__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.5);border-radius:5px;overflow:hidden;width:350px}.widget-application .widget-instructions__head{width:100%;padding:10px;border-bottom:1px solid #d1d1d1;color:rgba(74,74,74,.7);text-align:center;font-size:.8rem}.widget-application .widget-instructions__body{width:100%;padding:10px;text-align:center;font-size:.7rem}.widget-application .widget-instructions__body p{margin:10px 0}.widget-application .widget-instructions__footer{width:100%}.widget-application .widget-instructions__footer button{width:100%;background-color:#fad436;font-size:.8rem;font-weight:500;text-align:center;color:#000;cursor:pointer;border:none;padding:10px 5px}.widget-application .widget-instructions__footer button:disabled{opacity:.75;cursor:not-allowed}.widget-application .widget-tab__panorama{width:100%;height:100%;position:absolute;left:0;top:0}.widget-application .widget-tab__panorama-overlay{width:100%;height:100%;overflow:hidden}.widget-application .widget-tab__panorama-mode,.widget-application .widget-tab__panorama-standart{position:absolute;right:15px;bottom:20px;color:#000;background-color:#fad436;padding:5px 15px;border-radius:10px;font-size:1rem;font-weight:bold;border:none;cursor:pointer;user-select:none;-webkit-user-select:none;user-drag:none;-webkit-user-drag:none}.widget-application .widget-tab__panorama-mode:hover,.widget-application .widget-tab__panorama-standart:hover{box-shadow:1px 1px 10px rgba(0,0,0,.15)}.widget-application .widget-tab__panorama-standart{right:100px}.widget-application .widget-tab__panorama-map{position:absolute;right:15px;bottom:70px;z-index:10000}.widget-application .widget-tab__panorama-map--hidden{display:none !important}.widget-application .widget-tab__panorama-map img{width:100px;border-radius:10px;cursor:zoom-in}.widget-application .widget-tab__panorama-map img.active{width:240px;cursor:zoom-out}.widget-application .widget-tab__panorama-map img:hover{box-shadow:1px 1px 10px rgba(0,0,0,.15)}.widget-application .widget-tab__panorama-map__dot{position:absolute;left:0;top:0;transform:translate(-50%, -50%);width:5px;height:5px;background-color:#fad436;border-radius:50%;cursor:pointer;z-index:10}.widget-application .widget-tab__panorama-map__dot--big{border:2px solid #fad436;box-shadow:inset 0 0 0 2px #fff;width:15px;height:15px}.widget-application .widget-tab__panorama-map__dot--active{background-color:red;border:2px solid red}.widget-loader{display:block;position:relative;width:80px;height:80px}.widget-loader--absolute{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.widget-loader--sm{transform:translate(-50%, -50%) scale(0.75)}.widget-loader div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fad436;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.widget-loader div:nth-child(1){left:8px;animation:widget-loader-1 .6s infinite}.widget-loader div:nth-child(2){left:8px;animation:widget-loader-2 .6s infinite}.widget-loader div:nth-child(3){left:32px;animation:widget-loader-2 .6s infinite}.widget-loader div:nth-child(4){left:56px;animation:widget-loader-3 .6s infinite}@keyframes widget-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes widget-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes widget-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.widget-application .widget-tab__model{width:100%;height:100%;position:absolute;left:0;top:0}.widget-application .widget-tab__model-scene{width:100%;height:100%;display:block}.widget-application .widget-tab__model-joystick{position:absolute;left:100px;bottom:100px;opacity:0;pointer-events:none}@media only screen and (max-width: 545px){.widget-application .widget-tab__model-joystick{left:50%;transform:translateX(-50%)}}.widget-application .widget-tab__model-joystick--active{opacity:1;pointer-events:unset}/*# sourceMappingURL=index.css.map */

package/build/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../src/assets/sass/index.sass","../src/assets/sass/vars.sass","../src/assets/sass/components/tabs.sass","../src/assets/sass/components/instructions.sass","../src/assets/sass/components/panorama.sass","../src/assets/sass/components/loader.sass","../src/assets/sass/components/model.sass"],"names":[],"mappings":"AAEA,mBACE,sBACA,8BACA,SACA,UAEF,UACE,eAEF,oBACE,YAEA,WACA,2BACA,gBACA,kBACA,UAEA,+EACE,8BACA,mCACA,kCACA,aACA,gBACA,qBAEF,kCACE,kBACA,aACA,mBACA,uBACA,UACA,WACA,SACA,MC9BI,KD+BJ,iBC7BQ,QD8BR,iBACA,mBACA,gBACA,YACA,eACA,wCACE,wCEzCJ,gCACE,WACA,YACA,aACA,mBACA,uBACA,6BACA,yBAPF,gCAQI,6BACF,8CACE,kBACF,uCACE,eACA,gBACA,mBACA,cACF,4CACE,WACA,YACA,kBACA,0BACA,sDACE,sBACA,uBACA,kBACA,YACA,iCACA,0DACE,kBACA,SACA,QACA,gCACA,eACA,gBACA,mBD1BR,iBACA,yBACA,eACA,uBC2BI,uHACE,kBACA,UACA,OACA,MACA,WACA,YACA,iBAEJ,qCACE,kBACA,UACA,UACA,SACA,gBACA,gBACA,oBACA,iDACE,aACA,eACA,uBACA,gBACA,WACA,qDACE,WACA,YACA,cACA,iBACA,eACA,kBACA,sBACJ,wCACE,qBACA,2CACE,MDrEF,KCsEE,iBDpEE,QCqEF,iBACA,mBACA,gBACA,YACA,eACA,mBACA,YDxER,iBACA,yBACA,eACA,uBCuEQ,iDACE,aACA,eACA,WAEA,6DACE,eACA,iBACA,WACA,YACA,SACA,kBACA,2FACE,wBACJ,4DACE,aACJ,iDACE,wCACF,wDACE,kBACA,+DACE,cACA,yCACA,eACA,iBACA,iBACA,cACA,kBACA,WACA,QAEZ,sCACE,kBACA,UACA,SACA,WACA,eACA,yBACA,2BACA,aACA,mBACA,2BACA,gBACA,yBAZF,sCAaI,0BACF,uDACE,WACA,YACA,kBACA,cACA,iBDhIM,QCiIN,eACA,iBACA,mBACA,aDpIM,QCqIN,gBACA,aACA,mBACA,uBACA,UACA,2BACA,kBDvIJ,iBACA,yBACA,eACA,uBCsII,yBAlBF,uDAmBI,WACA,YACA,cACF,+DACE,WACA,kBACA,OACA,MACA,WACA,YACA,6CACF,4HAEE,aD1JI,QC2JN,8DACE,WACA,YACA,iBACA,uBACA,cACF,6DACE,WACA,YACA,mBACA,uBACA,cACA,kBACA,UACA,WACA,yBATF,6DAUI,WACA,YACA,SACA,YCnLR,yCACE,kBACA,UACA,OACA,MACA,WACA,YACA,aACA,mBACA,uBACA,gCACA,kDACE,aACA,sBACA,uBACA,2BACA,iBFdE,KEeF,uCACA,kBACA,gBACA,YACF,+CACE,WACA,aACA,gCACA,wBACA,kBACA,gBACF,+CACE,WACA,aACA,kBACA,gBACA,iDACE,cACJ,iDACE,WACA,wDACE,WACA,iBFlCI,QEmCJ,gBACA,gBACA,kBACA,WACA,eACA,YACA,iBACA,iEACE,YACA,mBChDN,0CACE,WACA,YACA,kBACA,OACA,MACA,kDACE,WACA,YACA,gBACF,kGAEE,kBACA,WACA,YACA,MHbA,KGcA,iBHZI,QGaJ,iBACA,mBACA,eACA,iBACA,YACA,eHfN,iBACA,yBACA,eACA,uBGcM,8GACE,wCACJ,mDACE,YACF,8CACE,kBACA,WACA,YACA,cACA,sDACE,wBACF,kDACE,YACA,mBACA,eACA,yDACE,YACA,gBACF,wDACE,wCACJ,mDACE,kBACA,OACA,MACA,gCACA,UACA,WACA,iBH/CE,QGgDF,kBACA,eACA,WACA,wDACE,yBACA,gCACA,WACA,YACF,2DACE,qBACA,qBChEZ,eACE,cACA,kBACA,WACA,YACA,yBACE,kBACA,SACA,QACA,gCACF,mBACE,4CACF,mBACE,kBACA,SACA,WACA,YACA,kBACA,WJZQ,QIaR,mDACA,gCACE,SACA,uCACF,gCACE,SACA,uCACF,gCACE,UACA,uCACF,gCACE,UACA,uCAEN,2BACE,GACE,mBACF,KACE,oBAEJ,2BACE,GACE,mBACF,KACE,oBAEJ,2BACE,GACE,0BAEF,KACE,8BChDA,uCACE,WACA,YACA,kBACA,OACA,MACA,6CACE,WACA,YACA,cACF,gDACE,kBACA,WACA,aACA,UACA,oBACA,0CANF,gDAOI,SACA,4BACF,wDACE,UACA","file":"index.css"}