@lvce-editor/renderer-process 10.43.0 → 10.45.0

package/dist/rendererProcessMain.js

@@ -1172,7 +1172,7 @@ var getUidTarget = $Element => {
     }
     $Element = $Element.parentNode;
   }
-  return void 0;
+  return undefined;
 };
 
 // src/parts/ComponentUid/ComponentUid.ts
@@ -1196,7 +1196,7 @@ var getComponentUidFromEvent = event => {
 
 // src/parts/IpcState/IpcState.ts
 var state$8 = {
-  ipc: void 0
+  ipc: undefined
 };
 var getIpc = () => {
   return state$8.ipc;
@@ -1476,7 +1476,7 @@ var getEventListenerOptions$1 = eventName => {
         passive: true
       };
     default:
-      return void 0;
+      return undefined;
   }
 };
 
@@ -1568,6 +1568,9 @@ var setProp = ($Element, key, value, eventMap, newEventMap) => {
         $Element.removeAttribute("aria-owns");
       }
       break;
+    case "ariaControls":
+      $Element.setAttribute("aria-controls", value);
+      break;
     case "inputType":
       $Element.type = value;
       break;
@@ -1596,6 +1599,13 @@ var setProp = ($Element, key, value, eventMap, newEventMap) => {
       }
       attachEvent$1($Element, eventMap, eventName, value, newEventMap);
       break;
