labellife-design-tool 2.1.9 → 2.2.1

package/dist/cjs/index.js

@@ -1431,15 +1431,22 @@ var _excluded$5 = ["mimeType", "quality", "dpi", "dpiMetadata"],
   _excluded4 = ["fileName"];
 
 // Detect embedded base64 data URLs (data:...;base64,...).
-// These bloat exported JSON significantly (a single image can be 1MB+).
 // Regular http/https/blob URLs are preserved.
 var isBase64DataUrl = function isBase64DataUrl(v) {
   return typeof v === 'string' && v.startsWith('data:') && v.includes(';base64,');
 };
+
+// Only strip base64 from variable input-field images (inputField: true).
+// Static design images ARE the template content — stripping them clears the design.
+// Variable input-field placeholders are replaced at runtime anyway, so stripping
+// their (usually tiny SVG) placeholder base64 is safe and keeps exports clean.
 var _stripBase64FromElement = function stripBase64FromElement(el) {
   var out = _objectSpread2({}, el);
-  if (isBase64DataUrl(out.src)) out.src = '';
-  if (isBase64DataUrl(out.clipSrc)) out.clipSrc = '';
+  var isInputField = out.custom && out.custom.inputField;
+  if (isInputField) {
+    if (isBase64DataUrl(out.src)) out.src = '';
+    if (isBase64DataUrl(out.clipSrc)) out.clipSrc = '';
+  }
   if (Array.isArray(out.children)) {
     out.children = out.children.map(_stripBase64FromElement);
   }
@@ -2160,7 +2167,7 @@ var Store = mobxStateTree.types.model('Store', {
         _ref0$fileName = _ref0.fileName,
         fileName = _ref0$fileName === void 0 ? 'design.json' : _ref0$fileName,
         _ref0$stripBase = _ref0.stripBase64,
-        stripBase64 = _ref0$stripBase === void 0 ? true : _ref0$stripBase;
+        stripBase64 = _ref0$stripBase === void 0 ? false : _ref0$stripBase;
       var data = stripBase64 ? stripBase64FromExport(self.toJSON()) : self.toJSON();
       var json = JSON.stringify(data, null, 2);
       var blob = new Blob([json], {
@@ -8870,7 +8877,7 @@ var Toolbar = mobxReactLite.observer(function (_ref11) {
     children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: _objectSpread2(_objectSpread2({}, rowSx), {}, {
         minHeight: 52,
-        borderBottom: element ? '1px solid #f0f0f0' : 'none'
+        borderBottom: '1px solid #f0f0f0'
       }),
       children: [/*#__PURE__*/jsxRuntime.jsx(material.Tooltip, {
         title: t('toolbar.undo', 'Undo'),
@@ -8983,12 +8990,13 @@ var Toolbar = mobxReactLite.observer(function (_ref11) {
       }), DownloadButton && /*#__PURE__*/jsxRuntime.jsx(DownloadButton, {
         store: store
       })]
-    }), element && /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+    }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
       sx: _objectSpread2(_objectSpread2({}, rowSx), {}, {
         minHeight: 44,
-        backgroundColor: '#fafafa'
+        backgroundColor: '#fafafa',
+        visibility: element ? 'visible' : 'hidden'
       }),
-      children: /*#__PURE__*/jsxRuntime.jsx(CommonControls, {
+      children: element && /*#__PURE__*/jsxRuntime.jsx(CommonControls, {
         element: element,
         store: store
       })