@buerli.io/react-cad 0.11.0 → 0.12.0

package/build/index.cjs.js

@@ -19,6 +19,7 @@ var icons = require('@ant-design/icons');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var reactDom = require('react-dom');
 var antd = require('antd');
+var LineGeometry = require('three/examples/jsm/lines/LineGeometry');
 var TabsImpl = require('antd/lib/tabs');
 var RadioGroupImpl = require('antd/lib/radio/group');
 var RadioButtonImpl = require('antd/lib/radio/radioButton');
@@ -61,8 +62,8 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 var deepmerge__namespace = /*#__PURE__*/_interopNamespaceDefault(deepmerge);
 
-function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function getGraphicId(tree, refOrObjId) {
   const res = {
     graphicId: refOrObjId,
@@ -125,7 +126,7 @@ function useSelectedItems(drawingId, refOrObjIds) {
     window.console.error('Product is not a CC_Part. Assembly is not supported now');
   }
   const createSelItem = React.useCallback(element => {
-    return core.createGraphicItem(prodId, _objectSpread$w(_objectSpread$w({}, element), {}, {
+    return core.createGraphicItem(prodId, _objectSpread$x(_objectSpread$x({}, element), {}, {
       productId: prodId
     }));
   }, [prodId]);
@@ -150,7 +151,7 @@ function useSelectedItems(drawingId, refOrObjIds) {
             if (grIds && grIds.length > 0) {
               const elem = cont.map[Number(grIds[0])];
               if (elem) {
-                elems.push(_objectSpread$w(_objectSpread$w({}, elem), {}, {
+                elems.push(_objectSpread$x(_objectSpread$x({}, elem), {}, {
                   graphicId: contId,
                   type: cont.type
                 }));
@@ -186,8 +187,12 @@ function useSelectedItems(drawingId, refOrObjIds) {
   return selectedItems;
 }
 
-function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const EMPTYARRAY = [];
+const NOCCID = Number.MIN_SAFE_INTEGER;
+const EMPTYSTR = '';
+
+function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function addMembers(drawingId, ccObjId) {
   const drawingState = core.getDrawing(drawingId);
   const objInTree = drawingState.structure.tree[ccObjId];
@@ -198,7 +203,7 @@ function addMembers(drawingId, ccObjId) {
   const members = {};
   Object.keys(curMembers).forEach(memberName => {
     const curMember = curMembers[memberName];
-    members[memberName] = _objectSpread$v(_objectSpread$v({}, curMember), {}, {
+    members[memberName] = _objectSpread$w(_objectSpread$w({}, curMember), {}, {
       name: memberName
     });
     if (curMember.type === core.MemberType.POINT && Array.isArray(curMember.value)) {
@@ -322,6 +327,13 @@ const is2DConstraint = arg => {
   const objClass = typeof arg === 'string' ? arg : arg.class;
   return Boolean(objClass.match(/CC_2D.+Constraint/)) || classcad.ccUtils.base.isA(objClass, classcad.CCClasses.CCRigidSet);
 };
+const isSketchRegion = arg => {
+  if (arg === undefined) {
+    return false;
+  }
+  const objClass = typeof arg === 'string' ? arg : arg.class;
+  return classcad.ccUtils.base.isA(objClass, classcad.CCClasses.CCSketchRegion);
+};
 const degreesToRadians = degrees => {
   return degrees * Math.PI / 180;
 };
@@ -465,10 +477,37 @@ const solveQuartic = (a, b, c, d, e) => {
   });
   return res;
 };
-
-const EMPTYARRAY = [];
-const NOCCID = Number.MIN_SAFE_INTEGER;
-const EMPTYSTR = '';
+function getRegionCoordSys(drawingId, regionObj) {
+  let originPos = new THREE__namespace.Vector3(0, 0, 0);
+  let xAxis = new THREE__namespace.Vector3(1, 0, 0);
+  let yAxis = new THREE__namespace.Vector3(0, 1, 0);
+  if (classcad.ccUtils.base.isA(regionObj.class, classcad.CCClasses.CCCompositeCurve)) {
+    var _regionObj$members;
+    const refCSys = ((_regionObj$members = regionObj.members) == null ? void 0 : _regionObj$members.refCSys).members.map(member => member.value);
+    if (refCSys) {
+      const [origin_, xAxis_, yAxis_] = refCSys;
+      originPos = origin_ ? new THREE__namespace.Vector3(origin_.x, origin_.y, origin_.z) : originPos;
+      xAxis = xAxis_ ? new THREE__namespace.Vector3(xAxis_.x, xAxis_.y, xAxis_.z) : xAxis;
+      yAxis = yAxis_ ? new THREE__namespace.Vector3(yAxis_.x, yAxis_.y, yAxis_.z) : yAxis;
+    }
+  } else {
+    let sketchId_ = NOCCID;
+    if (classcad.ccUtils.base.isA(regionObj.class, classcad.CCClasses.CCSketchRegion)) {
+      var _regionObj$members2;
+      sketchId_ = (_regionObj$members2 = regionObj.members) == null ? void 0 : _regionObj$members2.sketch.value;
+    } else {
+      sketchId_ = regionObj.parent || 0;
+    }
+    const sketch = sketchId_ && core.getDrawing(drawingId).structure.tree[sketchId_];
+    if (sketch && sketch.coordinateSystem) {
+      const [origin_, xAxis_, yAxis_] = sketch.coordinateSystem;
+      originPos = origin_ ? new THREE__namespace.Vector3(origin_[0], origin_[1], origin_[2]) : originPos;
+      xAxis = xAxis_ ? new THREE__namespace.Vector3(xAxis_[0], xAxis_[1], xAxis_[2]) : xAxis;
+      yAxis = yAxis_ ? new THREE__namespace.Vector3(yAxis_[0], yAxis_[1], yAxis_[2]) : yAxis;
+    }
+  }
+  return [originPos, xAxis, yAxis];
+}
 
 /**
  * Wrapper around useDrawing which allows to avoid ReferenceErrors.
@@ -1147,8 +1186,8 @@ const isAngular = dim => classcad.ccUtils.base.isA(dim.class, classcad.CCClasses
 const isRadial = dim => classcad.ccUtils.base.isA(dim.class, classcad.CCClasses.CCRadialDimension) && !classcad.ccUtils.base.isA(dim.class, classcad.CCClasses.CCDiameterDimension);
 const isDiameter = dim => classcad.ccUtils.base.isA(dim.class, classcad.CCClasses.CCDiameterDimension);
 
-function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const isFeatureActive = drawingId => {
   const activePlugin = core.getDrawing(drawingId).plugin.active.feature;
   if (activePlugin) {
@@ -1184,7 +1223,7 @@ const appApi = (set, get) => ({
         const curInstance = core.api.getState().drawing.refs[drawingId].structure.currentInstance;
         res = state.assemblyTree.prodStack;
         curInstance && res.push(curInstance);
-        return _objectSpread$u(_objectSpread$u({}, state), {}, {
+        return _objectSpread$v(_objectSpread$v({}, state), {}, {
           assemblyTree: {
             prodStack: [...res]
           }
@@ -1201,7 +1240,7 @@ const appApi = (set, get) => ({
       set(state => {
         const res = state.assemblyTree.prodStack;
         res.pop();
-        return _objectSpread$u(_objectSpread$u({}, state), {}, {
+        return _objectSpread$v(_objectSpread$v({}, state), {}, {
           assemblyTree: {
             prodStack: [...res]
           }
@@ -1210,7 +1249,7 @@ const appApi = (set, get) => ({
       classcad.ccAPI.assemblyBuilder.setCurrentInstance(drawingId, prevProd).catch(console.warn);
     },
     clearProdStack: () => {
-      set(state => _objectSpread$u(_objectSpread$u({}, state), {}, {
+      set(state => _objectSpread$v(_objectSpread$v({}, state), {}, {
         assemblyTree: {
           prodStack: []
         }
@@ -1219,7 +1258,7 @@ const appApi = (set, get) => ({
   },
   blankDiv: {
     show: callback => {
-      set(state => _objectSpread$u(_objectSpread$u({}, state), {}, {
+      set(state => _objectSpread$v(_objectSpread$v({}, state), {}, {
         blankDiv: {
           isActive: true,
           onClose: callback
@@ -1227,7 +1266,7 @@ const appApi = (set, get) => ({
       }));
     },
     hide: () => {
-      set(state => _objectSpread$u(_objectSpread$u({}, state), {}, {
+      set(state => _objectSpread$v(_objectSpread$v({}, state), {}, {
         blankDiv: {
           isActive: false,
           onClose: undefined
@@ -2083,7 +2122,7 @@ class ErrorBoundary extends React.Component {
   }
 }
 
-function ViewImpl$g({
+function ViewImpl$j({
   drawingId,
   pluginId
 }) {
@@ -2104,17 +2143,17 @@ function ViewImpl$g({
     objectId: dimSetId
   }) : null;
 }
-function View$g({
+function View$j({
   drawingId,
   pluginId
 }) {
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ViewImpl$g, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ViewImpl$j, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 }
 
-function RootImpl$C({
+function RootImpl$D({
   drawingId,
   pluginId
 }) {
@@ -2154,17 +2193,17 @@ function RootImpl$C({
     })
   })));
 }
-const Root$C = ({
+const Root$D = ({
   drawingId,
   pluginId
 }) => {
-  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(RootImpl$C, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(RootImpl$D, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 };
 
-const description$C = {
+const description$D = {
   name: 'Dimensions',
   version: '1.0.0',
   author: 'Ledas',
@@ -2175,11 +2214,11 @@ const description$C = {
   }
 };
 
-var index$C = /*#__PURE__*/Object.freeze({
+var index$D = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Root: Root$C,
-  View: View$g,
-  description: description$C
+  Root: Root$D,
+  View: View$j,
+  description: description$D
 });
 
 function useIdParam(drawingId, objId, memberName) {
@@ -2269,8 +2308,8 @@ function useRefsParam(drawingId, objId, memberName) {
   });
 }
 
-function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
  * Implies the following data structure:
  * data: {
@@ -2495,7 +2534,7 @@ function useTreeObjInteraction(drawingId, objId) {
   const isGSelected = useIsGSelected(drawingId, objId);
   const isSHovered = useIsSHovered(drawingId, objId);
   const isSSelected = useIsSSelected(drawingId, objId);
-  const handlers = React.useMemo(() => _objectSpread$t(_objectSpread$t({}, hHandlers), sHandlers), [hHandlers, sHandlers]);
+  const handlers = React.useMemo(() => _objectSpread$u(_objectSpread$u({}, hHandlers), sHandlers), [hHandlers, sHandlers]);
   return React.useMemo(() => {
     // If the handlers are switched off immediately after the selection (workplane selection for the sketcher), then hovered would keep being equal to true, making the mesh color wrong.
     // Thus, we don't want hovered and selected to be true if the object is not selectable.
@@ -2968,8 +3007,8 @@ const SelectionRestorer = ({
   return null;
 };
 
-function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * Implies the following data structure:
@@ -3063,7 +3102,7 @@ function useMateSelection(drawingId, matePath, csysId) {
   }));
   const handlers = React.useMemo(() => {
     if (isSelectable) {
-      return _objectSpread$s(_objectSpread$s({}, hHandlers), sHandlers);
+      return _objectSpread$t(_objectSpread$t({}, hHandlers), sHandlers);
     }
     return {};
   }, [isSelectable, hHandlers, sHandlers]);
@@ -3952,11 +3991,11 @@ const FtPluginValidator = ({
   }, children);
 };
 
-var Members$v;
+var Members$w;
 (function (Members) {
   Members["Body1"] = "Body1";
   Members["Body2"] = "Body2";
-})(Members$v || (Members$v = {}));
+})(Members$w || (Members$w = {}));
 const typesCaptions$6 = {
   [classcad.BooleanOperationType.INTERSECTION]: 'Intersection',
   [classcad.BooleanOperationType.SUBTRACTION]: 'Subtraction',
@@ -3979,7 +4018,7 @@ function useBoolTypeStore(drawingId, objId) {
     isChanged
   });
 }
-function RootImpl$B({
+function RootImpl$C({
   drawingId,
   pluginId
 }) {
@@ -3987,8 +4026,8 @@ function RootImpl$B({
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
   const type = useBoolTypeStore(drawingId, objectId);
-  const body1 = useIdParam(drawingId, objectId, Members$v.Body1);
-  const body2 = useRefsParam(drawingId, objectId, Members$v.Body2);
+  const body1 = useIdParam(drawingId, objectId, Members$w.Body1);
+  const body2 = useRefsParam(drawingId, objectId, Members$w.Body2);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateBooleanOperation(drawingId, objectId, type.serverValue, [body1.serverValue, ...body2.serverValue]);
   }, [drawingId, objectId, type, body1, body2]);
@@ -4022,20 +4061,20 @@ function RootImpl$B({
     selectorsOrder: selOrder
   }));
 }
-const Root$B = ({
+const Root$C = ({
   drawingId,
   pluginId
 }) => {
   return /*#__PURE__*/React.createElement(FtPluginValidator, {
     drawingId: drawingId,
     pluginId: pluginId
-  }, /*#__PURE__*/React.createElement(RootImpl$B, {
+  }, /*#__PURE__*/React.createElement(RootImpl$C, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 };
 
-const description$B = {
+const description$C = {
   name: 'Boolean',
   version: '1.0.0',
   author: 'Ledas',
@@ -4052,14 +4091,14 @@ const description$B = {
   }
 };
 
-var index$B = /*#__PURE__*/Object.freeze({
+var index$C = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Root: Root$B,
-  description: description$B
+  Root: Root$C,
+  description: description$C
 });
 
-function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function parseVal(val) {
   const float = Number(val);
   if (!isNaN(float)) {
@@ -4310,13 +4349,13 @@ const PointEditor = ({
             newVals[i] = val;
           }
         });
-        return _objectSpread$r(_objectSpread$r({}, state), {}, {
+        return _objectSpread$s(_objectSpread$s({}, state), {}, {
           displayVals: newVals
         });
       })).catch();
     } else {
       const value = defaults.value;
-      setDisplayState(state => _objectSpread$r(_objectSpread$r({}, state), {}, {
+      setDisplayState(state => _objectSpread$s(_objectSpread$s({}, state), {}, {
         displayVals: [value.x, value.y, value.z]
       }));
     }
@@ -4332,7 +4371,7 @@ const PointEditor = ({
           editMode: false,
           displayVals: res_ !== null ? [res_.x, res_.y, res_.z] : [...state.displayVals]
         }));
-      }).catch(() => setDisplayState(state => _objectSpread$r(_objectSpread$r({}, state), {}, {
+      }).catch(() => setDisplayState(state => _objectSpread$s(_objectSpread$s({}, state), {}, {
         editMode: false
       })));
     } else {
@@ -4354,7 +4393,7 @@ const PointEditor = ({
     caption: caption,
     highlighted: param.isChanged()
   }, !editMode && /*#__PURE__*/React.createElement(DisplayBase, {
-    onClick: () => setDisplayState(state => _objectSpread$r(_objectSpread$r({}, state), {}, {
+    onClick: () => setDisplayState(state => _objectSpread$s(_objectSpread$s({}, state), {}, {
       editMode: true
     }))
   }, /*#__PURE__*/React.createElement(PluginTooltip, {
@@ -4437,11 +4476,11 @@ const PointEditor = ({
   }, "\u2014")));
 };
 
-function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function createPointParam(member) {
   const isExpr = member.expression.length > 0;
-  const value = isExpr ? member.expression : _objectSpread$q({}, member.value);
+  const value = isExpr ? member.expression : _objectSpread$r({}, member.value);
   return {
     value,
     isExpr
@@ -4482,9 +4521,9 @@ function usePointParam(drawingId, objId, memberName, options = {
   }, undefined, undefined, options_);
 }
 
-var img$17 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADcSURBVEhL3ZTbDcMgDEVJlsgonabfnanfmaajdIlSS0aU+lWEsaLmCCkhMfheB2fJOadI1nIN49wJlv0Jo0xGURPUrZ05wkskH1OuOl+3ctfQE3bERxaLbnyJ+2WFUSYMy4G9shO63lBqvDJQBVbtThNfi39qHDAhqyOqPSY+fcDV4b63xwunFTjsbTAPa7thXFonQidXdURaq4vEIBhJmnnQAf8l8Eoi3hJp+1bGE3ATAH/odQCACcOHKwHRK3qa4AARdwemJdCw+oCgabQJd3BEieby/yUKTpDSG4InWqXAb1/sAAAAAElFTkSuQmCC";
+var img$18 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADcSURBVEhL3ZTbDcMgDEVJlsgonabfnanfmaajdIlSS0aU+lWEsaLmCCkhMfheB2fJOadI1nIN49wJlv0Jo0xGURPUrZ05wkskH1OuOl+3ctfQE3bERxaLbnyJ+2WFUSYMy4G9shO63lBqvDJQBVbtThNfi39qHDAhqyOqPSY+fcDV4b63xwunFTjsbTAPa7thXFonQidXdURaq4vEIBhJmnnQAf8l8Eoi3hJp+1bGE3ATAH/odQCACcOHKwHRK3qa4AARdwemJdCw+oCgabQJd3BEieby/yUKTpDSG4InWqXAb1/sAAAAAElFTkSuQmCC";
 
-var img$16 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADjSURBVEhL3ZbbDcIwDEXTLsEoTMM3M/HNNIzCEgRLDpbrRx1iRTyOIrVR09x7ncrqUmstM1nbdRq/LzB4Bsv13u621NOh3b344zOAIuBoc4fLcYXRJhYfShAa78cQELsnxdwShcXtRG5h+s2ECDzmQ9jv632HQ2xaBd8FNc63B04BaANaRi9DqGdkKxBiNDu0ya3xFkYhdBkpB18/nkCURVcJeVtAN2SBWJA6A3Lt2QdGBHZC6EepBAB437EPuF8Rx7TcuSybICT148VDeAczPUFKgFx79oFUiXr47hL1MFmglCeKs2HMN70YFwAAAABJRU5ErkJggg==";
+var img$17 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADjSURBVEhL3ZbbDcIwDEXTLsEoTMM3M/HNNIzCEgRLDpbrRx1iRTyOIrVR09x7ncrqUmstM1nbdRq/LzB4Bsv13u621NOh3b344zOAIuBoc4fLcYXRJhYfShAa78cQELsnxdwShcXtRG5h+s2ECDzmQ9jv632HQ2xaBd8FNc63B04BaANaRi9DqGdkKxBiNDu0ya3xFkYhdBkpB18/nkCURVcJeVtAN2SBWJA6A3Lt2QdGBHZC6EepBAB437EPuF8Rx7TcuSybICT148VDeAczPUFKgFx79oFUiXr47hL1MFmglCeKs2HMN70YFwAAAABJRU5ErkJggg==";
 
 const invert = (value, inverted) => {
   return inverted ? 1 - value : value;
@@ -4500,7 +4539,7 @@ const BooleanEditor = ({
     Checkbox
   } = react.useBuerli(buerli => buerli.options.elements);
   const icon_ = Array.isArray(icon) ? true : Boolean(icon);
-  const icons = Array.isArray(icon) && icon.length == 2 ? icon : [img$17, img$16];
+  const icons = Array.isArray(icon) && icon.length == 2 ? icon : [img$18, img$17];
   const {
     setUserValue,
     userValue,
@@ -4553,7 +4592,7 @@ function useBoolParam(drawingId, objId, memberName) {
   });
 }
 
-var Members$u;
+var Members$v;
 (function (Members) {
   Members["Type"] = "extrudeType";
   Members["Direction"] = "extrudeDir";
@@ -4561,10 +4600,10 @@ var Members$u;
   Members["Limit2"] = "limit2";
   Members["taperAngle"] = "taperAngle";
   Members["capEnds"] = "capEnds";
-})(Members$u || (Members$u = {}));
+})(Members$v || (Members$v = {}));
 var RegionMembers$3;
 (function (RegionMembers) {
-  RegionMembers["Curves"] = "curves";
+  RegionMembers["Selected"] = "selected";
 })(RegionMembers$3 || (RegionMembers$3 = {}));
 const typesCaptions$5 = {
   [classcad.ExtrusionType.CUSTOM]: 'Custom',
@@ -4572,7 +4611,7 @@ const typesCaptions$5 = {
   [classcad.ExtrusionType.SYMMETRIC]: 'Symmetric',
   [classcad.ExtrusionType.UP]: 'Up'
 };
-const RootImpl$A = ({
+const RootImpl$B = ({
   drawingId,
   pluginId
 }) => {
@@ -4583,20 +4622,37 @@ const RootImpl$A = ({
     var _drawing$structure$tr, _drawing$structure$tr2;
     return (_drawing$structure$tr = drawing.structure.tree[objectId]) == null ? void 0 : (_drawing$structure$tr2 = _drawing$structure$tr.members) == null ? void 0 : _drawing$structure$tr2.region.value;
   });
-  const region = useRefsParam(drawingId, sketchRegionId, RegionMembers$3.Curves);
-  const type = useTypeParam(drawingId, objectId, Members$u.Type);
-  const limit1 = useNumParam(drawingId, objectId, Members$u.Limit1);
-  const limit2 = useNumParam(drawingId, objectId, Members$u.Limit2);
-  const taperAngle = useNumParam(drawingId, objectId, Members$u.taperAngle, {
+  const region = useRefsParam(drawingId, sketchRegionId, RegionMembers$3.Selected);
+  const type = useTypeParam(drawingId, objectId, Members$v.Type);
+  const limit1 = useNumParam(drawingId, objectId, Members$v.Limit1);
+  const limit2 = useNumParam(drawingId, objectId, Members$v.Limit2);
+  const taperAngle = useNumParam(drawingId, objectId, Members$v.taperAngle, {
     angle: true
   });
-  const direction = usePointParam(drawingId, objectId, Members$u.Direction);
-  const capEnds = useBoolParam(drawingId, objectId, Members$u.capEnds);
+  const direction = usePointParam(drawingId, objectId, Members$v.Direction);
+  const capEnds = useBoolParam(drawingId, objectId, Members$v.capEnds);
   const sketchId = React.useRef(NOCCID);
+  React.useEffect(() => {
+    const {
+      set
+    } = core.getPlugin(drawingId, pluginId);
+    if (region.userValue.length > 0) {
+      const regionObj = core.getDrawing(drawingId).structure.tree[region.userValue[0]];
+      const [originPos, xDir, yDir] = getRegionCoordSys(drawingId, regionObj);
+      set({
+        originPos,
+        xDir,
+        yDir
+      });
+    }
+  }, [drawingId, pluginId, region]);
   React.useEffect(() => {
     var _tree$sketchGeometryI;
     const tree = core.getDrawing(drawingId).structure.tree;
-    const sketchGeometryId = region.userValue[0];
+    const sketchGeometryId = region.userValue.find(id => {
+      var _tree$id;
+      return classcad.ccUtils.base.isA((_tree$id = tree[id]) == null ? void 0 : _tree$id.class, classcad.CCClasses.CCCurve);
+    }) || NOCCID;
     const sketchWithSelectedRegion = ((_tree$sketchGeometryI = tree[sketchGeometryId]) == null ? void 0 : _tree$sketchGeometryI.parent) || NOCCID;
     sketchId.current = sketchWithSelectedRegion;
   }, [drawingId, region]);
@@ -4619,7 +4675,9 @@ const RootImpl$A = ({
       isExpr: false
     }, capEnds.serverValue);
   }, [drawingId, objectId, region, type, limit1, limit2, taperAngle, direction, capEnds]);
-  const filter = React.useCallback((scope, data) => scope === TreeObjScope && (sketchId.current === NOCCID || data.object.parent === sketchId.current) && classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCurve), []);
+  const filter = React.useCallback((scope, data) => {
+    return scope === TreeObjScope && ((sketchId.current === NOCCID || data.object.parent === sketchId.current) && classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCurve) || classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCSketchRegion) || classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCompositeCurve));
+  }, []);
   return /*#__PURE__*/React.createElement(PluginForm, {
     drawingId: drawingId,
     pluginId: pluginId,
@@ -4674,108 +4732,379 @@ const RootImpl$A = ({
     inverted: true
   }));
 };
-const Root$A = ({
+const Root$B = ({
   drawingId,
   pluginId
 }) => {
   return /*#__PURE__*/React.createElement(FtPluginValidator, {
     drawingId: drawingId,
     pluginId: pluginId
-  }, /*#__PURE__*/React.createElement(RootImpl$A, {
+  }, /*#__PURE__*/React.createElement(RootImpl$B, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 };
 
-const description$A = {
-  name: 'Extrusion',
-  version: '1.0.0',
-  author: 'Ledas',
-  persistent: true,
-  visible: false,
-  global: false,
-  initialState: addMembers
+const Point$2 = ({
+  position,
+  radius,
+  color,
+  opacity = 1,
+  handlers,
+  userData
+}) => {
+  return /*#__PURE__*/React.createElement("mesh", _extends({
+    position: position.clone(),
+    userData: userData
+  }, handlers), /*#__PURE__*/React.createElement("sphereGeometry", {
+    attach: "geometry",
+    args: [radius, 32, 16]
+  }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
+    attach: "material",
+    color: color,
+    opacity: opacity,
+    transparent: opacity < 1
+  }));
 };
-
-var index$A = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Root: Root$A,
-  description: description$A
-});
-
-var Members$t;
-(function (Members) {
-  Members["Type"] = "extrudeType";
-  Members["Direction"] = "extrudeDir";
-  Members["Limit1"] = "limit1";
-  Members["Limit2"] = "limit2";
-  Members["TwistAngle"] = "twistAngle";
-  Members["TwistCenter"] = "twistCenter";
-  Members["CapEnds"] = "capEnds";
-})(Members$t || (Members$t = {}));
-var RegionMembers$2;
-(function (RegionMembers) {
-  RegionMembers["Curves"] = "curves";
-})(RegionMembers$2 || (RegionMembers$2 = {}));
-const typesCaptions$4 = {
-  [classcad.ExtrusionType.CUSTOM]: 'Custom',
-  [classcad.ExtrusionType.DOWN]: 'Down',
-  [classcad.ExtrusionType.SYMMETRIC]: 'Symmetric',
-  [classcad.ExtrusionType.UP]: 'Up'
+const Arrow = ({
+  position,
+  direction,
+  length,
+  width,
+  color,
+  opacity = 1,
+  handlers,
+  userData,
+  withCone = true
+}) => {
+  const cylinderWith = width;
+  const coneWidth = cylinderWith * 1.5;
+  const coneLength = Math.min(coneWidth / 0.12, length / 2.0);
+  const cylinderLength = withCone ? length - coneLength : length;
+  return /*#__PURE__*/React.createElement("group", _extends({
+    position: position.clone(),
+    quaternion: new THREE__namespace.Quaternion().setFromUnitVectors(new THREE__namespace.Vector3(0, 1, 0), direction.clone().normalize())
+  }, handlers, {
+    userData: userData
+  }), /*#__PURE__*/React.createElement("mesh", {
+    position: new THREE__namespace.Vector3(0, cylinderLength / 2.0, 0),
+    renderOrder: 500,
+    userData: userData
+  }, /*#__PURE__*/React.createElement("cylinderGeometry", {
+    attach: "geometry",
+    args: [cylinderWith, cylinderWith, cylinderLength, 24, 1]
+  }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
+    attach: "material",
+    color: color,
+    opacity: opacity,
+    transparent: true
+  })), withCone && /*#__PURE__*/React.createElement("mesh", {
+    position: new THREE__namespace.Vector3(0, cylinderLength + coneLength / 2.0, 0),
+    renderOrder: 500,
+    userData: userData
+  }, /*#__PURE__*/React.createElement("coneGeometry", {
+    attach: "geometry",
+    args: [coneWidth, coneLength, 24, 1]
+  }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
+    attach: "material",
+    color: color,
+    opacity: opacity,
+    transparent: opacity < 1
+  })));
 };
-const RootImpl$z = ({
-  drawingId,
-  pluginId
+const OriginPoint = ({
+  position,
+  color,
+  opacity = 1,
+  handlers,
+  userData
 }) => {
-  const {
-    objectId
-  } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const sketchRegionId = useDrawingCCId(drawingId, drawing => {
-    var _drawing$structure$tr, _drawing$structure$tr2;
-    return (_drawing$structure$tr = drawing.structure.tree[objectId]) == null ? void 0 : (_drawing$structure$tr2 = _drawing$structure$tr.members) == null ? void 0 : _drawing$structure$tr2.region.value;
+  return /*#__PURE__*/React.createElement(Point$2, {
+    position: position ? position.clone() : new THREE__namespace.Vector3(),
+    radius: 2,
+    color: color,
+    opacity: opacity,
+    handlers: handlers,
+    userData: userData
   });
-  const region = useRefsParam(drawingId, sketchRegionId, RegionMembers$2.Curves);
-  const type = useTypeParam(drawingId, objectId, Members$t.Type);
-  const limit1 = useNumParam(drawingId, objectId, Members$t.Limit1);
-  const limit2 = useNumParam(drawingId, objectId, Members$t.Limit2);
-  const twistAngle = useNumParam(drawingId, objectId, Members$t.TwistAngle, {
-    angle: true
+};
+const AxisArrow = ({
+  position,
+  direction,
+  color,
+  opacity = 1,
+  handlers,
+  userData,
+  length,
+  width,
+  withCone = true
+}) => {
+  return /*#__PURE__*/React.createElement(Arrow, {
+    position: position ? position.clone() : new THREE__namespace.Vector3(),
+    direction: direction.clone(),
+    length: length || 21,
+    width: width || 1,
+    color: color,
+    opacity: opacity,
+    handlers: handlers,
+    userData: userData,
+    withCone: withCone
   });
-  const twistCenter = usePointParam(drawingId, objectId, Members$t.TwistCenter);
-  const direction = usePointParam(drawingId, objectId, Members$t.Direction);
-  const capEnds = useBoolParam(drawingId, objectId, Members$t.CapEnds);
-  const sketchId = React.useRef(NOCCID);
-  React.useEffect(() => {
-    var _tree$sketchGeometryI;
-    const tree = core.getDrawing(drawingId).structure.tree;
-    const sketchGeometryId = region.userValue[0];
-    const sketchWithSelectedRegion = ((_tree$sketchGeometryI = tree[sketchGeometryId]) == null ? void 0 : _tree$sketchGeometryI.parent) || NOCCID;
-    sketchId.current = sketchWithSelectedRegion;
-  }, [drawingId, region]);
-  const updateAndClose = React.useCallback(() => {
-    return classcad.ccAPI.feature.updateTwist(drawingId, objectId, region.serverValue, type.serverValue, type.serverValue === classcad.ExtrusionType.CUSTOM ? limit1.serverValue : {
-      value: 0.0,
-      isExpr: false
-    }, limit2.serverValue, type.serverValue === classcad.ExtrusionType.CUSTOM ? direction.serverValue : {
-      value: {
-        x: 0.0,
-        y: 0.0,
-        z: 1.0
-      },
-      isExpr: false
-    },
-    // TODO: This is a workaround to prevent sending both non-zero taperAngle and direction values to the server;
-    // this would result in crashing the extrusion functionality somehow
-    twistAngle.serverValue, type.userValue === classcad.ExtrusionType.CUSTOM ? twistCenter.serverValue : {
-      value: {
-        x: 0.0,
+};
+
+//TODO: don't use any
+const Csys = ({
+  matrix,
+  opacity,
+  handlers,
+  color,
+  userData
+}) => {
+  const position = new THREE__namespace.Vector3().setFromMatrixPosition(matrix);
+  const ref = useScale$1(position.clone(), sf => [2 * sf, 2 * sf, 2 * sf]);
+  return /*#__PURE__*/React.createElement("group", _extends({
+    matrix: matrix,
+    matrixAutoUpdate: false,
+    userData: userData
+  }, handlers), /*#__PURE__*/React.createElement("group", {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(OriginPoint, {
+    position: new THREE__namespace.Vector3(),
+    color: color || 0x000000,
+    opacity: opacity,
+    userData: userData
+  }), /*#__PURE__*/React.createElement(AxisArrow, {
+    position: new THREE__namespace.Vector3(),
+    direction: new THREE__namespace.Vector3(1, 0, 0),
+    color: color || 0xd52828,
+    opacity: opacity,
+    userData: userData
+  }), /*#__PURE__*/React.createElement(AxisArrow, {
+    position: new THREE__namespace.Vector3(),
+    direction: new THREE__namespace.Vector3(0, 1, 0),
+    color: color || 0x28a628,
+    opacity: opacity,
+    userData: userData
+  }), /*#__PURE__*/React.createElement(AxisArrow, {
+    position: new THREE__namespace.Vector3(),
+    direction: new THREE__namespace.Vector3(0, 0, 1),
+    color: color || 0x2828d7,
+    opacity: opacity,
+    userData: userData
+  })));
+};
+const SelectedCsys = ({
+  matrix,
+  opacity = 1.0,
+  handlers,
+  color,
+  userData
+}) => {
+  const position = new THREE__namespace.Vector3().setFromMatrixPosition(matrix);
+  const ref = useScale$1(position.clone(), sf => [2 * sf, 2 * sf, 2 * sf]);
+  return /*#__PURE__*/React.createElement("group", _extends({
+    matrix: matrix,
+    matrixAutoUpdate: false
+  }, handlers), /*#__PURE__*/React.createElement("group", {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(OriginPoint, {
+    position: new THREE__namespace.Vector3(),
+    color: color || 0x000000,
+    opacity: opacity,
+    userData: userData
+  }), /*#__PURE__*/React.createElement(AxisArrow, {
+    position: new THREE__namespace.Vector3(),
+    direction: new THREE__namespace.Vector3(1, 0, 0),
+    color: color || 0xd52828,
+    opacity: opacity,
+    userData: userData,
+    withCone: false
+  }), /*#__PURE__*/React.createElement(AxisArrow, {
+    position: new THREE__namespace.Vector3(),
+    direction: new THREE__namespace.Vector3(0, 1, 0),
+    color: color || 0x28a628,
+    opacity: opacity,
+    userData: userData,
+    withCone: false
+  }), /*#__PURE__*/React.createElement(AxisArrow, {
+    position: new THREE__namespace.Vector3(),
+    direction: new THREE__namespace.Vector3(0, 0, 1),
+    width: 1.25,
+    length: 45,
+    color: color || 0x2828d7,
+    opacity: opacity,
+    userData: userData
+  })));
+};
+
+const virtualScene = new THREE__namespace.Scene();
+const HUD = ({
+  children
+}) => {
+  const {
+    gl,
+    camera
+  } = fiber.useThree();
+  fiber.useFrame(() => {
+    gl.autoClear = false;
+    gl.clearDepth();
+    gl.render(virtualScene, camera);
+  }, 3);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fiber.createPortal( /*#__PURE__*/React.createElement("group", null, children), virtualScene));
+};
+
+function ViewImpl$i({
+  drawingId,
+  pluginId
+}) {
+  const {
+    state
+  } = react.usePlugin(drawingId, pluginId, pluginState => pluginState);
+  const {
+    originPos,
+    xDir,
+    yDir
+  } = state;
+  const isActive = react.useDrawing(drawingId, drawing => drawing.plugin.active.feature === pluginId);
+  const previewMatrix = React.useMemo(() => {
+    const originPos_ = originPos ? originPos : new THREE__namespace.Vector3(0.0, 0.0, 0.0);
+    const xDir_ = xDir ? xDir : new THREE__namespace.Vector3(1.0, 0.0, 0.0);
+    const yDir_ = yDir ? yDir : new THREE__namespace.Vector3(0.0, 1.0, 0.0);
+    const nullVec = new THREE__namespace.Vector3(0.0, 0.0, 0.0);
+    return core.MathUtils.calcluateTransform(originPos_, xDir_, yDir_, nullVec, nullVec, 0);
+  }, [originPos, xDir, yDir]);
+  return /*#__PURE__*/React.createElement(HUD, null, /*#__PURE__*/React.createElement("group", null, isActive && /*#__PURE__*/React.createElement(Csys, {
+    matrix: previewMatrix,
+    opacity: 0.5
+  })));
+}
+const View$i = ({
+  drawingId,
+  pluginId
+}) => {
+  return /*#__PURE__*/React.createElement(FtPluginValidator, {
+    drawingId: drawingId,
+    pluginId: pluginId,
+    inCanvas: true
+  }, /*#__PURE__*/React.createElement(ViewImpl$i, {
+    drawingId: drawingId,
+    pluginId: pluginId
+  }));
+};
+
+const description$B = {
+  name: 'Extrusion',
+  version: '1.0.0',
+  author: 'Ledas',
+  persistent: true,
+  visible: false,
+  global: false,
+  initialState: {
+    originPos: undefined,
+    xDir: undefined,
+    yDir: undefined
+  }
+};
+
+var index$B = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Root: Root$B,
+  View: View$i,
+  description: description$B
+});
+
+var Members$u;
+(function (Members) {
+  Members["Type"] = "extrudeType";
+  Members["Direction"] = "extrudeDir";
+  Members["Limit1"] = "limit1";
+  Members["Limit2"] = "limit2";
+  Members["TwistAngle"] = "twistAngle";
+  Members["TwistCenter"] = "twistCenter";
+  Members["CapEnds"] = "capEnds";
+})(Members$u || (Members$u = {}));
+var RegionMembers$2;
+(function (RegionMembers) {
+  RegionMembers["Selected"] = "selected";
+})(RegionMembers$2 || (RegionMembers$2 = {}));
+const typesCaptions$4 = {
+  [classcad.ExtrusionType.CUSTOM]: 'Custom',
+  [classcad.ExtrusionType.DOWN]: 'Down',
+  [classcad.ExtrusionType.SYMMETRIC]: 'Symmetric',
+  [classcad.ExtrusionType.UP]: 'Up'
+};
+const RootImpl$A = ({
+  drawingId,
+  pluginId
+}) => {
+  const {
+    objectId
+  } = react.usePlugin(drawingId, pluginId, plugin => plugin);
+  const sketchRegionId = useDrawingCCId(drawingId, drawing => {
+    var _drawing$structure$tr, _drawing$structure$tr2;
+    return (_drawing$structure$tr = drawing.structure.tree[objectId]) == null ? void 0 : (_drawing$structure$tr2 = _drawing$structure$tr.members) == null ? void 0 : _drawing$structure$tr2.region.value;
+  });
+  const region = useRefsParam(drawingId, sketchRegionId, RegionMembers$2.Selected);
+  const type = useTypeParam(drawingId, objectId, Members$u.Type);
+  const limit1 = useNumParam(drawingId, objectId, Members$u.Limit1);
+  const limit2 = useNumParam(drawingId, objectId, Members$u.Limit2);
+  const twistAngle = useNumParam(drawingId, objectId, Members$u.TwistAngle, {
+    angle: true
+  });
+  const twistCenter = usePointParam(drawingId, objectId, Members$u.TwistCenter);
+  const direction = usePointParam(drawingId, objectId, Members$u.Direction);
+  const capEnds = useBoolParam(drawingId, objectId, Members$u.CapEnds);
+  const sketchId = React.useRef(NOCCID);
+  React.useEffect(() => {
+    const {
+      set
+    } = core.getPlugin(drawingId, pluginId);
+    if (region.userValue.length > 0) {
+      const regionObj = core.getDrawing(drawingId).structure.tree[region.userValue[0]];
+      const [originPos, xDir, yDir] = getRegionCoordSys(drawingId, regionObj);
+      set({
+        originPos,
+        xDir,
+        yDir
+      });
+    }
+  }, [drawingId, pluginId, region]);
+  React.useEffect(() => {
+    var _tree$sketchGeometryI;
+    const tree = core.getDrawing(drawingId).structure.tree;
+    const sketchGeometryId = region.userValue.find(id => {
+      var _tree$id;
+      return classcad.ccUtils.base.isA((_tree$id = tree[id]) == null ? void 0 : _tree$id.class, classcad.CCClasses.CCCurve);
+    }) || NOCCID;
+    const sketchWithSelectedRegion = ((_tree$sketchGeometryI = tree[sketchGeometryId]) == null ? void 0 : _tree$sketchGeometryI.parent) || NOCCID;
+    sketchId.current = sketchWithSelectedRegion;
+  }, [drawingId, region]);
+  const updateAndClose = React.useCallback(() => {
+    return classcad.ccAPI.feature.updateTwist(drawingId, objectId, region.serverValue, type.serverValue, type.serverValue === classcad.ExtrusionType.CUSTOM ? limit1.serverValue : {
+      value: 0.0,
+      isExpr: false
+    }, limit2.serverValue, type.serverValue === classcad.ExtrusionType.CUSTOM ? direction.serverValue : {
+      value: {
+        x: 0.0,
+        y: 0.0,
+        z: 1.0
+      },
+      isExpr: false
+    },
+    // TODO: This is a workaround to prevent sending both non-zero taperAngle and direction values to the server;
+    // this would result in crashing the extrusion functionality somehow
+    twistAngle.serverValue, type.userValue === classcad.ExtrusionType.CUSTOM ? twistCenter.serverValue : {
+      value: {
+        x: 0.0,
         y: 0.0,
         z: 0.0
       },
       isExpr: false
     }, capEnds.serverValue);
   }, [drawingId, objectId, region, type, limit1, limit2, twistAngle, twistCenter, direction, capEnds]);
-  const filter = React.useCallback((scope, data) => scope === TreeObjScope && (sketchId.current === NOCCID || data.object.parent === sketchId.current) && classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCurve), [sketchId]);
+  const filter = React.useCallback((scope, data) => {
+    return scope === TreeObjScope && ((sketchId.current === NOCCID || data.object.parent === sketchId.current) && classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCurve) || classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCSketchRegion) || classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCompositeCurve));
+  }, []);
   return /*#__PURE__*/React.createElement(PluginForm, {
     drawingId: drawingId,
     pluginId: pluginId,
@@ -4835,47 +5164,91 @@ const RootImpl$z = ({
     inverted: true
   }));
 };
-const Root$z = ({
+const Root$A = ({
   drawingId,
   pluginId
 }) => {
   return /*#__PURE__*/React.createElement(FtPluginValidator, {
     drawingId: drawingId,
     pluginId: pluginId
-  }, /*#__PURE__*/React.createElement(RootImpl$z, {
+  }, /*#__PURE__*/React.createElement(RootImpl$A, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 };
 
-const description$z = {
+function ViewImpl$h({
+  drawingId,
+  pluginId
+}) {
+  const {
+    state
+  } = react.usePlugin(drawingId, pluginId, pluginState => pluginState);
+  const {
+    originPos,
+    xDir,
+    yDir
+  } = state;
+  const isActive = react.useDrawing(drawingId, drawing => drawing.plugin.active.feature === pluginId);
+  const previewMatrix = React.useMemo(() => {
+    const originPos_ = originPos ? originPos : new THREE__namespace.Vector3(0.0, 0.0, 0.0);
+    const xDir_ = xDir ? xDir : new THREE__namespace.Vector3(1.0, 0.0, 0.0);
+    const yDir_ = yDir ? yDir : new THREE__namespace.Vector3(0.0, 1.0, 0.0);
+    const nullVec = new THREE__namespace.Vector3(0.0, 0.0, 0.0);
+    return core.MathUtils.calcluateTransform(originPos_, xDir_, yDir_, nullVec, nullVec, 0);
+  }, [originPos, xDir, yDir]);
+  return /*#__PURE__*/React.createElement(HUD, null, /*#__PURE__*/React.createElement("group", null, isActive && /*#__PURE__*/React.createElement(Csys, {
+    matrix: previewMatrix,
+    opacity: 0.5
+  })));
+}
+const View$h = ({
+  drawingId,
+  pluginId
+}) => {
+  return /*#__PURE__*/React.createElement(FtPluginValidator, {
+    drawingId: drawingId,
+    pluginId: pluginId,
+    inCanvas: true
+  }, /*#__PURE__*/React.createElement(ViewImpl$h, {
+    drawingId: drawingId,
+    pluginId: pluginId
+  }));
+};
+
+const description$A = {
   name: 'Twist',
   version: '1.0.0',
   author: 'Ledas',
   persistent: true,
   visible: false,
   global: false,
-  initialState: addMembers
+  initialState: {
+    originPos: undefined,
+    xDir: undefined,
+    yDir: undefined
+  }
 };
 
-var index$z = /*#__PURE__*/Object.freeze({
+var index$A = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Root: Root$z,
-  description: description$z
+  Root: Root$A,
+  View: View$h,
+  description: description$A
 });
 
-var Members$s;
+var Members$t;
 (function (Members) {
   Members["Axis"] = "references";
   Members["Inverted"] = "inverted";
   Members["StartAngle"] = "startAngle";
   Members["EndAngle"] = "endAngle";
-})(Members$s || (Members$s = {}));
+})(Members$t || (Members$t = {}));
 var RegionMembers$1;
 (function (RegionMembers) {
-  RegionMembers["Curves"] = "curves";
+  RegionMembers["Selected"] = "selected";
 })(RegionMembers$1 || (RegionMembers$1 = {}));
-const RootImpl$y = ({
+const RootImpl$z = ({
   drawingId,
   pluginId
 }) => {
@@ -4886,27 +5259,32 @@ const RootImpl$y = ({
     var _drawing$structure$tr, _drawing$structure$tr2;
     return (_drawing$structure$tr = drawing.structure.tree[objectId]) == null ? void 0 : (_drawing$structure$tr2 = _drawing$structure$tr.members) == null ? void 0 : _drawing$structure$tr2.region.value;
   });
-  const region = useRefsParam(drawingId, sketchRegionId, RegionMembers$1.Curves);
-  const axis = useRefsParam(drawingId, objectId, Members$s.Axis);
-  const startAngle = useNumParam(drawingId, objectId, Members$s.StartAngle, {
+  const region = useRefsParam(drawingId, sketchRegionId, RegionMembers$1.Selected);
+  const axis = useRefsParam(drawingId, objectId, Members$t.Axis);
+  const startAngle = useNumParam(drawingId, objectId, Members$t.StartAngle, {
     angle: true
   });
-  const endAngle = useNumParam(drawingId, objectId, Members$s.EndAngle, {
+  const endAngle = useNumParam(drawingId, objectId, Members$t.EndAngle, {
     angle: true
   });
-  const inverted = useBoolParam(drawingId, objectId, Members$s.Inverted);
+  const inverted = useBoolParam(drawingId, objectId, Members$t.Inverted);
   const sketchId = React.useRef(NOCCID);
   React.useEffect(() => {
     var _tree$sketchGeometryI;
     const tree = core.getDrawing(drawingId).structure.tree;
-    const sketchGeometryId = region.userValue[0];
+    const sketchGeometryId = region.userValue.find(id => {
+      var _tree$id;
+      return classcad.ccUtils.base.isA((_tree$id = tree[id]) == null ? void 0 : _tree$id.class, classcad.CCClasses.CCCurve);
+    }) || NOCCID;
     const sketchWithSelectedRegion = ((_tree$sketchGeometryI = tree[sketchGeometryId]) == null ? void 0 : _tree$sketchGeometryI.parent) || NOCCID;
     sketchId.current = sketchWithSelectedRegion;
   }, [drawingId, region]);
   const updateAndClose = React.useCallback(() => {
     return classcad.ccAPI.feature.updateRevolve(drawingId, objectId, region.serverValue, axis.serverValue, startAngle.serverValue, endAngle.serverValue, inverted.serverValue);
   }, [drawingId, objectId, region, axis, startAngle, endAngle, inverted]);
-  const regionFilter = React.useCallback((scope, data) => scope === TreeObjScope && (sketchId.current === NOCCID || data.object.parent === sketchId.current) && classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCurve), []);
+  const filter = React.useCallback((scope, data) => {
+    return scope === TreeObjScope && ((sketchId.current === NOCCID || data.object.parent === sketchId.current) && classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCurve) || classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCSketchRegion) || classcad.ccUtils.base.isA(data.object.class, classcad.CCClasses.CCCompositeCurve));
+  }, []);
   return /*#__PURE__*/React.createElement(PluginForm, {
     drawingId: drawingId,
     pluginId: pluginId,
@@ -4922,7 +5300,7 @@ const RootImpl$y = ({
     drawingId: drawingId,
     param: region,
     caption: "Region",
-    filter: regionFilter,
+    filter: filter,
     customIdPicker: pickObjId,
     sketchLines: true
   }), /*#__PURE__*/React.createElement(RefsEditor, {
@@ -4946,20 +5324,20 @@ const RootImpl$y = ({
     icon: true
   })));
 };
-const Root$y = ({
+const Root$z = ({
   drawingId,
   pluginId
 }) => {
   return /*#__PURE__*/React.createElement(FtPluginValidator, {
     drawingId: drawingId,
     pluginId: pluginId
-  }, /*#__PURE__*/React.createElement(RootImpl$y, {
+  }, /*#__PURE__*/React.createElement(RootImpl$z, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 };
 
-const description$y = {
+const description$z = {
   name: 'Revolve',
   version: '1.0.0',
   author: 'Ledas',
@@ -4969,30 +5347,30 @@ const description$y = {
   initialState: addMembers
 };
 
-var index$y = /*#__PURE__*/Object.freeze({
+var index$z = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Root: Root$y,
-  description: description$y
+  Root: Root$z,
+  description: description$z
 });
 
-var Members$r;
+var Members$s;
 (function (Members) {
   Members["CSys"] = "references";
   Members["Width"] = "width";
   Members["Height"] = "height";
   Members["Length"] = "length";
-})(Members$r || (Members$r = {}));
-function RootImpl$x({
+})(Members$s || (Members$s = {}));
+function RootImpl$y({
   drawingId,
   pluginId
 }) {
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const csys = useRefsParam(drawingId, objectId, Members$r.CSys);
-  const width = useNumParam(drawingId, objectId, Members$r.Width);
-  const height = useNumParam(drawingId, objectId, Members$r.Height);
-  const length = useNumParam(drawingId, objectId, Members$r.Length);
+  const csys = useRefsParam(drawingId, objectId, Members$s.CSys);
+  const width = useNumParam(drawingId, objectId, Members$s.Width);
+  const height = useNumParam(drawingId, objectId, Members$s.Height);
+  const length = useNumParam(drawingId, objectId, Members$s.Length);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateBox(drawingId, objectId, csys.serverValue, width.serverValue, length.serverValue, height.serverValue);
   }, [drawingId, objectId, csys, width, height, length]);
@@ -5042,20 +5420,20 @@ function RootImpl$x({
     allowExpr: true
   }));
 }
-const Root$x = ({
+const Root$y = ({
   drawingId,
   pluginId
 }) => {
   return /*#__PURE__*/React.createElement(FtPluginValidator, {
     drawingId: drawingId,
     pluginId: pluginId
-  }, /*#__PURE__*/React.createElement(RootImpl$x, {
+  }, /*#__PURE__*/React.createElement(RootImpl$y, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 };
 
-const description$x = {
+const description$y = {
   name: 'Box',
   version: '1.0.0',
   author: 'Ledas',
@@ -5064,26 +5442,26 @@ const description$x = {
   global: false
 };
 
-var index$x = /*#__PURE__*/Object.freeze({
+var index$y = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Root: Root$x,
-  description: description$x
+  Root: Root$y,
+  description: description$y
 });
 
-var Members$q;
+var Members$r;
 (function (Members) {
   Members["CSys"] = "references";
   Members["Radius"] = "radius";
-})(Members$q || (Members$q = {}));
-function RootImpl$w({
+})(Members$r || (Members$r = {}));
+function RootImpl$x({
   drawingId,
   pluginId
 }) {
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const csys = useRefsParam(drawingId, objectId, Members$q.CSys);
-  const radius = useNumParam(drawingId, objectId, Members$q.Radius);
+  const csys = useRefsParam(drawingId, objectId, Members$r.CSys);
+  const radius = useNumParam(drawingId, objectId, Members$r.Radius);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateSphere(drawingId, objectId, csys.userValue, radius.userValue);
   }, [drawingId, objectId, csys, radius]);
@@ -5113,20 +5491,20 @@ function RootImpl$w({
     allowExpr: true
   }));
 }
-const Root$w = ({
+const Root$x = ({
   drawingId,
   pluginId
 }) => {
   return /*#__PURE__*/React.createElement(FtPluginValidator, {
     drawingId: drawingId,
     pluginId: pluginId
-  }, /*#__PURE__*/React.createElement(RootImpl$w, {
+  }, /*#__PURE__*/React.createElement(RootImpl$x, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 };
 
-const description$w = {
+const description$x = {
   name: 'Sphere',
   version: '1.0.0',
   author: 'Ledas',
@@ -5135,28 +5513,28 @@ const description$w = {
   global: false
 };
 
-var index$w = /*#__PURE__*/Object.freeze({
+var index$x = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  Root: Root$w,
-  description: description$w
+  Root: Root$x,
+  description: description$x
 });
 
-var Members$p;
+var Members$q;
 (function (Members) {
   Members["CSys"] = "references";
   Members["Diameter"] = "diameter";
   Members["Height"] = "height";
-})(Members$p || (Members$p = {}));
-function RootImpl$v({
+})(Members$q || (Members$q = {}));
+function RootImpl$w({
   drawingId,
   pluginId
 }) {
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const csys = useRefsParam(drawingId, objectId, Members$p.CSys);
-  const diameter = useNumParam(drawingId, objectId, Members$p.Diameter);
-  const height = useNumParam(drawingId, objectId, Members$p.Height);
+  const csys = useRefsParam(drawingId, objectId, Members$q.CSys);
+  const diameter = useNumParam(drawingId, objectId, Members$q.Diameter);
+  const height = useNumParam(drawingId, objectId, Members$q.Height);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateCylinder(drawingId, objectId, csys.serverValue, diameter.serverValue, height.serverValue);
   }, [drawingId, objectId, csys, diameter, height]);
@@ -5187,40 +5565,237 @@ function RootImpl$v({
     allowExpr: true
   }), /*#__PURE__*/React.createElement(NumberEditor, {
     drawingId: drawingId,
-    caption: "Height",
-    param: height,
-    validator: acceptableRange({
-      value: 0,
-      isInclusive: false
-    }, undefined),
-    allowExpr: true
+    caption: "Height",
+    param: height,
+    validator: acceptableRange({
+      value: 0,
+      isInclusive: false
+    }, undefined),
+    allowExpr: true
+  }));
+}
+const Root$w = ({
+  drawingId,
+  pluginId
+}) => {
+  return /*#__PURE__*/React.createElement(FtPluginValidator, {
+    drawingId: drawingId,
+    pluginId: pluginId
+  }, /*#__PURE__*/React.createElement(RootImpl$w, {
+    drawingId: drawingId,
+    pluginId: pluginId
+  }));
+};
+
+const description$w = {
+  name: 'Cylinder',
+  version: '1.0.0',
+  author: 'Ledas',
+  persistent: true,
+  visible: false,
+  global: false
+};
+
+var index$w = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Root: Root$w,
+  description: description$w
+});
+
+var Members$p;
+(function (Members) {
+  Members["References"] = "references";
+})(Members$p || (Members$p = {}));
+const RootImpl$v = ({
+  drawingId,
+  pluginId
+}) => {
+  const {
+    objectId
+  } = react.usePlugin(drawingId, pluginId, plugin => plugin);
+  const refs = useRefsParam(drawingId, objectId, Members$p.References);
+  const {
+    Checkbox
+  } = react.useBuerli(buerli => buerli.options.elements);
+  const [isFaceSelectionActive, setIsFaceSelectionActive] = React.useState(false);
+  const update = React.useCallback(() => {
+    return classcad.ccAPI.feature.updateCompositeCurve(drawingId, objectId, refs.serverValue);
+  }, [drawingId, objectId, refs]);
+  return /*#__PURE__*/React.createElement(PluginForm, {
+    drawingId: drawingId,
+    pluginId: pluginId,
+    update: update,
+    params: {
+      refs
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: isFaceSelectionActive,
+    onChange: e => setIsFaceSelectionActive(e.target.checked)
+  }, "Face selection"), isFaceSelectionActive && /*#__PURE__*/React.createElement(RefsEditor, {
+    drawingId: drawingId,
+    caption: "Curve References",
+    param: refs,
+    customIdPicker: pickGrOrObjId,
+    filter: (scope, data) => core.edgeFilter(scope, data) || ccLineFilter(scope, data) || ccArcFilter(scope, data) || ccCircleFilter(scope, data) || core.meshFilter(scope, data)
+  }), !isFaceSelectionActive && /*#__PURE__*/React.createElement(RefsEditor, {
+    drawingId: drawingId,
+    caption: "Curve References",
+    param: refs,
+    customIdPicker: pickGrOrObjId,
+    filter: (scope, data) => core.edgeFilter(scope, data) || ccLineFilter(scope, data) || ccArcFilter(scope, data) || ccCircleFilter(scope, data) || core.loopFilter(scope, data)
+  }));
+};
+const Root$v = ({
+  drawingId,
+  pluginId
+}) => {
+  return /*#__PURE__*/React.createElement(FtPluginValidator, {
+    drawingId: drawingId,
+    pluginId: pluginId
+  }, /*#__PURE__*/React.createElement(RootImpl$v, {
+    drawingId: drawingId,
+    pluginId: pluginId
+  }));
+};
+
+const getHighlightedColor = (isGHovered, isGSelected, isSHovered, isSSelected) => {
+  if (isSHovered) {
+    return '#3280ff';
+  }
+  if (isSSelected) {
+    return '#8040c0';
+  }
+  if (isGHovered) {
+    return 'green';
+  }
+  if (isGSelected) {
+    return 'red';
+  }
+  return undefined;
+};
+
+const FatLine = ({
+  line,
+  handlers,
+  userData,
+  color,
+  lineWidth = 3.0
+}) => {
+  const {
+    size
+  } = fiber.useThree();
+  const primitive = line.geometry;
+  const lg = React.useMemo(() => {
+    return new LineGeometry.LineGeometry().setPositions(primitive.attributes.position.array);
+  }, [primitive]);
+  const resolution = React.useMemo(() => new THREE__namespace.Vector2(size.width, size.height), [size]);
+  return /*#__PURE__*/React.createElement("line2", _extends({
+    geometry: lg
+  }, handlers, {
+    userData: userData,
+    renderOrder: 600
+  }), /*#__PURE__*/React.createElement("lineMaterial", {
+    attach: "material",
+    color: color || new THREE__namespace.Color('black'),
+    opacity: 1.0,
+    linewidth: lineWidth,
+    dashed: false,
+    resolution: resolution,
+    transparent: true,
+    depthTest: true,
+    depthWrite: false,
+    polygonOffset: true,
+    polygonOffsetUnits: -1000
+  }));
+};
+const CompositeCurveObj = ({
+  drawingId,
+  color,
+  lineWidth,
+  userData,
+  handlers,
+  objectId
+}) => {
+  const compCurveObj = react.useDrawing(drawingId, drawing => drawing.structure.tree[objectId]);
+  const curveEntityIds = compCurveObj == null ? void 0 : compCurveObj.children; // CC_CurveEntity ids
+  const curveEntityId = curveEntityIds ? curveEntityIds[0] : -1;
+  const curveEntityObj = react.useDrawing(drawingId, drawing => drawing.structure.tree[curveEntityId]);
+  const cadEntityIds = curveEntityIds && (curveEntityObj == null ? void 0 : curveEntityObj.geometryIdList); // cad entity ids
+  const cadEntityId = cadEntityIds ? cadEntityIds[0] : -1;
+  const entity = react.useDrawing(drawingId, d => d.geometry.cache[cadEntityId]); // cad entity (curve array)
+
+  const items = React.useMemo(() => {
+    if (!entity || entity.meshes.length > 0) return [];
+    return [...entity.lines, ...entity.edges, ...entity.arcs];
+  }, [entity]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(item => /*#__PURE__*/React.createElement(FatLine, {
+    key: item.graphicId,
+    line: item,
+    handlers: handlers,
+    userData: userData,
+    color: color,
+    lineWidth: lineWidth
+  })));
+};
+
+const ViewImpl$g = ({
+  drawingId,
+  pluginId
+}) => {
+  const {
+    objectId
+  } = react.usePlugin(drawingId, pluginId, pluginState => pluginState);
+  const isActive = react.useDrawing(drawingId, drawing => drawing.plugin.active.feature === pluginId);
+  const {
+    isGHovered,
+    isGSelected,
+    isSHovered,
+    isSSelected,
+    handlers
+  } = useTreeObjInteraction(drawingId, objectId);
+  const color = getHighlightedColor(isGHovered, isGSelected, isSHovered, isSSelected) || 0x111111;
+  return /*#__PURE__*/React.createElement(HUD, null, !isActive && /*#__PURE__*/React.createElement(CompositeCurveObj, {
+    drawingId: drawingId,
+    objectId: objectId // CC_CompositeCurve
+    ,
+    color: color,
+    lineWidth: 2.0 // ?
+    ,
+    userData: {
+      objId: objectId,
+      onHUD: true
+    },
+    handlers: handlers
   }));
-}
-const Root$v = ({
+};
+const View$g = ({
   drawingId,
   pluginId
 }) => {
   return /*#__PURE__*/React.createElement(FtPluginValidator, {
     drawingId: drawingId,
-    pluginId: pluginId
-  }, /*#__PURE__*/React.createElement(RootImpl$v, {
+    pluginId: pluginId,
+    inCanvas: true
+  }, /*#__PURE__*/React.createElement(ViewImpl$g, {
     drawingId: drawingId,
     pluginId: pluginId
   }));
 };
 
 const description$v = {
-  name: 'Cylinder',
+  name: 'CompositeCurve',
   version: '1.0.0',
-  author: 'Ledas',
+  author: 'AWV',
   persistent: true,
   visible: false,
-  global: false
+  global: false,
+  initialState: addMembers
 };
 
 var index$v = /*#__PURE__*/Object.freeze({
   __proto__: null,
   Root: Root$v,
+  View: View$g,
   description: description$v
 });
 
@@ -5451,7 +6026,7 @@ const RootImpl$s = ({
     param: offset1,
     allowExpr: true
   }, type.userValue === classcad.ChamferType.TWO_DISTANCES && /*#__PURE__*/React.createElement(Button, {
-    iconSrc: img$17,
+    iconSrc: img$18,
     onClick: switchDirections
   })), type.userValue === classcad.ChamferType.TWO_DISTANCES && /*#__PURE__*/React.createElement(NumberEditor, {
     drawingId: drawingId,
@@ -6245,8 +6820,8 @@ const Digits = ({
 
 const vectorToString = (point, digits) => `${point.toArray().map(n => core.MathUtils.round(n, digits)).join(', ')}`;
 
-function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const Excluded = [core.GraphicType.LOOP].concat(core.EntityTypes);
 const RootImpl$j = ({
   drawingId,
@@ -6317,7 +6892,7 @@ const Output = ({
               const {
                 value
               } = res.measureData;
-              return _objectSpread$p(_objectSpread$p({}, res), {}, {
+              return _objectSpread$q(_objectSpread$q({}, res), {}, {
                 asString: core.MathUtils.round(value, digits)
               });
             }
@@ -6327,13 +6902,13 @@ const Output = ({
               const {
                 value
               } = res.measureData;
-              return _objectSpread$p(_objectSpread$p({}, res), {}, {
+              return _objectSpread$q(_objectSpread$q({}, res), {}, {
                 asString: vectorToString(value, digits)
               });
             }
         }
       }
-      return _objectSpread$p(_objectSpread$p({}, res), {}, {
+      return _objectSpread$q(_objectSpread$q({}, res), {}, {
         asString: ''
       });
     });
@@ -6364,198 +6939,6 @@ const Root$j = ({
   }));
 };
 
-const Point$2 = ({
-  position,
-  radius,
-  color,
-  opacity = 1,
-  handlers,
-  userData
-}) => {
-  return /*#__PURE__*/React.createElement("mesh", _extends({
-    position: position.clone(),
-    userData: userData
-  }, handlers), /*#__PURE__*/React.createElement("sphereGeometry", {
-    attach: "geometry",
-    args: [radius, 32, 16]
-  }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
-    attach: "material",
-    color: color,
-    opacity: opacity,
-    transparent: opacity < 1
-  }));
-};
-const Arrow = ({
-  position,
-  direction,
-  length,
-  width,
-  color,
-  opacity = 1,
-  handlers,
-  userData,
-  withCone = true
-}) => {
-  const cylinderWith = width;
-  const coneWidth = cylinderWith * 1.5;
-  const coneLength = Math.min(coneWidth / 0.12, length / 2.0);
-  const cylinderLength = withCone ? length - coneLength : length;
-  return /*#__PURE__*/React.createElement("group", _extends({
-    position: position.clone(),
-    quaternion: new THREE__namespace.Quaternion().setFromUnitVectors(new THREE__namespace.Vector3(0, 1, 0), direction.clone().normalize())
-  }, handlers, {
-    userData: userData
-  }), /*#__PURE__*/React.createElement("mesh", {
-    position: new THREE__namespace.Vector3(0, cylinderLength / 2.0, 0),
-    renderOrder: 500,
-    userData: userData
-  }, /*#__PURE__*/React.createElement("cylinderGeometry", {
-    attach: "geometry",
-    args: [cylinderWith, cylinderWith, cylinderLength, 24, 1]
-  }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
-    attach: "material",
-    color: color,
-    opacity: opacity,
-    transparent: true
-  })), withCone && /*#__PURE__*/React.createElement("mesh", {
-    position: new THREE__namespace.Vector3(0, cylinderLength + coneLength / 2.0, 0),
-    renderOrder: 500,
-    userData: userData
-  }, /*#__PURE__*/React.createElement("coneGeometry", {
-    attach: "geometry",
-    args: [coneWidth, coneLength, 24, 1]
-  }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
-    attach: "material",
-    color: color,
-    opacity: opacity,
-    transparent: opacity < 1
-  })));
-};
-const OriginPoint = ({
-  position,
-  color,
-  opacity = 1,
-  handlers,
-  userData
-}) => {
-  return /*#__PURE__*/React.createElement(Point$2, {
-    position: position ? position.clone() : new THREE__namespace.Vector3(),
-    radius: 2,
-    color: color,
-    opacity: opacity,
-    handlers: handlers,
-    userData: userData
-  });
-};
-const AxisArrow = ({
-  position,
-  direction,
-  color,
-  opacity = 1,
-  handlers,
-  userData,
-  length,
-  width,
-  withCone = true
-}) => {
-  return /*#__PURE__*/React.createElement(Arrow, {
-    position: position ? position.clone() : new THREE__namespace.Vector3(),
-    direction: direction.clone(),
-    length: length || 21,
-    width: width || 1,
-    color: color,
-    opacity: opacity,
-    handlers: handlers,
-    userData: userData,
-    withCone: withCone
-  });
-};
-
-//TODO: don't use any
-const Csys = ({
-  matrix,
-  opacity,
-  handlers,
-  color,
-  userData
-}) => {
-  const position = new THREE__namespace.Vector3().setFromMatrixPosition(matrix);
-  const ref = useScale$1(position.clone(), sf => [2 * sf, 2 * sf, 2 * sf]);
-  return /*#__PURE__*/React.createElement("group", _extends({
-    matrix: matrix,
-    matrixAutoUpdate: false,
-    userData: userData
-  }, handlers), /*#__PURE__*/React.createElement("group", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(OriginPoint, {
-    position: new THREE__namespace.Vector3(),
-    color: color || 0x000000,
-    opacity: opacity,
-    userData: userData
-  }), /*#__PURE__*/React.createElement(AxisArrow, {
-    position: new THREE__namespace.Vector3(),
-    direction: new THREE__namespace.Vector3(1, 0, 0),
-    color: color || 0xd52828,
-    opacity: opacity,
-    userData: userData
-  }), /*#__PURE__*/React.createElement(AxisArrow, {
-    position: new THREE__namespace.Vector3(),
-    direction: new THREE__namespace.Vector3(0, 1, 0),
-    color: color || 0x28a628,
-    opacity: opacity,
-    userData: userData
-  }), /*#__PURE__*/React.createElement(AxisArrow, {
-    position: new THREE__namespace.Vector3(),
-    direction: new THREE__namespace.Vector3(0, 0, 1),
-    color: color || 0x2828d7,
-    opacity: opacity,
-    userData: userData
-  })));
-};
-const SelectedCsys = ({
-  matrix,
-  opacity = 1.0,
-  handlers,
-  color,
-  userData
-}) => {
-  const position = new THREE__namespace.Vector3().setFromMatrixPosition(matrix);
-  const ref = useScale$1(position.clone(), sf => [2 * sf, 2 * sf, 2 * sf]);
-  return /*#__PURE__*/React.createElement("group", _extends({
-    matrix: matrix,
-    matrixAutoUpdate: false
-  }, handlers), /*#__PURE__*/React.createElement("group", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(OriginPoint, {
-    position: new THREE__namespace.Vector3(),
-    color: color || 0x000000,
-    opacity: opacity,
-    userData: userData
-  }), /*#__PURE__*/React.createElement(AxisArrow, {
-    position: new THREE__namespace.Vector3(),
-    direction: new THREE__namespace.Vector3(1, 0, 0),
-    color: color || 0xd52828,
-    opacity: opacity,
-    userData: userData,
-    withCone: false
-  }), /*#__PURE__*/React.createElement(AxisArrow, {
-    position: new THREE__namespace.Vector3(),
-    direction: new THREE__namespace.Vector3(0, 1, 0),
-    color: color || 0x28a628,
-    opacity: opacity,
-    userData: userData,
-    withCone: false
-  }), /*#__PURE__*/React.createElement(AxisArrow, {
-    position: new THREE__namespace.Vector3(),
-    direction: new THREE__namespace.Vector3(0, 0, 1),
-    width: 1.25,
-    length: 45,
-    color: color || 0x2828d7,
-    opacity: opacity,
-    userData: userData
-  })));
-};
-
 const dWidthCoeff = 15;
 const Distance = ({
   p1,
@@ -6862,7 +7245,7 @@ let HandlersList;
   HandlersList["TRIM"] = "trim";
   HandlersList["SPLIT"] = "split";
   HandlersList["USEREF"] = "useReference";
-  HandlersList["GSELECTION"] = "globalSelection";
+  HandlersList["SSELECT"] = "sSelect";
 })(HandlersList || (HandlersList = {}));
 let TmpObjClasses;
 (function (TmpObjClasses) {
@@ -7048,18 +7431,22 @@ const tolerance$7 = 1e-6;
  */
 const deltaTolerance = 4;
 
-const getInitialState = () => {
-  return {
+const description$i = {
+  name: 'Sketcher',
+  version: '1.0.0',
+  author: 'Ledas',
+  persistent: true,
+  visible: false,
+  global: false,
+  initialState: {
     alwaysShowConstr: false,
     // By default, all constraints are hidden, they appear only if corresponding graphics is hovered. If the flag is true all constrains are shown.
     showCoincidence: false,
     // By default, coincidence constraints are not shown.
-    constraintsToGeometry: {},
-    // When user hovers a constraint corresponding graphics should be highlighted too. This map is used to highlight graphics.
     showRigidSets: false,
     // Shows only rigidSet. Needed in CopyPattern.
     activeHandler: undefined,
-    // Defines which hanlder is acrive now. (When sketcher is just enabled "drag" handler is enabled)
+    // Defines which hanlder is active now. (When sketcher is just enabled "drag" handler is enabled)
     handlers: {},
     // Since handlers also have internal state we need to store it somewhere. This object contains states of all handlers.
     tmpObjects: {},
@@ -7069,8 +7456,11 @@ const getInitialState = () => {
     interaction: {
       cycle: 0,
       objects: [],
-      lastPos: new THREE__namespace.Vector3()
+      lastHoveredPos: {},
+      // A map for positions where constraints / regions were hovered last time.
+      constraintsToGeometry: {} // When user hovers a constraint corresponding graphics should be highlighted too. This map is used to highlight graphics.
     },
+
     // Contains information about objects under the pointer (`interaction.objects[interaction.cycle]` should equal `hovered`)
     isDragged: false,
     // When used drags some objects, this should equal true.
@@ -7078,8 +7468,6 @@ const getInitialState = () => {
     // Scale for graphics dependent on zoom. (It's used only in Arcs and Circles and should be removed when these object are reimplemented)
     step: 1,
     // Step for sketch grid dependent on camera zoom.
-    dimPluginId: undefined,
-    // Id of the dimension plugin which is embedded into Sketch plugin.
     mousePos: undefined,
     // A vector contains mouse position.
     drawnObjectsRef: undefined,
@@ -7089,16 +7477,7 @@ const getInitialState = () => {
     cursor: null,
     // A cursor name to be set in the page body; should match some CSS value.
     needsUpdate: 0
-  };
-};
-const description$i = {
-  name: 'Sketcher',
-  version: '1.0.0',
-  author: 'Ledas',
-  persistent: true,
-  visible: false,
-  global: false,
-  initialState: getInitialState()
+  }
 };
 
 function getSketchState(drawingId, pluginId) {
@@ -7108,9 +7487,9 @@ function getSketchState(drawingId, pluginId) {
   }
   return plugin.state;
 }
-
-function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function CreateAngle(drawingId, pluginId) {
   const {
     set
@@ -7151,8 +7530,8 @@ function CreateAngle(drawingId, pluginId) {
     set(state_ => {
       const tmpAngularDimension = state_.tmpObjects[tmpDimensionId];
       return {
-        tmpObjects: _objectSpread$o(_objectSpread$o({}, state_.tmpObjects), {}, {
-          [tmpDimensionId]: _objectSpread$o(_objectSpread$o({}, tmpAngularDimension), params)
+        tmpObjects: _objectSpread$p(_objectSpread$p({}, state_.tmpObjects), {}, {
+          [tmpDimensionId]: _objectSpread$p(_objectSpread$p({}, tmpAngularDimension), params)
         })
       };
     });
@@ -7178,7 +7557,7 @@ function CreateAngle(drawingId, pluginId) {
     const dir1 = linesInfo.dir1;
     const center = linesInfo.center;
     const dimPos = center.clone().addScaledVector(dir0.clone().add(dir1).normalize(), 10);
-    const tmpAngularDimension = _objectSpread$o(_objectSpread$o({
+    const tmpAngularDimension = _objectSpread$p(_objectSpread$p({
       class: TmpObjClasses.AngularDimension,
       id: tmpDimensionId
     }, linesInfo), {}, {
@@ -7263,23 +7642,28 @@ const rollUpPoints = (drawingId, id1, id2) => {
   const parent = tree[obj1.parent || NOCCID];
   return classcad.ccUtils.base.isA(obj1 == null ? void 0 : obj1.class, classcad.CCClasses.CCPoint) && classcad.ccUtils.base.isA(obj2 == null ? void 0 : obj2.class, classcad.CCClasses.CCPoint) && obj1.parent === obj2.parent && classcad.ccUtils.base.isA((parent == null ? void 0 : parent.class) || '', classcad.CCClasses.CCLine) ? [obj1.parent] : [id1, id2];
 };
-const getConstrEntities = (drawingId, constrId) => {
-  var _constr$members;
-  const constr = core.getDrawing(drawingId).structure.tree[constrId];
-  const entities = ((_constr$members = constr.members) == null ? void 0 : _constr$members.entities).members;
-  if (classcad.ccUtils.base.isA(constr.class, classcad.CCClasses.CC2DOffsetConstraint) || classcad.ccUtils.base.isA(constr.class, classcad.CCClasses.CC2DHorizontalDistanceConstraint) || classcad.ccUtils.base.isA(constr.class, classcad.CCClasses.CC2DVerticalDistanceConstraint)) {
-    const [id1, id2] = entities.map(entity => entity.value);
+const getEntities = (drawingId, objectId) => {
+  var _obj$members2;
+  const tree = core.getDrawing(drawingId).structure.tree;
+  const obj = tree[objectId];
+  if (isSketchRegion(obj)) {
+    var _obj$members, _obj$members$curves;
+    return (_obj$members = obj.members) == null ? void 0 : (_obj$members$curves = _obj$members.curves) == null ? void 0 : _obj$members$curves.members.map(curve => curve.value);
+  }
+  const entities = ((_obj$members2 = obj.members) == null ? void 0 : _obj$members2.entities).members.map(entity => entity.value);
+  if (classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CC2DOffsetConstraint) || classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CC2DHorizontalDistanceConstraint) || classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CC2DVerticalDistanceConstraint)) {
+    const [id1, id2] = entities;
     return rollUpPoints(drawingId, id1, id2);
   }
-  if (classcad.ccUtils.base.isA(constr.class, classcad.CCClasses.CC2DMidpointConstraint)) {
-    const [id1, id2, id3] = entities.map(entity => entity.value);
+  if (classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CC2DMidpointConstraint)) {
+    const [id1, id2, id3] = entities;
     return [...rollUpPoints(drawingId, id1, id3), id2];
   }
-  if (classcad.ccUtils.base.isA(constr.class, classcad.CCClasses.CC2DEqualLengthConstraint)) {
-    const [id1, id2, id3, id4] = entities.map(entity => entity.value);
+  if (classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CC2DEqualLengthConstraint)) {
+    const [id1, id2, id3, id4] = entities;
     return [...rollUpPoints(drawingId, id1, id2), ...rollUpPoints(drawingId, id3, id4)];
   }
-  return entities.map(entity => entity.value);
+  return entities;
 };
 
 function getGeometryPriority(object) {
@@ -7292,7 +7676,7 @@ function getGeometryPriority(object) {
   if (classcad.ccUtils.base.isA(object.class, classcad.CCClasses.CCCircle)) {
     return 3;
   }
-  if (is2DConstraint(object)) {
+  if (is2DConstraint(object) || isSketchRegion(object)) {
     return 4;
   }
   if (classcad.ccUtils.base.isA(object.class, classcad.CCClasses.CCPoint)) {
@@ -7301,8 +7685,8 @@ function getGeometryPriority(object) {
   return -1;
 }
 
-function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 let timerId;
 const projectPointOnGeometry = (point, geometryId, tree) => {
   const geometry = tree[geometryId];
@@ -7335,60 +7719,48 @@ const setHoverState = (drawingId, pluginId, cycle, objects, hoverPos) => {
   const tree = drawing.structure.tree;
   const hoveredId = objects[cycle % objects.length];
   const hoveredObject = tree[hoveredId];
-  const selected = drawing.interaction.selected || [];
   const setHovered = drawing.api.interaction.setHovered;
-  const setSelected = drawing.api.interaction.setSelected;
   if (hoveredObject) {
     setHovered(core.createInfo({
       objectId: hoveredId,
       prodRefId: curProduct
     }));
-    if (is2DConstraint(hoveredObject)) {
-      const constrEntities = getConstrEntities(drawingId, hoveredId);
+    if (is2DConstraint(hoveredObject) || isSketchRegion(hoveredObject)) {
+      const entities = getEntities(drawingId, hoveredId);
       set(state_ => {
         const highlighted = state_.highlighted;
-        const highlightedConstraints = highlighted.filter(id => is2DConstraint(tree[id]) && id !== hoveredId);
-        const lastPos = hoverPos ? state_.interaction.lastPos : undefined;
+        const highlightedNonGeom = highlighted.filter(id => id !== hoveredId && (is2DConstraint(tree[id]) || isSketchRegion(tree[id])));
         return {
-          highlighted: [...highlightedConstraints, hoveredId, ...constrEntities],
-          interaction: {
+          highlighted: [...highlightedNonGeom, hoveredId, ...entities],
+          interaction: _objectSpread$o(_objectSpread$o({}, state_.interaction), {}, {
             cycle,
-            objects,
-            lastPos
-          }
+            objects
+          })
         };
       });
     } else {
-      const linkedConstraints = Object.values(tree).filter(obj => is2DConstraint(obj)).filter(obj => getConstrEntities(drawingId, obj.id).some(entityId => entityId === hoveredId)).map(obj => obj.id);
-      const selectedLinked = selected.filter(info => linkedConstraints.indexOf(info.objectId) !== -1);
-      const selectedNotLinked = selected.filter(info => linkedConstraints.indexOf(info.objectId) === -1);
-      const constraintsToGeometry = {};
-      linkedConstraints.forEach(id => {
+      const linked = Object.values(tree).filter(obj => is2DConstraint(obj) || isSketchRegion(obj)).filter(obj => getEntities(drawingId, obj.id).some(entityId => entityId === hoveredId)).map(obj => obj.id);
+      const state = getSketchState(drawingId, pluginId);
+      const constraintsToGeometry = _objectSpread$o({}, state.interaction.constraintsToGeometry);
+      linked.forEach(id => {
         constraintsToGeometry[id] = hoveredId;
       });
-      const state = getSketchState(drawingId, pluginId);
       const prevHoveredId = state.interaction.objects[state.interaction.cycle % state.interaction.objects.length];
-      let lastPos;
+      const lastHoveredPos = _objectSpread$o({}, state.interaction.lastHoveredPos);
       if (!hoverPos) {
-        lastPos = undefined;
-      } else {
-        lastPos = hoveredId !== prevHoveredId ? projectPointOnGeometry(hoverPos, hoveredId, tree) : state.interaction.lastPos;
+        linked.forEach(id => delete lastHoveredPos[id]);
+      } else if (hoveredId !== prevHoveredId) {
+        const projectedPoint = projectPointOnGeometry(hoverPos, hoveredId, tree);
+        linked.forEach(id => lastHoveredPos[id] = projectedPoint);
       }
-      setSelected([...selectedNotLinked, ...selectedLinked.map(info => _objectSpread$n(_objectSpread$n({}, info), {}, {
-        userData: {
-          hoverPos: lastPos
+      set({
+        highlighted: [hoveredId, ...linked],
+        interaction: {
+          cycle,
+          objects,
+          lastHoveredPos,
+          constraintsToGeometry
         }
-      }))]);
-      set(state_ => {
-        return {
-          highlighted: [hoveredId, ...linkedConstraints],
-          constraintsToGeometry: _objectSpread$n(_objectSpread$n({}, state_.constraintsToGeometry), constraintsToGeometry),
-          interaction: {
-            cycle,
-            objects,
-            lastPos
-          }
-        };
       });
     }
     if (timerId) {
@@ -7399,14 +7771,13 @@ const setHoverState = (drawingId, pluginId, cycle, objects, hoverPos) => {
     setHovered(null);
     set(state_ => {
       const highlighted = state_.highlighted;
-      const highlightedConstraints = highlighted.filter(id => is2DConstraint(tree[id]));
+      const highlightedNonGeom = highlighted.filter(id => is2DConstraint(tree[id]) || isSketchRegion(tree[id]));
       return {
-        highlighted: highlightedConstraints,
-        interaction: {
+        highlighted: highlightedNonGeom,
+        interaction: _objectSpread$o(_objectSpread$o({}, state_.interaction), {}, {
           cycle,
-          objects,
-          lastPos: state_.interaction.lastPos
-        }
+          objects
+        })
       };
     });
     if (timerId) {
@@ -7442,15 +7813,10 @@ const unhover = (drawingId, pluginId, objId) => {
 const select = (drawingId, pluginId, selectedId) => {
   const drawing = core.getDrawing(drawingId);
   const curProduct = drawing.structure.currentProduct;
-  const selectedObj = core.getDrawing(drawingId).structure.tree[selectedId];
-  const hoverPos = is2DConstraint(selectedObj) ? getSketchState(drawingId, pluginId).interaction.lastPos : undefined;
   const select_ = drawing.api.interaction.select;
   select_(core.createInfo({
     objectId: selectedId,
-    prodRefId: curProduct,
-    userData: {
-      hoverPos
-    }
+    prodRefId: curProduct
   }), true);
 };
 const tab = (drawingId, pluginId) => {
@@ -7476,17 +7842,29 @@ function Hover(drawingId, pluginId) {
     }
   };
   const getSketchObjIds = e => {
-    const tree = core.getDrawing(drawingId).structure.tree;
+    const drawing = core.getDrawing(drawingId);
+    const tree = drawing.structure.tree;
+    const selection = drawing.selection.refs[drawing.selection.active || ''];
+    const isSelActive = selection !== undefined;
     const objIds = e.intersections.map(intersection => {
       var _intersection$object$;
       return ((_intersection$object$ = intersection.object.userData) == null ? void 0 : _intersection$object$.objId) || undefined;
     });
     return objIds.filter((objId, i) => {
-      const obj = tree[objId || NOCCID];
-      return obj && (isSketchGeometry(obj) || is2DConstraint(obj)) && objIds.indexOf(objId) === i;
+      var _object$members;
+      const object = tree[objId || NOCCID];
+      const isSelectable = object && (selection == null ? void 0 : selection.isSelectable(TreeObjScope, {
+        object
+      })) || false;
+      const isSketchObj = object && (isSketchGeometry(object) || is2DConstraint(object)) && getAncestorIdByClass(drawingId, object.id, classcad.CCClasses.CCSketch) === sketchId;
+      const isSketchRegion_ = object && isSketchRegion(object) && ((_object$members = object.members) == null ? void 0 : _object$members.sketch.value) === sketchId;
+      const canBeSelected = !isSelActive || isSelectable;
+      return object && (isSketchObj || isSketchRegion_) && canBeSelected && objIds.indexOf(objId) === i;
     });
   };
-  const onPointerOver = e => {
+
+  // A single handler for both onPointerOver / onPointerOut
+  const onHover = e => {
     const hoveredId = e.object.userData.objId;
     const tree = core.getDrawing(drawingId).structure.tree;
     if (!tree[hoveredId] || classcad.ccUtils.base.isA(tree[hoveredId].class, classcad.CCClasses.CCSketch)) {
@@ -7499,28 +7877,17 @@ function Hover(drawingId, pluginId) {
       const obj = tree[objId];
       return classcad.ccUtils.base.isA(obj == null ? void 0 : obj.class, classcad.CCClasses.CCSketch);
     });
-    const lastPos = sketchIntersection ? sketchIntersection.point.clone() : new THREE__namespace.Vector3();
-    lastPos.applyMatrix4(getGlobalToLocalMatrix(drawingId, sketchId));
-    hover(drawingId, pluginId, sketchObjIds, lastPos);
-  };
-  const onPointerOut = e => {
-    const hoveredId = e.object.userData.objId;
-    const tree = core.getDrawing(drawingId).structure.tree;
-    if (!tree[hoveredId] || classcad.ccUtils.base.isA(tree[hoveredId].class, classcad.CCClasses.CCSketch)) {
-      return;
-    }
-    const sketchObjIds = getSketchObjIds(e);
-    // Preserve the lastPos set earlier...
-    const lastPos = core.getPlugin(drawingId, pluginId).state.interaction.lastPos;
-    hover(drawingId, pluginId, sketchObjIds, lastPos);
+    const hoverPos = sketchIntersection ? sketchIntersection.point.clone() : new THREE__namespace.Vector3();
+    hoverPos.applyMatrix4(getGlobalToLocalMatrix(drawingId, sketchId));
+    hover(drawingId, pluginId, sketchObjIds, hoverPos);
   };
   return {
     name: HandlersList.HOVER,
     filter,
     onDeactivate,
     pointerHandlers: {
-      onPointerOver,
-      onPointerOut
+      onPointerOver: onHover,
+      onPointerOut: onHover
     },
     keyHandlers: {
       keyup: onKeyup
@@ -7862,8 +8229,8 @@ const MergedWrapper = ({
   );
 };
 
-function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // Artificial delay in 16 ms.
 const artifDelay = 16;
@@ -8130,7 +8497,7 @@ function Drag(drawingId, pluginId, camControls) {
     name: HandlersList.DRAG,
     filter,
     onDeactivate,
-    pointerHandlers: _objectSpread$m({
+    pointerHandlers: _objectSpread$n({
       onPointerDown,
       onPointerUp,
       onPointerMove
@@ -8142,8 +8509,8 @@ function Drag(drawingId, pluginId, camControls) {
   };
 }
 
-function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function DrawPoint(drawingId, pluginId) {
   const {
     set
@@ -8199,8 +8566,8 @@ function DrawPoint(drawingId, pluginId) {
       const tmpPoint = state.tmpObjects[tmpPointId];
       return {
         mousePos,
-        tmpObjects: _objectSpread$l(_objectSpread$l({}, state.tmpObjects), {}, {
-          [tmpPointId]: _objectSpread$l(_objectSpread$l({}, tmpPoint), {}, {
+        tmpObjects: _objectSpread$m(_objectSpread$m({}, state.tmpObjects), {}, {
+          [tmpPointId]: _objectSpread$m(_objectSpread$m({}, tmpPoint), {}, {
             position: mousePos
           })
         })
@@ -8220,8 +8587,8 @@ function DrawPoint(drawingId, pluginId) {
   };
 }
 
-function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function DrawLine(drawingId, pluginId) {
   // Global hooks:
   const {
@@ -8297,7 +8664,7 @@ function DrawLine(drawingId, pluginId) {
           endPId: tmpEndP.id
         };
         return {
-          tmpObjects: _objectSpread$k(_objectSpread$k({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$l(_objectSpread$l({}, state.tmpObjects), {}, {
             [tmpStartP.id]: tmpStartP,
             [tmpLine.id]: tmpLine
           })
@@ -8340,8 +8707,8 @@ function DrawLine(drawingId, pluginId) {
         const tmpStartP = state.tmpObjects[tmpStartPId];
         const tmpEndP = state.tmpObjects[tmpEndPId];
         return {
-          tmpObjects: _objectSpread$k(_objectSpread$k({}, state.tmpObjects), {}, {
-            [tmpStartPId]: _objectSpread$k(_objectSpread$k({}, tmpStartP), {}, {
+          tmpObjects: _objectSpread$l(_objectSpread$l({}, state.tmpObjects), {}, {
+            [tmpStartPId]: _objectSpread$l(_objectSpread$l({}, tmpStartP), {}, {
               position: tmpEndP.position.clone()
             })
           })
@@ -8358,8 +8725,8 @@ function DrawLine(drawingId, pluginId) {
       const tmpEndP = state.tmpObjects[tmpEndPId];
       return {
         mousePos,
-        tmpObjects: _objectSpread$k(_objectSpread$k({}, state.tmpObjects), {}, {
-          [tmpEndPId]: _objectSpread$k(_objectSpread$k({}, tmpEndP), {}, {
+        tmpObjects: _objectSpread$l(_objectSpread$l({}, state.tmpObjects), {}, {
+          [tmpEndPId]: _objectSpread$l(_objectSpread$l({}, tmpEndP), {}, {
             position: mousePos
           })
         })
@@ -8382,8 +8749,8 @@ function DrawLine(drawingId, pluginId) {
   };
 }
 
-function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function DrawRectangle(drawingId, pluginId, rectType) {
   const {
     set
@@ -8458,7 +8825,7 @@ function DrawRectangle(drawingId, pluginId, rectType) {
           isSquare: e.shiftKey,
           isCentered: rectType === HandlersList.DRAWRECTCENTER
         };
-        const newTmpObjects = _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
+        const newTmpObjects = _objectSpread$k(_objectSpread$k({}, state.tmpObjects), {}, {
           [tmpRect.id]: tmpRect
         });
         delete newTmpObjects[tmpPointId];
@@ -8516,19 +8883,19 @@ function DrawRectangle(drawingId, pluginId, rectType) {
       let newTmpObjs = null;
       if (additionIndex === 0) {
         const tmpPoint = state.tmpObjects[tmpPointId];
-        newTmpObjs = _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
-          [tmpPointId]: _objectSpread$j(_objectSpread$j({}, tmpPoint), {}, {
+        newTmpObjs = _objectSpread$k(_objectSpread$k({}, state.tmpObjects), {}, {
+          [tmpPointId]: _objectSpread$k(_objectSpread$k({}, tmpPoint), {}, {
             position: snappedPos
           })
         });
       } else {
-        newTmpObjs = _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
-          [tmpRectId]: _objectSpread$j(_objectSpread$j({}, state.tmpObjects[tmpRectId]), {}, {
+        newTmpObjs = _objectSpread$k(_objectSpread$k({}, state.tmpObjects), {}, {
+          [tmpRectId]: _objectSpread$k(_objectSpread$k({}, state.tmpObjects[tmpRectId]), {}, {
             end: new THREE__namespace.Vector3(snappedPos.x, snappedPos.y, 0)
           })
         });
       }
-      return _objectSpread$j(_objectSpread$j({}, state), {}, {
+      return _objectSpread$k(_objectSpread$k({}, state), {}, {
         tmpObjects: newTmpObjs,
         mousePos: snappedPos
       });
@@ -8537,9 +8904,9 @@ function DrawRectangle(drawingId, pluginId, rectType) {
   };
   const keydown = e => {
     if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {
-      set(state => _objectSpread$j(_objectSpread$j({}, state), {}, {
-        tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
-          [tmpRectId]: _objectSpread$j(_objectSpread$j({}, state.tmpObjects[tmpRectId]), {}, {
+      set(state => _objectSpread$k(_objectSpread$k({}, state), {}, {
+        tmpObjects: _objectSpread$k(_objectSpread$k({}, state.tmpObjects), {}, {
+          [tmpRectId]: _objectSpread$k(_objectSpread$k({}, state.tmpObjects[tmpRectId]), {}, {
             isSquare: true
           })
         })
@@ -8548,9 +8915,9 @@ function DrawRectangle(drawingId, pluginId, rectType) {
   };
   const keyup = e => {
     if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {
-      set(state => _objectSpread$j(_objectSpread$j({}, state), {}, {
-        tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
-          [tmpRectId]: _objectSpread$j(_objectSpread$j({}, state.tmpObjects[tmpRectId]), {}, {
+      set(state => _objectSpread$k(_objectSpread$k({}, state), {}, {
+        tmpObjects: _objectSpread$k(_objectSpread$k({}, state.tmpObjects), {}, {
+          [tmpRectId]: _objectSpread$k(_objectSpread$k({}, state.tmpObjects[tmpRectId]), {}, {
             isSquare: false
           })
         })
@@ -8732,8 +9099,8 @@ const Circle$1 = ({
   }), /*#__PURE__*/React.createElement("meshBasicMaterial", materialProps));
 };
 
-function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function DrawArc(drawingId, pluginId, arcType) {
   // Global hooks:
   const {
@@ -8786,7 +9153,7 @@ function DrawArc(drawingId, pluginId, arcType) {
       additionIndex = 0;
       lastAddedEndPointId = NOCCID;
       set(state => {
-        const tmpStartP = _objectSpread$i(_objectSpread$i({}, state.tmpObjects[tmpStartPId]), {}, {
+        const tmpStartP = _objectSpread$j(_objectSpread$j({}, state.tmpObjects[tmpStartPId]), {}, {
           position: lastMousePos.clone()
         });
         return {
@@ -8799,20 +9166,20 @@ function DrawArc(drawingId, pluginId, arcType) {
       additionIndex = 1;
       set(state => {
         const tmpStartP = state.tmpObjects[tmpStartPId];
-        const tmpEndP = _objectSpread$i(_objectSpread$i({}, state.tmpObjects[tmpEndPId]), {}, {
+        const tmpEndP = _objectSpread$j(_objectSpread$j({}, state.tmpObjects[tmpEndPId]), {}, {
           position: lastMousePos.clone()
         });
         const centerPos = calculateCenterPoint(tmpStartP.position, lastMousePos, lastMousePos);
-        const tmpCenterP = _objectSpread$i(_objectSpread$i({}, state.tmpObjects[tmpCenterPId]), {}, {
+        const tmpCenterP = _objectSpread$j(_objectSpread$j({}, state.tmpObjects[tmpCenterPId]), {}, {
           position: centerPos ? centerPos : lastMousePos.clone()
         });
-        const tmpArc = _objectSpread$i(_objectSpread$i({}, state.tmpObjects[tmpArcId]), {}, {
+        const tmpArc = _objectSpread$j(_objectSpread$j({}, state.tmpObjects[tmpArcId]), {}, {
           // In case centerPos couldn't be calculated, the arc should be drawn as a line
           drawAsLine: centerPos === undefined,
           clockwise: false
         });
         return {
-          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
             [tmpEndP.id]: tmpEndP,
             [tmpCenterP.id]: tmpCenterP,
             [tmpArc.id]: tmpArc
@@ -8919,7 +9286,7 @@ function DrawArc(drawingId, pluginId, arcType) {
           clockwise: false
         };
         return {
-          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
             [tmpEndP.id]: tmpEndP,
             [tmpCenterP.id]: tmpCenterP,
             [tmpArc.id]: tmpArc
@@ -8948,7 +9315,7 @@ function DrawArc(drawingId, pluginId, arcType) {
           clockwise: false
         };
         return {
-          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
             [tmpCenterP.id]: tmpCenterP,
             [tmpArc.id]: tmpArc
           })
@@ -9010,11 +9377,11 @@ function DrawArc(drawingId, pluginId, arcType) {
         const tmpEndP = state.tmpObjects[tmpEndPId];
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         return {
-          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
-            [tmpStartPId]: _objectSpread$i(_objectSpread$i({}, tmpStartP), {}, {
+          tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
+            [tmpStartPId]: _objectSpread$j(_objectSpread$j({}, tmpStartP), {}, {
               position: tmpEndP.position.clone()
             }),
-            [tmpCenterPId]: _objectSpread$i(_objectSpread$i({}, tmpCenterP), {}, {
+            [tmpCenterPId]: _objectSpread$j(_objectSpread$j({}, tmpCenterP), {}, {
               position: tmpEndP.position.clone()
             })
           })
@@ -9033,8 +9400,8 @@ function DrawArc(drawingId, pluginId, arcType) {
         const tmpStartP = state.tmpObjects[tmpStartPId];
         return {
           mousePos: lastMousePos,
-          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
-            [tmpStartPId]: _objectSpread$i(_objectSpread$i({}, tmpStartP), {}, {
+          tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
+            [tmpStartPId]: _objectSpread$j(_objectSpread$j({}, tmpStartP), {}, {
               position: lastMousePos.clone()
             })
           })
@@ -9047,14 +9414,14 @@ function DrawArc(drawingId, pluginId, arcType) {
         const centerPos = calculateCenterPoint(tmpStartP.position, lastMousePos, lastMousePos);
         return {
           mousePos: lastMousePos,
-          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
-            [tmpEndPId]: _objectSpread$i(_objectSpread$i({}, tmpEndP), {}, {
+          tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
+            [tmpEndPId]: _objectSpread$j(_objectSpread$j({}, tmpEndP), {}, {
               position: lastMousePos.clone()
             }),
-            [tmpCenterPId]: _objectSpread$i(_objectSpread$i({}, tmpCenterP), {}, {
+            [tmpCenterPId]: _objectSpread$j(_objectSpread$j({}, tmpCenterP), {}, {
               position: centerPos ? centerPos : lastMousePos.clone()
             }),
-            [tmpArcId]: _objectSpread$i(_objectSpread$i({}, tmpArc), {}, {
+            [tmpArcId]: _objectSpread$j(_objectSpread$j({}, tmpArc), {}, {
               // In case centerPos couldn't be calculated, the arc should be drawn as a line
               drawAsLine: centerPos === undefined,
               clockwise: false
@@ -9069,14 +9436,14 @@ function DrawArc(drawingId, pluginId, arcType) {
         const centerPos = calculateCenterPoint(tmpStartP.position, tmpEndP.position, lastMousePos);
         return {
           mousePos: lastMousePos,
-          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
-            [tmpEndPId]: _objectSpread$i(_objectSpread$i({}, tmpEndP), {}, {
+          tmpObjects: _objectSpread$j(_objectSpread$j({}, state.tmpObjects), {}, {
+            [tmpEndPId]: _objectSpread$j(_objectSpread$j({}, tmpEndP), {}, {
               position: arcType === HandlersList.DRAWARCTANGENT ? lastMousePos.clone() : tmpEndP.position
             }),
-            [tmpCenterPId]: _objectSpread$i(_objectSpread$i({}, tmpCenterP), {}, {
+            [tmpCenterPId]: _objectSpread$j(_objectSpread$j({}, tmpCenterP), {}, {
               position: centerPos ? centerPos : lastMousePos.clone()
             }),
-            [tmpArcId]: _objectSpread$i(_objectSpread$i({}, tmpArc), {}, {
+            [tmpArcId]: _objectSpread$j(_objectSpread$j({}, tmpArc), {}, {
               // In case centerPos couldn't be calculated, the arc should be drawn as a line
               drawAsLine: centerPos === undefined,
               clockwise: evaluateClockwise(tmpStartP.position, tmpEndP.position, lastMousePos)
@@ -9102,8 +9469,8 @@ function DrawArc(drawingId, pluginId, arcType) {
   };
 }
 
-function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function DrawCircle(drawingId, pluginId) {
   const {
     set
@@ -9147,7 +9514,7 @@ function DrawCircle(drawingId, pluginId) {
     } else {
       additionIndex = 0;
       set(state => {
-        const tmpCenterP = _objectSpread$h(_objectSpread$h({}, state.tmpObjects[tmpCenterPId]), {}, {
+        const tmpCenterP = _objectSpread$i(_objectSpread$i({}, state.tmpObjects[tmpCenterPId]), {}, {
           position: lastMousePos.clone()
         });
         return {
@@ -9174,7 +9541,7 @@ function DrawCircle(drawingId, pluginId) {
           radius: 0.001
         };
         return {
-          tmpObjects: _objectSpread$h(_objectSpread$h({}, state.tmpObjects), {}, {
+          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
             [tmpCenterP.id]: tmpCenterP,
             [tmpCircle.id]: tmpCircle
           })
@@ -9198,7 +9565,7 @@ function DrawCircle(drawingId, pluginId) {
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         return {
           tmpObjects: {
-            [tmpCenterPId]: _objectSpread$h(_objectSpread$h({}, tmpCenterP), {}, {
+            [tmpCenterPId]: _objectSpread$i(_objectSpread$i({}, tmpCenterP), {}, {
               position: e.point.clone().applyMatrix4(getGlobalToLocalMatrix(drawingId, sketchId))
             })
           }
@@ -9217,8 +9584,8 @@ function DrawCircle(drawingId, pluginId) {
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         return {
           mousePos: lastMousePos,
-          tmpObjects: _objectSpread$h(_objectSpread$h({}, state.tmpObjects), {}, {
-            [tmpCenterPId]: _objectSpread$h(_objectSpread$h({}, tmpCenterP), {}, {
+          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
+            [tmpCenterPId]: _objectSpread$i(_objectSpread$i({}, tmpCenterP), {}, {
               position: snappedPos || localPos
             })
           })
@@ -9228,8 +9595,8 @@ function DrawCircle(drawingId, pluginId) {
         const tmpCircle = state.tmpObjects[tmpCircleId];
         return {
           mousePos: lastMousePos,
-          tmpObjects: _objectSpread$h(_objectSpread$h({}, state.tmpObjects), {}, {
-            [tmpCircleId]: _objectSpread$h(_objectSpread$h({}, tmpCircle), {}, {
+          tmpObjects: _objectSpread$i(_objectSpread$i({}, state.tmpObjects), {}, {
+            [tmpCircleId]: _objectSpread$i(_objectSpread$i({}, tmpCircle), {}, {
               radius: Math.max(tmpCenterP.position.distanceTo(localPos), 0.001)
             })
           })
@@ -9253,107 +9620,109 @@ function DrawCircle(drawingId, pluginId) {
   };
 }
 
-var img$15 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M98.6501 57.944V63.1826H71.546V80.9483H28.9538V63.1826H1.84961V57.944H28.9538V38.3561H36.0145V33.8008C36.0145 26.0568 42.3919 19.4515 50.3638 19.4515C58.3356 19.4515 64.713 25.829 64.713 33.8008V38.3561H71.7738V57.944H98.6501ZM66.9907 76.393V42.9114H59.9299V33.8008C59.9299 28.5622 55.6024 24.0069 50.136 24.0069C44.6696 24.0069 40.5698 28.5622 40.5698 33.8008V42.9114H33.5091V76.393H66.9907Z' fill='black'/%3e%3cpath d='M66.9918 42.9114V76.393H33.5103V42.9114H40.571V33.8008C40.571 28.5622 44.8985 24.0068 50.3649 24.0068C55.8313 24.0068 60.1589 28.3344 60.1589 33.8008V42.9114H66.9918ZM56.7424 40.6338V34.0285C56.7424 30.612 53.7814 27.6511 50.3649 27.6511C46.9484 27.6511 43.9875 30.612 43.9875 34.0285V40.6338H56.7424ZM55.6036 65.9158V56.5774C55.6036 53.6164 53.3259 51.3388 50.3649 51.3388C47.404 51.3388 45.1263 53.6164 45.1263 56.5774V65.9158H55.6036Z' fill='%239D9D9C'/%3e%3cpath d='M56.7412 34.0286V40.6338H43.9863V34.0286C43.9863 30.6121 46.9473 27.6511 50.3638 27.6511C53.7803 27.6511 56.7412 30.3843 56.7412 34.0286ZM52.1859 36.0785V34.0286C52.1859 33.1175 51.2748 32.2064 50.3638 32.2064C49.4527 32.2064 48.5416 32.8897 48.5416 34.0286V36.0785H52.1859Z' fill='black'/%3e%3cpath d='M55.6027 56.5774V65.9158H45.1255V56.5774C45.1255 53.6164 47.4031 51.3387 50.3641 51.3387C53.0973 51.3387 55.6027 53.6164 55.6027 56.5774Z' fill='black'/%3e%3c/svg%3e";
-  var fixation = img$15;
+var img$16 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M98.6501 57.944V63.1826H71.546V80.9483H28.9538V63.1826H1.84961V57.944H28.9538V38.3561H36.0145V33.8008C36.0145 26.0568 42.3919 19.4515 50.3638 19.4515C58.3356 19.4515 64.713 25.829 64.713 33.8008V38.3561H71.7738V57.944H98.6501ZM66.9907 76.393V42.9114H59.9299V33.8008C59.9299 28.5622 55.6024 24.0069 50.136 24.0069C44.6696 24.0069 40.5698 28.5622 40.5698 33.8008V42.9114H33.5091V76.393H66.9907Z' fill='black'/%3e%3cpath d='M66.9918 42.9114V76.393H33.5103V42.9114H40.571V33.8008C40.571 28.5622 44.8985 24.0068 50.3649 24.0068C55.8313 24.0068 60.1589 28.3344 60.1589 33.8008V42.9114H66.9918ZM56.7424 40.6338V34.0285C56.7424 30.612 53.7814 27.6511 50.3649 27.6511C46.9484 27.6511 43.9875 30.612 43.9875 34.0285V40.6338H56.7424ZM55.6036 65.9158V56.5774C55.6036 53.6164 53.3259 51.3388 50.3649 51.3388C47.404 51.3388 45.1263 53.6164 45.1263 56.5774V65.9158H55.6036Z' fill='%239D9D9C'/%3e%3cpath d='M56.7412 34.0286V40.6338H43.9863V34.0286C43.9863 30.6121 46.9473 27.6511 50.3638 27.6511C53.7803 27.6511 56.7412 30.3843 56.7412 34.0286ZM52.1859 36.0785V34.0286C52.1859 33.1175 51.2748 32.2064 50.3638 32.2064C49.4527 32.2064 48.5416 32.8897 48.5416 34.0286V36.0785H52.1859Z' fill='black'/%3e%3cpath d='M55.6027 56.5774V65.9158H45.1255V56.5774C45.1255 53.6164 47.4031 51.3387 50.3641 51.3387C53.0973 51.3387 55.6027 53.6164 55.6027 56.5774Z' fill='black'/%3e%3c/svg%3e";
+  var fixation = img$16;
+
+var img$15 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M93.7715 47.5999H6.8291V53H93.7715V47.5999Z' fill='black'/%3e%3c/svg%3e";
+  var horizontality = img$15;
 
-var img$14 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M93.7715 47.5999H6.8291V53H93.7715V47.5999Z' fill='black'/%3e%3c/svg%3e";
-  var horizontality = img$14;
+var img$14 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M53 12H47.6006V88.5999H53V12Z' fill='black'/%3e%3c/svg%3e";
+  var verticality = img$14;
 
-var img$13 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M53 12H47.6006V88.5999H53V12Z' fill='black'/%3e%3c/svg%3e";
-  var verticality = img$13;
+var img$13 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M44.05 49.7792L50 55.6417L55.95 49.7792L50 43.9167L44.05 49.7792ZM54.8167 40.8458L80.0333 16L84 19.9083L58.7833 44.7542L63.6 49.5L58.7833 54.2458L84 79.0917L80.0333 83L54.8167 58.1542L50 62.9L45.1833 58.1542L19.9667 83L16 79.0917L41.2167 54.2458L36.4 49.5L50.2833 35.8208L54.8167 40.8458Z' fill='black'/%3e%3c/svg%3e";
+  var coincident = img$13;
 
-var img$12 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M44.05 49.7792L50 55.6417L55.95 49.7792L50 43.9167L44.05 49.7792ZM54.8167 40.8458L80.0333 16L84 19.9083L58.7833 44.7542L63.6 49.5L58.7833 54.2458L84 79.0917L80.0333 83L54.8167 58.1542L50 62.9L45.1833 58.1542L19.9667 83L16 79.0917L41.2167 54.2458L36.4 49.5L50.2833 35.8208L54.8167 40.8458Z' fill='black'/%3e%3c/svg%3e";
-  var coincident = img$12;
+var img$12 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M63 46C67.3243 46 71.973 46.8784 75 50C78.027 53.1216 80.5 59.2635 80.5 63.5C80.5 67.9595 77.2703 71.973 74.2432 75.0946C71.2162 78.2162 67.1081 80 63 80C58.6757 80 54.7838 78.2162 51.7568 75.0946C48.7297 71.973 46.5 67.7365 46.5 63.5C46.5 59.0406 46.973 54.1216 50 51C52.8108 47.8784 58.6757 46 63 46Z' fill='%239D9D9C'/%3e%3cpath d='M46.796 63.1473C46.796 67.5666 48.5637 71.5439 51.6572 74.6374C54.7507 77.7309 58.949 79.4986 63.1473 79.4986C67.5666 79.4986 71.5439 77.7309 74.6374 74.6374C77.7309 71.5439 79.4986 67.3456 79.4986 63.1473C79.4986 58.728 77.7309 54.7507 74.6374 51.6572C71.5439 48.5637 67.3456 46.796 63.1473 46.796C58.728 46.796 54.7507 48.5637 51.6572 51.6572C48.5637 54.7507 46.796 58.728 46.796 63.1473ZM63.1473 83.9178C57.8442 83.9178 52.5411 81.9292 48.5637 77.7309C43.9235 73.0906 41.9348 66.4617 42.5977 60.4957L14.0935 89L11 85.9065L85.9065 11L89 14.0935L60.4957 42.5977C66.6827 41.7139 73.0906 43.7025 77.7309 48.5637C85.9065 56.7394 85.9065 69.7762 77.7309 77.9518C73.7535 81.9292 68.4504 83.9178 63.1473 83.9178Z' fill='black'/%3e%3c/svg%3e";
+  var tangency = img$12;
 
-var img$11 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M63 46C67.3243 46 71.973 46.8784 75 50C78.027 53.1216 80.5 59.2635 80.5 63.5C80.5 67.9595 77.2703 71.973 74.2432 75.0946C71.2162 78.2162 67.1081 80 63 80C58.6757 80 54.7838 78.2162 51.7568 75.0946C48.7297 71.973 46.5 67.7365 46.5 63.5C46.5 59.0406 46.973 54.1216 50 51C52.8108 47.8784 58.6757 46 63 46Z' fill='%239D9D9C'/%3e%3cpath d='M46.796 63.1473C46.796 67.5666 48.5637 71.5439 51.6572 74.6374C54.7507 77.7309 58.949 79.4986 63.1473 79.4986C67.5666 79.4986 71.5439 77.7309 74.6374 74.6374C77.7309 71.5439 79.4986 67.3456 79.4986 63.1473C79.4986 58.728 77.7309 54.7507 74.6374 51.6572C71.5439 48.5637 67.3456 46.796 63.1473 46.796C58.728 46.796 54.7507 48.5637 51.6572 51.6572C48.5637 54.7507 46.796 58.728 46.796 63.1473ZM63.1473 83.9178C57.8442 83.9178 52.5411 81.9292 48.5637 77.7309C43.9235 73.0906 41.9348 66.4617 42.5977 60.4957L14.0935 89L11 85.9065L85.9065 11L89 14.0935L60.4957 42.5977C66.6827 41.7139 73.0906 43.7025 77.7309 48.5637C85.9065 56.7394 85.9065 69.7762 77.7309 77.9518C73.7535 81.9292 68.4504 83.9178 63.1473 83.9178Z' fill='black'/%3e%3c/svg%3e";
-  var tangency = img$11;
+var img$11 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M88 36.7379L36.7561 88L33 84.2621L84.2439 33L88 36.7379Z' fill='black'/%3e%3cpath d='M67 16.0777L15.7561 68L12 64.1942L63.2439 12L67 16.0777Z' fill='black'/%3e%3c/svg%3e";
+  var parallelity = img$11;
 
-var img$10 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M88 36.7379L36.7561 88L33 84.2621L84.2439 33L88 36.7379Z' fill='black'/%3e%3cpath d='M67 16.0777L15.7561 68L12 64.1942L63.2439 12L67 16.0777Z' fill='black'/%3e%3c/svg%3e";
-  var parallelity = img$10;
+var img$10 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 75H50.5M88 75H50.5M50.5 75V24.5' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
+  var perpendicularity = img$10;
 
-var img$$ = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 75H50.5M88 75H50.5M50.5 75V24.5' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
-  var perpendicularity = img$$;
+var img$$ = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M60.4698 20.5082L56.6826 16.7236L16.9448 56.4895L20.7321 60.2741L60.4698 20.5082Z' fill='black'/%3e%3cpath d='M82.8491 21.6999L79.0635 17.9143L18.115 78.8628L21.9006 82.6484L82.8491 21.6999Z' fill='black'/%3e%3cpath d='M83.9996 44.0778L80.2124 40.2932L40.4746 80.0591L44.2619 83.8437L83.9996 44.0778Z' fill='black'/%3e%3c/svg%3e";
+  var colinear = img$$;
 
-var img$_ = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M60.4698 20.5082L56.6826 16.7236L16.9448 56.4895L20.7321 60.2741L60.4698 20.5082Z' fill='black'/%3e%3cpath d='M82.8491 21.6999L79.0635 17.9143L18.115 78.8628L21.9006 82.6484L82.8491 21.6999Z' fill='black'/%3e%3cpath d='M83.9996 44.0778L80.2124 40.2932L40.4746 80.0591L44.2619 83.8437L83.9996 44.0778Z' fill='black'/%3e%3c/svg%3e";
-  var colinear = img$_;
+var img$_ = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='50' cy='50' r='32.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='50' cy='50' r='19.5' stroke='black' stroke-width='5'/%3e%3crect x='44' y='44' width='12' height='12' fill='white' stroke='black' stroke-width='4'/%3e%3c/svg%3e";
+  var concentric = img$_;
 
-var img$Z = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='50' cy='50' r='32.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='50' cy='50' r='19.5' stroke='black' stroke-width='5'/%3e%3crect x='44' y='44' width='12' height='12' fill='white' stroke='black' stroke-width='4'/%3e%3c/svg%3e";
-  var concentric = img$Z;
+var img$Z = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M34.6614 51.5994L48.7943 65.8707L62.9272 51.5994L48.7943 37.3281L34.6614 51.5994ZM69.75 51.5994L48.7943 72.7603L40.2658 64.1483L15.8987 89L12 84.817L36.6108 60.2114L27.8386 51.5994L48.7943 30.4385L57.3228 39.0505L85.1013 11L89 14.9369L61.2215 43.2334L69.75 51.5994Z' fill='black'/%3e%3c/svg%3e";
+  var midpoint = img$Z;
 
-var img$Y = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M34.6614 51.5994L48.7943 65.8707L62.9272 51.5994L48.7943 37.3281L34.6614 51.5994ZM69.75 51.5994L48.7943 72.7603L40.2658 64.1483L15.8987 89L12 84.817L36.6108 60.2114L27.8386 51.5994L48.7943 30.4385L57.3228 39.0505L85.1013 11L89 14.9369L61.2215 43.2334L69.75 51.5994Z' fill='black'/%3e%3c/svg%3e";
-  var midpoint = img$Y;
+var img$Y = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M87.5 27L80 52.5L89 78.5H63V27H87.5Z' fill='%239D9D9C'/%3e%3cpath d='M53 79H48V84H53V79Z' fill='black'/%3e%3cpath d='M53 71H48V75H53V71Z' fill='black'/%3e%3cpath d='M53 61H48V66H53V61Z' fill='black'/%3e%3cpath d='M53 53H48V57H53V53Z' fill='black'/%3e%3cpath d='M53 43H48V48H53V43Z' fill='black'/%3e%3cpath d='M53 34H48V39H53V34Z' fill='black'/%3e%3cpath d='M53 25H48V30H53V25Z' fill='black'/%3e%3cpath d='M53 16H48V21H53V16Z' fill='black'/%3e%3cpath d='M38 27L38.5 78L13.5 77L20.5 52L12.5 27.5L38 27Z' fill='%239D9D9C'/%3e%3cpath d='M14.2877 28.4358L21.9726 52.3891L14.2877 76.5642H37.5753V28.4358H14.2877ZM42 24V81H8L17.0822 52.3891L8 24H42Z' fill='black'/%3e%3cpath d='M63.6259 76.5642H86.7551L78.8912 52.3891L86.5238 28.214H63.3946V76.5642H63.6259ZM59 81V24H93L83.7483 52.3891L92.7687 81H59Z' fill='black'/%3e%3c/svg%3e";
+  var symmetric = img$Y;
 
-var img$X = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M87.5 27L80 52.5L89 78.5H63V27H87.5Z' fill='%239D9D9C'/%3e%3cpath d='M53 79H48V84H53V79Z' fill='black'/%3e%3cpath d='M53 71H48V75H53V71Z' fill='black'/%3e%3cpath d='M53 61H48V66H53V61Z' fill='black'/%3e%3cpath d='M53 53H48V57H53V53Z' fill='black'/%3e%3cpath d='M53 43H48V48H53V43Z' fill='black'/%3e%3cpath d='M53 34H48V39H53V34Z' fill='black'/%3e%3cpath d='M53 25H48V30H53V25Z' fill='black'/%3e%3cpath d='M53 16H48V21H53V16Z' fill='black'/%3e%3cpath d='M38 27L38.5 78L13.5 77L20.5 52L12.5 27.5L38 27Z' fill='%239D9D9C'/%3e%3cpath d='M14.2877 28.4358L21.9726 52.3891L14.2877 76.5642H37.5753V28.4358H14.2877ZM42 24V81H8L17.0822 52.3891L8 24H42Z' fill='black'/%3e%3cpath d='M63.6259 76.5642H86.7551L78.8912 52.3891L86.5238 28.214H63.3946V76.5642H63.6259ZM59 81V24H93L83.7483 52.3891L92.7687 81H59Z' fill='black'/%3e%3c/svg%3e";
-  var symmetric = img$X;
+var img$X = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M87.0685 59.9326H13.5317V66.7416H87.0685V59.9326Z' fill='black'/%3e%3cpath d='M87.0685 34.0582H13.5317V40.8672H87.0685V34.0582Z' fill='black'/%3e%3c/svg%3e";
+  var equal = img$X;
 
-var img$W = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M87.0685 59.9326H13.5317V66.7416H87.0685V59.9326Z' fill='black'/%3e%3cpath d='M87.0685 34.0582H13.5317V40.8672H87.0685V34.0582Z' fill='black'/%3e%3c/svg%3e";
-  var equal = img$W;
+var img$W = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M80 50H19' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M74 59L82 50.3692L74 42' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M26 42L19 50.3692V50.6308L25.75 59' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M5 30V70' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M96 30V70' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3c/svg%3e";
+  var hdimension = img$W;
 
-var img$V = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M80 50H19' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M74 59L82 50.3692L74 42' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M26 42L19 50.3692V50.6308L25.75 59' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M5 30V70' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M96 30V70' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3c/svg%3e";
-  var hdimension = img$V;
+var img$V = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31 95H69' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M50 21V81' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M58 27L49.8769 20L42 27' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M42 74L50.1231 81L58 74.25' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M31 6H69' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3c/svg%3e";
+  var vdimension = img$V;
 
-var img$U = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31 95H69' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M50 21V81' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M58 27L49.8769 20L42 27' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M42 74L50.1231 81L58 74.25' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M31 6H69' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3c/svg%3e";
-  var vdimension = img$U;
+var img$U = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M68.0001 32L31.2217 69L34.2036 66' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M69 40L68.3478 30.6522L59 30' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M30 59L30.8696 68.3478L40 69' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M10 65L34 89' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M65 10L89 34' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3c/svg%3e";
 
-var img$T = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M68.0001 32L31.2217 69L34.2036 66' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M69 40L68.3478 30.6522L59 30' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M30 59L30.8696 68.3478L40 69' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M10 65L34 89' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3cpath d='M65 10L89 34' stroke='black' stroke-width='4' stroke-miterlimit='10'/%3e%3c/svg%3e";
+var img$T = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='50' cy='50' r='35.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='43.5' y='43.5' width='12' height='12' fill='white' stroke='black' stroke-width='5'/%3e%3cline x1='55.2322' y1='43.2322' x2='73.2322' y2='25.2322' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
+  var radius = img$T;
 
-var img$S = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='50' cy='50' r='35.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='43.5' y='43.5' width='12' height='12' fill='white' stroke='black' stroke-width='5'/%3e%3cline x1='55.2322' y1='43.2322' x2='73.2322' y2='25.2322' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
-  var radius = img$S;
+var img$S = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M49.8772 47C40.8772 47 34.5 54.036 34.5 54.036L27.5 42.7085C27.5 42.7085 36.2983 33 49.8772 33C63.4562 33 71.6769 42 71.6769 42L64.6502 53C64.6502 53 58.8772 47 49.8772 47Z' fill='%23C4C4C4'/%3e%3cpath d='M34.5 54.036L48.9999 77.5L64.6502 53C64.6502 53 58.8772 47 49.8772 47C40.8772 47 34.5 54.036 34.5 54.036Z' fill='%23C4C4C4'/%3e%3cpath d='M15.1406 22.7083L48.9999 77.5M48.9999 77.5L84.0002 22.7083M48.9999 77.5L34.5 54.036M48.9999 77.5L64.6502 53M34.5 54.036C34.5 54.036 40.8772 47 49.8772 47C58.8772 47 64.6502 53 64.6502 53M34.5 54.036L27.5 42.7085C27.5 42.7085 36.2983 33 49.8772 33C63.4562 33 71.6769 42 71.6769 42L64.6502 53' stroke='black' stroke-width='4'/%3e%3c/svg%3e";
+  var angle = img$S;
 
-var img$R = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M49.8772 47C40.8772 47 34.5 54.036 34.5 54.036L27.5 42.7085C27.5 42.7085 36.2983 33 49.8772 33C63.4562 33 71.6769 42 71.6769 42L64.6502 53C64.6502 53 58.8772 47 49.8772 47Z' fill='%23C4C4C4'/%3e%3cpath d='M34.5 54.036L48.9999 77.5L64.6502 53C64.6502 53 58.8772 47 49.8772 47C40.8772 47 34.5 54.036 34.5 54.036Z' fill='%23C4C4C4'/%3e%3cpath d='M15.1406 22.7083L48.9999 77.5M48.9999 77.5L84.0002 22.7083M48.9999 77.5L34.5 54.036M48.9999 77.5L64.6502 53M34.5 54.036C34.5 54.036 40.8772 47 49.8772 47C58.8772 47 64.6502 53 64.6502 53M34.5 54.036L27.5 42.7085C27.5 42.7085 36.2983 33 49.8772 33C63.4562 33 71.6769 42 71.6769 42L64.6502 53' stroke='black' stroke-width='4'/%3e%3c/svg%3e";
-  var angle = img$R;
+var img$R = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M65 16.5L15.5 66H80.5M80.5 66L74 59M80.5 66L75 73' stroke='black' stroke-width='5'/%3e%3cpath d='M55.9524 46.4372L53 51L48.5 42.5H58.5L55.9524 46.4372Z' fill='black'/%3e%3cpath d='M56.5 61.5C56.5 61.5 59.5 58.5 59.5 54C59.5 49.5 55.5 46 55.5 46M53 51L58.5 42.5H48.5L53 51Z' stroke='black' stroke-width='2'/%3e%3cpath d='M77.0859 82.5469L79.2188 78.625H81.9141L78.6016 84.2656L82 90H79.2734L77.0859 86.0156L74.8984 90H72.1719L75.5703 84.2656L72.2578 78.625H74.9531L77.0859 82.5469Z' fill='black'/%3e%3c/svg%3e";
+  var angleox = img$R;
 
-var img$Q = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M65 16.5L15.5 66H80.5M80.5 66L74 59M80.5 66L75 73' stroke='black' stroke-width='5'/%3e%3cpath d='M55.9524 46.4372L53 51L48.5 42.5H58.5L55.9524 46.4372Z' fill='black'/%3e%3cpath d='M56.5 61.5C56.5 61.5 59.5 58.5 59.5 54C59.5 49.5 55.5 46 55.5 46M53 51L58.5 42.5H48.5L53 51Z' stroke='black' stroke-width='2'/%3e%3cpath d='M77.0859 82.5469L79.2188 78.625H81.9141L78.6016 84.2656L82 90H79.2734L77.0859 86.0156L74.8984 90H72.1719L75.5703 84.2656L72.2578 78.625H74.9531L77.0859 82.5469Z' fill='black'/%3e%3c/svg%3e";
-  var angleox = img$Q;
+var img$Q = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='18.5' y='18.5' width='64' height='64' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3cpath d='M60.5352 58.7656C59.5859 59.9023 58.2441 60.7871 56.5098 61.4199C54.7754 62.041 52.8535 62.3516 50.7441 62.3516C48.5293 62.3516 46.584 61.8711 44.9082 60.9102C43.2441 59.9375 41.9551 58.5312 41.041 56.6914C40.1387 54.8516 39.6758 52.6895 39.6523 50.2051V48.4648C39.6523 45.9102 40.0801 43.7012 40.9355 41.8379C41.8027 39.9629 43.0449 38.5332 44.6621 37.5488C46.291 36.5527 48.1953 36.0547 50.375 36.0547C53.4102 36.0547 55.7832 36.7812 57.4941 38.2344C59.2051 39.6758 60.2188 41.7793 60.5352 44.5449H55.4023C55.168 43.0801 54.6465 42.0078 53.8379 41.3281C53.041 40.6484 51.9395 40.3086 50.5332 40.3086C48.7402 40.3086 47.375 40.9824 46.4375 42.3301C45.5 43.6777 45.0254 45.6816 45.0137 48.3418V49.9766C45.0137 52.6602 45.5234 54.6875 46.543 56.0586C47.5625 57.4297 49.0566 58.1152 51.0254 58.1152C53.0059 58.1152 54.418 57.6934 55.2617 56.8496V52.4375H50.4629V48.5527H60.5352V58.7656Z' fill='black'/%3e%3c/svg%3e";
+  var rigidSet = img$Q;
 
-var img$P = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='18.5' y='18.5' width='64' height='64' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3cpath d='M60.5352 58.7656C59.5859 59.9023 58.2441 60.7871 56.5098 61.4199C54.7754 62.041 52.8535 62.3516 50.7441 62.3516C48.5293 62.3516 46.584 61.8711 44.9082 60.9102C43.2441 59.9375 41.9551 58.5312 41.041 56.6914C40.1387 54.8516 39.6758 52.6895 39.6523 50.2051V48.4648C39.6523 45.9102 40.0801 43.7012 40.9355 41.8379C41.8027 39.9629 43.0449 38.5332 44.6621 37.5488C46.291 36.5527 48.1953 36.0547 50.375 36.0547C53.4102 36.0547 55.7832 36.7812 57.4941 38.2344C59.2051 39.6758 60.2188 41.7793 60.5352 44.5449H55.4023C55.168 43.0801 54.6465 42.0078 53.8379 41.3281C53.041 40.6484 51.9395 40.3086 50.5332 40.3086C48.7402 40.3086 47.375 40.9824 46.4375 42.3301C45.5 43.6777 45.0254 45.6816 45.0137 48.3418V49.9766C45.0137 52.6602 45.5234 54.6875 46.543 56.0586C47.5625 57.4297 49.0566 58.1152 51.0254 58.1152C53.0059 58.1152 54.418 57.6934 55.2617 56.8496V52.4375H50.4629V48.5527H60.5352V58.7656Z' fill='black'/%3e%3c/svg%3e";
-  var rigidSet = img$P;
+var img$P = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M54 53V79.6063L46 84V57.6378L54 53Z' fill='%239D9D9C'/%3e%3cpath d='M52.5 49L43.5 54L21 40.25L29.5 34.5L52.5 49Z' fill='%239D9D9C'/%3e%3cpath d='M42.5 56.5V84.5L18 70.6667V44L42.5 56.5Z' fill='%239D9D9C'/%3e%3cpath d='M82.1815 79.7636V36.9565L67.967 45.1793V87.9864L82.1815 79.7636ZM79.2904 33.087L42.9109 11.3207L28.6964 19.5435L65.5578 40.8261L79.2904 33.087ZM53.9934 79.2799V52.9185L46.2838 57.5136V83.6331L53.9934 79.2799ZM63.1485 45.1793L26.2871 23.6549V31.6359L27.7327 30.9103H27.9736L29.1782 30.1848L59.0528 48.0815V82.1821L55.6799 83.6331L63.1485 87.9864V45.1793ZM41.4653 57.5136L18.8185 44.4538V70.5734L41.4653 83.6331V57.5136ZM21.2277 40.1005L43.8746 53.1603L51.3432 48.8071L29.1782 35.5054L21.2277 40.1005ZM21.4686 34.538V18.3342L22.6733 17.6087L41.7063 6.72554L42.9109 6L87 32.1196V82.6658L65.5578 95L50.8614 86.5353L43.6337 90.6467L14 73.2337V38.8913L15.2046 38.1658L21.4686 34.538Z' fill='black'/%3e%3c/svg%3e";
 
-var img$O = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M54 53V79.6063L46 84V57.6378L54 53Z' fill='%239D9D9C'/%3e%3cpath d='M52.5 49L43.5 54L21 40.25L29.5 34.5L52.5 49Z' fill='%239D9D9C'/%3e%3cpath d='M42.5 56.5V84.5L18 70.6667V44L42.5 56.5Z' fill='%239D9D9C'/%3e%3cpath d='M82.1815 79.7636V36.9565L67.967 45.1793V87.9864L82.1815 79.7636ZM79.2904 33.087L42.9109 11.3207L28.6964 19.5435L65.5578 40.8261L79.2904 33.087ZM53.9934 79.2799V52.9185L46.2838 57.5136V83.6331L53.9934 79.2799ZM63.1485 45.1793L26.2871 23.6549V31.6359L27.7327 30.9103H27.9736L29.1782 30.1848L59.0528 48.0815V82.1821L55.6799 83.6331L63.1485 87.9864V45.1793ZM41.4653 57.5136L18.8185 44.4538V70.5734L41.4653 83.6331V57.5136ZM21.2277 40.1005L43.8746 53.1603L51.3432 48.8071L29.1782 35.5054L21.2277 40.1005ZM21.4686 34.538V18.3342L22.6733 17.6087L41.7063 6.72554L42.9109 6L87 32.1196V82.6658L65.5578 95L50.8614 86.5353L43.6337 90.6467L14 73.2337V38.8913L15.2046 38.1658L21.4686 34.538Z' fill='black'/%3e%3c/svg%3e";
+var img$O = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.9476 18C64.6143 18 79 32.5294 79 50.3726C79 68.2157 64.6143 83 46.9476 83C39.3762 83 32.5619 80.451 27.0095 76.1176C29.281 75.3529 31.8048 74.3333 34.0762 72.549C37.1048 70 39.1238 67.1961 40.1333 64.1373C42.1524 65.1569 44.4238 65.6667 46.9476 65.6667C55.2762 65.6667 62.0905 58.7843 62.0905 50.3726C62.0905 41.9608 55.2762 35.5 46.9476 35.5C44.1714 35.5 41.2714 36.7255 39 38C37.9905 35.1961 35.2762 31.7941 32.5 29.5C30.2286 27.7157 28.0238 26.5098 25.5 26C31.3048 21.1569 39.1238 18 46.9476 18Z' fill='%239D9D9C'/%3e%3cpath d='M31.5682 68.64C29.1136 70.6 26.6591 71.72 24.4773 72C24.2045 72 23.9318 72 23.6591 72C22.5682 72 21.75 71.72 21.4773 71.16L21.2045 70.6C20.9318 70.04 20.9318 68.92 21.2045 67.8C22.0227 65.56 23.6591 63.32 25.8409 61.36C28.2955 59.4 31.2955 58 33.4773 58C34.2955 58 35.1136 58 35.6591 58.84C36.2045 59.4 35.9318 60.52 35.9318 61.36C35.9318 63.88 34.0227 66.68 31.5682 68.64Z' fill='white'/%3e%3cpath d='M20.3098 30.8104C20.8464 30.2701 21.9197 30 22.993 30C25.1395 30.2701 27.8226 31.3506 29.9691 33.2414C32.3839 35.1323 34.2621 37.5634 34.7988 39.7243C35.0671 40.5347 35.0671 41.345 34.7988 41.8853L34.5304 42.1554C33.9938 42.6956 33.1889 42.9658 32.6523 42.9658C30.2374 43.2359 27.286 41.8853 24.8712 39.7243C22.7246 38.1036 21.1148 35.9426 20.3098 33.7817C20.0415 33.2414 19.7732 31.6207 20.3098 30.8104Z' fill='white'/%3e%3cpath d='M24.4306 71.3333C26.4499 71.0808 28.7216 70.0707 30.9933 68.303C33.265 66.5354 35.0319 64.0101 35.2843 61.9899C35.5367 61.4848 35.5367 60.4747 35.0319 59.7172C34.5271 59.2121 33.5174 58.9596 33.0126 58.9596C30.9933 58.9596 28.2168 59.9697 25.9451 61.9899C23.9258 63.7576 22.1589 65.7778 21.654 67.798C21.4016 68.8081 21.4016 69.8182 21.654 70.3232L21.9065 70.5758C22.4113 71.0808 22.9161 71.3333 23.9258 71.3333C23.9258 71.3333 24.1782 71.3333 24.4306 71.3333ZM20.8968 31.4343C20.1396 32.4444 20.6444 33.7071 20.8968 34.4646C21.654 36.4848 23.1685 38.5051 25.1878 40.0202C27.4595 42.0404 30.4885 43.0505 32.5078 43.0505C33.0126 43.0505 34.0223 42.798 34.2747 42.2929L34.5271 42.0404C34.7795 41.5354 34.7795 40.7778 34.5271 40.0202C34.0223 38 32.2554 35.7273 29.9837 33.9596C27.9644 32.1919 25.4402 31.1818 23.4209 30.9293C22.4113 30.6768 21.4016 30.9293 20.8968 31.4343ZM84 50.6263C84 71.0808 67.3408 88 46.8953 88C35.2843 88 24.9354 82.697 18.1203 74.3636C17.8679 74.1111 17.8679 74.1111 17.6154 73.8586C17.6154 73.6061 17.363 73.6061 17.363 73.3535L17.1106 73.101C17.1106 72.8485 16.8582 72.8485 16.8582 72.596C16.101 70.8283 16.101 68.8081 16.8582 66.2828C17.8679 63.5051 19.8872 60.4747 22.9161 58.202C26.1975 55.6768 29.9837 54.1616 33.265 54.1616C35.5368 54.1616 37.5561 54.9192 39.0705 56.4343L39.3229 56.6869C39.5754 56.6869 39.5754 56.9394 39.5754 57.1919C41.3422 59.4646 44.1188 60.7273 47.1477 60.7273C52.7008 60.7273 57.2442 56.1818 57.2442 50.6263C57.2442 45.0707 52.7008 40.5253 47.1477 40.5253C43.8664 40.5253 40.8374 42.0404 39.0705 44.5657C38.8181 44.8182 38.8181 45.0707 38.5657 45.3232C37.3036 46.8384 35.5367 47.8485 33.0126 47.8485C32.7602 47.8485 32.7602 47.8485 32.5078 47.8485C29.2264 47.8485 25.4402 46.3333 22.4113 43.8081C19.6347 41.5354 17.6154 38.7576 16.6058 35.9798C15.5961 32.9495 15.8486 30.1717 17.363 28.1515L17.6154 27.6465L17.8679 27.3939C24.683 18.8081 35.2843 13 47.1477 13C67.3408 13.2525 84 29.9192 84 50.6263ZM78.9517 50.6263C78.9517 32.9495 64.5642 18.5556 46.8953 18.5556C39.0705 18.5556 31.7506 21.3333 26.1975 26.1313C28.7216 26.6364 31.2457 27.899 33.5174 29.6667C36.294 31.9394 38.3133 34.7172 39.3229 37.495C41.5947 36.2323 44.1188 35.4747 47.1477 35.4747C55.4774 35.4747 62.2925 42.2929 62.2925 50.6263C62.2925 58.9596 55.4774 65.7778 47.1477 65.7778C44.6236 65.7778 42.3519 65.2727 40.3326 64.2626C39.5754 67.0404 37.3036 70.0707 34.2747 72.596C32.003 74.3636 29.7313 75.6263 27.2071 76.1313C32.7602 80.4242 39.5754 82.9495 47.1477 82.9495C64.5642 82.697 78.9517 68.303 78.9517 50.6263Z' fill='black'/%3e%3c/svg%3e";
 
-var img$N = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.9476 18C64.6143 18 79 32.5294 79 50.3726C79 68.2157 64.6143 83 46.9476 83C39.3762 83 32.5619 80.451 27.0095 76.1176C29.281 75.3529 31.8048 74.3333 34.0762 72.549C37.1048 70 39.1238 67.1961 40.1333 64.1373C42.1524 65.1569 44.4238 65.6667 46.9476 65.6667C55.2762 65.6667 62.0905 58.7843 62.0905 50.3726C62.0905 41.9608 55.2762 35.5 46.9476 35.5C44.1714 35.5 41.2714 36.7255 39 38C37.9905 35.1961 35.2762 31.7941 32.5 29.5C30.2286 27.7157 28.0238 26.5098 25.5 26C31.3048 21.1569 39.1238 18 46.9476 18Z' fill='%239D9D9C'/%3e%3cpath d='M31.5682 68.64C29.1136 70.6 26.6591 71.72 24.4773 72C24.2045 72 23.9318 72 23.6591 72C22.5682 72 21.75 71.72 21.4773 71.16L21.2045 70.6C20.9318 70.04 20.9318 68.92 21.2045 67.8C22.0227 65.56 23.6591 63.32 25.8409 61.36C28.2955 59.4 31.2955 58 33.4773 58C34.2955 58 35.1136 58 35.6591 58.84C36.2045 59.4 35.9318 60.52 35.9318 61.36C35.9318 63.88 34.0227 66.68 31.5682 68.64Z' fill='white'/%3e%3cpath d='M20.3098 30.8104C20.8464 30.2701 21.9197 30 22.993 30C25.1395 30.2701 27.8226 31.3506 29.9691 33.2414C32.3839 35.1323 34.2621 37.5634 34.7988 39.7243C35.0671 40.5347 35.0671 41.345 34.7988 41.8853L34.5304 42.1554C33.9938 42.6956 33.1889 42.9658 32.6523 42.9658C30.2374 43.2359 27.286 41.8853 24.8712 39.7243C22.7246 38.1036 21.1148 35.9426 20.3098 33.7817C20.0415 33.2414 19.7732 31.6207 20.3098 30.8104Z' fill='white'/%3e%3cpath d='M24.4306 71.3333C26.4499 71.0808 28.7216 70.0707 30.9933 68.303C33.265 66.5354 35.0319 64.0101 35.2843 61.9899C35.5367 61.4848 35.5367 60.4747 35.0319 59.7172C34.5271 59.2121 33.5174 58.9596 33.0126 58.9596C30.9933 58.9596 28.2168 59.9697 25.9451 61.9899C23.9258 63.7576 22.1589 65.7778 21.654 67.798C21.4016 68.8081 21.4016 69.8182 21.654 70.3232L21.9065 70.5758C22.4113 71.0808 22.9161 71.3333 23.9258 71.3333C23.9258 71.3333 24.1782 71.3333 24.4306 71.3333ZM20.8968 31.4343C20.1396 32.4444 20.6444 33.7071 20.8968 34.4646C21.654 36.4848 23.1685 38.5051 25.1878 40.0202C27.4595 42.0404 30.4885 43.0505 32.5078 43.0505C33.0126 43.0505 34.0223 42.798 34.2747 42.2929L34.5271 42.0404C34.7795 41.5354 34.7795 40.7778 34.5271 40.0202C34.0223 38 32.2554 35.7273 29.9837 33.9596C27.9644 32.1919 25.4402 31.1818 23.4209 30.9293C22.4113 30.6768 21.4016 30.9293 20.8968 31.4343ZM84 50.6263C84 71.0808 67.3408 88 46.8953 88C35.2843 88 24.9354 82.697 18.1203 74.3636C17.8679 74.1111 17.8679 74.1111 17.6154 73.8586C17.6154 73.6061 17.363 73.6061 17.363 73.3535L17.1106 73.101C17.1106 72.8485 16.8582 72.8485 16.8582 72.596C16.101 70.8283 16.101 68.8081 16.8582 66.2828C17.8679 63.5051 19.8872 60.4747 22.9161 58.202C26.1975 55.6768 29.9837 54.1616 33.265 54.1616C35.5368 54.1616 37.5561 54.9192 39.0705 56.4343L39.3229 56.6869C39.5754 56.6869 39.5754 56.9394 39.5754 57.1919C41.3422 59.4646 44.1188 60.7273 47.1477 60.7273C52.7008 60.7273 57.2442 56.1818 57.2442 50.6263C57.2442 45.0707 52.7008 40.5253 47.1477 40.5253C43.8664 40.5253 40.8374 42.0404 39.0705 44.5657C38.8181 44.8182 38.8181 45.0707 38.5657 45.3232C37.3036 46.8384 35.5367 47.8485 33.0126 47.8485C32.7602 47.8485 32.7602 47.8485 32.5078 47.8485C29.2264 47.8485 25.4402 46.3333 22.4113 43.8081C19.6347 41.5354 17.6154 38.7576 16.6058 35.9798C15.5961 32.9495 15.8486 30.1717 17.363 28.1515L17.6154 27.6465L17.8679 27.3939C24.683 18.8081 35.2843 13 47.1477 13C67.3408 13.2525 84 29.9192 84 50.6263ZM78.9517 50.6263C78.9517 32.9495 64.5642 18.5556 46.8953 18.5556C39.0705 18.5556 31.7506 21.3333 26.1975 26.1313C28.7216 26.6364 31.2457 27.899 33.5174 29.6667C36.294 31.9394 38.3133 34.7172 39.3229 37.495C41.5947 36.2323 44.1188 35.4747 47.1477 35.4747C55.4774 35.4747 62.2925 42.2929 62.2925 50.6263C62.2925 58.9596 55.4774 65.7778 47.1477 65.7778C44.6236 65.7778 42.3519 65.2727 40.3326 64.2626C39.5754 67.0404 37.3036 70.0707 34.2747 72.596C32.003 74.3636 29.7313 75.6263 27.2071 76.1313C32.7602 80.4242 39.5754 82.9495 47.1477 82.9495C64.5642 82.697 78.9517 68.303 78.9517 50.6263Z' fill='black'/%3e%3c/svg%3e";
+var img$N = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M54.5901 49.2615V54.9931H48.7076H42.8252V49.2615V43.5299H48.7076H54.5901V49.2615Z' fill='white'/%3e%3cpath d='M48.7074 54.9931V79.8303M42.825 43.5299L34.0766 35.0832L42.825 43.5299ZM42.825 43.5299V49.2615V43.5299ZM42.825 43.5299H48.7074H42.825ZM42.825 54.9931L34.0766 64.1437L42.825 54.9931ZM42.825 54.9931V49.2615V54.9931ZM42.825 54.9931H48.7074H42.825ZM54.5899 54.9931L63.0365 64.1437L54.5899 54.9931ZM54.5899 54.9931V49.2615V54.9931ZM54.5899 54.9931H48.7074H54.5899ZM54.5899 43.5299L63.0365 35.0832L54.5899 43.5299ZM54.5899 43.5299V49.2615V43.5299ZM54.5899 43.5299H48.7074H54.5899ZM54.5899 49.2615H79.1253H54.5899ZM42.825 49.2615H17.9878H42.825ZM48.7074 43.5299V18.9944V43.5299Z' stroke='black' stroke-width='4'/%3e%3c/svg%3e";
 
-var img$M = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M54.5901 49.2615V54.9931H48.7076H42.8252V49.2615V43.5299H48.7076H54.5901V49.2615Z' fill='white'/%3e%3cpath d='M48.7074 54.9931V79.8303M42.825 43.5299L34.0766 35.0832L42.825 43.5299ZM42.825 43.5299V49.2615V43.5299ZM42.825 43.5299H48.7074H42.825ZM42.825 54.9931L34.0766 64.1437L42.825 54.9931ZM42.825 54.9931V49.2615V54.9931ZM42.825 54.9931H48.7074H42.825ZM54.5899 54.9931L63.0365 64.1437L54.5899 54.9931ZM54.5899 54.9931V49.2615V54.9931ZM54.5899 54.9931H48.7074H54.5899ZM54.5899 43.5299L63.0365 35.0832L54.5899 43.5299ZM54.5899 43.5299V49.2615V43.5299ZM54.5899 43.5299H48.7074H54.5899ZM54.5899 49.2615H79.1253H54.5899ZM42.825 49.2615H17.9878H42.825ZM48.7074 43.5299V18.9944V43.5299Z' stroke='black' stroke-width='4'/%3e%3c/svg%3e";
+var img$M = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M82 23.5C82 25.8684 80.0541 28 77.3784 28C76.6486 28 75.9189 27.7632 75.1892 27.5263C74.2162 27.0526 73.4865 26.1053 73.2432 25.1579C73 24.6842 73 24.2105 73 23.5C73 21.1316 74.9459 19 77.6216 19C80.0541 19 82 21.1316 82 23.5Z' fill='%239D9D9C'/%3e%3cpath d='M73.359 25.2051C73.6026 26.1795 74.5769 27.1538 75.3077 27.641C76.0385 28.1282 76.7692 28.1282 77.5 28.1282C79.9359 28.1282 82.1282 26.1795 82.1282 23.5C82.1282 20.8205 80.1795 18.8718 77.5 18.8718C75.0641 18.8718 72.8718 20.8205 72.8718 23.5C73.1154 23.9872 73.1154 24.7179 73.359 25.2051ZM77.5 14C82.6154 14 87 18.141 87 23.5C87 28.859 82.859 33 77.5 33C76.0385 33 74.3333 32.5128 73.1154 31.7821C72.8718 31.7821 72.6282 31.5385 72.6282 31.2949C71.1667 30.5641 70.1923 29.1026 69.2179 27.641C68.9744 27.3974 68.9744 26.9103 68.7308 26.6667C68.2436 25.6923 68 24.4744 68 23.2564C68.2436 18.3846 72.3846 14 77.5 14Z' fill='black'/%3e%3cpath d='M69.5946 28C70.3243 29.4516 71.5405 30.6613 73 31.629L31.4054 73C30.4324 71.5484 29.2162 70.3387 28 69.6129L69.5946 28Z' fill='black'/%3e%3cpath d='M19 77.6216C19 75.1892 20.8947 73 23.5 73C24.2105 73 24.6842 73.2432 25.3947 73.2432C26.3421 73.7297 27.2895 74.4595 27.5263 75.4324C27.7632 75.9189 28 76.6487 28 77.3784C28 79.8108 26.1053 82 23.5 82C20.8947 82 19 80.0541 19 77.6216Z' fill='%239D9D9C'/%3e%3cpath d='M23.5 81.8846C25.9359 81.8846 28.1282 79.9359 28.1282 77.2564C28.1282 76.5256 27.8846 75.7949 27.641 75.3077C27.1538 74.3333 26.4231 73.6026 25.4487 73.1154C24.9615 72.8718 24.2308 72.8718 23.5 72.8718C21.0641 72.8718 18.8718 74.8205 18.8718 77.5C19.1154 79.9359 21.0641 81.8846 23.5 81.8846ZM32.0256 73.359C32.7564 74.5769 33 76.0385 33 77.5C33 82.6154 28.859 87 23.5 87C18.3846 87 14 82.859 14 77.5C14 72.141 18.141 68 23.5 68C24.7179 68 25.9359 68.2436 27.1538 68.7308C27.3974 68.9744 27.641 68.9744 27.8846 69.2179C29.3462 69.9487 30.5641 71.1667 31.2949 72.6282C31.7821 72.8718 32.0256 73.1154 32.0256 73.359Z' fill='black'/%3e%3c/svg%3e";
+  var line$1 = img$M;
 
-var img$L = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M82 23.5C82 25.8684 80.0541 28 77.3784 28C76.6486 28 75.9189 27.7632 75.1892 27.5263C74.2162 27.0526 73.4865 26.1053 73.2432 25.1579C73 24.6842 73 24.2105 73 23.5C73 21.1316 74.9459 19 77.6216 19C80.0541 19 82 21.1316 82 23.5Z' fill='%239D9D9C'/%3e%3cpath d='M73.359 25.2051C73.6026 26.1795 74.5769 27.1538 75.3077 27.641C76.0385 28.1282 76.7692 28.1282 77.5 28.1282C79.9359 28.1282 82.1282 26.1795 82.1282 23.5C82.1282 20.8205 80.1795 18.8718 77.5 18.8718C75.0641 18.8718 72.8718 20.8205 72.8718 23.5C73.1154 23.9872 73.1154 24.7179 73.359 25.2051ZM77.5 14C82.6154 14 87 18.141 87 23.5C87 28.859 82.859 33 77.5 33C76.0385 33 74.3333 32.5128 73.1154 31.7821C72.8718 31.7821 72.6282 31.5385 72.6282 31.2949C71.1667 30.5641 70.1923 29.1026 69.2179 27.641C68.9744 27.3974 68.9744 26.9103 68.7308 26.6667C68.2436 25.6923 68 24.4744 68 23.2564C68.2436 18.3846 72.3846 14 77.5 14Z' fill='black'/%3e%3cpath d='M69.5946 28C70.3243 29.4516 71.5405 30.6613 73 31.629L31.4054 73C30.4324 71.5484 29.2162 70.3387 28 69.6129L69.5946 28Z' fill='black'/%3e%3cpath d='M19 77.6216C19 75.1892 20.8947 73 23.5 73C24.2105 73 24.6842 73.2432 25.3947 73.2432C26.3421 73.7297 27.2895 74.4595 27.5263 75.4324C27.7632 75.9189 28 76.6487 28 77.3784C28 79.8108 26.1053 82 23.5 82C20.8947 82 19 80.0541 19 77.6216Z' fill='%239D9D9C'/%3e%3cpath d='M23.5 81.8846C25.9359 81.8846 28.1282 79.9359 28.1282 77.2564C28.1282 76.5256 27.8846 75.7949 27.641 75.3077C27.1538 74.3333 26.4231 73.6026 25.4487 73.1154C24.9615 72.8718 24.2308 72.8718 23.5 72.8718C21.0641 72.8718 18.8718 74.8205 18.8718 77.5C19.1154 79.9359 21.0641 81.8846 23.5 81.8846ZM32.0256 73.359C32.7564 74.5769 33 76.0385 33 77.5C33 82.6154 28.859 87 23.5 87C18.3846 87 14 82.859 14 77.5C14 72.141 18.141 68 23.5 68C24.7179 68 25.9359 68.2436 27.1538 68.7308C27.3974 68.9744 27.641 68.9744 27.8846 69.2179C29.3462 69.9487 30.5641 71.1667 31.2949 72.6282C31.7821 72.8718 32.0256 73.1154 32.0256 73.359Z' fill='black'/%3e%3c/svg%3e";
-  var line$1 = img$L;
+var img$L = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='12.5' y='22.5' width='77' height='53' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='89' cy='24' r='8.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='13' cy='76' r='8.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
+  var rect2points = img$L;
 
-var img$K = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='12.5' y='22.5' width='77' height='53' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='89' cy='24' r='8.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='13' cy='76' r='8.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
-  var rect2points = img$K;
+var img$K = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M74.0328 31C74.459 34.401 76.8033 37.1642 80 38.0145V75H14L13 30L74.0328 31Z' fill='%239D9D9C'/%3e%3cpath d='M82 25C84.1053 25 86 27.6842 86 30C86 32.1053 84.3158 35 82 35C79.8947 35 77.5 32.3158 77.5 30C77.5 27.6842 79.8947 25 82 25Z' fill='%239D9D9C'/%3e%3cpath d='M50 50H44V56H50V50Z' fill='white'/%3e%3cpath d='M44.3478 49.3478V55.6522H50.6522V49.3478H44.3478ZM40 60V45H55V60H40Z' fill='black'/%3e%3cpath d='M79.5187 38.1041C76.3102 37.2565 73.7433 34.5019 73.5294 31.1115H14.2781V74.974H79.5187V38.1041ZM81.6578 34.0781C83.7968 34.0781 85.7219 32.3829 85.7219 30.052C85.7219 27.9331 84.0107 26.026 81.6578 26.026C79.5187 26.026 77.5936 27.7212 77.5936 30.052C77.5936 32.3829 79.5187 34.0781 81.6578 34.0781ZM90 30.052C90 33.8662 87.4332 37.0446 83.7968 37.8922V79H10V26.8736H74.1711C75.4546 23.9071 78.4492 22 81.6578 22C86.1497 22 90 25.6022 90 30.052Z' fill='black'/%3e%3c/svg%3e";
 
-var img$J = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M74.0328 31C74.459 34.401 76.8033 37.1642 80 38.0145V75H14L13 30L74.0328 31Z' fill='%239D9D9C'/%3e%3cpath d='M82 25C84.1053 25 86 27.6842 86 30C86 32.1053 84.3158 35 82 35C79.8947 35 77.5 32.3158 77.5 30C77.5 27.6842 79.8947 25 82 25Z' fill='%239D9D9C'/%3e%3cpath d='M50 50H44V56H50V50Z' fill='white'/%3e%3cpath d='M44.3478 49.3478V55.6522H50.6522V49.3478H44.3478ZM40 60V45H55V60H40Z' fill='black'/%3e%3cpath d='M79.5187 38.1041C76.3102 37.2565 73.7433 34.5019 73.5294 31.1115H14.2781V74.974H79.5187V38.1041ZM81.6578 34.0781C83.7968 34.0781 85.7219 32.3829 85.7219 30.052C85.7219 27.9331 84.0107 26.026 81.6578 26.026C79.5187 26.026 77.5936 27.7212 77.5936 30.052C77.5936 32.3829 79.5187 34.0781 81.6578 34.0781ZM90 30.052C90 33.8662 87.4332 37.0446 83.7968 37.8922V79H10V26.8736H74.1711C75.4546 23.9071 78.4492 22 81.6578 22C86.1497 22 90 25.6022 90 30.052Z' fill='black'/%3e%3c/svg%3e";
+var img$J = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M45 17.5C45 14.6053 47.3158 12 50.5 12C53.3947 12 56 14.3158 56 17.5C56 20.3947 53.6842 23 50.5 23C47.3158 22.7105 45 20.3947 45 17.5Z' fill='%239D9D9C'/%3e%3cpath d='M84 53.72C84 71.92 68.8594 87 50 87V62.82H58.5V45.5H50V27C54.25 27 57.7031 24.64 59.2969 21C75 25 84 38.64 84 53.72Z' fill='%239D9D9C'/%3e%3cpath d='M46.4 49.9565V57.5217H53.8571V49.9565H46.4ZM50 63H41V45H50H59V63H50V63Z' fill='black'/%3e%3cpath d='M37 15H31V20H37V15Z' fill='black'/%3e%3cpath d='M16 15H10V20H16V15Z' fill='black'/%3e%3cpath d='M26 15H21V20H26V15Z' fill='black'/%3e%3cpath d='M89 53.1728C89 74.4228 71.7059 92 50.2193 92V89.3765V86.7531C68.5615 86.7531 83.7594 71.7994 83.7594 53.1728C83.7594 37.9568 73.5401 25.1019 59.6524 21.1667C58.0802 24.8395 54.4118 27.463 50.2193 27.463C44.7166 27.463 40 23.0031 40 17.2315C40 11.7222 44.4545 7 50.2193 7C55.4599 7 59.6524 10.9352 60.1765 15.9198C76.6845 20.3796 89 35.3333 89 53.1728ZM50.2193 12.2469C47.5989 12.2469 45.2406 14.3457 45.2406 17.2315C45.2406 19.8549 47.3369 22.216 50.2193 22.216C52.8396 22.216 55.1979 20.1173 55.1979 17.2315C55.1979 14.3457 53.1016 12.2469 50.2193 12.2469Z' fill='black'/%3e%3c/svg%3e";
+  var arcTangential = img$J;
 
-var img$I = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M45 17.5C45 14.6053 47.3158 12 50.5 12C53.3947 12 56 14.3158 56 17.5C56 20.3947 53.6842 23 50.5 23C47.3158 22.7105 45 20.3947 45 17.5Z' fill='%239D9D9C'/%3e%3cpath d='M84 53.72C84 71.92 68.8594 87 50 87V62.82H58.5V45.5H50V27C54.25 27 57.7031 24.64 59.2969 21C75 25 84 38.64 84 53.72Z' fill='%239D9D9C'/%3e%3cpath d='M46.4 49.9565V57.5217H53.8571V49.9565H46.4ZM50 63H41V45H50H59V63H50V63Z' fill='black'/%3e%3cpath d='M37 15H31V20H37V15Z' fill='black'/%3e%3cpath d='M16 15H10V20H16V15Z' fill='black'/%3e%3cpath d='M26 15H21V20H26V15Z' fill='black'/%3e%3cpath d='M89 53.1728C89 74.4228 71.7059 92 50.2193 92V89.3765V86.7531C68.5615 86.7531 83.7594 71.7994 83.7594 53.1728C83.7594 37.9568 73.5401 25.1019 59.6524 21.1667C58.0802 24.8395 54.4118 27.463 50.2193 27.463C44.7166 27.463 40 23.0031 40 17.2315C40 11.7222 44.4545 7 50.2193 7C55.4599 7 59.6524 10.9352 60.1765 15.9198C76.6845 20.3796 89 35.3333 89 53.1728ZM50.2193 12.2469C47.5989 12.2469 45.2406 14.3457 45.2406 17.2315C45.2406 19.8549 47.3369 22.216 50.2193 22.216C52.8396 22.216 55.1979 20.1173 55.1979 17.2315C55.1979 14.3457 53.1016 12.2469 50.2193 12.2469Z' fill='black'/%3e%3c/svg%3e";
-  var arcTangential = img$I;
+var img$I = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='path-1-inside-1' fill='white'%3e%3cpath d='M10.6184 60.8555C10.6184 50.4737 14.7426 40.5171 22.0836 33.1761C29.4246 25.8351 39.3812 21.7109 49.7629 21.7109C60.1447 21.7109 70.1013 25.8351 77.4423 33.1761C84.7833 40.5171 88.9074 50.4737 88.9074 60.8554L49.7629 60.8555L10.6184 60.8555Z'/%3e%3c/mask%3e%3cpath d='M10.6184 60.8555C10.6184 50.4737 14.7426 40.5171 22.0836 33.1761C29.4246 25.8351 39.3812 21.7109 49.7629 21.7109C60.1447 21.7109 70.1013 25.8351 77.4423 33.1761C84.7833 40.5171 88.9074 50.4737 88.9074 60.8554L49.7629 60.8555L10.6184 60.8555Z' stroke='black' stroke-width='12' mask='url(%23path-1-inside-1)'/%3e%3cpath d='M82.9238 60.8556C82.9238 52.0608 79.43 43.6262 73.2112 37.4074C66.9924 31.1885 58.5578 27.6948 49.763 27.6948C40.9683 27.6948 32.5337 31.1885 26.3149 37.4074C20.096 43.6262 16.6023 52.0608 16.6023 60.8556L49.763 60.8556H82.9238Z' fill='%23C4C4C4'/%3e%3ccircle cx='13.5545' cy='60.8554' r='7.04754' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='86.4455' cy='60.8554' r='7.04754' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='43.5242' y='53.8079' width='12.4774' height='12.4774' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
+  var arcCenter = img$I;
 
-var img$H = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='path-1-inside-1' fill='white'%3e%3cpath d='M10.6184 60.8555C10.6184 50.4737 14.7426 40.5171 22.0836 33.1761C29.4246 25.8351 39.3812 21.7109 49.7629 21.7109C60.1447 21.7109 70.1013 25.8351 77.4423 33.1761C84.7833 40.5171 88.9074 50.4737 88.9074 60.8554L49.7629 60.8555L10.6184 60.8555Z'/%3e%3c/mask%3e%3cpath d='M10.6184 60.8555C10.6184 50.4737 14.7426 40.5171 22.0836 33.1761C29.4246 25.8351 39.3812 21.7109 49.7629 21.7109C60.1447 21.7109 70.1013 25.8351 77.4423 33.1761C84.7833 40.5171 88.9074 50.4737 88.9074 60.8554L49.7629 60.8555L10.6184 60.8555Z' stroke='black' stroke-width='12' mask='url(%23path-1-inside-1)'/%3e%3cpath d='M82.9238 60.8556C82.9238 52.0608 79.43 43.6262 73.2112 37.4074C66.9924 31.1885 58.5578 27.6948 49.763 27.6948C40.9683 27.6948 32.5337 31.1885 26.3149 37.4074C20.096 43.6262 16.6023 52.0608 16.6023 60.8556L49.763 60.8556H82.9238Z' fill='%23C4C4C4'/%3e%3ccircle cx='13.5545' cy='60.8554' r='7.04754' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='86.4455' cy='60.8554' r='7.04754' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='43.5242' y='53.8079' width='12.4774' height='12.4774' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
-  var arcCenter = img$H;
+var img$H = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M84 63.5C84 58.9694 83.1076 54.4832 81.3738 50.2974C79.6401 46.1117 77.0988 42.3084 73.8952 39.1048C70.6916 35.9012 66.8883 33.3599 62.7026 31.6262C58.5168 29.8924 54.0306 29 49.5 29C44.9694 29 40.4832 29.8924 36.2974 31.6262C32.1117 33.3599 28.3084 35.9012 25.1048 39.1048C21.9012 42.3084 19.3599 46.1117 17.6262 50.2974C15.8924 54.4832 15 58.9694 15 63.5L49.5 63.5H84Z' fill='%23C4C4C4'/%3e%3cpath d='M84 63.5C84 58.9694 83.1076 54.4832 81.3738 50.2974C79.6401 46.1117 77.0988 42.3084 73.8952 39.1048C70.6916 35.9012 66.8883 33.3599 62.7026 31.6262C58.5168 29.8924 54.0306 29 49.5 29C44.9694 29 40.4832 29.8924 36.2974 31.6262C32.1117 33.3599 28.3084 35.9012 25.1048 39.1048C21.9012 42.3084 19.3599 46.1117 17.6262 50.2974C15.8924 54.4832 15 58.9694 15 63.5' stroke='black' stroke-width='5'/%3e%3ccircle cx='17.5' cy='63.5' r='8' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='81.5' cy='63.5' r='8' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='49.5' cy='31.5' r='8' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
+  var arc3points = img$H;
 
-var img$G = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M84 63.5C84 58.9694 83.1076 54.4832 81.3738 50.2974C79.6401 46.1117 77.0988 42.3084 73.8952 39.1048C70.6916 35.9012 66.8883 33.3599 62.7026 31.6262C58.5168 29.8924 54.0306 29 49.5 29C44.9694 29 40.4832 29.8924 36.2974 31.6262C32.1117 33.3599 28.3084 35.9012 25.1048 39.1048C21.9012 42.3084 19.3599 46.1117 17.6262 50.2974C15.8924 54.4832 15 58.9694 15 63.5L49.5 63.5H84Z' fill='%23C4C4C4'/%3e%3cpath d='M84 63.5C84 58.9694 83.1076 54.4832 81.3738 50.2974C79.6401 46.1117 77.0988 42.3084 73.8952 39.1048C70.6916 35.9012 66.8883 33.3599 62.7026 31.6262C58.5168 29.8924 54.0306 29 49.5 29C44.9694 29 40.4832 29.8924 36.2974 31.6262C32.1117 33.3599 28.3084 35.9012 25.1048 39.1048C21.9012 42.3084 19.3599 46.1117 17.6262 50.2974C15.8924 54.4832 15 58.9694 15 63.5' stroke='black' stroke-width='5'/%3e%3ccircle cx='17.5' cy='63.5' r='8' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='81.5' cy='63.5' r='8' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3ccircle cx='49.5' cy='31.5' r='8' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
-  var arc3points = img$G;
+var img$G = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M49.7712 85C30.6811 85 15 68.9977 15 49.6349C15 30.2721 30.5448 15 49.9076 15C56.4528 15 63.3478 16.7601 68.5294 20.0327C67.984 21.3963 67.1569 23.2443 67.1569 24.6078C67.1569 30.3349 71.2225 34.6732 77.2222 34.6732C78.5858 34.6732 80.249 34.3036 81.3399 33.7582C83.5216 38.3943 85 44.3169 85 49.7712C85 69.1341 68.8613 85 49.7712 85ZM58.4641 58.4641V41.0784H41.0784V58.4641H58.4641Z' fill='%239D9D9C'/%3e%3cpath d='M55 46H46V55H55V46Z' fill='white'/%3e%3cpath d='M72 25C72 21.8421 74.3158 19 77.5 19C80.3947 19 83 21.5263 83 25C83 28.1579 80.6842 31 77.5 31C74.3158 31 72 28.1579 72 25Z' fill='%239D9D9C'/%3e%3cpath d='M77.4136 30.0678C80.0915 30.0678 82.5017 27.8983 82.5017 24.9153C82.5017 22.2034 80.3593 19.7627 77.4136 19.7627C74.7356 19.7627 72.3254 21.9322 72.3254 24.9153C72.5932 27.6271 74.7356 30.0678 77.4136 30.0678ZM50.6339 84.5763C69.3797 84.5763 84.6441 69.1186 84.6441 49.8644C84.6441 44.4407 83.3051 39.2881 81.1627 34.678C80.0915 34.9492 78.7525 35.4915 77.6814 35.4915C72.0576 35.4915 67.2373 30.8814 67.2373 24.9153C67.2373 23.2881 67.5051 21.9322 68.3085 20.5763C63.2203 17.322 57.061 15.4237 50.6339 15.4237C31.8881 15.4237 16.3559 30.8814 16.3559 50.1356C16.3559 69.3898 31.6203 84.5763 50.6339 84.5763ZM71.522 16.2373C73.1288 15.1525 75.2712 14.339 77.4136 14.339C83.0373 14.339 87.8576 18.9492 87.8576 24.9153C87.8576 27.3559 86.7864 29.7966 85.4475 31.4237C88.3932 37.1186 90 43.3559 90 49.8644C90 72.1017 72.3254 90 50.6339 90C28.9424 90 11 72.1017 11 49.8644C11 27.6271 28.6746 10 50.6339 10C58.4 10 65.6305 12.4407 71.522 16.2373Z' fill='black'/%3e%3cpath d='M46.2174 53.7826H53.7826V46.2174H46.2174V53.7826ZM41 41H59V59H41V41V41Z' fill='black'/%3e%3c/svg%3e";
+  var circleCenterRadius = img$G;
 
-var img$F = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M49.7712 85C30.6811 85 15 68.9977 15 49.6349C15 30.2721 30.5448 15 49.9076 15C56.4528 15 63.3478 16.7601 68.5294 20.0327C67.984 21.3963 67.1569 23.2443 67.1569 24.6078C67.1569 30.3349 71.2225 34.6732 77.2222 34.6732C78.5858 34.6732 80.249 34.3036 81.3399 33.7582C83.5216 38.3943 85 44.3169 85 49.7712C85 69.1341 68.8613 85 49.7712 85ZM58.4641 58.4641V41.0784H41.0784V58.4641H58.4641Z' fill='%239D9D9C'/%3e%3cpath d='M55 46H46V55H55V46Z' fill='white'/%3e%3cpath d='M72 25C72 21.8421 74.3158 19 77.5 19C80.3947 19 83 21.5263 83 25C83 28.1579 80.6842 31 77.5 31C74.3158 31 72 28.1579 72 25Z' fill='%239D9D9C'/%3e%3cpath d='M77.4136 30.0678C80.0915 30.0678 82.5017 27.8983 82.5017 24.9153C82.5017 22.2034 80.3593 19.7627 77.4136 19.7627C74.7356 19.7627 72.3254 21.9322 72.3254 24.9153C72.5932 27.6271 74.7356 30.0678 77.4136 30.0678ZM50.6339 84.5763C69.3797 84.5763 84.6441 69.1186 84.6441 49.8644C84.6441 44.4407 83.3051 39.2881 81.1627 34.678C80.0915 34.9492 78.7525 35.4915 77.6814 35.4915C72.0576 35.4915 67.2373 30.8814 67.2373 24.9153C67.2373 23.2881 67.5051 21.9322 68.3085 20.5763C63.2203 17.322 57.061 15.4237 50.6339 15.4237C31.8881 15.4237 16.3559 30.8814 16.3559 50.1356C16.3559 69.3898 31.6203 84.5763 50.6339 84.5763ZM71.522 16.2373C73.1288 15.1525 75.2712 14.339 77.4136 14.339C83.0373 14.339 87.8576 18.9492 87.8576 24.9153C87.8576 27.3559 86.7864 29.7966 85.4475 31.4237C88.3932 37.1186 90 43.3559 90 49.8644C90 72.1017 72.3254 90 50.6339 90C28.9424 90 11 72.1017 11 49.8644C11 27.6271 28.6746 10 50.6339 10C58.4 10 65.6305 12.4407 71.522 16.2373Z' fill='black'/%3e%3cpath d='M46.2174 53.7826H53.7826V46.2174H46.2174V53.7826ZM41 41H59V59H41V41V41Z' fill='black'/%3e%3c/svg%3e";
-  var circleCenterRadius = img$F;
+var img$F = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M61.8771 19.8479C71.6505 19.8479 79.795 27.6795 79.795 37.6715V61.9765V71.4284V75.7493V79.5301H75.9942H71.6505H62.1486H37.7152H28.2133H23.8696H20.0688V75.7493V71.4284V61.9765V37.6715V28.2196V23.8987V20.118H23.8696H28.2133H37.7152H61.8771V19.8479Z' fill='%239D9D9C'/%3e%3cpath d='M84.2997 84.2994H62.0418H38.1941H16.2012V62.0415V38.1937V16.2008H38.4591H62.3068C65.7515 16.2008 69.1962 16.9957 72.1109 18.5856C73.4358 19.3805 74.7606 20.1754 75.8205 20.9704C77.1454 22.0303 78.4703 23.3551 79.5302 24.68C80.3251 25.7399 81.385 27.0648 81.915 28.3897C83.5048 31.3044 84.2997 34.7491 84.2997 38.4587V62.3065V84.2994V84.2994ZM79.5302 38.4587C79.5302 28.9196 71.5809 20.9704 62.0418 20.9704H38.1941H28.92H24.6804H20.9707V24.68V28.9196V38.1937V62.0415V71.3156V75.5552V79.2649H24.6804H28.92H38.1941H62.0418H71.316H75.5556H79.2652V75.5552V71.3156V62.0415V38.4587H79.5302Z' fill='black'/%3e%3c/svg%3e";
+  var filletSketch = img$F;
 
-var img$E = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M61.8771 19.8479C71.6505 19.8479 79.795 27.6795 79.795 37.6715V61.9765V71.4284V75.7493V79.5301H75.9942H71.6505H62.1486H37.7152H28.2133H23.8696H20.0688V75.7493V71.4284V61.9765V37.6715V28.2196V23.8987V20.118H23.8696H28.2133H37.7152H61.8771V19.8479Z' fill='%239D9D9C'/%3e%3cpath d='M84.2997 84.2994H62.0418H38.1941H16.2012V62.0415V38.1937V16.2008H38.4591H62.3068C65.7515 16.2008 69.1962 16.9957 72.1109 18.5856C73.4358 19.3805 74.7606 20.1754 75.8205 20.9704C77.1454 22.0303 78.4703 23.3551 79.5302 24.68C80.3251 25.7399 81.385 27.0648 81.915 28.3897C83.5048 31.3044 84.2997 34.7491 84.2997 38.4587V62.3065V84.2994V84.2994ZM79.5302 38.4587C79.5302 28.9196 71.5809 20.9704 62.0418 20.9704H38.1941H28.92H24.6804H20.9707V24.68V28.9196V38.1937V62.0415V71.3156V75.5552V79.2649H24.6804H28.92H38.1941H62.0418H71.316H75.5556H79.2652V75.5552V71.3156V62.0415V38.4587H79.5302Z' fill='black'/%3e%3c/svg%3e";
-  var filletSketch = img$E;
+var img$E = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3c!-- Created with Inkscape (http://www.inkscape.org/) --%3e%3csvg width='100' height='100' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e %3cg%3e %3cpath d='m10 50h40' fill='%23202020' stroke='%23282828' stroke-dasharray='5%2c 5' stroke-dashoffset='10' stroke-width='5'/%3e %3cg transform='rotate(45 -33.625 89.376)' stroke='black' stroke-dashoffset='64.252' stroke-linecap='round' stroke-linejoin='round' stroke-width='6'%3e %3cpath d='m-25 0h60' fill='%23c4c4c4'/%3e %3ccircle cx='-33' r='8' fill='none'/%3e %3c/g%3e %3cpath d='m58 50h32' fill='%23202020' stroke='%23282828' stroke-dasharray='5%2c 5%2c 60' stroke-width='5'/%3e %3cg transform='rotate(-45 86.975 -39.422)' stroke='black' stroke-dashoffset='64.252' stroke-linecap='round' stroke-linejoin='round' stroke-width='6'%3e %3cpath d='m-25 0h60' fill='%23c4c4c4'/%3e %3ccircle cx='-33' r='8' fill='none'/%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+  var trim = img$E;
 
-var img$D = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3c!-- Created with Inkscape (http://www.inkscape.org/) --%3e%3csvg width='100' height='100' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e %3cg%3e %3cpath d='m10 50h40' fill='%23202020' stroke='%23282828' stroke-dasharray='5%2c 5' stroke-dashoffset='10' stroke-width='5'/%3e %3cg transform='rotate(45 -33.625 89.376)' stroke='black' stroke-dashoffset='64.252' stroke-linecap='round' stroke-linejoin='round' stroke-width='6'%3e %3cpath d='m-25 0h60' fill='%23c4c4c4'/%3e %3ccircle cx='-33' r='8' fill='none'/%3e %3c/g%3e %3cpath d='m58 50h32' fill='%23202020' stroke='%23282828' stroke-dasharray='5%2c 5%2c 60' stroke-width='5'/%3e %3cg transform='rotate(-45 86.975 -39.422)' stroke='black' stroke-dashoffset='64.252' stroke-linecap='round' stroke-linejoin='round' stroke-width='6'%3e %3cpath d='m-25 0h60' fill='%23c4c4c4'/%3e %3ccircle cx='-33' r='8' fill='none'/%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
-  var trim = img$D;
+var img$D = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3c!-- Created with Inkscape (http://www.inkscape.org/) --%3e%3csvg width='100' height='100' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e %3cg stroke='black' stroke-dashoffset='64.252' stroke-width='5'%3e %3cg fill='none'%3e %3cpath d='m30.721 89.746a60 60 0 0 1 60-60' style='paint-order:normal'/%3e %3cpath d='m20 20 60 60' style='paint-order:normal'/%3e %3cpath d='m28 48h40' style='paint-order:normal'/%3e %3cpath d='m48 28v40' style='paint-order:normal'/%3e %3c/g%3e %3ccircle cx='48' cy='48' r='8' fill='%23c4c4c4' style='paint-order:normal'/%3e %3c/g%3e%3c/svg%3e";
+  var split = img$D;
 
-var img$C = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3c!-- Created with Inkscape (http://www.inkscape.org/) --%3e%3csvg width='100' height='100' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e %3cg stroke='black' stroke-dashoffset='64.252' stroke-width='5'%3e %3cg fill='none'%3e %3cpath d='m30.721 89.746a60 60 0 0 1 60-60' style='paint-order:normal'/%3e %3cpath d='m20 20 60 60' style='paint-order:normal'/%3e %3cpath d='m28 48h40' style='paint-order:normal'/%3e %3cpath d='m48 28v40' style='paint-order:normal'/%3e %3c/g%3e %3ccircle cx='48' cy='48' r='8' fill='%23c4c4c4' style='paint-order:normal'/%3e %3c/g%3e%3c/svg%3e";
-  var split = img$C;
+var img$C = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='12.5' y='10.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='12.5' y='70.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='69.5' y='70.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3cpath d='M21.5 62V47.5' stroke='black' stroke-width='3'/%3e%3cpath d='M26 47H17L21.5 39L26 47Z' fill='black' stroke='black'/%3e%3cpath d='M39 80.5L53.5 80.5' stroke='black' stroke-width='3'/%3e%3cpath d='M54 85L54 76L62 80.5L54 85Z' fill='black' stroke='black'/%3e%3c/svg%3e";
+  var copyRect = img$C;
 
-var img$B = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='12.5' y='10.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='12.5' y='70.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='69.5' y='70.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3cpath d='M21.5 62V47.5' stroke='black' stroke-width='3'/%3e%3cpath d='M26 47H17L21.5 39L26 47Z' fill='black' stroke='black'/%3e%3cpath d='M39 80.5L53.5 80.5' stroke='black' stroke-width='3'/%3e%3cpath d='M54 85L54 76L62 80.5L54 85Z' fill='black' stroke='black'/%3e%3c/svg%3e";
-  var copyRect = img$B;
+var img$B = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='56.5' y='40.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='24.5' y='70.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='24.5' y='10.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3cpath d='M64 23L64 26L59 23L64 20L64 23Z' fill='black'/%3e%3cpath d='M70 32C70 32 69.9661 27.6452 68.5 25.5C67.0339 23.3548 64 23 64 23M64 26L64 20L59 23L64 26Z' stroke='black' stroke-width='2'/%3e%3cpath d='M67.0001 73.9992L64.0001 73.9984L67 69L70.0001 74L67.0001 73.9992Z' fill='black'/%3e%3cpath d='M58.0001 80C58.0001 80 62.1802 80 64.5 78.5C66.8198 77 67.0001 73.9992 67.0001 73.9992M64.0001 73.9984L70.0001 74L67 69L64.0001 73.9984Z' stroke='black' stroke-width='2'/%3e%3ccircle cx='34' cy='50' r='6.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
+  var copyCirc = img$B;
 
-var img$A = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='56.5' y='40.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='24.5' y='70.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='24.5' y='10.5' width='19' height='19' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3cpath d='M64 23L64 26L59 23L64 20L64 23Z' fill='black'/%3e%3cpath d='M70 32C70 32 69.9661 27.6452 68.5 25.5C67.0339 23.3548 64 23 64 23M64 26L64 20L59 23L64 26Z' stroke='black' stroke-width='2'/%3e%3cpath d='M67.0001 73.9992L64.0001 73.9984L67 69L70.0001 74L67.0001 73.9992Z' fill='black'/%3e%3cpath d='M58.0001 80C58.0001 80 62.1802 80 64.5 78.5C66.8198 77 67.0001 73.9992 67.0001 73.9992M64.0001 73.9984L70.0001 74L67 69L64.0001 73.9984Z' stroke='black' stroke-width='2'/%3e%3ccircle cx='34' cy='50' r='6.5' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
-  var copyCirc = img$A;
+var img$A = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='49.5' y1='16' x2='49.5' y2='85' stroke='black' stroke-width='5'/%3e%3crect x='11.5' y='37.5' width='25' height='25' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='63.5' y='37.5' width='25' height='25' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
 
-var img$z = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='49.5' y1='16' x2='49.5' y2='85' stroke='black' stroke-width='5'/%3e%3crect x='11.5' y='37.5' width='25' height='25' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3crect x='63.5' y='37.5' width='25' height='25' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
+var img$z = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='18.5' y='18.5' width='64' height='64' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3cpath d='M48.6562 36.4062V53.2637C48.6562 56.0645 47.7773 58.2793 46.0195 59.9082C44.2734 61.5371 41.8828 62.3516 38.8477 62.3516C35.8594 62.3516 33.4863 61.5605 31.7285 59.9785C29.9707 58.3965 29.0742 56.2227 29.0391 53.457V36.4062H34.3125V53.2988C34.3125 54.9746 34.7109 56.1992 35.5078 56.9727C36.3164 57.7344 37.4297 58.1152 38.8477 58.1152C41.8125 58.1152 43.3184 56.5566 43.3652 53.4395V36.4062H48.6562ZM66.252 55.2852C66.252 54.2891 65.9004 53.5273 65.1973 53C64.4941 52.4609 63.2285 51.8984 61.4004 51.3125C59.5723 50.7148 58.125 50.1289 57.0586 49.5547C54.1523 47.9844 52.6992 45.8691 52.6992 43.209C52.6992 41.8262 53.0859 40.5957 53.8594 39.5176C54.6445 38.4277 55.7637 37.5781 57.2168 36.9688C58.6816 36.3594 60.3223 36.0547 62.1387 36.0547C63.9668 36.0547 65.5957 36.3887 67.0254 37.0566C68.4551 37.7129 69.5625 38.6445 70.3477 39.8516C71.1445 41.0586 71.543 42.4297 71.543 43.9648H66.2695C66.2695 42.793 65.9004 41.8848 65.1621 41.2402C64.4238 40.584 63.3867 40.2559 62.0508 40.2559C60.7617 40.2559 59.7598 40.5312 59.0449 41.082C58.3301 41.6211 57.9727 42.3359 57.9727 43.2266C57.9727 44.0586 58.3887 44.7559 59.2207 45.3184C60.0645 45.8809 61.3008 46.4082 62.9297 46.9004C65.9297 47.8027 68.1152 48.9219 69.4863 50.2578C70.8574 51.5938 71.543 53.2578 71.543 55.25C71.543 57.4648 70.7051 59.2051 69.0293 60.4707C67.3535 61.7246 65.0977 62.3516 62.2617 62.3516C60.293 62.3516 58.5 61.9941 56.8828 61.2793C55.2656 60.5527 54.0293 59.5625 53.1738 58.3086C52.3301 57.0547 51.9082 55.6016 51.9082 53.9492H57.1992C57.1992 56.7734 58.8867 58.1855 62.2617 58.1855C63.5156 58.1855 64.4941 57.9336 65.1973 57.4297C65.9004 56.9141 66.252 56.1992 66.252 55.2852Z' fill='black'/%3e%3c/svg%3e";
+  var useReference = img$z;
 
-var img$y = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='18.5' y='18.5' width='64' height='64' fill='%23C4C4C4' stroke='black' stroke-width='5'/%3e%3cpath d='M48.6562 36.4062V53.2637C48.6562 56.0645 47.7773 58.2793 46.0195 59.9082C44.2734 61.5371 41.8828 62.3516 38.8477 62.3516C35.8594 62.3516 33.4863 61.5605 31.7285 59.9785C29.9707 58.3965 29.0742 56.2227 29.0391 53.457V36.4062H34.3125V53.2988C34.3125 54.9746 34.7109 56.1992 35.5078 56.9727C36.3164 57.7344 37.4297 58.1152 38.8477 58.1152C41.8125 58.1152 43.3184 56.5566 43.3652 53.4395V36.4062H48.6562ZM66.252 55.2852C66.252 54.2891 65.9004 53.5273 65.1973 53C64.4941 52.4609 63.2285 51.8984 61.4004 51.3125C59.5723 50.7148 58.125 50.1289 57.0586 49.5547C54.1523 47.9844 52.6992 45.8691 52.6992 43.209C52.6992 41.8262 53.0859 40.5957 53.8594 39.5176C54.6445 38.4277 55.7637 37.5781 57.2168 36.9688C58.6816 36.3594 60.3223 36.0547 62.1387 36.0547C63.9668 36.0547 65.5957 36.3887 67.0254 37.0566C68.4551 37.7129 69.5625 38.6445 70.3477 39.8516C71.1445 41.0586 71.543 42.4297 71.543 43.9648H66.2695C66.2695 42.793 65.9004 41.8848 65.1621 41.2402C64.4238 40.584 63.3867 40.2559 62.0508 40.2559C60.7617 40.2559 59.7598 40.5312 59.0449 41.082C58.3301 41.6211 57.9727 42.3359 57.9727 43.2266C57.9727 44.0586 58.3887 44.7559 59.2207 45.3184C60.0645 45.8809 61.3008 46.4082 62.9297 46.9004C65.9297 47.8027 68.1152 48.9219 69.4863 50.2578C70.8574 51.5938 71.543 53.2578 71.543 55.25C71.543 57.4648 70.7051 59.2051 69.0293 60.4707C67.3535 61.7246 65.0977 62.3516 62.2617 62.3516C60.293 62.3516 58.5 61.9941 56.8828 61.2793C55.2656 60.5527 54.0293 59.5625 53.1738 58.3086C52.3301 57.0547 51.9082 55.6016 51.9082 53.9492H57.1992C57.1992 56.7734 58.8867 58.1855 62.2617 58.1855C63.5156 58.1855 64.4941 57.9336 65.1973 57.4297C65.9004 56.9141 66.252 56.1992 66.252 55.2852Z' fill='black'/%3e%3c/svg%3e";
-  var useReference = img$y;
+var img$y = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M52.9688 53.0938H42.2812V71.5H36.25V26H51.3125C56.4375 26 60.375 27.1667 63.125 29.5C65.8958 31.8333 67.2812 35.2292 67.2812 39.6875C67.2812 42.5208 66.5104 44.9896 64.9688 47.0938C63.4479 49.1979 61.3229 50.7708 58.5938 51.8125L69.2812 71.125V71.5H62.8438L52.9688 53.0938ZM42.2812 48.1875H51.5C54.4792 48.1875 56.8438 47.4167 58.5938 45.875C60.3646 44.3333 61.25 42.2708 61.25 39.6875C61.25 36.875 60.4062 34.7188 58.7188 33.2188C57.0521 31.7188 54.6354 30.9583 51.4688 30.9375H42.2812V48.1875Z' fill='%235E5E5E'/%3e%3cpath d='M52.9688 53.0938L53.8499 52.621L53.5671 52.0938H52.9688V53.0938ZM42.2812 53.0938V52.0938H41.2812V53.0938H42.2812ZM42.2812 71.5V72.5H43.2812V71.5H42.2812ZM36.25 71.5H35.25V72.5H36.25V71.5ZM36.25 26V25H35.25V26H36.25ZM63.125 29.5L62.478 30.2625L62.4809 30.2649L63.125 29.5ZM64.9688 47.0938L64.1621 46.5027L64.1583 46.508L64.9688 47.0938ZM58.5938 51.8125L58.2372 50.8782L57.1611 51.2889L57.7188 52.2967L58.5938 51.8125ZM69.2812 71.125H70.2812V70.8668L70.1562 70.6408L69.2812 71.125ZM69.2812 71.5V72.5H70.2812V71.5H69.2812ZM62.8438 71.5L61.9626 71.9728L62.2454 72.5H62.8438V71.5ZM42.2812 48.1875H41.2812V49.1875H42.2812V48.1875ZM58.5938 45.875L57.9371 45.1208L57.9327 45.1246L58.5938 45.875ZM58.7188 33.2188L58.0498 33.9621L58.0544 33.9662L58.7188 33.2188ZM51.4688 30.9375L51.4753 29.9375H51.4688V30.9375ZM42.2812 30.9375V29.9375H41.2812V30.9375H42.2812ZM52.9688 52.0938H42.2812V54.0938H52.9688V52.0938ZM41.2812 53.0938V71.5H43.2812V53.0938H41.2812ZM42.2812 70.5H36.25V72.5H42.2812V70.5ZM37.25 71.5V26H35.25V71.5H37.25ZM36.25 27H51.3125V25H36.25V27ZM51.3125 27C56.2989 27 59.9717 28.136 62.478 30.2625L63.772 28.7375C60.7783 26.1974 56.5761 25 51.3125 25V27ZM62.4809 30.2649C64.9748 32.3651 66.2812 35.4498 66.2812 39.6875H68.2812C68.2812 35.0085 66.8169 31.3016 63.7691 28.7351L62.4809 30.2649ZM66.2812 39.6875C66.2812 42.3276 65.5672 44.585 64.1621 46.5027L65.7754 47.6848C67.4537 45.3942 68.2812 42.714 68.2812 39.6875H66.2812ZM64.1583 46.508C62.7655 48.435 60.8079 49.8971 58.2372 50.8782L58.9503 52.7468C61.838 51.6446 64.1304 49.9608 65.7792 47.6795L64.1583 46.508ZM57.7188 52.2967L68.4063 71.6092L70.1562 70.6408L59.4687 51.3283L57.7188 52.2967ZM68.2812 71.125V71.5H70.2812V71.125H68.2812ZM69.2812 70.5H62.8438V72.5H69.2812V70.5ZM63.7249 71.0272L53.8499 52.621L52.0876 53.5665L61.9626 71.9728L63.7249 71.0272ZM42.2812 49.1875H51.5V47.1875H42.2812V49.1875ZM51.5 49.1875C54.6531 49.1875 57.276 48.3686 59.2548 46.6254L57.9327 45.1246C56.4115 46.4648 54.3053 47.1875 51.5 47.1875V49.1875ZM59.2504 46.6292C61.2628 44.8772 62.25 42.5275 62.25 39.6875H60.25C60.25 42.0142 59.4664 43.7894 57.9371 45.1208L59.2504 46.6292ZM62.25 39.6875C62.25 36.665 61.3348 34.2062 59.3831 32.4713L58.0544 33.9662C59.4777 35.2313 60.25 37.085 60.25 39.6875H62.25ZM59.3877 32.4755C57.4763 30.7552 54.7864 29.9593 51.4753 29.9375L51.4622 31.9375C54.4844 31.9574 56.6279 32.6823 58.0498 33.962L59.3877 32.4755ZM51.4688 29.9375H42.2812V31.9375H51.4688V29.9375ZM41.2812 30.9375V48.1875H43.2812V30.9375H41.2812Z' fill='%235E5E5E'/%3e%3c/svg%3e";
 
 const RootContext = /*#__PURE__*/React.createContext({
   drawingId: -1,
@@ -10010,19 +10379,20 @@ const resources = {
   [classcad.CCClasses.CC2DEqualRadiusConstraint]: equal,
   [classcad.CCClasses.CC2DHorizontalDistanceConstraint]: hdimension,
   [classcad.CCClasses.CC2DVerticalDistanceConstraint]: vdimension,
-  [classcad.CCClasses.CC2DOffsetConstraint]: img$T,
+  [classcad.CCClasses.CC2DOffsetConstraint]: img$U,
   [classcad.CCClasses.CC2DRadiusConstraint]: radius,
-  [classcad.CCClasses.CC2DDiameterConstraint]: img$T,
+  [classcad.CCClasses.CC2DDiameterConstraint]: img$U,
   [classcad.CCClasses.CC2DAngleConstraint]: angle,
   [classcad.CCClasses.CC2DAngleOXConstraint]: angleox,
   [classcad.CCClasses.CCRigidSet]: rigidSet,
   [classcad.CCClasses.CCUse]: useReference,
-  [classcad.CCClasses.CCExtrusion]: img$O,
-  [classcad.CCClasses.CCRevolve]: img$N,
-  [HandlersList.DRAWPOINT]: img$M,
+  [classcad.CCClasses.CCExtrusion]: img$P,
+  [classcad.CCClasses.CCRevolve]: img$O,
+  [classcad.CCClasses.CCSketchRegion]: img$y,
+  [HandlersList.DRAWPOINT]: img$N,
   [HandlersList.DRAWLINE]: line$1,
   [HandlersList.DRAWRECT2POINTS]: rect2points,
-  [HandlersList.DRAWRECTCENTER]: img$J,
+  [HandlersList.DRAWRECTCENTER]: img$K,
   [HandlersList.DRAWARCTANGENT]: arcTangential,
   [HandlersList.DRAWARCCENTER]: arcCenter,
   [HandlersList.DRAWARCMIDDLE]: arc3points,
@@ -10033,7 +10403,7 @@ const resources = {
   [HandlersList.USEREF]: useReference,
   [Patterns.RECTANGULAR]: copyRect,
   [Patterns.CIRCULAR]: copyCirc,
-  [Patterns.MIRROR]: img$z
+  [Patterns.MIRROR]: img$A
 };
 const textures = {};
 const textureLoader = new THREE__namespace.TextureLoader();
@@ -10806,8 +11176,8 @@ function recognizeFilletByArc(object, tree, sketchId) {
   };
 }
 
-function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Fillet(drawingId, pluginId) {
   const plugin = core.getPlugin(drawingId, pluginId);
   const set = plugin.set;
@@ -10939,7 +11309,7 @@ function Fillet(drawingId, pluginId) {
       if (!data) {
         return;
       }
-      classcad.ccAPI.sketcher.createFillet(drawingId, sketchId, data.info.lines.map(line => line.id), data.info.lineStarts.map(lineStart => lineStart.id), data.info.incidence, data.info.control, data.params.start, getArcAngles(_objectSpread$g(_objectSpread$g({}, data.params), {}, {
+      classcad.ccAPI.sketcher.createFillet(drawingId, sketchId, data.info.lines.map(line => line.id), data.info.lineStarts.map(lineStart => lineStart.id), data.info.incidence, data.info.control, data.params.start, getArcAngles(_objectSpread$h(_objectSpread$h({}, data.params), {}, {
         radius: 1
       })).mid, data.params.end).catch(console.warn);
       set({
@@ -11043,8 +11413,8 @@ function Trim(drawingId, pluginId) {
   };
 }
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const tolerance$5 = 1e-6;
 const tMinClosed = 1e-3;
 const tMaxClosed = 1 - 1e-3;
@@ -11214,7 +11584,7 @@ function intersectCircleCircle(circle1, circle2) {
   const c = w * w - dy * dy;
   let res = solveQuadratic(a, b, c).filter(u => u >= -1 && u <= 1).map(u => Math.acos(u) / (2 * Math.PI));
   res = [...res, ...res.map(u => -u)];
-  const points = res.map(t => getParameterizedPosition(t, _objectSpread$f(_objectSpread$f({}, circle1), {}, {
+  const points = res.map(t => getParameterizedPosition(t, _objectSpread$g(_objectSpread$g({}, circle1), {}, {
     class: classcad.CCClasses.CCCircle
   }))).filter(point => Math.abs(point.distanceTo(circle1.center) - circle1.radius) < tolerance$5 && Math.abs(point.distanceTo(circle2.center) - circle2.radius) < tolerance$5);
   const circle1Intersections = points.map(point => getNormalizedPosition(point, circle1));
@@ -11585,9 +11955,69 @@ function UseRef(drawingId, pluginId) {
   };
 }
 
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function SSelect(drawingId, pluginId) {
+  const hoverHandler = Hover(drawingId, pluginId);
+  const filter = object => true;
+  const onDeactivate = () => {
+    hoverHandler.onDeactivate && hoverHandler.onDeactivate();
+    const {
+      set
+    } = core.getPlugin(drawingId, pluginId);
+    set({
+      highlighted: [],
+      interaction: {
+        cycle: 0,
+        objects: [],
+        lastHoveredPos: {},
+        constraintsToGeometry: {}
+      }
+    });
+  };
+  const onClick = e => {
+    if (e.delta > 1) {
+      return;
+    }
+    const {
+      cycle,
+      objects
+    } = getSketchState(drawingId, pluginId).interaction;
+    const pressedId = objects.length > 0 ? objects[cycle % objects.length] : e.object.userData.objId;
+    const drawing = core.getDrawing(drawingId);
+    const productId = drawing.structure.currentProduct;
+    const object = drawing.structure.tree[pressedId];
+    const selection = drawing.selection.refs[drawing.selection.active || ''];
+    const isSelectable = (selection == null ? void 0 : selection.isSelectable(TreeObjScope, {
+      object
+    })) || false;
+    if (!isSelectable || !productId) {
+      return;
+    }
+    e.stopPropagation();
+    if (selection != null && selection.isSelectable(TreeObjScope, {
+      object
+    })) {
+      const item = createTreeObjSelItem(productId, object);
+      const selApi = drawing.api.selection;
+      selApi.isItemSelected(item) ? selApi.unselect(item) : selApi.select(item);
+    }
+  };
+  return {
+    name: HandlersList.SSELECT,
+    filter,
+    onDeactivate,
+    pointerHandlers: _objectSpread$f({
+      onClick
+    }, hoverHandler.pointerHandlers),
+    keyHandlers: _objectSpread$f({}, hoverHandler.keyHandlers)
+  };
+}
+
 const HandlersConstructors = {
   [HandlersList.CREATEANGLE]: CreateAngle,
   [HandlersList.DRAG]: Drag,
+  [HandlersList.SSELECT]: SSelect,
   [HandlersList.DRAWPOINT]: DrawPoint,
   [HandlersList.DRAWLINE]: DrawLine,
   [HandlersList.DRAWCIRCLE]: DrawCircle,
@@ -11703,9 +12133,9 @@ const getLineColor = objState => {
     isHighlighted,
     lgsState
   } = objState;
-  if (!isSketchActive) return 0x009999;
   if (isSelected) return 0xffa500;
   if (isGHovered || isHighlighted) return 0x00ff00;
+  if (!isSketchActive) return 0x009999;
   if (isWelldefined(lgsState)) return 0x000000;
   if (isOverdefined(lgsState)) return 0x990000;
   return 0x0066ff;
@@ -11718,9 +12148,9 @@ const getArcColor = objState => {
     isHighlighted,
     lgsState
   } = objState;
-  if (!isSketchActive) return 0x009999;
   if (isSelected) return 0xffa500;
   if (isGHovered || isHighlighted) return 0x00ff00;
+  if (!isSketchActive) return 0x009999;
   if (isWelldefined(lgsState)) return 0x000000;
   if (isOverdefined(lgsState)) return 0x990000;
   return 0x0066ff;
@@ -11740,6 +12170,17 @@ const getConstrColor = objState => {
   if (isHighlighted) return 0xbbecdd;
   return 0xdddddd;
 };
+const getRegionColor = objState => {
+  const {
+    isSelected,
+    isGHovered,
+    isHighlighted
+  } = objState;
+  if (isSelected) return 0xffff00;
+  if (isGHovered) return 0x28d79f;
+  if (isHighlighted) return 0xbbecdd;
+  return 0xdddddd;
+};
 const getColor = (object, objState) => {
   const {
     isSketchActive,
@@ -11762,6 +12203,8 @@ const getColor = (object, objState) => {
     return getArcColor(objState);
   } else if (is2DConstraint(object)) {
     return getConstrColor(objState);
+  } else if (isSketchRegion(object)) {
+    return getRegionColor(objState);
   }
   return 0x000000;
 };
@@ -11804,9 +12247,9 @@ const useColor = objId => {
     var _d$interaction$select2;
     return ((_d$interaction$select2 = d.interaction.selected) == null ? void 0 : _d$interaction$select2.findIndex(info => info.objectId === objId)) !== -1;
   }) || false;
-  // gHovered - true if object is selector-hovered
+  // sHovered - true if object is selector-hovered
   const sHovered = useIsSHovered(drawingId, objId);
-  // gSelected - true if object is selector-selected
+  // sSelected - true if object is selector-selected
   const sSelected = useIsSSelected(drawingId, objId);
   const isSelected = gSelected || sSelected;
   const isHighlighted = useSketchState(drawingId, pluginId, state => state.highlighted.indexOf(objId) !== -1);
@@ -11857,10 +12300,7 @@ const defaultHandlers = {
 };
 
 const useHandlersAndColor = (drawingId, objId) => {
-  const isSelActive = react.useDrawing(drawingId, d => d.selection.active);
-  const treeObjInteraction = useTreeObjInteraction(drawingId, objId);
-  const sketchPointerHandlers = useSketchHandlers(objId);
-  const pointerHandlers = isSelActive ? treeObjInteraction.handlers : sketchPointerHandlers;
+  const pointerHandlers = useSketchHandlers(objId);
   const color = useColor(objId);
   return React.useMemo(() => ({
     handlers: pointerHandlers || defaultHandlers,
@@ -11868,22 +12308,6 @@ const useHandlersAndColor = (drawingId, objId) => {
   }), [pointerHandlers, color]);
 };
 
-const virtualScene = new THREE__namespace.Scene();
-const HUD = ({
-  children
-}) => {
-  const {
-    gl,
-    camera
-  } = fiber.useThree();
-  fiber.useFrame(() => {
-    gl.autoClear = false;
-    gl.clearDepth();
-    gl.render(virtualScene, camera);
-  }, 3);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, fiber.createPortal( /*#__PURE__*/React.createElement("group", null, children), virtualScene));
-};
-
 /*
  * For correct drawing of objects that lie in the same plane, polygonOffset is used.
  * https://www.khronos.org/registry/OpenGL-Refpages/gl4/html/glPolygonOffset.xhtml
@@ -11894,22 +12318,21 @@ const HUD = ({
  * factor parameter is redundant for this purpose, so only units parameter is used.
  */
 
-const constrSize = 2.5;
+const iconSize = 2.5;
 const hoverZone = 0.8;
-const constrBox = new THREE__namespace.Box3();
+const iconBox = new THREE__namespace.Box3();
 const boxMin = new THREE__namespace.Vector3();
 const boxMax = new THREE__namespace.Vector3();
 const target$2 = new THREE__namespace.Vector3();
-const Constraint$1 = props => {
+const Icon$3 = ({
+  objId,
+  position
+}) => {
   const {
     drawingId,
     pluginId
   } = React.useContext(ViewContext);
-  const {
-    objId,
-    position
-  } = props;
-  const constraint = react.useDrawing(drawingId, drawing => drawing.structure.tree[objId]);
+  const object = react.useDrawing(drawingId, drawing => drawing.structure.tree[objId]);
   const {
     handlers,
     color
@@ -11920,15 +12343,15 @@ const Constraint$1 = props => {
     renderOrder,
     polygonOffsetUnits
   } = useGeomParams(objId);
-  const texture = textures[constraint.class];
-  const constraintRaycast = React.useCallback(function (raycaster, intersects) {
+  const texture = textures[object.class];
+  const raycast = React.useCallback(function (raycaster, intersects) {
     const sketchScale = getScale(drawingId, pluginId);
-    const halfWidth = (constrSize + hoverZone) * sketchScale * 0.5;
+    const halfWidth = (iconSize + hoverZone) * sketchScale * 0.5;
     boxMin.set(-halfWidth, -halfWidth, 0.0);
     boxMax.set(halfWidth, halfWidth, 0.0);
-    constrBox.set(boxMin, boxMax);
-    constrBox.applyMatrix4(this.matrixWorld);
-    const success = raycaster.ray.intersectBox(constrBox, target$2) !== null;
+    iconBox.set(boxMin, boxMax);
+    iconBox.applyMatrix4(this.matrixWorld);
+    const success = raycaster.ray.intersectBox(iconBox, target$2) !== null;
     if (success) {
       intersects.push({
         distance: 0,
@@ -11944,10 +12367,10 @@ const Constraint$1 = props => {
     renderOrder: renderOrder - 0.5
   }, handlers, {
     userData: userData,
-    raycast: constraintRaycast
+    raycast: raycast
   }), /*#__PURE__*/React.createElement("planeGeometry", {
     attach: "geometry",
-    args: [(constrSize + hoverZone) * scale, (constrSize + hoverZone) * scale, 1, 1]
+    args: [(iconSize + hoverZone) * scale, (iconSize + hoverZone) * scale, 1, 1]
   }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
     attach: "material",
     transparent: true,
@@ -11957,7 +12380,7 @@ const Constraint$1 = props => {
     renderOrder: renderOrder - 0.5
   }, /*#__PURE__*/React.createElement("planeGeometry", {
     attach: "geometry",
-    args: [constrSize * scale, constrSize * scale, 1, 1]
+    args: [iconSize * scale, iconSize * scale, 1, 1]
   }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
     attach: "material",
     side: THREE__namespace.DoubleSide,
@@ -11969,7 +12392,7 @@ const Constraint$1 = props => {
     renderOrder: renderOrder
   }, /*#__PURE__*/React.createElement("planeGeometry", {
     attach: "geometry",
-    args: [constrSize * scale, constrSize * scale, 1, 1]
+    args: [iconSize * scale, iconSize * scale, 1, 1]
   }), /*#__PURE__*/React.createElement("meshBasicMaterial", {
     attach: "material",
     side: THREE__namespace.DoubleSide,
@@ -11998,23 +12421,78 @@ const getObjCenterPoint = (id, tree) => {
   }
   return new THREE__namespace.Vector3();
 };
-const Constraints$1 = props => {
+const IconGroups = ({
+  sketchId,
+  ids,
+  showAll
+}) => {
   const {
     drawingId,
-    pluginId
+    pluginId,
+    isActive
   } = React.useContext(ViewContext);
+  const sketch = react.useDrawing(drawingId, drawing => drawing.structure.tree[sketchId]);
+  const lastHoveredPos = useSketchState(drawingId, pluginId, state => state.interaction.lastHoveredPos);
+  const constraintsToGeometry = useSketchState(drawingId, pluginId, state => state.interaction.constraintsToGeometry);
+  const scale = useSketchState(drawingId, pluginId, state => state.scale);
+  const positions = React.useMemo(() => {
+    if (!sketch.children) {
+      return {};
+    }
+    const tree = core.getDrawing(drawingId).structure.tree;
+    const rows = [];
+    ids.forEach(id => {
+      let position = lastHoveredPos[id];
+      if (!position || showAll) {
+        var _constraintsToGeometr;
+        const geometryId = (_constraintsToGeometr = constraintsToGeometry[id]) != null ? _constraintsToGeometr : getEntities(drawingId, id)[0];
+        position = getObjCenterPoint(geometryId, tree);
+      }
+      const suitableRow = rows.find(row => row.position.distanceTo(position) < tolerance$7);
+      if (suitableRow) {
+        suitableRow.ids.push(id);
+      } else {
+        rows.push({
+          position,
+          ids: [id]
+        });
+      }
+    });
+    const positionsNew = {};
+    rows.forEach(row => {
+      row.ids.forEach((id, index) => {
+        const offset = new THREE__namespace.Vector3((-(row.ids.length - 1) / 2 + index) * iconSize * 1.1 * scale, 3 * scale, 0);
+        positionsNew[id] = row.position.clone().add(offset);
+      });
+    });
+    return positionsNew;
+  }, [drawingId, ids, showAll, constraintsToGeometry, scale, sketch.children, lastHoveredPos]);
+  const csys = react.useDrawing(drawingId, drawing => sketchId >= 0 && drawing.structure.tree[sketchId].coordinateSystem);
+  const transformMatrix = React.useMemo(() => csys ? core.MathUtils.convertToMatrix4(csys) : new THREE__namespace.Matrix4(), [csys]);
+  const icons = /*#__PURE__*/React.createElement(React.Fragment, null, ids.map(id => /*#__PURE__*/React.createElement(Icon$3, {
+    key: id,
+    objId: id,
+    position: positions[id]
+  })));
+  return isActive ? /*#__PURE__*/React.createElement(HUD, null, /*#__PURE__*/React.createElement("group", {
+    matrix: transformMatrix,
+    matrixAutoUpdate: false
+  }, icons)) : icons;
+};
+
+const Constraints$1 = ({
+  sketchId
+}) => {
   const {
-    sketchId
-  } = props;
+    drawingId,
+    pluginId
+  } = React.useContext(ViewContext);
   const sketch = react.useDrawing(drawingId, drawing => drawing.structure.tree[sketchId]);
   const selected = useDrawingArr(drawingId, d => d.interaction.selected);
   const alwaysShow = useSketchState(drawingId, pluginId, state => state.alwaysShowConstr);
   const showCoincidence = useSketchState(drawingId, pluginId, state => state.showCoincidence);
   const showRigidSets = useSketchState(drawingId, pluginId, s => s.showRigidSets);
   const highlighted = useSketchState(drawingId, pluginId, state => state.highlighted);
-  const lastPos = useSketchState(drawingId, pluginId, state => state.interaction.lastPos);
-  const constraintsToGeometry = useSketchState(drawingId, pluginId, state => state.constraintsToGeometry);
-  const scale = useSketchState(drawingId, pluginId, state => state.scale);
   const constraintIds = React.useMemo(() => {
     var _sketch$children;
     const tree = core.getDrawing(drawingId).structure.tree;
@@ -12042,50 +12520,11 @@ const Constraints$1 = props => {
 
     return result;
   }, [sketch.children, highlighted, selected, alwaysShow, showCoincidence, drawingId, showRigidSets]);
-  const constrPositions = React.useMemo(() => {
-    if (!sketch.children) {
-      return {};
-    }
-    const selConstrPositions = {};
-    const tree = core.getDrawing(drawingId).structure.tree;
-    selected.filter(info => is2DConstraint(tree[info.objectId]) && info.userData.hoverPos).forEach(info => selConstrPositions[info.objectId] = info.userData.hoverPos);
-    const constrRows = [];
-    constraintIds.forEach(id => {
-      const constraint = tree[id];
-      const geometryId = constraintsToGeometry[id] ? constraintsToGeometry[id] : getConstrEntities(drawingId, id)[0];
-      let position = selConstrPositions[id] || lastPos;
-      if (!position || alwaysShow) {
-        position = getObjCenterPoint(geometryId, tree);
-      }
-      const suitableRow = constrRows.find(row => row.position.distanceTo(position) < tolerance$7);
-      if (suitableRow) {
-        suitableRow.constrIds.push(constraint.id);
-      } else {
-        constrRows.push({
-          position,
-          constrIds: [constraint.id]
-        });
-      }
-    });
-    const constrPositionsNew = {};
-    constrRows.forEach(constrRow => {
-      constrRow.constrIds.forEach((constrId, index) => {
-        const offset = new THREE__namespace.Vector3((-(constrRow.constrIds.length - 1) / 2 + index) * constrSize * 1.1 * scale, 3 * scale, 0);
-        constrPositionsNew[constrId] = constrRow.position.clone().add(offset);
-      });
-    });
-    return constrPositionsNew;
-  }, [constraintIds, constraintsToGeometry, scale, drawingId, sketch.children, alwaysShow, selected, lastPos]);
-  const csys = react.useDrawing(drawingId, drawing => sketchId >= 0 && drawing.structure.tree[sketchId].coordinateSystem);
-  const transformMatrix = React.useMemo(() => csys ? core.MathUtils.convertToMatrix4(csys) : new THREE__namespace.Matrix4(), [csys]);
-  return /*#__PURE__*/React.createElement(HUD, null, /*#__PURE__*/React.createElement("group", {
-    matrix: transformMatrix,
-    matrixAutoUpdate: false
-  }, constraintIds.map(constraintId => /*#__PURE__*/React.createElement(Constraint$1, {
-    key: constraintId,
-    objId: constraintId,
-    position: constrPositions[constraintId]
-  }))));
+  return /*#__PURE__*/React.createElement(IconGroups, {
+    sketchId: sketchId,
+    ids: constraintIds,
+    showAll: alwaysShow
+  });
 };
 
 class InfinityPlane extends THREE__namespace.Object3D {
@@ -12496,6 +12935,53 @@ const Circle = ({
   }));
 };
 
+const useSketchRegions = (drawingId, sketchId) => {
+  const partId = getAncestorIdByClass(drawingId, sketchId, classcad.CCClasses.CCPart) || NOCCID;
+  const geometrySetId = useDrawingCCId(drawingId, d => {
+    var _d$structure$tree$par;
+    return (_d$structure$tree$par = d.structure.tree[partId]) == null ? void 0 : _d$structure$tree$par.geometrySet;
+  });
+  const geometrySetChildren = useDrawingArr(drawingId, d => {
+    var _d$structure$tree$geo;
+    return (_d$structure$tree$geo = d.structure.tree[geometrySetId]) == null ? void 0 : _d$structure$tree$geo.children;
+  });
+  return React.useMemo(() => {
+    const tree = core.getDrawing(drawingId).structure.tree;
+    const ids = geometrySetChildren.filter(child => {
+      var _tree$child$members, _tree$child$members$s;
+      return isSketchRegion(tree[child]) && ((_tree$child$members = tree[child].members) == null ? void 0 : (_tree$child$members$s = _tree$child$members.sketch) == null ? void 0 : _tree$child$members$s.value) === sketchId;
+    });
+    return ids;
+  }, [drawingId, sketchId, geometrySetChildren]);
+};
+
+const Regions$1 = ({
+  sketchId
+}) => {
+  const {
+    drawingId,
+    pluginId
+  } = React.useContext(ViewContext);
+  const highlighted = useSketchState(drawingId, pluginId, state => state.highlighted);
+  const selection = react.useDrawing(drawingId, d => d.selection.refs[d.selection.active || '']);
+  const selItems = (selection == null ? void 0 : selection.items) || [];
+  const selected = selItems.map(item => {
+    var _item$data$object;
+    return (_item$data$object = item.data.object) == null ? void 0 : _item$data$object.id;
+  }).filter(item => item !== undefined);
+  const regions = useSketchRegions(drawingId, sketchId);
+  const displayedRegions = React.useMemo(() => {
+    const tree = core.getDrawing(drawingId).structure.tree;
+    return regions.filter(regionId => (highlighted.indexOf(regionId) !== -1 || selected.findIndex(selId => selId === regionId) !== -1) && (selection == null ? void 0 : selection.isSelectable(TreeObjScope, {
+      object: tree[regionId]
+    })));
+  }, [drawingId, regions, highlighted, selection, selected]);
+  return /*#__PURE__*/React.createElement(IconGroups, {
+    sketchId: sketchId,
+    ids: displayedRegions
+  });
+};
+
 function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
@@ -12756,13 +13242,14 @@ const SketchPlane = ({
 }) => {
   const {
     drawingId,
-    pluginId
+    pluginId,
+    isActive
   } = React.useContext(ViewContext);
   const ref = React.useRef(null);
   const handlers = useSketchHandlers(objId);
   const step = useSketchState(drawingId, pluginId, state => state.step);
   fiber.useFrame(state => {
-    if (!ref.current) {
+    if (!ref.current || !isActive) {
       return;
     }
     const sketchPlane = new THREE__namespace.Plane().setFromNormalAndCoplanarPoint(new THREE__namespace.Vector3(0, 1, 0), new THREE__namespace.Vector3(0, 0, 0)).applyMatrix4(ref.current.matrixWorld);
@@ -12781,7 +13268,7 @@ const SketchPlane = ({
     userData: {
       objId
     }
-  })), /*#__PURE__*/React.createElement(drei.Grid, {
+  })), isActive && /*#__PURE__*/React.createElement(drei.Grid, {
     ref: ref,
     args: [10, 10],
     rotation: gridRotation,
@@ -12864,13 +13351,15 @@ const Sketch = ({
       drawnObjectsRef
     });
   }, [set]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isActive && /*#__PURE__*/React.createElement(SketchPlane, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SketchPlane, {
     objId: objId
   }), /*#__PURE__*/React.createElement(MergedWrapper, null, drawnObjects && /*#__PURE__*/React.createElement("group", {
     ref: drawnObjectsRef,
     name: "sketch"
   }, drawnObjects, isActive && containerIds && containerIds.length === 0 && /*#__PURE__*/React.createElement(Constraints$1, {
     sketchId: objId
+  }), !isActive && /*#__PURE__*/React.createElement(Regions$1, {
+    sketchId: objId
   }))));
 };
 
@@ -13587,30 +14076,133 @@ function useSetScale(drawingId, pluginId) {
   });
 }
 
+// Adds handlers to pluginState when sketcher changes its state to active / view only / inactive state
+function useHandlers(drawingId, pluginId) {
+  const camControls = fiber.useThree(state => state.controls);
+  const activePlugin = react.useDrawing(drawingId, drawing => drawing.plugin.active.feature);
+  const isActive = activePlugin === pluginId;
+  React.useEffect(() => {
+    const handlers = {};
+    let defaultHandler = undefined;
+    if (isActive) {
+      // Use all handlers in the drawing mode
+      Object.values(HandlersConstructors).forEach(handlerConstr => {
+        const handler = handlerConstr(drawingId, pluginId, camControls);
+        handlers[handler.name] = handler;
+      });
+      defaultHandler = HandlersList.DRAG;
+    } else {
+      // Only use SSELECT handler in the view only mode
+      const handler = HandlersConstructors.sSelect(drawingId, pluginId);
+      handlers[handler.name] = handler;
+    }
+    const {
+      set
+    } = core.getPlugin(drawingId, pluginId);
+    set({
+      handlers,
+      activeHandler: defaultHandler
+    });
+  }, [drawingId, pluginId, camControls, isActive]);
+}
+function useKeyHandlers(drawingId, pluginId) {
+  // Add key handlers to the window
+  React.useEffect(() => {
+    function keyupHandler(e) {
+      if (e.repeat) return; // There is no need to fire handlers multiple times
+
+      const pluginState = getSketchState(drawingId, pluginId);
+      const curHandlerName = pluginState.activeHandler;
+      if (curHandlerName === undefined) {
+        return;
+      }
+      const handler = pluginState.handlers[curHandlerName];
+      if (e.code === 'Escape') {
+        var _handler$keyHandlers;
+        const escapeH = (_handler$keyHandlers = handler.keyHandlers) == null ? void 0 : _handler$keyHandlers.escape;
+        const switchToDrag = escapeH !== undefined ? escapeH(e) : true;
+        if (switchToDrag) {
+          // If handler doesn't have escape handler or escape handler returns true, the drag handler will be enabled.
+          const {
+            set
+          } = core.getPlugin(drawingId, pluginId);
+          set({
+            activeHandler: HandlersList.DRAG
+          });
+        }
+      } else {
+        if (handler.keyHandlers && handler.keyHandlers.keyup) {
+          handler.keyHandlers.keyup(e);
+        }
+      }
+    }
+    function keydownHandler(e) {
+      if (e.repeat) return; // There is no need to fire handlers multiple times
+
+      const pluginState = getSketchState(drawingId, pluginId);
+      const curHandlerName = pluginState.activeHandler;
+      if (curHandlerName === undefined) {
+        return;
+      }
+      const handler = pluginState.handlers[curHandlerName];
+      if (handler.keyHandlers && handler.keyHandlers.keydown) {
+        handler.keyHandlers.keydown(e);
+      }
+    }
+    window.addEventListener('keyup', keyupHandler);
+    window.addEventListener('keydown', keydownHandler);
+    return () => {
+      window.removeEventListener('keyup', keyupHandler);
+      window.removeEventListener('keydown', keydownHandler);
+    };
+  }, [drawingId, pluginId]);
+}
+function useSwitchHandlers(drawingId, pluginId) {
+  const activeHandler = useSketchState(drawingId, pluginId, state => state.activeHandler);
+  const currentHandler = React.useRef();
+  React.useEffect(() => {
+    // Switching handlers (call onActivate and onDeactivate)
+    const handlers = getSketchState(drawingId, pluginId).handlers;
+    const switchHandlers = async () => {
+      if (currentHandler.current) {
+        const h = handlers[currentHandler.current];
+        h && h.onDeactivate && (await h.onDeactivate());
+      }
+      if (activeHandler) {
+        const handler = handlers[activeHandler];
+        handler && handler.onActivate && handler.onActivate();
+      }
+      currentHandler.current = activeHandler;
+    };
+    switchHandlers();
+  }, [drawingId, pluginId, activeHandler]);
+}
+
 // Turn off all handlers and hide sketch selection if global selection is active
-function useHandleGSelection(drawingId, pluginId, activeHandler) {
+function useHandleSSelection(drawingId, pluginId) {
   const {
     set
   } = core.getPlugin(drawingId, pluginId);
   const setSelected = core.getDrawing(drawingId).api.interaction.setSelected;
   const activeSelection = react.useDrawing(drawingId, d => d.selection.active);
-  const prevHandler = React.useRef();
+  const activeHandler = useSketchState(drawingId, pluginId, state => state.activeHandler);
+  const prevHandler = React.useRef(null);
   const prevSelected = React.useRef([]);
   React.useEffect(() => {
     // Disable all handlers if global selection is active
-    if (activeSelection && activeSelection !== 'UseRef' && !prevHandler.current) {
+    if (activeSelection && activeSelection !== 'UseRef' && prevHandler.current === null) {
       prevHandler.current = activeHandler;
       prevSelected.current = core.getDrawing(drawingId).interaction.selected || [];
       setSelected([]);
       set({
-        activeHandler: undefined
+        activeHandler: HandlersList.SSELECT
       });
-    } else if (!activeSelection && prevHandler.current) {
+    } else if (!activeSelection && prevHandler.current !== null) {
       setSelected(prevSelected.current);
       set({
         activeHandler: prevHandler.current
       });
-      prevHandler.current = undefined;
+      prevHandler.current = null;
     }
   }, [drawingId, pluginId, activeSelection, activeHandler, set, setSelected]);
 }
@@ -13666,7 +14258,8 @@ function useInteractionReset(drawingId, pluginId) {
       state_.interaction = {
         cycle: 0,
         objects: cursorOverValid,
-        lastPos: undefined
+        lastHoveredPos: {},
+        constraintsToGeometry: {}
       };
     }
     if (state_.highlighted || state_.interaction) {
@@ -13674,6 +14267,30 @@ function useInteractionReset(drawingId, pluginId) {
     }
   }, [drawingId, pluginId, children]);
 }
+function useStateReset(drawingId, pluginId) {
+  React.useEffect(() => {
+    return () => {
+      var _getPlugin;
+      return (_getPlugin = core.getPlugin(drawingId, pluginId)) == null ? void 0 : _getPlugin.set({
+        activeHandler: undefined,
+        handlers: {},
+        tmpObjects: {},
+        highlighted: [],
+        interaction: {
+          cycle: 0,
+          objects: [],
+          lastHoveredPos: {},
+          constraintsToGeometry: {}
+        },
+        isDragged: false,
+        mousePos: undefined,
+        drawnObjectsRef: undefined,
+        rubberBandRectangle: undefined,
+        cursor: null
+      });
+    };
+  }, [drawingId, pluginId]);
+}
 
 // Changes cursor if it's set in plugin state
 function useChangeCursor() {
@@ -13694,101 +14311,9 @@ const DrawingMode = ({
 }) => {
   const sketchId = react.usePlugin(drawingId, pluginId, plugin => plugin.objectId);
   // TODO: what about useSketchPlugin which return only sketcher state and never undefined?
-  const {
-    set
-  } = core.getPlugin(drawingId, pluginId);
+
   useChangeCursor();
   useOverrideGeometryColor('sketch', 10, overrideValues);
-  const camControls = fiber.useThree(state => state.controls);
-
-  // Add handlers to pluginState when sketcher is enabled
-  React.useEffect(() => {
-    const handlers = {};
-    Object.values(HandlersConstructors).forEach(handlerConstr => {
-      const handler = handlerConstr(drawingId, pluginId, camControls);
-      handlers[handler.name] = handler;
-    });
-    set({
-      handlers
-    });
-    function keyupHandler(e) {
-      if (e.repeat) return; // There is no need to fire handlers multiple times
-
-      const pluginState = getSketchState(drawingId, pluginId);
-      const curHandlerName = pluginState.activeHandler;
-      if (curHandlerName === undefined) {
-        return;
-      }
-      const handler = pluginState.handlers[curHandlerName];
-      if (e.code === 'Escape') {
-        var _handler$keyHandlers;
-        const escapeH = (_handler$keyHandlers = handler.keyHandlers) == null ? void 0 : _handler$keyHandlers.escape;
-        const switchToDrag = escapeH !== undefined ? escapeH(e) : true;
-        if (switchToDrag) {
-          // If handler doesn't have escape handler or escape handler returns true, the drag handler will be enabled.
-          set({
-            activeHandler: HandlersList.DRAG
-          });
-        }
-      } else {
-        if (handler.keyHandlers && handler.keyHandlers.keyup) {
-          handler.keyHandlers.keyup(e);
-        }
-      }
-    }
-    function keydownHandler(e) {
-      if (e.repeat) return; // There is no need to fire handlers multiple times
-
-      const pluginState = getSketchState(drawingId, pluginId);
-      const curHandlerName = pluginState.activeHandler;
-      if (curHandlerName === undefined) {
-        return;
-      }
-      const handler = pluginState.handlers[curHandlerName];
-      if (handler.keyHandlers && handler.keyHandlers.keydown) {
-        handler.keyHandlers.keydown(e);
-      }
-    }
-    window.addEventListener('keyup', keyupHandler);
-    window.addEventListener('keydown', keydownHandler);
-    return () => {
-      window.removeEventListener('keyup', keyupHandler);
-      window.removeEventListener('keydown', keydownHandler);
-    };
-  }, [drawingId, pluginId, set, camControls]);
-
-  // Enable drag handler by default.
-  React.useEffect(() => {
-    set({
-      activeHandler: HandlersList.DRAG
-    });
-    return () => {
-      const plugin = core.getPlugin(drawingId, pluginId);
-      plugin && plugin.set({
-        activeHandler: undefined
-      });
-    };
-  }, [drawingId, pluginId, set]);
-  useSetScale(drawingId, pluginId);
-  const activeHandler = useSketchState(drawingId, pluginId, state => state.activeHandler);
-  const currentHandler = React.useRef();
-  React.useEffect(() => {
-    // Switching handlers (call onActivate and onDeactivate)
-    const handlers = getSketchState(drawingId, pluginId).handlers;
-    const switchHandlers = async () => {
-      if (currentHandler.current) {
-        const h = handlers[currentHandler.current];
-        h.onDeactivate && (await h.onDeactivate());
-      }
-      if (activeHandler) {
-        const handler = handlers[activeHandler];
-        handler && handler.onActivate && handler.onActivate();
-      }
-      currentHandler.current = activeHandler;
-    };
-    switchHandlers();
-  }, [drawingId, pluginId, activeHandler]);
-  useHandleGSelection(drawingId, pluginId, activeHandler);
   useUseRef(drawingId, sketchId);
   useInteractionReset(drawingId, pluginId);
   const dimId = useDimensionSetId(drawingId, sketchId);
@@ -13807,7 +14332,6 @@ const ViewOnlyMode = ({
   pluginId
 }) => {
   const sketchId = react.usePlugin(drawingId, pluginId, plugin => plugin.objectId);
-  useSetScale(drawingId, pluginId);
 
   // Transform matrix is applied in buerli/packages/react/src/components/Plugin.tsx -> View component for every plugin graphics
   // But it makes no sense to apply matrix to HUD. So we have to do it here.
@@ -13836,6 +14360,12 @@ const ViewImpl$e = ({
   const planeSelection = planeRef === 0;
   const activePlugin = react.useDrawing(drawingId, drawing => drawing.plugin.active.feature);
   const isActive = activePlugin === pluginId;
+  useHandlers(drawingId, pluginId);
+  useKeyHandlers(drawingId, pluginId);
+  useSwitchHandlers(drawingId, pluginId);
+  useHandleSSelection(drawingId, pluginId);
+  useSetScale(drawingId, pluginId);
+  useStateReset(drawingId, pluginId);
   const contextValue = React.useMemo(() => ({
     drawingId,
     pluginId,
@@ -15159,7 +15689,7 @@ const AddRegion = () => {
 };
 var RegionMembers;
 (function (RegionMembers) {
-  RegionMembers["Curves"] = "curves";
+  RegionMembers["Selected"] = "selected";
 })(RegionMembers || (RegionMembers = {}));
 const EditRegion = ({
   sketchId,
@@ -15172,7 +15702,7 @@ const EditRegion = ({
   const {
     drawingId
   } = React.useContext(RootContext);
-  const curves = useRefsParam(drawingId, regionId, RegionMembers.Curves);
+  const curves = useRefsParam(drawingId, regionId, RegionMembers.Selected);
   const name = useDrawingStr(drawingId, d => {
     var _d$structure$tree$reg;
     return (_d$structure$tree$reg = d.structure.tree[regionId]) == null ? void 0 : _d$structure$tree$reg.name;
@@ -15241,7 +15771,7 @@ const EditRegion = ({
     menuInfo: menuInfo,
     caption: "Region",
     icon: /*#__PURE__*/React.createElement(Icon$2, {
-      url: img$J,
+      url: img$K,
       size: 14
     }),
     onHide: onHide,
@@ -15280,23 +15810,7 @@ const Regions = () => {
     pluginId
   } = React.useContext(RootContext);
   const sketchId = react.usePlugin(drawingId, pluginId, plugin => plugin.objectId);
-  const partId = getAncestorIdByClass(drawingId, sketchId, classcad.CCClasses.CCPart) || NOCCID;
-  const geometrySetId = useDrawingCCId(drawingId, d => {
-    var _d$structure$tree$par;
-    return (_d$structure$tree$par = d.structure.tree[partId]) == null ? void 0 : _d$structure$tree$par.geometrySet;
-  });
-  const geometrySetChildren = useDrawingArr(drawingId, d => {
-    var _d$structure$tree$geo;
-    return (_d$structure$tree$geo = d.structure.tree[geometrySetId]) == null ? void 0 : _d$structure$tree$geo.children;
-  });
-  const regions = React.useMemo(() => {
-    const tree = core.getDrawing(drawingId).structure.tree;
-    const ids = geometrySetChildren.filter(child => {
-      var _tree$child$members, _tree$child$members$s;
-      return classcad.ccUtils.base.isA(tree[child].class, classcad.CCClasses.CCSketchRegion) && ((_tree$child$members = tree[child].members) == null ? void 0 : (_tree$child$members$s = _tree$child$members.sketch) == null ? void 0 : _tree$child$members$s.value) === sketchId;
-    });
-    return ids;
-  }, [drawingId, sketchId, geometrySetChildren]);
+  const regions = useSketchRegions(drawingId, sketchId);
   const editedRegions = useEditedRegionsParam();
   const updateAvailable = React.useMemo(() => {
     return editedRegions.value.every(region => region.curves.length > 0) && editedRegions.isChanged();
@@ -15417,7 +15931,9 @@ const RootImpl$i = ({
   React.useEffect(() => {
     return () => {
       var _getPlugin;
-      return (_getPlugin = core.getPlugin(drawingId, pluginId)) == null ? void 0 : _getPlugin.set(getInitialState());
+      return (_getPlugin = core.getPlugin(drawingId, pluginId)) == null ? void 0 : _getPlugin.set({
+        needsUpdate: 0
+      });
     };
   }, [drawingId, pluginId]);
   const Component = planeSelected ? SketchMode : PlaneSelectionMode;
@@ -15631,22 +16147,6 @@ const WorkAxisObj = ({
   }));
 };
 
-const getHighlightedColor = (isGHovered, isGSelected, isSHovered, isSSelected) => {
-  if (isSHovered) {
-    return '#3280ff';
-  }
-  if (isSSelected) {
-    return '#8040c0';
-  }
-  if (isGHovered) {
-    return 'green';
-  }
-  if (isGSelected) {
-    return 'red';
-  }
-  return undefined;
-};
-
 const tolerance$4 = 1e-6;
 function getBaseColor(direction, type) {
   if (direction.distanceTo(new THREE__namespace.Vector3(1, 0, 0)) < tolerance$4 && type === classcad.WorkAxisType.WA_FIXED) {
@@ -18615,11 +19115,11 @@ const ccClassHeaderMap = {
   },
   [classcad.CCClasses.CCExtrusion]: {
     name: 'Extrusion',
-    icon: img$O
+    icon: img$P
   },
   [classcad.CCClasses.CCRevolve]: {
     name: 'Revolve',
-    icon: img$N
+    icon: img$O
   },
   [classcad.CCClasses.CCUnion]: {
     name: 'Boolean',
@@ -18659,7 +19159,7 @@ const ccClassHeaderMap = {
   },
   [classcad.CCClasses.CCMirror]: {
     name: 'Mirror',
-    icon: img$z
+    icon: img$A
   },
   [classcad.CCClasses.CCTranslation]: {
     name: 'Translation',
@@ -22824,7 +23324,21 @@ const useVisibleSolids = drawingId => {
     solids = solidsIds;
   }
   const solidsUnique = solids.filter((id, i) => solids.indexOf(id) === i);
-  return solidsUnique;
+
+  // filter out entities of composite curves
+  const filteredSolids = [];
+  const cache = react.useDrawing(drawingId, d => d.geometry.cache);
+  if (tree && cache) {
+    solidsUnique.forEach(solidId => {
+      var _cache$solidId, _tree$ccEntityId;
+      const ccEntityId = (_cache$solidId = cache[solidId]) == null ? void 0 : _cache$solidId.container.ownerId; // CC_CurveEntity id
+      const ccOperation = (_tree$ccEntityId = tree[ccEntityId]) == null ? void 0 : _tree$ccEntityId.parent; // CC_CompositeCurve id
+      if (ccOperation && tree[ccOperation].class !== classcad.CCClasses.CCCompositeCurve) {
+        filteredSolids.push(solidId);
+      }
+    });
+  }
+  return filteredSolids;
 };
 
 const mateNames = ['firstRefMate', 'secondRefMate'];
@@ -23040,7 +23554,7 @@ const Constraint = ({
     menuInfo: menuInfo,
     caption: "Constraint",
     icon: /*#__PURE__*/React.createElement(Icon$2, {
-      url: img$T,
+      url: img$U,
       size: 14
     }),
     onHide: onHide,
@@ -25347,6 +25861,8 @@ const SideBar = ({
 var css_248z = ".toolbar-dropdown .ant-dropdown-menu-root {\n  margin-left: -24px;\n}\n";
 styleInject(css_248z);
 
+var img$8 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='100' height='100' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e %3cg stroke='black' stroke-width='5'%3e %3cpath d='m20 20 20 20c-37.015 3.8681-19.657 36.676 0 30l20-40c27.5 15 15 15 0 30l20 20' fill='none' stroke-linecap='round' stroke-linejoin='round' style='paint-order:stroke markers fill'/%3e %3cpath d='m88 80a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8zm-60-60a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8z' fill='white' style='paint-order:markers fill stroke'/%3e %3cpath d='m63 60a3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3zm0-30a3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3zm-20 40a3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3zm0-30a3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3z' style='paint-order:markers fill stroke'/%3e %3c/g%3e%3c/svg%3e";
+
 const Icon = ({
   url
 }) => {
@@ -25416,13 +25932,13 @@ const PartModeCmds = (drawingId, rootId) => {
     Solid: [{
       label: 'Extrusion',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$O
+        url: img$P
       }),
       callback: wrapper(() => featureApi.createFeature(drawingId, rootId, classcad.CCClasses.CCExtrusion, 'Extrusion'))
     }, {
       label: 'Revolve',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$N
+        url: img$O
       }),
       callback: wrapper(() => featureApi.createFeature(drawingId, rootId, classcad.CCClasses.CCRevolve, 'Revolve'))
     }, {
@@ -25480,7 +25996,7 @@ const PartModeCmds = (drawingId, rootId) => {
     }, {
       label: 'Mirror',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$z
+        url: img$A
       }),
       callback: wrapper(() => featureApi.createFeature(drawingId, rootId, classcad.CCClasses.CCMirror, 'Mirror'))
     }],
@@ -25535,6 +26051,13 @@ const PartModeCmds = (drawingId, rootId) => {
       }),
       callback: wrapper(() => featureApi.createFeature(drawingId, rootId, classcad.CCClasses.CCImport, 'Import'))
     },
+    CompositeCurve: {
+      label: 'Composite Curve',
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        url: img$8
+      }),
+      callback: wrapper(() => featureApi.createFeature(drawingId, rootId, classcad.CCClasses.CCCompositeCurve, 'Composite Curve'))
+    },
     Deletion: {
       label: 'Delete Entity',
       icon: /*#__PURE__*/React.createElement(Icon, {
@@ -25545,13 +26068,11 @@ const PartModeCmds = (drawingId, rootId) => {
   };
 };
 
-var img$8 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M40.375 51.4062H21.2812V71.5H15.2812V26H43.4688V30.9375H21.2812V46.5H40.375V51.4062ZM85.6562 50.2188C85.6562 54.6771 84.9062 58.5729 83.4062 61.9062C81.9062 65.2188 79.7812 67.75 77.0312 69.5C74.2812 71.25 71.0729 72.125 67.4062 72.125C63.8229 72.125 60.6458 71.25 57.875 69.5C55.1042 67.7292 52.9479 65.2188 51.4062 61.9688C49.8854 58.6979 49.1042 54.9167 49.0625 50.625V47.3438C49.0625 42.9688 49.8229 39.1042 51.3438 35.75C52.8646 32.3958 55.0104 29.8333 57.7812 28.0625C60.5729 26.2708 63.7604 25.375 67.3438 25.375C70.9896 25.375 74.1979 26.2604 76.9688 28.0312C79.7604 29.7812 81.9062 32.3333 83.4062 35.6875C84.9062 39.0208 85.6562 42.9062 85.6562 47.3438V50.2188ZM79.6875 47.2812C79.6875 41.8854 78.6042 37.75 76.4375 34.875C74.2708 31.9792 71.2396 30.5312 67.3438 30.5312C63.5521 30.5312 60.5625 31.9792 58.375 34.875C56.2083 37.75 55.0938 41.75 55.0312 46.875V50.2188C55.0312 55.4479 56.125 59.5625 58.3125 62.5625C60.5208 65.5417 63.5521 67.0312 67.4062 67.0312C71.2812 67.0312 74.2812 65.625 76.4062 62.8125C78.5312 59.9792 79.625 55.9271 79.6875 50.6562V47.2812Z' fill='%235E5E5E'/%3e%3cpath d='M40.375 51.4062V52.4062H41.375V51.4062H40.375ZM21.2812 51.4062V50.4062H20.2812V51.4062H21.2812ZM21.2812 71.5V72.5H22.2812V71.5H21.2812ZM15.2812 71.5H14.2812V72.5H15.2812V71.5ZM15.2812 26V25H14.2812V26H15.2812ZM43.4688 26H44.4688V25H43.4688V26ZM43.4688 30.9375V31.9375H44.4688V30.9375H43.4688ZM21.2812 30.9375V29.9375H20.2812V30.9375H21.2812ZM21.2812 46.5H20.2812V47.5H21.2812V46.5ZM40.375 46.5H41.375V45.5H40.375V46.5ZM40.375 50.4062H21.2812V52.4062H40.375V50.4062ZM20.2812 51.4062V71.5H22.2812V51.4062H20.2812ZM21.2812 70.5H15.2812V72.5H21.2812V70.5ZM16.2812 71.5V26H14.2812V71.5H16.2812ZM15.2812 27H43.4688V25H15.2812V27ZM42.4688 26V30.9375H44.4688V26H42.4688ZM43.4688 29.9375H21.2812V31.9375H43.4688V29.9375ZM20.2812 30.9375V46.5H22.2812V30.9375H20.2812ZM21.2812 47.5H40.375V45.5H21.2812V47.5ZM39.375 46.5V51.4062H41.375V46.5H39.375ZM83.4062 61.9062L84.3172 62.3188L84.3182 62.3166L83.4062 61.9062ZM57.875 69.5L57.3365 70.3426L57.341 70.3455L57.875 69.5ZM51.4062 61.9688L50.4995 62.3904L50.5027 62.3973L51.4062 61.9688ZM49.0625 50.625H48.0625L48.0625 50.6347L49.0625 50.625ZM57.7812 28.0625L58.3198 28.9051L58.3214 28.9041L57.7812 28.0625ZM76.9688 28.0312L76.4302 28.8739L76.4376 28.8785L76.9688 28.0312ZM83.4062 35.6875L82.4934 36.0957L82.4943 36.0979L83.4062 35.6875ZM76.4375 34.875L75.6368 35.4741L75.6389 35.4769L76.4375 34.875ZM58.375 34.875L57.5771 34.2722L57.5764 34.2731L58.375 34.875ZM55.0312 46.875L54.0312 46.8628V46.875H55.0312ZM58.3125 62.5625L57.5045 63.1517L57.5091 63.158L58.3125 62.5625ZM76.4062 62.8125L77.2041 63.4153L77.2062 63.4125L76.4062 62.8125ZM79.6875 50.6562L80.6875 50.6681V50.6562H79.6875ZM84.6562 50.2188C84.6562 54.566 83.925 58.3167 82.4943 61.4959L84.3182 62.3166C85.8875 58.8292 86.6562 54.7882 86.6562 50.2188H84.6562ZM82.4953 61.4937C81.0659 64.6504 79.0619 67.0225 76.4944 68.6563L77.5681 70.3437C80.5006 68.4775 82.7466 65.7871 84.3172 62.3188L82.4953 61.4937ZM76.4944 68.6563C73.9243 70.2919 70.9072 71.125 67.4062 71.125V73.125C71.2386 73.125 74.6382 72.2081 77.5681 70.3437L76.4944 68.6563ZM67.4062 71.125C63.9936 71.125 61.0052 70.2942 58.409 68.6545L57.341 70.3455C60.2865 72.2058 63.6522 73.125 67.4062 73.125V71.125ZM58.4135 68.6574C55.8155 66.997 53.7788 64.6371 52.3098 61.5402L50.5027 62.3973C52.117 65.8004 54.3928 68.4613 57.3365 70.3426L58.4135 68.6574ZM52.313 61.5471C50.8625 58.4276 50.103 54.7912 50.0625 50.6153L48.0625 50.6347C48.1053 55.0421 48.9083 58.9683 50.4995 62.3904L52.313 61.5471ZM50.0625 50.625V47.3438H48.0625V50.625H50.0625ZM50.0625 47.3438C50.0625 43.0848 50.8025 39.3653 52.2545 36.163L50.433 35.337C48.8433 38.843 48.0625 42.8527 48.0625 47.3438H50.0625ZM52.2545 36.163C53.7053 32.9632 55.7311 30.5595 58.3198 28.9051L57.2427 27.2199C54.2898 29.1071 52.0238 31.8285 50.433 35.337L52.2545 36.163ZM58.3214 28.9041C60.9389 27.2242 63.9359 26.375 67.3438 26.375V24.375C63.5849 24.375 60.2069 25.3175 57.2411 27.2209L58.3214 28.9041ZM67.3438 26.375C70.8202 26.375 73.8374 27.2168 76.4302 28.8739L77.5073 27.1886C74.5584 25.304 71.159 24.375 67.3438 24.375V26.375ZM76.4376 28.8785C79.0423 30.5113 81.0646 32.9009 82.4934 36.0957L84.3191 35.2793C82.7479 31.7658 80.4785 29.0512 77.4999 27.184L76.4376 28.8785ZM82.4943 36.0979C83.9252 39.2776 84.6562 43.0181 84.6562 47.3438H86.6562C86.6562 42.7944 85.8873 38.764 84.3182 35.2771L82.4943 36.0979ZM84.6562 47.3438V50.2188H86.6562V47.3438H84.6562ZM80.6875 47.2812C80.6875 41.7713 79.5843 37.389 77.2361 34.2731L75.6389 35.4769C77.6241 38.111 78.6875 41.9995 78.6875 47.2812H80.6875ZM77.2382 34.2759C74.8664 31.1059 71.5265 29.5312 67.3438 29.5312V31.5312C70.9527 31.5312 73.6753 32.8524 75.6368 35.4741L77.2382 34.2759ZM67.3438 29.5312C63.2549 29.5312 59.9632 31.1134 57.5771 34.2722L59.1729 35.4778C61.1618 32.8449 63.8492 31.5312 67.3438 31.5312V29.5312ZM57.5764 34.2731C55.2374 37.3768 54.0954 41.6121 54.0313 46.8628L56.0312 46.8872C56.0921 41.8879 57.1792 38.1232 59.1736 35.4769L57.5764 34.2731ZM54.0312 46.875V50.2188H56.0312V46.875H54.0312ZM54.0312 50.2188C54.0312 55.5758 55.1505 59.9233 57.5045 63.1517L59.1205 61.9733C57.0995 59.2017 56.0312 55.3201 56.0312 50.2188H54.0312ZM57.5091 63.158C59.9146 66.4031 63.25 68.0312 67.4062 68.0312V66.0312C63.8542 66.0312 61.127 64.6802 59.1159 61.967L57.5091 63.158ZM67.4062 68.0312C71.5589 68.0312 74.8695 66.5053 77.2041 63.4153L75.6084 62.2097C73.693 64.7447 71.0036 66.0312 67.4062 66.0312V68.0312ZM77.2062 63.4125C79.5072 60.3445 80.6236 56.0527 80.6874 50.6681L78.6876 50.6444C78.6264 55.8015 77.5553 59.6138 75.6063 62.2125L77.2062 63.4125ZM80.6875 50.6562V47.2812H78.6875V50.6562H80.6875Z' fill='%235E5E5E'/%3e%3c/svg%3e";
-
-var img$7 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M62.375 51.4062H43.2812V71.5H37.2812V26H65.4688V30.9375H43.2812V46.5H62.375V51.4062Z' fill='%235E5E5E'/%3e%3cpath d='M62.375 51.4062V52.4062H63.375V51.4062H62.375ZM43.2812 51.4062V50.4062H42.2812V51.4062H43.2812ZM43.2812 71.5V72.5H44.2812V71.5H43.2812ZM37.2812 71.5H36.2812V72.5H37.2812V71.5ZM37.2812 26V25H36.2812V26H37.2812ZM65.4688 26H66.4688V25H65.4688V26ZM65.4688 30.9375V31.9375H66.4688V30.9375H65.4688ZM43.2812 30.9375V29.9375H42.2812V30.9375H43.2812ZM43.2812 46.5H42.2812V47.5H43.2812V46.5ZM62.375 46.5H63.375V45.5H62.375V46.5ZM62.375 50.4062H43.2812V52.4062H62.375V50.4062ZM42.2812 51.4062V71.5H44.2812V51.4062H42.2812ZM43.2812 70.5H37.2812V72.5H43.2812V70.5ZM38.2812 71.5V26H36.2812V71.5H38.2812ZM37.2812 27H65.4688V25H37.2812V27ZM64.4688 26V30.9375H66.4688V26H64.4688ZM65.4688 29.9375H43.2812V31.9375H65.4688V29.9375ZM42.2812 30.9375V46.5H44.2812V30.9375H42.2812ZM43.2812 47.5H62.375V45.5H43.2812V47.5ZM61.375 46.5V51.4062H63.375V46.5H61.375Z' fill='%235E5E5E'/%3e%3c/svg%3e";
+var img$7 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M40.375 51.4062H21.2812V71.5H15.2812V26H43.4688V30.9375H21.2812V46.5H40.375V51.4062ZM85.6562 50.2188C85.6562 54.6771 84.9062 58.5729 83.4062 61.9062C81.9062 65.2188 79.7812 67.75 77.0312 69.5C74.2812 71.25 71.0729 72.125 67.4062 72.125C63.8229 72.125 60.6458 71.25 57.875 69.5C55.1042 67.7292 52.9479 65.2188 51.4062 61.9688C49.8854 58.6979 49.1042 54.9167 49.0625 50.625V47.3438C49.0625 42.9688 49.8229 39.1042 51.3438 35.75C52.8646 32.3958 55.0104 29.8333 57.7812 28.0625C60.5729 26.2708 63.7604 25.375 67.3438 25.375C70.9896 25.375 74.1979 26.2604 76.9688 28.0312C79.7604 29.7812 81.9062 32.3333 83.4062 35.6875C84.9062 39.0208 85.6562 42.9062 85.6562 47.3438V50.2188ZM79.6875 47.2812C79.6875 41.8854 78.6042 37.75 76.4375 34.875C74.2708 31.9792 71.2396 30.5312 67.3438 30.5312C63.5521 30.5312 60.5625 31.9792 58.375 34.875C56.2083 37.75 55.0938 41.75 55.0312 46.875V50.2188C55.0312 55.4479 56.125 59.5625 58.3125 62.5625C60.5208 65.5417 63.5521 67.0312 67.4062 67.0312C71.2812 67.0312 74.2812 65.625 76.4062 62.8125C78.5312 59.9792 79.625 55.9271 79.6875 50.6562V47.2812Z' fill='%235E5E5E'/%3e%3cpath d='M40.375 51.4062V52.4062H41.375V51.4062H40.375ZM21.2812 51.4062V50.4062H20.2812V51.4062H21.2812ZM21.2812 71.5V72.5H22.2812V71.5H21.2812ZM15.2812 71.5H14.2812V72.5H15.2812V71.5ZM15.2812 26V25H14.2812V26H15.2812ZM43.4688 26H44.4688V25H43.4688V26ZM43.4688 30.9375V31.9375H44.4688V30.9375H43.4688ZM21.2812 30.9375V29.9375H20.2812V30.9375H21.2812ZM21.2812 46.5H20.2812V47.5H21.2812V46.5ZM40.375 46.5H41.375V45.5H40.375V46.5ZM40.375 50.4062H21.2812V52.4062H40.375V50.4062ZM20.2812 51.4062V71.5H22.2812V51.4062H20.2812ZM21.2812 70.5H15.2812V72.5H21.2812V70.5ZM16.2812 71.5V26H14.2812V71.5H16.2812ZM15.2812 27H43.4688V25H15.2812V27ZM42.4688 26V30.9375H44.4688V26H42.4688ZM43.4688 29.9375H21.2812V31.9375H43.4688V29.9375ZM20.2812 30.9375V46.5H22.2812V30.9375H20.2812ZM21.2812 47.5H40.375V45.5H21.2812V47.5ZM39.375 46.5V51.4062H41.375V46.5H39.375ZM83.4062 61.9062L84.3172 62.3188L84.3182 62.3166L83.4062 61.9062ZM57.875 69.5L57.3365 70.3426L57.341 70.3455L57.875 69.5ZM51.4062 61.9688L50.4995 62.3904L50.5027 62.3973L51.4062 61.9688ZM49.0625 50.625H48.0625L48.0625 50.6347L49.0625 50.625ZM57.7812 28.0625L58.3198 28.9051L58.3214 28.9041L57.7812 28.0625ZM76.9688 28.0312L76.4302 28.8739L76.4376 28.8785L76.9688 28.0312ZM83.4062 35.6875L82.4934 36.0957L82.4943 36.0979L83.4062 35.6875ZM76.4375 34.875L75.6368 35.4741L75.6389 35.4769L76.4375 34.875ZM58.375 34.875L57.5771 34.2722L57.5764 34.2731L58.375 34.875ZM55.0312 46.875L54.0312 46.8628V46.875H55.0312ZM58.3125 62.5625L57.5045 63.1517L57.5091 63.158L58.3125 62.5625ZM76.4062 62.8125L77.2041 63.4153L77.2062 63.4125L76.4062 62.8125ZM79.6875 50.6562L80.6875 50.6681V50.6562H79.6875ZM84.6562 50.2188C84.6562 54.566 83.925 58.3167 82.4943 61.4959L84.3182 62.3166C85.8875 58.8292 86.6562 54.7882 86.6562 50.2188H84.6562ZM82.4953 61.4937C81.0659 64.6504 79.0619 67.0225 76.4944 68.6563L77.5681 70.3437C80.5006 68.4775 82.7466 65.7871 84.3172 62.3188L82.4953 61.4937ZM76.4944 68.6563C73.9243 70.2919 70.9072 71.125 67.4062 71.125V73.125C71.2386 73.125 74.6382 72.2081 77.5681 70.3437L76.4944 68.6563ZM67.4062 71.125C63.9936 71.125 61.0052 70.2942 58.409 68.6545L57.341 70.3455C60.2865 72.2058 63.6522 73.125 67.4062 73.125V71.125ZM58.4135 68.6574C55.8155 66.997 53.7788 64.6371 52.3098 61.5402L50.5027 62.3973C52.117 65.8004 54.3928 68.4613 57.3365 70.3426L58.4135 68.6574ZM52.313 61.5471C50.8625 58.4276 50.103 54.7912 50.0625 50.6153L48.0625 50.6347C48.1053 55.0421 48.9083 58.9683 50.4995 62.3904L52.313 61.5471ZM50.0625 50.625V47.3438H48.0625V50.625H50.0625ZM50.0625 47.3438C50.0625 43.0848 50.8025 39.3653 52.2545 36.163L50.433 35.337C48.8433 38.843 48.0625 42.8527 48.0625 47.3438H50.0625ZM52.2545 36.163C53.7053 32.9632 55.7311 30.5595 58.3198 28.9051L57.2427 27.2199C54.2898 29.1071 52.0238 31.8285 50.433 35.337L52.2545 36.163ZM58.3214 28.9041C60.9389 27.2242 63.9359 26.375 67.3438 26.375V24.375C63.5849 24.375 60.2069 25.3175 57.2411 27.2209L58.3214 28.9041ZM67.3438 26.375C70.8202 26.375 73.8374 27.2168 76.4302 28.8739L77.5073 27.1886C74.5584 25.304 71.159 24.375 67.3438 24.375V26.375ZM76.4376 28.8785C79.0423 30.5113 81.0646 32.9009 82.4934 36.0957L84.3191 35.2793C82.7479 31.7658 80.4785 29.0512 77.4999 27.184L76.4376 28.8785ZM82.4943 36.0979C83.9252 39.2776 84.6562 43.0181 84.6562 47.3438H86.6562C86.6562 42.7944 85.8873 38.764 84.3182 35.2771L82.4943 36.0979ZM84.6562 47.3438V50.2188H86.6562V47.3438H84.6562ZM80.6875 47.2812C80.6875 41.7713 79.5843 37.389 77.2361 34.2731L75.6389 35.4769C77.6241 38.111 78.6875 41.9995 78.6875 47.2812H80.6875ZM77.2382 34.2759C74.8664 31.1059 71.5265 29.5312 67.3438 29.5312V31.5312C70.9527 31.5312 73.6753 32.8524 75.6368 35.4741L77.2382 34.2759ZM67.3438 29.5312C63.2549 29.5312 59.9632 31.1134 57.5771 34.2722L59.1729 35.4778C61.1618 32.8449 63.8492 31.5312 67.3438 31.5312V29.5312ZM57.5764 34.2731C55.2374 37.3768 54.0954 41.6121 54.0313 46.8628L56.0312 46.8872C56.0921 41.8879 57.1792 38.1232 59.1736 35.4769L57.5764 34.2731ZM54.0312 46.875V50.2188H56.0312V46.875H54.0312ZM54.0312 50.2188C54.0312 55.5758 55.1505 59.9233 57.5045 63.1517L59.1205 61.9733C57.0995 59.2017 56.0312 55.3201 56.0312 50.2188H54.0312ZM57.5091 63.158C59.9146 66.4031 63.25 68.0312 67.4062 68.0312V66.0312C63.8542 66.0312 61.127 64.6802 59.1159 61.967L57.5091 63.158ZM67.4062 68.0312C71.5589 68.0312 74.8695 66.5053 77.2041 63.4153L75.6084 62.2097C73.693 64.7447 71.0036 66.0312 67.4062 66.0312V68.0312ZM77.2062 63.4125C79.5072 60.3445 80.6236 56.0527 80.6874 50.6681L78.6876 50.6444C78.6264 55.8015 77.5553 59.6138 75.6063 62.2125L77.2062 63.4125ZM80.6875 50.6562V47.2812H78.6875V50.6562H80.6875Z' fill='%235E5E5E'/%3e%3c/svg%3e";
 
-var img$6 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M49.6875 51.2188C44.5417 49.7396 40.7917 47.9271 38.4375 45.7812C36.1042 43.6146 34.9375 40.9479 34.9375 37.7812C34.9375 34.1979 36.3646 31.2396 39.2188 28.9062C42.0938 26.5521 45.8229 25.375 50.4062 25.375C53.5312 25.375 56.3125 25.9792 58.75 27.1875C61.2083 28.3958 63.1042 30.0625 64.4375 32.1875C65.7917 34.3125 66.4688 36.6354 66.4688 39.1562H60.4375C60.4375 36.4062 59.5625 34.25 57.8125 32.6875C56.0625 31.1042 53.5938 30.3125 50.4062 30.3125C47.4479 30.3125 45.1354 30.9688 43.4688 32.2812C41.8229 33.5729 41 35.375 41 37.6875C41 39.5417 41.7812 41.1146 43.3438 42.4062C44.9271 43.6771 47.6042 44.8438 51.375 45.9062C55.1667 46.9688 58.125 48.1458 60.25 49.4375C62.3958 50.7083 63.9792 52.1979 65 53.9062C66.0417 55.6146 66.5625 57.625 66.5625 59.9375C66.5625 63.625 65.125 66.5833 62.25 68.8125C59.375 71.0208 55.5312 72.125 50.7188 72.125C47.5938 72.125 44.6771 71.5312 41.9688 70.3438C39.2604 69.1354 37.1667 67.4896 35.6875 65.4062C34.2292 63.3229 33.5 60.9583 33.5 58.3125H39.5312C39.5312 61.0625 40.5417 63.2396 42.5625 64.8438C44.6042 66.4271 47.3229 67.2188 50.7188 67.2188C53.8854 67.2188 56.3125 66.5729 58 65.2812C59.6875 63.9896 60.5312 62.2292 60.5312 60C60.5312 57.7708 59.75 56.0521 58.1875 54.8438C56.625 53.6146 53.7917 52.4062 49.6875 51.2188Z' fill='%235E5E5E'/%3e%3cpath d='M49.6875 51.2188L49.9654 50.2582L49.9638 50.2577L49.6875 51.2188ZM38.4375 45.7812L37.757 46.5141L37.7639 46.5203L38.4375 45.7812ZM39.2188 28.9062L39.8517 29.6805L39.8523 29.68L39.2188 28.9062ZM58.75 27.1875L58.3058 28.0835L58.3089 28.0849L58.75 27.1875ZM64.4375 32.1875L63.5904 32.719L63.5942 32.7249L64.4375 32.1875ZM66.4688 39.1562V40.1562H67.4688V39.1562H66.4688ZM60.4375 39.1562H59.4375V40.1562H60.4375V39.1562ZM57.8125 32.6875L57.1416 33.4291L57.1465 33.4334L57.8125 32.6875ZM43.4688 32.2812L44.0861 33.0679L44.0874 33.0669L43.4688 32.2812ZM43.3438 42.4062L42.7066 43.177L42.7122 43.1816L42.7178 43.1861L43.3438 42.4062ZM51.375 45.9062L51.1038 46.8688L51.1052 46.8692L51.375 45.9062ZM60.25 49.4375L59.7306 50.2921L59.7404 50.2979L60.25 49.4375ZM65 53.9062L64.1416 54.4192L64.1462 54.4269L65 53.9062ZM62.25 68.8125L62.8592 69.6056L62.8628 69.6028L62.25 68.8125ZM41.9688 70.3438L41.5613 71.257L41.5672 71.2596L41.9688 70.3438ZM35.6875 65.4062L34.8682 65.9797L34.8721 65.9852L35.6875 65.4062ZM33.5 58.3125V57.3125H32.5V58.3125H33.5ZM39.5312 58.3125H40.5312V57.3125H39.5312V58.3125ZM42.5625 64.8438L41.9407 65.627L41.9497 65.634L42.5625 64.8438ZM58.1875 54.8438L57.5692 55.6297L57.5758 55.6348L58.1875 54.8438ZM49.9638 50.2577C44.8778 48.7957 41.2993 47.0367 39.1111 45.0422L37.7639 46.5203C40.284 48.8174 44.2055 50.6834 49.4112 52.1798L49.9638 50.2577ZM39.118 45.0485C36.9871 43.0698 35.9375 40.6681 35.9375 37.7812H33.9375C33.9375 41.2277 35.2212 44.1594 37.757 46.514L39.118 45.0485ZM35.9375 37.7812C35.9375 34.5079 37.2221 31.8302 39.8517 29.6805L38.5858 28.132C35.5071 30.649 33.9375 33.888 33.9375 37.7812H35.9375ZM39.8523 29.68C42.5099 27.5038 45.9983 26.375 50.4062 26.375V24.375C45.6475 24.375 41.6776 25.6003 38.5852 28.1325L39.8523 29.68ZM50.4062 26.375C53.4001 26.375 56.0256 26.9531 58.3059 28.0835L59.1941 26.2915C56.5994 25.0053 53.6624 24.375 50.4062 24.375V26.375ZM58.3089 28.0849C60.6164 29.2192 62.3648 30.7656 63.5904 32.719L65.2846 31.656C63.8435 29.3594 61.8003 27.5725 59.1911 26.2901L58.3089 28.0849ZM63.5942 32.7249C64.846 34.6893 65.4688 36.8257 65.4688 39.1562H67.4688C67.4688 36.4451 66.7374 33.9357 65.2808 31.6501L63.5942 32.7249ZM66.4688 38.1562H60.4375V40.1562H66.4688V38.1562ZM61.4375 39.1562C61.4375 36.1753 60.4781 33.7269 58.4785 31.9416L57.1465 33.4334C58.6469 34.7731 59.4375 36.6372 59.4375 39.1562H61.4375ZM58.4834 31.946C56.4933 30.1454 53.7536 29.3125 50.4062 29.3125V31.3125C53.4339 31.3125 55.6317 32.063 57.1416 33.429L58.4834 31.946ZM50.4062 29.3125C47.3105 29.3125 44.751 29.9986 42.8501 31.4956L44.0874 33.0669C45.5198 31.9389 47.5853 31.3125 50.4062 31.3125V29.3125ZM42.8514 31.4946C40.9363 32.9975 40 35.1049 40 37.6875H42C42 35.6451 42.7095 34.1483 44.0861 33.0679L42.8514 31.4946ZM40 37.6875C40 39.8701 40.9387 41.7155 42.7066 43.177L43.9809 41.6355C42.6238 40.5137 42 39.2133 42 37.6875H40ZM42.7178 43.1861C44.4635 44.5873 47.3015 45.7974 51.1038 46.8688L51.6462 44.9437C47.9069 43.8901 45.3907 42.7669 43.9697 41.6264L42.7178 43.1861ZM51.1052 46.8692C54.8538 47.9196 57.7151 49.0669 59.7306 50.292L60.7694 48.583C58.5349 47.2248 55.4795 46.0179 51.6448 44.9433L51.1052 46.8692ZM59.7404 50.2979C61.7785 51.5049 63.2253 52.8858 64.1416 54.4192L65.8584 53.3933C64.7331 51.5101 63.0132 49.9117 60.7596 48.5771L59.7404 50.2979ZM64.1462 54.4269C65.0782 55.9553 65.5625 57.7796 65.5625 59.9375H67.5625C67.5625 57.4704 67.0052 55.2739 65.8538 53.3856L64.1462 54.4269ZM65.5625 59.9375C65.5625 63.3208 64.2641 65.9855 61.6372 68.0222L62.8628 69.6028C65.9859 67.1812 67.5625 63.9292 67.5625 59.9375H65.5625ZM61.6408 68.0194C58.9901 70.0555 55.3829 71.125 50.7188 71.125V73.125C55.6796 73.125 59.7599 71.9862 62.8592 69.6056L61.6408 68.0194ZM50.7188 71.125C47.724 71.125 44.9449 70.5568 42.3703 69.4279L41.5672 71.2596C44.4092 72.5057 47.4635 73.125 50.7188 73.125V71.125ZM42.3762 69.4305C39.8047 68.2832 37.8628 66.7427 36.5029 64.8273L34.8721 65.9852C36.4706 68.2365 38.7161 69.9876 41.5613 71.257L42.3762 69.4305ZM36.5067 64.8328C35.171 62.9246 34.5 60.762 34.5 58.3125H32.5C32.5 61.1547 33.2873 63.7212 34.8683 65.9797L36.5067 64.8328ZM33.5 59.3125H39.5312V57.3125H33.5V59.3125ZM38.5312 58.3125C38.5312 61.3445 39.6634 63.8192 41.9408 65.627L43.1842 64.0605C41.4199 62.66 40.5312 60.7805 40.5312 58.3125H38.5312ZM41.9497 65.634C44.2149 67.3907 47.1709 68.2188 50.7188 68.2188V66.2188C47.4749 66.2188 44.9934 65.4635 43.1753 64.0535L41.9497 65.634ZM50.7188 68.2188C54.0023 68.2188 56.6788 67.5519 58.6078 66.0753L57.3922 64.4872C55.9462 65.5939 53.7686 66.2188 50.7188 66.2188V68.2188ZM58.6078 66.0753C60.5563 64.5839 61.5312 62.5227 61.5312 60H59.5312C59.5312 61.9356 58.8187 63.3953 57.3922 64.4872L58.6078 66.0753ZM61.5312 60C61.5312 57.5066 60.6404 55.4765 58.7992 54.0527L57.5758 55.6348C58.8596 56.6276 59.5312 58.0351 59.5312 60H61.5312ZM58.8058 54.0578C57.0802 52.7003 54.0838 51.4498 49.9654 50.2582L49.4096 52.1793C53.4995 53.3627 56.1698 54.5288 57.5692 55.6297L58.8058 54.0578Z' fill='%235E5E5E'/%3e%3c/svg%3e";
+var img$6 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M62.375 51.4062H43.2812V71.5H37.2812V26H65.4688V30.9375H43.2812V46.5H62.375V51.4062Z' fill='%235E5E5E'/%3e%3cpath d='M62.375 51.4062V52.4062H63.375V51.4062H62.375ZM43.2812 51.4062V50.4062H42.2812V51.4062H43.2812ZM43.2812 71.5V72.5H44.2812V71.5H43.2812ZM37.2812 71.5H36.2812V72.5H37.2812V71.5ZM37.2812 26V25H36.2812V26H37.2812ZM65.4688 26H66.4688V25H65.4688V26ZM65.4688 30.9375V31.9375H66.4688V30.9375H65.4688ZM43.2812 30.9375V29.9375H42.2812V30.9375H43.2812ZM43.2812 46.5H42.2812V47.5H43.2812V46.5ZM62.375 46.5H63.375V45.5H62.375V46.5ZM62.375 50.4062H43.2812V52.4062H62.375V50.4062ZM42.2812 51.4062V71.5H44.2812V51.4062H42.2812ZM43.2812 70.5H37.2812V72.5H43.2812V70.5ZM38.2812 71.5V26H36.2812V71.5H38.2812ZM37.2812 27H65.4688V25H37.2812V27ZM64.4688 26V30.9375H66.4688V26H64.4688ZM65.4688 29.9375H43.2812V31.9375H65.4688V29.9375ZM42.2812 30.9375V46.5H44.2812V30.9375H42.2812ZM43.2812 47.5H62.375V45.5H43.2812V47.5ZM61.375 46.5V51.4062H63.375V46.5H61.375Z' fill='%235E5E5E'/%3e%3c/svg%3e";
 
-var img$5 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M52.9688 53.0938H42.2812V71.5H36.25V26H51.3125C56.4375 26 60.375 27.1667 63.125 29.5C65.8958 31.8333 67.2812 35.2292 67.2812 39.6875C67.2812 42.5208 66.5104 44.9896 64.9688 47.0938C63.4479 49.1979 61.3229 50.7708 58.5938 51.8125L69.2812 71.125V71.5H62.8438L52.9688 53.0938ZM42.2812 48.1875H51.5C54.4792 48.1875 56.8438 47.4167 58.5938 45.875C60.3646 44.3333 61.25 42.2708 61.25 39.6875C61.25 36.875 60.4062 34.7188 58.7188 33.2188C57.0521 31.7188 54.6354 30.9583 51.4688 30.9375H42.2812V48.1875Z' fill='%235E5E5E'/%3e%3cpath d='M52.9688 53.0938L53.8499 52.621L53.5671 52.0938H52.9688V53.0938ZM42.2812 53.0938V52.0938H41.2812V53.0938H42.2812ZM42.2812 71.5V72.5H43.2812V71.5H42.2812ZM36.25 71.5H35.25V72.5H36.25V71.5ZM36.25 26V25H35.25V26H36.25ZM63.125 29.5L62.478 30.2625L62.4809 30.2649L63.125 29.5ZM64.9688 47.0938L64.1621 46.5027L64.1583 46.508L64.9688 47.0938ZM58.5938 51.8125L58.2372 50.8782L57.1611 51.2889L57.7188 52.2967L58.5938 51.8125ZM69.2812 71.125H70.2812V70.8668L70.1562 70.6408L69.2812 71.125ZM69.2812 71.5V72.5H70.2812V71.5H69.2812ZM62.8438 71.5L61.9626 71.9728L62.2454 72.5H62.8438V71.5ZM42.2812 48.1875H41.2812V49.1875H42.2812V48.1875ZM58.5938 45.875L57.9371 45.1208L57.9327 45.1246L58.5938 45.875ZM58.7188 33.2188L58.0498 33.9621L58.0544 33.9662L58.7188 33.2188ZM51.4688 30.9375L51.4753 29.9375H51.4688V30.9375ZM42.2812 30.9375V29.9375H41.2812V30.9375H42.2812ZM52.9688 52.0938H42.2812V54.0938H52.9688V52.0938ZM41.2812 53.0938V71.5H43.2812V53.0938H41.2812ZM42.2812 70.5H36.25V72.5H42.2812V70.5ZM37.25 71.5V26H35.25V71.5H37.25ZM36.25 27H51.3125V25H36.25V27ZM51.3125 27C56.2989 27 59.9717 28.136 62.478 30.2625L63.772 28.7375C60.7783 26.1974 56.5761 25 51.3125 25V27ZM62.4809 30.2649C64.9748 32.3651 66.2812 35.4498 66.2812 39.6875H68.2812C68.2812 35.0085 66.8169 31.3016 63.7691 28.7351L62.4809 30.2649ZM66.2812 39.6875C66.2812 42.3276 65.5672 44.585 64.1621 46.5027L65.7754 47.6848C67.4537 45.3942 68.2812 42.714 68.2812 39.6875H66.2812ZM64.1583 46.508C62.7655 48.435 60.8079 49.8971 58.2372 50.8782L58.9503 52.7468C61.838 51.6446 64.1304 49.9608 65.7792 47.6795L64.1583 46.508ZM57.7188 52.2967L68.4063 71.6092L70.1562 70.6408L59.4687 51.3283L57.7188 52.2967ZM68.2812 71.125V71.5H70.2812V71.125H68.2812ZM69.2812 70.5H62.8438V72.5H69.2812V70.5ZM63.7249 71.0272L53.8499 52.621L52.0876 53.5665L61.9626 71.9728L63.7249 71.0272ZM42.2812 49.1875H51.5V47.1875H42.2812V49.1875ZM51.5 49.1875C54.6531 49.1875 57.276 48.3686 59.2548 46.6254L57.9327 45.1246C56.4115 46.4648 54.3053 47.1875 51.5 47.1875V49.1875ZM59.2504 46.6292C61.2628 44.8772 62.25 42.5275 62.25 39.6875H60.25C60.25 42.0142 59.4664 43.7894 57.9371 45.1208L59.2504 46.6292ZM62.25 39.6875C62.25 36.665 61.3348 34.2062 59.3831 32.4713L58.0544 33.9662C59.4777 35.2313 60.25 37.085 60.25 39.6875H62.25ZM59.3877 32.4755C57.4763 30.7552 54.7864 29.9593 51.4753 29.9375L51.4622 31.9375C54.4844 31.9574 56.6279 32.6823 58.0498 33.962L59.3877 32.4755ZM51.4688 29.9375H42.2812V31.9375H51.4688V29.9375ZM41.2812 30.9375V48.1875H43.2812V30.9375H41.2812Z' fill='%235E5E5E'/%3e%3c/svg%3e";
+var img$5 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M49.6875 51.2188C44.5417 49.7396 40.7917 47.9271 38.4375 45.7812C36.1042 43.6146 34.9375 40.9479 34.9375 37.7812C34.9375 34.1979 36.3646 31.2396 39.2188 28.9062C42.0938 26.5521 45.8229 25.375 50.4062 25.375C53.5312 25.375 56.3125 25.9792 58.75 27.1875C61.2083 28.3958 63.1042 30.0625 64.4375 32.1875C65.7917 34.3125 66.4688 36.6354 66.4688 39.1562H60.4375C60.4375 36.4062 59.5625 34.25 57.8125 32.6875C56.0625 31.1042 53.5938 30.3125 50.4062 30.3125C47.4479 30.3125 45.1354 30.9688 43.4688 32.2812C41.8229 33.5729 41 35.375 41 37.6875C41 39.5417 41.7812 41.1146 43.3438 42.4062C44.9271 43.6771 47.6042 44.8438 51.375 45.9062C55.1667 46.9688 58.125 48.1458 60.25 49.4375C62.3958 50.7083 63.9792 52.1979 65 53.9062C66.0417 55.6146 66.5625 57.625 66.5625 59.9375C66.5625 63.625 65.125 66.5833 62.25 68.8125C59.375 71.0208 55.5312 72.125 50.7188 72.125C47.5938 72.125 44.6771 71.5312 41.9688 70.3438C39.2604 69.1354 37.1667 67.4896 35.6875 65.4062C34.2292 63.3229 33.5 60.9583 33.5 58.3125H39.5312C39.5312 61.0625 40.5417 63.2396 42.5625 64.8438C44.6042 66.4271 47.3229 67.2188 50.7188 67.2188C53.8854 67.2188 56.3125 66.5729 58 65.2812C59.6875 63.9896 60.5312 62.2292 60.5312 60C60.5312 57.7708 59.75 56.0521 58.1875 54.8438C56.625 53.6146 53.7917 52.4062 49.6875 51.2188Z' fill='%235E5E5E'/%3e%3cpath d='M49.6875 51.2188L49.9654 50.2582L49.9638 50.2577L49.6875 51.2188ZM38.4375 45.7812L37.757 46.5141L37.7639 46.5203L38.4375 45.7812ZM39.2188 28.9062L39.8517 29.6805L39.8523 29.68L39.2188 28.9062ZM58.75 27.1875L58.3058 28.0835L58.3089 28.0849L58.75 27.1875ZM64.4375 32.1875L63.5904 32.719L63.5942 32.7249L64.4375 32.1875ZM66.4688 39.1562V40.1562H67.4688V39.1562H66.4688ZM60.4375 39.1562H59.4375V40.1562H60.4375V39.1562ZM57.8125 32.6875L57.1416 33.4291L57.1465 33.4334L57.8125 32.6875ZM43.4688 32.2812L44.0861 33.0679L44.0874 33.0669L43.4688 32.2812ZM43.3438 42.4062L42.7066 43.177L42.7122 43.1816L42.7178 43.1861L43.3438 42.4062ZM51.375 45.9062L51.1038 46.8688L51.1052 46.8692L51.375 45.9062ZM60.25 49.4375L59.7306 50.2921L59.7404 50.2979L60.25 49.4375ZM65 53.9062L64.1416 54.4192L64.1462 54.4269L65 53.9062ZM62.25 68.8125L62.8592 69.6056L62.8628 69.6028L62.25 68.8125ZM41.9688 70.3438L41.5613 71.257L41.5672 71.2596L41.9688 70.3438ZM35.6875 65.4062L34.8682 65.9797L34.8721 65.9852L35.6875 65.4062ZM33.5 58.3125V57.3125H32.5V58.3125H33.5ZM39.5312 58.3125H40.5312V57.3125H39.5312V58.3125ZM42.5625 64.8438L41.9407 65.627L41.9497 65.634L42.5625 64.8438ZM58.1875 54.8438L57.5692 55.6297L57.5758 55.6348L58.1875 54.8438ZM49.9638 50.2577C44.8778 48.7957 41.2993 47.0367 39.1111 45.0422L37.7639 46.5203C40.284 48.8174 44.2055 50.6834 49.4112 52.1798L49.9638 50.2577ZM39.118 45.0485C36.9871 43.0698 35.9375 40.6681 35.9375 37.7812H33.9375C33.9375 41.2277 35.2212 44.1594 37.757 46.514L39.118 45.0485ZM35.9375 37.7812C35.9375 34.5079 37.2221 31.8302 39.8517 29.6805L38.5858 28.132C35.5071 30.649 33.9375 33.888 33.9375 37.7812H35.9375ZM39.8523 29.68C42.5099 27.5038 45.9983 26.375 50.4062 26.375V24.375C45.6475 24.375 41.6776 25.6003 38.5852 28.1325L39.8523 29.68ZM50.4062 26.375C53.4001 26.375 56.0256 26.9531 58.3059 28.0835L59.1941 26.2915C56.5994 25.0053 53.6624 24.375 50.4062 24.375V26.375ZM58.3089 28.0849C60.6164 29.2192 62.3648 30.7656 63.5904 32.719L65.2846 31.656C63.8435 29.3594 61.8003 27.5725 59.1911 26.2901L58.3089 28.0849ZM63.5942 32.7249C64.846 34.6893 65.4688 36.8257 65.4688 39.1562H67.4688C67.4688 36.4451 66.7374 33.9357 65.2808 31.6501L63.5942 32.7249ZM66.4688 38.1562H60.4375V40.1562H66.4688V38.1562ZM61.4375 39.1562C61.4375 36.1753 60.4781 33.7269 58.4785 31.9416L57.1465 33.4334C58.6469 34.7731 59.4375 36.6372 59.4375 39.1562H61.4375ZM58.4834 31.946C56.4933 30.1454 53.7536 29.3125 50.4062 29.3125V31.3125C53.4339 31.3125 55.6317 32.063 57.1416 33.429L58.4834 31.946ZM50.4062 29.3125C47.3105 29.3125 44.751 29.9986 42.8501 31.4956L44.0874 33.0669C45.5198 31.9389 47.5853 31.3125 50.4062 31.3125V29.3125ZM42.8514 31.4946C40.9363 32.9975 40 35.1049 40 37.6875H42C42 35.6451 42.7095 34.1483 44.0861 33.0679L42.8514 31.4946ZM40 37.6875C40 39.8701 40.9387 41.7155 42.7066 43.177L43.9809 41.6355C42.6238 40.5137 42 39.2133 42 37.6875H40ZM42.7178 43.1861C44.4635 44.5873 47.3015 45.7974 51.1038 46.8688L51.6462 44.9437C47.9069 43.8901 45.3907 42.7669 43.9697 41.6264L42.7178 43.1861ZM51.1052 46.8692C54.8538 47.9196 57.7151 49.0669 59.7306 50.292L60.7694 48.583C58.5349 47.2248 55.4795 46.0179 51.6448 44.9433L51.1052 46.8692ZM59.7404 50.2979C61.7785 51.5049 63.2253 52.8858 64.1416 54.4192L65.8584 53.3933C64.7331 51.5101 63.0132 49.9117 60.7596 48.5771L59.7404 50.2979ZM64.1462 54.4269C65.0782 55.9553 65.5625 57.7796 65.5625 59.9375H67.5625C67.5625 57.4704 67.0052 55.2739 65.8538 53.3856L64.1462 54.4269ZM65.5625 59.9375C65.5625 63.3208 64.2641 65.9855 61.6372 68.0222L62.8628 69.6028C65.9859 67.1812 67.5625 63.9292 67.5625 59.9375H65.5625ZM61.6408 68.0194C58.9901 70.0555 55.3829 71.125 50.7188 71.125V73.125C55.6796 73.125 59.7599 71.9862 62.8592 69.6056L61.6408 68.0194ZM50.7188 71.125C47.724 71.125 44.9449 70.5568 42.3703 69.4279L41.5672 71.2596C44.4092 72.5057 47.4635 73.125 50.7188 73.125V71.125ZM42.3762 69.4305C39.8047 68.2832 37.8628 66.7427 36.5029 64.8273L34.8721 65.9852C36.4706 68.2365 38.7161 69.9876 41.5613 71.257L42.3762 69.4305ZM36.5067 64.8328C35.171 62.9246 34.5 60.762 34.5 58.3125H32.5C32.5 61.1547 33.2873 63.7212 34.8683 65.9797L36.5067 64.8328ZM33.5 59.3125H39.5312V57.3125H33.5V59.3125ZM38.5312 58.3125C38.5312 61.3445 39.6634 63.8192 41.9408 65.627L43.1842 64.0605C41.4199 62.66 40.5312 60.7805 40.5312 58.3125H38.5312ZM41.9497 65.634C44.2149 67.3907 47.1709 68.2188 50.7188 68.2188V66.2188C47.4749 66.2188 44.9934 65.4635 43.1753 64.0535L41.9497 65.634ZM50.7188 68.2188C54.0023 68.2188 56.6788 67.5519 58.6078 66.0753L57.3922 64.4872C55.9462 65.5939 53.7686 66.2188 50.7188 66.2188V68.2188ZM58.6078 66.0753C60.5563 64.5839 61.5312 62.5227 61.5312 60H59.5312C59.5312 61.9356 58.8187 63.3953 57.3922 64.4872L58.6078 66.0753ZM61.5312 60C61.5312 57.5066 60.6404 55.4765 58.7992 54.0527L57.5758 55.6348C58.8596 56.6276 59.5312 58.0351 59.5312 60H61.5312ZM58.8058 54.0578C57.0802 52.7003 54.0838 51.4498 49.9654 50.2582L49.4096 52.1793C53.4995 53.3627 56.1698 54.5288 57.5692 55.6297L58.8058 54.0578Z' fill='%235E5E5E'/%3e%3c/svg%3e";
 
 var img$4 = "data:image/svg+xml,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M70.75 57.0625C70.1875 61.875 68.4062 65.5938 65.4062 68.2188C62.4271 70.8229 58.4583 72.125 53.5 72.125C48.125 72.125 43.8125 70.1979 40.5625 66.3438C37.3333 62.4896 35.7188 57.3333 35.7188 50.875V46.5C35.7188 42.2708 36.4688 38.5521 37.9688 35.3438C39.4896 32.1354 41.6354 29.6771 44.4062 27.9688C47.1771 26.2396 50.3854 25.375 54.0312 25.375C58.8646 25.375 62.7396 26.7292 65.6562 29.4375C68.5729 32.125 70.2708 35.8542 70.75 40.625H64.7188C64.1979 37 63.0625 34.375 61.3125 32.75C59.5833 31.125 57.1562 30.3125 54.0312 30.3125C50.1979 30.3125 47.1875 31.7292 45 34.5625C42.8333 37.3958 41.75 41.4271 41.75 46.6562V51.0625C41.75 56 42.7812 59.9271 44.8438 62.8438C46.9062 65.7604 49.7917 67.2188 53.5 67.2188C56.8333 67.2188 59.3854 66.4688 61.1562 64.9688C62.9479 63.4479 64.1354 60.8125 64.7188 57.0625H70.75Z' fill='%235E5E5E'/%3e%3cpath d='M70.75 57.0625L71.7432 57.1786L71.8737 56.0625H70.75V57.0625ZM65.4062 68.2188L66.0644 68.9717L66.0648 68.9713L65.4062 68.2188ZM40.5625 66.3438L39.796 66.986L39.798 66.9884L40.5625 66.3438ZM37.9688 35.3438L37.0651 34.9154L37.0629 34.9202L37.9688 35.3438ZM44.4062 27.9688L44.9311 28.82L44.9357 28.8171L44.4062 27.9688ZM65.6562 29.4375L64.9758 30.1703L64.9786 30.1729L65.6562 29.4375ZM70.75 40.625V41.625H71.8555L71.745 40.5251L70.75 40.625ZM64.7188 40.625L63.7289 40.7672L63.8522 41.625H64.7188V40.625ZM61.3125 32.75L60.6277 33.4787L60.632 33.4828L61.3125 32.75ZM45 34.5625L44.2085 33.9514L44.2056 33.955L45 34.5625ZM61.1562 64.9688L61.8026 65.7318L61.8034 65.7311L61.1562 64.9688ZM64.7188 57.0625V56.0625H63.8623L63.7306 56.9088L64.7188 57.0625ZM69.7568 56.9464C69.2165 61.5683 67.5228 65.038 64.7477 67.4662L66.0648 68.9713C69.2897 66.1495 71.1585 62.1817 71.7432 57.1786L69.7568 56.9464ZM64.7481 67.4658C61.9938 69.8734 58.2797 71.125 53.5 71.125V73.125C58.637 73.125 62.8603 71.7724 66.0644 68.9717L64.7481 67.4658ZM53.5 71.125C48.3975 71.125 44.3731 69.3115 41.327 65.6991L39.798 66.9884C43.2519 71.0843 47.8525 73.125 53.5 73.125V71.125ZM41.329 65.7015C38.2893 62.0735 36.7188 57.1666 36.7188 50.875H34.7188C34.7188 57.5 36.3774 62.9057 39.796 66.986L41.329 65.7015ZM36.7188 50.875V46.5H34.7188V50.875H36.7188ZM36.7188 46.5C36.7188 42.3892 37.4475 38.8198 38.8746 35.7673L37.0629 34.9202C35.49 38.2844 34.7188 42.1525 34.7188 46.5H36.7188ZM38.8724 35.7721C40.3183 32.7219 42.3396 30.4177 44.9311 28.82L43.8814 27.1175C40.9313 28.9364 38.6609 31.549 37.0651 34.9154L38.8724 35.7721ZM44.9357 28.8171C47.5297 27.1983 50.5502 26.375 54.0312 26.375V24.375C50.2206 24.375 46.8245 25.2809 43.8768 27.1204L44.9357 28.8171ZM54.0312 26.375C58.6692 26.375 62.282 27.6689 64.9758 30.1703L66.3367 28.7047C63.1971 25.7894 59.06 24.375 54.0312 24.375V26.375ZM64.9786 30.1729C67.6794 32.6615 69.2949 36.1442 69.755 40.7249L71.745 40.5251C71.2467 35.5641 69.4664 31.5885 66.3339 28.7021L64.9786 30.1729ZM70.75 39.625H64.7188V41.625H70.75V39.625ZM65.7086 40.4828C65.1717 36.7462 63.9795 33.8618 61.993 32.0172L60.632 33.4828C62.1455 34.8882 63.2241 37.2538 63.7289 40.7672L65.7086 40.4828ZM61.9973 32.0213C60.03 30.1725 57.3278 29.3125 54.0312 29.3125V31.3125C56.9847 31.3125 59.1366 32.0775 60.6277 33.4787L61.9973 32.0213ZM54.0312 29.3125C49.9135 29.3125 46.6003 30.8534 44.2085 33.9514L45.7915 35.1736C47.7747 32.605 50.4823 31.3125 54.0312 31.3125V29.3125ZM44.2056 33.955C41.8562 37.0275 40.75 41.3059 40.75 46.6562H42.75C42.75 41.5483 43.8105 37.7642 45.7944 35.17L44.2056 33.955ZM40.75 46.6562V51.0625H42.75V46.6562H40.75ZM40.75 51.0625C40.75 56.1298 41.8075 60.2821 44.0273 63.4211L45.6602 62.2664C43.755 59.5721 42.75 55.8702 42.75 51.0625H40.75ZM44.0273 63.4211C46.2855 66.6146 49.4817 68.2188 53.5 68.2188V66.2188C50.1016 66.2188 47.527 64.9062 45.6602 62.2664L44.0273 63.4211ZM53.5 68.2188C56.9687 68.2188 59.7865 67.4395 61.8026 65.7318L60.5099 64.2057C58.9843 65.498 56.698 66.2188 53.5 66.2188V68.2188ZM61.8034 65.7311C63.8616 63.9841 65.1079 61.0665 65.7069 57.2162L63.7306 56.9088C63.1629 60.5585 62.0343 62.9118 60.5091 64.2064L61.8034 65.7311ZM64.7188 58.0625H70.75V56.0625H64.7188V58.0625Z' fill='%235E5E5E'/%3e%3c/svg%3e";
 
@@ -25590,28 +26111,28 @@ const AssemblyModeCmds = (drawingId, rootId) => {
     FastenedOrigin: {
       label: 'Add Fastened Origin',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$8
+        url: img$7
       }),
       callback: wrapper(addFastenedOrigin)
     },
     Fastened: {
       label: 'Add Fastened',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$7
+        url: img$6
       }),
       callback: wrapper(addFastened)
     },
     Slider: {
       label: 'Add Slider',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$6
+        url: img$5
       }),
       callback: wrapper(addSlider)
     },
     Revolute: {
       label: 'Add Revolute',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$5
+        url: img$y
       }),
       callback: wrapper(addRevolute)
     },
@@ -25815,7 +26336,7 @@ const useOptionCommands = () => {
     }, {
       label: 'Vertices',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$M
+        url: img$N
       }),
       isChecked: showVertices,
       command: () => setShowVertices(!showVertices)
@@ -26133,23 +26654,25 @@ const Menu = _ref => {
 };
 
 exports.AppearanceEditor = index$a;
-exports.Boolean = index$B;
+exports.Boolean = index$C;
 exports.BoundingBoxInfo = index$c;
-exports.Box = index$x;
+exports.Box = index$y;
 exports.CADApi = CADApi;
 exports.CSysDisplay = CSysDisplay;
 exports.Chamfer = index$s;
 exports.CircularPattern = index$l;
+exports.CompositeCurve = index$v;
+exports.CompositeCurveObj = CompositeCurveObj;
 exports.Cone = index$u;
 exports.Constraints = Constraints;
 exports.ContextMenu = ContextMenu;
-exports.Cylinder = index$v;
+exports.Cylinder = index$w;
 exports.Cylindrical = index$5;
-exports.Dimensions = index$C;
+exports.Dimensions = index$D;
 exports.Drawing = Drawing;
 exports.EntityDeletion = index$1;
 exports.Expressions = index$b;
-exports.Extrusion = index$A;
+exports.Extrusion = index$B;
 exports.Fastened = index$8;
 exports.FastenedOrigin = index$9;
 exports.FeaturePlugin = FeaturePlugin;
@@ -26174,7 +26697,7 @@ exports.PluginGeometryBounds = PluginGeometryBounds;
 exports.ProductManagement = index;
 exports.Readfile = Readfile$1;
 exports.Revolute = index$6;
-exports.Revolve = index$y;
+exports.Revolve = index$z;
 exports.Rotate = index$q;
 exports.SelectedMateObj = SelectedMateObj;
 exports.SideBar = SideBar;
@@ -26183,12 +26706,12 @@ exports.Slice = index$o;
 exports.SliceBySheet = index$n;
 exports.Slider = index$7;
 exports.Solids = Solids;
-exports.Sphere = index$w;
+exports.Sphere = index$x;
 exports.ToolBar = ToolBar;
 exports.TransformByCsys = index$p;
 exports.Translate = index$r;
 exports.TreeObjScope = TreeObjScope;
-exports.Twist = index$z;
+exports.Twist = index$A;
 exports.ViewOptionButtons = ViewOptionButtons;
 exports.ViewPlugButtons = ViewPlugButtons;
 exports.WorkAxis = index$h;