@buerli.io/react-cad 0.13.1-beta.10 → 0.13.1-beta.12

package/build/index.cjs.js

@@ -1183,7 +1183,7 @@ const Mentions = ({
 };
 
 function isDegValue(expr) {
-  return expr.length > 1 && expr[expr.length - 1] === 'g' && !isNaN(Number(expr.slice(0, expr.length - 1)));
+  return expr.length > 1 && expr.slice(expr.length - 3) === 'deg' && !isNaN(Number(expr.slice(0, expr.length - 3)));
 }
 function getDefNumValue(numOrExpr) {
   return typeof numOrExpr === 'number' ? numOrExpr : isDegValue(numOrExpr) ? numOrExpr : 0;
@@ -1267,7 +1267,7 @@ const NumOrExpr = ({
   }, /*#__PURE__*/React.createElement(Prefix, null, prefix)));
 };
 const baseReg$3 = /^-?(\d*(\.\d*)?)?$/;
-const angleReg$3 = /^-?(\d*(\.\d*)?)?g?$/;
+const angleReg$3 = /^-?(\d*(\.\d*)?)?d?e?g?$/;
 const NumInput$1 = ({
   state,
   setState,
@@ -1566,7 +1566,7 @@ function acceptableRange(min, max) {
     if (!isNaN(Number(numParam))) {
       value = Number(numParam);
     } else if (typeof numParam === 'string' && isDegValue(numParam)) {
-      value = Number(numParam.slice(0, numParam.length - 1));
+      value = Number(numParam.slice(0, numParam.length - 3));
     } else {
       return [];
     }
@@ -1663,7 +1663,7 @@ function createRealParam(member) {
   // In the old models if member doesn't contain experssion, the value is stored in the member.expression as string
   // For example 'limit2' member for an extrusion looks like this: {expression: "50", type: "real", value: 50, visible: 1}
   // These expressions should be ignored.
-  const expr = member.expression.replace(/ExpressionSet./g, '@expr.');
+  const expr = member.expression.replace(/ExpressionSet./g, '@expr.').replace(/(?<=\b\d[\d.]*)g\b/g, 'deg');
   const isExpr = expr.length > 0 && isNaN(Number(expr));
   const value = isExpr ? expr : member.value;
   return value;
@@ -1971,10 +1971,10 @@ const DimValue = ({
 
     // const paramName = dimension.members.paramName.value
     const expr = ((_master$members3 = master.members) == null ? void 0 : (_master$members3$memb = _master$members3[memberName]) == null ? void 0 : _master$members3$memb.expression.replace(/ /g, '').replace(/ExpressionSet./g, '@expr.')) || '';
-    const degValue = expr.length > 0 && expr[expr.length - 1] === 'g' ? Number(expr.slice(0, expr.length - 1)) : NaN;
+    const degValue = expr.length > 0 && expr.slice(expr.length - 3) === 'deg' ? Number(expr.slice(0, expr.length - 3)) : NaN;
     const isDeg = !isNaN(degValue);
     const value = isDeg ? degValue : (_master$members4 = master.members) == null ? void 0 : (_master$members4$memb = _master$members4[memberName]) == null ? void 0 : _master$members4$memb.value;
-    const valueStr = isDeg ? value.toFixed(2) + 'g' : value.toFixed(2);
+    const valueStr = isDeg ? value.toFixed(2) + 'deg' : value.toFixed(2);
     return expr && !isDeg ? expr + ' (' + valueStr + ')' : valueStr;
   }, [dimension, master, memberName, angle]);
   const [editMode, setEditMode] = React.useState(false);
@@ -5900,7 +5900,7 @@ function parsePoint(param) {
   return comps;
 }
 function getDisplayValue(valOrExpr) {
-  return typeof valOrExpr === 'string' ? valOrExpr.replace(/ /g, '').replace(/ExpressionSet./g, '@expr.') : valOrExpr.toString();
+  return typeof valOrExpr === 'string' ? valOrExpr.replace(/ /g, '') : valOrExpr.toString();
 }
 const DisplayBase = styled.div`
   display: flex;
@@ -6235,7 +6235,7 @@ const PointEditor = ({
 };
 
 function createPointParam(member) {
-  const expr = member.expression.replace(/ExpressionSet./g, '@expr.');
+  const expr = member.expression.replace(/ExpressionSet./g, '@expr.').replace(/(?<=\b\d[\d.]*)g\b/g, 'deg');
   const isExpr = expr.length > 0;
   const value = isExpr ? expr : member.value;
   return value;
@@ -9536,7 +9536,7 @@ function CreateAngle(drawingId, pluginId) {
     } = tmpObjects[tmpDimensionId];
     const sector = getArcSector(dimPos, dir0, dir1, center);
     const previewValue = getArcPreviewValue(dir0, dir1, sector, reflex);
-    const degValue = radiansToDegrees(previewValue) + 'g';
+    const degValue = radiansToDegrees(previewValue) + 'deg';
     classcad.createApi(drawingId).v1.sketch.dimension({
       id: sketchId,
       name: 'Ang',
@@ -10754,7 +10754,8 @@ function DrawArc(drawingId, pluginId, arcType) {
         id: sketchId,
         startPos,
         midPos: midInfo.mid,
-        endPos
+        endPos,
+        genTangency: arcType === HandlersList.DRAWARCTANGENT
       });
       promise.then(() => {
         // Remove the old temporary arc and its points once a permanent one is created in its place
@@ -14075,7 +14076,7 @@ const TmpAngularDim = props => {
       previewValue: previewValue_
     };
   }, [dir0, dir1, center, dimPos, reflex]);
-  const text = radiansToDegrees(previewValue).toFixed(2) + 'g';
+  const text = radiansToDegrees(previewValue).toFixed(2) + 'deg';
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Line$2, {
     start: cornerP,
     end: startFoot
@@ -15131,12 +15132,12 @@ function useShowRigidSet(drawingId, pluginId, selectorId) {
 }
 const convertDegToRadValue = angle => {
   if (isDegValue(angle)) {
-    return degreesToRadians(Number(angle.slice(0, angle.length - 1)));
+    return degreesToRadians(Number(angle.slice(0, angle.length - 3)));
   }
   return angle === '' ? NaN : Number(angle);
 };
 const baseReg$2 = /^-?(\d*(\.\d*)?)?$/;
-const angleReg$2 = /^-?(\d*(\.\d*)?)?g?$/;
+const angleReg$2 = /^-?(\d*(\.\d*)?)?d?e?g?$/;
 const Input$2 = _ref => {
   let {
       angle = false,
@@ -15284,7 +15285,7 @@ const CircPattern = () => {
   const [rgSetSelId, setRgSetSelId] = React.useState('');
   const [centerSelId, setCenterSelId] = React.useState('');
   const [countD, setCountD] = React.useState('3');
-  const [angleD, setAngleD] = React.useState('45g');
+  const [angleD, setAngleD] = React.useState('45deg');
   useShowRigidSet(drawingId, pluginId, rgSetSelId);
   const createPattern = React.useCallback(() => {
     var _getDrawing$selection2, _getDrawing$selection3;
@@ -15326,7 +15327,7 @@ const CircPattern = () => {
     contentWidth: 50
   }, /*#__PURE__*/React.createElement(Input$2, {
     value: angleD,
-    defaultValue: '45g',
+    defaultValue: '45deg',
     setValue: setAngleD,
     angle: true
   })), /*#__PURE__*/React.createElement(Wrapper, {
@@ -22932,17 +22933,15 @@ const FileUtils = {
     const format = (type === 'step' ? 'stp' : type).toUpperCase();
     const res = isRoot ? await classcad.createApi(drawingId).v1.common.save({
       format,
-      encoding: 'base64',
-      compression: 'deflate'
+      encoding: 'base64'
     }).catch(console.warn) : await classcad.createApi(drawingId).v1.assembly.exportNode({
       id: objectId,
       format: format,
-      encoding: 'base64',
-      compression: 'deflate'
+      encoding: 'base64'
     }).catch(console.warn);
     const content = res == null ? void 0 : (_res$result = res.result) == null ? void 0 : _res$result.content;
     if (content) {
-      const data = classcad.compression.inflateFromBase64(content);
+      const data = atob(content);
       const link = document.createElement('a');
       link.href = window.URL.createObjectURL(new Blob([data], {
         type: 'application/octet-stream'
@@ -22973,8 +22972,12 @@ const ModelTreeHeader = ({
   const mode = useEditMode(drawingId);
   const currProd = useCurrentProduct(drawingId);
   const currInstance = useCurrentInstance(drawingId);
-  const objDetails = useObjectDetails(drawingId, (currInstance == null ? void 0 : currInstance.id) || NOCCID);
-  const showBackBtn = React.useMemo(() => pStackNotEmpty || !objDetails.isRoot && (objDetails.isAssemblyNode || objDetails.isAssembly), [objDetails.isAssembly, objDetails.isAssemblyNode, objDetails.isRoot, pStackNotEmpty]);
+  const {
+    isRoot,
+    isAssembly,
+    isAssemblyNode
+  } = useObjectDetails(drawingId, (currInstance == null ? void 0 : currInstance.id) || NOCCID);
+  const showBackBtn = React.useMemo(() => pStackNotEmpty || !isRoot && (isAssemblyNode || isAssembly), [isAssembly, isAssemblyNode, isRoot, pStackNotEmpty]);
   const isFeatureActive = react.useDrawing(drawingId, d => d.plugin.active.feature !== null) || false;
   const name = currProd ? currProd.name : currInstance ? currInstance.name : '';
   const [rename, setRename] = React.useState(false);
@@ -23060,7 +23063,7 @@ const ModelTreeHeader = ({
       display: 'flex',
       alignItems: 'center'
     }
-  }, exportComponent, mode === exports.EditMode.Assembly && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(antd.Tooltip, {
+  }, exportComponent, mode === exports.EditMode.Assembly && isRoot && /*#__PURE__*/React.createElement(antd.Tooltip, {
     title: "Convert to subassembly"
   }, /*#__PURE__*/React.createElement(antd.Button, {
     style: {
@@ -23069,7 +23072,7 @@ const ModelTreeHeader = ({
     onClick: () => setShowNameChoice(true),
     icon: /*#__PURE__*/React.createElement(icons.AppstoreAddOutlined, null),
     size: "small"
-  })), /*#__PURE__*/React.createElement(antd.Tooltip, {
+  })), mode === exports.EditMode.Assembly && /*#__PURE__*/React.createElement(antd.Tooltip, {
     title: "Product management"
   }, /*#__PURE__*/React.createElement(antd.Button, {
     style: {
@@ -23078,7 +23081,7 @@ const ModelTreeHeader = ({
     onClick: () => enableProductManagement(true),
     icon: /*#__PURE__*/React.createElement(icons.AppstoreOutlined, null),
     size: "small"
-  })))), showNameChoice && /*#__PURE__*/React.createElement(NameChoice, {
+  }))), showNameChoice && /*#__PURE__*/React.createElement(NameChoice, {
     drawingId: drawingId,
     hideWindow: () => setShowNameChoice(false)
   }));
@@ -25923,13 +25926,13 @@ const formatValue$1 = (value, angle) => {
   if (typeof value === 'number') {
     return formatNumber$1(value);
   } else if (angle && typeof value === 'string' && isDegValue(value)) {
-    const float = Number(value.slice(0, value.length - 1));
-    return formatNumber$1(float) + 'g';
+    const float = Number(value.slice(0, value.length - 3));
+    return formatNumber$1(float) + 'deg';
   }
   return '';
 };
 const baseReg$1 = /^-?(\d*(\.\d*)?)?$/;
-const angleReg$1 = /^-?(\d*(\.\d*)?)?g?$/;
+const angleReg$1 = /^-?(\d*(\.\d*)?)?d?e?g?$/;
 const LimitInput = ({
   value,
   setValue,
@@ -26052,10 +26055,10 @@ const formatNumber = value => value.toFixed(3).replace(/\.?0+$/, '');
 const formatValue = (value, angle) => {
   if (typeof value === 'number') {
     const formatted = formatNumber(value);
-    return angle ? formatted + 'g' : formatted;
+    return angle ? formatted + 'deg' : formatted;
   } else if (isDegValue(value)) {
-    const float = Number(value.slice(0, value.length - 1));
-    return formatNumber(float) + 'g';
+    const float = Number(value.slice(0, value.length - 3));
+    return formatNumber(float) + 'deg';
   }
   return '';
 };
@@ -26075,7 +26078,7 @@ function getNumericValue(value) {
   if (typeof value === 'number') {
     return value;
   } else if (isDegValue(value)) {
-    return Number(value.slice(0, value.length - 1));
+    return Number(value.slice(0, value.length - 3));
   }
   return 0;
 }
@@ -26083,7 +26086,7 @@ function convertIfAngle(value, angle) {
   return value !== undefined && angle ? radiansToDegrees(value) : value;
 }
 const baseReg = /^-?(\d*(\.\d*)?)?$/;
-const angleReg = /^-?(\d*(\.\d*)?)?g?$/;
+const angleReg = /^-?(\d*(\.\d*)?)?d?e?g?$/;
 const LimitedValue = ({
   drawingId,
   objId,
@@ -27633,7 +27636,7 @@ function RootImpl$3({
     });
   }, [drawingId, objectId, entities, ratio, offset]);
   const validate = React.useCallback(() => {
-    if (ratio.userValue === 0 || ratio.userValue === '0g') {
+    if (ratio.userValue === 0 || ratio.userValue === '0deg') {
       return ["Ratio shouldn't equal 0!"];
     }
     return [];
@@ -27895,15 +27898,13 @@ function RootImpl$2({
       };
       reader.readAsArrayBuffer(file);
     });
-    const data = typeof result !== 'string' ? classcad.compression.deflateToBase64(result) : result;
+
     // TODO: Handle the format differently. It would probably be good to check the format beforehand, and avoid calling the API if it is wrong.
     return classcad.createApi(drawingId).v1.part.updateImportFeature({
       id: objectId,
       name,
-      data,
-      format: type,
-      encoding: 'base64',
-      compression: 'deflate'
+      data: result,
+      format: type
     }).finally(() => isUpdating.current = false);
   }, [drawingId, objectId, fileParam]);
   const validate = React.useCallback(() => {
@@ -28464,12 +28465,9 @@ const ImportModel = ({
         const type = pathBrowserify.extname(file.name).replace('.', '');
         const format = (type === 'step' ? 'stp' : type).toUpperCase();
         if (['OFB', 'STP'].includes(format)) {
-          const data = typeof content !== 'string' ? classcad.compression.deflateToBase64(content) : content;
           classcad.createApi(drawingId).v1.assembly.loadProduct({
-            data,
-            format: format,
-            encoding: 'base64',
-            compression: 'deflate'
+            data: content,
+            format: format
           }).catch(console.warn);
         } else {
           throw new Error('This type of file is not supported to import.');
@@ -28678,17 +28676,16 @@ const load = (file, singleDrawingApp) => {
         const drawingId = await classcad.BuerliCadFacade.utils.connect(file.name).catch(console.warn);
         if (drawingId) {
           try {
+            if (!result) {
+              throw new Error('No data to load!');
+            }
             core.api.getState().api.setActiveDrawing(drawingId);
             const type = pathBrowserify.extname(file.name).replace('.', '');
             const format = (type === 'step' ? 'stp' : type).toUpperCase();
-            const data = typeof result !== 'string' ? classcad.compression.deflateToBase64(result) : result;
             if (['OFB', 'STP', 'IWP'].includes(format)) {
               await classcad.createApi(drawingId).v1.common.load({
-                data,
-                format: format,
-                ident: file.name,
-                encoding: 'base64',
-                compression: 'deflate'
+                data: result,
+                format: format
               }).catch(console.warn);
             } else {
               throw new Error('This type of file is not supported to load.');

package/build/index.js

@@ -1,7 +1,7 @@
 import { useDrawing, CameraHelper, useBuerli, usePlugin, usePluginExists, useFeaturePluginDef, GlobalTransform, BuerliGeometry } from '@buerli.io/react';
 import * as React from 'react';
 import React__default, { useState, useCallback, useEffect, useRef, memo, useMemo, useContext, useReducer, forwardRef } from 'react';
-import { ccUtils, ScgClassType, createApi as createApi$1, ReorientedType, FlipType, ScgGraphicType, BooleanOperationType, ExtrusionType as ExtrusionType$1, ChamferType, WorkAxisType, WorkPlaneType, WorkPointType, WorkCoordSystemType, compression, BuerliCadFacade } from '@buerli.io/classcad';
+import { ccUtils, ScgClassType, createApi as createApi$1, ReorientedType, FlipType, ScgGraphicType, BooleanOperationType, ExtrusionType as ExtrusionType$1, ChamferType, WorkAxisType, WorkPlaneType, WorkPointType, WorkCoordSystemType, BuerliCadFacade } from '@buerli.io/classcad';
 import * as THREE from 'three';
 import { Matrix4 } from 'three';
 import { getDrawing, createGraphicItem, MemberType, MathUtils, api, showMessage, ExtrusionType, createInfo, getPlugin, BuerliScope, solidFilter, edgeFilter, meshFilter, loopFilter, planeFilter, EntityTypes, Measure, MeasureResultType, pointFilter, lineFilter, arcFilter, circleFilter, arcCircleFilter } from '@buerli.io/core';
@@ -1160,7 +1160,7 @@ const Mentions = ({
 };
 
 function isDegValue(expr) {
-  return expr.length > 1 && expr[expr.length - 1] === 'g' && !isNaN(Number(expr.slice(0, expr.length - 1)));
+  return expr.length > 1 && expr.slice(expr.length - 3) === 'deg' && !isNaN(Number(expr.slice(0, expr.length - 3)));
 }
 function getDefNumValue(numOrExpr) {
   return typeof numOrExpr === 'number' ? numOrExpr : isDegValue(numOrExpr) ? numOrExpr : 0;
@@ -1244,7 +1244,7 @@ const NumOrExpr = ({
   }, /*#__PURE__*/React__default.createElement(Prefix, null, prefix)));
 };
 const baseReg$3 = /^-?(\d*(\.\d*)?)?$/;
-const angleReg$3 = /^-?(\d*(\.\d*)?)?g?$/;
+const angleReg$3 = /^-?(\d*(\.\d*)?)?d?e?g?$/;
 const NumInput$1 = ({
   state,
   setState,
@@ -1543,7 +1543,7 @@ function acceptableRange(min, max) {
     if (!isNaN(Number(numParam))) {
       value = Number(numParam);
     } else if (typeof numParam === 'string' && isDegValue(numParam)) {
-      value = Number(numParam.slice(0, numParam.length - 1));
+      value = Number(numParam.slice(0, numParam.length - 3));
     } else {
       return [];
     }
@@ -1640,7 +1640,7 @@ function createRealParam(member) {
   // In the old models if member doesn't contain experssion, the value is stored in the member.expression as string
   // For example 'limit2' member for an extrusion looks like this: {expression: "50", type: "real", value: 50, visible: 1}
   // These expressions should be ignored.
-  const expr = member.expression.replace(/ExpressionSet./g, '@expr.');
+  const expr = member.expression.replace(/ExpressionSet./g, '@expr.').replace(/(?<=\b\d[\d.]*)g\b/g, 'deg');
   const isExpr = expr.length > 0 && isNaN(Number(expr));
   const value = isExpr ? expr : member.value;
   return value;
@@ -1948,10 +1948,10 @@ const DimValue = ({
 
     // const paramName = dimension.members.paramName.value
     const expr = ((_master$members3 = master.members) == null ? void 0 : (_master$members3$memb = _master$members3[memberName]) == null ? void 0 : _master$members3$memb.expression.replace(/ /g, '').replace(/ExpressionSet./g, '@expr.')) || '';
-    const degValue = expr.length > 0 && expr[expr.length - 1] === 'g' ? Number(expr.slice(0, expr.length - 1)) : NaN;
+    const degValue = expr.length > 0 && expr.slice(expr.length - 3) === 'deg' ? Number(expr.slice(0, expr.length - 3)) : NaN;
     const isDeg = !isNaN(degValue);
     const value = isDeg ? degValue : (_master$members4 = master.members) == null ? void 0 : (_master$members4$memb = _master$members4[memberName]) == null ? void 0 : _master$members4$memb.value;
-    const valueStr = isDeg ? value.toFixed(2) + 'g' : value.toFixed(2);
+    const valueStr = isDeg ? value.toFixed(2) + 'deg' : value.toFixed(2);
     return expr && !isDeg ? expr + ' (' + valueStr + ')' : valueStr;
   }, [dimension, master, memberName, angle]);
   const [editMode, setEditMode] = React__default.useState(false);
@@ -5877,7 +5877,7 @@ function parsePoint(param) {
   return comps;
 }
 function getDisplayValue(valOrExpr) {
-  return typeof valOrExpr === 'string' ? valOrExpr.replace(/ /g, '').replace(/ExpressionSet./g, '@expr.') : valOrExpr.toString();
+  return typeof valOrExpr === 'string' ? valOrExpr.replace(/ /g, '') : valOrExpr.toString();
 }
 const DisplayBase = styled.div`
   display: flex;
@@ -6212,7 +6212,7 @@ const PointEditor = ({
 };
 
 function createPointParam(member) {
-  const expr = member.expression.replace(/ExpressionSet./g, '@expr.');
+  const expr = member.expression.replace(/ExpressionSet./g, '@expr.').replace(/(?<=\b\d[\d.]*)g\b/g, 'deg');
   const isExpr = expr.length > 0;
   const value = isExpr ? expr : member.value;
   return value;
@@ -9513,7 +9513,7 @@ function CreateAngle(drawingId, pluginId) {
     } = tmpObjects[tmpDimensionId];
     const sector = getArcSector(dimPos, dir0, dir1, center);
     const previewValue = getArcPreviewValue(dir0, dir1, sector, reflex);
-    const degValue = radiansToDegrees(previewValue) + 'g';
+    const degValue = radiansToDegrees(previewValue) + 'deg';
     createApi$1(drawingId).v1.sketch.dimension({
       id: sketchId,
       name: 'Ang',
@@ -10731,7 +10731,8 @@ function DrawArc(drawingId, pluginId, arcType) {
         id: sketchId,
         startPos,
         midPos: midInfo.mid,
-        endPos
+        endPos,
+        genTangency: arcType === HandlersList.DRAWARCTANGENT
       });
       promise.then(() => {
         // Remove the old temporary arc and its points once a permanent one is created in its place
@@ -14052,7 +14053,7 @@ const TmpAngularDim = props => {
       previewValue: previewValue_
     };
   }, [dir0, dir1, center, dimPos, reflex]);
-  const text = radiansToDegrees(previewValue).toFixed(2) + 'g';
+  const text = radiansToDegrees(previewValue).toFixed(2) + 'deg';
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Line$2, {
     start: cornerP,
     end: startFoot
@@ -15108,12 +15109,12 @@ function useShowRigidSet(drawingId, pluginId, selectorId) {
 }
 const convertDegToRadValue = angle => {
   if (isDegValue(angle)) {
-    return degreesToRadians(Number(angle.slice(0, angle.length - 1)));
+    return degreesToRadians(Number(angle.slice(0, angle.length - 3)));
   }
   return angle === '' ? NaN : Number(angle);
 };
 const baseReg$2 = /^-?(\d*(\.\d*)?)?$/;
-const angleReg$2 = /^-?(\d*(\.\d*)?)?g?$/;
+const angleReg$2 = /^-?(\d*(\.\d*)?)?d?e?g?$/;
 const Input$2 = _ref => {
   let {
       angle = false,
@@ -15261,7 +15262,7 @@ const CircPattern = () => {
   const [rgSetSelId, setRgSetSelId] = React__default.useState('');
   const [centerSelId, setCenterSelId] = React__default.useState('');
   const [countD, setCountD] = React__default.useState('3');
-  const [angleD, setAngleD] = React__default.useState('45g');
+  const [angleD, setAngleD] = React__default.useState('45deg');
   useShowRigidSet(drawingId, pluginId, rgSetSelId);
   const createPattern = React__default.useCallback(() => {
     var _getDrawing$selection2, _getDrawing$selection3;
@@ -15303,7 +15304,7 @@ const CircPattern = () => {
     contentWidth: 50
   }, /*#__PURE__*/React__default.createElement(Input$2, {
     value: angleD,
-    defaultValue: '45g',
+    defaultValue: '45deg',
     setValue: setAngleD,
     angle: true
   })), /*#__PURE__*/React__default.createElement(Wrapper, {
@@ -22909,17 +22910,15 @@ const FileUtils = {
     const format = (type === 'step' ? 'stp' : type).toUpperCase();
     const res = isRoot ? await createApi$1(drawingId).v1.common.save({
       format,
-      encoding: 'base64',
-      compression: 'deflate'
+      encoding: 'base64'
     }).catch(console.warn) : await createApi$1(drawingId).v1.assembly.exportNode({
       id: objectId,
       format: format,
-      encoding: 'base64',
-      compression: 'deflate'
+      encoding: 'base64'
     }).catch(console.warn);
     const content = res == null ? void 0 : (_res$result = res.result) == null ? void 0 : _res$result.content;
     if (content) {
-      const data = compression.inflateFromBase64(content);
+      const data = atob(content);
       const link = document.createElement('a');
       link.href = window.URL.createObjectURL(new Blob([data], {
         type: 'application/octet-stream'
@@ -22950,8 +22949,12 @@ const ModelTreeHeader = ({
   const mode = useEditMode(drawingId);
   const currProd = useCurrentProduct(drawingId);
   const currInstance = useCurrentInstance(drawingId);
-  const objDetails = useObjectDetails(drawingId, (currInstance == null ? void 0 : currInstance.id) || NOCCID);
-  const showBackBtn = React__default.useMemo(() => pStackNotEmpty || !objDetails.isRoot && (objDetails.isAssemblyNode || objDetails.isAssembly), [objDetails.isAssembly, objDetails.isAssemblyNode, objDetails.isRoot, pStackNotEmpty]);
+  const {
+    isRoot,
+    isAssembly,
+    isAssemblyNode
+  } = useObjectDetails(drawingId, (currInstance == null ? void 0 : currInstance.id) || NOCCID);
+  const showBackBtn = React__default.useMemo(() => pStackNotEmpty || !isRoot && (isAssemblyNode || isAssembly), [isAssembly, isAssemblyNode, isRoot, pStackNotEmpty]);
   const isFeatureActive = useDrawing(drawingId, d => d.plugin.active.feature !== null) || false;
   const name = currProd ? currProd.name : currInstance ? currInstance.name : '';
   const [rename, setRename] = React__default.useState(false);
@@ -23037,7 +23040,7 @@ const ModelTreeHeader = ({
       display: 'flex',
       alignItems: 'center'
     }
-  }, exportComponent, mode === EditMode.Assembly && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tooltip, {
+  }, exportComponent, mode === EditMode.Assembly && isRoot && /*#__PURE__*/React__default.createElement(Tooltip, {
     title: "Convert to subassembly"
   }, /*#__PURE__*/React__default.createElement(Button$1, {
     style: {
@@ -23046,7 +23049,7 @@ const ModelTreeHeader = ({
     onClick: () => setShowNameChoice(true),
     icon: /*#__PURE__*/React__default.createElement(AppstoreAddOutlined, null),
     size: "small"
-  })), /*#__PURE__*/React__default.createElement(Tooltip, {
+  })), mode === EditMode.Assembly && /*#__PURE__*/React__default.createElement(Tooltip, {
     title: "Product management"
   }, /*#__PURE__*/React__default.createElement(Button$1, {
     style: {
@@ -23055,7 +23058,7 @@ const ModelTreeHeader = ({
     onClick: () => enableProductManagement(true),
     icon: /*#__PURE__*/React__default.createElement(AppstoreOutlined, null),
     size: "small"
-  })))), showNameChoice && /*#__PURE__*/React__default.createElement(NameChoice, {
+  }))), showNameChoice && /*#__PURE__*/React__default.createElement(NameChoice, {
     drawingId: drawingId,
     hideWindow: () => setShowNameChoice(false)
   }));
@@ -25900,13 +25903,13 @@ const formatValue$1 = (value, angle) => {
   if (typeof value === 'number') {
     return formatNumber$1(value);
   } else if (angle && typeof value === 'string' && isDegValue(value)) {
-    const float = Number(value.slice(0, value.length - 1));
-    return formatNumber$1(float) + 'g';
+    const float = Number(value.slice(0, value.length - 3));
+    return formatNumber$1(float) + 'deg';
   }
   return '';
 };
 const baseReg$1 = /^-?(\d*(\.\d*)?)?$/;
-const angleReg$1 = /^-?(\d*(\.\d*)?)?g?$/;
+const angleReg$1 = /^-?(\d*(\.\d*)?)?d?e?g?$/;
 const LimitInput = ({
   value,
   setValue,
@@ -26029,10 +26032,10 @@ const formatNumber = value => value.toFixed(3).replace(/\.?0+$/, '');
 const formatValue = (value, angle) => {
   if (typeof value === 'number') {
     const formatted = formatNumber(value);
-    return angle ? formatted + 'g' : formatted;
+    return angle ? formatted + 'deg' : formatted;
   } else if (isDegValue(value)) {
-    const float = Number(value.slice(0, value.length - 1));
-    return formatNumber(float) + 'g';
+    const float = Number(value.slice(0, value.length - 3));
+    return formatNumber(float) + 'deg';
   }
   return '';
 };
@@ -26052,7 +26055,7 @@ function getNumericValue(value) {
   if (typeof value === 'number') {
     return value;
   } else if (isDegValue(value)) {
-    return Number(value.slice(0, value.length - 1));
+    return Number(value.slice(0, value.length - 3));
   }
   return 0;
 }
@@ -26060,7 +26063,7 @@ function convertIfAngle(value, angle) {
   return value !== undefined && angle ? radiansToDegrees(value) : value;
 }
 const baseReg = /^-?(\d*(\.\d*)?)?$/;
-const angleReg = /^-?(\d*(\.\d*)?)?g?$/;
+const angleReg = /^-?(\d*(\.\d*)?)?d?e?g?$/;
 const LimitedValue = ({
   drawingId,
   objId,
@@ -27610,7 +27613,7 @@ function RootImpl$3({
     });
   }, [drawingId, objectId, entities, ratio, offset]);
   const validate = React__default.useCallback(() => {
-    if (ratio.userValue === 0 || ratio.userValue === '0g') {
+    if (ratio.userValue === 0 || ratio.userValue === '0deg') {
       return ["Ratio shouldn't equal 0!"];
     }
     return [];
@@ -27872,15 +27875,13 @@ function RootImpl$2({
       };
       reader.readAsArrayBuffer(file);
     });
-    const data = typeof result !== 'string' ? compression.deflateToBase64(result) : result;
+
     // TODO: Handle the format differently. It would probably be good to check the format beforehand, and avoid calling the API if it is wrong.
     return createApi$1(drawingId).v1.part.updateImportFeature({
       id: objectId,
       name,
-      data,
-      format: type,
-      encoding: 'base64',
-      compression: 'deflate'
+      data: result,
+      format: type
     }).finally(() => isUpdating.current = false);
   }, [drawingId, objectId, fileParam]);
   const validate = React__default.useCallback(() => {
@@ -28441,12 +28442,9 @@ const ImportModel = ({
         const type = extname(file.name).replace('.', '');
         const format = (type === 'step' ? 'stp' : type).toUpperCase();
         if (['OFB', 'STP'].includes(format)) {
-          const data = typeof content !== 'string' ? compression.deflateToBase64(content) : content;
           createApi$1(drawingId).v1.assembly.loadProduct({
-            data,
-            format: format,
-            encoding: 'base64',
-            compression: 'deflate'
+            data: content,
+            format: format
           }).catch(console.warn);
         } else {
           throw new Error('This type of file is not supported to import.');
@@ -28655,17 +28653,16 @@ const load = (file, singleDrawingApp) => {
         const drawingId = await BuerliCadFacade.utils.connect(file.name).catch(console.warn);
         if (drawingId) {
           try {
+            if (!result) {
+              throw new Error('No data to load!');
+            }
             api.getState().api.setActiveDrawing(drawingId);
             const type = extname(file.name).replace('.', '');
             const format = (type === 'step' ? 'stp' : type).toUpperCase();
-            const data = typeof result !== 'string' ? compression.deflateToBase64(result) : result;
             if (['OFB', 'STP', 'IWP'].includes(format)) {
               await createApi$1(drawingId).v1.common.load({
-                data,
-                format: format,
-                ident: file.name,
-                encoding: 'base64',
-                compression: 'deflate'
+                data: result,
+                format: format
               }).catch(console.warn);
             } else {
               throw new Error('This type of file is not supported to load.');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerli.io/react-cad",
-  "version": "0.13.1-beta.10",
+  "version": "0.13.1-beta.12",
   "description": "buerli CAD components",
   "author": "AWV Informatik AG <info@awv-informatik.ch>",
   "repository": {},
@@ -87,8 +87,8 @@
     "three": ">=0.153"
   },
   "dependencies": {
-    "@buerli.io/classcad": "0.13.1-beta.10",
-    "@buerli.io/react": "0.13.1-beta.10",
+    "@buerli.io/classcad": "0.13.1-beta.12",
+    "@buerli.io/react": "0.13.1-beta.12",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",