hart-estate-widget 0.0.10 → 0.0.11

package/build/api/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadFurnitureData = exports.STAGE_API_URL = exports.API_URL = void 0;
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/es.array.reduce.js");
+
+const API_URL = 'https://backend.estate.myhart.ru';
+exports.API_URL = API_URL;
+const STAGE_API_URL = 'https://backend-stage.estate.myhart.ru';
+exports.STAGE_API_URL = STAGE_API_URL;
+
+const loadFurnitureData = async furniture => {
+  const furnitureQuery = furniture.reduce((acc, item, i) => acc += "".concat(i === 0 ? '' : ',').concat(item.Model), '');
+  const path = "".concat(API_URL, "/api/furniture?only=").concat(furnitureQuery);
+  const response = await fetch(path);
+  return await response.json();
+};
+
+exports.loadFurnitureData = loadFurnitureData;

package/build/assets/img/ground.svg

@@ -0,0 +1,9 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="125" height="125" fill="white"/>
+<rect x="125" y="125" width="125" height="125" fill="white"/>
+<rect y="125" width="125" height="125" fill="black"/>
+<rect x="125" width="125" height="125" fill="black"/>
+<rect x="124" width="2" height="250" fill="#00A3FF"/>
+<rect y="126" width="2" height="250" transform="rotate(-90 0 126)" fill="#00A3FF"/>
+<rect x="0.5" y="0.5" width="249" height="249" stroke="#00A3FF"/>
+</svg>

package/build/assets/sass/animation.sass

@@ -0,0 +1,5 @@
+@keyframes fadeIn
+  0%
+    opacity: 0
+  100%
+    opacity: 1

package/build/assets/sass/components/panorama.sass

@@ -35,6 +35,8 @@
         right: 15px
         bottom: 70px
         z-index: 10000
+        &--hidden
+          display: none !important
         img
           width: 100px
           border-radius: 10px
@@ -61,38 +63,3 @@
           &--active
             background-color: red
             border: 2px solid red
-      &-menu
-        position: absolute
-        z-index: 3
-        left: 15px
-        top: 15px
-        max-height: 100%
-        overflow-y: auto
-        padding-bottom: 30px
-        ul
-          list-style-type: none
-          li
-            color: $black
-            background-color: $mainColor
-            padding: 5px 15px
-            border-radius: 10px
-            font-size: .8rem
-            border: none
-            cursor: pointer
-            margin-bottom: 15px
-            width: 150px
-            @include noSelect
-            &:hover
-              box-shadow: 1px 1px 10px rgba(0, 0, 0, .15)
-            &:nth-child(1)
-              position: relative
-              &::after
-                content: '|||'
-                transform: translateY(-50%) rotate(90deg)
-                font-size: 20px
-                line-height: 20px
-                margin-left: 10px
-                display: block
-                position: absolute
-                right: 10px
-                top: 50%

package/build/assets/sass/components/tabs.sass

@@ -48,6 +48,72 @@
         height: 100%
         object-fit: cover
 
+    &-menu
+      position: absolute
+      z-index: 3
+      left: 15px
+      top: 15px
+      max-height: 100%
+      overflow-y: auto
+      padding-bottom: 30px
+      &__wallpapers
+        display: flex
+        flex-wrap: wrap
+        align-items: flex-start
+        margin-top: 10px
+        width: 100%
+        img
+          width: 30px
+          height: 30px
+          display: block
+          object-fit: cover
+          cursor: pointer
+          margin-right: 10px
+          margin-block-end: 10px
+      ul
+        list-style-type: none
+        li
+          color: $black
+          background-color: $mainColor
+          padding: 5px 15px
+          border-radius: 10px
+          font-size: .8rem
+          border: none
+          cursor: pointer
+          margin-bottom: 15px
+          width: 200px
+          @include noSelect
+          label
+            display: flex
+            cursor: inherit
+            width: 100%
+          input
+            &[type=color]
+              cursor: pointer
+              margin-left: auto
+              width: 50px
+              height: 20px
+              border: 0
+              border-radius: 5px
+              &::-webkit-color-swatch-wrapper
+                display: none !important
+            &[type=file]
+              display: none
+          &:hover
+            box-shadow: 1px 1px 10px rgba(0, 0, 0, .15)
+          &:nth-child(1)
+            position: relative
+            &::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-tab-panes
     position: absolute
     z-index: 3

package/build/components/ModelTab.js

@@ -9,13 +9,9 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var THREE = _interopRequireWildcard(require("three"));
+var _mobxReactLite = require("mobx-react-lite");
 
