Merged PR 308: #8224/#7571 Margins cotation and Colors

Related work items: #8224

src/Components/API/api.test.tsx

@@ -1,8 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import { describe, it, expect } from 'vitest';
 import { AddMethod } from '../../Enums/AddMethod';
-import { Orientation } from '../../Enums/Orientation';
-import { Position } from '../../Enums/Position';
 import { PositionReference } from '../../Enums/PositionReference';
 import { IAction } from '../../Interfaces/IAction';
 import { IAvailableContainer } from '../../Interfaces/IAvailableContainer';
@@ -145,28 +143,25 @@ describe.concurrent('Models test suite', () => {
     DefaultChildType: 'string',
     PositionReference: 0,
     HideChildrenInTreeview: true,
-    ShowSelfDimensions: [
-      Position.Down,
-      Position.Left,
-      Position.Right,
-      Position.Up
-    ],
-    ShowChildrenDimensions: [
-      Position.Down,
-      Position.Left,
-      Position.Right,
-      Position.Up
-    ],
-    MarkPosition: [
-      Orientation.Horizontal,
-      Orientation.Vertical
-    ],
-    ShowDimensionWithMarks: [
-      Position.Down,
-      Position.Left,
-      Position.Right,
-      Position.Up
-    ],
+    DimensionOptions: {
+      childrenDimensions: {
+        color: '#000000',
+        positions: []
+      },
+      selfDimensions: {
+        color: '#000000',
+        positions: []
+      },
+      selfMarginsDimensions: {
+        color: '#000000',
+        positions: []
+      },
+      markPosition: [],
+      dimensionWithMarks: {
+        color: '#000000',
+        positions: []
+      }
+    },
     IsHidden: true,
     Blacklist: [
       'string'