kitchen-simulator 11.30.1 → 11.30.3

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

@@ -18,6 +18,7 @@ import { animateDoor, isElevationView, isEmpty, isImmutable, replaceMeshesWithLi
 import { formatNumber } from "../../utils/math";
 import { toJSIfNeeded } from "../../shared/objects/immutable";
 import { isCornerCabinet } from "../../shared/domain/cabinet-corner";
+import { APPLIANCE_CATEGORY_DISHWASHER } from "../../constants/applianceCategories";
 export var fVLine = [];
 var scene_mode = null;
 export function parseData(sceneData, actions, catalog, camera, renderer, mode) {
@@ -2474,13 +2475,13 @@ export function createMDFromItem(item, lines, molding) {
   };
 }
 function tryAdjacent(ct1, ct2) {
-  if (ct1.catid.includes('Dishwasher') && ct1.catid.includes('BF')) {
+  if (ct1.catid.includes(APPLIANCE_CATEGORY_DISHWASHER) && ct1.catid.includes('BF')) {
     var temp = ct1;
     ct1 = ct2;
     ct2 = temp;
   }
   log('----tryAdjacent', ct1.id, ct2.id);
-  if (!ct2.catid.includes('Dishwasher') && !ct2.catid.includes('BF') && ct1.catid != ct2.catid) return false;
+  if (!ct2.catid.includes(APPLIANCE_CATEGORY_DISHWASHER) && !ct2.catid.includes('BF') && ct1.catid != ct2.catid) return false;
   if (ct1.items[0].layoutpos === 'Vanity' || ct2.items[0].layoutpos === 'Vanity') return false;
   if (ct1.rotRad != ct2.rotRad) return false;
   log('ct1', ct1.pos.x, ct1.pos.y, ct1.size.width);
@@ -2625,7 +2626,7 @@ function showItemCT(item, CT, visible, planData, layer) {
   });
 }
 function getCountertopMesh(item, visible, planData, layer) {
-  if (item.type.includes('Dishwasher')) return undefined;
+  if (item.type.includes(APPLIANCE_CATEGORY_DISHWASHER)) return undefined;
   if (item.type.includes('BF')) return undefined;
   var item3D = planData.sceneGraph.layers[layer.id].items[item.id];
   var countertop = null;
@@ -2695,10 +2696,10 @@ function addCTMesh(countertop, planData, layer) {
       var pivotMat = ctMesh.parent.parent.matrix;
       pivotMat.setPosition(new Three.Vector3(countertop.pos.x, 0, -countertop.pos.y));
       var width = countertop.items.find(function (ct) {
-        return !ct.type.includes('Dishwasher') && !ct.type.includes('BF');
+        return !ct.type.includes(APPLIANCE_CATEGORY_DISHWASHER) && !ct.type.includes('BF');
       }).properties.get('width').get('_length');
       var unit_width = countertop.items.find(function (ct) {
-        return !ct.type.includes('Dishwasher') && !ct.type.includes('BF');
+        return !ct.type.includes(APPLIANCE_CATEGORY_DISHWASHER) && !ct.type.includes('BF');
       }).properties.get('width').get('_unit') || 'cm';
       width = convert(width).from(unit_width).to('cm');
       pivotMat.scale(new Three.Vector3(countertop.size.width / width, 1, 1));

package/es/constants/applianceCategories.js

@@ -0,0 +1,19 @@
+// Appliance category/name constants
+//
+// NOTE: Keep these in a small dedicated module instead of adding more
+// hardcoded strings into src/constants.js (which is already very large).
+
+// wall-like appliances
+export var APPLIANCE_CATEGORY_COOK_TOP = 'Cook Top';
+export var APPLIANCE_CATEGORY_MICROWAVE = 'Microwave';
+export var APPLIANCE_CATEGORY_HOOD = 'Hood';
+
+// base-like appliances
+export var APPLIANCE_CATEGORY_DISHWASHER = 'Dishwasher';
+export var APPLIANCE_CATEGORY_REFRIGERATOR = 'Refrigerator';
+export var APPLIANCE_CATEGORY_RANGE = 'Range';
+
+// Categories that we exclude from some snapping/overlap logic.
+// (exported as an array so call-sites can create their own Set and avoid
+// accidental shared mutation)
+export var EXCLUDED_APPLIANCE_CATEGORIES = Object.freeze([APPLIANCE_CATEGORY_COOK_TOP, APPLIANCE_CATEGORY_MICROWAVE, APPLIANCE_CATEGORY_HOOD]);

package/es/engine/2d/viewer-utils.js

@@ -0,0 +1,20 @@
+import { APPLIANCE_CATEGORY_COOK_TOP, APPLIANCE_CATEGORY_HOOD, APPLIANCE_CATEGORY_RANGE } from "../../constants/applianceCategories";
+
+/**
+ * Returns `true` for items that are intentionally allowed to overlap other
+ * elements while being placed/dragged in the 2D viewer.
+ *
+ * Why this exists:
+ * - `GeometryUtils.validInterSect(...)` is used as a collision/intersection gate.
+ * - Some appliances (e.g. cooktops/ranges/hoods) are expected to be placed "on"
+ *   or "inside" cabinetry/countertops, so they must not be blocked by that gate.
+ *
+ * NOTE: This currently identifies items by the appliance category strings found
+ * in `itemInfo.name` / `itemInfo.cabinet_category`.
+ */
+export var shouldBypassItemIntersectionValidation = function shouldBypassItemIntersectionValidation(itemRect) {
+  var itemInfo = itemRect === null || itemRect === void 0 ? void 0 : itemRect.itemInfo;
+  var name = typeof (itemInfo === null || itemInfo === void 0 ? void 0 : itemInfo.name) === 'string' ? itemInfo.name : '';
+  var cabinetCategory = typeof (itemInfo === null || itemInfo === void 0 ? void 0 : itemInfo.cabinet_category) === 'string' ? itemInfo.cabinet_category : '';
+  return name.includes(APPLIANCE_CATEGORY_HOOD) || cabinetCategory.toLowerCase().includes(APPLIANCE_CATEGORY_HOOD.toLowerCase()) || name.includes(APPLIANCE_CATEGORY_RANGE) || name.includes(APPLIANCE_CATEGORY_COOK_TOP);
+};

package/es/mappings/external-events/mapExternalEventPayload.js

@@ -4,10 +4,10 @@ import { mapAddItemEvent } from "./mappers/addItemMapper";
 import { mapChangeDoorStyleEvent } from "./mappers/changeDoorStyleMapper";
 import { mapLoadProjectEvent } from "./mappers/loadProjectMapper";
 
-/**
- * Main dispatcher for external event payload mapping.
- * Converts new API formats into legacy internal formats (e.g. assets3d -> structure_json)
- * without changing the behavior of the existing 3D tool.
+/**
+ * Main dispatcher for external event payload mapping.
+ * Converts new API formats into legacy internal formats (e.g. assets3d -> structure_json)
+ * without changing the behavior of the existing 3D tool.
  */
 export function mapExternalEventPayload(evt, state, defaultTextures) {
   if (isEmpty(evt)) return null;

package/es/mappings/external-events/mappers/addItemMapper.js

@@ -5,15 +5,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { ITEM_TYPE } from "../../../constants";
 import { isEmpty } from "../../../utils/helper";
 
-/**
- * Mapping logic for EXTERNAL_EVENT_ADD_ITEM.
- *
- * Converts the new assets3d payload shape into the legacy structure_json format
- * expected by the existing 3D tool.
- *
- * @param {Object} evt.payload   External event payload
- * @param {Immutable.Map} state Planner state
- * @returns {Object|null} Updated event (or null when payload is empty)
+/**
+ * Mapping logic for EXTERNAL_EVENT_ADD_ITEM.
+ *
+ * Converts the new assets3d payload shape into the legacy structure_json format
+ * expected by the existing 3D tool.
+ *
+ * @param {Object} evt.payload   External event payload
+ * @param {Immutable.Map} state Planner state
+ * @returns {Object|null} Updated event (or null when payload is empty)
  */
 export function mapAddItemEvent(orgEvtPayload, state) {
   var _evtPayload, _evtPayload3;

package/es/shared/domain/asset/sanitize-asset-url.js

@@ -1,8 +1,8 @@
-/**
- * Strip stray dots from the **path portion** of a GLTF/BIN URL.
- * e.g. `…/B36_36x34.5x24.gltf` → `…/B36_36x345x24.gltf`
- *
- * Leaves the protocol/domain and the final file extension untouched.
+/**
+ * Strip stray dots from the **path portion** of a GLTF/BIN URL.
+ * e.g. `…/B36_36x34.5x24.gltf` → `…/B36_36x345x24.gltf`
+ *
+ * Leaves the protocol/domain and the final file extension untouched.
  */
 export var sanitizeAssetUrl = function sanitizeAssetUrl(url) {
   if (!url) return url;

package/es/shared/math/line-metrics.js

@@ -8,17 +8,17 @@ function getVertex(vertices, vertexId) {
   return typeof vertices.get === 'function' ? vertices.get(vertexId) : vertices[vertexId];
 }
 
-/**
- * Computes a line length using its 2 vertices.
- *
- * Assumptions (matches existing DRAG logic):
- * - vertex coordinates are stored in centimeters
- * - result is converted to the provided unit
- *
- * @param {object} line - line object/record with `vertices` (array or immutable List)
- * @param {object} vertices - vertices collection (plain object map or immutable Map)
- * @param {string} unit - target unit (e.g. 'in', 'cm')
- * @returns {number|null}
+/**
+ * Computes a line length using its 2 vertices.
+ *
+ * Assumptions (matches existing DRAG logic):
+ * - vertex coordinates are stored in centimeters
+ * - result is converted to the provided unit
+ *
+ * @param {object} line - line object/record with `vertices` (array or immutable List)
+ * @param {object} vertices - vertices collection (plain object map or immutable Map)
+ * @param {string} unit - target unit (e.g. 'in', 'cm')
+ * @returns {number|null}
  */
 export function getLineLength(line, vertices) {
   var _v0$x, _v1$x, _v0$y, _v1$y;

package/es/utils/geometry.js

@@ -15,6 +15,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
  */
 import { fAbs, toFixedFloat } from "./math.js";
 import { BASE_CABINET_LAYOUTPOS, EPSILON, LINE_THICKNESS, MEPSILON, OVERLAP_INCLUDED, OVERLAP_LINK, OVERLAP_NONE, OVERLAP_SAME, OVERLAP_SOME, UNIT_ANGLE, WALL_CABINET_LAYOUTPOS } from "../constants";
+import { APPLIANCE_CATEGORY_COOK_TOP, APPLIANCE_CATEGORY_HOOD, EXCLUDED_APPLIANCE_CATEGORIES } from "../constants/applianceCategories";
+import { shouldBypassItemIntersectionValidation } from "../engine/2d/viewer-utils.js";
 import { convert } from "./convert-units-lite";
 import * as Three from 'three';
 import { returnReplaceableDeepSearchType } from "../components/viewer2d/utils.js";
@@ -729,8 +731,9 @@ export function getAllItemSpecified(scene, catalog, filter) {
   };
   var curiteminfo;
   var iteminfo = [];
+  var excludedApplianceCategories = new Set(EXCLUDED_APPLIANCE_CATEGORIES);
   layer.items.forEach(function (item) {
-    var _cat$obj;
+    var _cat$obj, _cat$obj2;
     if (!item) return;
     var val = {
       pos: {
@@ -756,11 +759,9 @@ export function getAllItemSpecified(scene, catalog, filter) {
     val.item = item;
 
     // Filter check
-    if (Array.isArray(filter)) {
-      if (!val.layoutpos || !filter.includes(val.layoutpos)) return;
-    } else if (val.layoutpos !== filter || isEmpty(cat) || (cat === null || cat === void 0 ? void 0 : cat.type) === 'appliance' && ['Cook Top', 'Microwave'].includes(cat === null || cat === void 0 || (_cat$obj = cat.obj) === null || _cat$obj === void 0 ? void 0 : _cat$obj.category)) {
-      return;
-    }
+    var isExcludedItem = isEmpty(cat) || (cat === null || cat === void 0 ? void 0 : cat.type) === 'appliance' && excludedApplianceCategories.has(cat === null || cat === void 0 || (_cat$obj = cat.obj) === null || _cat$obj === void 0 ? void 0 : _cat$obj.category) || excludedApplianceCategories.has(cat === null || cat === void 0 || (_cat$obj2 = cat.obj) === null || _cat$obj2 === void 0 ? void 0 : _cat$obj2.cabinet_category);
+    var layoutMatches = Array.isArray(filter) ? !!val.layoutpos && filter.includes(val.layoutpos) : val.layoutpos === filter;
+    if (!layoutMatches || isExcludedItem) return;
 
     // Current vs others
     var rect = getCalcRectFromItem3D(val);
@@ -1633,7 +1634,7 @@ export function calcSnap2(allItemRect, allItemSnap, allLineRects, allLineSnap, a
             rotRad = snap.rotRad;
           }
         });
-        if (allItemRect.cur.itemInfo.name.includes('Cook Top')) {
+        if (allItemRect.cur.itemInfo.name.includes(APPLIANCE_CATEGORY_COOK_TOP)) {
           var intersects = allItemRect.others.filter(function (others) {
             return intersectRect(others.rect, curitem.rect);
           });
@@ -1645,12 +1646,12 @@ export function calcSnap2(allItemRect, allItemSnap, allLineRects, allLineSnap, a
             }
           });
         }
-        if (allItemRect.cur.itemInfo.name.includes('Hood') || allItemRect.cur.itemInfo.cabinet_category.toLowerCase().includes('hood') || allItemRect.cur.itemInfo.name.includes('Range') || allItemRect.cur.itemInfo.name.includes('Cook Top')) {
+        if (shouldBypassItemIntersectionValidation(allItemRect.cur)) {
           var _intersects = allItemRect.others.filter(function (others) {
             return intersectRect(others.rect, curitem.rect);
           });
           _intersects.forEach(function (rect) {
-            if (isPointInArea(allArea, rect.itemInfo) || !allArea.length) if (rect.itemInfo.name.includes('Hood') || rect.itemInfo.cabinet_category.toLowerCase().includes('hood') || rect.itemInfo.name.includes('Range') || rect.itemInfo.name.includes('Cook Top')) {
+            if ((isPointInArea(allArea, rect.itemInfo) || !allArea.length) && shouldBypassItemIntersectionValidation(rect)) {
               nx = rect.itemInfo.x;
               ny = rect.itemInfo.y;
               rotRad = rect.itemInfo.rotation * Math.PI / 180;
@@ -2039,9 +2040,9 @@ export function needSnap(curItem, othItem) {
   var isBlsnapOth = othItem.item.category === 'cabinet' && othItem.item.layoutpos === BASE_CABINET_LAYOUTPOS && Math.abs(curFloor - otherFloor) >= delta;
   var isBlsnapCur = curItem.selectedItem.category === 'cabinet' && curItem.selectedItem.layoutpos === BASE_CABINET_LAYOUTPOS && Math.abs(curFloor - otherFloor) >= delta;
   if (curItem.cat.hasOwnProperty('long_name') || othItem.cat && othItem.cat.hasOwnProperty('long_name')) {
-    if (curItem.cat.long_name.includes('Hood') || othItem.cat && othItem.cat.long_name.includes('Hood')) blSnap = true;
-    if (curItem.cat.long_name.includes('Hood') && othItem.cat && isBlsnapOth || isBlsnapCur && othItem.cat.long_name.includes('Hood')) blSnap = false;
-    if (curItem.cat.long_name.includes('Cook Top') && othItem.cat && othItem.cat.long_name.includes('Cabinet') || curItem.cat.long_name.includes('Cabinet') && othItem.cat && othItem.cat.long_name.includes('Cook Top')) blSnap = true;
+    if (curItem.cat.long_name.includes(APPLIANCE_CATEGORY_HOOD) || othItem.cat && othItem.cat.long_name.includes(APPLIANCE_CATEGORY_HOOD)) blSnap = true;
+    if (curItem.cat.long_name.includes(APPLIANCE_CATEGORY_HOOD) && othItem.cat && isBlsnapOth || isBlsnapCur && othItem.cat.long_name.includes(APPLIANCE_CATEGORY_HOOD)) blSnap = false;
+    if (curItem.cat.long_name.includes(APPLIANCE_CATEGORY_COOK_TOP) && othItem.cat && othItem.cat.long_name.includes('Cabinet') || curItem.cat.long_name.includes('Cabinet') && othItem.cat && othItem.cat.long_name.includes(APPLIANCE_CATEGORY_COOK_TOP)) blSnap = true;
   }
   return blSnap;
 }

package/es/utils/skinPanelEngine.js

@@ -137,10 +137,10 @@ function isSnappedWithCornerCabient(srcItem, desItem) {
   } else return false;
 }
 
-/**
- * @param {*} faceSegs
- * @param {*} otherFaces
- * @returns
+/**
+ * @param {*} faceSegs
+ * @param {*} otherFaces
+ * @returns
  */
 function getTrimmedFaceSegs(faceSegs, otherFaces, cnt) {
   try {
@@ -301,8 +301,8 @@ function applyGroupingRules(faces) {
   };
 }
 
-/**
- * Horizontal Grouping (for base cabinets back-to-back : BSV48 48" x 34.5")
+/**
+ * Horizontal Grouping (for base cabinets back-to-back : BSV48 48" x 34.5")
  */
 function applyHorizontalGrouping(faces) {
   var removeIdxs = [];
@@ -344,8 +344,8 @@ function applyHorizontalGrouping(faces) {
   };
 }
 
-/**
- * Vertical Grouping (For CT3DR or CT2DR SKUs + stacked wall cabinets)
+/**
+ * Vertical Grouping (For CT3DR or CT2DR SKUs + stacked wall cabinets)
  */
 function applyVerticalGrouping(faces) {
   var removeIdxs = [];
@@ -436,8 +436,8 @@ function buildMP3SkinPanelArray(bottomHeight, topHeight, mp3SkinPanelArray) {
   return skinPanelTypeArray;
 }
 
-/**
- * Decide which skin panel pieces are needed for a tall cabinet.
+/**
+ * Decide which skin panel pieces are needed for a tall cabinet.
  */
 function resolveTallCabinetBundle(face) {
   var item = face.itemInfo;
@@ -457,8 +457,8 @@ function resolveTallCabinetBundle(face) {
   return face !== null && face !== void 0 && face.skinPanelSKU ? [face.skinPanelSKU] : [];
 }
 
-/**
- * Converts a face → list of SKUs
+/**
+ * Converts a face → list of SKUs
  */
 function resolveSkinPanelSKU(face) {
   var layout = face.itemInfo.layoutpos;
@@ -468,8 +468,8 @@ function resolveSkinPanelSKU(face) {
   return [face.skinPanelSKU];
 }
 
-/**
- * Make skin panel data with grouping skinPanelSKU & doorStyle
+/**
+ * Make skin panel data with grouping skinPanelSKU & doorStyle
  */
 function buildSkinPanelData(faces) {
   var tempResult = [];

package/lib/assets/img/svg/accessories.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.05 5.47V20.18L8 20.96" stroke="#000F33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M16.02 3V17.32L14.13 17.76" stroke="#000F33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M11.05 5.47V20.18L8 20.96" stroke="#000F33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16.02 3V17.32L14.13 17.76" stroke="#000F33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/lib/assets/img/svg/bottombar/elevation-back.svg

@@ -1,6 +1,6 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/lib/assets/img/svg/bottombar/elevation-front.svg

@@ -1,6 +1,6 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M14.5564 21L20.2416 14.9342M21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.91868 1L0.994629 4.08224L1.90534 17.3692L9.14126 12.3969" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-</svg>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M14.5564 21L20.2416 14.9342M21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.91868 1L0.994629 4.08224L1.90534 17.3692L9.14126 12.3969" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+</svg>

package/lib/assets/img/svg/bottombar/elevation-left.svg

@@ -1,6 +1,6 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M1.90534 17.3692L14.5566 21L14.8953 6.34588L0.994629 4.08224" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-</svg>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M1.90534 17.3692L14.5566 21L14.8953 6.34588L0.994629 4.08224" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+</svg>

package/lib/assets/img/svg/bottombar/elevation-right.svg

@@ -1,7 +1,7 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589" fill="#4C12A1" fill-opacity="0.5"/>
-<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589L14.5564 21Z" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589" fill="#4C12A1" fill-opacity="0.5"/>
+<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589L14.5564 21Z" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/lib/assets/img/svg/bottombar/elevation.svg

@@ -1,13 +1,13 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1516_100789)">
-<path d="M4.25 6L2 7.125L8 10.125L14 7.125L11.75 6" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2 10.125L8 13.125L14 10.125" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8 7.125V1.875" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.75 4.125L8 1.875L10.25 4.125" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_1516_100789">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1516_100789)">
+<path d="M4.25 6L2 7.125L8 10.125L14 7.125L11.75 6" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 10.125L8 13.125L14 10.125" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 7.125V1.875" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.75 4.125L8 1.875L10.25 4.125" stroke="rgba(58, 11, 128, 1)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1516_100789">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/lib/assets/img/svg/detail.svg

@@ -1,77 +1,77 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="14"
-   id="svg3049"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="New document 5">
-  <defs
-     id="defs3051" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.197802"
-     inkscape:cx="16"
-     inkscape:cy="16"
-     inkscape:current-layer="layer1"
-     showgrid="true"
-     inkscape:grid-bbox="true"
-     inkscape:document-units="px"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata3054">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     id="layer1"
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     transform="translate(0,-18)">
-    <g
-       transform="translate(-867,-822.725)"
-       clip-path="url(#clip77_0_1)"
-       id="g4">
-      <path
-         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
-         inkscape:connector-curvature="0"
-         d="m 868,841.725 h 16"
-         id="path6" />
-      <path
-         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
-         inkscape:connector-curvature="0"
-         d="m 868,847.725 h 16"
-         id="path8" />
-      <path
-         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
-         inkscape:connector-curvature="0"
-         d="m 868,853.725 h 16"
-         id="path10" />
-    </g>
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="18"
+   height="14"
+   id="svg3049"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="New document 5">
+  <defs
+     id="defs3051" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.197802"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata3054">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(0,-18)">
+    <g
+       transform="translate(-867,-822.725)"
+       clip-path="url(#clip77_0_1)"
+       id="g4">
+      <path
+         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+         inkscape:connector-curvature="0"
+         d="m 868,841.725 h 16"
+         id="path6" />
+      <path
+         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+         inkscape:connector-curvature="0"
+         d="m 868,847.725 h 16"
+         id="path8" />
+      <path
+         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+         inkscape:connector-curvature="0"
+         d="m 868,853.725 h 16"
+         id="path10" />
+    </g>
+  </g>
+</svg>

package/lib/assets/img/svg/filtersActive.svg

@@ -1,19 +1,19 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect width="40" height="40" rx="6" fill="#3A0B80"/>
-  <g clip-path="url(#clip0_2782_269361)">
-    <path d="M20 14C20 14.5304 20.2107 15.0391 20.5858 15.4142C20.9609 15.7893 21.4696 16 22 16C22.5304 16 23.0391 15.7893 23.4142 15.4142C23.7893 15.0391 24 14.5304 24 14C24 13.4696 23.7893 12.9609 23.4142 12.5858C23.0391 12.2107 22.5304 12 22 12C21.4696 12 20.9609 12.2107 20.5858 12.5858C20.2107 12.9609 20 13.4696 20 14Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M12 14H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M24 14H28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M14 20C14 20.5304 14.2107 21.0391 14.5858 21.4142C14.9609 21.7893 15.4696 22 16 22C16.5304 22 17.0391 21.7893 17.4142 21.4142C17.7893 21.0391 18 20.5304 18 20C18 19.4696 17.7893 18.9609 17.4142 18.5858C17.0391 18.2107 16.5304 18 16 18C15.4696 18 14.9609 18.2107 14.5858 18.5858C14.2107 18.9609 14 19.4696 14 20Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M12 20H14" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M18 20H28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M23 26C23 26.5304 23.2107 27.0391 23.5858 27.4142C23.9609 27.7893 24.4696 28 25 28C25.5304 28 26.0391 27.7893 26.4142 27.4142C26.7893 27.0391 27 26.5304 27 26C27 25.4696 26.7893 24.9609 26.4142 24.5858C26.0391 24.2107 25.5304 24 25 24C24.4696 24 23.9609 24.2107 23.5858 24.5858C23.2107 24.9609 23 25.4696 23 26Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M12 26H23" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M27 26H28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_2782_269361">
-      <rect width="24" height="24" fill="white" transform="translate(8 8)"/>
-    </clipPath>
-  </defs>
-</svg>
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="40" height="40" rx="6" fill="#3A0B80"/>
+  <g clip-path="url(#clip0_2782_269361)">
+    <path d="M20 14C20 14.5304 20.2107 15.0391 20.5858 15.4142C20.9609 15.7893 21.4696 16 22 16C22.5304 16 23.0391 15.7893 23.4142 15.4142C23.7893 15.0391 24 14.5304 24 14C24 13.4696 23.7893 12.9609 23.4142 12.5858C23.0391 12.2107 22.5304 12 22 12C21.4696 12 20.9609 12.2107 20.5858 12.5858C20.2107 12.9609 20 13.4696 20 14Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 14H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M24 14H28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M14 20C14 20.5304 14.2107 21.0391 14.5858 21.4142C14.9609 21.7893 15.4696 22 16 22C16.5304 22 17.0391 21.7893 17.4142 21.4142C17.7893 21.0391 18 20.5304 18 20C18 19.4696 17.7893 18.9609 17.4142 18.5858C17.0391 18.2107 16.5304 18 16 18C15.4696 18 14.9609 18.2107 14.5858 18.5858C14.2107 18.9609 14 19.4696 14 20Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 20H14" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18 20H28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M23 26C23 26.5304 23.2107 27.0391 23.5858 27.4142C23.9609 27.7893 24.4696 28 25 28C25.5304 28 26.0391 27.7893 26.4142 27.4142C26.7893 27.0391 27 26.5304 27 26C27 25.4696 26.7893 24.9609 26.4142 24.5858C26.0391 24.2107 25.5304 24 25 24C24.4696 24 23.9609 24.2107 23.5858 24.5858C23.2107 24.9609 23 25.4696 23 26Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 26H23" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M27 26H28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_2782_269361">
+      <rect width="24" height="24" fill="white" transform="translate(8 8)"/>
+    </clipPath>
+  </defs>
+</svg>