-var _cameraControls = _interopRequireDefault(require("camera-controls"));
-
-var _modelHelpers = require("../utils/modelHelpers");
-
-var _grass = _interopRequireDefault(require("../assets/img/grass.png"));
+var _modelStore = _interopRequireDefault(require("../store/modelStore"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,93 +19,102 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-_cameraControls.default.install({
-  THREE: THREE
-});
-
-const textureLoader = new THREE.TextureLoader();
-
-const createScene = () => {
-  const scene = new THREE.Scene();
-  const light = new THREE.AmbientLight(0xffffff);
-  scene.background = new THREE.Color('#FAFAFA');
-  scene.add(light);
-  createGround(scene);
-  return scene;
-};
-
-const createCamera = renderer => {
-  const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
-  camera.position.set(0, 0, 0);
-  window.addEventListener('resize', () => {
-    camera.aspect = window.innerWidth / window.innerHeight;
-    camera.updateProjectionMatrix();
-    renderer.setSize(window.innerWidth, window.innerHeight);
-  });
-  return camera;
-};
-
-const createRenderer = () => {
-  const renderer = new THREE.WebGLRenderer();
-  renderer.setPixelRatio(window.devicePixelRatio);
-  renderer.setSize(window.innerWidth, window.innerHeight);
-  renderer.localClippingEnabled = true;
-  return renderer;
-};
-
-const createControls = (clock, camera, scene, renderer) => {
-  const controls = new _cameraControls.default(camera, renderer.domElement);
-  controls.minDistance = 0.5;
-  controls.maxDistance = 180;
-  controls.maxPolarAngle = Math.PI / 2.1;
-  (0, _modelHelpers.setDefaultControls)(controls, Math.PI / 4);
-  controls.verticalDragToForward = true;
-  (0, _modelHelpers.addKeyboardControls)(controls);
-
-  const animate = () => {
-    controls.update(clock.getDelta());
-    window.requestAnimationFrame(animate);
-    renderer.render(scene, camera);
-  };
-
-  animate();
-  return controls;
-};
-
-const createGround = scene => {
-  textureLoader.load(_grass.default, grassTexture => {
-    grassTexture.wrapS = grassTexture.wrapT = THREE.RepeatWrapping;
-    grassTexture.repeat.set(70, 70);
-    let groundMaterial = new THREE.MeshBasicMaterial({
-      map: grassTexture,
-      color: 'rgb(255,255,255)'
-    });
-    let groundMesh = new THREE.Mesh(new THREE.PlaneBufferGeometry(500, 500), groundMaterial);
-    groundMesh.rotation.x = -Math.PI / 2;
-    scene.add(groundMesh);
-  });
-};
-
-const ModelTab = _ref => {
+const ModelTab = (0, _mobxReactLite.observer)(_ref => {
   let {
     json
   } = _ref;
-  const [clock] = (0, _react.useState)(new THREE.Clock());
-  const [scene] = (0, _react.useState)(createScene());
-  const [renderer] = (0, _react.useState)(createRenderer());
-  const [camera] = (0, _react.useState)(createCamera(renderer));
-  const [controls] = (0, _react.useState)(createControls(clock, camera, scene, renderer));
+  const [menuState, setMenuState] = (0, _react.useState)(false);
+  const {
+    houseStore
+  } = _modelStore.default;
   (0, _react.useEffect)(() => {
     const container = document.querySelector('.widget-tab__model-scene');
-    if (container.children.length !== 0) return;
-    container.appendChild(renderer.domElement);
-  }, [renderer]);
+    container.appendChild(_modelStore.default.renderer.domElement);
+
+    _modelStore.default.setCurrentControlsType('orbit');
+
+    if (_modelStore.default.initialized) {
+      _modelStore.default.houseStore.setDoorsVisibility(true);
+
+      _modelStore.default.houseStore.setFullBuildingVisibility(true);
+
+      _modelStore.default.houseStore.setCurrentWallsMaterialType('texture');
+
+      return;
+    }
+
+    _modelStore.default.init(json);
+  }, [json]);
+
+  const getNextWallsMaterialType = () => {
+    if (houseStore.wallsMaterialType === 'texture') return 'color';
+    return 'texture';
+  };
+
+  const onImageUploaded = _ref2 => {
+    let {
+      target
+    } = _ref2;
+    if (!target.files.length) return;
+    const reader = new FileReader();
+
+    reader.onload = e => houseStore.addWallTexture(e.target.result);
+
+    reader.readAsDataURL(target.files[0]);
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-tab__model"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "widget-tab__model-scene"
-  }));
-};
-
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "widget-tab-menu"
+  }, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", {
+    onClick: () => setMenuState(!menuState)
+  }, "Menu"), menuState && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("li", {
+    onClick: () => _modelStore.default.setCurrentControlsType('wasd')
+  }, "WASD"), /*#__PURE__*/_react.default.createElement("li", {
+    onClick: () => _modelStore.default.setCurrentControlsType('plan')
+  }, "View from above"), /*#__PURE__*/_react.default.createElement("li", {
+    onClick: () => _modelStore.default.setCurrentControlsType('orbit')
+  }, "Free camera"), /*#__PURE__*/_react.default.createElement("li", {
+    onClick: () => houseStore.setPlanMode()
+  }, "Plan"), /*#__PURE__*/_react.default.createElement("li", {
+    onClick: () => houseStore.setFullBuildingVisibility(!houseStore.isFullBuildingVisible)
+  }, houseStore.isFullBuildingVisible ? 'Hide walls' : 'Show walls'), /*#__PURE__*/_react.default.createElement("li", {
+    onClick: () => houseStore.setDoorsVisibility(!houseStore.isDoorsVisible)
+  }, houseStore.isDoorsVisible ? 'Hide doors' : 'Show doors'), /*#__PURE__*/_react.default.createElement("li", {
+    onClick: () => houseStore.setCurrentWallsMaterialType(getNextWallsMaterialType())
+  }, "Material: ", houseStore.wallsMaterialType === 'texture' ? 'Texture' : 'Color'), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("label", null, "Wall color:", /*#__PURE__*/_react.default.createElement("input", {
+    type: "color",
+    onChange: _ref3 => {
+      let {
+        target
+      } = _ref3;
+      return houseStore.setCurrentWallColor(target.value);
+    },
+    style: {
+      background: houseStore.wallsColor
+    },
+    value: houseStore.wallsColor
+  }))), /*#__PURE__*/_react.default.createElement("li", null, "Wall texture:", /*#__PURE__*/_react.default.createElement("div", {
+    className: "widget-tab-menu__wallpapers"
+  }, houseStore && houseStore.wallsTextures.map((_ref4, index) => {
+    let {
+      image,
+      texture
+    } = _ref4;
+    return /*#__PURE__*/_react.default.createElement("img", {
+      key: index,
+      src: image,
+      onClick: () => houseStore.setCurrentWallTexture(texture),
+      alt: "texture=".concat(index)
+    });
+  }))), /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("label", null, "Upload wall texture", /*#__PURE__*/_react.default.createElement("input", {
+    onChange: onImageUploaded,
+    type: "file",
+    accept: ".jpg, .jpeg, .png"
+  })))))));
+});
 var _default = ModelTab;
 exports.default = _default;

