kitchen-simulator 11.30.0 → 11.30.2

package/es/events/external/handlers.syncScene.js

@@ -1,6 +1,39 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { getLineLength } from "../../shared/math/line-metrics";
+function addLineLengthsToScene(sceneData) {
+  if (!(sceneData !== null && sceneData !== void 0 && sceneData.layers)) return;
+  Object.values(sceneData.layers).forEach(function (layerData) {
+    var _ref, _layerData$unit;
+    var unit = (_ref = (_layerData$unit = layerData === null || layerData === void 0 ? void 0 : layerData.unit) !== null && _layerData$unit !== void 0 ? _layerData$unit : sceneData === null || sceneData === void 0 ? void 0 : sceneData.unit) !== null && _ref !== void 0 ? _ref : 'cm';
+    var vertices = layerData === null || layerData === void 0 ? void 0 : layerData.vertices;
+    var lines = layerData === null || layerData === void 0 ? void 0 : layerData.lines;
+    if (!vertices || !lines) return;
+    Object.values(lines).forEach(function (line) {
+      try {
+        var length = getLineLength(line, vertices, unit);
+        if (length != null) line.length = length;
+      } catch (e) {
+        var _line$vertices;
+        // Fallback: still provide a usable length value (cm)
+        var _ref2 = (_line$vertices = line === null || line === void 0 ? void 0 : line.vertices) !== null && _line$vertices !== void 0 ? _line$vertices : [],
+          _ref3 = _slicedToArray(_ref2, 2),
+          v0Id = _ref3[0],
+          v1Id = _ref3[1];
+        var v0 = vertices === null || vertices === void 0 ? void 0 : vertices[v0Id];
+        var v1 = vertices === null || vertices === void 0 ? void 0 : vertices[v1Id];
+        if (!v0 || !v1) return;
+        line.length = Math.hypot(v0.x - v1.x, v0.y - v1.y);
+      }
+    });
+  });
+}
 export function handleSyncScene(props, state, layer, layerId, getMoldingDataOfScene2, computeSkinPanels, DEFAULT_MOLDING_PIECE_LENGTH, INTERNAL_EVENT_SYNC_SCENE) {
   var _layer$doorStyle, _props$configData$mol, _props$configData, _props$configData$ski, _props$configData2, _props$onInternalEven;
   var sceneData = state.scene.toJS();
+
+  // Add `length` field for all walls (lines) in sync payload
+  addLineLengthsToScene(sceneData);
+
   // get molding data for "ReviewForQuote"
   var currentTexture = (_layer$doorStyle = layer === null || layer === void 0 ? void 0 : layer.doorStyle) !== null && _layer$doorStyle !== void 0 ? _layer$doorStyle : props.state.doorStyle;
   if (currentTexture && currentTexture.toJS) currentTexture = currentTexture.toJS();

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

@@ -0,0 +1,34 @@
+import { convert } from "../../utils/convert-units-lite";
+function getVertexId(lineVertices, index) {
+  if (!lineVertices) return null;
+  return typeof lineVertices.get === 'function' ? lineVertices.get(index) : lineVertices[index];
+}
+function getVertex(vertices, vertexId) {
+  if (!vertices || vertexId == null) return null;
+  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}
+ */
+export function getLineLength(line, vertices) {
+  var _v0$x, _v1$x, _v0$y, _v1$y;
+  var unit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'cm';
+  var lineVertices = line === null || line === void 0 ? void 0 : line.vertices;
+  var v0Id = getVertexId(lineVertices, 0);
+  var v1Id = getVertexId(lineVertices, 1);
+  var v0 = getVertex(vertices, v0Id);
+  var v1 = getVertex(vertices, v1Id);
+  if (!v0 || !v1) return null;
+  var distanceCm = Math.hypot(((_v0$x = v0.x) !== null && _v0$x !== void 0 ? _v0$x : 0) - ((_v1$x = v1.x) !== null && _v1$x !== void 0 ? _v1$x : 0), ((_v0$y = v0.y) !== null && _v0$y !== void 0 ? _v0$y : 0) - ((_v1$y = v1.y) !== null && _v1$y !== void 0 ? _v1$y : 0));
+  return convert(distanceCm).from('cm').to(unit);
+}

package/es/utils/helper.js

@@ -13,6 +13,7 @@ import AWS from 'aws-sdk';
 import { GeometryUtils, MoldingUtils } from "./export";
 import { calcDistancesFromHoleToNearestOneOrWall } from "./geometry";
 import { toJSIfNeeded } from "../shared/objects/immutable";
+import { getLineLength } from "../shared/math/line-metrics";
 var s3 = new AWS.S3({
   accessKeyId: process.env.REACT_APP_AWS_ID,
   secretAccessKey: process.env.REACT_APP_AWS_SECRET
@@ -408,11 +409,7 @@ export function updatePayloadOfInternalEvent(currentObject, layer) {
   if (isEmpty(layer)) return updatedPayload;
   if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'lines') {
     // caculating length of selected line//
-    var v_a = layer.vertices.get(currentObject.vertices.get(0));
-    var v_b = layer.vertices.get(currentObject.vertices.get(1));
-    var distance = GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
-    var _length = convert(distance).from('cm').to(layer.unit);
-    updatedPayload.length = _length;
+    updatedPayload.length = getLineLength(currentObject, layer.vertices, layer.unit);
     //////////////////////////////////////
   } else if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'items') {
     // check this cabinet has warning box

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>

package/lib/assets/img/svg/invert.svg

@@ -1,12 +1,12 @@
-<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2431_146436)">
-<path d="M7.5 1.875V13.125" stroke="#3A0B80" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10 4.375V10.625H13.125L10 4.375Z" stroke="#3A0B80" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5 4.375V10.625H1.875L5 4.375Z" fill="#3A0B80" stroke="#3A0B80" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_2431_146436">
-<rect width="15" height="15" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2431_146436)">
+<path d="M7.5 1.875V13.125" stroke="#3A0B80" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 4.375V10.625H13.125L10 4.375Z" stroke="#3A0B80" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 4.375V10.625H1.875L5 4.375Z" fill="#3A0B80" stroke="#3A0B80" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2431_146436">
+<rect width="15" height="15" fill="white"/>
+</clipPath>
+</defs>
+</svg>