@buerli.io/react-cad 0.3.0-beta.0 → 0.4.1

package/build/index.cjs.js

@@ -58,9 +58,9 @@ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 var deepmerge__namespace = /*#__PURE__*/_interopNamespaceDefault(deepmerge);
 
-function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function getGraphicId(tree, refOrObjId) {
   const res = {
     graphicId: refOrObjId,
@@ -82,7 +82,7 @@ function getGraphicId(tree, refOrObjId) {
     var _refOrObj$members3;
 
     res.graphicId = (_refOrObj$members3 = refOrObj.members) == null ? void 0 : _refOrObj$members3.faceId.value;
-  } else if (classcad.ccUtils.base.isA(refOrObj.class, classcad.CCClasses.CCSolid)) {
+  } else if (classcad.ccUtils.base.isA(refOrObj.class, classcad.CCClasses.CCBody)) {
     res.graphicId = refOrObj.id;
     res.isSolid = true;
   } else {
@@ -128,7 +128,7 @@ function useSelectedItems(drawingId, refOrObjIds) {
   }
 
   const createSelItem = React.useCallback(element => {
-    return core.createGraphicItem(prodId, _objectSpread$m(_objectSpread$m({}, element), {}, {
+    return core.createGraphicItem(prodId, _objectSpread$n(_objectSpread$n({}, element), {}, {
       productId: prodId
     }));
   }, [prodId]);
@@ -159,7 +159,7 @@ function useSelectedItems(drawingId, refOrObjIds) {
               const elem = cont.map[Number(grIds[0])];
 
               if (elem) {
-                elems.push(_objectSpread$m(_objectSpread$m({}, elem), {}, {
+                elems.push(_objectSpread$n(_objectSpread$n({}, elem), {}, {
                   graphicId: contId,
                   type: cont.type
                 }));
@@ -197,9 +197,9 @@ function useSelectedItems(drawingId, refOrObjIds) {
   return selectedItems;
 }
 
-function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(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];
@@ -212,7 +212,7 @@ function addMembers(drawingId, ccObjId) {
   const members = {};
   Object.keys(curMembers).forEach(memberName => {
     const curMember = curMembers[memberName];
-    members[memberName] = _objectSpread$l(_objectSpread$l({}, curMember), {}, {
+    members[memberName] = _objectSpread$m(_objectSpread$m({}, curMember), {}, {
       name: memberName
     });
 
@@ -567,10 +567,9 @@ const Wrapper = ({
       gridColumnStart: '1',
       gridColumnEnd: '2',
       color: 'rgba(0, 0, 0, 0.85)',
-      margin: '0px 0px 1px 0px',
+      margin: minor ? '-2px 0px 1px 0px' : '0px 0px 1px 0px',
       fontSize: minor ? '12px' : '14px',
-      fontStyle: minor ? 'italic' : 'normal',
-      textAlign: minor ? 'center' : 'start'
+      paddingLeft: minor ? '6px' : undefined
     },
     ellipsis: true,
     bold: highlighted
@@ -1057,9 +1056,9 @@ const isAngular = dim => {
   return dim.class === classcad.CCClasses.CCAngularDimension || dim.class === classcad.CCClasses.CCAngularFeatureDimension || dim.class === classcad.CCClasses.CCAngularRefDimension;
 };
 
-function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const appApi = (set, get) => ({
   assemblyTree: {
     startProdEditing: (drawingId, objId) => {
@@ -1068,13 +1067,13 @@ const appApi = (set, get) => ({
         const curNode = core.api.getState().drawing.refs[drawingId].structure.currentNode;
         res = state.assemblyTree.prodStack;
         curNode && res.push(curNode);
-        return _objectSpread$k(_objectSpread$k({}, state), {}, {
+        return _objectSpread$l(_objectSpread$l({}, state), {}, {
           assemblyTree: {
             prodStack: [...res]
           }
         });
       });
-      classcad.ccAPI.assemblyBuilder.setCurrentNode(drawingId, objId).catch();
+      classcad.ccAPI.assemblyBuilder.setCurrentNode(drawingId, objId).catch(console.warn);
     },
     goBack: drawingId => {
       const prodStack = get().assemblyTree.prodStack;
@@ -1083,16 +1082,16 @@ const appApi = (set, get) => ({
       set(state => {
         const res = state.assemblyTree.prodStack;
         res.pop();
-        return _objectSpread$k(_objectSpread$k({}, state), {}, {
+        return _objectSpread$l(_objectSpread$l({}, state), {}, {
           assemblyTree: {
             prodStack: [...res]
           }
         });
       });
-      classcad.ccAPI.assemblyBuilder.setCurrentNode(drawingId, prevProd).catch();
+      classcad.ccAPI.assemblyBuilder.setCurrentNode(drawingId, prevProd).catch(console.warn);
     },
     clearProdStack: () => {
-      set(state => _objectSpread$k(_objectSpread$k({}, state), {}, {
+      set(state => _objectSpread$l(_objectSpread$l({}, state), {}, {
         assemblyTree: {
           prodStack: []
         }
@@ -1101,7 +1100,7 @@ const appApi = (set, get) => ({
   },
   blankDiv: {
     show: callback => {
-      set(state => _objectSpread$k(_objectSpread$k({}, state), {}, {
+      set(state => _objectSpread$l(_objectSpread$l({}, state), {}, {
         blankDiv: {
           isActive: true,
           onClose: callback
@@ -1109,7 +1108,7 @@ const appApi = (set, get) => ({
       }));
     },
     hide: () => {
-      set(state => _objectSpread$k(_objectSpread$k({}, state), {}, {
+      set(state => _objectSpread$l(_objectSpread$l({}, state), {}, {
         blankDiv: {
           isActive: false,
           onClose: undefined
@@ -1235,7 +1234,7 @@ const DimValue = ({
     const master_ = core.getDrawing(drawingId).structure.tree[masterId];
 
     if (isSketchConstr) {
-      classcad.ccAPI.base.callSafeAPI(drawingId, 'Sketcher', 'UpdateDimensionValue', [dimId, [valueParam.serverValue.value, valueParam.serverValue.isExpr]]).catch();
+      classcad.ccAPI.base.callSafeAPI(drawingId, 'Sketcher', 'UpdateDimensionValue', [dimId, [valueParam.serverValue.value, valueParam.serverValue.isExpr]]).catch(console.warn);
     } else {
       switch (master_.class) {
         case classcad.CCClasses.CCExtrusion:
@@ -1256,7 +1255,7 @@ const DimValue = ({
           }, {
             value: direction,
             isExpr: false
-          }, capEnds).catch();
+          }, capEnds).catch(console.warn);
           break;
       }
     }
@@ -1404,7 +1403,7 @@ const PositionHandler = ({
     const te = e;
 
     if (isDragged.current) {
-      classcad.ccAPI.common.updateDimensionPosition(drawingId, dimId, position);
+      classcad.ccAPI.common.updateDimensionPosition(drawingId, dimId, position).catch(console.warn);
     } else {
       setPState(state => {
         const sel = state.selected;
@@ -2137,7 +2136,7 @@ function ViewImpl$f({
     if (e.key === 'Delete') {
       const selected = core.getPlugin(drawingId, pluginId).state.selected;
       if (selected.length === 0) return;
-      classcad.ccAPI.feature.deleteDimensions(drawingId, selected);
+      classcad.ccAPI.feature.deleteDimensions(drawingId, selected).catch(console.warn);
     }
   }, [drawingId, pluginId]);
   React.useEffect(() => {
@@ -2192,7 +2191,7 @@ const Dimension = ({
   } = param;
   const update = React.useCallback(() => {
     if (isSketchConstr) {
-      classcad.ccAPI.sketcher.updateDimensionValue(drawingId, dimId, serverValue);
+      classcad.ccAPI.sketcher.updateDimensionValue(drawingId, dimId, serverValue).catch(console.warn);
     } else {
       switch (master == null ? void 0 : master.class) {
         case classcad.CCClasses.CCExtrusion:
@@ -2220,7 +2219,7 @@ const Dimension = ({
           }, {
             value: direction,
             isExpr: false
-          }, capEnds).catch();
+          }, capEnds).catch(console.warn);
           break;
       }
     }
@@ -2392,9 +2391,9 @@ function useRefsParam(drawingId, objId, memberName) {
   });
 }
 
-function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * Implies the following data structure:
  * data: {
@@ -2531,7 +2530,7 @@ function useTreeObjSelection(drawingId, objId) {
   const isSelected = useIsSelected$1(drawingId, objId);
   const handlers = React.useMemo(() => {
     if (isSelectable) {
-      return _objectSpread$j(_objectSpread$j({}, hHandlers), sHandlers);
+      return _objectSpread$k(_objectSpread$k({}, hHandlers), sHandlers);
     }
 
     return {};
@@ -2560,7 +2559,7 @@ const isGeometry = (tree, objId) => {
     return true;
   } else {
     // If obj isn't one of next classes, the TreeObjScope item should be resstored.
-    return classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CCSolid) || classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CCBrepReference);
+    return classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CCBody) || classcad.ccUtils.base.isA(obj.class, classcad.CCClasses.CCBrepReference);
   }
 };
 const getInteractionInfo = (drawingId, item) => {
@@ -3018,9 +3017,9 @@ const SelectionRestorer = ({
   return null;
 };
 
-function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * Implies the following data structure:
  * data: {
@@ -3123,7 +3122,7 @@ function useMateSelection(drawingId, matePath, csysId) {
   }));
   const handlers = React.useMemo(() => {
     if (isSelectable) {
-      return _objectSpread$i(_objectSpread$i({}, hHandlers), sHandlers);
+      return _objectSpread$j(_objectSpread$j({}, hHandlers), sHandlers);
     }
 
     return {};
@@ -3553,7 +3552,7 @@ const PluginForm = ({
       return;
     }
 
-    update().then(closePlugin).catch();
+    update().then(closePlugin).catch(console.warn);
   }, [update, closePlugin, params, validator]);
   const onKeyUp = React.useCallback(e => {
     if (e.keyCode === 13) {
@@ -3685,12 +3684,12 @@ function useSelectorsOrder(drawingId) {
   }), [addSelector, removeSelector, switchToNext]);
 }
 
-var Members$r;
+var Members$s;
 
 (function (Members) {
   Members["Body1"] = "Body1";
   Members["Body2"] = "Body2";
-})(Members$r || (Members$r = {}));
+})(Members$s || (Members$s = {}));
 
 const typesCaptions$6 = {
   [classcad.BooleanOperationType.INTERSECTION]: 'Intersection',
@@ -3724,8 +3723,8 @@ function RootImpl$x({
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
   const type = useBoolTypeStore(drawingId, objectId);
-  const body1 = useIdParam(drawingId, objectId, Members$r.Body1);
-  const body2 = useRefsParam(drawingId, objectId, Members$r.Body2);
+  const body1 = useIdParam(drawingId, objectId, Members$s.Body1);
+  const body2 = useRefsParam(drawingId, objectId, Members$s.Body2);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateBooleanOperation(drawingId, objectId, type.serverValue, [body1.serverValue, ...body2.serverValue]);
   }, [drawingId, objectId, type, body1, body2]);
@@ -3990,9 +3989,9 @@ function usePointParam(drawingId, objId, memberName, options = {
   }, getServValue);
 }
 
-var img$_ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADcSURBVEhL3ZTbDcMgDEVJlsgonabfnanfmaajdIlSS0aU+lWEsaLmCCkhMfheB2fJOadI1nIN49wJlv0Jo0xGURPUrZ05wkskH1OuOl+3ctfQE3bERxaLbnyJ+2WFUSYMy4G9shO63lBqvDJQBVbtThNfi39qHDAhqyOqPSY+fcDV4b63xwunFTjsbTAPa7thXFonQidXdURaq4vEIBhJmnnQAf8l8Eoi3hJp+1bGE3ATAH/odQCACcOHKwHRK3qa4AARdwemJdCw+oCgabQJd3BEieby/yUKTpDSG4InWqXAb1/sAAAAAElFTkSuQmCC";
+var img$10 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADcSURBVEhL3ZTbDcMgDEVJlsgonabfnanfmaajdIlSS0aU+lWEsaLmCCkhMfheB2fJOadI1nIN49wJlv0Jo0xGURPUrZ05wkskH1OuOl+3ctfQE3bERxaLbnyJ+2WFUSYMy4G9shO63lBqvDJQBVbtThNfi39qHDAhqyOqPSY+fcDV4b63xwunFTjsbTAPa7thXFonQidXdURaq4vEIBhJmnnQAf8l8Eoi3hJp+1bGE3ATAH/odQCACcOHKwHRK3qa4AARdwemJdCw+oCgabQJd3BEieby/yUKTpDSG4InWqXAb1/sAAAAAElFTkSuQmCC";
 
-var img$Z = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADjSURBVEhL3ZbbDcIwDEXTLsEoTMM3M/HNNIzCEgRLDpbrRx1iRTyOIrVR09x7ncrqUmstM1nbdRq/LzB4Bsv13u621NOh3b344zOAIuBoc4fLcYXRJhYfShAa78cQELsnxdwShcXtRG5h+s2ECDzmQ9jv632HQ2xaBd8FNc63B04BaANaRi9DqGdkKxBiNDu0ya3xFkYhdBkpB18/nkCURVcJeVtAN2SBWJA6A3Lt2QdGBHZC6EepBAB437EPuF8Rx7TcuSybICT148VDeAczPUFKgFx79oFUiXr47hL1MFmglCeKs2HMN70YFwAAAABJRU5ErkJggg==";
+var img$$ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADjSURBVEhL3ZbbDcIwDEXTLsEoTMM3M/HNNIzCEgRLDpbrRx1iRTyOIrVR09x7ncrqUmstM1nbdRq/LzB4Bsv13u621NOh3b344zOAIuBoc4fLcYXRJhYfShAa78cQELsnxdwShcXtRG5h+s2ECDzmQ9jv632HQ2xaBd8FNc63B04BaANaRi9DqGdkKxBiNDu0ya3xFkYhdBkpB18/nkCURVcJeVtAN2SBWJA6A3Lt2QdGBHZC6EepBAB437EPuF8Rx7TcuSybICT148VDeAczPUFKgFx79oFUiXr47hL1MFmglCeKs2HMN70YFwAAAABJRU5ErkJggg==";
 
 const invert = (value, inverted) => {
   return inverted ? 1 - value : value;
@@ -4008,6 +4007,8 @@ const BooleanEditor = ({
     Button,
     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$10, img$$];
   const {
     setUserValue,
     userValue,
@@ -4024,8 +4025,8 @@ const BooleanEditor = ({
   React.useEffect(() => {
     return () => setUserValue(defaults);
   }, [setUserValue, defaults]);
-  return icon ? /*#__PURE__*/React.createElement(Button, {
-    iconSrc: invert(userValue, inverted) === 0 ? img$_ : img$Z,
+  return icon_ ? /*#__PURE__*/React.createElement(Button, {
+    iconSrc: invert(userValue, inverted) === 0 ? icons[0] : icons[1],
     onClick: onClick
   }) : /*#__PURE__*/React.createElement(Wrapper, {
     caption: caption,
@@ -4060,7 +4061,7 @@ function useBoolParam(drawingId, objId, memberName) {
   });
 }
 
-var Members$q;
+var Members$r;
 
 (function (Members) {
   Members["Type"] = "extrudeType";
@@ -4069,7 +4070,7 @@ var Members$q;
   Members["Limit2"] = "limit2";
   Members["taperAngle"] = "taperAngle";
   Members["capEnds"] = "capEnds";
-})(Members$q || (Members$q = {}));
+})(Members$r || (Members$r = {}));
 
 var RegionMembers$1;
 
@@ -4097,14 +4098,14 @@ const RootImpl$w = ({
     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 type = useTypeParam(drawingId, objectId, Members$q.Type);
-  const limit1 = useNumParam(drawingId, objectId, Members$q.Limit1);
-  const limit2 = useNumParam(drawingId, objectId, Members$q.Limit2);
-  const taperAngle = useNumParam(drawingId, objectId, Members$q.taperAngle, {
+  const type = useTypeParam(drawingId, objectId, Members$r.Type);
+  const limit1 = useNumParam(drawingId, objectId, Members$r.Limit1);
+  const limit2 = useNumParam(drawingId, objectId, Members$r.Limit2);
+  const taperAngle = useNumParam(drawingId, objectId, Members$r.taperAngle, {
     angle: true
   });
-  const direction = usePointParam(drawingId, objectId, Members$q.Direction);
-  const capEnds = useBoolParam(drawingId, objectId, Members$q.capEnds);
+  const direction = usePointParam(drawingId, objectId, Members$r.Direction);
+  const capEnds = useBoolParam(drawingId, objectId, Members$r.capEnds);
   const sketchId = React.useRef(NOCCID);
   React.useEffect(() => {
     var _tree$sketchGeometryI;
@@ -4213,14 +4214,14 @@ var index$w = /*#__PURE__*/Object.freeze({
   description: description$w
 });
 
-var Members$p;
+var Members$q;
 
 (function (Members) {
   Members["Axis"] = "references";
   Members["Inverted"] = "inverted";
   Members["StartAngle"] = "startAngle";
   Members["EndAngle"] = "endAngle";
-})(Members$p || (Members$p = {}));
+})(Members$q || (Members$q = {}));
 
 var RegionMembers;
 
@@ -4241,14 +4242,14 @@ const RootImpl$v = ({
     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.Curves);
-  const axis = useRefsParam(drawingId, objectId, Members$p.Axis);
-  const startAngle = useNumParam(drawingId, objectId, Members$p.StartAngle, {
+  const axis = useRefsParam(drawingId, objectId, Members$q.Axis);
+  const startAngle = useNumParam(drawingId, objectId, Members$q.StartAngle, {
     angle: true
   });
-  const endAngle = useNumParam(drawingId, objectId, Members$p.EndAngle, {
+  const endAngle = useNumParam(drawingId, objectId, Members$q.EndAngle, {
     angle: true
   });
-  const inverted = useBoolParam(drawingId, objectId, Members$p.Inverted);
+  const inverted = useBoolParam(drawingId, objectId, Members$q.Inverted);
   const sketchId = React.useRef(NOCCID);
   React.useEffect(() => {
     var _tree$sketchGeometryI;
@@ -4330,14 +4331,14 @@ var index$v = /*#__PURE__*/Object.freeze({
   description: description$v
 });
 
-var Members$o;
+var Members$p;
 
 (function (Members) {
   Members["CSys"] = "references";
   Members["Width"] = "width";
   Members["Height"] = "height";
   Members["Length"] = "length";
-})(Members$o || (Members$o = {}));
+})(Members$p || (Members$p = {}));
 
 function RootImpl$u({
   drawingId,
@@ -4346,10 +4347,10 @@ function RootImpl$u({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const csys = useRefsParam(drawingId, objectId, Members$o.CSys);
-  const width = useNumParam(drawingId, objectId, Members$o.Width);
-  const height = useNumParam(drawingId, objectId, Members$o.Height);
-  const length = useNumParam(drawingId, objectId, Members$o.Length);
+  const csys = useRefsParam(drawingId, objectId, Members$p.CSys);
+  const width = useNumParam(drawingId, objectId, Members$p.Width);
+  const height = useNumParam(drawingId, objectId, Members$p.Height);
+  const length = useNumParam(drawingId, objectId, Members$p.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]);
@@ -4427,12 +4428,12 @@ var index$u = /*#__PURE__*/Object.freeze({
   description: description$u
 });
 
-var Members$n;
+var Members$o;
 
 (function (Members) {
   Members["CSys"] = "references";
   Members["Radius"] = "radius";
-})(Members$n || (Members$n = {}));
+})(Members$o || (Members$o = {}));
 
 function RootImpl$t({
   drawingId,
@@ -4441,8 +4442,8 @@ function RootImpl$t({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const csys = useRefsParam(drawingId, objectId, Members$n.CSys);
-  const radius = useNumParam(drawingId, objectId, Members$n.Radius);
+  const csys = useRefsParam(drawingId, objectId, Members$o.CSys);
+  const radius = useNumParam(drawingId, objectId, Members$o.Radius);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateSphere(drawingId, objectId, csys.userValue, radius.userValue);
   }, [drawingId, objectId, csys, radius]);
@@ -4500,13 +4501,13 @@ var index$t = /*#__PURE__*/Object.freeze({
   description: description$t
 });
 
-var Members$m;
+var Members$n;
 
 (function (Members) {
   Members["CSys"] = "references";
   Members["Diameter"] = "diameter";
   Members["Height"] = "height";
-})(Members$m || (Members$m = {}));
+})(Members$n || (Members$n = {}));
 
 function RootImpl$s({
   drawingId,
@@ -4515,9 +4516,9 @@ function RootImpl$s({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const csys = useRefsParam(drawingId, objectId, Members$m.CSys);
-  const diameter = useNumParam(drawingId, objectId, Members$m.Diameter);
-  const height = useNumParam(drawingId, objectId, Members$m.Height);
+  const csys = useRefsParam(drawingId, objectId, Members$n.CSys);
+  const diameter = useNumParam(drawingId, objectId, Members$n.Diameter);
+  const height = useNumParam(drawingId, objectId, Members$n.Height);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateCylinder(drawingId, objectId, csys.serverValue, diameter.serverValue, height.serverValue);
   }, [drawingId, objectId, csys, diameter, height]);
@@ -4585,14 +4586,14 @@ var index$s = /*#__PURE__*/Object.freeze({
   description: description$s
 });
 
-var Members$l;
+var Members$m;
 
 (function (Members) {
   Members["CSys"] = "references";
   Members["BDiameter"] = "bDiameter";
   Members["TDiameter"] = "tDiameter";
   Members["Height"] = "height";
-})(Members$l || (Members$l = {}));
+})(Members$m || (Members$m = {}));
 
 function RootImpl$r({
   drawingId,
@@ -4601,10 +4602,10 @@ function RootImpl$r({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const csys = useRefsParam(drawingId, objectId, Members$l.CSys);
-  const bDiameter = useNumParam(drawingId, objectId, Members$l.BDiameter);
-  const tDiameter = useNumParam(drawingId, objectId, Members$l.TDiameter);
-  const height = useNumParam(drawingId, objectId, Members$l.Height);
+  const csys = useRefsParam(drawingId, objectId, Members$m.CSys);
+  const bDiameter = useNumParam(drawingId, objectId, Members$m.BDiameter);
+  const tDiameter = useNumParam(drawingId, objectId, Members$m.TDiameter);
+  const height = useNumParam(drawingId, objectId, Members$m.Height);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateCone(drawingId, objectId, csys.serverValue, bDiameter.serverValue, tDiameter.serverValue, height.serverValue);
   }, [drawingId, objectId, csys, bDiameter, tDiameter, height]);
@@ -4682,12 +4683,12 @@ var index$r = /*#__PURE__*/Object.freeze({
   description: description$r
 });
 
-var Members$k;
+var Members$l;
 
 (function (Members) {
   Members["References"] = "References";
   Members["Radius"] = "radius";
-})(Members$k || (Members$k = {}));
+})(Members$l || (Members$l = {}));
 
 const RootImpl$q = ({
   drawingId,
@@ -4696,8 +4697,8 @@ const RootImpl$q = ({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const refs = useRefsParam(drawingId, objectId, Members$k.References);
-  const radius = useNumParam(drawingId, objectId, Members$k.Radius);
+  const refs = useRefsParam(drawingId, objectId, Members$l.References);
+  const radius = useNumParam(drawingId, objectId, Members$l.Radius);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateFillet(drawingId, objectId, refs.serverValue, radius.serverValue);
   }, [drawingId, objectId, refs, radius]);
@@ -4750,7 +4751,7 @@ var index$q = /*#__PURE__*/Object.freeze({
   description: description$q
 });
 
-var Members$j;
+var Members$k;
 
 (function (Members) {
   Members["Type"] = "subType";
@@ -4758,7 +4759,7 @@ var Members$j;
   Members["References"] = "References";
   Members["Offset1"] = "offset1";
   Members["Offset2"] = "offset2";
-})(Members$j || (Members$j = {}));
+})(Members$k || (Members$k = {}));
 
 const typesCaptions$4 = {
   [classcad.ChamferType.DISTANCE_AND_ANGLE]: 'Distance and angle',
@@ -4776,11 +4777,11 @@ const RootImpl$p = ({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const type = useTypeParam(drawingId, objectId, Members$j.Type);
-  const refs = useRefsParam(drawingId, objectId, Members$j.References);
-  const offset1 = useNumParam(drawingId, objectId, Members$j.Offset1);
-  const offset2 = useNumParam(drawingId, objectId, Members$j.Offset2);
-  const angle = useNumParam(drawingId, objectId, Members$j.Angle, {
+  const type = useTypeParam(drawingId, objectId, Members$k.Type);
+  const refs = useRefsParam(drawingId, objectId, Members$k.References);
+  const offset1 = useNumParam(drawingId, objectId, Members$k.Offset1);
+  const offset2 = useNumParam(drawingId, objectId, Members$k.Offset2);
+  const angle = useNumParam(drawingId, objectId, Members$k.Angle, {
     angle: true
   });
   const switchDirections = React.useCallback(() => {
@@ -4818,7 +4819,7 @@ const RootImpl$p = ({
     param: offset1,
     allowExpr: true
   }, type.userValue === classcad.ChamferType.TWO_DISTANCES && /*#__PURE__*/React.createElement(Button, {
-    iconSrc: img$_,
+    iconSrc: img$10,
     onClick: switchDirections
   })), type.userValue === classcad.ChamferType.TWO_DISTANCES && /*#__PURE__*/React.createElement(NumberEditor, {
     drawingId: drawingId,
@@ -4862,14 +4863,14 @@ var index$p = /*#__PURE__*/Object.freeze({
   description: description$p
 });
 
-var Members$i;
+var Members$j;
 
 (function (Members) {
   Members["SolidReferences"] = "bodiesToTransform";
   Members["AxisReferences"] = "references";
   Members["Distance"] = "translationDistance";
   Members["Inverted"] = "inverted";
-})(Members$i || (Members$i = {}));
+})(Members$j || (Members$j = {}));
 
 function RootImpl$o({
   drawingId,
@@ -4878,12 +4879,12 @@ function RootImpl$o({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const solidRefs = useRefsParam(drawingId, objectId, Members$i.SolidReferences);
-  const axisRefs = useRefsParam(drawingId, objectId, Members$i.AxisReferences);
-  const distance = useNumParam(drawingId, objectId, Members$i.Distance);
-  const inverted = useBoolParam(drawingId, objectId, Members$i.Inverted);
+  const solidRefs = useRefsParam(drawingId, objectId, Members$j.SolidReferences);
+  const axisRefs = useRefsParam(drawingId, objectId, Members$j.AxisReferences);
+  const distance = useNumParam(drawingId, objectId, Members$j.Distance);
+  const inverted = useBoolParam(drawingId, objectId, Members$j.Inverted);
   const update = React.useCallback(() => {
-    return classcad.ccAPI.feature.updateTransformation(drawingId, objectId, solidRefs.serverValue, axisRefs.serverValue, inverted.serverValue, distance.serverValue).catch();
+    return classcad.ccAPI.feature.updateTransformation(drawingId, objectId, solidRefs.serverValue, axisRefs.serverValue, inverted.serverValue, distance.serverValue);
   }, [drawingId, objectId, solidRefs, axisRefs, inverted, distance]);
   return /*#__PURE__*/React.createElement(PluginForm, {
     drawingId: drawingId,
@@ -4946,14 +4947,14 @@ var index$o = /*#__PURE__*/Object.freeze({
   description: description$o
 });
 
-var Members$h;
+var Members$i;
 
 (function (Members) {
   Members["SolidReferences"] = "bodiesToTransform";
   Members["AxisReferences"] = "references";
   Members["Angle"] = "rotationAngle";
   Members["Inverted"] = "inverted";
-})(Members$h || (Members$h = {}));
+})(Members$i || (Members$i = {}));
 
 function RootImpl$n({
   drawingId,
@@ -4962,12 +4963,12 @@ function RootImpl$n({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const solidRefs = useRefsParam(drawingId, objectId, Members$h.SolidReferences);
-  const axisRefs = useRefsParam(drawingId, objectId, Members$h.AxisReferences);
-  const angle = useNumParam(drawingId, objectId, Members$h.Angle, {
+  const solidRefs = useRefsParam(drawingId, objectId, Members$i.SolidReferences);
+  const axisRefs = useRefsParam(drawingId, objectId, Members$i.AxisReferences);
+  const angle = useNumParam(drawingId, objectId, Members$i.Angle, {
     angle: true
   });
-  const inverted = useBoolParam(drawingId, objectId, Members$h.Inverted);
+  const inverted = useBoolParam(drawingId, objectId, Members$i.Inverted);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateTransformation(drawingId, objectId, solidRefs.serverValue, axisRefs.serverValue, inverted.serverValue, angle.serverValue);
   }, [drawingId, objectId, solidRefs, axisRefs, inverted, angle]);
@@ -5032,12 +5033,12 @@ var index$n = /*#__PURE__*/Object.freeze({
   description: description$n
 });
 
-var Members$g;
+var Members$h;
 
 (function (Members) {
   Members["SolidReferences"] = "bodiesToTransform";
   Members["CsysReferences"] = "references";
-})(Members$g || (Members$g = {}));
+})(Members$h || (Members$h = {}));
 
 function RootImpl$m({
   drawingId,
@@ -5046,14 +5047,14 @@ function RootImpl$m({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const solidRefs = useRefsParam(drawingId, objectId, Members$g.SolidReferences);
-  const csysRefs = useRefsParam(drawingId, objectId, Members$g.CsysReferences);
+  const solidRefs = useRefsParam(drawingId, objectId, Members$h.SolidReferences);
+  const csysRefs = useRefsParam(drawingId, objectId, Members$h.CsysReferences);
   const selOrder = useSelectorsOrder(drawingId);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateTransformation(drawingId, objectId, solidRefs.userValue, csysRefs.userValue, 0, {
       value: 0,
       isExpr: false
-    }).catch();
+    });
   }, [drawingId, objectId, solidRefs, csysRefs]);
   return /*#__PURE__*/React.createElement(PluginForm, {
     drawingId: drawingId,
@@ -5116,13 +5117,13 @@ var index$m = /*#__PURE__*/Object.freeze({
   description: description$m
 });
 
-var Members$f;
+var Members$g;
 
 (function (Members) {
   Members["CutDirection"] = "cutDirection";
   Members["BodiesToCut"] = "bodiesToCut";
   Members["WorkPlaneReference"] = "workPlaneReference";
-})(Members$f || (Members$f = {}));
+})(Members$g || (Members$g = {}));
 
 function RootImpl$l({
   drawingId,
@@ -5131,9 +5132,9 @@ function RootImpl$l({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const cutDirection = useBoolParam(drawingId, objectId, Members$f.CutDirection);
-  const bodiesToCut = useRefsParam(drawingId, objectId, Members$f.BodiesToCut);
-  const workplaneId = useIdParam(drawingId, objectId, Members$f.WorkPlaneReference);
+  const cutDirection = useBoolParam(drawingId, objectId, Members$g.CutDirection);
+  const bodiesToCut = useRefsParam(drawingId, objectId, Members$g.BodiesToCut);
+  const workplaneId = useIdParam(drawingId, objectId, Members$g.WorkPlaneReference);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateSlice(drawingId, objectId, bodiesToCut.serverValue, workplaneId.serverValue, cutDirection.serverValue);
   }, [drawingId, objectId, bodiesToCut, cutDirection, workplaneId]);
@@ -5192,13 +5193,13 @@ var index$l = /*#__PURE__*/Object.freeze({
   description: description$l
 });
 
-var Members$e;
+var Members$f;
 
 (function (Members) {
   Members["Inverted"] = "inverted";
   Members["BodyToCut"] = "bodyToCut";
   Members["SheetBody"] = "sheetBody";
-})(Members$e || (Members$e = {}));
+})(Members$f || (Members$f = {}));
 
 function RootImpl$k({
   drawingId,
@@ -5207,9 +5208,9 @@ function RootImpl$k({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const inverted = useBoolParam(drawingId, objectId, Members$e.Inverted);
-  const bodyToCut = useIdParam(drawingId, objectId, Members$e.BodyToCut);
-  const sheetBody = useIdParam(drawingId, objectId, Members$e.SheetBody);
+  const inverted = useBoolParam(drawingId, objectId, Members$f.Inverted);
+  const bodyToCut = useIdParam(drawingId, objectId, Members$f.BodyToCut);
+  const sheetBody = useIdParam(drawingId, objectId, Members$f.SheetBody);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateSliceBySheet(drawingId, objectId, bodyToCut.serverValue, sheetBody.serverValue, inverted.serverValue);
   }, [drawingId, objectId, bodyToCut, inverted, sheetBody]);
@@ -5271,7 +5272,7 @@ var index$k = /*#__PURE__*/Object.freeze({
   description: description$k
 });
 
-var Members$d;
+var Members$e;
 
 (function (Members) {
   Members["SolidReferences"] = "toPattern";
@@ -5284,7 +5285,7 @@ var Members$d;
   Members["Inverted2"] = "inverted2";
   Members["Count2"] = "secondDirInstanceCount";
   Members["Merged"] = "merged";
-})(Members$d || (Members$d = {}));
+})(Members$e || (Members$e = {}));
 
 function RootImpl$j({
   drawingId,
@@ -5293,16 +5294,16 @@ function RootImpl$j({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const solidRefs = useRefsParam(drawingId, objectId, Members$d.SolidReferences);
-  const axis1Refs = useRefsParam(drawingId, objectId, Members$d.Axis1References);
-  const axis2Refs = useRefsParam(drawingId, objectId, Members$d.Axis2References);
-  const dist1 = useNumParam(drawingId, objectId, Members$d.Distance1);
-  const dist2 = useNumParam(drawingId, objectId, Members$d.Distance2);
-  const count1 = useNumParam(drawingId, objectId, Members$d.Count1);
-  const count2 = useNumParam(drawingId, objectId, Members$d.Count2);
-  const inverted1 = useBoolParam(drawingId, objectId, Members$d.Inverted1);
-  const inverted2 = useBoolParam(drawingId, objectId, Members$d.Inverted2);
-  const merged = useBoolParam(drawingId, objectId, Members$d.Merged);
+  const solidRefs = useRefsParam(drawingId, objectId, Members$e.SolidReferences);
+  const axis1Refs = useRefsParam(drawingId, objectId, Members$e.Axis1References);
+  const axis2Refs = useRefsParam(drawingId, objectId, Members$e.Axis2References);
+  const dist1 = useNumParam(drawingId, objectId, Members$e.Distance1);
+  const dist2 = useNumParam(drawingId, objectId, Members$e.Distance2);
+  const count1 = useNumParam(drawingId, objectId, Members$e.Count1);
+  const count2 = useNumParam(drawingId, objectId, Members$e.Count2);
+  const inverted1 = useBoolParam(drawingId, objectId, Members$e.Inverted1);
+  const inverted2 = useBoolParam(drawingId, objectId, Members$e.Inverted2);
+  const merged = useBoolParam(drawingId, objectId, Members$e.Merged);
   const update = React.useCallback(() => {
     const params1 = [inverted1.serverValue, dist1.serverValue, count1.serverValue, merged.serverValue];
     const axis2Refs_ = axis2Refs.serverValue.length > 0 ? axis2Refs.serverValue : null;
@@ -5404,7 +5405,7 @@ var index$j = /*#__PURE__*/Object.freeze({
   description: description$j
 });
 
-var Members$c;
+var Members$d;
 
 (function (Members) {
   Members["SolidReferences"] = "toPattern";
@@ -5413,7 +5414,7 @@ var Members$c;
   Members["Inverted"] = "inverted";
   Members["Count"] = "instanceCount";
   Members["Merged"] = "merged";
-})(Members$c || (Members$c = {}));
+})(Members$d || (Members$d = {}));
 
 function RootImpl$i({
   drawingId,
@@ -5422,14 +5423,14 @@ function RootImpl$i({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const solidRefs = useRefsParam(drawingId, objectId, Members$c.SolidReferences);
-  const axisRefs = useRefsParam(drawingId, objectId, Members$c.AxisReferences);
-  const angle = useNumParam(drawingId, objectId, Members$c.Angle, {
+  const solidRefs = useRefsParam(drawingId, objectId, Members$d.SolidReferences);
+  const axisRefs = useRefsParam(drawingId, objectId, Members$d.AxisReferences);
+  const angle = useNumParam(drawingId, objectId, Members$d.Angle, {
     angle: true
   });
-  const count = useNumParam(drawingId, objectId, Members$c.Count);
-  const inverted = useBoolParam(drawingId, objectId, Members$c.Inverted);
-  const merged = useBoolParam(drawingId, objectId, Members$c.Merged);
+  const count = useNumParam(drawingId, objectId, Members$d.Count);
+  const inverted = useBoolParam(drawingId, objectId, Members$d.Inverted);
+  const merged = useBoolParam(drawingId, objectId, Members$d.Merged);
   const update = React.useCallback(() => {
     const params = [inverted.serverValue, angle.serverValue, count.serverValue, merged.serverValue];
     return classcad.ccAPI.feature.updatePattern(drawingId, objectId, solidRefs.serverValue, axisRefs.serverValue, params, null, null);
@@ -5506,12 +5507,12 @@ var index$i = /*#__PURE__*/Object.freeze({
   description: description$i
 });
 
-var Members$b;
+var Members$c;
 
 (function (Members) {
   Members["SolidReferences"] = "toPattern";
   Members["FaceReferences"] = "references";
-})(Members$b || (Members$b = {}));
+})(Members$c || (Members$c = {}));
 
 const RootImpl$h = ({
   drawingId,
@@ -5520,8 +5521,8 @@ const RootImpl$h = ({
   const {
     objectId
   } = react.usePlugin(drawingId, pluginId, plugin => plugin);
-  const solidRefs = useRefsParam(drawingId, objectId, Members$b.SolidReferences);
-  const faceRefs = useRefsParam(drawingId, objectId, Members$b.FaceReferences);
+  const solidRefs = useRefsParam(drawingId, objectId, Members$c.SolidReferences);
+  const faceRefs = useRefsParam(drawingId, objectId, Members$c.FaceReferences);
   const update = React.useCallback(() => {
     return classcad.ccAPI.feature.updateMirror(drawingId, objectId, solidRefs.serverValue, faceRefs.serverValue);
   }, [drawingId, objectId, solidRefs, faceRefs]);
@@ -5576,6 +5577,63 @@ var index$h = /*#__PURE__*/Object.freeze({
   description: description$h
 });
 
+const defaultNumberOfDigits = 3;
+
+const DIGITS = [{
+  id: 0,
+  label: '0'
+}, {
+  id: 1,
+  label: '0.1'
+}, {
+  id: 2,
+  label: '0.12'
+}, {
+  id: 3,
+  label: '0.123'
+}, {
+  id: 4,
+  label: '0.1234'
+}, {
+  id: 5,
+  label: '0.12345'
+}, {
+  id: 6,
+  label: '0.123456'
+}];
+const Digits = ({
+  drawingId,
+  pluginId
+}) => {
+  const {
+    Select
+  } = react.useBuerli(buerli => buerli.options.elements);
+  const set = react.usePlugin(drawingId, pluginId, p => p.set);
+  const digits = react.usePlugin(drawingId, pluginId, p => p.state.digits);
+  const curr = React.useMemo(() => {
+    const dig = DIGITS.find(d => d.id === digits);
+    return dig ? dig.label : DIGITS[defaultNumberOfDigits].label;
+  }, [digits]);
+  const onChange = React.useCallback(label => {
+    const dig = DIGITS.find(d => d.label === label);
+
+    if (dig) {
+      set == null ? void 0 : set({
+        digits: dig.id
+      });
+    }
+  }, [set]);
+  return /*#__PURE__*/React.createElement(Select, {
+    value: curr,
+    onChange: onChange
+  }, DIGITS.map(p => p.label));
+};
+
+const vectorToString = (point, digits) => `${point.toArray().map(n => core.MathUtils.round(n, digits)).join(', ')}`;
+
+function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(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$g = ({
@@ -5604,7 +5662,19 @@ const RootImpl$g = ({
     drawingId: drawingId,
     pluginId: pluginId,
     selectorId: selectorId
-  }));
+  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: '1px',
+      background: 'rgba(0,0,0,0.1)',
+      marginBottom: '5px'
+    }
+  }), /*#__PURE__*/React.createElement(Wrapper, {
+    caption: "Digits"
+  }, /*#__PURE__*/React.createElement(Digits, {
+    drawingId: drawingId,
+    pluginId: pluginId
+  })));
 };
 
 const Output = ({
@@ -5612,6 +5682,8 @@ const Output = ({
   pluginId,
   selectorId
 }) => {
+  const set = react.usePlugin(drawingId, pluginId, p => p.set);
+  const digits = react.usePlugin(drawingId, pluginId, p => p.state.digits);
   const {
     Label
   } = react.useBuerli(buerli => buerli.options.elements);
@@ -5627,22 +5699,52 @@ const Output = ({
       }
     }
 
-    return results;
-  }, [drawingId, selector]);
-  React.useEffect(() => {
-    const {
-      set
-    } = core.getPlugin(drawingId, pluginId);
-    set({
-      measuredItems: items
+    const extended = results.map(res => {
+      if (res.measureData) {
+        switch (res.type) {
+          case core.MeasureResultType.DISTANCE:
+          case core.MeasureResultType.ANGLE:
+            {
+              const {
+                value
+              } = res.measureData;
+              return _objectSpread$i(_objectSpread$i({}, res), {}, {
+                asString: core.MathUtils.round(value, digits)
+              });
+            }
+
+          case core.MeasureResultType.POSITION:
+          case core.MeasureResultType.VECTOR:
+            {
+              const {
+                value
+              } = res.measureData;
+              return _objectSpread$i(_objectSpread$i({}, res), {}, {
+                asString: vectorToString(value, digits)
+              });
+            }
+        }
+      }
+
+      return _objectSpread$i(_objectSpread$i({}, res), {}, {
+        asString: ''
+      });
     });
-  }, [drawingId, pluginId, items]);
+    return extended;
+  }, [drawingId, selector, digits]);
+  React.useEffect(() => set == null ? void 0 : set({
+    measuredItems: items
+  }), [items, set]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, items.map((item, index) => {
-    return /*#__PURE__*/React.createElement(Wrapper, {
+    return item.measureData && /*#__PURE__*/React.createElement(Wrapper, {
       key: index,
       minor: true,
       caption: item.description
-    }, /*#__PURE__*/React.createElement(Label, null, item.value));
+    }, /*#__PURE__*/React.createElement(Label, {
+      style: {
+        fontSize: '12px'
+      }
+    }, `${item.asString}`));
   }));
 };
 
@@ -5851,7 +5953,8 @@ const dWidthCoeff = 15;
 const Distance = ({
   p1,
   p2,
-  result
+  result,
+  digits = defaultNumberOfDigits
 }) => {
   const {
     start,
@@ -5873,7 +5976,7 @@ const Distance = ({
       center: center_
     };
   }, [p1, p2]);
-  const text = typeof result === 'number' ? result.toFixed(3) : result;
+  const text = `${core.MathUtils.round(result, digits)}`;
   const [showValue, setShowValue] = React.useState(true);
   fiber.useFrame(args => {
     const [startH, endH] = [start, end].map(p => react.CameraHelper.getPoint2(p.clone(), args.camera, args.size));
@@ -5902,13 +6005,14 @@ const Distance = ({
   }));
 };
 const lineLength = 50;
-const radius = 40;
+const radius_ = 40;
 const aWidthCoeff = 10;
 const Angle = ({
   center,
   dir1,
   dir2,
-  result
+  result,
+  digits = defaultNumberOfDigits
 }) => {
   const {
     end1,
@@ -5929,12 +6033,12 @@ const Angle = ({
     const end2_ = center.clone().addScaledVector(dir2N, lineLength);
     const normal_ = dir2N.clone().cross(dir1N);
     const angle_ = dir1N.angleTo(dir2N);
-    const arrowPos1_ = center.clone().addScaledVector(dir1N, radius);
-    const arrowPos2_ = center.clone().addScaledVector(dir2N, radius);
+    const arrowPos1_ = center.clone().addScaledVector(dir1N, radius_);
+    const arrowPos2_ = center.clone().addScaledVector(dir2N, radius_);
     const arrowDir1_ = normal_.clone().cross(dir1N);
     const arrowDir2_ = dir2N.clone().cross(normal_);
     const midDir = dir1N.clone().lerp(dir2N, 0.5).normalize();
-    const valuePos_ = center.clone().addScaledVector(midDir, radius + 5);
+    const valuePos_ = center.clone().addScaledVector(midDir, radius_ + 5);
     const n = normal_.clone().normalize();
     const t = dir2N;
     const b = n.clone().cross(t).normalize();
@@ -5954,7 +6058,7 @@ const Angle = ({
       arcCenterL: arcCenterL_
     };
   }, [center, dir1, dir2]);
-  const text = typeof result === 'number' ? result.toFixed(3) : result;
+  const text = `${core.MathUtils.round(result, digits)}`;
   const [showValue, setShowValue] = React.useState(true);
   fiber.useFrame(args => {
     const [end1H, end2H, valuePosH] = [end1, end2, valuePos].map(p => react.CameraHelper.getPoint2(p.clone(), args.camera, args.size));
@@ -5984,7 +6088,7 @@ const Angle = ({
     matrixAutoUpdate: false
   }, /*#__PURE__*/React.createElement(Arc$2, {
     center: arcCenterL,
-    radius: radius,
+    radius: radius_,
     startAngle: 0,
     endAngle: angle
   })), /*#__PURE__*/React.createElement(Arrow$1, {
@@ -5999,15 +6103,21 @@ const Angle = ({
     backgroundColor: 0xffffff
   }));
 };
-const Position = ({
+const zero = new THREE__namespace.Vector3(0, 0, 0);
+const Position$1 = ({
   pos,
-  result
+  result,
+  radius = 5
 }) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Point$2, {
+  const ref = useScale$1(pos);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("group", {
     position: pos,
-    radius: 1.5,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Point$2, {
+    position: zero,
+    radius: radius,
     color: 0xaf1111
-  }), result && /*#__PURE__*/React.createElement(TextValue, {
+  })), result && /*#__PURE__*/React.createElement(TextValue, {
     position: pos,
     value: result,
     backgroundColor: 0xffffff
@@ -6032,6 +6142,7 @@ function ViewImpl$e({
   pluginId
 }) {
   const items = react.usePlugin(drawingId, pluginId, plugin => plugin.state.measuredItems);
+  const digits = react.usePlugin(drawingId, pluginId, p => p.state.digits);
   return /*#__PURE__*/React.createElement("group", null, items.map((item, index) => {
     if (!item.measureData) {
       return null;
@@ -6042,14 +6153,15 @@ function ViewImpl$e({
         {
           const {
             start,
-            end
+            end,
+            value
           } = item.measureData;
-          const result = item.value;
           return /*#__PURE__*/React.createElement(Distance, {
             key: index,
             p1: start,
             p2: end,
-            result: result
+            result: value,
+            digits: digits
           });
         }
 
@@ -6058,27 +6170,28 @@ function ViewImpl$e({
           const {
             center,
             dir1,
-            dir2
-          } = item.measureData;
-          const result = item.value; // Don't draw the arc if angle === 0 or angle === 180
+            dir2,
+            value
+          } = item.measureData; // Don't draw the arc if angle === 0 or angle === 180
 
-          return result !== 0 && result !== 180 && /*#__PURE__*/React.createElement(Angle, {
+          return value !== 0 && value !== 180 && /*#__PURE__*/React.createElement(Angle, {
             key: index,
             center: center,
             dir1: dir1,
             dir2: dir2,
-            result: result
+            result: value,
+            digits: digits
           });
         }
 
       case core.MeasureResultType.POSITION:
         {
           const {
-            pos
+            value
           } = item.measureData;
-          return /*#__PURE__*/React.createElement(Position, {
+          return /*#__PURE__*/React.createElement(Position$1, {
             key: index,
-            pos: pos
+            pos: value
           });
         }
 
@@ -6116,7 +6229,8 @@ const description$g = {
   persistent: false,
   global: true,
   initialState: {
-    measuredItems: []
+    measuredItems: [],
+    digits: defaultNumberOfDigits
   }
 };
 
@@ -6349,6 +6463,11 @@ const getInitialState = () => {
     // When user hovers an obects (line, point, constraint, etc) id of the object is store to this prop.
     highlighted: [],
     // Shows which objects should be highlighted with different color. (e.g. When user hovers a line, constraints which are applied for this lines are placed to `highlighted` array)
+    interaction: {
+      cycle: 0,
+      objects: []
+    },
+    // 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.
     scale: 1,
@@ -6534,7 +6653,7 @@ function CreateAngle(drawingId, pluginId) {
       } = tmpObjects[tmpDimensionId];
       const sector = calcSector(dimPos, dir0, dir1, center);
       const previewValue = calcPreviewValue(dir0, dir1, sector, reflex);
-      classcad.ccAPI.sketcher.addConstraints(drawingId, sketchId, ['Ang'], [classcad.CCClasses.CC2DAngleConstraint], [entities], [previewValue], [dimPos], [[sector, reflex]]);
+      classcad.ccAPI.sketcher.addConstraints(drawingId, sketchId, ['Ang'], [classcad.CCClasses.CC2DAngleConstraint], [entities], [previewValue], [dimPos], [[sector, reflex]]).catch(console.warn);
       isPressed = false;
       set({
         activeHandler: HandlersList.DRAG
@@ -6570,88 +6689,139 @@ function CreateAngle(drawingId, pluginId) {
   };
 }
 
+function getGeometryPriority(object) {
+  if (is2DConstraint(object)) {
+    return 4;
+  }
+
+  switch (object.class) {
+    case classcad.CCClasses.CCLine:
+      return 1;
+
+    case classcad.CCClasses.CCArc:
+      return 2;
+
+    case classcad.CCClasses.CCCircle:
+      return 3;
+
+    case classcad.CCClasses.CCPoint:
+      return 5;
+  }
+
+  return -1;
+}
+
 function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 let timerId;
-const hover = (drawingId, pluginId, hoveredId) => {
+
+const setHoverState = (drawingId, pluginId, cycle, objects) => {
   const {
-    state,
     set
   } = core.getPlugin(drawingId, pluginId);
   const tree = core.getDrawing(drawingId).structure.tree;
+  const hoveredId = objects[cycle % objects.length];
   const hoveredObject = tree[hoveredId];
 
-  if (!hoveredObject || hoveredObject && hoveredObject.class === classcad.CCClasses.CCSketch || state.rubberBandRectangle || state.isDragged) {
-    return;
-  }
+  if (hoveredObject) {
+    if (is2DConstraint(hoveredObject)) {
+      var _hoveredObject$member;
 
-  if (is2DConstraint(hoveredObject)) {
-    var _hoveredObject$member;
+      const constraintEntities = ((_hoveredObject$member = hoveredObject.members) == null ? void 0 : _hoveredObject$member.entities).members.map(entity => entity.value);
+      set(state_ => {
+        const highlighted = state_.highlighted;
+        const highlightedConstraints = highlighted.filter(id => is2DConstraint(tree[id]) && id !== hoveredId);
+        return {
+          hovered: hoveredId,
+          highlighted: [...highlightedConstraints, hoveredId, ...constraintEntities],
+          interaction: {
+            cycle,
+            objects
+          }
+        };
+      });
+    } else {
+      const linkedConstraints = Object.values(tree).filter(obj => is2DConstraint(obj)).filter(obj => {
+        var _obj$members;
+
+        return ((_obj$members = obj.members) == null ? void 0 : _obj$members.entities).members.some(entity => entity.value === hoveredId);
+      }).map(obj => obj.id);
+      const constraintsToGeometry = {};
+      linkedConstraints.forEach(id => {
+        constraintsToGeometry[id] = hoveredId;
+      });
+      set(state_ => {
+        return {
+          hovered: hoveredId,
+          highlighted: [hoveredId, ...linkedConstraints],
+          constraintsToGeometry: _objectSpread$g(_objectSpread$g({}, state_.constraintsToGeometry), constraintsToGeometry),
+          interaction: {
+            cycle,
+            objects
+          }
+        };
+      });
+    }
 
-    const constraintEntities = ((_hoveredObject$member = hoveredObject.members) == null ? void 0 : _hoveredObject$member.entities).members.map(entity => entity.value);
-    set(state_ => {
-      const highlighted = state_.highlighted;
-      const highlightedConstraints = highlighted.filter(id => is2DConstraint(tree[id]) && id !== hoveredId);
-      return {
-        hovered: hoveredId,
-        highlighted: [...highlightedConstraints, hoveredId, ...constraintEntities]
-      };
-    });
+    if (timerId) {
+      window.clearTimeout(timerId);
+      timerId = undefined;
+    }
   } else {
-    const linkedConstraints = Object.values(tree).filter(obj => is2DConstraint(obj)).filter(obj => {
-      var _obj$members;
-
-      return ((_obj$members = obj.members) == null ? void 0 : _obj$members.entities).members.some(entity => entity.value === hoveredId);
-    }).map(obj => obj.id);
-    const constraintsToGeometry = {};
-    linkedConstraints.forEach(id => {
-      constraintsToGeometry[id] = hoveredId;
-    });
     set(state_ => {
+      const highlighted = state_.highlighted;
+      const highlightedConstraints = highlighted.filter(id => is2DConstraint(tree[id]));
       return {
-        hovered: hoveredId,
-        highlighted: [hoveredId, ...linkedConstraints],
-        constraintsToGeometry: _objectSpread$g(_objectSpread$g({}, state_.constraintsToGeometry), constraintsToGeometry)
+        hovered: NOCCID,
+        highlighted: highlightedConstraints,
+        interaction: {
+          cycle,
+          objects
+        }
       };
     });
-  }
 
-  if (timerId) {
-    window.clearTimeout(timerId);
-    timerId = undefined;
+    if (timerId) {
+      window.clearTimeout(timerId);
+    }
+
+    timerId = window.setTimeout(() => {
+      set({
+        highlighted: []
+      });
+    }, 1000);
   }
 };
-const unhover = (drawingId, pluginId, hoveredId) => {
-  const {
-    state,
-    set
-  } = core.getPlugin(drawingId, pluginId);
+
+const hover = (drawingId, pluginId, hoveredId) => {
+  var _tree$hoveredId;
+
+  const state = getSketchState(drawingId, pluginId);
   const tree = core.getDrawing(drawingId).structure.tree;
-  const hoveredObject = tree[hoveredId];
 
-  if (!hoveredObject || hoveredObject && hoveredObject.class === classcad.CCClasses.CCSketch || state.rubberBandRectangle) {
+  if (!tree[hoveredId] || ((_tree$hoveredId = tree[hoveredId]) == null ? void 0 : _tree$hoveredId.class) === classcad.CCClasses.CCSketch || state.rubberBandRectangle || state.isDragged) {
     return;
   }
 
-  set(state_ => {
-    const highlighted = state_.highlighted;
-    const highlightedConstraints = highlighted.filter(id => is2DConstraint(tree[id]));
-    return {
-      hovered: state_.hovered === hoveredId ? NOCCID : state_.hovered,
-      highlighted: highlightedConstraints
-    };
-  });
+  const objects = state.interaction.objects;
+  const objectsSorted = [...objects, hoveredId].sort((a, b) => getGeometryPriority(tree[b]) - getGeometryPriority(tree[a]) || a - b);
+  const objectsNew = objectsSorted.filter((id, i) => objectsSorted.indexOf(id) === i);
+  setHoverState(drawingId, pluginId, 0, objectsNew);
+};
+const unhover = (drawingId, pluginId, hoveredId) => {
+  var _tree$hoveredId2;
 
-  if (timerId) {
-    window.clearTimeout(timerId);
+  const state = getSketchState(drawingId, pluginId);
+  const tree = core.getDrawing(drawingId).structure.tree;
+
+  if (!tree[hoveredId] || ((_tree$hoveredId2 = tree[hoveredId]) == null ? void 0 : _tree$hoveredId2.class) === classcad.CCClasses.CCSketch || state.rubberBandRectangle) {
+    return;
   }
 
-  timerId = window.setTimeout(() => {
-    set({
-      highlighted: []
-    });
-  }, 1000);
+  const objects = state.interaction.objects;
+  const objectsNew = objects.filter(id => id !== hoveredId);
+  setHoverState(drawingId, pluginId, 0, objectsNew);
 };
 const select = (drawingId, pluginId, selectedId) => {
   const {
@@ -6672,6 +6842,17 @@ const select = (drawingId, pluginId, selectedId) => {
     }
   });
 };
+const tab = (drawingId, pluginId) => {
+  const state = getSketchState(drawingId, pluginId);
+
+  if (state.rubberBandRectangle || state.isDragged) {
+    return;
+  }
+
+  const cycle = state.interaction.cycle + 1;
+  const objects = state.interaction.objects;
+  setHoverState(drawingId, pluginId, cycle, objects);
+};
 
 function Hover(drawingId, pluginId) {
   const filter = object => true;
@@ -6685,16 +6866,20 @@ function Hover(drawingId, pluginId) {
     });
   };
 
+  const onKeyup = e => {
+    if (e.code === 'Tab') {
+      tab(drawingId, pluginId);
+    }
+  };
+
   const onPointerOver = e => {
     const hoveredId = e.object.userData.objId;
     hover(drawingId, pluginId, hoveredId);
-    e.stopPropagation();
   };
 
   const onPointerOut = e => {
     const hoveredId = e.object.userData.objId;
     unhover(drawingId, pluginId, hoveredId);
-    e.stopPropagation();
   };
 
   return {
@@ -6704,6 +6889,9 @@ function Hover(drawingId, pluginId) {
     pointerHandlers: {
       onPointerOver,
       onPointerOut
+    },
+    keyHandlers: {
+      keyup: onKeyup
     }
   };
 }
@@ -7109,7 +7297,7 @@ function Drag(drawingId, pluginId, camControls) {
   let defferedDiff = null;
 
   const moveObjects = async (sketch, objectIds, diff) => {
-    promise = classcad.ccAPI.sketcher.moveObjects(drawingId, sketchId, objectIds, diff);
+    promise = classcad.ccAPI.sketcher.moveObjects(drawingId, sketchId, objectIds, diff).catch(console.warn);
     moveFrom.add(diff);
     await promise; // Artificial slowdown to lessen network/server burden
 
@@ -7156,6 +7344,8 @@ function Drag(drawingId, pluginId, camControls) {
   };
 
   const onKeyup = e => {
+    var _hoverHandler$keyHand;
+
     if (e.code === 'Delete') {
       if (pressedId !== NOCCID) {
         return;
@@ -7170,18 +7360,27 @@ function Drag(drawingId, pluginId, camControls) {
       });
 
       if (selectedNotNested.length > 0) {
-        classcad.ccAPI.sketcher.removeObjects(drawingId, sketchId, selectedNotNested);
+        classcad.ccAPI.sketcher.removeObjects(drawingId, sketchId, selectedNotNested).catch(console.warn);
       }
     }
+
+    (_hoverHandler$keyHand = hoverHandler.keyHandlers) == null ? void 0 : _hoverHandler$keyHand.keyup(e);
   };
 
   const onPointerDown = e => {
     var _sketch$children, _sketch$children2;
 
-    if (e.buttons !== 1) // Continue only if 'primary' mouse button is pressed
+    if (e.buttons !== 1) {
+      // Continue only if 'primary' mouse button is pressed
       return;
+    }
+
     isMoved = false;
-    pressedId = e.object.userData.objId;
+    const {
+      cycle,
+      objects
+    } = getSketchState(drawingId, pluginId).interaction;
+    pressedId = objects.length > 0 ? objects[cycle % objects.length] : e.object.userData.objId;
     const pressedObj = core.getDrawing(drawingId).structure.tree[pressedId];
 
     if (e.shiftKey) {
@@ -7191,7 +7390,7 @@ function Drag(drawingId, pluginId, camControls) {
       }
 
       isRectSelectionActive = true;
-      rectClickPoint = e.point.project(e.camera);
+      rectClickPoint = e.point.clone().project(e.camera);
       pressedId = NOCCID;
       camControls.enabled = false;
       e.target.setPointerCapture(e.pointerId);
@@ -7277,7 +7476,7 @@ function Drag(drawingId, pluginId, camControls) {
     isMoved = true;
 
     if (isRectSelectionActive) {
-      const rectMousePoint = e.point.project(e.camera);
+      const rectMousePoint = e.point.clone().project(e.camera);
       const min = new THREE__namespace.Vector2(Math.min(rectClickPoint.x, rectMousePoint.x), Math.min(rectClickPoint.y, rectMousePoint.y));
       const max = new THREE__namespace.Vector2(Math.max(rectClickPoint.x, rectMousePoint.x), Math.max(rectClickPoint.y, rectMousePoint.y));
       const rubberBandRectangle = new THREE__namespace.Box2(min, max);
@@ -7329,6 +7528,7 @@ function Drag(drawingId, pluginId, camControls) {
           max: max.clone()
         }
       });
+      e.stopPropagation();
       return;
     }
 
@@ -7346,7 +7546,7 @@ function Drag(drawingId, pluginId, camControls) {
         // If we are waiting for the response from server, defer next diff and make it after current change.
         defferedDiff = diff;
       } else {
-        moveObjects(sketchId, [pressedId, ...selected], diff).catch();
+        moveObjects(sketchId, [pressedId, ...selected], diff);
       }
     }
 
@@ -7423,7 +7623,7 @@ function DrawPoint(drawingId, pluginId) {
         incidence: true,
         tangency: false,
         vertAndHoriz: false
-      });
+      }).catch(console.warn);
     }
 
     e.stopPropagation();
@@ -7584,7 +7784,7 @@ function DrawLine(drawingId, pluginId) {
         if (lineId === null) return;
         const lastAddedLine = core.getDrawing(drawingId).structure.tree[lineId];
         lastAddedEndPointId = ((_lastAddedLine$childr = lastAddedLine.children) == null ? void 0 : _lastAddedLine$childr[1]) || NOCCID;
-      }).catch();
+      }).catch(console.warn);
       set(state => {
         const tmpStartP = state.tmpObjects[tmpStartPId];
         const tmpEndP = state.tmpObjects[tmpEndPId];
@@ -7762,7 +7962,7 @@ function DrawRectangle(drawingId, pluginId) {
         incidence: true,
         tangency: true,
         vertAndHoriz: false
-      });
+      }).catch(console.warn);
       set(state => {
         const tmpRect_ = state.tmpObjects[tmpRectId];
         const tmpPoint = {
@@ -8322,7 +8522,7 @@ function DrawArc(drawingId, pluginId, arcType) {
         if (arcId === null) return;
         const lastAddedArc = core.getDrawing(drawingId).structure.tree[arcId];
         lastAddedEndPointId = ((_lastAddedArc$childre = lastAddedArc.children) == null ? void 0 : _lastAddedArc$childre[0]) || NOCCID;
-      }).catch();
+      }).catch(console.warn);
 
       if (arcType === HandlersList.DRAWARCTANGENT) {
         const dir = endPos.clone().sub(centerPos);
@@ -8535,7 +8735,7 @@ function DrawCircle(drawingId, pluginId) {
         incidence: true,
         tangency: false,
         vertAndHoriz: false
-      });
+      }).catch(console.warn);
       set(state => {
         const tmpCenterP = state.tmpObjects[tmpCenterPId];
         return {
@@ -8600,73 +8800,73 @@ function DrawCircle(drawingId, pluginId) {
   };
 }
 
-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='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 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='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 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='M93.7715 47.5999H6.8291V53H93.7715V47.5999Z' fill='black'/%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%3cpath d='M93.7715 47.5999H6.8291V53H93.7715V47.5999Z' fill='black'/%3e%3c/svg%3e";
 
-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='M53 12H47.6006V88.5999H53V12Z' fill='black'/%3e%3c/svg%3e";
+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='M53 12H47.6006V88.5999H53V12Z' fill='black'/%3e%3c/svg%3e";
 
-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='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 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='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 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='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 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='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 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='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 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='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 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='M12 75H50.5M88 75H50.5M50.5 75V24.5' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
+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='M12 75H50.5M88 75H50.5M50.5 75V24.5' stroke='black' stroke-width='5'/%3e%3c/svg%3e";
 
-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='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 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='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 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%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 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='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 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='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 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='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 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='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 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='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 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='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 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='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 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='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 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='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 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='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 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='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 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='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$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='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$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%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 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%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 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='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 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='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 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='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 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='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 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%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 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%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 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='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$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='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$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='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$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='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$D = "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$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='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$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%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 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='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 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='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 img$D = "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 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%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 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%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 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%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 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%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 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='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 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%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 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='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 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='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 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='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 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='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 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='M43.5 70L18 81L21 61L27.5 56.5L43.5 70Z' fill='white'/%3e%3cpath d='M90 84V91H10V87.5L20.8949 84H90Z' fill='black'/%3e%3cpath d='M67 18L79 30.1141L43.5 66L31 53.5L67 18Z' fill='%239D9D9C'/%3e%3cpath d='M78.3496 29.9585L67.2276 18.9046L32.0081 53.6017L43.1301 64.6556L78.3496 29.9585ZM23.0488 62.8133L19.0325 78.166L34.1707 73.8672L39.1138 68.9544L27.6829 57.9004L23.0488 62.8133ZM11 84L17.1789 59.7427L25.2114 51.7593L67.2276 10L87 29.6515L37.2602 79.3942L20.8862 84H11Z' fill='black'/%3e%3cpath d='M21 84L10 88L10.6286 84H21Z' fill='black'/%3e%3c/svg%3e";
+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='M43.5 70L18 81L21 61L27.5 56.5L43.5 70Z' fill='white'/%3e%3cpath d='M90 84V91H10V87.5L20.8949 84H90Z' fill='black'/%3e%3cpath d='M67 18L79 30.1141L43.5 66L31 53.5L67 18Z' fill='%239D9D9C'/%3e%3cpath d='M78.3496 29.9585L67.2276 18.9046L32.0081 53.6017L43.1301 64.6556L78.3496 29.9585ZM23.0488 62.8133L19.0325 78.166L34.1707 73.8672L39.1138 68.9544L27.6829 57.9004L23.0488 62.8133ZM11 84L17.1789 59.7427L25.2114 51.7593L67.2276 10L87 29.6515L37.2602 79.3942L20.8862 84H11Z' fill='black'/%3e%3cpath d='M21 84L10 88L10.6286 84H21Z' fill='black'/%3e%3c/svg%3e";
 
-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%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 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%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 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%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 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%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 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%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$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%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$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%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 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%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";
 
 const RootContext = /*#__PURE__*/React.createContext({
   drawingId: -1,
@@ -8874,7 +9074,7 @@ const RectPattern = () => {
     classcad.ccAPI.sketcher.copyRectangularPattern(drawingId, sketchId, rigidSetOrObjId, originIndex, translate, numX - 1, numY - 1).then(() => {
       core.getDrawing(drawingId).api.selection.setItems(rgSetSelId, []);
       core.getDrawing(drawingId).api.selection.setItems(originSelId, []);
-    }).catch();
+    }).catch(console.warn);
   }, [drawingId, numX, numY, offsetX, offsetY, originSelId, rgSetSelId, sketchId, rigidSetOrObjId]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Wrapper, {
     caption: "Num X"
@@ -8967,7 +9167,7 @@ const CircPattern = () => {
     classcad.ccAPI.sketcher.copyCircularPattern(drawingId, sketchId, rigidSetId, rotationOriginPoint, angleStep, numSteps - 1).then(() => {
       core.getDrawing(drawingId).api.selection.setItems(rgSetSelId, []);
       core.getDrawing(drawingId).api.selection.setItems(originSelId, []);
-    }).catch();
+    }).catch(console.warn);
   }, [drawingId, sketchId, angle, numSteps, rgSetSelId, originSelId]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Wrapper, {
     caption: "Num"
@@ -9031,7 +9231,7 @@ const MirrorPattern = () => {
       return;
     }
 
-    classcad.ccAPI.sketcher.copyMirrorPattern(drawingId, sketchId, rigidSetId, lineId);
+    classcad.ccAPI.sketcher.copyMirrorPattern(drawingId, sketchId, rigidSetId, lineId).catch(console.warn);
   }, [drawingId, sketchId, rgSetSelId, lineSelId]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Wrapper, {
     caption: "Rigidset/Object"
@@ -9055,44 +9255,44 @@ const MirrorPattern = () => {
 };
 
 const resources = {
-  [classcad.CCClasses.CC2DFixationConstraint]: img$Y,
-  [classcad.CCClasses.CC2DHorizontalConstraint]: img$X,
-  [classcad.CCClasses.CC2DVerticalConstraint]: img$W,
-  [classcad.CCClasses.CC2DCoincidentConstraint]: img$V,
-  [classcad.CCClasses.CC2DTangentSketchConstraint]: img$U,
-  [classcad.CCClasses.CC2DParallelConstraint]: img$T,
-  [classcad.CCClasses.CC2DPerpendicularConstraint]: img$S,
-  [classcad.CCClasses.CC2DColinearConstraint]: img$R,
-  [classcad.CCClasses.CC2DConcentricConstraint]: img$Q,
-  [classcad.CCClasses.CC2DMidpointConstraint]: img$P,
-  [classcad.CCClasses.CC2DSymmetryConstraint]: img$O,
-  [classcad.CCClasses.CC2DEqualLengthConstraint]: img$N,
-  [classcad.CCClasses.CC2DEqualRadiusConstraint]: img$N,
-  [classcad.CCClasses.CC2DHorizontalDistanceConstraint]: img$M,
-  [classcad.CCClasses.CC2DVerticalDistanceConstraint]: img$L,
-  [classcad.CCClasses.CC2DOffsetConstraint]: img$K,
-  [classcad.CCClasses.CC2DRadiusConstraint]: img$J,
-  [classcad.CCClasses.CC2DDiameterConstraint]: img$K,
-  [classcad.CCClasses.CC2DAngleConstraint]: img$I,
-  [classcad.CCClasses.CC2DAngleOXConstraint]: img$H,
-  [classcad.CCClasses.CCRigidSet]: img$G,
-  [classcad.CCClasses.CCUse]: img$r,
-  [classcad.CCClasses.CCExtrusion]: img$F,
-  [classcad.CCClasses.CCRevolve]: img$E,
-  [classcad.CCClasses.CCRevolve]: img$E,
-  [HandlersList.DRAWPOINT]: img$D,
-  [HandlersList.DRAWLINE]: img$C,
-  [HandlersList.DRAWRECTANGLE]: img$B,
-  [HandlersList.DRAWARCTANGENT]: img$A,
-  [HandlersList.DRAWARCCENTER]: img$z,
-  [HandlersList.DRAWARCMIDDLE]: img$y,
-  [HandlersList.DRAWCIRCLE]: img$x,
-  [HandlersList.FILLET]: img$w,
-  [HandlersList.TRIM]: img$v,
-  [HandlersList.USEREF]: img$r,
-  [Patterns.RECTANGULAR]: img$u,
-  [Patterns.CIRCULAR]: img$t,
-  [Patterns.MIRROR]: img$s
+  [classcad.CCClasses.CC2DFixationConstraint]: img$_,
+  [classcad.CCClasses.CC2DHorizontalConstraint]: img$Z,
+  [classcad.CCClasses.CC2DVerticalConstraint]: img$Y,
+  [classcad.CCClasses.CC2DCoincidentConstraint]: img$X,
+  [classcad.CCClasses.CC2DTangentSketchConstraint]: img$W,
+  [classcad.CCClasses.CC2DParallelConstraint]: img$V,
+  [classcad.CCClasses.CC2DPerpendicularConstraint]: img$U,
+  [classcad.CCClasses.CC2DColinearConstraint]: img$T,
+  [classcad.CCClasses.CC2DConcentricConstraint]: img$S,
+  [classcad.CCClasses.CC2DMidpointConstraint]: img$R,
+  [classcad.CCClasses.CC2DSymmetryConstraint]: img$Q,
+  [classcad.CCClasses.CC2DEqualLengthConstraint]: img$P,
+  [classcad.CCClasses.CC2DEqualRadiusConstraint]: img$P,
+  [classcad.CCClasses.CC2DHorizontalDistanceConstraint]: img$O,
+  [classcad.CCClasses.CC2DVerticalDistanceConstraint]: img$N,
+  [classcad.CCClasses.CC2DOffsetConstraint]: img$M,
+  [classcad.CCClasses.CC2DRadiusConstraint]: img$L,
+  [classcad.CCClasses.CC2DDiameterConstraint]: img$M,
+  [classcad.CCClasses.CC2DAngleConstraint]: img$K,
+  [classcad.CCClasses.CC2DAngleOXConstraint]: img$J,
+  [classcad.CCClasses.CCRigidSet]: img$I,
+  [classcad.CCClasses.CCUse]: img$t,
+  [classcad.CCClasses.CCExtrusion]: img$H,
+  [classcad.CCClasses.CCRevolve]: img$G,
+  [classcad.CCClasses.CCRevolve]: img$G,
+  [HandlersList.DRAWPOINT]: img$F,
+  [HandlersList.DRAWLINE]: img$E,
+  [HandlersList.DRAWRECTANGLE]: img$D,
+  [HandlersList.DRAWARCTANGENT]: img$C,
+  [HandlersList.DRAWARCCENTER]: img$B,
+  [HandlersList.DRAWARCMIDDLE]: img$A,
+  [HandlersList.DRAWCIRCLE]: img$z,
+  [HandlersList.FILLET]: img$y,
+  [HandlersList.TRIM]: img$x,
+  [HandlersList.USEREF]: img$t,
+  [Patterns.RECTANGULAR]: img$w,
+  [Patterns.CIRCULAR]: img$v,
+  [Patterns.MIRROR]: img$u
 };
 const textures = {};
 const textureLoader = new THREE__namespace.TextureLoader();
@@ -9100,55 +9300,87 @@ Object.entries(resources).forEach(([key, value]) => {
   textures[key] = textureLoader.load(value);
 });
 
-function point(object) {
-  return object.class === classcad.CCClasses.CCPoint;
+// Checker functions return either 0, if check failed, or an index otherwise.
+// The index is set on creation; it determines the order of entities for constraint creation.
+// Index should be a number if the entity should be constrainted directly, or an array of numbers, if its children should be constrainted.
+// In a single input-describing array for n-sized output, indices should be in range [1, n], without spaces and unique.
+// e.g. if we want both [line, point] and [point, line] pairs to be selectable for the constraint, and the output should be [point1, point2, point3], with point2 always being an original point, the indices should be set like this:
+// [line([1, 3]), point(2)], [point(2), line([1, 3])]
+
+function point(index) {
+  return object => {
+    return object.class === classcad.CCClasses.CCPoint ? index : 0;
+  };
 }
 
-function line(object) {
-  return object.class === classcad.CCClasses.CCLine;
+function line(index) {
+  return object => {
+    return object.class === classcad.CCClasses.CCLine ? index : 0;
+  };
 }
 
-function notLine(object) {
-  return !line(object) && any(object);
+function notLine(index) {
+  return object => {
+    return object.class === classcad.CCClasses.CCPoint || object.class === classcad.CCClasses.CCArc || object.class === classcad.CCClasses.CCCircle ? index : 0;
+  };
 }
 
-function arc(object) {
-  return object.class === classcad.CCClasses.CCArc || object.class === classcad.CCClasses.CCCircle;
+function arc(index) {
+  return object => {
+    return object.class === classcad.CCClasses.CCArc || object.class === classcad.CCClasses.CCCircle ? index : 0;
+  };
 }
 
-function curve(object) {
-  return line(object) || arc(object);
+function curve(index) {
+  return object => {
+    return object.class === classcad.CCClasses.CCLine || object.class === classcad.CCClasses.CCArc || object.class === classcad.CCClasses.CCCircle ? index : 0;
+  };
 }
 
-function any(object) {
-  return point(object) || curve(object);
+function any(index) {
+  return object => {
+    return object.class === classcad.CCClasses.CCPoint || object.class === classcad.CCClasses.CCLine || object.class === classcad.CCClasses.CCArc || object.class === classcad.CCClasses.CCCircle ? index : 0;
+  };
+} // Entity adapters.
+// Some constraints should support multi-creation if entity selection allows so.
+// These are entity-remapping functions, which take the original entity array and create an array of combinations of entities.
+// These combinations, if further checks are successful, can be used as entities for creating separate constraints
+
+
+function singular(entities) {
+  return [entities];
+}
+
+function multipleUnary(entities) {
+  return entities.map(entity => [entity]);
+}
+
+function multipleBinary(entities) {
+  const entities1ToN = entities.slice(1);
+  return entities1ToN.map(entity => [entities[0], entity]);
 }
 
 function createHelper(type, name, ...constraintGeometryCombinations) {
-  const isParametric = constraintGeometryCombinations[0].desc.includes('p');
-  const isCommutative = constraintGeometryCombinations[0].desc.includes('c');
   return {
     type,
     name,
-    isParametric,
-    isCommutative,
 
     adapt(entities, tree) {
       entities = [...entities];
 
-      const checkPredicates = (predicates, formattedEntities) => {
-        if (this.type !== classcad.CCClasses.CCRigidSet && predicates.length !== formattedEntities.length) return false;
+      const checkInput = (input, formattedEntities) => {
+        if (this.type !== classcad.CCClasses.CCRigidSet && input.length !== formattedEntities.length) return false;
         let entityIdx = 0; // eslint-disable-next-line @typescript-eslint/prefer-for-of
 
-        for (let i = 0; i < predicates.length; i++) {
+        for (let i = 0; i < input.length; i++) {
           if (entityIdx >= formattedEntities.length) {
             return false;
           }
 
-          const predicate = predicates[i];
+          const checker = input[i];
           const entity = tree[formattedEntities[entityIdx++]];
 
-          if (!entity || !predicate(entity)) {
+          if (!entity || !checker(entity)) {
             return false;
           }
         }
@@ -9164,179 +9396,176 @@ function createHelper(type, name, ...constraintGeometryCombinations) {
         }
 
         info = [{
-          predicates: entities.map(entity => any),
-          desc: ''
+          entityAdapter: singular,
+          input: entities.map((entity, i) => any(i + 1))
         }];
-      } // eslint-disable-next-line @typescript-eslint/prefer-for-of
+      } // Process specified combinations until a suitable one is found, or there are no combinations left...
+      // eslint-disable-next-line @typescript-eslint/prefer-for-of
 
 
       for (let i = 0; i < info.length; i++) {
-        const isLenient = info[i].desc.includes('l'); // allow selecting a line instead of its two endpoints
-
-        const isStrictlyLenient = info[i].desc.includes('L'); // must select lines instead of endpoints
-
-        const isMultySelU = info[i].desc.includes('m'); // allow selecting multiple entities to be constrained; the constraint should be unary, and a separate constraint will be created for each entity
-
-        const isMultySelB = info[i].desc.includes('M'); // allow selecting multiple entities to be constrained; the constraint should be binary, n-1 constraints for entity pairs (1, 2), ..., (1, n) will be created
-
-        if (isMultySelU) {
-          if (entities.length > 0 && entities.every(entity => checkPredicates(info[i].predicates, [entity]))) {
-            return entities.map(entity => [entity]);
-          }
-        } // TODO: refactor into a more linear, less intertwined solution?
+        const input = info[i].input;
+        const entityGroups = info[i].entityAdapter(entities);
 
-
-        if (isMultySelB) {
-          const entities1ToN = entities.slice(1);
-
-          if (entities1ToN.length > 0 && entities1ToN.every(entity => checkPredicates(info[i].predicates, [entities[0], entity]))) {
-            const entity0 = tree[entities[0]];
-            const entities0 = isStrictlyLenient && entity0 && line(entity0) ? entity0.children || [] : [entities[0]];
-            return entities1ToN.map(entityId => {
-              const entity = tree[entityId];
-              const entities_ = isStrictlyLenient && entity && line(entity) ? entity.children || [] : [entityId];
-              return [...entities0, ...entities_];
-            });
-          }
-        }
-
-        for (let j = 0; j < entities.length; j++) {
-          const entity = tree[entities[j]];
-          if (isLenient && entity && line(entity)) entities.splice(j, 1, ...(entity.children || []));
+        if (entityGroups.length === 0 || entityGroups.some(entityGroup => !checkInput(input, entityGroup))) {
+          continue;
         }
 
-        if (checkPredicates(info[i].predicates, entities)) {
-          for (let j = 0; j < entities.length; j++) {
-            const entity = tree[entities[j]];
-
-            if (isStrictlyLenient && entity && line(entity)) {
-              entities.splice(j, 1, ...(entity.children || []));
+        const output = entityGroups.map(entityGroup => {
+          // Assume there are no index spaces in input checkers...
+          const output_ = [];
+          entityGroup.forEach((entityId, j) => {
+            const checker = input[j];
+            const entity = tree[entityId];
+            const index = checker(entity);
+
+            if (Array.isArray(index)) {
+              index.forEach((index_, k) => {
+                var _entity$children;
+
+                const childId = ((_entity$children = entity.children) == null ? void 0 : _entity$children[k]) || -1;
+                output_[index_ - 1] = childId;
+              });
+            } else {
+              output_[index - 1] = entityId;
             }
-          }
-
-          return [entities];
-        }
+          });
+          return output_;
+        });
+        return output.every(output_ => output_.every(id => id !== -1)) ? output : undefined;
       }
 
       return undefined;
     }
 
   };
-}
+} // TODO: describe in comments how this helpers works
+
 
-// TODO: describe in comments how this helpers works
 const constraintsHelpers = {
   angle: createHelper(classcad.CCClasses.CC2DAngleConstraint, 'Ang', {
-    predicates: [line, line],
-    desc: 'pc'
+    entityAdapter: singular,
+    input: [line(1), line(2)]
   }),
   angleox: createHelper(classcad.CCClasses.CC2DAngleOXConstraint, 'AngOX', {
-    predicates: [line],
-    desc: 'p'
+    entityAdapter: singular,
+    input: [line(1)]
   }),
   colinear: createHelper(classcad.CCClasses.CC2DCoincidentConstraint, 'Colin', {
-    predicates: [line, line],
-    desc: 'Mc'
+    entityAdapter: multipleBinary,
+    input: [line(1), line(2)]
   }, {
-    predicates: [line, point],
-    desc: 'c'
+    entityAdapter: singular,
+    input: [line(1), point(2)]
   }, {
-    predicates: [point, line],
-    desc: 'c'
+    entityAdapter: singular,
+    input: [point(2), line(1)]
   }),
   concentric: createHelper(classcad.CCClasses.CC2DConcentricConstraint, 'Ccntr', {
-    predicates: [arc, arc],
-    desc: 'Mc'
+    entityAdapter: multipleBinary,
+    input: [arc(1), arc(2)]
   }),
   distance: createHelper(classcad.CCClasses.CC2DOffsetConstraint, 'Offset', {
-    predicates: [any, any],
-    desc: 'pc'
+    entityAdapter: singular,
+    input: [any(1), any(2)]
   }, {
-    predicates: [point, point],
-    desc: 'pcl'
+    entityAdapter: singular,
+    input: [line([1, 2])]
   }),
   equalDistance: createHelper(classcad.CCClasses.CC2DEqualLengthConstraint, 'EL', {
-    predicates: [line, line],
-    desc: 'LM'
+    entityAdapter: multipleBinary,
+    input: [line([1, 2]), line([3, 4])]
   }),
   equalRadius: createHelper(classcad.CCClasses.CC2DEqualRadiusConstraint, 'ER', {
-    predicates: [arc, arc],
-    desc: 'Mc'
+    entityAdapter: multipleBinary,
+    input: [arc(1), arc(2)]
   }),
   fixation: createHelper(classcad.CCClasses.CC2DFixationConstraint, 'Fix', {
-    predicates: [any],
-    desc: 'm'
+    entityAdapter: multipleUnary,
+    input: [any(1)]
   }),
   horizontalDistance: createHelper(classcad.CCClasses.CC2DHorizontalDistanceConstraint, 'HD', {
-    predicates: [point, point],
-    desc: 'pl'
+    entityAdapter: singular,
+    input: [point(1), point(2)]
+  }, {
+    entityAdapter: singular,
+    input: [line([1, 2])]
   }),
   horizontality: createHelper(classcad.CCClasses.CC2DHorizontalConstraint, 'H', {
-    predicates: [line],
-    desc: 'm'
+    entityAdapter: multipleUnary,
+    input: [line(1)]
   }, {
-    predicates: [point, point],
-    desc: ''
+    entityAdapter: singular,
+    input: [point(1), point(2)]
   }),
   incidence: createHelper(classcad.CCClasses.CC2DCoincidentConstraint, 'Coinc', {
-    predicates: [notLine, notLine],
-    desc: 'Mc'
+    entityAdapter: multipleBinary,
+    input: [notLine(1), notLine(2)]
   }),
   midpoint: createHelper(classcad.CCClasses.CC2DMidpointConstraint, 'MP', {
-    predicates: [any, point, any],
-    desc: ''
+    entityAdapter: singular,
+    input: [point(1), point(2), point(3)]
+  }, {
+    entityAdapter: singular,
+    input: [line([1, 3]), point(2)]
+  }, {
+    entityAdapter: singular,
+    input: [point(2), line([1, 3])]
   }),
   parallelity: createHelper(classcad.CCClasses.CC2DParallelConstraint, 'Par', {
-    predicates: [line, line],
-    desc: 'Mc'
+    entityAdapter: multipleBinary,
+    input: [line(1), line(2)]
   }),
   perpendicularity: createHelper(classcad.CCClasses.CC2DPerpendicularConstraint, 'Perp', {
-    predicates: [line, line],
-    desc: 'c'
+    entityAdapter: singular,
+    input: [line(1), line(2)]
   }),
   radius: createHelper(classcad.CCClasses.CC2DRadiusConstraint, 'R', {
-    predicates: [arc],
-    desc: 'p'
+    entityAdapter: singular,
+    input: [arc(1)]
   }),
   diameter: createHelper(classcad.CCClasses.CC2DDiameterConstraint, 'D', {
-    predicates: [arc],
-    desc: 'p'
+    entityAdapter: singular,
+    input: [arc(1)]
   }),
   symmetric: createHelper(classcad.CCClasses.CC2DSymmetryConstraint, 'Symm', {
-    predicates: [line, point, point],
-    desc: ''
+    entityAdapter: singular,
+    input: [line(1), point(2), point(3)]
   }, {
-    predicates: [line, line, line],
-    desc: ''
+    entityAdapter: singular,
+    input: [line(1), line(2), line(3)]
   }, {
-    predicates: [line, arc, arc],
-    desc: ''
+    entityAdapter: singular,
+    input: [line(1), arc(2), arc(3)]
   }),
   tangency: createHelper(classcad.CCClasses.CC2DTangentSketchConstraint, 'Tan', {
-    predicates: [arc, curve],
-    desc: 'c'
+    entityAdapter: singular,
+    input: [arc(1), curve(2)]
   }, {
-    predicates: [curve, arc],
-    desc: 'c'
+    entityAdapter: singular,
+    input: [curve(2), arc(1)]
   }),
   verticalDistance: createHelper(classcad.CCClasses.CC2DVerticalDistanceConstraint, 'VD', {
-    predicates: [point, point],
-    desc: 'pl'
+    entityAdapter: singular,
+    input: [point(1), point(2)]
+  }, {
+    entityAdapter: singular,
+    input: [line([1, 2])]
   }),
   verticality: createHelper(classcad.CCClasses.CC2DVerticalConstraint, 'V', {
-    predicates: [line],
-    desc: 'm'
+    entityAdapter: multipleUnary,
+    input: [line(1)]
   }, {
-    predicates: [point, point],
-    desc: ''
+    entityAdapter: singular,
+    input: [point(1), point(2)]
   }),
   rigidSet: createHelper(classcad.CCClasses.CCRigidSet, 'RS', {
-    predicates: [],
-    desc: ''
+    entityAdapter: singular,
+    input: []
   }),
   use: createHelper(classcad.CCClasses.CCUse, 'Use', {
-    predicates: [any],
-    desc: ''
+    entityAdapter: singular,
+    input: [any(1)]
   })
 };
 
@@ -9463,7 +9692,7 @@ const ConstrBtn = ({
 
     if (constrClass === classcad.CCClasses.CCRigidSet) {
       if (selected.length === 0) return;
-      classcad.ccAPI.sketcher.createRigidSet(drawingId, sketchId, selected);
+      classcad.ccAPI.sketcher.createRigidSet(drawingId, sketchId, selected).catch(console.warn);
     } else {
       const tree = core.getDrawing(drawingId).structure.tree;
       const ct = constraintsHelpers[classNameMap[constrClass]];
@@ -9478,7 +9707,7 @@ const ConstrBtn = ({
         set({
           selected: []
         });
-        classcad.ccAPI.sketcher.addConstraints(drawingId, sketchId, entities.map(() => ct.name), entities.map(() => ct.type), entities);
+        classcad.ccAPI.sketcher.addConstraints(drawingId, sketchId, entities.map(() => ct.name), entities.map(() => ct.type), entities).catch(console.warn);
       }
     }
   }, [drawingId, set, sketchId, pluginId, constrClass]);
@@ -9941,7 +10170,7 @@ function Fillet(drawingId, pluginId, camControls) {
 
       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$9(_objectSpread$9({}, data.params), {}, {
         radius: 1
-      })).mid, data.params.end);
+      })).mid, data.params.end).catch(console.warn);
       set({
         tmpObjects: {},
         cursor: null
@@ -9961,7 +10190,7 @@ function Fillet(drawingId, pluginId, camControls) {
 
         return ((_tree$id$members = tree[id].members) == null ? void 0 : _tree$id$members.entities).members.some(entity => entity.value === filletRelatedObjectId);
       }));
-      classcad.ccAPI.sketcher.deleteFillet(drawingId, sketchId, info.object.id, info.filletPoint.id, info.lineStarts.map(lineStart => lineStart.id), unrelatedConstraintIds);
+      classcad.ccAPI.sketcher.deleteFillet(drawingId, sketchId, info.object.id, info.filletPoint.id, info.lineStarts.map(lineStart => lineStart.id), unrelatedConstraintIds).catch(console.warn);
       set({
         tmpObjects: {},
         cursor: null
@@ -9999,14 +10228,14 @@ function Trim(drawingId, pluginId) {
   };
 
   const onActivate = () => {
-    classcad.ccAPI.sketcher.splitAllCurves(drawingId, sketchId);
+    classcad.ccAPI.sketcher.splitAllCurves(drawingId, sketchId).catch(console.warn);
   };
 
   const onDeactivate = () => {
     set({
       cursor: null
     });
-    classcad.ccAPI.sketcher.splitCurvesMergeBack(drawingId, sketchId);
+    classcad.ccAPI.sketcher.splitCurvesMergeBack(drawingId, sketchId).catch(console.warn);
   };
 
   const onPointerOver = e => {
@@ -10037,7 +10266,7 @@ function Trim(drawingId, pluginId) {
     const tree = core.getDrawing(drawingId).structure.tree;
 
     if (((_tree2 = tree[tree[e.object.userData.objId].parent || NOCCID]) == null ? void 0 : _tree2.class) === classcad.CCClasses.CCContainer) {
-      classcad.ccAPI.sketcher.removeObjects(drawingId, sketchId, [e.object.userData.objId]);
+      classcad.ccAPI.sketcher.removeObjects(drawingId, sketchId, [e.object.userData.objId]).catch(console.warn);
     }
 
     e.stopPropagation();
@@ -10101,36 +10330,11 @@ const HandlersConstructors = {
 
 const orderStep = 2;
 const unitsBase = 0;
-const orderBase = 1000;
-
-function getPriority(object) {
-  if (is2DConstraint(object)) {
-    // Since constraints are drawn on separate HUD it base might be 1.
-    // If constraints will be drawn on common canvas it should be 4.
-    return 1;
-  }
-
-  switch (object.class) {
-    case classcad.CCClasses.CCLine:
-      return 1;
-
-    case classcad.CCClasses.CCArc:
-      return 2;
-
-    case classcad.CCClasses.CCCircle:
-      return 3;
-
-    case classcad.CCClasses.CCPoint:
-      return 5;
-  }
-
-  return -1;
-} // If there are two faces with the same depth, face with smaller offsetUnits will be drawn on top of plane with bigger offsetUnits
+const orderBase = 1000; // If there are two faces with the same depth, face with smaller offsetUnits will be drawn on top of plane with bigger offsetUnits
 // renderOrder means object idx in intersections array. Object with the highest renderOrder goes first.
 
-
 function getUnitsAndOrder(object) {
-  const priority = getPriority(object);
+  const priority = getGeometryPriority(object);
 
   if (priority === -1) {
     return {
@@ -11748,7 +11952,7 @@ function useUseRef(drawingId, sketchId) {
       const selApi = core.getDrawing(drawingId).api.selection;
       selApi.setItems('UseRef', []);
       const ids = itemsUseRef.map(item => item.data.graphicId);
-      classcad.ccAPI.sketcher.createReferenceGeometry(drawingId, sketchId, ids);
+      classcad.ccAPI.sketcher.createReferenceGeometry(drawingId, sketchId, ids).catch(console.warn);
     }
   }, [drawingId, sketchId, itemsUseRef]);
 }
@@ -11766,7 +11970,8 @@ function useInteractionReset(drawingId, pluginId) {
     const {
       hovered,
       selected,
-      highlighted
+      highlighted,
+      interaction
     } = getSketchState(drawingId, pluginId);
     const state_ = {};
     const hoveredValid = tree[hovered] !== undefined ? hovered : NOCCID;
@@ -11787,7 +11992,16 @@ function useInteractionReset(drawingId, pluginId) {
       state_.highlighted = [];
     }
 
-    if (state_.hovered || state_.selected || state_.highlighted) {
+    const cursorOverValid = interaction.objects.filter(id => tree[id] !== undefined);
+
+    if (cursorOverValid.length !== interaction.objects.length) {
+      state_.interaction = {
+        cycle: 0,
+        objects: cursorOverValid
+      };
+    }
+
+    if (state_.hovered || state_.selected || state_.highlighted || state_.interaction) {
       core.getPlugin(drawingId, pluginId).set(state_);
     }
   }, [drawingId, pluginId, children]);
@@ -12302,7 +12516,7 @@ function useMenuItems$4(drawingId, featureId, isActive, setEditName) {
         callback: () => {
           const pluginAPI = core.getDrawing(drawingId).api.plugin;
           if (isActive) pluginAPI.setActiveFeature(null);
-          classcad.ccAPI.baseModeler.deleteObject(drawingId, featureId);
+          classcad.ccAPI.baseModeler.deleteObject(drawingId, featureId).catch(console.warn);
         }
       }
     };
@@ -12444,9 +12658,9 @@ const PlaneSelection = ({
   const onChange = React.useCallback(items => {
     if (items.length !== 0) {
       if (items[0].scope === TreeObjScope) {
-        classcad.ccAPI.sketcher.setWorkPlane(drawingId, sketchId, items[0].data.object.id);
+        classcad.ccAPI.sketcher.setWorkPlane(drawingId, sketchId, items[0].data.object.id).catch(console.warn);
       } else {
-        classcad.ccAPI.sketcher.createAndSetWorkPlane(drawingId, sketchId, items[0].data.graphicId);
+        classcad.ccAPI.sketcher.createAndSetWorkPlane(drawingId, sketchId, items[0].data.graphicId).catch(console.warn);
       }
     }
   }, [drawingId, sketchId]);
@@ -12542,7 +12756,7 @@ const NameEdit = ({
   const ref = React.useRef(null);
   const onEnter = React.useCallback(async e => {
     if (e.target.value !== '') {
-      await classcad.ccAPI.common.setObjectName(drawingId, objId, e.target.value);
+      await classcad.ccAPI.common.setObjectName(drawingId, objId, e.target.value).catch(console.warn);
     }
 
     setEditName(false);
@@ -12677,7 +12891,7 @@ function useMenuItems$3(drawingId, pluginId, objectId, setRename) {
         caption: 'delete',
         icon: /*#__PURE__*/React.createElement(icons.DeleteOutlined, null),
         callback: () => {
-          classcad.ccAPI.sketcher.removeObjects(drawingId, sketchId, [objectId]);
+          classcad.ccAPI.sketcher.removeObjects(drawingId, sketchId, [objectId]).catch(console.warn);
           const tree = core.getDrawing(drawingId).structure.tree;
           set(state_ => {
             const selected = state_.selected.filter(id => id !== objectId && tree[id].parent !== objectId);
@@ -12756,7 +12970,7 @@ const RefTag = ({
       remove.current = undefined;
     } else if (itemsRefChange && itemsRefChange.length > 0) {
       const newRefId = itemsRefChange[0].data.graphicId;
-      classcad.ccAPI.sketcher.changeReferenceGeometry(drawingId, sketchId, objId, newRefId);
+      classcad.ccAPI.sketcher.changeReferenceGeometry(drawingId, sketchId, objId, newRefId).catch(console.warn);
       remove.current && remove.current();
       remove.current = undefined;
     }
@@ -12937,10 +13151,7 @@ const Details = () => {
   return /*#__PURE__*/React.createElement(Collapse, {
     header: "Details",
     isActive: false
-  }, /*#__PURE__*/React.createElement(PlaneSelection, {
-    drawingId: drawingId,
-    sketchId: sketchId
-  }), !hasGeometry && /*#__PURE__*/React.createElement(Text$2, {
+  }, !hasGeometry && /*#__PURE__*/React.createElement(Text$2, {
     strong: true
   }, "The sketch is empty"), hasGeometry && isTrimActive && /*#__PURE__*/React.createElement(Text$2, {
     strong: true
@@ -12972,6 +13183,161 @@ const Details = () => {
   }))));
 };
 
+var img$s = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB9SURBVEhL7ZFBCsAgDAT7HP//l77HCrsHCbaJiUKFDHtJgjsHr7qZFKikQOV/gruUFg4GnAK7JiSwOKIChLcRFIgHvqBKsFLQgraexQIEnWCLAEHzmQJ0gqM+GVUCCuyIUoS3EVEBt++EBFx94hRwMDAtmCUFKilQ2Syo9QGcSz3H8BHMoQAAAABJRU5ErkJggg==";
+
+var img$r = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABzSURBVEhL7Y1BCsAwCAT7nLy837SFLCFsY0woQQ8OexF155LDBBOUu7zBsEYkQW3fdYQR9O01WFgsCai6BespAQRUSsGRjreA6obBqYKrgIomwcMIVUAVZvD2wU/QQ10tWE9JgUkKTFJgkgKTGII/HBaIPHzTFiPbxQ1UAAAAAElFTkSuQmCC";
+
+const noSameSketchFilter = (drawingId, sketchId, objectId) => {
+  const parentSketchId = getAncestorIdByClass(drawingId, objectId, classcad.CCClasses.CCSketch);
+  return parentSketchId !== sketchId;
+};
+
+function usePositionParam(drawingId, objId, memberName) {
+  var _getDrawing$structure;
+
+  const member = (_getDrawing$structure = core.getDrawing(drawingId).structure.tree[objId].members) == null ? void 0 : _getDrawing$structure[memberName];
+  const defaultValue = React.useMemo(() => {
+    const obj = findObject(drawingId, member.value, true);
+    return (obj == null ? void 0 : obj.graphicId) || (obj == null ? void 0 : obj.id) || 0; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const [value, setValue] = React.useState(defaultValue);
+  return {
+    value,
+    setValue
+  };
+}
+
+const PositionSelection = ({
+  children,
+  drawingId,
+  param,
+  caption,
+  onChange,
+  filter,
+  noDeselect = false
+}) => {
+  const {
+    Selection
+  } = react.useBuerli(buerli => buerli.options.elements);
+  const objSelection = React.useMemo(() => {
+    if (param.value !== 0) {
+      const prodId = core.getDrawing(drawingId).structure.currentProduct;
+      const obj = findObject(drawingId, param.value, true);
+
+      if (obj != null && obj.graphicId) {
+        return [core.createGraphicItem(prodId, obj)];
+      } else {
+        return [createTreeObjSelItem(prodId, obj)];
+      }
+    }
+
+    return []; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onChange_ = React.useCallback(items => {
+    var _items$, _items$$data$object, _items$2;
+
+    const value = ((_items$ = items[0]) == null ? void 0 : (_items$$data$object = _items$.data.object) == null ? void 0 : _items$$data$object.id) || ((_items$2 = items[0]) == null ? void 0 : _items$2.data.graphicId) || 0;
+    param.setValue(value);
+
+    if (param.value !== value) {
+      onChange(value);
+    }
+  }, [param, onChange]);
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    caption: caption
+  }, /*#__PURE__*/React.createElement(Selection, {
+    drawingId: drawingId,
+    maxLen: 1,
+    initialItems: objSelection,
+    defaultActive: false,
+    autoDisable: true,
+    filter: filter,
+    onChange: onChange_ // Is this a good solution from the user perspective? To just disallow deselection of plane...
+    ,
+    customUnSelect: noDeselect ? () => void {} : undefined
+  }), children);
+};
+
+var Members$b;
+
+(function (Members) {
+  Members["PlaneReference"] = "planeReference";
+  Members["AxisReference"] = "axisReference";
+  Members["OriginReference"] = "originReference";
+  Members["AxisIsX"] = "axisIsX";
+  Members["PlaneInverted"] = "planeInverted";
+  Members["AxisInverted"] = "axisInverted";
+})(Members$b || (Members$b = {}));
+
+const Position = () => {
+  const {
+    Collapse
+  } = react.useBuerli(buerli => buerli.options.elements);
+  const {
+    drawingId,
+    pluginId
+  } = React.useContext(RootContext);
+  const sketchId = react.usePlugin(drawingId, pluginId, plugin => plugin.objectId);
+  const planeId = usePositionParam(drawingId, sketchId, Members$b.PlaneReference);
+  const axisId = usePositionParam(drawingId, sketchId, Members$b.AxisReference);
+  const originId = usePositionParam(drawingId, sketchId, Members$b.OriginReference);
+  const isXAxis = useBoolParam(drawingId, sketchId, Members$b.AxisIsX);
+  const planeInverted = useBoolParam(drawingId, sketchId, Members$b.PlaneInverted);
+  const axisInverted = useBoolParam(drawingId, sketchId, Members$b.AxisInverted);
+  const onPlaneChange = React.useCallback(value => {
+    classcad.ccAPI.sketcher.setSketchRefs(drawingId, sketchId, value || null, Boolean(planeInverted.serverValue), axisId.value || null, Boolean(isXAxis.serverValue), Boolean(axisInverted.serverValue), originId.value || null);
+  }, [drawingId, sketchId, planeInverted, axisId, isXAxis, axisInverted, originId]);
+  const onAxisChange = React.useCallback(value => {
+    classcad.ccAPI.sketcher.setSketchRefs(drawingId, sketchId, null, Boolean(planeInverted.serverValue), value || null, Boolean(isXAxis.serverValue), Boolean(axisInverted.serverValue), originId.value || null);
+  }, [drawingId, sketchId, planeInverted, isXAxis, axisInverted, originId]);
+  const onOriginChange = React.useCallback(value => {
+    classcad.ccAPI.sketcher.setSketchRefs(drawingId, sketchId, null, Boolean(planeInverted.serverValue), axisId.value || null, Boolean(isXAxis.serverValue), Boolean(axisInverted.serverValue), value || null);
+  }, [drawingId, sketchId, planeInverted, axisId, isXAxis, axisInverted]);
+  React.useEffect(() => {
+    const params = [isXAxis, planeInverted, axisInverted];
+
+    if (params.some(param => param.isChanged())) {
+      classcad.ccAPI.sketcher.setSketchRefs(drawingId, sketchId, null, Boolean(planeInverted.serverValue), axisId.value || null, Boolean(isXAxis.serverValue), Boolean(axisInverted.serverValue), originId.value || null);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [planeInverted.userValue, isXAxis.userValue, axisInverted.userValue]);
+  const planeFilter_ = React.useCallback((scope, data) => core.planeFilter(scope, data) || workPlaneFilter(scope, data), []);
+  const axisFilter_ = React.useCallback((scope, data) => core.lineFilter(scope, data) || workAxisFilter(scope, data) || ccLineFilter(scope, data) && noSameSketchFilter(drawingId, sketchId, data.object.id), [drawingId, sketchId]);
+  const originFilter_ = React.useCallback((scope, data) => core.pointFilter(scope, data) || workPointFilter(scope, data) || ccPointFilter(scope, data) && noSameSketchFilter(drawingId, sketchId, data.object.id), [drawingId, sketchId]);
+  return /*#__PURE__*/React.createElement(Collapse, {
+    header: "Position",
+    isActive: false
+  }, /*#__PURE__*/React.createElement(PositionSelection, {
+    drawingId: drawingId,
+    param: planeId,
+    caption: "Plane",
+    onChange: onPlaneChange,
+    filter: planeFilter_,
+    noDeselect: true
+  }, /*#__PURE__*/React.createElement(BooleanEditor, {
+    param: planeInverted,
+    icon: true
+  })), /*#__PURE__*/React.createElement(PositionSelection, {
+    drawingId: drawingId,
+    param: axisId,
+    caption: "Axis",
+    onChange: onAxisChange,
+    filter: axisFilter_
+  }, /*#__PURE__*/React.createElement(BooleanEditor, {
+    param: isXAxis,
+    icon: [img$r, img$s]
+  }), /*#__PURE__*/React.createElement(BooleanEditor, {
+    param: axisInverted,
+    icon: true
+  })), /*#__PURE__*/React.createElement(PositionSelection, {
+    drawingId: drawingId,
+    param: originId,
+    caption: "Origin",
+    onChange: onOriginChange,
+    filter: originFilter_
+  }));
+};
+
 const PlaneSelectionMode = ({
   drawingId,
   pluginId
@@ -13169,7 +13535,7 @@ const SketchMode = ({
       tooltip: "Mirror copy pattern."
     }),
     key: "Mirror"
-  }, /*#__PURE__*/React.createElement(MirrorPattern, null)))), /*#__PURE__*/React.createElement(Details, null)));
+  }, /*#__PURE__*/React.createElement(MirrorPattern, null)))), /*#__PURE__*/React.createElement(Details, null), /*#__PURE__*/React.createElement(Position, null)));
 };
 
 const RootImpl$f = ({
@@ -14793,9 +15159,9 @@ function ViewImpl$8({
   const zMax = origin.clone().setComponent(2, max.z);
 
   const CreateBoundaryLineGeometry = (point1, point2, componentIndex) => {
-    const boundaryLineGeometry = new threeStdlib.Geometry();
-    boundaryLineGeometry.vertices = [point1.clone(), point1.clone().setComponent(componentIndex, point2.getComponent(componentIndex))];
-    return boundaryLineGeometry.toBufferGeometry();
+    const start = point1.clone();
+    const end = point1.clone().setComponent(componentIndex, point2.getComponent(componentIndex));
+    return new THREE__namespace.BufferGeometry().setFromPoints([start, end]);
   };
 
   return /*#__PURE__*/React.createElement("group", null, /*#__PURE__*/React.createElement(Arrow, {
@@ -15286,7 +15652,7 @@ const RootImpl$9 = ({
     }, type]];
     setName(undefined);
     setExpression(undefined);
-    return classcad.ccAPI.feature.updateExpressionSet(drawingId, productId, toAddMembers, [], []);
+    return classcad.ccAPI.feature.updateExpressionSet(drawingId, productId, toAddMembers, [], []).catch(console.warn);
   }, [drawingId, productId, name, expression, type]);
   const deleteExpression = React.useCallback(name_ => {
     const {
@@ -15474,7 +15840,7 @@ function RootImpl$8({
 
   const update = React.useCallback(async () => {
     /* stopPreview.current() */
-    return classcad.ccAPI.assemblyBuilder.updateFastenedOriginConstraint(drawingId, objectId, mateRef.serverValue, xOffset.serverValue, yOffset.serverValue, zOffset.serverValue).catch();
+    return classcad.ccAPI.assemblyBuilder.updateFastenedOriginConstraint(drawingId, objectId, mateRef.serverValue, xOffset.serverValue, yOffset.serverValue, zOffset.serverValue);
   }, [drawingId, objectId, mateRef, xOffset, yOffset, zOffset]);
   return /*#__PURE__*/React.createElement(PluginForm, {
     drawingId: drawingId,
@@ -16013,10 +16379,33 @@ const CSysDisplayImpl = ({
 
     return csysUDataArray_;
   }, [drawingId, hoveredOnly, activeProducts, hoveredProductIds, hoveredCSysIds, selItems, activeSelItems, rigidSets, selRigidSets]);
+  const lnTh = fiber.useThree(state => {
+    var _state$raycaster$para;
+
+    return (_state$raycaster$para = state.raycaster.params.Line) == null ? void 0 : _state$raycaster$para.threshold;
+  });
+  const ptsTh = fiber.useThree(state => {
+    var _state$raycaster$para2;
+
+    return (_state$raycaster$para2 = state.raycaster.params.Points) == null ? void 0 : _state$raycaster$para2.threshold;
+  });
+  const {
+    camera,
+    size
+  } = fiber.useThree();
+  const {
+    lineThreshold,
+    pointThreshold
+  } = React.useMemo(() => {
+    return {
+      lineThreshold: lnTh || react.CameraHelper.calculateScaleFactor(camera.position, 4, camera, size),
+      pointThreshold: ptsTh || react.CameraHelper.calculateScaleFactor(camera.position, 6, camera, size)
+    };
+  }, [camera, size, lnTh, ptsTh]);
   const onInfiniteMove = React.useCallback(e => {
-    const geom = react.findBuerliGeometry(e);
+    const geom = react.findBuerliGeometry(e, lineThreshold, pointThreshold)[0];
     setHoveredProductId(geom == null ? void 0 : geom.productId);
-  }, [setHoveredProductId]);
+  }, [setHoveredProductId, lineThreshold, pointThreshold]);
   return /*#__PURE__*/React.createElement(HUD, null, /*#__PURE__*/React.createElement("infinityPlane", {
     onPointerMove: onInfiniteMove
   }), /*#__PURE__*/React.createElement("group", null, csysUDataArray.map(userData => /*#__PURE__*/React.createElement(CSysWrapper, {
@@ -16149,7 +16538,7 @@ function RootImpl$7({
 
   const update = React.useCallback(async () => {
     /* stopPreview.current() */
-    return classcad.ccAPI.assemblyBuilder.updateFastenedConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, xOffset.serverValue, yOffset.serverValue, zOffset.serverValue).catch();
+    return classcad.ccAPI.assemblyBuilder.updateFastenedConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, xOffset.serverValue, yOffset.serverValue, zOffset.serverValue);
   }, [drawingId, objectId, mate1Ref, mate2Ref, xOffset, yOffset, zOffset]);
   return /*#__PURE__*/React.createElement(PluginForm, {
     drawingId: drawingId,
@@ -16531,7 +16920,7 @@ const LimitedValue = ({
       promise.current = onUpdate(updateTo_).then(() => {
         promise.current = undefined;
         sendToServer();
-      });
+      }).catch(console.warn);
     }
   }, [onUpdate]);
   const commit = React.useCallback(value_ => {
@@ -16672,7 +17061,7 @@ function RootImpl$6({
   const update = React.useCallback(async () => {
     /* stopPreview.current() */
     setDisableVals(true);
-    return classcad.ccAPI.assemblyBuilder.updateSliderConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, xOffset.serverValue, yOffset.serverValue, zOffsetLimits.serverValue).then(() => setDisableVals(false)).catch();
+    return classcad.ccAPI.assemblyBuilder.updateSliderConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, xOffset.serverValue, yOffset.serverValue, zOffsetLimits.serverValue).then(() => setDisableVals(false));
   }, [drawingId, objectId, mate1Ref, mate2Ref, xOffset, yOffset, zOffsetLimits]);
   const updateValue = React.useCallback(value => {
     return classcad.ccAPI.assemblyBuilder.update3DConstraintValue(drawingId, objectId, 'zOffsetValue', value);
@@ -16832,10 +17221,10 @@ function RootImpl$5({
   const update = React.useCallback(async () => {
     /* stopPreview.current() */
     setDisableVals(true);
-    return classcad.ccAPI.assemblyBuilder.updateRevoluteConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, zOffset.serverValue, zRotationLimits.serverValue).then(() => setDisableVals(false)).catch();
+    return classcad.ccAPI.assemblyBuilder.updateRevoluteConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, zOffset.serverValue, zRotationLimits.serverValue).then(() => setDisableVals(false));
   }, [drawingId, objectId, mate1Ref, mate2Ref, zOffset, zRotationLimits]);
   const updateValue = React.useCallback(value => {
-    return classcad.ccAPI.assemblyBuilder.update3DConstraintValue(drawingId, objectId, 'zRotationValue', value).catch();
+    return classcad.ccAPI.assemblyBuilder.update3DConstraintValue(drawingId, objectId, 'zRotationValue', value);
   }, [drawingId, objectId]);
   const validate = React.useCallback(() => {
     return validateLimits(zRotationLimits.userValue, 'Rotation Z');
@@ -16991,7 +17380,7 @@ function RootImpl$4({
   const update = React.useCallback(async () => {
     /* stopPreview.current() */
     setDisableVals(true);
-    return classcad.ccAPI.assemblyBuilder.updateCylindricalConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, zOffsetLimits.serverValue, zRotationLimits.serverValue).then(() => setDisableVals(false)).catch();
+    return classcad.ccAPI.assemblyBuilder.updateCylindricalConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, zOffsetLimits.serverValue, zRotationLimits.serverValue).then(() => setDisableVals(false));
   }, [drawingId, objectId, mate1Ref, mate2Ref, zOffsetLimits, zRotationLimits]);
   const updateOffset = React.useCallback(value => {
     return classcad.ccAPI.assemblyBuilder.update3DConstraintValue(drawingId, objectId, 'zOffsetValue', value);
@@ -17169,7 +17558,7 @@ function RootImpl$3({
   const update = React.useCallback(async () => {
     /* stopPreview.current() */
     setDisableVals(true);
-    return classcad.ccAPI.assemblyBuilder.updatePlanarConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, zOffset.serverValue, xOffsetLimits.serverValue, yOffsetLimits.serverValue, zRotationLimits.serverValue).then(() => setDisableVals(false)).catch();
+    return classcad.ccAPI.assemblyBuilder.updatePlanarConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, zOffset.serverValue, xOffsetLimits.serverValue, yOffsetLimits.serverValue, zRotationLimits.serverValue).then(() => setDisableVals(false));
   }, [drawingId, objectId, mate1Ref, mate2Ref, zOffset, xOffsetLimits, yOffsetLimits, zRotationLimits]);
   const updateXOffset = React.useCallback(value => {
     return classcad.ccAPI.assemblyBuilder.update3DConstraintValue(drawingId, objectId, 'xOffsetValue', value);
@@ -17370,7 +17759,7 @@ function RootImpl$2({
   const update = React.useCallback(async () => {
     /* stopPreview.current() */
     setDisableVals(true);
-    return classcad.ccAPI.assemblyBuilder.updateParallelConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, xOffsetLimits.serverValue, yOffsetLimits.serverValue, zOffsetLimits.serverValue, zRotationLimits.serverValue).then(() => setDisableVals(false)).catch();
+    return classcad.ccAPI.assemblyBuilder.updateParallelConstraint(drawingId, objectId, mate1Ref.serverValue, mate2Ref.serverValue, xOffsetLimits.serverValue, yOffsetLimits.serverValue, zOffsetLimits.serverValue, zRotationLimits.serverValue).then(() => setDisableVals(false));
   }, [drawingId, objectId, mate1Ref, mate2Ref, xOffsetLimits, yOffsetLimits, zOffsetLimits, zRotationLimits]);
   const updateXOffset = React.useCallback(value => {
     return classcad.ccAPI.assemblyBuilder.update3DConstraintValue(drawingId, objectId, 'xOffsetValue', value);
@@ -17755,7 +18144,7 @@ const FileUtils = {
     const isRoot = objectId === structure.root;
     const productId = ((_tree$objectId$member = tree[objectId].members) == null ? void 0 : (_tree$objectId$member2 = _tree$objectId$member.productId) == null ? void 0 : _tree$objectId$member2.value) || objectId;
     const name = tree[productId].name;
-    const data = isRoot ? await classcad.ccAPI.baseModeler.save(drawingId, type) : await classcad.ccAPI.assemblyBuilder.exportNode(drawingId, objectId, type);
+    const data = isRoot ? await classcad.ccAPI.baseModeler.save(drawingId, type).catch(console.warn) : await classcad.ccAPI.assemblyBuilder.exportNode(drawingId, objectId, type).catch(console.warn);
 
     if (data) {
       const link = document.createElement('a');
@@ -17806,7 +18195,7 @@ function useMenuItems$2(drawingId, prodId, setEditName, pluginId) {
             x: 0,
             y: 1,
             z: 0
-          }]);
+          }]).catch(console.warn);
         }
       },
       export: {
@@ -17834,7 +18223,7 @@ function useMenuItems$2(drawingId, prodId, setEditName, pluginId) {
         caption: 'delete',
         icon: /*#__PURE__*/React.createElement(icons.DeleteOutlined, null),
         callback: () => {
-          classcad.ccAPI.baseModeler.deleteObject(drawingId, prodId);
+          classcad.ccAPI.baseModeler.deleteObject(drawingId, prodId).catch(console.warn);
         }
       }
     };
@@ -17921,7 +18310,7 @@ const NewProd = ({
   }, []);
   const createProd = React.useCallback(async () => {
     const func = type === 'part' ? classcad.ccAPI.assemblyBuilder.createPartAsTemplate : classcad.ccAPI.assemblyBuilder.createAssemblyAsTemplate;
-    await func(drawingId, name);
+    await func(drawingId, name).catch(console.warn);
     setCreateMode(false);
   }, [name, drawingId, type, setCreateMode]);
   const onKeyPress = React.useCallback(e => {
@@ -18177,7 +18566,7 @@ const ImportModel = ({
         content
       }) => {
         const type = pathBrowserify.extname(file.name).replace('.', '');
-        classcad.ccAPI.assemblyBuilder.loadProduct(drawingId, content, type, file.name).catch();
+        classcad.ccAPI.assemblyBuilder.loadProduct(drawingId, content, type, file.name).catch(console.warn);
       });
     }, undefined, true);
   }, [drawingId]);
@@ -18320,7 +18709,7 @@ const ViewImpl = ({
           x: 0,
           y: 1,
           z: 0
-        }]).catch();
+        }]).catch(console.warn);
       }
     };
 
@@ -18382,13 +18771,13 @@ const load = (file, singleDrawingApp) => {
       reader.onload = async () => {
         const result = reader.result;
         const oldDrawingId = core.api.getState().drawing.active;
-        const drawingId = await classcad.ccAPI.base.createCCDrawing(file.name);
+        const drawingId = await classcad.ccAPI.base.createCCDrawing(file.name).catch(console.warn);
 
         if (drawingId) {
           try {
             core.api.getState().api.setActiveDrawing(drawingId);
             const type = pathBrowserify.extname(file.name).replace('.', '');
-            await classcad.ccAPI.baseModeler.load(drawingId, result, type, file.name);
+            await classcad.ccAPI.baseModeler.load(drawingId, result, type, file.name).catch(console.warn);
 
             if (oldDrawingId && singleDrawingApp) {
               core.api.getState().api.removeDrawing(oldDrawingId);
@@ -18416,7 +18805,7 @@ const Readfile = /*#__PURE__*/React.forwardRef(({
   const readFile = React.useCallback(event => {
     if (event.target && event.target.files) {
       const file = event.target.files[0];
-      load(file, singleDrawingApp);
+      load(file, singleDrawingApp).catch(console.warn);
       event.target.value = '';
     }
   }, [singleDrawingApp]);
@@ -20626,9 +21015,9 @@ const List$1 = ({
       const move = classcad.ccAPI.feature.rollback.calculateMovement(oldIndex, newIndex, features, offset);
 
       if (move.moveTo === 'end') {
-        classcad.ccAPI.feature.rollback.moveToEnd(drawingId).catch();
+        classcad.ccAPI.feature.rollback.moveToEnd(drawingId).catch(console.warn);
       } else {
-        classcad.ccAPI.feature.rollback.moveBefore(drawingId, move.featureId).catch();
+        classcad.ccAPI.feature.rollback.moveBefore(drawingId, move.featureId).catch(console.warn);
       }
     }
   }, featureRefIds.map(refId => /*#__PURE__*/React.createElement(Item$1, {
@@ -20669,7 +21058,7 @@ function useMenuItems$1(drawingId, objectId, setRename) {
         caption: 'delete',
         icon: /*#__PURE__*/React.createElement(icons.DeleteOutlined, null),
         callback: () => {
-          classcad.ccAPI.baseModeler.deleteObject(drawingId, objectId);
+          classcad.ccAPI.baseModeler.deleteObject(drawingId, objectId).catch(console.warn);
         }
       }
     };
@@ -21013,7 +21402,7 @@ const NameChoice = ({
     visible: true,
     onCancel: hideWindow,
     onOk: () => {
-      classcad.ccAPI.assemblyBuilder.convertToTemplate(drawingId, subName);
+      classcad.ccAPI.assemblyBuilder.convertToTemplate(drawingId, subName).catch(console.warn);
       hideWindow();
     }
   }, "New SubAssembly Name: ", /*#__PURE__*/React.createElement(antd.Input, {
@@ -21207,8 +21596,8 @@ const ColorPicker = ({
     });
   }, [drawingId, solidId]);
   const applyColor = React.useCallback(async () => {
-    await classcad.ccAPI.common.setColor(drawingId, [solidOwner], userColor.r, userColor.g, userColor.b);
-    await classcad.ccAPI.common.setTransparency(drawingId, [solidOwner], 1 - userColor.a); // Update color in geometry
+    await classcad.ccAPI.baseModeler.setColor(drawingId, [solidOwner], userColor.r, userColor.g, userColor.b).catch(console.warn);
+    await classcad.ccAPI.baseModeler.setTransparency(drawingId, [solidOwner], 1 - userColor.a).catch(console.warn); // Update color in geometry
     // TODO: use 256 format directly
 
     core.getDrawing(drawingId).api.geometry.setColor(solidId, userColor.r / 255, userColor.g / 255, userColor.b / 255);
@@ -21536,7 +21925,7 @@ const PartModeCmds = (drawingId, rootId) => {
   const pluginApi = core.getDrawing(drawingId).api.plugin;
 
   const wrapper = cmd => async () => {
-    const res = await cmd();
+    const res = await cmd().catch(console.warn);
 
     if (res && res.errors && res.errors.length === 0 && res.results[0].result !== null) {
       pluginApi.setActiveFeature(res.results[0].result);
@@ -21551,7 +21940,7 @@ const PartModeCmds = (drawingId, rootId) => {
     Sketch: {
       label: 'Sketch',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$v
+        url: img$x
       }),
       callback: wrapper(() => classcad.ccAPI.sketcher.createSketch(drawingId, rootId))
     },
@@ -21583,13 +21972,13 @@ const PartModeCmds = (drawingId, rootId) => {
     Solid: [{
       label: 'Extrusion',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$F
+        url: img$H
       }),
       callback: wrapper(() => featureApi.createExtrusion(drawingId, rootId))
     }, {
       label: 'Revolve',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$E
+        url: img$G
       }),
       callback: wrapper(() => featureApi.createRevolve(drawingId, rootId))
     }],
@@ -21641,7 +22030,7 @@ const PartModeCmds = (drawingId, rootId) => {
     }, {
       label: 'Mirror',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$s
+        url: img$u
       }),
       callback: wrapper(() => featureApi.createFeature(drawingId, rootId, classcad.CCClasses.CCMirror, 'Mirror'))
     }],
@@ -21718,7 +22107,7 @@ const AssemblyModeCmds = (drawingId, rootId) => {
   const pluginApi = core.getDrawing(drawingId).api.plugin;
 
   const wrapper = cmd => async () => {
-    const res = await cmd();
+    const res = await cmd().catch(console.warn);
 
     if (res && res.errors && res.errors.length === 0 && res.results[0].result !== null) {
       pluginApi.setActiveFeature(res.results[0].result);
@@ -21978,7 +22367,7 @@ const useOptionCommands = () => {
     }, {
       label: 'Vertices',
       icon: /*#__PURE__*/React.createElement(Icon, {
-        url: img$D
+        url: img$F
       }),
       isChecked: showVertices,
       command: () => setShowVertices(!showVertices)