+    case "id":
+      if (value) {
+        $Element[key] = value;
+      } else {
+        $Element.removeAttribute(key);
+      }
+      break;
     default:
       if (key.startsWith("data-")) {
         $Element.dataset[key.slice("data-".length)] = value;
@@ -1667,7 +1677,10 @@ var rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   const oldTop = $Viewlet.style.top;
   const oldWidth = $Viewlet.style.width;
   const oldHeight = $Viewlet.style.height;
-  const focused = document.activeElement.getAttribute("name");
+  const activeElement = document.activeElement;
+  const isTreeFocused = activeElement?.getAttribute("role") === "tree";
+  const isRootTree = $Viewlet.getAttribute("role") === "tree" && activeElement === $Viewlet;
+  const focused = activeElement?.getAttribute("name");
   const $$Inputs = queryInputs($Viewlet);
   const inputMap = /* @__PURE__ */Object.create(null);
   for (const $Input of $$Inputs) {
@@ -1686,7 +1699,14 @@ var rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   for (const $Input of $$NewInputs) {
     $Input.value = inputMap[$Input.name] || $Input.value || "";
   }
-  if (focused) {
+  if (isRootTree) {
+    $Viewlet.focus();
+  } else if (isTreeFocused) {
+    const $Tree = $Viewlet.querySelector('[role="tree"]');
+    if ($Tree) {
+      $Tree.focus();
+    }
+  } else if (focused) {
     const $Focused = $Viewlet.querySelector(`[name="${focused}"]`);
     if ($Focused) {
       $Focused.focus();
@@ -2387,7 +2407,7 @@ const attachEvents$b = state => {
 // TODO show should be passed active cursor position
 // this would make this function easier to test as it would avoid dependency on globals of other files
 
-const setDom$b = (state, dom) => {
+const setDom$a = (state, dom) => {
   const {
     $ListItems,
     $Viewlet
@@ -2435,7 +2455,7 @@ const ViewletEditorCompletion = {
   handleError: handleError$8,
   setBounds: setBounds$8,
   setContentHeight,
-  setDom: setDom$b,
+  setDom: setDom$a,
   setNegativeMargin,
   setScrollBar: setScrollBar$2,
   setSize,
@@ -2464,7 +2484,7 @@ const create$I = () => {
 const attachEvents$a = state => {
   // TODO
 };
-const setDom$a = (state, dom) => {
+const setDom$9 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -2497,7 +2517,7 @@ const ViewletEditorCompletionDetails = {
   create: create$I,
   dispose: dispose$l,
   setBounds: setBounds$7,
-  setDom: setDom$a
+  setDom: setDom$9
 };
 
 const rememberFocus = rememberFocus$1;
@@ -2542,7 +2562,7 @@ const appendWidget$3 = state => {
   } = state;
   append$1($Viewlet);
 };
-const setDom$9 = (state, dom) => {
+const setDom$8 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -2554,7 +2574,7 @@ const ViewletEditorHover = {
   Events: ViewletEditorHoverEvents,
   appendWidget: appendWidget$3,
   setBounds: setBounds$6,
-  setDom: setDom$9
+  setDom: setDom$8
 };
 
 const handleFocusIn$2 = event => {
@@ -2776,7 +2796,7 @@ const appendWidget = state => {
   } = state;
   append$1($Viewlet);
 };
-const setDom$8 = (state, dom) => {
+const setDom$7 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -2801,7 +2821,7 @@ const ViewletFindWidget = {
   dispose: dispose$i,
   focus: focus$i,
   setBounds: setBounds$3,
-  setDom: setDom$8,
+  setDom: setDom$7,
   setValue: setValue$4
 };
 
@@ -6013,7 +6033,7 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
     }
   };
 };
-const setDom$7 = (viewletId, dom) => {
+const setDom$6 = (viewletId, dom) => {
   const instance = state$6.instances[viewletId];
   if (!instance) {
     return;
@@ -6124,7 +6144,7 @@ const sendMultiple = commands => {
         break;
       case 'Viewlet.setDom':
         // @ts-expect-error
-        setDom$7(viewletId, method, ...args);
+        setDom$6(viewletId, method, ...args);
         break;
       case 'Viewlet.setDom2':
         // @ts-ignore
@@ -6302,7 +6322,7 @@ const getFn = command => {
     case 'Viewlet.addKeyBindings':
       return addKeyBindings;
     case 'Viewlet.setDom':
-      return setDom$7;
+      return setDom$6;
     case 'Viewlet.createFunctionalRoot':
       return createFunctionalRoot;
     case 'Viewlet.focusElementByName':
@@ -6805,7 +6825,7 @@ const create$v = () => {
     $Viewlet
   };
 };
-const setDom$6 = (state, dom) => {
+const setDom$5 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -6815,7 +6835,7 @@ const setDom$6 = (state, dom) => {
 const ViewletBrowserViewOverview = {
   __proto__: null,
   create: create$v,
-  setDom: setDom$6
+  setDom: setDom$5
 };
 
 const create$u = () => {
@@ -6869,7 +6889,7 @@ const create$t = () => {
     $Viewlet
   };
 };
-const setDom$5 = (state, dom) => {
+const setDom$4 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -6879,7 +6899,7 @@ const setDom$5 = (state, dom) => {
 const ViewletDebugConsole = {
   __proto__: null,
   create: create$t,
-  setDom: setDom$5
+  setDom: setDom$4
 };
 
 const handleKeyDown$3 = event => {
@@ -7105,7 +7125,7 @@ const create$q = () => {
     $Viewlet
   };
 };
-const setDom$4 = (state, dom) => {
+const setDom$3 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -7122,7 +7142,7 @@ const ViewletEditorError = {
   __proto__: null,
   create: create$q,
   setBounds: setBounds$1,
-  setDom: setDom$4
+  setDom: setDom$3
 };
 
 const LeftClick = 0;
@@ -7257,7 +7277,7 @@ const setDragging = (state, isDragging) => {
   } = state;
   $Viewlet.classList.toggle('Dragging', isDragging);
 };
-const setDom$3 = (state, dom) => {
+const setDom$2 = (state, dom) => {
   const {
     $Viewlet
   } = state;
@@ -7268,7 +7288,7 @@ const ViewletEditorImage = {
   __proto__: null,
   attachEvents: attachEvents$8,
   create: create$p,
-  setDom: setDom$3,
+  setDom: setDom$2,
   setDragging,
   setTransform
 };
@@ -8231,12 +8251,6 @@ const setDropTargets = (state, oldDropTargets, newDropTargets) => {
     }
   }
 };
-const setDom$2 = (state, dom) => {
-  const {
-    $Viewlet
-  } = state;
-  rememberFocus($Viewlet, dom, ViewletExplorerEvents, 0);
-};
 
 const ViewletExplorer = {
   __proto__: null,
@@ -8245,7 +8259,6 @@ const ViewletExplorer = {
   dispose: dispose$9,
   focusInput,
   handleError: handleError$3,
-  setDom: setDom$2,
   setDropTargets
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "10.43.0",
+  "version": "10.45.0",
   "description": "",
   "main": "dist/rendererProcessMain.js",
   "type": "module",