@lvce-editor/renderer-process 10.27.0 → 10.29.0

package/dist/rendererProcessMain.js

@@ -19,7 +19,6 @@ const Download = 5;
 const EditorController = 6;
 const EditorError$1 = 7;
 const EditorHover$1 = 8;
-const EditorRename$1 = 9;
 const ImagePreview$2 = 10;
 const InitData = 11;
 const Layout$1 = 12;
@@ -91,10 +90,6 @@ const getModuleId = commandId => {
       return EditorError$1;
     case 'EditorHover.create':
       return EditorHover$1;
-    case 'EditorRename.create':
-    case 'EditorRename.dispose':
-    case 'EditorRename.finish':
-      return EditorRename$1;
     case 'FilePicker.showDirectoryPicker':
     case 'FilePicker.showFilePicker':
     case 'FilePicker.showSaveFilePicker':
@@ -179,6 +174,7 @@ const getModuleId = commandId => {
     case 'Viewlet.send':
     case 'Viewlet.sendMultiple':
     case 'Viewlet.setBounds':
+    case 'Viewlet.registerEventListeners':
       return Viewlet;
     case 549:
     case 550:
@@ -349,16 +345,16 @@ const setLoad = load => {
 };
 
 const ipcs = Object.create(null);
-const set$7 = (name, ipc) => {
+const set$8 = (name, ipc) => {
   ipcs[name] = ipc;
 };
-const get$8 = name => {
+const get$9 = name => {
   return ipcs[name];
 };
 const remove$4 = name => {
   delete ipcs[name];
 };
-const has = name => {
+const has$1 = name => {
   return ipcs[name];
 };
 
@@ -461,10 +457,10 @@ const create$4$1 = (method, params) => {
 const state$a = {
   callbacks: Object.create(null)
 };
-const set$6 = (id, fn) => {
+const set$7 = (id, fn) => {
   state$a.callbacks[id] = fn;
 };
-const get$7 = id => {
+const get$8 = id => {
   return state$a.callbacks[id];
 };
 const remove$3 = id => {
@@ -483,14 +479,14 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$6(id, resolve);
+  set$7(id, resolve);
   return {
     id,
     promise
   };
 };
 const resolve = (id, response) => {
-  const fn = get$7(id);
+  const fn = get$8(id);
   if (!fn) {
     console.log(response);
     warn$1(`callback ${id} may already be disposed`);
@@ -689,7 +685,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$N = (message, result) => {
+const create$M = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -698,7 +694,7 @@ const create$N = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$N(message, resultProperty);
+  return create$M(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -882,7 +878,7 @@ const launchWorker = async ({
   name,
   url
 }) => {
-  const worker = await create$M({
+  const worker = await create$L({
     method: Auto,
     url,
     name
@@ -957,7 +953,7 @@ const hydrate$4 = async () => {
 };
 
 // TODO needed?
-const dispose$p = () => {
+const dispose$o = () => {
   // @ts-expect-error
   if (state$9.rendererWorker) {
     // @ts-expect-error
@@ -980,7 +976,7 @@ const invokeAndTransfer = (method, ...params) => {
 
 const RendererWorker = {
   __proto__: null,
-  dispose: dispose$p,
+  dispose: dispose$o,
   hydrate: hydrate$4,
   invoke: invoke$1,
   invokeAndTransfer,
@@ -989,17 +985,17 @@ const RendererWorker = {
   state: state$9
 };
 
-const create$M = async ({
+const create$L = async ({
   method,
   ...options
 }) => {
-  if (options.name && has(options.name)) {
+  if (options.name && has$1(options.name)) {
     if (!options.id) {
       throw new Error('id is required');
     }
     // TODO rename method
     // TODO avoid cyclic dependency
-    const port = get$8(options.name);
+    const port = get$9(options.name);
     remove$4(options.name);
     await invokeAndTransfer('Transferrable.transfer', options.id, port);
     return;
@@ -1010,7 +1006,7 @@ const create$M = async ({
 };
 
 const launchEditorWorker = async port => {
-  const ipc = await create$M({
+  const ipc = await create$L({
     name: 'Editor Worker',
     url: editorWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1026,7 +1022,7 @@ const hydrate$3 = async () => {
   } = new MessageChannel();
   // TODO only launch port and send to renderer worker
   const promise = launchEditorWorker(port1);
-  set$7('Editor Worker', port2);
+  set$8('Editor Worker', port2);
   await promise;
 };
 
@@ -1040,7 +1036,7 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  const ipc = await create$M({
+  const ipc = await create$L({
     name,
     url: extensionHostWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1057,14 +1053,14 @@ const hydrate$2 = async () => {
   // TODO only launch port and send to renderer worker
   const promise = launchExtensionHostWorker(port1);
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  set$7(name, port2);
+  set$8(name, port2);
   await promise;
 };
 
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
 const launchSyntaxHighlightingWorker = async port => {
-  const ipc = await create$M({
+  const ipc = await create$L({
     name: 'Syntax Highlighting Worker',
     url: syntaxHighlightingWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1080,7 +1076,7 @@ const hydrate$1 = async () => {
   } = new MessageChannel();
   // TODO only launch port and send to renderer worker
   const promise = launchSyntaxHighlightingWorker(port1);
-  set$7('Syntax Highlighting Worker', port2);
+  set$8('Syntax Highlighting Worker', port2);
   await promise;
 };
 
@@ -1106,8 +1102,6 @@ const load$2 = moduleId => {
       return Promise.resolve().then(function () { return Download_ipc; });
     case EditorError$1:
       return Promise.resolve().then(function () { return EditorError_ipc; });
-    case EditorRename$1:
-      return Promise.resolve().then(function () { return EditorRename_ipc; });
     case FilePicker:
       return Promise.resolve().then(function () { return FilePicker_ipc; });
     case FileSystemHandle:
@@ -1169,11 +1163,10 @@ const load$2 = moduleId => {
   }
 };
 
-// src/parts/ComponentUid/ComponentUid.ts
+// src/parts/UidSymbol/UidSymbol.ts
 var uidSymbol = Symbol("uid");
-var setComponentUid = ($Element, uid) => {
-  $Element[uidSymbol] = uid;
-};
+
+// src/parts/GetUidTarget/GetUidTarget.ts
 var getUidTarget = $Element => {
   while ($Element) {
     if ($Element[uidSymbol]) {
@@ -1183,6 +1176,11 @@ var getUidTarget = $Element => {
   }
   return void 0;
 };
+
+// src/parts/ComponentUid/ComponentUid.ts
+var setComponentUid = ($Element, uid) => {
+  $Element[uidSymbol] = uid;
+};
 var getComponentUid = $Element => {
   const $Target = getUidTarget($Element);
   if (!$Target) {
@@ -1209,6 +1207,47 @@ var setIpc = value => {
   state$8.ipc = value;
 };
 
+// src/parts/NameAnonymousFunction/NameAnonymousFunction.ts
+var nameAnonymousFunction$1 = (fn, name) => {
+  Object.defineProperty(fn, "name", {
+    value: name
+  });
+};
+
+// src/parts/RegisterEventListeners/RegisterEventListeners.ts
+var listeners = /* @__PURE__ */Object.create(null);
+var getArgs = (params, event) => {
+  return [...params];
+};
+var createFn = info => {
+  const fn = event => {
+    if (info.preventDefault) {
+      event.preventDefault(event);
+    }
+    const uid = getComponentUidFromEvent(event);
+    const args = getArgs(info.params);
+    if (args.length === 0) {
+      return;
+    }
+    const ipc = getIpc();
+    ipc.send("Viewlet.executeViewletCommand", uid, ...args);
+  };
+  nameAnonymousFunction$1(fn, info.name);
+  return fn;
+};
+var registerEventListeners = (id, eventListeners) => {
+  const map = /* @__PURE__ */Object.create(null);
+  for (const info of eventListeners) {
+    const fn = createFn(info);
+    map[info.name] = fn;
+  }
+  listeners[id] = map;
+};
+var getEventListenerMap = id => {
+  const map = listeners[id];
+  return map;
+};
+
 // src/parts/ClearNode/ClearNode.ts
 var clearNode = $Node => {
   $Node.textContent = "";
@@ -1443,20 +1482,24 @@ var getEventListenerOptions$1 = eventName => {
   }
 };
 
-// src/parts/NameAnonymousFunction/NameAnonymousFunction.ts
-var nameAnonymousFunction$1 = (fn, name) => {
-  Object.defineProperty(fn, "name", {
-    value: name
-  });
+// src/parts/ListenerCache/ListenerCache.ts
+var cache$1 = /* @__PURE__ */new Map();
+var has = listener => {
+  return cache$1.has(listener);
+};
+var set$6 = (listener, value) => {
+  cache$1.set(listener, value);
+};
+var get$7 = listener => {
+  return cache$1.get(listener);
 };
 
 // src/parts/GetWrappedListener/GetWrappedListener.ts
-var cache$1 = /* @__PURE__ */new Map();
 var getWrappedListener$1 = (listener, returnValue) => {
   if (!returnValue) {
     return listener;
   }
-  if (!cache$1.has(listener)) {
+  if (!has(listener)) {
     const wrapped = event => {
       const uid = getComponentUidFromEvent(event);
       const result = listener(event);
@@ -1467,13 +1510,17 @@ var getWrappedListener$1 = (listener, returnValue) => {
       ipc.send("Viewlet.executeViewletCommand", uid, ...result);
     };
     nameAnonymousFunction$1(wrapped, listener.name);
-    cache$1.set(listener, wrapped);
+    set$6(listener, wrapped);
   }
-  return cache$1.get(listener);
+  return get$7(listener);
 };
 
 // src/parts/AttachEvent/AttachEvent.ts
-var attachEvent$1 = ($Node, eventMap, key, value) => {
+var attachEvent$1 = ($Node, eventMap, key, value, newEventMap) => {
+  if (newEventMap && newEventMap[value]) {
+    $Node.addEventListener(key, newEventMap[value]);
+    return;
+  }
   const listener = eventMap[value];
   if (!listener) {
     console.warn("listener not found", value);
@@ -1485,7 +1532,7 @@ var attachEvent$1 = ($Node, eventMap, key, value) => {
 };
 
 // src/parts/VirtualDomElementProp/VirtualDomElementProp.ts
-var setProp = ($Element, key, value, eventMap) => {
+var setProp = ($Element, key, value, eventMap, newEventMap) => {
   switch (key) {
     case "maskImage":
       $Element.style.maskImage = `url('${value}')`;
@@ -1549,7 +1596,7 @@ var setProp = ($Element, key, value, eventMap) => {
       if (!eventMap || !value) {
         return;
       }
-      attachEvent$1($Element, eventMap, eventName, value);
+      attachEvent$1($Element, eventMap, eventName, value, newEventMap);
       break;
     default:
       if (key.startsWith("data-")) {
@@ -1561,9 +1608,9 @@ var setProp = ($Element, key, value, eventMap) => {
 };
 
 // src/parts/VirtualDomElementProps/VirtualDomElementProps.ts
-var setProps = ($Element, props, eventMap) => {
+var setProps = ($Element, props, eventMap, newEventMap) => {
   for (const key in props) {
-    setProp($Element, key, props[key], eventMap);
+    setProp($Element, key, props[key], eventMap, newEventMap);
   }
 };
 
@@ -1571,28 +1618,28 @@ var setProps = ($Element, props, eventMap) => {
 var renderDomTextNode = element => {
   return document.createTextNode(element.text);
 };
-var renderDomElement = (element, eventMap) => {
+var renderDomElement = (element, eventMap, newEventMap) => {
   const tag = getElementTag(element.type);
   const $Element = document.createElement(tag);
-  setProps($Element, element, eventMap);
+  setProps($Element, element, eventMap, newEventMap);
   return $Element;
 };
-var render = (element, eventMap) => {
+var render = (element, eventMap, newEventMap) => {
   switch (element.type) {
     case Text$2:
       return renderDomTextNode(element);
     default:
-      return renderDomElement(element, eventMap);
+      return renderDomElement(element, eventMap, newEventMap);
   }
 };
 
 // src/parts/RenderInternal/RenderInternal.ts
-var renderInternal2 = ($Parent, elements, eventMap) => {
+var renderInternal2 = ($Parent, elements, eventMap, newEventMap) => {
   const max = elements.length - 1;
   let stack = [];
   for (let i = max; i >= 0; i--) {
     const element = elements[i];
-    const $Element = render(element, eventMap);
+    const $Element = render(element, eventMap, newEventMap);
     if (element.childCount > 0) {
       $Element.append(...stack.slice(0, element.childCount));
       stack = stack.slice(element.childCount);
@@ -1607,9 +1654,9 @@ var renderInto = ($Parent, dom, eventMap = {}) => {
   clearNode($Parent);
   renderInternal2($Parent, dom, eventMap);
 };
-var render2 = (elements, eventMap = {}) => {
+var render2 = (elements, eventMap = {}, newEventMap = {}) => {
   const $Root = document.createElement("div");
-  renderInternal2($Root, elements, eventMap);
+  renderInternal2($Root, elements, eventMap, newEventMap);
   return $Root;
 };
 
@@ -1629,7 +1676,8 @@ var rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
     inputMap[$Input.name] = $Input.value;
   }
   if (uid) {
-    const $New = render2(dom, eventMap).firstChild;
+    const newEventMap = getEventListenerMap(uid);
+    const $New = render2(dom, eventMap, newEventMap).firstChild;
     setComponentUid($New, uid);
     $Viewlet.replaceWith($New);
     $Viewlet = $New;
@@ -1804,7 +1852,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$L = (pointerDown, pointerMove, pointerUp) => {
+const create$K = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -1837,7 +1885,7 @@ const create$L = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$L(event => {
+const handleSliderPointerDown = create$K(event => {
   const {
     clientX,
     clientY
@@ -1861,12 +1909,12 @@ const handlePointerDown$7 = event => {
   }
   return [];
 };
-const returnValue$b = true;
+const returnValue$a = true;
 
 const ViewletColorPickerEvents = {
   __proto__: null,
   handlePointerDown: handlePointerDown$7,
-  returnValue: returnValue$b
+  returnValue: returnValue$a
 };
 
 const setColor = (state, color) => {
@@ -2022,7 +2070,7 @@ forwardViewletCommand('handleClickOpenFile');
 forwardViewletCommand('handleClickRestore');
 const handleClickTab$2 = forwardViewletCommand('handleClickTab');
 forwardViewletCommand('handleClickToggleMaximize');
-const handleContextMenu$d = forwardViewletCommand('handleContextMenu');
+const handleContextMenu$c = forwardViewletCommand('handleContextMenu');
 const handleDoubleClick = forwardViewletCommand('handleDoubleClick');
 const handleDragEnd$1 = forwardViewletCommand('handleDragEnd');
 const handleDragLeave$1 = forwardViewletCommand('handleDragLeave');
@@ -2032,7 +2080,7 @@ const handleDropFilePath = forwardViewletCommand('handleDropFilePath');
 const handleDropFiles = forwardViewletCommand('handleDrop');
 forwardViewletCommand('handleFilterInput');
 const handleFocus$c = forwardViewletCommand('handleFocus');
-const handleFocusIn$5 = forwardViewletCommand('handleFocusIn');
+const handleFocusIn$4 = forwardViewletCommand('handleFocusIn');
 const handleIconError$1 = forwardViewletCommand('handleIconError');
 const handleImageError$1 = forwardViewletCommand('handleImageError');
 const handleInput$9 = forwardViewletCommand('handleInput');
@@ -2089,15 +2137,21 @@ forwardViewletCommand('type');
 forwardViewletCommand('typeWithAutoClosing');
 const updateEditingValue = forwardViewletCommand('updateEditingValue');
 
-const handleFocusIn$4 = event => {
+const handleFocusIn$3 = event => {
   preventDefault(event);
   const uid = fromEvent(event);
-  handleFocusIn$5(uid);
+  handleFocusIn$4(uid);
+};
+const handleBlur$a = event => {
+  preventDefault(event);
+  const uid = fromEvent(event);
+  handleBlur$b(uid);
 };
 
 const ViewletEditorCodeGeneratorEvents = {
   __proto__: null,
-  handleFocusIn: handleFocusIn$4
+  handleBlur: handleBlur$a,
+  handleFocusIn: handleFocusIn$3
 };
 
 const setBounds$9 = (state, x, y, width, height) => {
@@ -2113,7 +2167,7 @@ const appendWidget$5 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$o = state => {
+const dispose$n = state => {
   remove$2(state.$Viewlet);
 };
 const focus$j = (state, key, source) => {
@@ -2139,7 +2193,7 @@ const ViewletEditorCodeGenerator = {
   __proto__: null,
   Events: ViewletEditorCodeGeneratorEvents,
   appendWidget: appendWidget$5,
-  dispose: dispose$o,
+  dispose: dispose$n,
   focus: focus$j,
   setBounds: setBounds$9
 };
@@ -2292,7 +2346,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$K = () => {
+const create$J = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -2345,7 +2399,7 @@ const setDom$b = (state, dom) => {
   // TODO recycle nodes
   // TODO set right aria attributes on $EditorInput
 };
-const dispose$n = state => {
+const dispose$m = state => {
   remove$2(state.$Viewlet);
   // state.$EditorInput.removeAttribute('aria-activedescendant')
 };
@@ -2376,8 +2430,8 @@ const setBounds$8 = (state, x, y, width, height) => {
 const ViewletEditorCompletion = {
   __proto__: null,
   attachEvents: attachEvents$b,
-  create: create$K,
-  dispose: dispose$n,
+  create: create$J,
+  dispose: dispose$m,
   handleError: handleError$8,
   setBounds: setBounds$8,
   setContentHeight,
@@ -2391,15 +2445,15 @@ const ViewletEditorCompletion = {
 const handleClose = () => {
   return ['closeDetails'];
 };
-const returnValue$a = true;
+const returnValue$9 = true;
 
 const ViewletEditorCompletionDetailsEvents = {
   __proto__: null,
   handleClose,
-  returnValue: returnValue$a
+  returnValue: returnValue$9
 };
 
-const create$J = () => {
+const create$I = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorCompletionDetails';
   $Viewlet.id = 'CompletionsDetails';
@@ -2425,7 +2479,7 @@ const appendWidget$4 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$m = state => {
+const dispose$l = state => {
   remove$2(state.$Viewlet);
 };
 const setBounds$7 = (state, x, y, width, height) => {
@@ -2440,16 +2494,16 @@ const ViewletEditorCompletionDetails = {
   Events: ViewletEditorCompletionDetailsEvents,
   appendWidget: appendWidget$4,
   attachEvents: attachEvents$a,
-  create: create$J,
-  dispose: dispose$m,
+  create: create$I,
+  dispose: dispose$l,
   setBounds: setBounds$7,
   setDom: setDom$a
 };
 
 const rememberFocus = rememberFocus$1;
 
-const returnValue$9 = true;
-const handleSashPointerDown$2 = create$L(event => {
+const returnValue$8 = true;
+const handleSashPointerDown$2 = create$K(event => {
   const {
     clientX,
     clientY
@@ -2472,7 +2526,7 @@ const handleSashPointerDown$2 = create$L(event => {
 const ViewletEditorHoverEvents = {
   __proto__: null,
   handleSashPointerDown: handleSashPointerDown$2,
-  returnValue: returnValue$9
+  returnValue: returnValue$8
 };
 
 const setBounds$6 = (state, x, y, width, height) => {
@@ -2503,12 +2557,12 @@ const ViewletEditorHover = {
   setDom: setDom$9
 };
 
-const handleFocusIn$3 = event => {
+const handleFocusIn$2 = event => {
   preventDefault(event);
   const uid = fromEvent(event);
-  handleFocusIn$5(uid);
+  handleFocusIn$4(uid);
 };
-const handleBlur$a = event => {
+const handleBlur$9 = event => {
   const uid = fromEvent(event);
   executeViewletCommand(uid, 'EditorRename.handleBlur');
 };
@@ -2525,8 +2579,8 @@ const handleInput$8 = event => {
 
 const ViewletEditorRenameEvents = {
   __proto__: null,
-  handleBlur: handleBlur$a,
-  handleFocusIn: handleFocusIn$3,
+  handleBlur: handleBlur$9,
+  handleFocusIn: handleFocusIn$2,
   handleInput: handleInput$8
 };
 
@@ -2543,7 +2597,7 @@ const appendWidget$2 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$l = state => {
+const dispose$k = state => {
   remove$2(state.$Viewlet);
 };
 
@@ -2551,19 +2605,19 @@ const ViewletEditorRename = {
   __proto__: null,
   Events: ViewletEditorRenameEvents,
   appendWidget: appendWidget$2,
-  dispose: dispose$l,
+  dispose: dispose$k,
   setBounds: setBounds$5
 };
 
-const handleFocusIn$2 = event => {
+const handleFocusIn$1 = event => {
   preventDefault(event);
   const uid = fromEvent(event);
-  handleFocusIn$5(uid);
+  handleFocusIn$4(uid);
 };
 
 const ViewletEditorSourceActionsEvents = {
   __proto__: null,
-  handleFocusIn: handleFocusIn$2
+  handleFocusIn: handleFocusIn$1
 };
 
 const setBounds$4 = (state, x, y, width, height) => {
@@ -2579,7 +2633,7 @@ const appendWidget$1 = state => {
   } = state;
   append$1($Viewlet);
 };
-const dispose$k = state => {
+const dispose$j = state => {
   remove$2(state.$Viewlet);
 };
 
@@ -2587,7 +2641,7 @@ const ViewletEditorSourceActions = {
   __proto__: null,
   Events: ViewletEditorSourceActionsEvents,
   appendWidget: appendWidget$1,
-  dispose: dispose$k,
+  dispose: dispose$j,
   setBounds: setBounds$4
 };
 
@@ -2600,7 +2654,7 @@ const handleInput$7 = event => {
   } = target;
   return ['FindWidget.handleInput', value];
 };
-const handleClickClose$2 = event => {
+const handleClickClose$1 = event => {
   preventDefault(event);
   return ['FindWidget.close'];
 };
@@ -2657,11 +2711,11 @@ const handleFocusClose = event => {
 const handleFocusReplaceAll = event => {
   return ['FindWidget.handleFocusReplaceAll'];
 };
-const returnValue$8 = true;
+const returnValue$7 = true;
 
 const ViewletFindWidgetEvents = {
   __proto__: null,
-  handleClickClose: handleClickClose$2,
+  handleClickClose: handleClickClose$1,
   handleClickNextMatch,
   handleClickPreviousMatch,
   handleClickReplace,
@@ -2677,10 +2731,10 @@ const ViewletFindWidgetEvents = {
   handleReplaceFocus,
   handleReplaceInput: handleReplaceInput$1,
   handleToggleReplaceFocus,
-  returnValue: returnValue$8
+  returnValue: returnValue$7
 };
 
-const create$I = () => {
+const create$H = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet FindWidget';
   $Viewlet.role = Group;
@@ -2734,17 +2788,17 @@ const setBounds$3 = (state, x, y, width, height) => {
   } = state;
   setBounds$a($Viewlet, x, y, width, height);
 };
-const dispose$j = state => {
+const dispose$i = state => {
   remove$2(state.$Viewlet);
 };
-const Events$c = ViewletFindWidgetEvents;
+const Events$d = ViewletFindWidgetEvents;
 
 const ViewletFindWidget = {
   __proto__: null,
-  Events: Events$c,
+  Events: Events$d,
   appendWidget,
-  create: create$I,
-  dispose: dispose$j,
+  create: create$H,
+  dispose: dispose$i,
   focus: focus$i,
   setBounds: setBounds$3,
   setDom: setDom$8,
@@ -3254,7 +3308,7 @@ ${relevant}`;
 
 const Module = 'module';
 
-const create$H = async ({
+const create$G = async ({
   url,
   name
 }) => {
@@ -3320,7 +3374,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker = {
   __proto__: null,
-  create: create$H,
+  create: create$G,
   wrap
 };
 
@@ -3328,7 +3382,7 @@ const isMessagePort$1 = value => {
   return value instanceof MessagePort;
 };
 
-const create$G = async ({
+const create$F = async ({
   url
 }) => {
   string(url);
@@ -3349,10 +3403,10 @@ const create$G = async ({
 
 const IpcParentWithMessagePort = {
   __proto__: null,
-  create: create$G
+  create: create$F
 };
 
-const create$F = async url => {
+const create$E = async url => {
   const referencePort = await new Promise(resolve => {
     globalThis.acceptReferencePort = resolve;
     import(url);
@@ -3363,7 +3417,7 @@ const create$F = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$F
+  create: create$E
 };
 
 const isWorker = value => {
@@ -3371,12 +3425,12 @@ const isWorker = value => {
 };
 
 // TODO add test
-const create$E = async ({
+const create$D = async ({
   url,
   name,
   port
 }) => {
-  const worker = await create$H({
+  const worker = await create$G({
     url,
     name
   });
@@ -3395,7 +3449,7 @@ const create$E = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$E
+  create: create$D
 };
 
 const handleIpcOnce = ipc => {
@@ -3926,7 +3980,7 @@ const IpcChildWithModuleWorkerAndMessagePort$1 = {
 };
 
 // TODO use handleIncomingIpc function
-const create$D = async ({
+const create$C = async ({
   port,
   ipcId
 }) => {
@@ -3942,7 +3996,7 @@ const create$D = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$D
+  create: create$C
 };
 
 const play = async src => {
@@ -3950,15 +4004,15 @@ const play = async src => {
   await audio.play();
 };
 
-const name$z = 'Audio';
-const Commands$A = {
+const name$y = 'Audio';
+const Commands$z = {
   play: play
 };
 
 const Audio_ipc = {
   __proto__: null,
-  Commands: Commands$A,
-  name: name$z
+  Commands: Commands$z,
+  name: name$y
 };
 
 const readText = async () => {
@@ -3979,8 +4033,8 @@ const execCopy = async () => {
   await writeText(text);
 };
 
-const name$y = 'ClipBoard';
-const Commands$z = {
+const name$x = 'ClipBoard';
+const Commands$y = {
   execCopy: execCopy,
   readText: readText,
   writeImage: writeImage,
@@ -3989,23 +4043,23 @@ const Commands$z = {
 
 const ClipBoard_ipc = {
   __proto__: null,
-  Commands: Commands$z,
-  name: name$y
+  Commands: Commands$y,
+  name: name$x
 };
 
 const prompt$1 = message => {
   return confirm(message);
 };
 
-const name$x = 'ConfirmPrompt';
-const Commands$y = {
+const name$w = 'ConfirmPrompt';
+const Commands$x = {
   prompt: prompt$1
 };
 
 const ConfirmPrompt_ipc = {
   __proto__: null,
-  Commands: Commands$y,
-  name: name$x
+  Commands: Commands$x,
+  name: name$w
 };
 
 const state$5 = {
@@ -4030,15 +4084,15 @@ const addCssStyleSheet = async (id, text) => {
   document.adoptedStyleSheets.push(sheet);
 };
 
-const name$w = 'Css';
-const Commands$x = {
+const name$v = 'Css';
+const Commands$w = {
   addCssStyleSheet: addCssStyleSheet
 };
 
 const Css_ipc = {
   __proto__: null,
-  Commands: Commands$x,
-  name: name$w
+  Commands: Commands$w,
+  name: name$v
 };
 
 const modules = ['ActivityBar', 'Ajax', 'Allocator', 'Callback', 'Command', 'Context', 'ContextMenu', 'Delay', 'Developer', 'DomPool', 'Editor', 'Exec', 'ExtensionHost', 'FileSystem', 'KeyBindings', 'Layout', 'Main', 'Notification', 'Panel', 'Parts', 'QuickPick', 'Renderer', 'RendererWorker', 'Search', 'SharedProcess', 'SideBar', 'StatusBar', 'TitleBar', 'Viewlet', 'ViewletController', 'ViewService', 'Vscode', 'Window', 'Workbench', 'Worker', 'Workspace'];
@@ -4058,15 +4112,15 @@ const showState = async () => {
   info(state);
 };
 
-const name$v = 'Developer';
-const Commands$w = {
+const name$u = 'Developer';
+const Commands$v = {
   showState: showState
 };
 
 const Developer_ipc = {
   __proto__: null,
-  Commands: Commands$w,
-  name: name$v
+  Commands: Commands$v,
+  name: name$u
 };
 
 const downloadFile = (fileName, url) => {
@@ -4076,15 +4130,15 @@ const downloadFile = (fileName, url) => {
   a.click();
 };
 
-const name$u = 'Download';
-const Commands$v = {
+const name$t = 'Download';
+const Commands$u = {
   downloadFile: downloadFile
 };
 
 const Download_ipc = {
   __proto__: null,
-  Commands: Commands$v,
-  name: name$u
+  Commands: Commands$u,
+  name: name$t
 };
 
 // based on https://github.com/microsoft/vscode/blob/5f87632829dc3ac80203e2377727935184399431/src/vs/base/browser/ui/aria/aria.ts (License MIT)
@@ -4173,7 +4227,7 @@ const AriaAlert = {
 // but that's difficult to know
 
 // TODO hide widget after timeout or mousemove
-const create$C = (message, x, y) => {
+const create$B = (message, x, y) => {
   const $EditorError = document.createElement('div');
   $EditorError.className = 'EditorWidgetError';
   $EditorError.textContent = message;
@@ -4186,110 +4240,12 @@ const create$C = (message, x, y) => {
   };
 };
 
-const name$t = 'EditorError';
-const Commands$u = {
-  create: create$C
-};
-
-const EditorError_ipc = {
-  __proto__: null,
-  Commands: Commands$u,
-  name: name$t
-};
-
-const state$3 = {
-  /**
-   * @type {HTMLElement|undefined}
-   */
-  $PreviousFocusElement: undefined,
-  currentFocus: ''
-};
-const setElement = $Element => {
-  state$3.$PreviousFocusElement = $Element;
-};
-const getElement = () => {
-  return state$3.$PreviousFocusElement;
-};
-
-const focus$h = $Element => {
-  if ($Element === document.activeElement) {
-    return;
-  }
-  setElement(document.activeElement);
-  $Element.focus({
-    preventScroll: true
-  });
-};
-const focusPrevious = () => {
-  const $Element = getElement();
-  if ($Element) {
-    // @ts-expect-error
-    $Element.focus();
-  }
-};
-
-const create$B = () => {
-  const $InputBox = document.createElement('input');
-  $InputBox.className = 'InputBox';
-  $InputBox.spellcheck = false;
-  $InputBox.autocapitalize = 'off';
-  // $InputBox.autocomplete = 'off' // TODO needed?
-  $InputBox.type = 'text';
-  $InputBox.setAttribute('autocorrect', 'off'); // for ios
-  return $InputBox;
-};
-
-const FocusDebugInput = 6;
-const FocusEditorRename = 11;
-const FocusExplorerEditBox = 14;
-const FocusLocationList = 17;
-const FocusMenu = 18;
-const FocusQuickPickInput = 20;
-const FocusSearchInput = 21;
-const FocusSimpleBrowserInput = 23;
-const FocusOutput = 28;
-
-const handleBlur$9 = () => {
-  send(/* EditorRename.abort */'EditorRename.abort');
-};
-const create$A = (x, y) => {
-  const $RenameWidgetInputBox = create$B();
-  $RenameWidgetInputBox.className = 'RenameWidgetInputBox';
-  $RenameWidgetInputBox.onblur = handleBlur$9;
-  const $RenameWidget = document.createElement('div');
-  $RenameWidget.className = 'RenameWidget';
-  $RenameWidget.append($RenameWidgetInputBox);
-  setXAndY($RenameWidget, x, y);
-  append$1($RenameWidget);
-  focus$h($RenameWidgetInputBox);
-  send('Focus.setFocus', FocusEditorRename);
-  return {
-    $RenameWidget,
-    $RenameWidgetInputBox
-  };
-};
-const dispose$i = state => {
-  // TODO focus editor
-  remove$2(state.$RenameWidget);
-};
-
-// TODO could also be event based
-// finish -> finish -> finishWithValue
-
-const finish = state => {
-  const value = state.$RenameWidgetInputBox.value;
-  // TODO don't like side effect here
-  return value;
-};
-
-const name$s = 'EditorRename';
+const name$s = 'EditorError';
 const Commands$t = {
-  create: create$A,
-  dispose: dispose$i,
-  finish: finish
+  create: create$B
 };
 
-const EditorRename_ipc = {
+const EditorError_ipc = {
   __proto__: null,
   Commands: Commands$t,
   name: name$s
@@ -4370,7 +4326,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$z = (uri, top, left) => {
+const create$A = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -4401,7 +4357,7 @@ const dispose$h = state => {
 
 const ImagePreview = {
   __proto__: null,
-  create: create$z,
+  create: create$A,
   dispose: dispose$h,
   showError,
   update
@@ -4409,7 +4365,7 @@ const ImagePreview = {
 
 const name$p = 'ImagePreview';
 const Commands$q = {
-  create: create$z,
+  create: create$A,
   dispose: dispose$h,
   showError: showError,
   update: update
@@ -4487,7 +4443,7 @@ const InitData_ipc = {
 
 const name$n = 'IpcParent';
 const Commands$o = {
-  create: create$M
+  create: create$L
 };
 
 const IpcParent_ipc = {
@@ -4607,7 +4563,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$y = (type, message) => {
+const create$z = (type, message) => {
   // TODO this pattern might be also useful for activitybar, sidebar etc., creating elements as late as possible, only when actually needed
   const $Notification = create$Notification(message);
   append$1($Notification);
@@ -4660,7 +4616,7 @@ const name$h = 'Notification';
 
 // prettier-ignore
 const Commands$i = {
-  create: create$y,
+  create: create$z,
   createWithOptions: createWithOptions,
   dispose: dispose$g
 };
@@ -4671,20 +4627,20 @@ const Notification_ipc = {
   name: name$h
 };
 
-const state$2 = {
+const state$3 = {
   canvasObjects: Object.create(null)
 };
 const get$4 = id => {
-  return state$2.canvasObjects[id];
+  return state$3.canvasObjects[id];
 };
 const set$3 = (canvasId, canvas) => {
-  state$2.canvasObjects[canvasId] = canvas;
+  state$3.canvasObjects[canvasId] = canvas;
 };
 
 const get$3 = id => {
   return get$4(id);
 };
-const create$x = async (canvasId, objectId) => {
+const create$y = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$3(canvasId, canvas);
@@ -4695,7 +4651,7 @@ const name$g = 'OffscreenCanvas';
 
 // prettier-ignore
 const Commands$h = {
-  create: create$x
+  create: create$y
 };
 
 const OffscreenCanvas_ipc = {
@@ -4730,6 +4686,46 @@ const create$BackDrop = () => {
   return $BackDrop;
 };
 
+const state$2 = {
+  /**
+   * @type {HTMLElement|undefined}
+   */
+  $PreviousFocusElement: undefined,
+  currentFocus: ''
+};
+const setElement = $Element => {
+  state$2.$PreviousFocusElement = $Element;
+};
+const getElement = () => {
+  return state$2.$PreviousFocusElement;
+};
+
+const focus$h = $Element => {
+  if ($Element === document.activeElement) {
+    return;
+  }
+  setElement(document.activeElement);
+  $Element.focus({
+    preventScroll: true
+  });
+};
+const focusPrevious = () => {
+  const $Element = getElement();
+  if ($Element) {
+    // @ts-expect-error
+    $Element.focus();
+  }
+};
+
+const FocusDebugInput = 6;
+const FocusExplorerEditBox = 14;
+const FocusLocationList = 17;
+const FocusMenu = 18;
+const FocusQuickPickInput = 20;
+const FocusSearchInput = 21;
+const FocusSimpleBrowserInput = 23;
+const FocusOutput = 28;
+
 // TODO when pressing tab -> focus next element in tab order and close menu
 
 // TODO menu and contextmenu should have own keybinding logic
@@ -4859,7 +4855,7 @@ const create$Menu$1 = () => {
   // })
   $Menu.onkeydown = handleKeyDown$4;
   $Menu.addEventListener(FocusOut, handleFocusOut$1);
-  $Menu.oncontextmenu = handleContextMenu$c;
+  $Menu.oncontextmenu = handleContextMenu$b;
   // $ContextMenu.onfocus = handleFocus
   // $ContextMenu.onblur = handleBlur
   return $Menu;
@@ -4888,14 +4884,14 @@ const handleBackDropMouseDown = event => {
   stopPropagation(event);
   send(/* Menu.hide */'Menu.hide');
 };
-const handleContextMenu$c = event => {
+const handleContextMenu$b = event => {
   preventDefault(event);
 };
 const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mouseBlocking = false) => {
   if (mouseBlocking) {
     const $BackDrop = create$BackDrop();
     $BackDrop.onmousedown = handleBackDropMouseDown;
-    $BackDrop.oncontextmenu = handleContextMenu$c;
+    $BackDrop.oncontextmenu = handleContextMenu$b;
     // @ts-expect-error
     state$1.$BackDrop = $BackDrop;
     append$1($BackDrop);
@@ -5867,7 +5863,7 @@ const load$1 = moduleId => {
   }
 };
 
-const create$w = (id, uid = id) => {
+const create$x = (id, uid = id) => {
   const module = state$6.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
@@ -5940,6 +5936,21 @@ const focus$g = viewletId => {
     instance.factory.focus(instance.state);
   } else ;
 };
+const focusElementByName = (viewletId, name) => {
+  const selector = `[name="${name}"]`;
+  const instance = state$6.instances[viewletId];
+  if (!instance) {
+    return;
+  }
+  const {
+    $Viewlet
+  } = instance.state;
+  const $Element = $Viewlet.querySelector(selector);
+  if (!$Element) {
+    return;
+  }
+  $Element.focus();
+};
 const focusSelector = (viewletId, selector) => {
   const instance = state$6.instances[viewletId];
   if (!instance) {
@@ -6044,7 +6055,7 @@ const sendMultiple = commands => {
         }
       case 'Viewlet.create':
         {
-          create$w(viewletId, method);
+          create$x(viewletId, method);
           break;
         }
       case 'Viewlet.createFunctionalRoot':
@@ -6107,6 +6118,12 @@ const sendMultiple = commands => {
       case 'Viewlet.focusSelector':
         // @ts-ignore
         return focusSelector(viewletId, method, ...args);
+      case 'Viewlet.focusSelector':
+        // @ts-ignore
+        return focusSelector(viewletId, method, ...args);
+      case 'Viewlet.focusElementByName':
+        // @ts-ignore
+        return focusElementByName(viewletId, method, ...args);
       default:
         {
           invoke(viewletId, method, ...args);
@@ -6239,7 +6256,7 @@ const appendToBody = childId => {
 const getFn = command => {
   switch (command) {
     case 'Viewlet.create':
-      return create$w;
+      return create$x;
     case 'Viewlet.send':
       return invoke;
     case 'Viewlet.show':
@@ -6268,6 +6285,8 @@ const getFn = command => {
       return setDom$7;
     case 'Viewlet.createFunctionalRoot':
       return createFunctionalRoot;
+    case 'Viewlet.focusElementByName':
+      return focusElementByName;
     default:
       throw new Error(`unknown command ${command}`);
   }
@@ -6305,11 +6324,13 @@ const Commands$9 = {
   dispose: dispose$e,
   executeCommands: executeCommands,
   focus: focus$g,
+  focusElementByName: focusElementByName,
   focusSelector: focusSelector,
   handleError: handleError$6,
   invoke: invoke,
   loadModule: loadModule,
   refresh: refresh$4,
+  registerEventListeners: registerEventListeners,
   removeKeyBindings: removeKeyBindings,
   send: invoke,
   sendMultiple: sendMultiple,
@@ -6585,7 +6606,7 @@ const waitForFrameToLoad = $Frame => {
 };
 
 // TODO could use browser view when running in electron
-const create$v = async (uid, src, sandbox, csp, credentialless) => {
+const create$w = async (uid, src, sandbox, csp, credentialless) => {
   const $Iframe = document.createElement('iframe');
   setIframeCredentialless($Iframe, credentialless);
   setIframeCsp($Iframe, csp);
@@ -6627,7 +6648,7 @@ const dispose$d = uid => {
 
 const name = 'WebView';
 const Commands$1 = {
-  create: create$v,
+  create: create$w,
   load: load,
   setPort: setPort$2,
   dispose: dispose$d
@@ -6681,7 +6702,7 @@ const handleFocus$a = () => {
 
 // TODO use context menu events function again
 
-const handleContextMenu$b = event => {
+const handleContextMenu$a = event => {
   preventDefault(event);
   const {
     button,
@@ -6690,22 +6711,22 @@ const handleContextMenu$b = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const returnValue$7 = true;
+const returnValue$6 = true;
 
 const ViewletActivityBarEvents = {
   __proto__: null,
   handleBlur: handleBlur$8,
-  handleContextMenu: handleContextMenu$b,
+  handleContextMenu: handleContextMenu$a,
   handleFocus: handleFocus$a,
   handleMouseDown: handleMouseDown$2,
-  returnValue: returnValue$7
+  returnValue: returnValue$6
 };
 
-const Events$b = ViewletActivityBarEvents;
+const Events$c = ViewletActivityBarEvents;
 
 const ViewletActivityBar = {
   __proto__: null,
-  Events: Events$b
+  Events: Events$c
 };
 
 const handleAudioError = event => {
@@ -6728,14 +6749,14 @@ const ViewletAudioEvents = {
   handleAudioError
 };
 
-const Events$a = ViewletAudioEvents;
+const Events$b = ViewletAudioEvents;
 
 const ViewletAudio = {
   __proto__: null,
-  Events: Events$a
+  Events: Events$b
 };
 
-const create$u = () => {
+const create$v = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet BrowserViewOverview';
   return {
@@ -6751,11 +6772,11 @@ const setDom$6 = (state, dom) => {
 
 const ViewletBrowserViewOverview = {
   __proto__: null,
-  create: create$u,
+  create: create$v,
   setDom: setDom$6
 };
 
-const create$t = () => {
+const create$u = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
@@ -6772,7 +6793,7 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$t,
+  create: create$u,
   dispose: dispose$c,
   refresh: refresh$3,
   setTime
@@ -6799,7 +6820,7 @@ const ViewletDebugConsoleEvents = {
   handleInput: handleInput$6
 };
 
-const create$s = () => {
+const create$t = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
@@ -6815,7 +6836,7 @@ const setDom$5 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$s,
+  create: create$t,
   setDom: setDom$5
 };
 
@@ -6876,7 +6897,7 @@ const setMaskImage = ($Element, icon) => {
   }
 };
 
-const create$r = icon => {
+const create$s = icon => {
   const $Icon = document.createElement('div');
   $Icon.className = 'MaskIcon';
   setMaskImage($Icon, icon);
@@ -6886,7 +6907,7 @@ const create$r = icon => {
 
 const create$Button = (label, icon) => {
   // TODO icon div might not be needed (unnecessary html element)
-  const $Icon = create$r(icon);
+  const $Icon = create$s(icon);
   const $Button = document.createElement('button');
   $Button.className = 'IconButton';
   $Button.title = label;
@@ -6907,7 +6928,7 @@ const handleClick$6 = event => {
   handleClick$7(index);
 };
 
-const create$q = () => {
+const create$r = () => {
   const $DialogTitle = document.createElement('h2');
   $DialogTitle.id = 'DialogTitle';
   const $DialogCloseButton = create$Button('Close', 'Close');
@@ -6988,7 +7009,7 @@ const setErrorStack = (state, errorStack) => {
 
 const ViewletDialog = {
   __proto__: null,
-  create: create$q,
+  create: create$r,
   postAppend,
   setButtons,
   setCodeFrame,
@@ -7035,7 +7056,7 @@ const ViewletDiffEditor = {
 
 // TODO aria alert
 
-const create$p = () => {
+const create$q = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorError';
   return {
@@ -7057,7 +7078,7 @@ const setBounds$1 = (state, x, y, width, height) => {
 
 const ViewletEditorError = {
   __proto__: null,
-  create: create$p,
+  create: create$q,
   setBounds: setBounds$1,
   setDom: setDom$4
 };
@@ -7142,7 +7163,7 @@ const handleWheel$2 = event => {
  *
  * @param {MouseEvent} event
  */
-const handleContextMenu$a = event => {
+const handleContextMenu$9 = event => {
   preventDefault(event);
   const {
     button,
@@ -7150,7 +7171,7 @@ const handleContextMenu$a = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$d(uid, button, clientX, clientY);
+  handleContextMenu$c(uid, button, clientX, clientY);
 };
 const handleError$5 = event => {
   const uid = fromEvent(event);
@@ -7161,7 +7182,7 @@ const handleFocus$8 = event => {
   handleFocus$c(uid);
 };
 
-const create$o = () => {
+const create$p = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorImage';
   return {
@@ -7175,7 +7196,7 @@ const attachEvents$8 = state => {
   attachEvents$c($Viewlet, {
     [PointerDown]: handlePointerDown$5,
     [PointerUp]: handlePointerUp,
-    [ContextMenu]: handleContextMenu$a,
+    [ContextMenu]: handleContextMenu$9,
     [FocusIn]: handleFocus$8
   });
   $Viewlet.addEventListener(Error$3, handleError$5, Capture);
@@ -7204,13 +7225,13 @@ const setDom$3 = (state, dom) => {
 const ViewletEditorImage = {
   __proto__: null,
   attachEvents: attachEvents$8,
-  create: create$o,
+  create: create$p,
   setDom: setDom$3,
   setDragging,
   setTransform
 };
 
-const create$n = () => {
+const create$o = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorText';
   $Viewlet.textContent = 'loading...';
@@ -7227,7 +7248,7 @@ const refresh$2 = (state, context) => {
 
 const ViewletEditorPlainText = {
   __proto__: null,
-  create: create$n,
+  create: create$o,
   dispose: dispose$b,
   refresh: refresh$2
 };
@@ -7486,7 +7507,7 @@ const handlePaste = event => {
   const text = getText(clipboardData);
   return ['paste', text];
 };
-const handleScrollBarVerticalPointerDown = create$L(event => {
+const handleScrollBarVerticalPointerDown = create$K(event => {
   const {
     clientY
   } = event;
@@ -7541,7 +7562,7 @@ const handleScrollBarContextMenu = event => {
   preventDefault(event);
   stopPropagation(event);
 };
-const handleContextMenu$9 = event => {
+const handleContextMenu$8 = event => {
   preventDefault(event);
   const {
     button,
@@ -7609,7 +7630,7 @@ const setLineInfos = (state, dom) => {
 // 1. create -> only create dom elements
 // 2. render -> fill elements with attributes and data
 // that way all dom nodes can be recycled
-const create$m = () => {
+const create$n = () => {
   const $EditorInput = document.createElement('textarea');
   $EditorInput.className = 'EditorInput';
   $EditorInput.ariaAutoComplete = List;
@@ -7697,7 +7718,7 @@ const create$m = () => {
   $Editor.role = Code;
   $Editor.append($LayerGutter, $EditorContent);
   attachEventsFunctional($Editor, {
-    [ContextMenu]: handleContextMenu$9,
+    [ContextMenu]: handleContextMenu$8,
     [Wheel]: handleWheel$1,
     returnValue: true
   });
@@ -7776,7 +7797,7 @@ const setDecorationsDom$1 = (state, decorations) => {
   setDecorationsDom$2(state, decorations);
 };
 
-const create$l = create$m;
+const create$m = create$n;
 const setText$1 = setText$2;
 const setSelections = setSelections$1;
 const setIncrementalEdits = setIncrementalEdits$1;
@@ -7818,7 +7839,7 @@ const setDecorationsDom = setDecorationsDom$1;
 
 const ViewletEditorText = {
   __proto__: null,
-  create: create$l,
+  create: create$m,
   focus: focus$e,
   handleError: handleError$4,
   hideOverlayMessage,
@@ -7834,7 +7855,7 @@ const ViewletEditorText = {
   showOverlayMessage
 };
 
-const create$k = () => {
+const create$l = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorWidgetError EditorOverlayMessage';
   return {
@@ -7857,12 +7878,12 @@ const setBounds = (state, x, y, width, height) => {
 
 const ViewletEditorWidgetError = {
   __proto__: null,
-  create: create$k,
+  create: create$l,
   setBounds,
   setMessage: setMessage$3
 };
 
-const create$j = () => {
+const create$k = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.dataset.viewlet = 'Empty';
   $Viewlet.className = 'Viewlet';
@@ -7876,13 +7897,13 @@ const dispose$a = state => {};
 
 const ViewletEmpty = {
   __proto__: null,
-  create: create$j,
+  create: create$k,
   dispose: dispose$a,
   focus: focus$d,
   refresh: refresh$1
 };
 
-const create$i = () => {
+const create$j = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Error';
   return {
@@ -7898,11 +7919,11 @@ const setMessage$2 = (state, message) => {
 
 const ViewletError = {
   __proto__: null,
-  create: create$i,
+  create: create$j,
   setMessage: setMessage$2
 };
 
-const handleContextMenu$8 = event => {
+const handleContextMenu$7 = event => {
   preventDefault(event);
   const {
     button,
@@ -7910,7 +7931,7 @@ const handleContextMenu$8 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$d(uid, button, clientX, clientY);
+  handleContextMenu$c(uid, button, clientX, clientY);
 };
 
 const CopyMove = 'copyMove';
@@ -8101,7 +8122,7 @@ const ViewletExplorerEvents = {
   handleBlur: handleBlur$5,
   handleClick: handleClick$5,
   handleClickOpenFolder,
-  handleContextMenu: handleContextMenu$8,
+  handleContextMenu: handleContextMenu$7,
   handleDragEnd,
   handleDragLeave,
   handleDragOver,
@@ -8115,7 +8136,7 @@ const ViewletExplorerEvents = {
   handleWheel: handleWheel$3
 };
 
-const create$h = () => {
+const create$i = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Explorer';
   $Viewlet.tabIndex = 0;
@@ -8125,7 +8146,7 @@ const create$h = () => {
     $Viewlet
   };
 };
-const Events$9 = ViewletExplorerEvents;
+const Events$a = ViewletExplorerEvents;
 const handleError$3 = (state, message) => {
   object(state);
   string(message);
@@ -8172,8 +8193,8 @@ const setDom$2 = (state, dom) => {
 
 const ViewletExplorer = {
   __proto__: null,
-  Events: Events$9,
-  create: create$h,
+  Events: Events$a,
+  create: create$i,
   dispose: dispose$9,
   focusInput,
   handleError: handleError$3,
@@ -8216,11 +8237,11 @@ const ViewletExtensionDetailEvents = {
   handleReadmeContextMenu
 };
 
-const Events$8 = ViewletExtensionDetailEvents;
+const Events$9 = ViewletExtensionDetailEvents;
 
 const ViewletExtensionDetail = {
   __proto__: null,
-  Events: Events$8,
+  Events: Events$9,
   setSize
 };
 
@@ -8321,7 +8342,7 @@ const handleTouchEnd = event => {
 
 // based on https://github.com/microsoft/vscode/blob/main/src/vs/workbench/contrib/extensions/browser/extensionsList.ts (License MIT)
 
-const create$g = () => {
+const create$h = () => {
   const $ExtensionHeader = document.createElement('div');
   $ExtensionHeader.className = 'ExtensionHeader';
 
@@ -8366,7 +8387,7 @@ const attachEvents$7 = state => {
   // @ts-expect-error
   $ExtensionHeader.addEventListener(Click, undefined);
   attachEvents$c($ListItems, {
-    [ContextMenu]: handleContextMenu$8,
+    [ContextMenu]: handleContextMenu$7,
     [PointerDown]: handlePointerDown$3,
     [Focus]: handleFocus$5,
     [Scroll]: handleScroll
@@ -8466,7 +8487,7 @@ const ViewletExtensions = {
   __proto__: null,
   attachEvents: attachEvents$7,
   closeSuggest,
-  create: create$g,
+  create: create$h,
   dispose: dispose$8,
   focus: focus$c,
   handleError: handleError$2,
@@ -8500,7 +8521,7 @@ const ViewletLocationsEvents = {
   handleLocationsMouseDown
 };
 
-const Events$7 = ViewletLocationsEvents;
+const Events$8 = ViewletLocationsEvents;
 const setFocusedIndex$3 = (state, oldFocusedIndex, newFocusedIndex) => {
   const {
     $Viewlet
@@ -8535,7 +8556,7 @@ const focus$b = state => {
 
 const ViewletImplementations = {
   __proto__: null,
-  Events: Events$7,
+  Events: Events$8,
   focus: focus$b,
   handleError: handleError$1,
   setFocusedIndex: setFocusedIndex$3
@@ -8617,7 +8638,7 @@ const handlePointerDown$2 = event => {
 
 const ViewletkeyBindingsEvents = {
   __proto__: null,
-  handleContextMenu: handleContextMenu$8,
+  handleContextMenu: handleContextMenu$7,
   handleInput: handleInput$4,
   handlePointerDown: handlePointerDown$2,
   handleResizerPointerDown,
@@ -8646,11 +8667,11 @@ const setColumnWidths = (state, columnWidth1, columnWidth2, columnWidth3) => {
   $Resizer1.style.left = `${paddingLeft + columnWidth1}px`;
   $Resizer2.style.left = `${paddingLeft + columnWidth1 + columnWidth2}px`;
 };
-const Events$6 = ViewletkeyBindingsEvents;
+const Events$7 = ViewletkeyBindingsEvents;
 
 const ViewletKeyBindings = {
   __proto__: null,
-  Events: Events$6,
+  Events: Events$7,
   setColumnWidths,
   setScrollBar: setScrollBar$2,
   setSize,
@@ -9147,7 +9168,7 @@ const handleBlur$3 = () => {
 const handleKeyDown$1 = handleKeyDown$2;
 const handleKeyUp = handleKeyUp$1;
 
-const create$f = () => {
+const create$g = () => {
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashSideBar = document.createElement('div');
   $SashSideBar.className = 'Viewlet Sash SashVertical';
@@ -9203,11 +9224,11 @@ const setSashes = (state, sashSideBar, sashPanel) => {
 const ViewletLayout = {
   __proto__: null,
   attachEvents: attachEvents$6,
-  create: create$f,
+  create: create$g,
   setSashes
 };
 
-const handleContextMenu$7 = event => {
+const handleContextMenu$6 = event => {
   if (event.defaultPrevented) {
     return;
   }
@@ -9217,11 +9238,11 @@ const handleContextMenu$7 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$d(uid, clientX, clientY);
+  handleContextMenu$c(uid, clientX, clientY);
 };
 
 // TODO Main should not be bound to Editor -> Lazy load Editor
-const create$e = () => {
+const create$f = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.id = 'Main';
   $Viewlet.className = 'Viewlet Main';
@@ -9251,7 +9272,7 @@ const attachEvents$5 = state => {
     [DragOver]: handleDragOver,
     [DragEnd]: handleDragEnd,
     [DragLeave]: handleDragLeave,
-    [ContextMenu]: handleContextMenu$7
+    [ContextMenu]: handleContextMenu$6
   });
 };
 const dispose$7 = state => {};
@@ -9321,7 +9342,7 @@ const ViewletMain = {
   attachEvents: attachEvents$5,
   closeAllViewlets,
   closeViewletAndTab,
-  create: create$e,
+  create: create$f,
   dispose: dispose$7,
   focus: focus$a,
   highlightDragOver,
@@ -9348,8 +9369,7 @@ const handleTabsWheel = event => {
   handleTabsWheel$1(uid, deltaX, deltaY);
 };
 const handleDragStart = event => {
-  // @ts-expect-error
-  setEffectAllowed(CopyMove);
+  setEffectAllowed(event.dataTransfer, CopyMove);
 };
 const handleTabsMouseDown = event => {
   const {
@@ -9370,7 +9390,7 @@ const handleTabsContextMenu = event => {
   handleTabContextMenu(uid, clientX, clientY);
 };
 
-const create$d = () => {
+const create$e = () => {
   const $MainTabs = document.createElement('div');
   $MainTabs.className = 'Viewlet MainTabs';
   $MainTabs.role = TabList;
@@ -9407,12 +9427,12 @@ const setScrollLeft = (state, scrollLeft) => {
 const ViewletMainTabs = {
   __proto__: null,
   attachEvents: attachEvents$4,
-  create: create$d,
+  create: create$e,
   setScrollLeft,
   setTabsDom: setTabsDom$2
 };
 
-const create$c = () => {
+const create$d = () => {
   const $ViewletOutputContent = document.createElement('div');
   $ViewletOutputContent.className = 'OutputContent';
   $ViewletOutputContent.role = Log;
@@ -9464,7 +9484,7 @@ const dispose$6 = state => {};
 const ViewletOutput = {
   __proto__: null,
   clear,
-  create: create$c,
+  create: create$d,
   dispose: dispose$6,
   disposeFindWidget,
   focus: focus$9,
@@ -9473,7 +9493,7 @@ const ViewletOutput = {
   setText
 };
 
-const handleClickClose$1 = event => {
+const handleClickClose = event => {
   const uid = fromEvent(event);
   hidePanel(uid);
 };
@@ -9517,7 +9537,7 @@ const UiStrings = {
   Close: 'Close',
   Maximize: 'Maximize'
 };
-const create$b = () => {
+const create$c = () => {
   const $PanelTabs = document.createElement('div');
   $PanelTabs.className = 'PanelTabs';
   $PanelTabs.role = TabList;
@@ -9568,7 +9588,7 @@ const attachEvents$3 = state => {
     [Click]: handleClickMaximize
   });
   attachEvents$c($ButtonClose, {
-    [Click]: handleClickClose$1
+    [Click]: handleClickClose
   });
 };
 const setTabsDom$1 = (state, dom) => {
@@ -9630,7 +9650,7 @@ const setActionsDom$1 = (state, actions, childUid) => {
 const ViewletPanel = {
   __proto__: null,
   attachEvents: attachEvents$3,
-  create: create$b,
+  create: create$c,
   dispose: dispose$5,
   focus: focus$8,
   setActionsDom: setActionsDom$1,
@@ -9646,7 +9666,7 @@ const handlePointerDown$1 = event => {
   } = event;
   return ['handleClickAt', clientX, clientY];
 };
-const handleContextMenu$6 = event => {
+const handleContextMenu$5 = event => {
   preventDefault(event);
   const {
     clientX,
@@ -9666,15 +9686,15 @@ const handleFilterInput = event => {
 const handleClearFilterClick = event => {
   return ['clearFilter'];
 };
-const returnValue$6 = true;
+const returnValue$5 = true;
 
 const ViewletProblemsEvents = {
   __proto__: null,
   handleClearFilterClick,
-  handleContextMenu: handleContextMenu$6,
+  handleContextMenu: handleContextMenu$5,
   handleFilterInput,
   handlePointerDown: handlePointerDown$1,
-  returnValue: returnValue$6
+  returnValue: returnValue$5
 };
 
 const setFocusedIndex$2 = (state, focusedIndex) => {
@@ -9701,6 +9721,17 @@ const ViewletProblems = {
   setFocusedIndex: setFocusedIndex$2
 };
 
+const create$b = () => {
+  const $InputBox = document.createElement('input');
+  $InputBox.className = 'InputBox';
+  $InputBox.spellcheck = false;
+  $InputBox.autocapitalize = 'off';
+  // $InputBox.autocomplete = 'off' // TODO needed?
+  $InputBox.type = 'text';
+  $InputBox.setAttribute('autocorrect', 'off'); // for ios
+  return $InputBox;
+};
+
 const getIsMobile = () => {
   // @ts-ignore
   if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test') {
@@ -9846,7 +9877,7 @@ const focus$6 = state => {
 // - for nvda ariaRoleDescription works better
 
 const create$a = () => {
-  const $QuickPickInput = create$B();
+  const $QuickPickInput = create$b();
   $QuickPickInput.setAttribute(AriaControls, Ids.QuickPickItems); // TODO use idl once supported
   $QuickPickInput.role = ComboBox;
   $QuickPickInput.ariaLabel = 'Type the name of a command to run.';
@@ -9971,7 +10002,7 @@ const ViewletQuickPick = {
 
 const ViewletReferences = {
   __proto__: null,
-  Events: Events$7,
+  Events: Events$8,
   focus: focus$b,
   handleError: handleError$1,
   setFocusedIndex: setFocusedIndex$3
@@ -10225,6 +10256,10 @@ const handleHeaderClick$1 = event => {
       return ['togglePreserveCase'];
     case 'Toggle Search Details':
       return ['toggleSearchDetails'];
+    case 'Search Only Open Editors':
+      return ['toggleOpenEditors'];
+    case 'Use Exclude Settings':
+      return ['toggleUseIgnoreFiles'];
     default:
       return [];
   }
@@ -10283,7 +10318,7 @@ const handleHeaderFocusIn = event => {
   }
   return ['handleFocusIn', key];
 };
-const handleContextMenu$5 = event => {
+const handleContextMenu$4 = event => {
   preventDefault(event);
   const {
     button,
@@ -10299,12 +10334,12 @@ const handleWheel = event => {
   } = event;
   return ['handleWheel', deltaMode, deltaY];
 };
-const returnValue$5 = true;
+const returnValue$4 = true;
 
 const ViewletSearchEvents = {
   __proto__: null,
   handleClick: handleClick$4,
-  handleContextMenu: handleContextMenu$5,
+  handleContextMenu: handleContextMenu$4,
   handleExcludeInput,
   handleFocus: handleFocus$2,
   handleHeaderClick: handleHeaderClick$1,
@@ -10320,7 +10355,7 @@ const ViewletSearchEvents = {
   handleSharedInput,
   handleToggleButtonClick,
   handleWheel,
-  returnValue: returnValue$5
+  returnValue: returnValue$4
 };
 
 const focus$5 = state => {
@@ -10353,11 +10388,11 @@ const setFocus = (state, selector) => {
   }
 };
 const dispose$3 = () => {};
-const Events$5 = ViewletSearchEvents;
+const Events$6 = ViewletSearchEvents;
 
 const ViewletSearch = {
   __proto__: null,
-  Events: Events$5,
+  Events: Events$6,
   dispose: dispose$3,
   focus: focus$5,
   setFocus,
@@ -10609,7 +10644,7 @@ const handleInput = event => {
 const ViewletSourceControlEvents = {
   __proto__: null,
   handleClick: handleClick$3,
-  handleContextMenu: handleContextMenu$8,
+  handleContextMenu: handleContextMenu$7,
   handleFocus,
   handleInput,
   handleMouseOut,
@@ -10688,11 +10723,11 @@ const ViewletStorageEvents = {
   handleClick: handleClick$1
 };
 
-const Events$4 = ViewletStorageEvents;
+const Events$5 = ViewletStorageEvents;
 
 const ViewletStorage = {
   __proto__: null,
-  Events: Events$4
+  Events: Events$5
 };
 
 const isUint8Array = value => {
@@ -10935,7 +10970,7 @@ const ViewletTerminals = {
   setTabsDom
 };
 
-const handleContextMenu$4 = event => {
+const handleContextMenu$3 = event => {
   preventDefault(event);
   const {
     button,
@@ -10963,7 +10998,7 @@ const attachEvents = state => {
     $Viewlet
   } = state;
   attachEvents$c($Viewlet, {
-    [ContextMenu]: handleContextMenu$4
+    [ContextMenu]: handleContextMenu$3
   });
 };
 const activeClassName = 'TitleBarActive';
@@ -10995,26 +11030,26 @@ const handleTitleBarButtonsClick = event => {
   } = event;
   return ['handleClick', target.className];
 };
-const returnValue$4 = true;
+const returnValue$3 = true;
 
 const ViewletTitleBarButtonEvents = {
   __proto__: null,
   handleTitleBarButtonsClick,
-  returnValue: returnValue$4
+  returnValue: returnValue$3
 };
 
-const Events$3 = ViewletTitleBarButtonEvents;
+const Events$4 = ViewletTitleBarButtonEvents;
 
 const ViewletTitleBarButtons = {
   __proto__: null,
-  Events: Events$3
+  Events: Events$4
 };
 
-const Events$2 = {};
+const Events$3 = {};
 
 const ViewletTitleBarIcon = {
   __proto__: null,
-  Events: Events$2
+  Events: Events$3
 };
 
 const isInsideTitleBarMenu = $Element => {
@@ -11097,7 +11132,7 @@ const handleMenuClick = event => {
   const uid = fromEvent(event);
   handleMenuClick$1(uid, level, index);
 };
-const handleFocusIn$1 = event => {
+const handleFocusIn = event => {
   const uid = fromEvent(event);
   handleFocus$c(uid);
 };
@@ -11105,7 +11140,7 @@ const handleFocusIn$1 = event => {
 const ViewletTitleBarMenuBarEvents = {
   __proto__: null,
   handleClick,
-  handleFocusIn: handleFocusIn$1,
+  handleFocusIn,
   handleFocusOut,
   handleMenuClick,
   handleMenuMouseOver,
@@ -11346,11 +11381,11 @@ const setMenus = (state, changes, uid) => {
     }
   }
 };
-const Events$1 = ViewletTitleBarMenuBarEvents;
+const Events$2 = ViewletTitleBarMenuBarEvents;
 
 const ViewletTitleBarMenuBar = {
   __proto__: null,
-  Events: Events$1,
+  Events: Events$2,
   closeMenu,
   dispose,
   focus,
@@ -11382,11 +11417,11 @@ const ViewletVideoEvents = {
   handleVideoError
 };
 
-const Events = ViewletVideoEvents;
+const Events$1 = ViewletVideoEvents;
 
 const ViewletVideo = {
   __proto__: null,
-  Events
+  Events: Events$1
 };
 
 const create$2 = () => {
@@ -11409,34 +11444,6 @@ const ViewletTitleBarTitle = {
   setDom
 };
 
-const handleClickOk = event => {
-  return ['handleClickOk'];
-};
-const handleClickClose = event => {
-  return ['handleClickClose'];
-};
-const handleClickCopy = event => {
-  return ['handleClickCopy'];
-};
-const handleFocusIn = event => {
-  return ['handleFocusIn'];
-};
-const handleContextMenu$3 = event => {
-  preventDefault(event);
-  return [];
-};
-const returnValue$3 = true;
-
-const ViewletAboutEvents = {
-  __proto__: null,
-  handleClickClose,
-  handleClickCopy,
-  handleClickOk,
-  handleContextMenu: handleContextMenu$3,
-  handleFocusIn,
-  returnValue: returnValue$3
-};
-
 const setFocused = (state, selector) => {
   if (selector === true) {
     selector = 'button';
@@ -11450,10 +11457,11 @@ const setFocused = (state, selector) => {
   const $Focusable = $Viewlet.querySelector(selector);
   $Focusable.focus();
 };
+const Events = {};
 
 const ViewletAbout = {
   __proto__: null,
-  Events: ViewletAboutEvents,
+  Events,
   setFocused
 };
 
@@ -11592,7 +11600,7 @@ const handleContextMenu$1 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$L(event => {
+const handleSashCornerPointerDown = create$K(event => {
   const {
     clientX,
     clientY