kitchen-simulator 1.1.1-test.6 → 1.1.1-test.60

package/es/KitchenConfigurator.js

@@ -29,16 +29,14 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import axios from 'axios';
-import * as convert from 'convert-units';
-import { Plugins as PlannerPlugins } from "./index";
-import * as PropTypes from 'prop-types';
+import { convert } from "./utils/convert-units-lite";
+import { Autosave } from "./plugins/export";
+import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import ReactGA from 'react-ga4';
-import { hotjar } from 'react-hotjar';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import * as constants from "./constants";
-import { base64Decode, getPath } from "./utils/helper";
+import { base64Decode } from "./utils/helper";
 import actions from "./actions/export";
 import Catalog from "./catalog/catalog";
 import { Content } from "./components/export";
@@ -361,11 +359,6 @@ var KitchenConfigurator = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this3 = this;
-      ReactGA.send({
-        hitType: 'pageview',
-        page: getPath()
-      });
-      hotjar.event && hotjar.event("pageview:".concat(getPath()));
       window.addEventListener('beforeunload', this.handleBeforeUnload);
       console.log('context =>', this.context);
       window.forRedo = [];
@@ -385,7 +378,7 @@ var KitchenConfigurator = /*#__PURE__*/function (_Component) {
         return;
       }
       if (match && match.params.pid === undefined) {
-        var newplugins = [].concat(_toConsumableArray(plugins), [PlannerPlugins.Autosave('KitchenConfigurator_v0', false)]);
+        var newplugins = [].concat(_toConsumableArray(plugins), [Autosave('KitchenConfigurator_v0', false)]);
         newplugins.forEach(function (newplugin) {
           return newplugin(store, stateExtractor);
         });
@@ -580,7 +573,9 @@ var KitchenConfigurator = /*#__PURE__*/function (_Component) {
       });
       return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("div", {
         style: _objectSpread(_objectSpread({}, wrapperStyle), {}, {
-          height: height
+          height: height,
+          display: 'flex',
+          justifyContent: 'center'
         })
       }, /*#__PURE__*/React.createElement(Content, _extends({
         width: contentW,
@@ -609,7 +604,6 @@ KitchenConfigurator.propTypes = {
   width: PropTypes.number.isRequired,
   height: PropTypes.number.isRequired,
   stateExtractor: PropTypes.func.isRequired,
-  toolbarButtons: PropTypes.array,
   sidebarComponents: PropTypes.array,
   footerbarComponents: PropTypes.array,
   customContents: PropTypes.object,
@@ -631,7 +625,6 @@ KitchenConfigurator.defaultProps = {
   plugins: [],
   allowProjectFileSupport: true,
   softwareSignature: "KitchenConfigurator ".concat(VERSION),
-  toolbarButtons: [],
   sidebarComponents: [],
   footerbarComponents: [],
   customContents: {},

package/es/KitchenConfiguratorApp.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["width", "height", "projectElement", "categoryData", "dataBundle", "configData", "toolbarButtons", "options", "user", "auth", "featureFlags", "sentry", "analytics", "onEvent", "onSave", "onError"];
+var _excluded = ["width", "height", "projectElement", "categoryData", "dataBundle", "configData", "options", "user", "auth", "featureFlags", "sentry", "analytics", "onEvent", "onSave", "onError"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -19,42 +19,36 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useEffect } from 'react';
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
 import { createStore } from 'redux';
 import * as Models from "./models";
+import { State } from "./models";
+import PlannerReducer from "./reducers/reducer";
 import KitchenConfigurator from "./KitchenConfigurator";
 import AppContext from "./AppContext";
 import Catalog from "./catalog/catalog";
 import { SVGLoader } from 'three/addons/loaders/SVGLoader';
 import { isEmpty } from "./utils/helper";
 import { TOE_KICK_MOLDING } from "./constants";
-import * as Areas from "./catalog/areas/area/planner-element.jsx";
-import * as Lines from "./catalog/lines/wall/planner-element.jsx";
+import * as Areas from "./catalog/areas/area/planner-element";
+import * as Lines from "./catalog/lines/wall/planner-element";
 import * as Holes from "./catalog/holes/export";
 import { render2DItem, render3DApplianceItem, render3DItem, render3DLightingItem } from "./catalog/utils/item-loader";
-import { Models as PlannerModels, Plugins as PlannerPlugins, reducer as PlannerReducer } from "./index";
+import { ConsoleDebugger, Keyboard } from "./plugins/export";
 import { Map } from 'immutable';
-import ReactGA from 'react-ga4';
-import { hotjar } from 'react-hotjar';
 import * as Sentry from '@sentry/react';
 import { loadProject, rename } from "./actions/project-actions";
 import exporter from "./catalog/utils/exporter";
+import * as THREE from 'three';
+if (typeof window !== 'undefined') window.THREE = THREE;
 
 /* ============================== component ============================= */
 var MyCatalog = new Catalog();
 var AppState = Map({
-  KitchenConfigurator: new PlannerModels.State()
+  KitchenConfigurator: new State()
 });
 console.log('Version: 378.45-202509_DIY-364-mbox-crash');
-ReactGA.initialize([{
-  trackingId: 'G-YK2JCC9F9G' // https://dev.addovisuals.com
-}, {
-  trackingId: 'G-3Y44W0RY2E' // https://demo.kc.addovisuals.com/
-}, {
-  trackingId: 'G-M2VD74KP44' // https://rtastore.diydesignspace.com/
-}]);
-hotjar.initialize('3010506', '6');
 isProduction && Sentry.init({
   dsn: process.env.SENTRY_DSN,
   environment: process.env.SENTRY_ENVIRONMENT
@@ -94,7 +88,7 @@ var store = createStore(reducer, null, !isProduction && window.devToolsExtension
 }) : function (f) {
   return f;
 });
-var plugins = [PlannerPlugins.Keyboard(), PlannerPlugins.ConsoleDebugger()];
+var plugins = [Keyboard(), ConsoleDebugger()];
 export default function KitchenConfiguratorApp(props) {
   var width = props.width,
     height = props.height,
@@ -102,7 +96,6 @@ export default function KitchenConfiguratorApp(props) {
     categoryData = props.categoryData,
     dataBundle = props.dataBundle,
     configData = props.configData,
-    toolbarButtons = props.toolbarButtons,
     options = props.options,
     user = props.user,
     auth = props.auth,
@@ -447,7 +440,6 @@ export default function KitchenConfiguratorApp(props) {
     logoImage: logoImg,
     companyURL: companyUrl,
     plugins: plugins,
-    toolbarButtons: toolbarButtons,
     stateExtractor: function stateExtractor(state) {
       return state.get('KitchenConfigurator');
     },
@@ -472,7 +464,6 @@ KitchenConfiguratorApp.propTypes = {
   catalog: PropTypes.oneOfType([PropTypes.object, PropTypes.instanceOf(Models.Catalog)]),
   logoImg: PropTypes.any,
   companyUrl: PropTypes.string,
-  toolbarButtons: PropTypes.any,
   options: PropTypes.object,
   user: PropTypes.object,
   auth: PropTypes.object,
@@ -481,13 +472,6 @@ KitchenConfiguratorApp.propTypes = {
     dsn: PropTypes.string,
     environment: PropTypes.string
   }),
-  analytics: PropTypes.shape({
-    ga4Id: PropTypes.string,
-    hotjar: PropTypes.shape({
-      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-      sv: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-    })
-  }),
   onEvent: PropTypes.func,
   onSave: PropTypes.func,
   onError: PropTypes.func,

package/es/actions/holes-actions.js

@@ -1,4 +1,4 @@
-import { SELECT_HOLE, SELECT_TOOL_DRAWING_HOLE, SELECT_TOOL_DRAWING_HOLE_3D, UPDATE_DRAWING_HOLE, UPDATE_DRAWING_HOLE_3D, END_DRAWING_HOLE, BEGIN_DRAGGING_HOLE, BEGIN_DRAGGING_HOLE_3D, UPDATE_DRAGGING_HOLE, END_DRAGGING_HOLE, END_DRAGGING_HOLE_3D, END_CREATING_HOLE, UPDATE_POPUP_OPEN, UPDATE_DRAGGING_HOLE_CHANGED, UPDATE_DRAGGING_HOLE_RULER_CHANGED, END_DRAWING_HOLE_3D } from "../constants";
+import { BEGIN_DRAGGING_HOLE, BEGIN_DRAGGING_HOLE_3D, END_CREATING_HOLE, END_DRAGGING_HOLE, END_DRAGGING_HOLE_3D, END_DRAWING_HOLE, END_DRAWING_HOLE_3D, SELECT_HOLE, SELECT_TOOL_DRAWING_HOLE, SELECT_TOOL_DRAWING_HOLE_3D, UPDATE_DRAGGING_HOLE, UPDATE_DRAGGING_HOLE_CHANGED, UPDATE_DRAGGING_HOLE_RULER_CHANGED, UPDATE_DRAWING_HOLE, UPDATE_DRAWING_HOLE_3D, UPDATE_POPUP_OPEN } from "../constants";
 export function endCreatingHole() {
   return {
     type: END_CREATING_HOLE

package/es/actions/items-actions.js

@@ -1,4 +1,4 @@
-import { TOGGLE_LOADING_CABINET, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_ROTATING_ITEM_CHANGED, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING_ITEM, UPDATE_ROTATING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_DISTANT, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, STORE_DIST_ARRAY, SET_MOLDING, UPDATE_MOLDING, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM, SET_MOVE_STATUS, SET_ROTATE_STATUS } from "../constants";
+import { ANIMATE_OBJECT, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, DUPLICATE_SELECTED, EDIT_WIDTH, END_CREATING_CABINET, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, END_DRAWING_ITEM, END_LOADING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, ITEM_MOVE_UP, REMOVE_REPLACE_SUBMODULE, REPLACE_ITEM, REPLACE_SUBMODULE, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, SELECT_TOOL_DRAWING_ITEM_3D, SET_APPLIANCE_MATERIAL, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_COUNTER_TOP, SET_DOOR_HANDLE, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_MODELLING, SET_MOLDING, SET_MOVE_STATUS, SET_ROTATE_STATUS, SET_WALL_COLOR, STORE_DIST_ARRAY, TOGGLE_LOADING_CABINET, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAWING_ITEM, UPDATE_MOLDING, UPDATE_POPUP_OPEN, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, VALIDATE_ITEM_POSTIONS } from "../constants";
 export function storeDistArray(layerID, itemID, distArray) {
   return {
     type: STORE_DIST_ARRAY,

package/es/actions/lines-actions.js

@@ -1,4 +1,4 @@
-import { SELECT_LINE, SELECT_TOOL_DRAWING_LINE, BEGIN_DRAWING_LINE, UPDATE_DRAWING_LINE, END_DRAWING_LINE, BEGIN_DRAGGING_LINE, UPDATE_DRAGGING_LINE, END_DRAGGING_LINE, STOP_DRAWING_LINE, SET_RELATED_LINE } from "../constants";
+import { BEGIN_DRAGGING_LINE, BEGIN_DRAWING_LINE, END_DRAGGING_LINE, END_DRAWING_LINE, SELECT_LINE, SELECT_TOOL_DRAWING_LINE, SET_RELATED_LINE, STOP_DRAWING_LINE, UPDATE_DRAGGING_LINE, UPDATE_DRAWING_LINE } from "../constants";
 export function selectLine(layerID, lineID) {
   return {
     type: SELECT_LINE,

package/es/actions/project-actions.js

@@ -1,4 +1,4 @@
-import { NEW_PROJECT, LOAD_PROJECT, SAVE_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, UNSELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, UNCREATE, PROJECT_RE_NAME, RECREATE, ROLLBACK, OPEN_PROJECT_CONFIGURATOR, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SELECT_ALL, SET_STATE_PROPERTIES, SHIFT2DOFF, SHIFT2DON, SET_IS_HELP, SET_IS_CABINET_DRAWING } from "../constants";
+import { ADD_CIRCULAR_GUIDE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ALTERATE_STATE, CHANGE_CATALOG_PAGE, COPY_PROPERTIES, GO_BACK_TO_CATALOG_PAGE, INIT_CATALOG, LOAD_PROJECT, NEW_PROJECT, OPEN_CATALOG, OPEN_PROJECT_CONFIGURATOR, PASTE_PROPERTIES, PROJECT_RE_NAME, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, RECREATE, REDO, REMOVE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, ROLLBACK, SAVE_PROJECT, SELECT_ALL, SELECT_TOOL_EDIT, SET_HOLES_ATTRIBUTES, SET_IS_CABINET_DRAWING, SET_IS_HELP, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_MODE, SET_PROJECT_ID, SET_PROJECT_PROPERTIES, SET_PROPERTIES, SET_STATE_PROPERTIES, SHIFT2DOFF, SHIFT2DON, THROW_ERROR, THROW_WARNING, TOGGLE_SNAP, UNCREATE, UNDO, UNSELECT_ALL, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE } from "../constants";
 export function setIsHelp(isHelp) {
   return {
     type: SET_IS_HELP,

package/es/actions/scene-actions.js

@@ -1,4 +1,4 @@
-import { SELECT_LAYER, ADD_LAYER, SET_LAYER_PROPERTIES, REMOVE_LAYER, UPDATE_MOVING_STATE } from "../constants";
+import { ADD_LAYER, REMOVE_LAYER, SELECT_LAYER, SET_LAYER_PROPERTIES, UPDATE_MOVING_STATE } from "../constants";
 export function selectLayer(layerID) {
   return {
     type: SELECT_LAYER,

package/es/actions/vertices-actions.js

@@ -1,4 +1,4 @@
-import { BEGIN_DRAGGING_VERTEX, UPDATE_DRAGGING_VERTEX, END_DRAGGING_VERTEX } from "../constants";
+import { BEGIN_DRAGGING_VERTEX, END_DRAGGING_VERTEX, UPDATE_DRAGGING_VERTEX } from "../constants";
 export function beginDraggingVertex(layerID, vertexID, x, y, snapMask) {
   return {
     type: BEGIN_DRAGGING_VERTEX,

package/es/actions/viewer2d-actions.js

@@ -1,4 +1,4 @@
-import { UPDATE_CEIL_HEIGHT_UNIT, UPDATE_CEIL_HEIGHT, UPDATE_2D_CAMERA, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, CHANGE_WALL_LENGTH_MEASURE, CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WINDOW_DOOR_MEASURE } from "../constants";
+import { CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WALL_LENGTH_MEASURE, CHANGE_WINDOW_DOOR_MEASURE, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, UPDATE_2D_CAMERA, UPDATE_CEIL_HEIGHT, UPDATE_CEIL_HEIGHT_UNIT } from "../constants";
 export function updateCeilHeight(value) {
   return {
     type: UPDATE_CEIL_HEIGHT,

package/es/actions/viewer3d-actions.js

@@ -1,4 +1,4 @@
-import { UPDATE_3D_CEIL_HEIGHT_UNIT, UPDATE_3D_CEIL_HEIGHT, SELECT_TOOL_3D_VIEW, SELECT_TOOL_3D_FIRST_PERSON } from "../constants";
+import { SELECT_TOOL_3D_FIRST_PERSON, SELECT_TOOL_3D_VIEW, UPDATE_3D_CEIL_HEIGHT, UPDATE_3D_CEIL_HEIGHT_UNIT } from "../constants";
 export function selectTool3DView() {
   return {
     type: SELECT_TOOL_3D_VIEW

package/es/catalog/areas/area/planner-element.js

@@ -1,38 +1,41 @@
-import { ElementsFactories } from "../../..";
+import ElementsFactories from "../../factories/export";
+var textureUrl = function textureUrl(file) {
+  return new URL("./textures/".concat(file), import.meta.url).href;
+};
 var info = {
   title: 'area',
   tag: ['area'],
   description: 'Generic Room',
-  image: ''
+  image: '' // no image provided yet
 };
 var textures = {
   parquet: {
     name: 'Parquet',
-    uri: require("./textures/parquet.jpg"),
+    uri: textureUrl('parquet.jpg'),
     lengthRepeatScale: 0.004,
     heightRepeatScale: 0.004
   },
   tile1: {
     name: 'Tile1',
-    uri: require("./textures/tile1.jpg"),
+    uri: textureUrl('tile1.jpg'),
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   },
   ceramic: {
     name: 'Ceramic Tile',
-    uri: require("./textures/ceramic-tile.jpg"),
+    uri: textureUrl('ceramic-tile.jpg'),
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   strand_porcelain: {
     name: 'Strand Porcelain Tile',
-    uri: require("./textures/strand-porcelain.jpg"),
+    uri: textureUrl('strand-porcelain.jpg'),
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   grass: {
     name: 'Grass',
-    uri: require("./textures/grass.jpg"),
+    uri: textureUrl('grass.jpg'),
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   }

package/es/catalog/factories/wall-factory-3d.js

@@ -4,7 +4,7 @@ import { verticesDistance } from "../../utils/geometry";
 import { isElevationView } from "../../utils/helper";
 import * as SharedStyle from "../../shared-style";
 import { LINE_THICKNESS, UNIT_CENTIMETER } from "../../constants";
-import convert from 'convert-units';
+import { convert } from "../../utils/convert-units-lite";
 import ThreeBSP from "../../utils/threeCSG.es6";
 var params = {
   envMap: 'HDR',

package/es/catalog/holes/export.js

@@ -1,13 +1,13 @@
-export { default as doorCloset } from "./door-closet/planner-element.jsx";
-export { default as doorDouble } from "./door-double/planner-element.jsx";
-export { default as doorExterior } from "./door-exterior/planner-element.jsx";
-export { default as doorInterior } from "./door-interior/planner-element.jsx";
-export { default as doorPanic } from "./door-panic/planner-element.jsx";
-export { default as doorPanicDouble } from "./door-panic-double/planner-element.jsx";
-export { default as doorSliding } from "./door-sliding/planner-element.jsx";
-export { default as doorwayFramed } from "./doorway-framed/planner-element.jsx";
-export { default as doorwayFrameless } from "./doorway-frameless/planner-element.jsx";
-export { default as windowClear } from "./window-clear/planner-element.jsx";
-export { default as windowCross } from "./window-cross/planner-element.jsx";
-export { default as windowDoubleHung } from "./window-double-hung/planner-element.jsx";
-export { default as windowVertical } from "./window-vertical/planner-element.jsx";
+export { default as doorCloset } from "./door-closet/planner-element.js";
+export { default as doorDouble } from "./door-double/planner-element.js";
+export { default as doorExterior } from "./door-exterior/planner-element.js";
+export { default as doorInterior } from "./door-interior/planner-element.js";
+export { default as doorPanic } from "./door-panic/planner-element.js";
+export { default as doorPanicDouble } from "./door-panic-double/planner-element.js";
+export { default as doorSliding } from "./door-sliding/planner-element.js";
+export { default as doorwayFramed } from "./doorway-framed/planner-element.js";
+export { default as doorwayFrameless } from "./doorway-frameless/planner-element.js";
+export { default as windowClear } from "./window-clear/planner-element.js";
+export { default as windowCross } from "./window-cross/planner-element.js";
+export { default as windowDoubleHung } from "./window-double-hung/planner-element.js";
+export { default as windowVertical } from "./window-vertical/planner-element.js";

package/es/catalog/lines/wall/planner-element.js

@@ -1,9 +1,12 @@
-import { ElementsFactories } from "../../..";
+import ElementsFactories from "../../factories/export";
+var textureUrl = function textureUrl(file) {
+  return new URL("./textures/".concat(file), import.meta.url).href;
+};
 var info = {
   title: 'wall',
   tag: ['wall'],
   description: 'Wall with bricks or painted',
-  image: require("./wall.png"),
+  image: new URL('./wall.png', import.meta.url).href,
   visibility: {
     catalog: true,
     layerElementsVisible: true
@@ -12,11 +15,11 @@ var info = {
 var textures = {
   plaster: {
     name: 'Plaster',
-    uri: require("./textures/plaster.jpg"),
+    uri: textureUrl('plaster.jpg'),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: require("./textures/plaster-normal.jpg"),
+      uri: textureUrl('plaster-normal.jpg'),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -26,11 +29,11 @@ var textures = {
   },
   bricks: {
     name: 'Bricks',
-    uri: require("./textures/bricks.jpg"),
+    uri: textureUrl('bricks.jpg'),
     lengthRepeatScale: 0.009,
     heightRepeatScale: 0.009,
     normal: {
-      uri: require("./textures/bricks-normal.jpg"),
+      uri: textureUrl('bricks-normal.jpg'),
       lengthRepeatScale: 0.009,
       heightRepeatScale: 0.009,
       normalScaleX: 0.4,
@@ -40,11 +43,11 @@ var textures = {
   },
   painted: {
     name: 'Painted',
-    uri: require("./textures/painted.jpg"),
+    uri: textureUrl('painted.jpg'),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: require("./textures/painted-normal.jpg"),
+      uri: textureUrl('painted-normal.jpg'),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -54,11 +57,11 @@ var textures = {
   },
   morden: {
     name: 'Morden',
-    uri: require("./textures/morden.jpg"),
+    uri: textureUrl('morden.jpg'),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: require("./textures/morden-normal.jpg"),
+      uri: textureUrl('morden-normal.jpg'),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,

package/es/catalog/properties/property-checkbox.js

@@ -1,23 +1,60 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormLabel } from "../../components/style/export";
-import PropertyStyle from "./shared-property-style";
-import styled from 'styled-components';
 import { DEFAULT_FONT_FAMILY, SECONDARY_PURPLE_COLOR, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
-var FlipWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 15px 0;\n  justify-content: space-between;\n"])));
-var FlipTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  color: ", ";\n  font-family: ", ";\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 18px;\n  text-align: left;\n"])), SECONDARY_PURPLE_COLOR, DEFAULT_FONT_FAMILY);
-var FlipDescription = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  color: ", ";\n  font-family: ", ";\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 18px;\n  text-align: left;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
-var FlipInfoWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-var FlipToggle = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
-var FlipToggleIcon = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  top: 0;\n  position: absolute;\n  ", "\n  img {\n    font-size: 1.4rem;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n"])), '' /* transition-duration: .3s; */);
+var styles = {
+  flipWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    margin: '15px 0',
+    justifyContent: 'space-between'
+  },
+  flipTitle: {
+    marginRight: 'auto',
+    color: SECONDARY_PURPLE_COLOR,
+    fontFamily: DEFAULT_FONT_FAMILY,
+    fontSize: 16,
+    fontWeight: 600,
+    lineHeight: '18px',
+    textAlign: 'left'
+  },
+  flipDescription: {
+    marginRight: 'auto',
+    color: TEXT_COLOR_NEUTRAL_0,
+    fontFamily: DEFAULT_FONT_FAMILY,
+    fontSize: 13,
+    fontWeight: 400,
+    lineHeight: '18px',
+    textAlign: 'left'
+  },
+  flipInfoWrapper: {
+    display: 'flex',
+    flexDirection: 'column'
+  },
+  flipToggle: {
+    display: 'flex',
+    position: 'relative',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: 14,
+    cursor: 'pointer',
+    userSelect: 'none'
+  },
+  flipToggleIcon: {
+    top: 0,
+    position: 'absolute'
+  },
+  flipToggleIconImg: {
+    fontSize: '1.4rem',
+    boxSizing: 'border-box',
+    borderRadius: '50%'
+  }
+};
 export default function PropertyCheckbox(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -38,10 +75,18 @@ export default function PropertyCheckbox(_ref) {
   } : {
     right: 0
   };
-  return /*#__PURE__*/React.createElement(FlipWrapper, null, /*#__PURE__*/React.createElement(FlipInfoWrapper, null, /*#__PURE__*/React.createElement(FlipTitle, null, configs.label), configs.description && /*#__PURE__*/React.createElement(FlipDescription, null, configs.description)), /*#__PURE__*/React.createElement(FlipToggle, {
-    style: {
+  return /*#__PURE__*/React.createElement("div", {
+    style: styles.flipWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    style: styles.flipInfoWrapper
+  }, /*#__PURE__*/React.createElement("span", {
+    style: styles.flipTitle
+  }, configs.label), configs.description && /*#__PURE__*/React.createElement("span", {
+    style: styles.flipDescription
+  }, configs.description)), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread(_objectSpread({}, styles.flipToggle), {}, {
       color: 'black'
-    },
+    }),
     onClick: function onClick(e) {
       return update(!value);
     }
@@ -51,14 +96,14 @@ export default function PropertyCheckbox(_ref) {
       width: '55px',
       height: '30px'
     }
-  }), /*#__PURE__*/React.createElement(FlipToggleIcon, {
-    style: _objectSpread({}, activeStyle)
+  }), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread(_objectSpread({}, styles.flipToggleIcon), activeStyle)
   }, /*#__PURE__*/React.createElement("img", {
     src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
-    style: {
+    style: _objectSpread({
       width: '30px',
       height: '30px'
-    }
+    }, styles.flipToggleIconImg)
   }))));
 }
 PropertyCheckbox.propTypes = {

package/es/catalog/properties/property-enum.js

@@ -1,20 +1,45 @@
-var _templateObject, _templateObject2;
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 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."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Seq } from 'immutable';
-import { FormLabel, FormSelect } from "../../components/style/export";
-import PropertyStyle from "./shared-property-style";
-import styled from 'styled-components';
-import { TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY } from "../../constants";
-var EnumWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n"])));
-var EnumTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: auto;\n  width: 110px;\n  color: ", ";\n  font-family: ", ";\n\n  @media screen and (min-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (max-width: 1024) {\n    font-size: 11px;\n  }\n  @media screen and (min-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (max-width: 1366) {\n    font-size: 13px;\n  }\n  @media screen and (min-width: 1440) {\n    font-size: 16px;\n  }\n  @media screen and (max-width: 1440) {\n    font-size: 16px;\n  }\n  font-weight: 400;\n  line-height: 15px;\n  text-align: left;\n"])), TEXT_COLOR_NEUTRAL_0, DEFAULT_FONT_FAMILY);
+import { FormSelect } from "../../components/style/export";
+import { DEFAULT_FONT_FAMILY, TEXT_COLOR_NEUTRAL_0 } from "../../constants";
+var styles = {
+  enumWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    marginTop: 3
+  },
+  enumTitle: function enumTitle(fontSize) {
+    return {
+      marginRight: 'auto',
+      width: 110,
+      color: TEXT_COLOR_NEUTRAL_0,
+      fontFamily: DEFAULT_FONT_FAMILY,
+      fontSize: fontSize,
+      fontWeight: 400,
+      lineHeight: '15px',
+      textAlign: 'left'
+    };
+  }
+};
+
+// Responsive font size logic
+function getFontSize() {
+  if (typeof window !== 'undefined') {
+    var w = window.innerWidth;
+    if (w <= 1024) return 11;
+    if (w <= 1366) return 13;
+    if (w <= 1440) return 16;
+    return 16;
+  }
+  return 13;
+}
 export default function PropertyEnum(_ref) {
   var value = _ref.value,
     onUpdate = _ref.onUpdate,
@@ -30,7 +55,24 @@ export default function PropertyEnum(_ref) {
     }
     return onUpdate(val);
   };
-  return /*#__PURE__*/React.createElement(EnumWrapper, null, /*#__PURE__*/React.createElement(EnumTitle, null, configs.label), /*#__PURE__*/React.createElement(FormSelect, {
+  var _React$useState = React.useState(getFontSize()),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fontSize = _React$useState2[0],
+    setFontSize = _React$useState2[1];
+  React.useEffect(function () {
+    function handleResize() {
+      setFontSize(getFontSize());
+    }
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: styles.enumWrapper
+  }, /*#__PURE__*/React.createElement("span", {
+    style: styles.enumTitle(fontSize)
+  }, configs.label), /*#__PURE__*/React.createElement(FormSelect, {
     value: value,
     onChange: function onChange(event) {
       return update(event.target.value);

package/es/catalog/properties/property-lenght-measure.js

@@ -4,8 +4,8 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import PropTypes from 'prop-types';
-import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNITS_LENGTH, UNIT_INCH } from "./../../constants";
-import convert from 'convert-units';
+import { BASE_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS, UNIT_INCH, UNITS_LENGTH } from "./../../constants";
+import { convert } from "../../utils/convert-units-lite";
 import { FormLabel, FormNumberInput, FormSelect } from "../../components/style/export";
 import { Map } from 'immutable';
 import { toFixedFloat } from "../../utils/math";