hart-estate-widget 0.0.66 → 0.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/package.json +17 -5
- package/build/assets/css/app.css +0 -1
- package/build/assets/css/app.css.map +0 -1
- package/build/assets/fonts/RobotoMono/RobotoMono-Bold.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Bold.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Bold.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-BoldItalic.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-BoldItalic.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-BoldItalic.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Italic.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Italic.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Italic.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Light.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Light.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Light.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-LightItalic.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-LightItalic.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-LightItalic.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Medium.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Medium.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Medium.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-MediumItalic.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-MediumItalic.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-MediumItalic.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Regular.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Regular.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Regular.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Thin.ttf +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Thin.woff +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono-Thin.woff2 +0 -0
- package/build/assets/fonts/RobotoMono/RobotoMono.css +0 -98
- package/build/assets/icons/1x.svg +0 -4
- package/build/assets/icons/2x.svg +0 -4
- package/build/assets/icons/arrow-left.svg +0 -4
- package/build/assets/icons/arrow-right.svg +0 -4
- package/build/assets/icons/bullet.png +0 -0
- package/build/assets/icons/close.svg +0 -4
- package/build/assets/icons/enter-fullscreen.svg +0 -6
- package/build/assets/icons/hand-move.svg +0 -15
- package/build/assets/icons/hand-research.svg +0 -12
- package/build/assets/icons/plan.svg +0 -5
- package/build/assets/icons/render.svg +0 -7
- package/build/assets/icons/rotation-close.svg +0 -6
- package/build/assets/icons/rotation.svg +0 -4
- package/build/assets/icons/surface.svg +0 -5
- package/build/assets/img/3D.jpg +0 -0
- package/build/assets/img/door-icon.png +0 -0
- package/build/assets/img/door-texture.jpeg +0 -0
- package/build/assets/img/exterior-wall-texture-roughness.jpg +0 -0
- package/build/assets/img/exterior-wall-texture.jpeg +0 -0
- package/build/assets/img/floor-bathroom.jpg +0 -0
- package/build/assets/img/floor-dark.png +0 -0
- package/build/assets/img/floor-white.png +0 -0
- package/build/assets/img/floor.jpg +0 -0
- package/build/assets/img/grass.png +0 -0
- package/build/assets/img/logo.svg +0 -11
- package/build/assets/img/refresh-icon.svg +0 -6
- package/build/assets/img/spot-icon.png +0 -0
- package/build/assets/img/wall-texture.jpg +0 -0
- package/build/assets/sass/components/instructions.sass +0 -94
- package/build/assets/sass/components/loader.sass +0 -54
- package/build/assets/sass/components/model.sass +0 -27
- package/build/assets/sass/components/panorama.sass +0 -174
- package/build/assets/sass/components/rotation.sass +0 -202
- package/build/assets/sass/components/tabs.sass +0 -121
- package/build/assets/sass/index.sass +0 -65
- package/build/assets/sass/mixin.sass +0 -48
- package/build/assets/sass/vars.sass +0 -28
- package/build/components/Application.js +0 -135
- package/build/components/Buttons/FullScreenButton.js +0 -50
- package/build/components/Buttons/TabButton.js +0 -24
- package/build/components/Instructions.js +0 -54
- package/build/components/Loader.js +0 -22
- package/build/components/ModelTab.js +0 -213
- package/build/components/PanoramaTab.js +0 -620
- package/build/components/RotationTab/DefaultView.js +0 -124
- package/build/components/RotationTab/ThreesixtyView.js +0 -45
- package/build/components/RotationTab/index.js +0 -194
- package/build/components/Widget.js +0 -110
- package/build/config/defaultConfig.js +0 -32
- package/build/enums/deviceOrientationStatuses.js +0 -11
- package/build/enums/deviceWidth.js +0 -21
- package/build/enums/imageExtentions.js +0 -16
- package/build/enums/rotationModes.js +0 -11
- package/build/index.css +0 -2
- package/build/index.js +0 -75
- package/build/locale/en/data.json +0 -25
- package/build/locale/index.js +0 -71
- package/build/locale/ru/data.json +0 -25
- package/build/store/apiStore.js +0 -231
- package/build/store/deviceStore.js +0 -60
- package/build/store/fullScreenStore.js +0 -159
- package/build/store/houseStore.js +0 -952
- package/build/store/index.js +0 -124
- package/build/store/modelStore.js +0 -338
- package/build/threesixty/events.js +0 -220
- package/build/threesixty/index.js +0 -264
- package/build/utils/csg/csg-lib.js +0 -472
- package/build/utils/csg/csg-worker.js +0 -84
- package/build/utils/csg/three-csg.js +0 -277
- package/build/utils/helpers.js +0 -12
- package/build/utils/modelHelpers.js +0 -161
- package/build/utils/panoramaHelpers.js +0 -117
@@ -1,124 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = void 0;
|
7
|
-
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
10
|
-
var _surface = _interopRequireDefault(require("../../assets/icons/surface.svg"));
|
11
|
-
|
12
|
-
var _render = _interopRequireDefault(require("../../assets/icons/render.svg"));
|
13
|
-
|
14
|
-
var _plan = _interopRequireDefault(require("../../assets/icons/plan.svg"));
|
15
|
-
|
16
|
-
var _arrowRight = _interopRequireDefault(require("../../assets/icons/arrow-right.svg"));
|
17
|
-
|
18
|
-
var _arrowLeft = _interopRequireDefault(require("../../assets/icons/arrow-left.svg"));
|
19
|
-
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21
|
-
|
22
|
-
var DefaultView = function DefaultView(_ref) {
|
23
|
-
var topViewImage = _ref.topViewImage,
|
24
|
-
activeIndex = _ref.activeIndex,
|
25
|
-
currentStep = _ref.currentStep,
|
26
|
-
planImage = _ref.planImage,
|
27
|
-
images = _ref.images,
|
28
|
-
steps = _ref.steps,
|
29
|
-
setCurrentStep = _ref.setCurrentStep,
|
30
|
-
setActiveIndex = _ref.setActiveIndex;
|
31
|
-
|
32
|
-
var getCurrentButtonIcon = function getCurrentButtonIcon() {
|
33
|
-
switch (getNextStep()) {
|
34
|
-
case 'carousel':
|
35
|
-
return _render.default;
|
36
|
-
|
37
|
-
case 'plan':
|
38
|
-
return _surface.default;
|
39
|
-
|
40
|
-
case 'topView':
|
41
|
-
return _plan.default;
|
42
|
-
|
43
|
-
default:
|
44
|
-
return _plan.default;
|
45
|
-
}
|
46
|
-
};
|
47
|
-
|
48
|
-
var getNextStep = function getNextStep() {
|
49
|
-
var currentStepIndex = steps.findIndex(function (step) {
|
50
|
-
return step === currentStep;
|
51
|
-
});
|
52
|
-
return steps[currentStepIndex + 1] || steps[0];
|
53
|
-
};
|
54
|
-
|
55
|
-
var onNextArrowClick = function onNextArrowClick() {
|
56
|
-
var index = activeIndex + 1;
|
57
|
-
|
58
|
-
if (!images[index]) {
|
59
|
-
setActiveIndex(0);
|
60
|
-
return;
|
61
|
-
}
|
62
|
-
|
63
|
-
setActiveIndex(index);
|
64
|
-
};
|
65
|
-
|
66
|
-
var onPrevArrowClick = function onPrevArrowClick() {
|
67
|
-
var index = activeIndex - 1;
|
68
|
-
|
69
|
-
if (!images[index]) {
|
70
|
-
setActiveIndex(images.length - 1);
|
71
|
-
return;
|
72
|
-
}
|
73
|
-
|
74
|
-
setActiveIndex(index);
|
75
|
-
};
|
76
|
-
|
77
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
78
|
-
className: "widget-tab__isometry"
|
79
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
80
|
-
className: "widget-tab__isometry-container"
|
81
|
-
}, /*#__PURE__*/_react.default.createElement("img", {
|
82
|
-
className: "widget-tab__isometry--plan ".concat(currentStep === 'plan' ? 'active' : ''),
|
83
|
-
src: planImage,
|
84
|
-
alt: "plan-view"
|
85
|
-
}), /*#__PURE__*/_react.default.createElement("img", {
|
86
|
-
className: "widget-tab__isometry--top-view ".concat(currentStep === 'topView' ? 'active' : ''),
|
87
|
-
src: topViewImage,
|
88
|
-
alt: "top-view"
|
89
|
-
}), images.map(function (img, index) {
|
90
|
-
return /*#__PURE__*/_react.default.createElement("img", {
|
91
|
-
className: currentStep === 'carousel' && activeIndex === index ? 'active' : '',
|
92
|
-
alt: "rotation-view-".concat(index),
|
93
|
-
key: index,
|
94
|
-
src: img
|
95
|
-
});
|
96
|
-
}))), currentStep === 'carousel' && /*#__PURE__*/_react.default.createElement("div", {
|
97
|
-
className: "widget-tab__isometry-arrows"
|
98
|
-
}, /*#__PURE__*/_react.default.createElement("button", {
|
99
|
-
className: "widget-tab__isometry-arrow widget-tab__isometry-arrow--prev",
|
100
|
-
onClick: onPrevArrowClick
|
101
|
-
}, /*#__PURE__*/_react.default.createElement("img", {
|
102
|
-
src: _arrowLeft.default,
|
103
|
-
alt: "arrow-left"
|
104
|
-
})), /*#__PURE__*/_react.default.createElement("span", null, activeIndex + 1, "/", images.length), /*#__PURE__*/_react.default.createElement("button", {
|
105
|
-
className: "widget-tab__isometry-arrow widget-tab__isometry-arrow--next",
|
106
|
-
onClick: onNextArrowClick
|
107
|
-
}, /*#__PURE__*/_react.default.createElement("img", {
|
108
|
-
src: _arrowRight.default,
|
109
|
-
alt: "arrow-right"
|
110
|
-
}))), /*#__PURE__*/_react.default.createElement("div", {
|
111
|
-
className: "widget-tab__isometry-buttons"
|
112
|
-
}, steps.length > 1 && /*#__PURE__*/_react.default.createElement("button", {
|
113
|
-
className: "widget-tab__isometry-button",
|
114
|
-
onClick: function onClick() {
|
115
|
-
return setCurrentStep(getNextStep());
|
116
|
-
}
|
117
|
-
}, /*#__PURE__*/_react.default.createElement("img", {
|
118
|
-
src: getCurrentButtonIcon(),
|
119
|
-
alt: "".concat(currentStep, "-icon")
|
120
|
-
}))));
|
121
|
-
};
|
122
|
-
|
123
|
-
var _default = DefaultView;
|
124
|
-
exports.default = _default;
|
@@ -1,45 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = void 0;
|
7
|
-
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
10
|
-
var _locale = _interopRequireDefault(require("../../locale"));
|
11
|
-
|
12
|
-
var _rotation = _interopRequireDefault(require("../../assets/icons/rotation.svg"));
|
13
|
-
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
|
-
|
16
|
-
var ThreesixtyView = function ThreesixtyView(_ref) {
|
17
|
-
var initialized = _ref.initialized,
|
18
|
-
showInstructions = _ref.showInstructions,
|
19
|
-
images = _ref.images,
|
20
|
-
activeIndex = _ref.activeIndex,
|
21
|
-
openInstructions = _ref.openInstructions;
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
23
|
-
className: "widget-tab__threesixty ".concat(initialized ? 'widget-tab__threesixty--active' : '')
|
24
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
25
|
-
className: "widget-tab__threesixty-container"
|
26
|
-
}, images.map(function (img, index) {
|
27
|
-
return /*#__PURE__*/_react.default.createElement("img", {
|
28
|
-
className: activeIndex === index ? 'active' : '',
|
29
|
-
alt: "rotation-view-".concat(index),
|
30
|
-
key: index,
|
31
|
-
src: img
|
32
|
-
});
|
33
|
-
}))), !initialized && !showInstructions && /*#__PURE__*/_react.default.createElement("button", {
|
34
|
-
className: "widget-tab__rotation-start",
|
35
|
-
onClick: openInstructions
|
36
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
37
|
-
className: "widget-tab__rotation-start-icon"
|
38
|
-
}, /*#__PURE__*/_react.default.createElement("img", {
|
39
|
-
src: _rotation.default,
|
40
|
-
alt: "start-icon"
|
41
|
-
})), /*#__PURE__*/_react.default.createElement("span", null, _locale.default.getLocaleText('rotate'))));
|
42
|
-
};
|
43
|
-
|
44
|
-
var _default = ThreesixtyView;
|
45
|
-
exports.default = _default;
|
@@ -1,194 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports.default = void 0;
|
9
|
-
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
11
|
-
|
12
|
-
var _panzoom = _interopRequireDefault(require("panzoom"));
|
13
|
-
|
14
|
-
var _threesixty = _interopRequireDefault(require("../../threesixty"));
|
15
|
-
|
16
|
-
var _rotationModes = require("../../enums/rotationModes");
|
17
|
-
|
18
|
-
var _helpers = require("../../utils/helpers");
|
19
|
-
|
20
|
-
var _locale = _interopRequireDefault(require("../../locale"));
|
21
|
-
|
22
|
-
var _ThreesixtyView = _interopRequireDefault(require("./ThreesixtyView"));
|
23
|
-
|
24
|
-
var _Instructions = _interopRequireDefault(require("../Instructions"));
|
25
|
-
|
26
|
-
var _DefaultView = _interopRequireDefault(require("./DefaultView"));
|
27
|
-
|
28
|
-
var _handMove = _interopRequireDefault(require("../../assets/icons/hand-move.svg"));
|
29
|
-
|
30
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
31
|
-
|
32
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
33
|
-
|
34
|
-
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; }
|
35
|
-
|
36
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
37
|
-
|
38
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
39
|
-
|
40
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
41
|
-
|
42
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
43
|
-
|
44
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
45
|
-
|
46
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
47
|
-
|
48
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
49
|
-
|
50
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
51
|
-
|
52
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
53
|
-
|
54
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
55
|
-
|
56
|
-
var RotationTab = function RotationTab(_ref) {
|
57
|
-
var planImage = _ref.planImage,
|
58
|
-
topViewImage = _ref.topViewImage,
|
59
|
-
images = _ref.images,
|
60
|
-
mode = _ref.mode,
|
61
|
-
_ref$disabled = _ref.disabled,
|
62
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled;
|
63
|
-
|
64
|
-
var getSteps = function getSteps() {
|
65
|
-
var availableSteps = [];
|
66
|
-
if (images && images.length > 0) availableSteps.push('carousel');
|
67
|
-
if (planImage) availableSteps.push('plan');
|
68
|
-
if (topViewImage) availableSteps.push('topView');
|
69
|
-
return availableSteps;
|
70
|
-
};
|
71
|
-
|
72
|
-
var instructionSteps = [{
|
73
|
-
icon: _handMove.default,
|
74
|
-
text: _locale.default.getLocaleText('rotate-plan')
|
75
|
-
}];
|
76
|
-
|
77
|
-
var _useState = (0, _react.useState)(false),
|
78
|
-
_useState2 = _slicedToArray(_useState, 2),
|
79
|
-
showInstructions = _useState2[0],
|
80
|
-
setInstructionsState = _useState2[1];
|
81
|
-
|
82
|
-
var _useState3 = (0, _react.useState)(false),
|
83
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
84
|
-
initialized = _useState4[0],
|
85
|
-
setInitState = _useState4[1];
|
86
|
-
|
87
|
-
var _useState5 = (0, _react.useState)(null),
|
88
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
89
|
-
controller = _useState6[0],
|
90
|
-
setController = _useState6[1];
|
91
|
-
|
92
|
-
var _useState7 = (0, _react.useState)(0),
|
93
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
94
|
-
activeIndex = _useState8[0],
|
95
|
-
setActiveIndex = _useState8[1];
|
96
|
-
|
97
|
-
var _useState9 = (0, _react.useState)(null),
|
98
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
99
|
-
rotation = _useState10[0],
|
100
|
-
setRotation = _useState10[1];
|
101
|
-
|
102
|
-
var _useState11 = (0, _react.useState)(getSteps()),
|
103
|
-
_useState12 = _slicedToArray(_useState11, 1),
|
104
|
-
steps = _useState12[0];
|
105
|
-
|
106
|
-
var _useState13 = (0, _react.useState)(steps[0]),
|
107
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
108
|
-
currentStep = _useState14[0],
|
109
|
-
setCurrentStep = _useState14[1];
|
110
|
-
|
111
|
-
var openInstructions = function openInstructions() {
|
112
|
-
return setInstructionsState(true);
|
113
|
-
};
|
114
|
-
|
115
|
-
function updateRotation() {
|
116
|
-
setActiveIndex(this.index);
|
117
|
-
}
|
118
|
-
|
119
|
-
var createThreesixty = function createThreesixty() {
|
120
|
-
setInstructionsState(false);
|
121
|
-
setInitState(true);
|
122
|
-
var container = document.querySelector('.widget-tab__threesixty-container');
|
123
|
-
var widgetTab = document.querySelector('.widget-tab__rotation');
|
124
|
-
var newRotation = new _threesixty.default(container, {
|
125
|
-
image: _toConsumableArray(images),
|
126
|
-
parentElement: widgetTab,
|
127
|
-
inverted: true,
|
128
|
-
speed: 150
|
129
|
-
});
|
130
|
-
newRotation._update = updateRotation;
|
131
|
-
newRotation.play(true);
|
132
|
-
controller.on('panstart', function () {
|
133
|
-
newRotation.stop();
|
134
|
-
|
135
|
-
newRotation._update = function () {};
|
136
|
-
});
|
137
|
-
controller.on('panend', function () {
|
138
|
-
newRotation.goto(newRotation.index);
|
139
|
-
newRotation._update = updateRotation;
|
140
|
-
});
|
141
|
-
setRotation(newRotation);
|
142
|
-
};
|
143
|
-
|
144
|
-
var onChangeStep = function onChangeStep(index) {
|
145
|
-
var _controller$getTransf = controller.getTransform(),
|
146
|
-
scale = _controller$getTransf.scale;
|
147
|
-
|
148
|
-
controller.pause();
|
149
|
-
controller.zoomTo(0, 0, 1 / scale);
|
150
|
-
controller.moveTo(0, 0);
|
151
|
-
controller.resume();
|
152
|
-
setCurrentStep(index);
|
153
|
-
};
|
154
|
-
|
155
|
-
(0, _react.useEffect)(function () {
|
156
|
-
var threesixtyContainer = document.querySelector('.widget-tab__threesixty-container');
|
157
|
-
var defaultContainer = document.querySelector('.widget-tab__isometry-container');
|
158
|
-
var container = mode === _rotationModes.rotationModes.THREESIXTY ? threesixtyContainer : defaultContainer;
|
159
|
-
var controller = (0, _panzoom.default)(container, {
|
160
|
-
beforeMouseDown: function beforeMouseDown(event) {
|
161
|
-
return !event.shiftKey;
|
162
|
-
},
|
163
|
-
minZoom: 0.5,
|
164
|
-
maxZoom: 3
|
165
|
-
});
|
166
|
-
setController(controller);
|
167
|
-
}, []);
|
168
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
169
|
-
className: "widget-tab__rotation",
|
170
|
-
onContextMenu: _helpers.preventRightClick
|
171
|
-
}, mode === _rotationModes.rotationModes.THREESIXTY && /*#__PURE__*/_react.default.createElement(_ThreesixtyView.default, {
|
172
|
-
showInstructions: showInstructions,
|
173
|
-
openInstructions: openInstructions,
|
174
|
-
initialized: initialized,
|
175
|
-
activeIndex: activeIndex,
|
176
|
-
images: images
|
177
|
-
}), mode === _rotationModes.rotationModes.DEFAULT && /*#__PURE__*/_react.default.createElement(_DefaultView.default, {
|
178
|
-
setActiveIndex: setActiveIndex,
|
179
|
-
setCurrentStep: onChangeStep,
|
180
|
-
topViewImage: topViewImage,
|
181
|
-
activeIndex: activeIndex,
|
182
|
-
currentStep: currentStep,
|
183
|
-
planImage: planImage,
|
184
|
-
images: images,
|
185
|
-
steps: steps
|
186
|
-
}), showInstructions && /*#__PURE__*/_react.default.createElement(_Instructions.default, {
|
187
|
-
onClick: createThreesixty,
|
188
|
-
steps: instructionSteps,
|
189
|
-
disabled: disabled
|
190
|
-
}));
|
191
|
-
};
|
192
|
-
|
193
|
-
var _default = RotationTab;
|
194
|
-
exports.default = _default;
|
@@ -1,110 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = void 0;
|
7
|
-
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
10
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
11
|
-
|
12
|
-
var _store = _interopRequireDefault(require("../store"));
|
13
|
-
|
14
|
-
var _fullScreenStore = _interopRequireDefault(require("../store/fullScreenStore"));
|
15
|
-
|
16
|
-
var _modelStore = _interopRequireDefault(require("../store/modelStore"));
|
17
|
-
|
18
|
-
var _Application = _interopRequireDefault(require("./Application"));
|
19
|
-
|
20
|
-
var _defaultConfig = _interopRequireDefault(require("../config/defaultConfig"));
|
21
|
-
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23
|
-
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
25
|
-
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
27
|
-
|
28
|
-
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; }
|
29
|
-
|
30
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
31
|
-
|
32
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
33
|
-
|
34
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
35
|
-
|
36
|
-
var Widget = /*#__PURE__*/function () {
|
37
|
-
function Widget(container) {
|
38
|
-
var _this = this;
|
39
|
-
|
40
|
-
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
41
|
-
|
42
|
-
_classCallCheck(this, Widget);
|
43
|
-
|
44
|
-
var config = _objectSpread(_objectSpread({}, _defaultConfig.default), options);
|
45
|
-
|
46
|
-
var widgetContainer = document.querySelector(container);
|
47
|
-
if (!widgetContainer) throw new Error("\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043D\u0430\u0439\u0442\u0438 \u044D\u043B\u0435\u043C\u0435\u043D\u0442: #".concat(container));
|
48
|
-
|
49
|
-
if (!options.width) {
|
50
|
-
config.width = widgetContainer.offsetWidth;
|
51
|
-
}
|
52
|
-
|
53
|
-
if (!options.height) {
|
54
|
-
config.height = widgetContainer.offsetHeight;
|
55
|
-
}
|
56
|
-
|
57
|
-
config.containerElement = widgetContainer;
|
58
|
-
|
59
|
-
_store.default.setConfig(config);
|
60
|
-
|
61
|
-
_fullScreenStore.default.resize(config);
|
62
|
-
|
63
|
-
if (config.resizable) {
|
64
|
-
window.addEventListener('resize', function () {
|
65
|
-
return _this.onResize();
|
66
|
-
});
|
67
|
-
}
|
68
|
-
|
69
|
-
_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_Application.default, null), widgetContainer);
|
70
|
-
}
|
71
|
-
|
72
|
-
_createClass(Widget, [{
|
73
|
-
key: "options",
|
74
|
-
get: function get() {
|
75
|
-
return _store.default.config;
|
76
|
-
}
|
77
|
-
}, {
|
78
|
-
key: "updateSize",
|
79
|
-
value: function updateSize(size) {
|
80
|
-
var newConfig = _objectSpread(_objectSpread({}, this.options), size);
|
81
|
-
|
82
|
-
_modelStore.default.removeHouse();
|
83
|
-
|
84
|
-
_store.default.setConfig(newConfig);
|
85
|
-
|
86
|
-
_fullScreenStore.default.resize(newConfig);
|
87
|
-
}
|
88
|
-
}, {
|
89
|
-
key: "onResize",
|
90
|
-
value: function onResize() {
|
91
|
-
var _this$options$contain = this.options.containerElement,
|
92
|
-
width = _this$options$contain.offsetWidth,
|
93
|
-
height = _this$options$contain.offsetHeight;
|
94
|
-
this.updateSize({
|
95
|
-
width: width,
|
96
|
-
height: height
|
97
|
-
});
|
98
|
-
}
|
99
|
-
}, {
|
100
|
-
key: "on",
|
101
|
-
value: function on(event, callback) {
|
102
|
-
_store.default.addEventListener(event, callback);
|
103
|
-
}
|
104
|
-
}]);
|
105
|
-
|
106
|
-
return Widget;
|
107
|
-
}();
|
108
|
-
|
109
|
-
var _default = Widget;
|
110
|
-
exports.default = _default;
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = void 0;
|
7
|
-
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
10
|
-
var _rotationModes = require("../enums/rotationModes");
|
11
|
-
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
|
-
|
14
|
-
var defaultConfig = {
|
15
|
-
tabs: ['rotation', 'panorama'],
|
16
|
-
name: null,
|
17
|
-
logo: null,
|
18
|
-
logoUrl: null,
|
19
|
-
resizable: true,
|
20
|
-
width: 1920,
|
21
|
-
height: 1080,
|
22
|
-
planImage: null,
|
23
|
-
topViewImage: null,
|
24
|
-
rotationMode: _rotationModes.rotationModes.default,
|
25
|
-
rotationImages: [],
|
26
|
-
panoramaImages: [],
|
27
|
-
json: null,
|
28
|
-
locale: 'en',
|
29
|
-
API_URL: 'https://backend.estate.hart-digital.com'
|
30
|
-
};
|
31
|
-
var _default = defaultConfig;
|
32
|
-
exports.default = _default;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.deviceOrientationStatuses = void 0;
|
7
|
-
var deviceOrientationStatuses = {
|
8
|
-
GRANTED: 'granted',
|
9
|
-
DENIED: 'denied'
|
10
|
-
};
|
11
|
-
exports.deviceOrientationStatuses = deviceOrientationStatuses;
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getDevicesByWidth = exports.deviceWidth = void 0;
|
7
|
-
var deviceWidth = {
|
8
|
-
smallMobile: 374,
|
9
|
-
mobile: 670,
|
10
|
-
tablet: 1100,
|
11
|
-
laptop: 1440
|
12
|
-
};
|
13
|
-
exports.deviceWidth = deviceWidth;
|
14
|
-
|
15
|
-
var getDevicesByWidth = function getDevicesByWidth(width) {
|
16
|
-
return Object.keys(deviceWidth).filter(function (key) {
|
17
|
-
return width <= deviceWidth[key];
|
18
|
-
});
|
19
|
-
};
|
20
|
-
|
21
|
-
exports.getDevicesByWidth = getDevicesByWidth;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.removeExtention = exports.imgExtentions = void 0;
|
7
|
-
var imgExtentions = ['.png', '.PNG', '.jpg', '.JPG'];
|
8
|
-
exports.imgExtentions = imgExtentions;
|
9
|
-
|
10
|
-
var removeExtention = function removeExtention(str) {
|
11
|
-
return imgExtentions.reduce(function (acc, extention) {
|
12
|
-
return acc.replace(extention, '');
|
13
|
-
}, str);
|
14
|
-
};
|
15
|
-
|
16
|
-
exports.removeExtention = removeExtention;
|
package/build/index.css
DELETED
package/build/index.js
DELETED
@@ -1,75 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "ApiStore", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _apiStore.default;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "Instructions", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _Instructions.default;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "Loader", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _Loader.default;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "ModelTab", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _ModelTab.default;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
Object.defineProperty(exports, "PanoramaTab", {
|
31
|
-
enumerable: true,
|
32
|
-
get: function get() {
|
33
|
-
return _PanoramaTab.default;
|
34
|
-
}
|
35
|
-
});
|
36
|
-
Object.defineProperty(exports, "RotationTab", {
|
37
|
-
enumerable: true,
|
38
|
-
get: function get() {
|
39
|
-
return _RotationTab.default;
|
40
|
-
}
|
41
|
-
});
|
42
|
-
Object.defineProperty(exports, "Widget", {
|
43
|
-
enumerable: true,
|
44
|
-
get: function get() {
|
45
|
-
return _Widget.default;
|
46
|
-
}
|
47
|
-
});
|
48
|
-
Object.defineProperty(exports, "rotationModes", {
|
49
|
-
enumerable: true,
|
50
|
-
get: function get() {
|
51
|
-
return _rotationModes.rotationModes;
|
52
|
-
}
|
53
|
-
});
|
54
|
-
|
55
|
-
var _react = _interopRequireDefault(require("react"));
|
56
|
-
|
57
|
-
require("./index.css");
|
58
|
-
|
59
|
-
var _apiStore = _interopRequireDefault(require("./store/apiStore"));
|
60
|
-
|
61
|
-
var _Instructions = _interopRequireDefault(require("./components/Instructions"));
|
62
|
-
|
63
|
-
var _Loader = _interopRequireDefault(require("./components/Loader"));
|
64
|
-
|
65
|
-
var _ModelTab = _interopRequireDefault(require("./components/ModelTab"));
|
66
|
-
|
67
|
-
var _PanoramaTab = _interopRequireDefault(require("./components/PanoramaTab"));
|
68
|
-
|
69
|
-
var _RotationTab = _interopRequireDefault(require("./components/RotationTab"));
|
70
|
-
|
71
|
-
var _Widget = _interopRequireDefault(require("./components/Widget"));
|
72
|
-
|
73
|
-
var _rotationModes = require("./enums/rotationModes");
|
74
|
-
|
75
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
@@ -1,25 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"research-plan": "Research plan",
|
3
|
-
"rotate-plan": "Rotate plan",
|
4
|
-
"rotate": "Rotate",
|
5
|
-
"stop": "Stop",
|
6
|
-
"plan": "Plan",
|
7
|
-
"off": "Off",
|
8
|
-
"on": "On",
|
9
|
-
"ok": "Ok",
|
10
|
-
"menu": "Menu",
|
11
|
-
"wasd": "WASD",
|
12
|
-
"view-from-above": "View from above",
|
13
|
-
"free-camera": "Free camera",
|
14
|
-
"shadows": "Shadows",
|
15
|
-
"hide-walls": "Hide walls",
|
16
|
-
"show-walls": "Show walls",
|
17
|
-
"hide-doors": "Hide doors",
|
18
|
-
"show-doors": "Show doors",
|
19
|
-
"material": "Material",
|
20
|
-
"texture": "Texture",
|
21
|
-
"color": "Color",
|
22
|
-
"wall-color": "Wall color",
|
23
|
-
"wall-texture": "Wall texture",
|
24
|
-
"upload-wall-texture": "Upload wall texture"
|
25
|
-
}
|