@lvce-editor/renderer-process 29.1.0 → 29.2.0

package/dist/rendererProcessMain.js

@@ -264,21 +264,38 @@ const applyDragInfoMaybe = event => {
 const PointerMove$1 = 'pointermove';
 const lostpointercapture = 'lostpointercapture';
 
-let ignore = false;
+const createEventState = () => {
+  let ignore = false;
+  return {
+    startIgnore() {
+      ignore = true;
+    },
+    stopIgnore() {
+      ignore = false;
+    },
+    enabled() {
+      return ignore;
+    }
+  };
+};
+const eventState = createEventState();
 const startIgnore = () => {
-  ignore = true;
+  eventState.startIgnore();
 };
 const stopIgnore = () => {
-  ignore = false;
+  eventState.stopIgnore();
 };
 const enabled = () => {
-  return ignore;
+  return eventState.enabled();
 };
 
-let id$1 = 0;
-const create$L = () => {
-  return ++id$1;
+const createIdGenerator = () => {
+  let id = 0;
+  return () => {
+    return ++id;
+  };
 };
+const create$L = createIdGenerator();
 
 const state$9 = Object.create(null);
 const acquire$1 = id => {
@@ -1282,26 +1299,57 @@ const attachEvent = ($Node, eventMap, key, value, newEventMap) => {
   });
   attachedListeners.set($Node, listenersByEvent);
 };
+const detachEvent = ($Node, key) => {
+  const keyLower = key.toLowerCase();
+  const listenersByEvent = attachedListeners.get($Node);
+  const previous = listenersByEvent?.get(keyLower);
+  if (!previous) {
+    return;
+  }
+  $Node.removeEventListener(keyLower, previous.listener, previous.options);
+  listenersByEvent?.delete(keyLower);
+};
 
-const STYLE_REGEX = /([^:;]+):\s*([^;]+)/g;
-const KEBAB_CASE_REGEX = /-([a-z])/g;
+const toCamelCase = key => {
+  let camelCaseKey = '';
+  let shouldUpperCase = false;
+  for (const char of key) {
+    if (char === '-') {
+      shouldUpperCase = true;
+      continue;
+    }
+    camelCaseKey += shouldUpperCase ? char.toUpperCase() : char;
+    shouldUpperCase = false;
+  }
+  return camelCaseKey;
+};
 const setStyle = ($Element, styleString) => {
   if (typeof styleString !== 'string') {
     return;
   }
-  let match;
-  while ((match = STYLE_REGEX.exec(styleString)) !== null) {
-    const key = match[1].trim();
-    const value = match[2].trim();
-    // Convert kebab-case to camelCase for CSS properties with dashes
-    const camelCaseKey = key.replaceAll(KEBAB_CASE_REGEX, (_, char) => char.toUpperCase());
+  for (const declaration of styleString.split(';')) {
+    const colonIndex = declaration.indexOf(':');
+    if (colonIndex === -1) {
+      continue;
+    }
+    const key = declaration.slice(0, colonIndex).trim();
+    const value = declaration.slice(colonIndex + 1).trim();
+    if (!key || !value) {
+      continue;
+    }
+    if (key.startsWith('--')) {
+      $Element.style.setProperty(key, value);
+      continue;
+    }
+    const camelCaseKey = toCamelCase(key);
     $Element.style[camelCaseKey] = value;
   }
 };
 
 const optionalAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaOwns', 'aria-owns']]);
 const mappedAttributeProps = new Map([['ariaControls', 'aria-controls'], ['ariaLabelledBy', 'aria-labelledby']]);
-const pixelStyleProps = new Set(['left', 'marginTop', 'paddingLeft', 'paddingRight', 'top']);
+const removedAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaControls', 'aria-controls'], ['ariaLabelledBy', 'aria-labelledby'], ['ariaOwns', 'aria-owns'], ['className', 'class'], ['htmlFor', 'for'], ['inputType', 'type']]);
+const pixelStyleProps = new Set(['height', 'left', 'marginTop', 'paddingLeft', 'paddingRight', 'top', 'width']);
 const eventProps = new Set(['onBlur', 'onChange', 'onClick', 'onContextMenu', 'onBeforeInput', 'onDblClick', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onFocus', 'onFocusIn', 'onFocusOut', 'onInput', 'onKeydown', 'onKeyDown', 'onKeyUp', 'onMouseDown', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPointerDown', 'onPointerMove', 'onPointerOut', 'onPointerOver', 'onScroll', 'onSelectionChange', 'onSubmit', 'onWheel']);
 const setOptionalAttribute = ($Element, attributeName, value) => {
   if (value) {
@@ -1327,6 +1375,19 @@ const setEventProp = ($Element, key, value, eventMap, newEventMap) => {
   const eventName = key.slice(2).toLowerCase();
   attachEvent($Element, eventMap, eventName, value, newEventMap);
 };
+const removeProp = ($Element, key) => {
+  if (eventProps.has(key)) {
+    const eventName = key.slice(2).toLowerCase();
+    detachEvent($Element, eventName);
+    return;
+  }
+  if (pixelStyleProps.has(key)) {
+    $Element.style[key] = '';
+    return;
+  }
+  const attributeName = removedAttributeProps.get(key) || key;
+  $Element.removeAttribute(attributeName);
+};
 const setProp = ($Element, key, value, eventMap, newEventMap) => {
   const optionalAttributeName = optionalAttributeProps.get(key);
   if (optionalAttributeName) {
@@ -1468,28 +1529,6 @@ const rememberFocus2 = ($Viewlet, dom, eventMap, uid = 0) => {
   return $Viewlet;
 };
 
-// Map of property names to attribute names for cases where they differ
-const propertyToAttribute = {
-  className: 'class',
-  htmlFor: 'for',
-  ariaActivedescendant: 'aria-activedescendant',
-  ariaControls: 'aria-controls',
-  ariaLabelledBy: 'aria-labelledby',
-  ariaOwns: 'aria-owns',
-  inputType: 'type'
-};
-// Style properties that need to be set on element.style
-const styleProperties = new Set(['width', 'height', 'top', 'left', 'marginTop', 'paddingLeft', 'paddingRight']);
-const removeAttribute = ($Element, key) => {
-  // Handle style properties
-  if (styleProperties.has(key)) {
-    // @ts-ignore - dynamic style property access
-    $Element.style[key] = '';
-    return;
-  }
-  const attributeName = propertyToAttribute[key] || key;
-  $Element.removeAttribute(attributeName);
-};
 const setText$1 = ($Element, value) => {
   $Element.nodeValue = value;
 };
@@ -1618,7 +1657,7 @@ const applyMutationPatch = (state, patch, events) => {
       state.hasAppliedMutation = true;
       break;
     case RemoveAttribute:
-      removeAttribute(state.current, patch.key);
+      removeProp(state.current, patch.key);
       state.hasAppliedMutation = true;
       break;
     case RemoveChild:
@@ -1768,15 +1807,15 @@ const rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   const isRootTree = $Viewlet.getAttribute('role') === 'tree' && activeElement === $Viewlet;
   const focused = activeElement?.getAttribute('name') || null;
   const $Hidden = createHiddenContainer(activeElement, focused);
-  const inputMap = getInputMap($Viewlet);
   if (uid) {
     const numericUid = Number(uid);
+    const inputMap = getInputMap($Viewlet);
     $Viewlet = renderWithUid($Viewlet, dom, eventMap, numericUid, inputMap, focused, $Hidden);
-    $Hidden.remove();
-  } else {
+  }
+  if (!uid) {
     renderInto($Viewlet, dom, eventMap);
-    $Hidden.remove();
   }
+  $Hidden.remove();
   restoreFocus($Viewlet, isRootTree, isTreeFocused, focused);
   $Viewlet.style.top = oldTop;
   $Viewlet.style.left = oldLeft;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "29.1.0",
+  "version": "29.2.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"