@jxsuite/studio 0.25.5 → 0.26.1

package/dist/studio.js

@@ -195015,6 +195015,10 @@ function debouncedStyleCommit(prop, ms, fn) {
     }, ms));
   };
 }
+function cancelStyleDebounce(prop) {
+  clearTimeout(_styleDebounceTimers.get(prop));
+  _styleDebounceTimers.delete(prop);
+}
 function stripEventHandlers(node) {
   if (!node || typeof node !== "object")
     return node;
@@ -308477,18 +308481,13 @@ function renderUnitSelector(entry, prop, value2, onChange, placeholder = "") {
     displayValue = isNaN(num) ? strVal : String(num);
   } else
     displayValue = "";
+  const placeholderMatch = placeholder.match(UNIT_RE);
+  const numericPlaceholder = placeholderMatch ? placeholderMatch[1] : placeholder || "0";
   const isExpression = isKeyword || displayValue !== "" && !isNumericVal(displayValue);
   const hasUnits = units.length > 0 || keywords.length > 0;
   const btnId = `style-unit-${prop}`;
-  return html3`
-    <div class="style-input-number-unit">
-      <div class=${classMap({ "input-group": true, "is-expression": isExpression })}>
-        <sp-textfield
-          size="s"
-          placeholder=${placeholder || "0"}
-          .value=${live(displayValue)}
-          @input=${debouncedStyleCommit(`nui:${prop}`, 400, (e20) => {
-    const val = e20.target.value.trim();
+  const commitValue = (rawVal) => {
+    const val = rawVal.trim();
     if (val === "") {
       onChange("");
       return;
@@ -308497,7 +308496,21 @@ function renderUnitSelector(entry, prop, value2, onChange, placeholder = "") {
       onChange(units.length > 0 ? val + currentUnit : val);
     else
       onChange(val);
+  };
+  return html3`
+    <div class="style-input-number-unit">
+      <div class=${classMap({ "input-group": true, "is-expression": isExpression })}>
+        <sp-textfield
+          size="s"
+          placeholder=${numericPlaceholder}
+          .value=${live(displayValue)}
+          @input=${debouncedStyleCommit(`nui:${prop}`, 400, (e20) => {
+    commitValue(e20.target.value);
   })}
+          @change=${(e20) => {
+    cancelStyleDebounce(`nui:${prop}`);
+    commitValue(e20.target.value);
+  }}
         ></sp-textfield>
         ${hasUnits ? html3`
               <sp-picker-button id=${btnId} size="s">
@@ -312816,5 +312829,5 @@ effect(() => {
     scheduleAutosave();
 });
 
-//# debugId=2006FB9B9654EF0F64756E2164756E21
+//# debugId=F148FB20E5E187A864756E2164756E21
 //# sourceMappingURL=studio.js.map