kitchen-simulator 1.0.0-alin.16 → 1.0.0-alin.17

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

@@ -84,7 +84,7 @@ export function createArea(element, layer, scene, textures) {
     shape.lineTo(vertices[i].x, vertices[i].y);
   }
   function loadFloorENV() {
-    return new RGBELoader().load('assets/Window.hdr', function (texture) {
+    return new RGBELoader().load('/assets/Window.hdr', function (texture) {
       texture.mapping = Three.EquirectangularReflectionMapping;
       return texture;
     });

package/es/catalog/holes/door-closet/planner-element.js

@@ -67,8 +67,8 @@ export default {
     title: 'Closet',
     tag: ['door'],
     description: 'Closet door(Wooden)',
-    image: 'assets/img/svg/door/Closet.svg',
-    url: 'assets/gltf/door_closet.gltf'
+    image: '/assets/img/svg/door/Closet.svg',
+    url: '/assets/gltf/door_closet.gltf'
   },
   properties: {
     width: {

package/es/catalog/holes/door-double/planner-element.js

@@ -101,7 +101,7 @@ export default {
     tag: ['door'],
     title: 'Double Door',
     description: 'iron door',
-    image: 'assets/img/svg/doors_patio.svg'
+    image: '/assets/img/svg/doors_patio.svg'
   },
   properties: {
     width: {

package/es/catalog/holes/door-exterior/planner-element.js

@@ -68,8 +68,8 @@ export default {
     title: 'Exterior',
     tag: ['door'],
     description: 'Exterior door',
-    image: 'assets/img/svg/door/Exterior.svg',
-    url: 'assets/gltf/door_exterior.gltf'
+    image: '/assets/img/svg/door/Exterior.svg',
+    url: '/assets/gltf/door_exterior.gltf'
   },
   properties: {
     width: {

package/es/catalog/holes/door-interior/planner-element.js

@@ -68,8 +68,8 @@ export default {
     title: 'Interior',
     tag: ['door'],
     description: 'Interior door',
-    image: 'assets/img/svg/door/Interior.svg',
-    url: 'assets/gltf/door_interior.gltf'
+    image: '/assets/img/svg/door/Interior.svg',
+    url: '/assets/gltf/door_interior.gltf'
   },
   properties: {
     width: {

package/es/catalog/holes/door-panic/planner-element.js

@@ -256,7 +256,7 @@ export default {
     tag: ['door'],
     title: 'Panic Door',
     description: 'iron door',
-    image: 'assets/img/svg/doors_exterior.svg'
+    image: '/assets/img/svg/doors_exterior.svg'
   },
   properties: {
     width: {

package/es/catalog/holes/door-panic-double/planner-element.js

@@ -253,7 +253,7 @@ export default {
     tag: ['door'],
     title: 'Double Panic Door',
     description: 'iron door',
-    image: 'assets/img/svg/doors_closet.svg'
+    image: '/assets/img/svg/doors_closet.svg'
   },
   properties: {
     width: {

package/es/catalog/holes/door-sliding/planner-element.js

@@ -14,9 +14,9 @@ export default {
     tag: ['door'],
     title: 'Sliding',
     description: 'Sliding',
-    // image: "assets/img/svg/doors_patio.svg",
-    image: 'assets/img/svg/door/Sliding.svg',
-    url: 'assets/gltf/door_sliding.gltf'
+    // image: "/assets/img/svg/doors_patio.svg",
+    image: '/assets/img/svg/door/Sliding.svg',
+    url: '/assets/gltf/door_sliding.gltf'
   },
   properties: {
     width: {

package/es/catalog/holes/doorway-framed/planner-element.js

@@ -31,8 +31,8 @@ export default {
     title: 'Framed Doorway',
     tag: ['doorway'],
     description: 'Framed Doorway',
-    image: 'assets/img/svg/door/Framed_dorway.svg',
-    url: 'assets/gltf/doorway_framed.gltf'
+    image: '/assets/img/svg/door/Framed_dorway.svg',
+    url: '/assets/gltf/doorway_framed.gltf'
   },
   properties: {
     width: {

package/es/catalog/holes/doorway-frameless/planner-element.js

@@ -28,7 +28,7 @@ export default {
     title: 'FrameLess Doorway',
     tag: ['doorway'],
     description: 'FrameLess Doorway',
-    image: 'assets/img/svg/door/Frameless_dorway.svg',
+    image: '/assets/img/svg/door/Frameless_dorway.svg',
     url: ''
   },
   properties: {

package/es/catalog/holes/window-clear/planner-element.js

@@ -10,8 +10,8 @@ export default {
     title: 'Clear',
     tag: ['window'],
     description: 'Window',
-    image: 'assets/img/svg/window/Clear.svg',
-    url: 'assets/gltf/window_clear.gltf'
+    image: '/assets/img/svg/window/Clear.svg',
+    url: '/assets/gltf/window_clear.gltf'
   },
   properties: {
     width: {

package/es/catalog/holes/window-cross/planner-element.js

@@ -10,8 +10,8 @@ export default {
     title: 'Cross',
     tag: ['window'],
     description: 'Cross window',
-    image: 'assets/img/svg/window/Cross.svg',
-    url: 'assets/gltf/window_cross.gltf'
+    image: '/assets/img/svg/window/Cross.svg',
+    url: '/assets/gltf/window_cross.gltf'
   },
   properties: {
     width: {

package/es/catalog/holes/window-double-hung/planner-element.js

@@ -10,8 +10,8 @@ export default {
     title: 'Double Hung',
     tag: ['window'],
     description: 'Double Hung Window',
-    image: 'assets/img/svg/window/Double_hung.svg',
-    url: 'assets/gltf/window_double_hung.gltf'
+    image: '/assets/img/svg/window/Double_hung.svg',
+    url: '/assets/gltf/window_double_hung.gltf'
   },
   properties: {
     width: {

package/es/catalog/holes/window-vertical/planner-element.js

@@ -22,8 +22,8 @@ export default {
     tag: ['window'],
     title: 'Vertical',
     description: 'Vertical Window',
-    image: 'assets/img/svg/window/Vertical.svg',
-    url: 'assets/gltf/window_vertical.gltf'
+    image: '/assets/img/svg/window/Vertical.svg',
+    url: '/assets/gltf/window_vertical.gltf'
   },
   properties: {
     width: {

package/es/catalog/molding/molding-dcm/planner-element.js

@@ -7,8 +7,8 @@ export default {
     title: 'Dcm',
     tag: ['molding'],
     description: 'dcm',
-    image: 'assets/img/svg/toolbar/dcm.png',
-    url: 'assets/model/DCM.gltf'
+    image: '/assets/img/svg/toolbar/dcm.png',
+    url: '/assets/model/DCM.gltf'
   },
   properties: {},
   render3D: function render3D(element, layer, scene) {

package/es/catalog/molding/molding-fbm/planner-element.js

@@ -7,8 +7,8 @@ export default {
     title: 'Fbm',
     tag: ['molding'],
     description: 'Molding',
-    image: 'assets/img/svg/toolbar/fbm.png',
-    url: 'assets/model/FBM.gltf'
+    image: '/assets/img/svg/toolbar/fbm.png',
+    url: '/assets/model/FBM.gltf'
   },
   properties: {},
   render3D: function render3D(element, layer, scene) {

package/es/catalog/molding/molding-lrm/planner-element.js

@@ -7,8 +7,8 @@ export default {
     title: 'Lrm',
     tag: ['molding'],
     description: 'Molding',
-    image: 'assets/img/svg/toolbar/lrm.png',
-    url: 'assets/model/LRM.gltf'
+    image: '/assets/img/svg/toolbar/lrm.png',
+    url: '/assets/model/LRM.gltf'
   },
   properties: {},
   render3D: function render3D(element, layer, scene) {

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

@@ -43,7 +43,7 @@ export default function PropertyCheckbox(_ref) {
       return update(!value);
     }
   }, /*#__PURE__*/React.createElement("img", {
-    src: "assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'),
+    src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'),
     style: {
       width: '55px',
       height: '30px'
@@ -51,7 +51,7 @@ export default function PropertyCheckbox(_ref) {
   }), /*#__PURE__*/React.createElement(FlipToggleIcon, {
     style: _objectSpread({}, activeStyle)
   }, /*#__PURE__*/React.createElement("img", {
-    src: "assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
+    src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
     style: {
       width: '30px',
       height: '30px'

package/es/catalog/utils/item-loader.js

@@ -343,8 +343,8 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
   if (element.properties.get('depth')) newDepth = element.getIn(['properties', 'depth', '_length']);
   if (element.properties.get('height')) newHeight = element.getIn(['properties', 'height', '_length']);
   var structure = structure_json;
-  // structure.push({name:'model', url: 'assets/model/DCM.gltf'});
-  structure.model = 'assets/model/DCM.gltf';
+  // structure.push({name:'model', url: '/assets/model/DCM.gltf'});
+  structure.model = '/assets/model/DCM.gltf';
   var placeholders = structure.placeholders;
   var doorStyles = null;
   var color = 0xffffff,
@@ -630,7 +630,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
           });
           obj.material = material;
         } else if (name.startsWith('sink_')) {
-          // texture = loadTexture('assets/img/texture/steel.jpg');
+          // texture = loadTexture('/assets/img/texture/steel.jpg');
 
           var _material;
           // Get color from name
@@ -1035,9 +1035,9 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
           obj.receiveShadow = true;
           return object;
         } else if (name.includes('_wood')) {
-          texture = loadTexture('assets/img/texture/wood.jpg');
+          texture = loadTexture('/assets/img/texture/wood.jpg');
         } else if (name.includes('_glass')) {
-          // texture = loadTexture('assets/img/texture/glass.jpg');
+          // texture = loadTexture('/assets/img/texture/glass.jpg');
           var material = new Three.MeshPhysicalMaterial({
             transparent: true,
             opacity: 0.5,
@@ -1052,7 +1052,7 @@ export function render3DApplianceItem(element, layer, scene, sizeinfo, structure
           obj.receiveShadow = true;
           return object;
         } else if (name.includes('_steel')) {
-          // texture = loadTexture('assets/img/texture/steel.jpg');
+          // texture = loadTexture('/assets/img/texture/steel.jpg');
           var _material2 = new Three.MeshPhysicalMaterial({
             roughness: 0.2,
             metalness: 0.5,

package/es/catalog/utils/load-obj.js

@@ -45,7 +45,7 @@ export function loadGLTF(url) {
   var loader = new GLTFLoader(manager);
   loader.setCrossOrigin('anonymous');
   var dracoLoader = new DRACOLoader();
-  dracoLoader.setDecoderPath('assets/draco/');
+  dracoLoader.setDecoderPath('/assets/draco/');
   loader.setDRACOLoader(dracoLoader);
   return new Promise(function (resolve, reject) {
     loader.load(url, function (gltf) {

package/es/catalog/utils/mtl-loader.js

@@ -39,7 +39,7 @@ Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
    * @param {String} path
    *
    * @example
-   *     mtlLoader.setPath( 'assets/obj/' );
+   *     mtlLoader.setPath( '/assets/obj/' );
    *     mtlLoader.load( 'my.mtl', ... );
    */
   setPath: function setPath(path) {
@@ -54,8 +54,8 @@ Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
    * @param {String} path
    *
    * @example
-   *     mtlLoader.setPath( 'assets/obj/' );
-   *     mtlLoader.setTexturePath( 'assets/textures/' );
+   *     mtlLoader.setPath( '/assets/obj/' );
+   *     mtlLoader.setTexturePath( '/assets/textures/' );
    *     mtlLoader.load( 'my.mtl', ... );
    */
   setTexturePath: function setTexturePath(path) {

package/es/components/viewer2d/item.js

@@ -77,10 +77,10 @@ export default function Item(_ref, _ref2) {
   }
   var buttons = [{
     name: 'Edit',
-    thumbnail: 'assets/img/svg/3d_item_warning_edit.svg'
+    thumbnail: '/assets/img/svg/3d_item_warning_edit.svg'
   }, {
     name: 'Info',
-    thumbnail: 'assets/img/svg/3d_item_warning_info.svg'
+    thumbnail: '/assets/img/svg/3d_item_warning_info.svg'
   }];
   function getCalcRectFromItem(items) {
     var x = items.pos.x;
@@ -386,7 +386,7 @@ export default function Item(_ref, _ref2) {
       cursor: 'w-resize'
     }
   }, /*#__PURE__*/React.createElement("image", {
-    href: clockRotateState ? 'assets/img/svg/rotate.png' : 'assets/img/svg/blank_div.svg',
+    href: clockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
     style: {
       transform: "scale(-1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
     },
@@ -400,7 +400,7 @@ export default function Item(_ref, _ref2) {
       return setClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
     }
   }), /*#__PURE__*/React.createElement("image", {
-    href: antiClockRotateState ? 'assets/img/svg/rotate.png' : 'assets/img/svg/blank_div.svg',
+    href: antiClockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
     style: {
       transform: "scale(1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
     },
@@ -441,7 +441,7 @@ export default function Item(_ref, _ref2) {
     fill: "white",
     filter: "url(#shadow)"
   }), /*#__PURE__*/React.createElement("image", {
-    href: "assets/img/svg/duplicate.svg",
+    href: "/assets/img/svg/duplicate.svg",
     x: "3",
     y: "-19",
     height: "16",
@@ -471,7 +471,7 @@ export default function Item(_ref, _ref2) {
     fill: "white",
     filter: "url(#shadow)"
   }), /*#__PURE__*/React.createElement("image", {
-    href: "assets/img/svg/delete.svg",
+    href: "/assets/img/svg/delete.svg",
     x: "3",
     y: "-19",
     height: "16",

package/es/components/viewer2d/line.js

@@ -823,7 +823,7 @@ export default function Line(_ref) {
     fill: "white",
     filter: "url(#shadow)"
   }), /*#__PURE__*/React.createElement("image", {
-    href: "assets/img/svg/bottombar/elevation.svg",
+    href: "/assets/img/svg/bottombar/elevation.svg",
     x: "5",
     y: "-36",
     height: "12",
@@ -853,7 +853,7 @@ export default function Line(_ref) {
     fill: "white",
     filter: "url(#shadow)"
   }), /*#__PURE__*/React.createElement("image", {
-    href: "assets/img/svg/delete.svg",
+    href: "/assets/img/svg/delete.svg",
     x: "3",
     y: "-24",
     height: "16",

package/es/components/viewer2d/viewer2d.js

@@ -188,7 +188,7 @@ export default function Viewer2D(_ref, _ref2) {
     };
   };
   // let pinBackColor = pinFlag ? "#4488ff" : "black";
-  // let topRightImg = state.mode == MODE_IDLE || state.mode == MODE_2D_PAN ? "assets/img/svg/topbar/edit_inactive.svg" : "assets/img/svg/topbar/edit_active.svg";
+  // let topRightImg = state.mode == MODE_IDLE || state.mode == MODE_2D_PAN ? "/assets/img/svg/topbar/edit_inactive.svg" : "/assets/img/svg/topbar/edit_active.svg";
   // let topBtnAction = state.mode == MODE_IDLE || state.mode == MODE_2D_PAN ? () => linesActions.selectToolDrawingLine("wall") : () => projectActions.setMode(MODE_IDLE);
 
   var prepareSnap = function prepareSnap() {

package/es/components/viewer3d/libs/mtl-loader.js

@@ -39,7 +39,7 @@ Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
    * @param {String} path
    *
    * @example
-   *     mtlLoader.setPath( 'assets/obj/' );
+   *     mtlLoader.setPath( '/assets/obj/' );
    *     mtlLoader.load( 'my.mtl', ... );
    */
   setPath: function setPath(path) {
@@ -54,8 +54,8 @@ Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
    * @param {String} path
    *
    * @example
-   *     mtlLoader.setPath( 'assets/obj/' );
-   *     mtlLoader.setTexturePath( 'assets/textures/' );
+   *     mtlLoader.setPath( '/assets/obj/' );
+   *     mtlLoader.setTexturePath( '/assets/textures/' );
    *     mtlLoader.load( 'my.mtl', ... );
    */
   setTexturePath: function setTexturePath(path) {

package/es/components/viewer3d/scene-creator.js

@@ -158,7 +158,7 @@ ctx.fill();
 ctx.stroke();
 var img1 = new Image();
 img1.crossOrigin = 'anonymous';
-img1.src = 'assets/img/svg/3d_item_warning_info.svg';
+img1.src = '/assets/img/svg/3d_item_warning_info.svg';
 img1.onload = function () {
   ctx.drawImage(img1, 0, 0, 50, 50);
 };
@@ -169,7 +169,7 @@ ctx.fill();
 ctx.stroke();
 var img2 = new Image();
 img2.crossOrigin = 'anonymous';
-img2.src = 'assets/img/svg/3d_item_warning_edit.svg';
+img2.src = '/assets/img/svg/3d_item_warning_edit.svg';
 img2.onload = function () {
   ctx.drawImage(img2, 8, 58, 34, 34);
 };
@@ -1491,7 +1491,7 @@ function addHole(sceneData, planData, layer, holeID, catalog, holesActions, mode
       item.castShadow = true;
       var texture;
       if (name.includes('_wood')) {
-        texture = loadTexture('assets/img/texture/white1px.jpg');
+        texture = loadTexture('/assets/img/texture/white1px.jpg');
       } else if (name.includes('_glass')) {
         var material = new Three.MeshPhysicalMaterial({
           roughness: 0.5,
@@ -1503,7 +1503,7 @@ function addHole(sceneData, planData, layer, holeID, catalog, holesActions, mode
         item.material = material;
         return item;
       } else if (name.includes('_steel')) {
-        texture = loadTexture('assets/img/texture/steel.jpg');
+        texture = loadTexture('/assets/img/texture/steel.jpg');
       } else if (name.includes('_glass')) {
         var _material2 = new Three.MeshPhysicalMaterial({
           roughness: 0.5,

package/es/components/viewer3d/viewer3d.js

@@ -1057,7 +1057,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
         ctx.stroke();
         var img1 = new Image();
         img1.crossOrigin = 'anonymous';
-        img1.src = 'assets/img/svg/3d_item_rotation.svg';
+        img1.src = '/assets/img/svg/3d_item_rotation.svg';
         img1.onload = function () {
           ctx.drawImage(img1, 16, 16, 68, 68);
         };
@@ -1067,7 +1067,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
         ctx.stroke();
         var img2 = new Image();
         img2.crossOrigin = 'anonymous';
-        img2.src = 'assets/img/svg/3d_item_move.svg';
+        img2.src = '/assets/img/svg/3d_item_move.svg';
         img2.onload = function () {
           ctx.drawImage(img2, 16, 116, 68, 68);
         };
@@ -2223,7 +2223,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
         }
         camera.layers.enable(1);
         function loadENV() {
-          new RGBELoader().load('assets/brown_photostudio_02_1k.hdr', function (texture) {
+          new RGBELoader().load('/assets/brown_photostudio_02_1k.hdr', function (texture) {
             texture.mapping = Three.EquirectangularReflectionMapping;
             scene3D.environment = texture;
             texture.dispose();
@@ -2554,7 +2554,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
               height: '70px',
               animation: 'spin 2s linear infinite'
             },
-            src: 'assets/img/loading_large.gif',
+            src: '/assets/img/loading_large.gif',
             alt: "img"
           }));
         } else {
@@ -2570,7 +2570,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
               animation: 'spin 2s linear infinite',
               marginTop: "22%"
             },
-            src: 'assets/img/loading_large.gif',
+            src: '/assets/img/loading_large.gif',
             alt: "img"
           }));
         }
@@ -2589,7 +2589,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
             position: "absolute",
             top: "50%"
           },
-          src: 'assets/img/loading_large.gif',
+          src: '/assets/img/loading_large.gif',
           alt: "img"
         }));
       } else {

package/es/devLiteRenderer.js

@@ -64,7 +64,7 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, /*#__PURE__*/React.createElement("img", {
-    src: "assets/img/svg/bottombar/arrow-left.svg"
+    src: "/assets/img/svg/bottombar/arrow-left.svg"
   })), /*#__PURE__*/React.createElement(Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -78,7 +78,7 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, /*#__PURE__*/React.createElement("img", {
-    src: "assets/img/svg/bottombar/arrow-up.svg"
+    src: "/assets/img/svg/bottombar/arrow-up.svg"
   })), /*#__PURE__*/React.createElement(Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -92,7 +92,7 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, /*#__PURE__*/React.createElement("img", {
-    src: "assets/img/svg/bottombar/arrow-down.svg"
+    src: "/assets/img/svg/bottombar/arrow-down.svg"
   })), /*#__PURE__*/React.createElement(Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -106,7 +106,7 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, /*#__PURE__*/React.createElement("img", {
-    src: "assets/img/svg/bottombar/arrow-right.svg"
+    src: "/assets/img/svg/bottombar/arrow-right.svg"
   })), /*#__PURE__*/React.createElement(Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -142,7 +142,7 @@ function WorkSpace(props) {
     dataBundle: mockDataBundle,
     configData: mockProps.configData,
     options: options,
-    logoImg: "assets/logo.png",
+    logoImg: "/assets/logo.png",
     companyUrl: "https://example.com",
     toolbarButtons: [],
     externalEvent: externalEvent,

package/lib/catalog/factories/area-factory-3d.js

@@ -93,7 +93,7 @@ function createArea(element, layer, scene, textures) {
     shape.lineTo(vertices[i].x, vertices[i].y);
   }
   function loadFloorENV() {
-    return new _RGBELoader.RGBELoader().load('assets/Window.hdr', function (texture) {
+    return new _RGBELoader.RGBELoader().load('/assets/Window.hdr', function (texture) {
       texture.mapping = Three.EquirectangularReflectionMapping;
       return texture;
     });

package/lib/catalog/holes/door-closet/planner-element.js

@@ -76,8 +76,8 @@ var _default = exports["default"] = {
     title: 'Closet',
     tag: ['door'],
     description: 'Closet door(Wooden)',
-    image: 'assets/img/svg/door/Closet.svg',
-    url: 'assets/gltf/door_closet.gltf'
+    image: '/assets/img/svg/door/Closet.svg',
+    url: '/assets/gltf/door_closet.gltf'
   },
   properties: {
     width: {

package/lib/catalog/holes/door-double/planner-element.js

@@ -110,7 +110,7 @@ var _default = exports["default"] = {
     tag: ['door'],
     title: 'Double Door',
     description: 'iron door',
-    image: 'assets/img/svg/doors_patio.svg'
+    image: '/assets/img/svg/doors_patio.svg'
   },
   properties: {
     width: {

package/lib/catalog/holes/door-exterior/planner-element.js

@@ -77,8 +77,8 @@ var _default = exports["default"] = {
     title: 'Exterior',
     tag: ['door'],
     description: 'Exterior door',
-    image: 'assets/img/svg/door/Exterior.svg',
-    url: 'assets/gltf/door_exterior.gltf'
+    image: '/assets/img/svg/door/Exterior.svg',
+    url: '/assets/gltf/door_exterior.gltf'
   },
   properties: {
     width: {

package/lib/catalog/holes/door-interior/planner-element.js

@@ -77,8 +77,8 @@ var _default = exports["default"] = {
     title: 'Interior',
     tag: ['door'],
     description: 'Interior door',
-    image: 'assets/img/svg/door/Interior.svg',
-    url: 'assets/gltf/door_interior.gltf'
+    image: '/assets/img/svg/door/Interior.svg',
+    url: '/assets/gltf/door_interior.gltf'
   },
   properties: {
     width: {

package/lib/catalog/holes/door-panic/planner-element.js

@@ -265,7 +265,7 @@ var _default = exports["default"] = {
     tag: ['door'],
     title: 'Panic Door',
     description: 'iron door',
-    image: 'assets/img/svg/doors_exterior.svg'
+    image: '/assets/img/svg/doors_exterior.svg'
   },
   properties: {
     width: {

package/lib/catalog/holes/door-panic-double/planner-element.js

@@ -262,7 +262,7 @@ var _default = exports["default"] = {
     tag: ['door'],
     title: 'Double Panic Door',
     description: 'iron door',
-    image: 'assets/img/svg/doors_closet.svg'
+    image: '/assets/img/svg/doors_closet.svg'
   },
   properties: {
     width: {

package/lib/catalog/holes/door-sliding/planner-element.js

@@ -23,9 +23,9 @@ var _default = exports["default"] = {
     tag: ['door'],
     title: 'Sliding',
     description: 'Sliding',
-    // image: "assets/img/svg/doors_patio.svg",
-    image: 'assets/img/svg/door/Sliding.svg',
-    url: 'assets/gltf/door_sliding.gltf'
+    // image: "/assets/img/svg/doors_patio.svg",
+    image: '/assets/img/svg/door/Sliding.svg',
+    url: '/assets/gltf/door_sliding.gltf'
   },
   properties: {
     width: {

package/lib/catalog/holes/doorway-framed/planner-element.js

@@ -40,8 +40,8 @@ var _default = exports["default"] = {
     title: 'Framed Doorway',
     tag: ['doorway'],
     description: 'Framed Doorway',
-    image: 'assets/img/svg/door/Framed_dorway.svg',
-    url: 'assets/gltf/doorway_framed.gltf'
+    image: '/assets/img/svg/door/Framed_dorway.svg',
+    url: '/assets/gltf/doorway_framed.gltf'
   },
   properties: {
     width: {

package/lib/catalog/holes/doorway-frameless/planner-element.js

@@ -37,7 +37,7 @@ var _default = exports["default"] = {
     title: 'FrameLess Doorway',
     tag: ['doorway'],
     description: 'FrameLess Doorway',
-    image: 'assets/img/svg/door/Frameless_dorway.svg',
+    image: '/assets/img/svg/door/Frameless_dorway.svg',
     url: ''
   },
   properties: {

package/lib/catalog/holes/window-clear/planner-element.js

@@ -19,8 +19,8 @@ var _default = exports["default"] = {
     title: 'Clear',
     tag: ['window'],
     description: 'Window',
-    image: 'assets/img/svg/window/Clear.svg',
-    url: 'assets/gltf/window_clear.gltf'
+    image: '/assets/img/svg/window/Clear.svg',
+    url: '/assets/gltf/window_clear.gltf'
   },
   properties: {
     width: {

package/lib/catalog/holes/window-cross/planner-element.js

@@ -19,8 +19,8 @@ var _default = exports["default"] = {
     title: 'Cross',
     tag: ['window'],
     description: 'Cross window',
-    image: 'assets/img/svg/window/Cross.svg',
-    url: 'assets/gltf/window_cross.gltf'
+    image: '/assets/img/svg/window/Cross.svg',
+    url: '/assets/gltf/window_cross.gltf'
   },
   properties: {
     width: {

package/lib/catalog/holes/window-double-hung/planner-element.js

@@ -19,8 +19,8 @@ var _default = exports["default"] = {
     title: 'Double Hung',
     tag: ['window'],
     description: 'Double Hung Window',
-    image: 'assets/img/svg/window/Double_hung.svg',
-    url: 'assets/gltf/window_double_hung.gltf'
+    image: '/assets/img/svg/window/Double_hung.svg',
+    url: '/assets/gltf/window_double_hung.gltf'
   },
   properties: {
     width: {

package/lib/catalog/holes/window-vertical/planner-element.js

@@ -31,8 +31,8 @@ var _default = exports["default"] = {
     tag: ['window'],
     title: 'Vertical',
     description: 'Vertical Window',
-    image: 'assets/img/svg/window/Vertical.svg',
-    url: 'assets/gltf/window_vertical.gltf'
+    image: '/assets/img/svg/window/Vertical.svg',
+    url: '/assets/gltf/window_vertical.gltf'
   },
   properties: {
     width: {

package/lib/catalog/molding/molding-dcm/planner-element.js

@@ -13,8 +13,8 @@ var _default = exports["default"] = {
     title: 'Dcm',
     tag: ['molding'],
     description: 'dcm',
-    image: 'assets/img/svg/toolbar/dcm.png',
-    url: 'assets/model/DCM.gltf'
+    image: '/assets/img/svg/toolbar/dcm.png',
+    url: '/assets/model/DCM.gltf'
   },
   properties: {},
   render3D: function render3D(element, layer, scene) {

package/lib/catalog/molding/molding-fbm/planner-element.js

@@ -13,8 +13,8 @@ var _default = exports["default"] = {
     title: 'Fbm',
     tag: ['molding'],
     description: 'Molding',
-    image: 'assets/img/svg/toolbar/fbm.png',
-    url: 'assets/model/FBM.gltf'
+    image: '/assets/img/svg/toolbar/fbm.png',
+    url: '/assets/model/FBM.gltf'
   },
   properties: {},
   render3D: function render3D(element, layer, scene) {

package/lib/catalog/molding/molding-lrm/planner-element.js

@@ -13,8 +13,8 @@ var _default = exports["default"] = {
     title: 'Lrm',
     tag: ['molding'],
     description: 'Molding',
-    image: 'assets/img/svg/toolbar/lrm.png',
-    url: 'assets/model/LRM.gltf'
+    image: '/assets/img/svg/toolbar/lrm.png',
+    url: '/assets/model/LRM.gltf'
   },
   properties: {},
   render3D: function render3D(element, layer, scene) {

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

@@ -50,7 +50,7 @@ function PropertyCheckbox(_ref) {
       return update(!value);
     }
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'),
+    src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_toggle_active.svg' : '2d3d_toggle.svg'),
     style: {
       width: '55px',
       height: '30px'
@@ -58,7 +58,7 @@ function PropertyCheckbox(_ref) {
   }), /*#__PURE__*/_react["default"].createElement(FlipToggleIcon, {
     style: _objectSpread({}, activeStyle)
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
+    src: "/assets/img/svg/bottombar/".concat(value != 0 ? '2d3d_button_active.svg' : '2d3d_button.svg'),
     style: {
       width: '30px',
       height: '30px'

package/lib/catalog/utils/item-loader.js

@@ -358,8 +358,8 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
   if (element.properties.get('depth')) newDepth = element.getIn(['properties', 'depth', '_length']);
   if (element.properties.get('height')) newHeight = element.getIn(['properties', 'height', '_length']);
   var structure = structure_json;
-  // structure.push({name:'model', url: 'assets/model/DCM.gltf'});
-  structure.model = 'assets/model/DCM.gltf';
+  // structure.push({name:'model', url: '/assets/model/DCM.gltf'});
+  structure.model = '/assets/model/DCM.gltf';
   var placeholders = structure.placeholders;
   var doorStyles = null;
   var color = 0xffffff,
@@ -645,7 +645,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
           });
           obj.material = material;
         } else if (name.startsWith('sink_')) {
-          // texture = loadTexture('assets/img/texture/steel.jpg');
+          // texture = loadTexture('/assets/img/texture/steel.jpg');
 
           var _material;
           // Get color from name
@@ -1050,9 +1050,9 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
           obj.receiveShadow = true;
           return object;
         } else if (name.includes('_wood')) {
-          texture = loadTexture('assets/img/texture/wood.jpg');
+          texture = loadTexture('/assets/img/texture/wood.jpg');
         } else if (name.includes('_glass')) {
-          // texture = loadTexture('assets/img/texture/glass.jpg');
+          // texture = loadTexture('/assets/img/texture/glass.jpg');
           var material = new Three.MeshPhysicalMaterial({
             transparent: true,
             opacity: 0.5,
@@ -1067,7 +1067,7 @@ function render3DApplianceItem(element, layer, scene, sizeinfo, structure_json)
           obj.receiveShadow = true;
           return object;
         } else if (name.includes('_steel')) {
-          // texture = loadTexture('assets/img/texture/steel.jpg');
+          // texture = loadTexture('/assets/img/texture/steel.jpg');
           var _material2 = new Three.MeshPhysicalMaterial({
             roughness: 0.2,
             metalness: 0.5,

package/lib/catalog/utils/load-obj.js

@@ -53,7 +53,7 @@ function loadGLTF(url) {
   var loader = new _GLTFLoader.GLTFLoader(manager);
   loader.setCrossOrigin('anonymous');
   var dracoLoader = new _DRACOLoader.DRACOLoader();
-  dracoLoader.setDecoderPath('assets/draco/');
+  dracoLoader.setDecoderPath('/assets/draco/');
   loader.setDRACOLoader(dracoLoader);
   return new Promise(function (resolve, reject) {
     loader.load(url, function (gltf) {

package/lib/catalog/utils/mtl-loader.js

@@ -41,7 +41,7 @@ Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
    * @param {String} path
    *
    * @example
-   *     mtlLoader.setPath( 'assets/obj/' );
+   *     mtlLoader.setPath( '/assets/obj/' );
    *     mtlLoader.load( 'my.mtl', ... );
    */
   setPath: function setPath(path) {
@@ -56,8 +56,8 @@ Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
    * @param {String} path
    *
    * @example
-   *     mtlLoader.setPath( 'assets/obj/' );
-   *     mtlLoader.setTexturePath( 'assets/textures/' );
+   *     mtlLoader.setPath( '/assets/obj/' );
+   *     mtlLoader.setTexturePath( '/assets/textures/' );
    *     mtlLoader.load( 'my.mtl', ... );
    */
   setTexturePath: function setTexturePath(path) {

package/lib/components/viewer2d/item.js

@@ -86,10 +86,10 @@ function Item(_ref, _ref2) {
   }
   var buttons = [{
     name: 'Edit',
-    thumbnail: 'assets/img/svg/3d_item_warning_edit.svg'
+    thumbnail: '/assets/img/svg/3d_item_warning_edit.svg'
   }, {
     name: 'Info',
-    thumbnail: 'assets/img/svg/3d_item_warning_info.svg'
+    thumbnail: '/assets/img/svg/3d_item_warning_info.svg'
   }];
   function getCalcRectFromItem(items) {
     var x = items.pos.x;
@@ -395,7 +395,7 @@ function Item(_ref, _ref2) {
       cursor: 'w-resize'
     }
   }, /*#__PURE__*/_react["default"].createElement("image", {
-    href: clockRotateState ? 'assets/img/svg/rotate.png' : 'assets/img/svg/blank_div.svg',
+    href: clockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
     style: {
       transform: "scale(-1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
     },
@@ -409,7 +409,7 @@ function Item(_ref, _ref2) {
       return setClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
     }
   }), /*#__PURE__*/_react["default"].createElement("image", {
-    href: antiClockRotateState ? 'assets/img/svg/rotate.png' : 'assets/img/svg/blank_div.svg',
+    href: antiClockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
     style: {
       transform: "scale(1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
     },
@@ -450,7 +450,7 @@ function Item(_ref, _ref2) {
     fill: "white",
     filter: "url(#shadow)"
   }), /*#__PURE__*/_react["default"].createElement("image", {
-    href: "assets/img/svg/duplicate.svg",
+    href: "/assets/img/svg/duplicate.svg",
     x: "3",
     y: "-19",
     height: "16",
@@ -480,7 +480,7 @@ function Item(_ref, _ref2) {
     fill: "white",
     filter: "url(#shadow)"
   }), /*#__PURE__*/_react["default"].createElement("image", {
-    href: "assets/img/svg/delete.svg",
+    href: "/assets/img/svg/delete.svg",
     x: "3",
     y: "-19",
     height: "16",

package/lib/components/viewer2d/line.js

@@ -833,7 +833,7 @@ function Line(_ref) {
     fill: "white",
     filter: "url(#shadow)"
   }), /*#__PURE__*/_react["default"].createElement("image", {
-    href: "assets/img/svg/bottombar/elevation.svg",
+    href: "/assets/img/svg/bottombar/elevation.svg",
     x: "5",
     y: "-36",
     height: "12",
@@ -863,7 +863,7 @@ function Line(_ref) {
     fill: "white",
     filter: "url(#shadow)"
   }), /*#__PURE__*/_react["default"].createElement("image", {
-    href: "assets/img/svg/delete.svg",
+    href: "/assets/img/svg/delete.svg",
     x: "3",
     y: "-24",
     height: "16",

package/lib/components/viewer2d/viewer2d.js

@@ -198,7 +198,7 @@ function Viewer2D(_ref, _ref2) {
     };
   };
   // let pinBackColor = pinFlag ? "#4488ff" : "black";
-  // let topRightImg = state.mode == MODE_IDLE || state.mode == MODE_2D_PAN ? "assets/img/svg/topbar/edit_inactive.svg" : "assets/img/svg/topbar/edit_active.svg";
+  // let topRightImg = state.mode == MODE_IDLE || state.mode == MODE_2D_PAN ? "/assets/img/svg/topbar/edit_inactive.svg" : "/assets/img/svg/topbar/edit_active.svg";
   // let topBtnAction = state.mode == MODE_IDLE || state.mode == MODE_2D_PAN ? () => linesActions.selectToolDrawingLine("wall") : () => projectActions.setMode(MODE_IDLE);
 
   var prepareSnap = function prepareSnap() {

package/lib/components/viewer3d/libs/mtl-loader.js

@@ -41,7 +41,7 @@ Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
    * @param {String} path
    *
    * @example
-   *     mtlLoader.setPath( 'assets/obj/' );
+   *     mtlLoader.setPath( '/assets/obj/' );
    *     mtlLoader.load( 'my.mtl', ... );
    */
   setPath: function setPath(path) {
@@ -56,8 +56,8 @@ Object.assign(MTLLoader.prototype, THREE.EventDispatcher.prototype, {
    * @param {String} path
    *
    * @example
-   *     mtlLoader.setPath( 'assets/obj/' );
-   *     mtlLoader.setTexturePath( 'assets/textures/' );
+   *     mtlLoader.setPath( '/assets/obj/' );
+   *     mtlLoader.setTexturePath( '/assets/textures/' );
    *     mtlLoader.load( 'my.mtl', ... );
    */
   setTexturePath: function setTexturePath(path) {

package/lib/components/viewer3d/scene-creator.js

@@ -193,7 +193,7 @@ ctx.fill();
 ctx.stroke();
 var img1 = new Image();
 img1.crossOrigin = 'anonymous';
-img1.src = 'assets/img/svg/3d_item_warning_info.svg';
+img1.src = '/assets/img/svg/3d_item_warning_info.svg';
 img1.onload = function () {
   ctx.drawImage(img1, 0, 0, 50, 50);
 };
@@ -204,7 +204,7 @@ ctx.fill();
 ctx.stroke();
 var img2 = new Image();
 img2.crossOrigin = 'anonymous';
-img2.src = 'assets/img/svg/3d_item_warning_edit.svg';
+img2.src = '/assets/img/svg/3d_item_warning_edit.svg';
 img2.onload = function () {
   ctx.drawImage(img2, 8, 58, 34, 34);
 };
@@ -1526,7 +1526,7 @@ function addHole(sceneData, planData, layer, holeID, catalog, holesActions, mode
       item.castShadow = true;
       var texture;
       if (name.includes('_wood')) {
-        texture = (0, _itemLoader.loadTexture)('assets/img/texture/white1px.jpg');
+        texture = (0, _itemLoader.loadTexture)('/assets/img/texture/white1px.jpg');
       } else if (name.includes('_glass')) {
         var material = new Three.MeshPhysicalMaterial({
           roughness: 0.5,
@@ -1538,7 +1538,7 @@ function addHole(sceneData, planData, layer, holeID, catalog, holesActions, mode
         item.material = material;
         return item;
       } else if (name.includes('_steel')) {
-        texture = (0, _itemLoader.loadTexture)('assets/img/texture/steel.jpg');
+        texture = (0, _itemLoader.loadTexture)('/assets/img/texture/steel.jpg');
       } else if (name.includes('_glass')) {
         var _material2 = new Three.MeshPhysicalMaterial({
           roughness: 0.5,

package/lib/components/viewer3d/viewer3d.js

@@ -1064,7 +1064,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         ctx.stroke();
         var img1 = new Image();
         img1.crossOrigin = 'anonymous';
-        img1.src = 'assets/img/svg/3d_item_rotation.svg';
+        img1.src = '/assets/img/svg/3d_item_rotation.svg';
         img1.onload = function () {
           ctx.drawImage(img1, 16, 16, 68, 68);
         };
@@ -1074,7 +1074,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         ctx.stroke();
         var img2 = new Image();
         img2.crossOrigin = 'anonymous';
-        img2.src = 'assets/img/svg/3d_item_move.svg';
+        img2.src = '/assets/img/svg/3d_item_move.svg';
         img2.onload = function () {
           ctx.drawImage(img2, 16, 116, 68, 68);
         };
@@ -2230,7 +2230,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         }
         camera.layers.enable(1);
         function loadENV() {
-          new _RGBELoader.RGBELoader().load('assets/brown_photostudio_02_1k.hdr', function (texture) {
+          new _RGBELoader.RGBELoader().load('/assets/brown_photostudio_02_1k.hdr', function (texture) {
             texture.mapping = Three.EquirectangularReflectionMapping;
             scene3D.environment = texture;
             texture.dispose();
@@ -2561,7 +2561,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
               height: '70px',
               animation: 'spin 2s linear infinite'
             },
-            src: 'assets/img/loading_large.gif',
+            src: '/assets/img/loading_large.gif',
             alt: "img"
           }));
         } else {
@@ -2577,7 +2577,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
               animation: 'spin 2s linear infinite',
               marginTop: "22%"
             },
-            src: 'assets/img/loading_large.gif',
+            src: '/assets/img/loading_large.gif',
             alt: "img"
           }));
         }
@@ -2596,7 +2596,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
             position: "absolute",
             top: "50%"
           },
-          src: 'assets/img/loading_large.gif',
+          src: '/assets/img/loading_large.gif',
           alt: "img"
         }));
       } else {

package/lib/devLiteRenderer.js

@@ -68,7 +68,7 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "assets/img/svg/bottombar/arrow-left.svg"
+    src: "/assets/img/svg/bottombar/arrow-left.svg"
   })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -82,7 +82,7 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "assets/img/svg/bottombar/arrow-up.svg"
+    src: "/assets/img/svg/bottombar/arrow-up.svg"
   })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -96,7 +96,7 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "assets/img/svg/bottombar/arrow-down.svg"
+    src: "/assets/img/svg/bottombar/arrow-down.svg"
   })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -110,7 +110,7 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "assets/img/svg/bottombar/arrow-right.svg"
+    src: "/assets/img/svg/bottombar/arrow-right.svg"
   })), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -146,7 +146,7 @@ function WorkSpace(props) {
     dataBundle: _dataBundle["default"],
     configData: _mockProps["default"].configData,
     options: options,
-    logoImg: "assets/logo.png",
+    logoImg: "/assets/logo.png",
     companyUrl: "https://example.com",
     toolbarButtons: [],
     externalEvent: externalEvent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "1.0.0-alin.16",
+  "version": "1.0.0-alin.17",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",