package/build/components/PanoramaTab.js

@@ -181,14 +181,14 @@ const PanoramaTab = _ref => {
   }), loadingState && /*#__PURE__*/_react.default.createElement(_Loader.default, {
     absolute: true
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab__panorama-menu"
+    className: "widget-tab-menu"
   }, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", {
     onClick: () => setMenuState(!menuState)
   }, "Rooms"), menuState && panoramaRooms.map((room, index) => /*#__PURE__*/_react.default.createElement("li", {
     key: index,
     onClick: () => changePanorama(room.panorama, index)
   }, currentRoomIndex === index && '• ', " ", room.type)))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "widget-tab__panorama-map"
+    className: "widget-tab__panorama-map ".concat(planImage ? '' : 'widget-tab__panorama-map--hidden')
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: planImage,
     className: isMapActive ? 'active' : '',

package/build/index.css

@@ -1 +1 @@
-*,*: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-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-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 img{width:100px;border-radius:10px}.widget-application .widget-tab__panorama-map img.active{width:240px}.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-application .widget-tab__panorama-menu{position:absolute;z-index:3;left:15px;top:15px;max-height:100%;overflow-y:auto;padding-bottom:30px}.widget-application .widget-tab__panorama-menu ul{list-style-type:none}.widget-application .widget-tab__panorama-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:150px;user-select:none;-webkit-user-select:none;user-drag:none;-webkit-user-drag:none}.widget-application .widget-tab__panorama-menu ul li:hover{box-shadow:1px 1px 10px rgba(0,0,0,.15)}.widget-application .widget-tab__panorama-menu ul li:nth-child(1){position:relative}.widget-application .widget-tab__panorama-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-loader{display:block;position:relative;width:80px;height:80px}.widget-loader--absolute{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.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}/*# sourceMappingURL=index.css.map */
+*,*: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-menu{position:absolute;z-index:3;left:15px;top:15px;max-height:100%;overflow-y:auto;padding-bottom:30px}.widget-application-menu__wallpapers{display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:10px;width:100%}.widget-application-menu__wallpapers img{width:30px;height:30px;display:block;object-fit:cover;cursor:pointer}.widget-application-menu ul{list-style-type:none}.widget-application-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:150px;user-select:none;-webkit-user-select:none;user-drag:none;-webkit-user-drag:none}.widget-application-menu ul li:hover{box-shadow:1px 1px 10px rgba(0,0,0,.15)}.widget-application-menu ul li:nth-child(1){position:relative}.widget-application-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-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}.widget-application .widget-tab__panorama-map img.active{width:240px}.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 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}/*# sourceMappingURL=index.css.map */

package/build/index.css.map

@@ -1 +1 @@
-{"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,iBAEN,sCACE,kBACA,UACA,SACA,WACA,eACA,yBACA,2BACA,aACA,mBACA,2BACA,gBACA,yBAZF,sCAaI,0BACF,uDACE,WACA,YACA,kBACA,cACA,iBD9DM,QC+DN,eACA,iBACA,mBACA,aDlEM,QCmEN,gBACA,aACA,mBACA,uBACA,UACA,2BACA,kBDrEJ,iBACA,yBACA,eACA,uBCoEI,yBAlBF,uDAmBI,WACA,YACA,cACF,+DACE,WACA,kBACA,OACA,MACA,WACA,YACA,6CACF,4HAEE,aDxFI,QCyFN,8DACE,WACA,YACA,iBACA,uBACA,cACF,6DACE,WACA,YACA,mBACA,uBACA,cACA,kBACA,UACA,WACA,yBATF,6DAUI,WACA,YACA,SACA,YCjHR,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,iBC7CJ,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,kDACE,YACA,mBACA,yDACE,YACF,wDACE,wCACJ,mDACE,kBACA,OACA,MACA,gCACA,UACA,WACA,iBH3CE,QG4CF,kBACA,eACA,WACA,wDACE,yBACA,gCACA,WACA,YACF,2DACE,qBACA,qBACN,+CACE,kBACA,UACA,UACA,SACA,gBACA,gBACA,oBACA,kDACE,qBACA,qDACE,MHpEJ,KGqEI,iBHnEA,QGoEA,iBACA,mBACA,gBACA,YACA,eACA,mBACA,YHvEV,iBACA,yBACA,eACA,uBGsEU,2DACE,wCACF,kEACE,kBACA,yEACE,cACA,yCACA,eACA,iBACA,iBACA,cACA,kBACA,WACA,QC/FhB,eACE,cACA,kBACA,WACA,YACA,yBACE,kBACA,SACA,QACA,gCACF,mBACE,kBACA,SACA,WACA,YACA,kBACA,WJVQ,QIWR,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,8BC9CA,uCACE,WACA,YACA,kBACA,OACA,MACA,6CACE,WACA,YACA","file":"index.css"}
+{"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,iBAEN,yBACE,kBACA,UACA,UACA,SACA,gBACA,gBACA,oBACA,qCACE,aACA,eACA,uBACA,gBACA,WACA,yCACE,WACA,YACA,cACA,iBACA,eACJ,4BACE,qBACA,+BACE,MDnEA,KCoEA,iBDlEI,QCmEJ,iBACA,mBACA,gBACA,YACA,eACA,mBACA,YDtEN,iBACA,yBACA,eACA,uBCqEM,qCACE,wCACF,4CACE,kBACA,mDACE,cACA,yCACA,eACA,iBACA,iBACA,cACA,kBACA,WACA,QAEV,sCACE,kBACA,UACA,SACA,WACA,eACA,yBACA,2BACA,aACA,mBACA,2BACA,gBACA,yBAZF,sCAaI,0BACF,uDACE,WACA,YACA,kBACA,cACA,iBD9GM,QC+GN,eACA,iBACA,mBACA,aDlHM,QCmHN,gBACA,aACA,mBACA,uBACA,UACA,2BACA,kBDrHJ,iBACA,yBACA,eACA,uBCoHI,yBAlBF,uDAmBI,WACA,YACA,cACF,+DACE,WACA,kBACA,OACA,MACA,WACA,YACA,6CACF,4HAEE,aDxII,QCyIN,8DACE,WACA,YACA,iBACA,uBACA,cACF,6DACE,WACA,YACA,mBACA,uBACA,cACA,kBACA,UACA,WACA,yBATF,6DAUI,WACA,YACA,SACA,YCjKR,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,iBC7CJ,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,yDACE,YACF,wDACE,wCACJ,mDACE,kBACA,OACA,MACA,gCACA,UACA,WACA,iBH7CE,QG8CF,kBACA,eACA,WACA,wDACE,yBACA,gCACA,WACA,YACF,2DACE,qBACA,qBC9DZ,eACE,cACA,kBACA,WACA,YACA,yBACE,kBACA,SACA,QACA,gCACF,mBACE,kBACA,SACA,WACA,YACA,kBACA,WJVQ,QIWR,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,8BC9CA,uCACE,WACA,YACA,kBACA,OACA,MACA,6CACE,WACA,YACA","file":"index.css"}