@lvce-editor/server 0.17.4 → 0.17.6

package/static/{7260a79 → 6e9c30c}/packages/renderer-process/dist/rendererProcessMain.js

@@ -180,6 +180,8 @@ var init_ModuleMap = __esm({
         case "Location.hydrate":
         case "Location.setPathName":
           return Location;
+        case "MeasureTextHeight.measureTextHeight":
+          return MeasureTextHeight;
         case "Menu.focusIndex":
         case "Menu.hide":
         case "Menu.hideSubMenu":
@@ -253,8 +255,6 @@ var init_ModuleMap = __esm({
           return Window;
         case 33111:
           return Workbench;
-        case "MeasureTextHeight.measureTextHeight":
-          return MeasureTextHeight;
         default:
           throw new Error(`command ${commandId} not found`);
       }
@@ -1981,7 +1981,7 @@ var init_Platform = __esm({
     state5 = {
       getAssetDir() {
         if (true) {
-          return "/7260a79";
+          return "/6e9c30c";
         }
         if (platform === "electron") {
           return "../../../../..";
@@ -19257,6 +19257,30 @@ var init_EditorFunctions = __esm({
   }
 });
 
+// src/parts/PointerEvents/PointerEvents.js
+var PointerEvents_exports = {};
+__export(PointerEvents_exports, {
+  startTracking: () => startTracking,
+  stopTracking: () => stopTracking
+});
+var startTracking, stopTracking;
+var init_PointerEvents = __esm({
+  "src/parts/PointerEvents/PointerEvents.js"() {
+    "use strict";
+    init_DomEventType();
+    startTracking = ($Target, pointerId, handlePointerMove4, handlePointerUp3) => {
+      $Target.setPointerCapture(pointerId);
+      $Target.addEventListener(PointerMove, handlePointerMove4);
+      $Target.addEventListener(PointerUp, handlePointerUp3);
+    };
+    stopTracking = ($Target, pointerId, handlePointerMove4, handlePointerUp3) => {
+      $Target.releasePointerCapture(pointerId);
+      $Target.removeEventListener(PointerMove, handlePointerMove4);
+      $Target.removeEventListener(PointerUp, handlePointerUp3);
+    };
+  }
+});
+
 // src/parts/Editor/EditorEvents.js
 var EditorEvents_exports = {};
 __export(EditorEvents_exports, {
@@ -19303,6 +19327,7 @@ var init_EditorEvents = __esm({
     init_MouseEventType();
     init_TouchEvent();
     init_EditorFunctions();
+    init_PointerEvents();
     init_ContextMenuEvents();
     handleFocus = (event) => {
       setFocus("EditorText");
@@ -19398,16 +19423,12 @@ var init_EditorEvents = __esm({
     };
     handleScrollBarVerticalPointerUp = (event) => {
       const { target, pointerId } = event;
-      target.releasePointerCapture(pointerId);
-      target.removeEventListener(PointerMove, handleScrollBarThumbVerticalPointerMove);
-      target.removeEventListener(PointerUp, handleScrollBarVerticalPointerUp);
+      stopTracking(target, pointerId, handleScrollBarThumbVerticalPointerMove, handleScrollBarVerticalPointerUp);
     };
     handleScrollBarVerticalPointerDown2 = (event) => {
       const uid = fromEvent(event);
       const { target, pointerId, clientY } = event;
-      target.setPointerCapture(pointerId);
-      target.addEventListener(PointerMove, handleScrollBarThumbVerticalPointerMove, Active);
-      target.addEventListener(PointerUp, handleScrollBarVerticalPointerUp);
+      startTracking(target, pointerId, handleScrollBarThumbVerticalPointerMove, handleScrollBarVerticalPointerUp);
       handleScrollBarVerticalPointerDown(uid, clientY);
     };
     handleScrollBarThumbHorizontalPointerMove = (event) => {
@@ -19417,15 +19438,11 @@ var init_EditorEvents = __esm({
     };
     handleScrollBarHorizontalPointerUp = (event) => {
       const { target, pointerId } = event;
-      target.releasePointerCapture(pointerId);
-      target.removeEventListener(PointerMove, handleScrollBarThumbHorizontalPointerMove);
-      target.removeEventListener(PointerUp, handleScrollBarHorizontalPointerUp);
+      stopTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
     };
     handleScrollBarHorizontalPointerDown2 = (event) => {
       const { target, pointerId, clientX } = event;
-      target.setPointerCapture(pointerId);
-      target.addEventListener(PointerMove, handleScrollBarThumbHorizontalPointerMove, Active);
-      target.addEventListener(PointerUp, handleScrollBarHorizontalPointerUp);
+      startTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
       handleScrollBarHorizontalPointerDown(clientX);
     };
     handleScrollBarContextMenu = (event) => {
@@ -27135,7 +27152,7 @@ __export(ViewletModuleId_exports, {
   TitleBarMenuBar: () => TitleBarMenuBar,
   Video: () => Video
 });
-var ActivityBar3, Audio3, BrowserViewOverview, Clock, ColorPicker, DebugConsole, Dialog, DiffEditor, EditorCompletion, EditorError2, EditorHover2, EditorImage, EditorPlainText, EditorText, EditorWidgetError, Empty, Error3, Explorer2, ExtensionDetail, Extensions, FindWidget, ImagePreview2, Implementations, KeyBindings, Layout2, Main3, MainTabs, Output, Panel2, Pdf, Problems, QuickPick, References, RunAndDebug, ScreenCapture2, Search6, SideBar2, SimpleBrowser, SourceControl, StatusBar2, Storage, Terminal2, Terminals, TitleBar2, TitleBarButtons, TitleBarIcon, TitleBarMenuBar, Video, DefineKeyBinding;
+var ActivityBar3, Audio3, BrowserViewOverview, Clock, ColorPicker, DebugConsole, DefineKeyBinding, Dialog, DiffEditor, EditorCompletion, EditorError2, EditorHover2, EditorImage, EditorPlainText, EditorText, EditorWidgetError, Empty, Error3, Explorer2, ExtensionDetail, Extensions, FindWidget, ImagePreview2, Implementations, KeyBindings, Layout2, Main3, MainTabs, Output, Panel2, Pdf, Problems, QuickPick, References, RunAndDebug, ScreenCapture2, Search6, SideBar2, SimpleBrowser, SourceControl, StatusBar2, Storage, Terminal2, Terminals, TitleBar2, TitleBarButtons, TitleBarIcon, TitleBarMenuBar, Video;
 var init_ViewletModuleId = __esm({
   "src/parts/ViewletModuleId/ViewletModuleId.js"() {
     "use strict";
@@ -27145,6 +27162,7 @@ var init_ViewletModuleId = __esm({
     Clock = "Clock";
     ColorPicker = "ColorPicker";
     DebugConsole = "Debug Console";
+    DefineKeyBinding = "DefineKeyBinding";
     Dialog = "Dialog";
     DiffEditor = "DiffEditor";
     EditorCompletion = "EditorCompletion";
@@ -27187,7 +27205,6 @@ var init_ViewletModuleId = __esm({
     TitleBarIcon = "TitleBarIcon";
     TitleBarMenuBar = "TitleBarMenuBar";
     Video = "Video";
-    DefineKeyBinding = "DefineKeyBinding";
   }
 });
 
@@ -27774,6 +27791,98 @@ var init_ViewletDebugConsole = __esm({
   }
 });
 
+// src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBindingFunctions.js
+var ViewletDefineKeyBindingFunctions_exports = {};
+__export(ViewletDefineKeyBindingFunctions_exports, {
+  handleBlur: () => handleBlur6,
+  handleKeyDown: () => handleKeyDown3
+});
+var handleKeyDown3, handleBlur6;
+var init_ViewletDefineKeyBindingFunctions = __esm({
+  "src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBindingFunctions.js"() {
+    "use strict";
+    init_ForwardViewletCommand();
+    handleKeyDown3 = forwardViewletCommand("handleKeyDown");
+    handleBlur6 = forwardViewletCommand("handleBlur");
+  }
+});
+
+// src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBindingEvents.js
+var ViewletDefineKeyBindingEvents_exports = {};
+__export(ViewletDefineKeyBindingEvents_exports, {
+  handleBlur: () => handleBlur7,
+  handleKeyDown: () => handleKeyDown4
+});
+var handleKeyDown4, handleBlur7;
+var init_ViewletDefineKeyBindingEvents = __esm({
+  "src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBindingEvents.js"() {
+    "use strict";
+    init_Event();
+    init_ViewletDefineKeyBindingFunctions();
+    init_ComponentUid();
+    handleKeyDown4 = (event) => {
+      preventDefault(event);
+      stopPropagation(event);
+      const uid = fromEvent(event);
+      const { key, altKey, ctrlKey, shiftKey, metaKey } = event;
+      handleKeyDown3(uid, key, altKey, ctrlKey, shiftKey, metaKey);
+    };
+    handleBlur7 = (event) => {
+      const uid = fromEvent(event);
+      handleBlur6(uid);
+    };
+  }
+});
+
+// src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBinding.js
+var ViewletDefineKeyBinding_exports = {};
+__export(ViewletDefineKeyBinding_exports, {
+  attachEvents: () => attachEvents4,
+  create: () => create40,
+  focus: () => focus3,
+  setValue: () => setValue
+});
+var create40, attachEvents4, setValue, focus3;
+var init_ViewletDefineKeyBinding = __esm({
+  "src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBinding.js"() {
+    "use strict";
+    init_Assert();
+    init_InputBox();
+    init_ViewletDefineKeyBindingEvents();
+    create40 = () => {
+      const $Input = create4();
+      const $Heading = document.createElement("h3");
+      $Heading.className = "DefineKeyBindingHeading";
+      $Heading.textContent = "Press Desired Key Combination, Then Press Enter";
+      const $Content = document.createElement("div");
+      $Content.className = "DefineKeyBindingContent";
+      $Content.append($Heading, $Input);
+      const $Viewlet = document.createElement("div");
+      $Viewlet.className = "Viewlet DefineKeyBinding";
+      $Viewlet.append($Content);
+      return {
+        $Viewlet,
+        $Input
+      };
+    };
+    attachEvents4 = (state21) => {
+      const { $Input } = state21;
+      $Input.onkeydown = handleKeyDown4;
+      $Input.onblur = handleBlur7;
+    };
+    setValue = (state21, value) => {
+      object(state21);
+      string(value);
+      const { $Input } = state21;
+      $Input.value = value;
+    };
+    focus3 = (state21) => {
+      const { $Input } = state21;
+      $Input.focus();
+    };
+  }
+});
+
 // src/parts/ViewletDialog/ViewletDialogFunctions.js
 var ViewletDialogFunctions_exports = {};
 __export(ViewletDialogFunctions_exports, {
@@ -27817,7 +27926,7 @@ var init_ViewletDialogEvents = __esm({
 // src/parts/ViewletDialog/ViewletDialog.js
 var ViewletDialog_exports = {};
 __export(ViewletDialog_exports, {
-  create: () => create40,
+  create: () => create41,
   postAppend: () => postAppend,
   setButtons: () => setButtons,
   setCodeFrame: () => setCodeFrame,
@@ -27825,7 +27934,7 @@ __export(ViewletDialog_exports, {
   setErrorStack: () => setErrorStack,
   setHeader: () => setHeader
 });
-var create40, postAppend, setHeader, setButtons, setErrorMessage, setCodeFrame, setErrorStack;
+var create41, postAppend, setHeader, setButtons, setErrorMessage, setCodeFrame, setErrorStack;
 var init_ViewletDialog = __esm({
   "src/parts/ViewletDialog/ViewletDialog.js"() {
     "use strict";
@@ -27833,7 +27942,7 @@ var init_ViewletDialog = __esm({
     init_Icon();
     init_IconButton();
     init_ViewletDialogEvents();
-    create40 = () => {
+    create41 = () => {
       const $DialogTitle = document.createElement("h2");
       $DialogTitle.id = "DialogTitle";
       const $DialogCloseButton = create$Button("Close", Close);
@@ -27903,13 +28012,13 @@ var init_ViewletDialog = __esm({
 // src/parts/ViewletSash/ViewletSash.js
 var ViewletSash_exports = {};
 __export(ViewletSash_exports, {
-  create: () => create41
+  create: () => create42
 });
-var create41;
+var create42;
 var init_ViewletSash = __esm({
   "src/parts/ViewletSash/ViewletSash.js"() {
     "use strict";
-    create41 = () => {
+    create42 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Sash SashVertical";
       return $Viewlet;
@@ -27996,13 +28105,13 @@ var init_ViewletScrollable = __esm({
 // src/parts/ViewletDiffEditor/ViewletDiffEditor.js
 var ViewletDiffEditor_exports = {};
 __export(ViewletDiffEditor_exports, {
-  create: () => create42,
+  create: () => create43,
   setChanges: () => setChanges,
   setContentLeft: () => setContentLeft,
   setContentRight: () => setContentRight,
   setScrollBar: () => setScrollBar2
 });
-var create42, create$Line, setContent, setContentLeft, setContentRight, setChanges;
+var create43, create$Line, setContent, setContentLeft, setContentRight, setChanges;
 var init_ViewletDiffEditor = __esm({
   "src/parts/ViewletDiffEditor/ViewletDiffEditor.js"() {
     "use strict";
@@ -28011,12 +28120,12 @@ var init_ViewletDiffEditor = __esm({
     init_ViewletDiffEditorEvents();
     init_DomEventOptions();
     init_ViewletScrollable();
-    create42 = () => {
+    create43 = () => {
       const $ContentLeft = document.createElement("div");
       $ContentLeft.className = "DiffEditorContentLeft";
       const $ContentRight = document.createElement("div");
       $ContentRight.className = "DiffEditorContentRight";
-      const $Sash = create41();
+      const $Sash = create42();
       const $ScrollBarThumb = document.createElement("div");
       $ScrollBarThumb.className = "ScrollBarThumb";
       const $ScrollBar = document.createElement("div");
@@ -28253,8 +28362,8 @@ var init_ViewletList = __esm({
 // src/parts/ViewletEditorCompletion/ViewletEditorCompletion.js
 var ViewletEditorCompletion_exports = {};
 __export(ViewletEditorCompletion_exports, {
-  attachEvents: () => attachEvents4,
-  create: () => create43,
+  attachEvents: () => attachEvents5,
+  create: () => create44,
   dispose: () => dispose11,
   handleError: () => handleError2,
   setBounds: () => setBounds2,
@@ -28265,7 +28374,7 @@ __export(ViewletEditorCompletion_exports, {
   setSize: () => setSize,
   showLoading: () => showLoading
 });
-var create43, attachEvents4, setDom3, dispose11, showLoading, handleError2, setBounds2;
+var create44, attachEvents5, setDom3, dispose11, showLoading, handleError2, setBounds2;
 var init_ViewletEditorCompletion = __esm({
   "src/parts/ViewletEditorCompletion/ViewletEditorCompletion.js"() {
     "use strict";
@@ -28279,7 +28388,7 @@ var init_ViewletEditorCompletion = __esm({
     init_Widget();
     init_ViewletEditorCompletionEvents();
     init_ViewletList();
-    create43 = () => {
+    create44 = () => {
       const $ListItems = document.createElement("div");
       $ListItems.className = "ListItems";
       $ListItems.role = ListBox;
@@ -28300,7 +28409,7 @@ var init_ViewletEditorCompletion = __esm({
         $ScrollBarThumb
       };
     };
-    attachEvents4 = (state21) => {
+    attachEvents5 = (state21) => {
       const { $Viewlet, $ListItems, $ScrollBar } = state21;
       $Viewlet.addEventListener(Wheel, handleWheel3, Passive);
       $ListItems.onmousedown = handleMousedown2;
@@ -28344,17 +28453,17 @@ var init_ViewletEditorCompletion = __esm({
 // src/parts/ViewletEditorError/ViewletEditorError.js
 var ViewletEditorError_exports = {};
 __export(ViewletEditorError_exports, {
-  create: () => create44,
+  create: () => create45,
   setBounds: () => setBounds3,
   setDom: () => setDom4
 });
-var create44, setDom4, setBounds3;
+var create45, setDom4, setBounds3;
 var init_ViewletEditorError = __esm({
   "src/parts/ViewletEditorError/ViewletEditorError.js"() {
     "use strict";
     init_SetBounds();
     init_VirtualDom();
-    create44 = () => {
+    create45 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet EditorError";
       return {
@@ -28375,13 +28484,13 @@ var init_ViewletEditorError = __esm({
 // src/parts/ViewletEditorHover/ViewletEditorHover.js
 var ViewletEditorHover_exports = {};
 __export(ViewletEditorHover_exports, {
-  attachEvents: () => attachEvents5,
-  create: () => create45,
+  attachEvents: () => attachEvents6,
+  create: () => create46,
   setBounds: () => setBounds4,
   setDom: () => setDom5,
   setHover: () => setHover
 });
-var create45, attachEvents5, setHover, setDom5, setBounds4;
+var create46, attachEvents6, setHover, setDom5, setBounds4;
 var init_ViewletEditorHover = __esm({
   "src/parts/ViewletEditorHover/ViewletEditorHover.js"() {
     "use strict";
@@ -28389,14 +28498,14 @@ var init_ViewletEditorHover = __esm({
     init_SetBounds();
     init_SetInnerHtml();
     init_VirtualDom();
-    create45 = () => {
+    create46 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet EditorHover";
       return {
         $Viewlet
       };
     };
-    attachEvents5 = (state21) => {
+    attachEvents6 = (state21) => {
       const { $Viewlet } = state21;
     };
     setHover = (state21, sanitzedHtml, documentation) => {
@@ -28522,22 +28631,22 @@ var init_ViewletEditorImageEvents = __esm({
 // src/parts/ViewletEditorImage/ViewletEditorImage.js
 var ViewletEditorImage_exports = {};
 __export(ViewletEditorImage_exports, {
-  attachEvents: () => attachEvents6,
-  create: () => create46,
+  attachEvents: () => attachEvents7,
+  create: () => create47,
   dispose: () => dispose12,
   setDragging: () => setDragging,
   setError: () => setError,
   setSrc: () => setSrc2,
   setTransform: () => setTransform
 });
-var create46, attachEvents6, setTransform, setSrc2, setDragging, dispose12, setError;
+var create47, attachEvents7, setTransform, setSrc2, setDragging, dispose12, setError;
 var init_ViewletEditorImage = __esm({
   "src/parts/ViewletEditorImage/ViewletEditorImage.js"() {
     "use strict";
     init_DomEventOptions();
     init_DomEventType();
     init_ViewletEditorImageEvents();
-    create46 = () => {
+    create47 = () => {
       const $Image = document.createElement("img");
       $Image.className = "ViewletImage";
       $Image.draggable = false;
@@ -28554,7 +28663,7 @@ var init_ViewletEditorImage = __esm({
         $ImageWrapper
       };
     };
-    attachEvents6 = (state21) => {
+    attachEvents7 = (state21) => {
       const { $Image, $ImageWrapper, $Viewlet } = state21;
       $Image.onerror = handleError3;
       $ImageWrapper.onfocus = handleFocus4;
@@ -28590,16 +28699,16 @@ var init_ViewletEditorImage = __esm({
 // src/parts/ViewletEditorPlainText/ViewletEditorPlainText.js
 var ViewletEditorPlainText_exports = {};
 __export(ViewletEditorPlainText_exports, {
-  create: () => create47,
+  create: () => create48,
   dispose: () => dispose13,
   refresh: () => refresh2
 });
-var create47, dispose13, refresh2;
+var create48, dispose13, refresh2;
 var init_ViewletEditorPlainText = __esm({
   "src/parts/ViewletEditorPlainText/ViewletEditorPlainText.js"() {
     "use strict";
     init_Assert();
-    create47 = () => {
+    create48 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet EditorText";
       $Viewlet.textContent = "loading...";
@@ -28620,8 +28729,8 @@ var init_ViewletEditorPlainText = __esm({
 // src/parts/ViewletEditorText/ViewletEditorText.js
 var ViewletEditorText_exports = {};
 __export(ViewletEditorText_exports, {
-  create: () => create48,
-  focus: () => focus3,
+  create: () => create49,
+  focus: () => focus4,
   handleError: () => handleError4,
   hideOverlayMessage: () => hideOverlayMessage,
   highlightAsLink: () => highlightAsLink,
@@ -28633,7 +28742,7 @@ __export(ViewletEditorText_exports, {
   setText: () => setText3,
   showOverlayMessage: () => showOverlayMessage
 });
-var create48, setText3, setSelections3, setIncrementalEdits2, handleError4, setScrollBar3, setScrollBarHorizontal3, highlightAsLink, showOverlayMessage, hideOverlayMessage, setFocused2, focus3;
+var create49, setText3, setSelections3, setIncrementalEdits2, handleError4, setScrollBar3, setScrollBarHorizontal3, highlightAsLink, showOverlayMessage, hideOverlayMessage, setFocused2, focus4;
 var init_ViewletEditorText = __esm({
   "src/parts/ViewletEditorText/ViewletEditorText.js"() {
     "use strict";
@@ -28641,7 +28750,7 @@ var init_ViewletEditorText = __esm({
     init_Logger();
     init_SetBounds();
     init_Widget();
-    create48 = create19;
+    create49 = create19;
     setText3 = setText;
     setSelections3 = setSelections2;
     setIncrementalEdits2 = setIncrementalEdits;
@@ -28675,24 +28784,24 @@ var init_ViewletEditorText = __esm({
       }
     };
     setFocused2 = setFocused;
-    focus3 = setFocused;
+    focus4 = setFocused;
   }
 });
 
 // src/parts/ViewletEditorWidgetError/ViewletEditorWidgetError.js
 var ViewletEditorWidgetError_exports = {};
 __export(ViewletEditorWidgetError_exports, {
-  create: () => create49,
+  create: () => create50,
   setBounds: () => setBounds5,
   setMessage: () => setMessage2
 });
-var create49, setMessage2, setBounds5;
+var create50, setMessage2, setBounds5;
 var init_ViewletEditorWidgetError = __esm({
   "src/parts/ViewletEditorWidgetError/ViewletEditorWidgetError.js"() {
     "use strict";
     init_Widget();
     init_SetBounds();
-    create49 = () => {
+    create50 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet EditorWidgetError EditorOverlayMessage";
       return {
@@ -28714,16 +28823,16 @@ var init_ViewletEditorWidgetError = __esm({
 // src/parts/ViewletEmpty/ViewletEmpty.js
 var ViewletEmpty_exports = {};
 __export(ViewletEmpty_exports, {
-  create: () => create50,
+  create: () => create51,
   dispose: () => dispose14,
-  focus: () => focus4,
+  focus: () => focus5,
   refresh: () => refresh3
 });
-var create50, refresh3, focus4, dispose14;
+var create51, refresh3, focus5, dispose14;
 var init_ViewletEmpty = __esm({
   "src/parts/ViewletEmpty/ViewletEmpty.js"() {
     "use strict";
-    create50 = () => {
+    create51 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.dataset.viewlet = "Empty";
       $Viewlet.className = "Viewlet";
@@ -28733,7 +28842,7 @@ var init_ViewletEmpty = __esm({
     };
     refresh3 = (state21, context) => {
     };
-    focus4 = (state21) => {
+    focus5 = (state21) => {
     };
     dispose14 = (state21) => {
     };
@@ -28743,14 +28852,14 @@ var init_ViewletEmpty = __esm({
 // src/parts/ViewletError/ViewletError.js
 var ViewletError_exports = {};
 __export(ViewletError_exports, {
-  create: () => create51,
+  create: () => create52,
   setMessage: () => setMessage3
 });
-var create51, setMessage3;
+var create52, setMessage3;
 var init_ViewletError = __esm({
   "src/parts/ViewletError/ViewletError.js"() {
     "use strict";
-    create51 = () => {
+    create52 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet Error";
       return {
@@ -28767,21 +28876,21 @@ var init_ViewletError = __esm({
 // src/parts/ViewletExplorer/ViewletExplorerFunctions.js
 var ViewletExplorerFunctions_exports = {};
 __export(ViewletExplorerFunctions_exports, {
-  focus: () => focus5,
-  handleBlur: () => handleBlur6,
+  focus: () => focus6,
+  handleBlur: () => handleBlur8,
   handleClickAt: () => handleClickAt2,
   handleDragOver: () => handleDragOver3,
   handleDrop: () => handleDrop2,
   handlePointerDown: () => handlePointerDown3,
   updateEditingValue: () => updateEditingValue
 });
-var focus5, handleBlur6, handleDragOver3, handleDrop2, handleClickAt2, updateEditingValue, handlePointerDown3;
+var focus6, handleBlur8, handleDragOver3, handleDrop2, handleClickAt2, updateEditingValue, handlePointerDown3;
 var init_ViewletExplorerFunctions = __esm({
   "src/parts/ViewletExplorer/ViewletExplorerFunctions.js"() {
     "use strict";
     init_ForwardViewletCommand();
-    focus5 = forwardViewletCommand("focus");
-    handleBlur6 = forwardViewletCommand("handleBlur");
+    focus6 = forwardViewletCommand("focus");
+    handleBlur8 = forwardViewletCommand("handleBlur");
     handleDragOver3 = forwardViewletCommand("handleDragOver");
     handleDrop2 = forwardViewletCommand("handleDrop");
     handleClickAt2 = forwardViewletCommand("handleClickAt");
@@ -28793,7 +28902,7 @@ var init_ViewletExplorerFunctions = __esm({
 // src/parts/ViewletExplorer/ViewletExplorerEvents.js
 var ViewletExplorerEvents_exports = {};
 __export(ViewletExplorerEvents_exports, {
-  handleBlur: () => handleBlur7,
+  handleBlur: () => handleBlur9,
   handleClick: () => handleClick4,
   handleContextMenu: () => handleContextMenu2,
   handleDragEnd: () => handleDragEnd2,
@@ -28808,7 +28917,7 @@ __export(ViewletExplorerEvents_exports, {
   handlePointerDown: () => handlePointerDown4,
   handleWheel: () => handleWheel3
 });
-var handleFocus5, handleBlur7, handleClick4, handlePointerDown4, handleMouseEnter3, handleMouseLeave2, handleEditingInput;
+var handleFocus5, handleBlur9, handleClick4, handlePointerDown4, handleMouseEnter3, handleMouseLeave2, handleEditingInput;
 var init_ViewletExplorerEvents = __esm({
   "src/parts/ViewletExplorer/ViewletExplorerEvents.js"() {
     "use strict";
@@ -28826,11 +28935,11 @@ var init_ViewletExplorerEvents = __esm({
         return;
       }
       const uid = fromEvent(event);
-      focus5(uid);
+      focus6(uid);
     };
-    handleBlur7 = (event) => {
+    handleBlur9 = (event) => {
       const uid = fromEvent(event);
-      handleBlur6(uid);
+      handleBlur8(uid);
     };
     handleClick4 = (event) => {
       preventDefault(event);
@@ -28859,8 +28968,8 @@ var init_ViewletExplorerEvents = __esm({
 // src/parts/ViewletExplorer/ViewletExplorer.js
 var ViewletExplorer_exports = {};
 __export(ViewletExplorer_exports, {
-  attachEvents: () => attachEvents7,
-  create: () => create52,
+  attachEvents: () => attachEvents8,
+  create: () => create53,
   dispose: () => dispose15,
   handleError: () => handleError5,
   hideEditBox: () => hideEditBox,
@@ -28872,7 +28981,7 @@ __export(ViewletExplorer_exports, {
   setFocusedIndex: () => setFocusedIndex,
   updateDirents: () => updateDirents
 });
-var activeId, focusClassName, defaultIndent, create52, attachEvents7, create$Row2, render$Row, render$RowsLess, render$RowsEqual, render$RowsMore, render$Rows, handleError5, updateDirents, setFocusedIndex, dispose15, hoverIndex, replaceWithEditBox, insertEditBox, hideEditBox, replaceEditBox, setDropTargets;
+var activeId, focusClassName, defaultIndent, create53, attachEvents8, create$Row2, render$Row, render$RowsLess, render$RowsEqual, render$RowsMore, render$Rows, handleError5, updateDirents, setFocusedIndex, dispose15, hoverIndex, replaceWithEditBox, insertEditBox, hideEditBox, replaceEditBox, setDropTargets;
 var init_ViewletExplorer = __esm({
   "src/parts/ViewletExplorer/ViewletExplorer.js"() {
     "use strict";
@@ -28891,7 +29000,7 @@ var init_ViewletExplorer = __esm({
     activeId = "TreeItemActive";
     focusClassName = "FocusOutline";
     defaultIndent = 1;
-    create52 = () => {
+    create53 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet Explorer";
       $Viewlet.tabIndex = 0;
@@ -28901,14 +29010,14 @@ var init_ViewletExplorer = __esm({
         $Viewlet
       };
     };
-    attachEvents7 = (state21) => {
+    attachEvents8 = (state21) => {
       const { $Viewlet } = state21;
       $Viewlet.onclick = handleClick4;
       $Viewlet.oncontextmenu = handleContextMenu2;
       $Viewlet.addEventListener(MouseEnter, handleMouseEnter3, Capture);
       $Viewlet.addEventListener(MouseLeave, handleMouseLeave2, Capture);
       $Viewlet.addEventListener(Wheel, handleWheel3, Passive);
-      $Viewlet.onblur = handleBlur7;
+      $Viewlet.onblur = handleBlur9;
       $Viewlet.ondragover = handleDragOver2;
       $Viewlet.ondragstart = handleDragStart;
       $Viewlet.ondrop = handleDrop;
@@ -29205,15 +29314,15 @@ var init_ViewletExtensionDetailEvents = __esm({
 // src/parts/ViewletExtensionDetail/ViewletExtensionDetail.js
 var ViewletExtensionDetail_exports = {};
 __export(ViewletExtensionDetail_exports, {
-  attachEvents: () => attachEvents8,
-  create: () => create53,
+  attachEvents: () => attachEvents9,
+  create: () => create54,
   setDescription: () => setDescription,
   setIconSrc: () => setIconSrc,
   setName: () => setName,
   setReadmeDom: () => setReadmeDom,
   setSize: () => setSize
 });
-var create53, attachEvents8, setName, setReadmeDom, setIconSrc, setDescription;
+var create54, attachEvents9, setName, setReadmeDom, setIconSrc, setDescription;
 var init_ViewletExtensionDetail = __esm({
   "src/parts/ViewletExtensionDetail/ViewletExtensionDetail.js"() {
     "use strict";
@@ -29221,7 +29330,7 @@ var init_ViewletExtensionDetail = __esm({
     init_VirtualDom();
     init_ViewletExtensionDetailEvents();
     init_ViewletSizable();
-    create53 = () => {
+    create54 = () => {
       const $NameText = document.createTextNode("");
       const $ReadmeHtml = document.createElement("div");
       $ReadmeHtml.className = "Markdown";
@@ -29255,7 +29364,7 @@ var init_ViewletExtensionDetail = __esm({
         $Description
       };
     };
-    attachEvents8 = (state21) => {
+    attachEvents9 = (state21) => {
       const { $ReadmeHtml, $ExtensionDetailIcon } = state21;
       $ReadmeHtml.oncontextmenu = handleReadmeContextMenu2;
       $ExtensionDetailIcon.onerror = handleIconError2;
@@ -29428,11 +29537,11 @@ var init_ViewletExtensionsEvents = __esm({
 // src/parts/ViewletExtensions/ViewletExtensions.js
 var ViewletExtensions_exports = {};
 __export(ViewletExtensions_exports, {
-  attachEvents: () => attachEvents9,
+  attachEvents: () => attachEvents10,
   closeSuggest: () => closeSuggest,
-  create: () => create54,
+  create: () => create55,
   dispose: () => dispose16,
-  focus: () => focus6,
+  focus: () => focus7,
   handleError: () => handleError6,
   openSuggest: () => openSuggest,
   setContentHeight: () => setContentHeight,
@@ -29445,7 +29554,7 @@ __export(ViewletExtensions_exports, {
   setSearchValue: () => setSearchValue,
   setSize: () => setSize
 });
-var activeId2, create$ExtensionSuggestions, create54, attachEvents9, setFocusedIndex2, focus6, setExtensionState, setMessage4, setExtensionsDom, dispose16, openSuggest, closeSuggest, handleError6, setSearchValue;
+var activeId2, create$ExtensionSuggestions, create55, attachEvents10, setFocusedIndex2, focus7, setExtensionState, setMessage4, setExtensionsDom, dispose16, openSuggest, closeSuggest, handleError6, setSearchValue;
 var init_ViewletExtensions = __esm({
   "src/parts/ViewletExtensions/ViewletExtensions.js"() {
     "use strict";
@@ -29470,7 +29579,7 @@ var init_ViewletExtensions = __esm({
       $ExtensionSuggestions.className = "ExtensionSuggestions";
       return $ExtensionSuggestions;
     };
-    create54 = () => {
+    create55 = () => {
       const $InputBox = create4();
       $InputBox.type = "search";
       $InputBox.placeholder = "Search Extensions in Marketplace";
@@ -29508,7 +29617,7 @@ var init_ViewletExtensions = __esm({
         $Message: void 0
       };
     };
-    attachEvents9 = (state21) => {
+    attachEvents10 = (state21) => {
       const { $InputBox, $ListItems, $ScrollBar } = state21;
       $InputBox.oninput = handleInput2;
       $ListItems.oncontextmenu = handleContextMenu2;
@@ -29550,7 +29659,7 @@ var init_ViewletExtensions = __esm({
         setFocus("Extensions");
       }
     };
-    focus6 = (state21) => {
+    focus7 = (state21) => {
       object(state21);
       state21.$InputBox.focus();
     };
@@ -29690,15 +29799,15 @@ var init_ViewletFindWidgetEvents = __esm({
 // src/parts/ViewletFindWidget/ViewletFindWidget.js
 var ViewletFindWidget_exports = {};
 __export(ViewletFindWidget_exports, {
-  attachEvents: () => attachEvents10,
-  create: () => create55,
+  attachEvents: () => attachEvents11,
+  create: () => create56,
   dispose: () => dispose17,
-  focus: () => focus7,
+  focus: () => focus8,
   setButtonsEnabled: () => setButtonsEnabled,
   setMatchCountText: () => setMatchCountText,
-  setValue: () => setValue
+  setValue: () => setValue2
 });
-var UiStrings, create55, attachEvents10, focus7, setValue, setMatchCountText, setButtonsEnabled, dispose17;
+var UiStrings, create56, attachEvents11, focus8, setValue2, setMatchCountText, setButtonsEnabled, dispose17;
 var init_ViewletFindWidget = __esm({
   "src/parts/ViewletFindWidget/ViewletFindWidget.js"() {
     "use strict";
@@ -29714,7 +29823,7 @@ var init_ViewletFindWidget = __esm({
       NextMatch: "Next Match",
       Find: "Find"
     };
-    create55 = () => {
+    create56 = () => {
       const $InputBox = create4();
       $InputBox.ariaLabel = UiStrings.Find;
       const $MatchCountText = document.createTextNode("");
@@ -29738,18 +29847,18 @@ var init_ViewletFindWidget = __esm({
         $ButtonFocusPrevious
       };
     };
-    attachEvents10 = (state21) => {
+    attachEvents11 = (state21) => {
       const { $InputBox, $Viewlet } = state21;
       $InputBox.oninput = handleInput4;
       $InputBox.onblur = handleInputBlur;
       $InputBox.onfocus = handleFocus7;
       $Viewlet.onclick = handleClick6;
     };
-    focus7 = (state21) => {
+    focus8 = (state21) => {
       const { $InputBox } = state21;
       $InputBox.focus();
     };
-    setValue = (state21, value) => {
+    setValue2 = (state21, value) => {
       const { $InputBox } = state21;
       $InputBox.value = value;
     };
@@ -29810,15 +29919,15 @@ var init_ViewletLocationsEvents = __esm({
 // src/parts/ViewletLocations/ViewletLocations.js
 var ViewletLocations_exports = {};
 __export(ViewletLocations_exports, {
-  attachEvents: () => attachEvents11,
-  create: () => create56,
-  focus: () => focus8,
+  attachEvents: () => attachEvents12,
+  create: () => create57,
+  focus: () => focus9,
   handleError: () => handleError7,
   setFocusedIndex: () => setFocusedIndex3,
   setLocations: () => setLocations,
   setMessage: () => setMessage5
 });
-var create56, attachEvents11, create$Location, render$Location, render$Locations, setLocations, setMessage5, setFocusedIndex3, handleError7, focus8;
+var create57, attachEvents12, create$Location, render$Location, render$Locations, setLocations, setMessage5, setFocusedIndex3, handleError7, focus9;
 var init_ViewletLocations = __esm({
   "src/parts/ViewletLocations/ViewletLocations.js"() {
     "use strict";
@@ -29826,7 +29935,7 @@ var init_ViewletLocations = __esm({
     init_DomAttributeType();
     init_Focus();
     init_ViewletLocationsEvents();
-    create56 = () => {
+    create57 = () => {
       const $Message = document.createElement("div");
       $Message.className = "LocationsMessage";
       $Message.id = "LocationsMessage";
@@ -29846,7 +29955,7 @@ var init_ViewletLocations = __esm({
         $Locations
       };
     };
-    attachEvents11 = (state21) => {
+    attachEvents12 = (state21) => {
       const { $Locations } = state21;
       $Locations.onmousedown = handleLocationsMouseDown;
     };
@@ -29914,7 +30023,7 @@ var init_ViewletLocations = __esm({
       const { $Message } = state21;
       $Message.textContent = message;
     };
-    focus8 = (state21) => {
+    focus9 = (state21) => {
       const { $Locations } = state21;
       $Locations.classList.add("FocusOutline");
       $Locations.focus();
@@ -29926,9 +30035,9 @@ var init_ViewletLocations = __esm({
 // src/parts/ViewletImplementations/ViewletImplementations.js
 var ViewletImplementations_exports = {};
 __export(ViewletImplementations_exports, {
-  attachEvents: () => attachEvents11,
-  create: () => create56,
-  focus: () => focus8,
+  attachEvents: () => attachEvents12,
+  create: () => create57,
+  focus: () => focus9,
   handleError: () => handleError7,
   setFocusedIndex: () => setFocusedIndex3,
   setLocations: () => setLocations,
@@ -29984,6 +30093,7 @@ var init_ViewletKeyBindingsEvents = __esm({
     init_DomEventType();
     init_GetNodeIndex();
     init_ViewletKeyBindingsFunctions();
+    init_PointerEvents();
     init_VirtualListEvents();
     handleInput6 = (event) => {
       const { target } = event;
@@ -30025,16 +30135,11 @@ var init_ViewletKeyBindingsEvents = __esm({
     };
     handleResizerPointerUp = (event) => {
       const { target, pointerId } = event;
-      target.releasePointerCapture(pointerId);
-      target.removeEventListener(PointerMove, handleResizerPointerMove);
-      target.removeEventListener(PointerUp, handleResizerPointerUp);
+      stopTracking(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
     };
     handleResizerPointerDown = (event) => {
       const { target, pointerId, clientX } = event;
-      console.log({ target });
-      target.setPointerCapture(pointerId);
-      target.addEventListener(PointerMove, handleResizerPointerMove, Active);
-      target.addEventListener(PointerUp, handleResizerPointerUp);
+      startTracking(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
       const id = target.nextSibling ? 1 : 2;
       const uid = fromEvent(event);
       handleResizerClick(uid, id, clientX);
@@ -30063,15 +30168,15 @@ var init_ViewletKeyBindingsEvents = __esm({
 // src/parts/ViewletKeyBindings/ViewletKeyBindings.js
 var ViewletKeyBindings_exports = {};
 __export(ViewletKeyBindings_exports, {
-  attachEvents: () => attachEvents12,
-  create: () => create57,
+  attachEvents: () => attachEvents13,
+  create: () => create58,
   setColumnWidths: () => setColumnWidths,
   setScrollBar: () => setScrollBar2,
   setSize: () => setSize,
   setTableDom: () => setTableDom,
-  setValue: () => setValue2
+  setValue: () => setValue3
 });
-var UiStrings2, create57, attachEvents12, setTableDom, setValue2, setColumnWidths;
+var UiStrings2, create58, attachEvents13, setTableDom, setValue3, setColumnWidths;
 var init_ViewletKeyBindings = __esm({
   "src/parts/ViewletKeyBindings/ViewletKeyBindings.js"() {
     "use strict";
@@ -30088,7 +30193,7 @@ var init_ViewletKeyBindings = __esm({
       // TODO placeholder string should come from renderer worker
       ResultsWillUpdateAsYouType: "Results will update as you type"
     };
-    create57 = () => {
+    create58 = () => {
       const $InputBox = create4();
       $InputBox.type = Search4;
       $InputBox.placeholder = UiStrings2.SearchKeyBindings;
@@ -30122,7 +30227,7 @@ var init_ViewletKeyBindings = __esm({
         $Resizer2
       };
     };
-    attachEvents12 = (state21) => {
+    attachEvents13 = (state21) => {
       const { $Viewlet } = state21;
       $Viewlet.onpointerdown = handlePointerDown6;
       $Viewlet.ondblclick = handleTableDoubleClick;
@@ -30139,7 +30244,7 @@ var init_ViewletKeyBindings = __esm({
         $KeyBindingsTableWrapper.prepend($Root.firstChild);
       }
     };
-    setValue2 = (state21, value) => {
+    setValue3 = (state21, value) => {
       const { $InputBox } = state21;
       $InputBox.value = value;
     };
@@ -30155,14 +30260,14 @@ var init_ViewletKeyBindings = __esm({
 // src/parts/ViewletLayout/ViewletLayoutFunctions.js
 var ViewletLayoutFunctions_exports = {};
 __export(ViewletLayoutFunctions_exports, {
-  handleBlur: () => handleBlur8,
+  handleBlur: () => handleBlur10,
   handleFocus: () => handleFocus8,
   handleResize: () => handleResize,
   handleSashDoubleClick: () => handleSashDoubleClick,
   handleSashPointerDown: () => handleSashPointerDown,
   handleSashPointerMove: () => handleSashPointerMove
 });
-var handleSashPointerMove, handleSashPointerDown, handleSashDoubleClick, handleResize, handleFocus8, handleBlur8;
+var handleSashPointerMove, handleSashPointerDown, handleSashDoubleClick, handleResize, handleFocus8, handleBlur10;
 var init_ViewletLayoutFunctions = __esm({
   "src/parts/ViewletLayout/ViewletLayoutFunctions.js"() {
     "use strict";
@@ -30182,7 +30287,7 @@ var init_ViewletLayoutFunctions = __esm({
     handleFocus8 = () => {
       send("Layout.handleFocus");
     };
-    handleBlur8 = () => {
+    handleBlur10 = () => {
       send("Layout.handleBlur");
     };
   }
@@ -30191,9 +30296,9 @@ var init_ViewletLayoutFunctions = __esm({
 // src/parts/ViewletLayout/ViewletLayoutEvents.js
 var ViewletLayoutEvents_exports = {};
 __export(ViewletLayoutEvents_exports, {
-  handleBlur: () => handleBlur9,
+  handleBlur: () => handleBlur11,
   handleFocus: () => handleFocus9,
-  handleKeyDown: () => handleKeyDown3,
+  handleKeyDown: () => handleKeyDown5,
   handleKeyUp: () => handleKeyUp2,
   handlePointerCaptureLost: () => handlePointerCaptureLost4,
   handleResize: () => handleResize2,
@@ -30201,7 +30306,7 @@ __export(ViewletLayoutEvents_exports, {
   handleSashPointerDown: () => handleSashPointerDown2,
   handleSashPointerMove: () => handleSashPointerMove2
 });
-var getSashId, handleSashPointerMove2, handlePointerCaptureLost4, handleSashPointerDown2, handleSashDoubleClick2, handleResize2, handleFocus9, handleBlur9, handleKeyDown3, handleKeyUp2;
+var getSashId, handleSashPointerMove2, handlePointerCaptureLost4, handleSashPointerDown2, handleSashDoubleClick2, handleResize2, handleFocus9, handleBlur11, handleKeyDown5, handleKeyUp2;
 var init_ViewletLayoutEvents = __esm({
   "src/parts/ViewletLayout/ViewletLayoutEvents.js"() {
     "use strict";
@@ -30246,10 +30351,10 @@ var init_ViewletLayoutEvents = __esm({
     handleFocus9 = () => {
       handleFocus8();
     };
-    handleBlur9 = () => {
-      handleBlur8();
+    handleBlur11 = () => {
+      handleBlur10();
     };
-    handleKeyDown3 = handleKeyDown;
+    handleKeyDown5 = handleKeyDown;
     handleKeyUp2 = handleKeyUp;
   }
 });
@@ -30257,11 +30362,11 @@ var init_ViewletLayoutEvents = __esm({
 // src/parts/ViewletLayout/ViewletLayout.js
 var ViewletLayout_exports = {};
 __export(ViewletLayout_exports, {
-  attachEvents: () => attachEvents13,
-  create: () => create58,
+  attachEvents: () => attachEvents14,
+  create: () => create59,
   setSashes: () => setSashes
 });
-var create58, attachEvents13, setSashes;
+var create59, attachEvents14, setSashes;
 var init_ViewletLayout = __esm({
   "src/parts/ViewletLayout/ViewletLayout.js"() {
     "use strict";
@@ -30271,7 +30376,7 @@ var init_ViewletLayout = __esm({
     init_Platform();
     init_SetBounds();
     init_ViewletLayoutEvents();
-    create58 = () => {
+    create59 = () => {
       const $SashSideBar = document.createElement("div");
       $SashSideBar.className = "Viewlet SashVertical";
       $SashSideBar.id = "SashSideBar";
@@ -30291,7 +30396,7 @@ var init_ViewletLayout = __esm({
         $SashPanel
       };
     };
-    attachEvents13 = (state21) => {
+    attachEvents14 = (state21) => {
       const { $SashSideBar, $SashPanel } = state21;
       $SashSideBar.onpointerdown = handleSashPointerDown2;
       $SashSideBar.ondblclick = handleSashDoubleClick2;
@@ -30299,8 +30404,8 @@ var init_ViewletLayout = __esm({
       $SashPanel.ondblclick = handleSashDoubleClick2;
       window.addEventListener(Resize, handleResize2);
       window.addEventListener(Focus, handleFocus9);
-      window.addEventListener(Blur, handleBlur9);
-      window.addEventListener(KeyDown, handleKeyDown3);
+      window.addEventListener(Blur, handleBlur11);
+      window.addEventListener(KeyDown, handleKeyDown5);
       window.addEventListener(KeyUp, handleKeyUp2);
     };
     setSashes = (state21, sashSideBar, sashPanel) => {
@@ -30331,26 +30436,26 @@ var init_ViewletMainEvents = __esm({
 var ViewletMain_exports = {};
 __export(ViewletMain_exports, {
   addEditor: () => addEditor,
-  attachEvents: () => attachEvents14,
+  attachEvents: () => attachEvents15,
   closeAllViewlets: () => closeAllViewlets,
   closeViewletAndTab: () => closeViewletAndTab,
-  create: () => create59,
+  create: () => create60,
   dispose: () => dispose18,
-  focus: () => focus9,
+  focus: () => focus10,
   highlightDragOver: () => highlightDragOver,
   openEditor: () => openEditor,
   replaceEditor: () => replaceEditor,
   setDragOverlay: () => setDragOverlay,
   stopHighlightDragOver: () => stopHighlightDragOver
 });
-var create59, attachEvents14, dispose18, replaceEditor, addEditor, openEditor, closeAllViewlets, closeViewletAndTab, focus9, highlightDragOver, stopHighlightDragOver, create$DragOverlay, setDragOverlay;
+var create60, attachEvents15, dispose18, replaceEditor, addEditor, openEditor, closeAllViewlets, closeViewletAndTab, focus10, highlightDragOver, stopHighlightDragOver, create$DragOverlay, setDragOverlay;
 var init_ViewletMain = __esm({
   "src/parts/ViewletMain/ViewletMain.js"() {
     "use strict";
     init_AriaRoles();
     init_SetBounds();
     init_ViewletMainEvents();
-    create59 = () => {
+    create60 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.id = "Main";
       $Viewlet.className = "Viewlet Main";
@@ -30363,7 +30468,7 @@ var init_ViewletMain = __esm({
         $DragOverlay: void 0
       };
     };
-    attachEvents14 = (state21) => {
+    attachEvents15 = (state21) => {
       const { $Viewlet } = state21;
       $Viewlet.ondrop = handleDrop;
       $Viewlet.ondragover = handleDragOver2;
@@ -30389,7 +30494,7 @@ var init_ViewletMain = __esm({
       state21.$MainTabs.remove();
       state21.$MainTabs = void 0;
     };
-    focus9 = () => {
+    focus10 = () => {
     };
     highlightDragOver = (state21) => {
       const { $MainTabs } = state21;
@@ -30506,14 +30611,14 @@ var init_ViewletMainTabEvents = __esm({
 // src/parts/ViewletMainTabs/ViewletMainTabs.js
 var ViewletMainTabs_exports = {};
 __export(ViewletMainTabs_exports, {
-  attachEvents: () => attachEvents15,
-  create: () => create60,
+  attachEvents: () => attachEvents16,
+  create: () => create61,
   setFocusedIndex: () => setFocusedIndex4,
   setScrollBar: () => setScrollBar4,
   setScrollLeft: () => setScrollLeft,
   setTabsDom: () => setTabsDom
 });
-var ClassNames, create60, attachEvents15, setTabsDom, setScrollLeft, setScrollBar4, setFocusedIndex4;
+var ClassNames, create61, attachEvents16, setTabsDom, setScrollLeft, setScrollBar4, setFocusedIndex4;
 var init_ViewletMainTabs = __esm({
   "src/parts/ViewletMainTabs/ViewletMainTabs.js"() {
     "use strict";
@@ -30527,7 +30632,7 @@ var init_ViewletMainTabs = __esm({
       MainTabSelected: "MainTabSelected",
       Dirty: "Dirty"
     };
-    create60 = () => {
+    create61 = () => {
       const $MainTabs = document.createElement("div");
       $MainTabs.className = "Viewlet MainTabs";
       $MainTabs.role = TabList;
@@ -30536,7 +30641,7 @@ var init_ViewletMainTabs = __esm({
         $MainTabs
       };
     };
-    attachEvents15 = (state21) => {
+    attachEvents16 = (state21) => {
       const { $MainTabs } = state21;
       $MainTabs.onmousedown = handleTabsMouseDown;
       $MainTabs.oncontextmenu = handleTabsContextMenu;
@@ -30575,22 +30680,22 @@ var init_ViewletMainTabs = __esm({
 var ViewletOutput_exports = {};
 __export(ViewletOutput_exports, {
   clear: () => clear,
-  create: () => create61,
+  create: () => create62,
   dispose: () => dispose19,
   disposeFindWidget: () => disposeFindWidget,
-  focus: () => focus10,
+  focus: () => focus11,
   handleError: () => handleError8,
   openFindWidget: () => openFindWidget,
   setText: () => setText4
 });
-var create61, setText4, clear, handleError8, focus10, openFindWidget, disposeFindWidget, dispose19;
+var create62, setText4, clear, handleError8, focus11, openFindWidget, disposeFindWidget, dispose19;
 var init_ViewletOutput = __esm({
   "src/parts/ViewletOutput/ViewletOutput.js"() {
     "use strict";
     init_AriaRoles();
     init_Assert();
     init_Focus();
-    create61 = () => {
+    create62 = () => {
       const $ViewletOutputContent = document.createElement("div");
       $ViewletOutputContent.className = "OutputContent";
       $ViewletOutputContent.role = Log;
@@ -30622,7 +30727,7 @@ var init_ViewletOutput = __esm({
       string(error2);
       state21.content.textContent = error2;
     };
-    focus10 = (state21) => {
+    focus11 = (state21) => {
       object(state21);
       focus(state21.$ViewletOutputContent, "output");
     };
@@ -30705,15 +30810,15 @@ var init_ViewletPanelEvents = __esm({
 // src/parts/ViewletPanel/ViewletPanel.js
 var ViewletPanel_exports = {};
 __export(ViewletPanel_exports, {
-  attachEvents: () => attachEvents16,
-  create: () => create62,
+  attachEvents: () => attachEvents17,
+  create: () => create63,
   dispose: () => dispose20,
-  focus: () => focus11,
+  focus: () => focus12,
   setActions: () => setActions,
   setSelectedIndex: () => setSelectedIndex,
   setTabsDom: () => setTabsDom2
 });
-var UiStrings3, create62, attachEvents16, setTabsDom2, focus11, dispose20, setSelectedIndex, setActions;
+var UiStrings3, create63, attachEvents17, setTabsDom2, focus12, dispose20, setSelectedIndex, setActions;
 var init_ViewletPanel = __esm({
   "src/parts/ViewletPanel/ViewletPanel.js"() {
     "use strict";
@@ -30729,7 +30834,7 @@ var init_ViewletPanel = __esm({
       Close: "Close",
       Maximize: "Maximize"
     };
-    create62 = () => {
+    create63 = () => {
       const $PanelTabs = document.createElement("div");
       $PanelTabs.className = "PanelTabs";
       $PanelTabs.role = TabList;
@@ -30758,7 +30863,7 @@ var init_ViewletPanel = __esm({
         $ButtonMaximize
       };
     };
-    attachEvents16 = (state21) => {
+    attachEvents17 = (state21) => {
       const { $ButtonMaximize, $ButtonClose, $PanelHeader } = state21;
       $PanelHeader.onclick = handleHeaderClick;
       $ButtonMaximize.onclick = handleClickMaximize;
@@ -30768,7 +30873,7 @@ var init_ViewletPanel = __esm({
       const { $PanelTabs } = state21;
       renderInto($PanelTabs, dom);
     };
-    focus11 = (state21) => {
+    focus12 = (state21) => {
       object(state21);
       if (!state21.currentViewlet) {
         return;
@@ -30849,12 +30954,12 @@ var init_ViewletPdfEvents = __esm({
 // src/parts/ViewletPdf/ViewletPdf.js
 var ViewletPdf_exports = {};
 __export(ViewletPdf_exports, {
-  create: () => create63,
+  create: () => create64,
   setCanvas: () => setCanvas,
   setNumberOfPages: () => setNumberOfPages,
   setPageNumber: () => setPageNumber
 });
-var UiStrings4, create63, setCanvas, setNumberOfPages, setPageNumber;
+var UiStrings4, create64, setCanvas, setNumberOfPages, setPageNumber;
 var init_ViewletPdf = __esm({
   "src/parts/ViewletPdf/ViewletPdf.js"() {
     "use strict";
@@ -30871,7 +30976,7 @@ var init_ViewletPdf = __esm({
       ZoomOut: "Zoom out",
       Print: "Print"
     };
-    create63 = () => {
+    create64 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet Pdf";
       const $ButtonPreviousPage = create$Button(UiStrings4.Previous, ChevronUp);
@@ -30967,20 +31072,20 @@ var init_ViewletProblemsEvents = __esm({
 // src/parts/ViewletProblems/ViewletProblems.js
 var ViewletProblems_exports = {};
 __export(ViewletProblems_exports, {
-  attachEvents: () => attachEvents17,
-  create: () => create64,
-  focus: () => focus12,
+  attachEvents: () => attachEvents18,
+  create: () => create65,
+  focus: () => focus13,
   setFocusedIndex: () => setFocusedIndex5,
   setMessage: () => setMessage6,
   setProblems: () => setProblems
 });
-var create64, attachEvents17, setFocusedIndex5, setProblems, setMessage6, focus12;
+var create65, attachEvents18, setFocusedIndex5, setProblems, setMessage6, focus13;
 var init_ViewletProblems = __esm({
   "src/parts/ViewletProblems/ViewletProblems.js"() {
     "use strict";
     init_Assert();
     init_ViewletProblemsEvents();
-    create64 = () => {
+    create65 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet Problems";
       $Viewlet.tabIndex = 0;
@@ -30988,7 +31093,7 @@ var init_ViewletProblems = __esm({
         $Viewlet
       };
     };
-    attachEvents17 = (state21) => {
+    attachEvents18 = (state21) => {
       const { $Viewlet } = state21;
       $Viewlet.onpointerdown = handlePointerDown7;
     };
@@ -31007,7 +31112,7 @@ var init_ViewletProblems = __esm({
       const { $Viewlet } = state21;
       $Viewlet.textContent = message;
     };
-    focus12 = (state21) => {
+    focus13 = (state21) => {
       const { $Viewlet } = state21;
       $Viewlet.focus();
     };
@@ -31018,18 +31123,18 @@ var init_ViewletProblems = __esm({
 var ViewletQuickPickFunctions_exports = {};
 __export(ViewletQuickPickFunctions_exports, {
   handleBeforeInput: () => handleBeforeInput2,
-  handleBlur: () => handleBlur10,
+  handleBlur: () => handleBlur12,
   handleClickAt: () => handleClickAt3,
   handleInput: () => handleInput7
 });
-var handleClickAt3, handleInput7, handleBlur10, handleBeforeInput2;
+var handleClickAt3, handleInput7, handleBlur12, handleBeforeInput2;
 var init_ViewletQuickPickFunctions = __esm({
   "src/parts/ViewletQuickPick/ViewletQuickPickFunctions.js"() {
     "use strict";
     init_ForwardViewletCommand();
     handleClickAt3 = forwardViewletCommand("handleClickAt");
     handleInput7 = forwardViewletCommand("handleInput");
-    handleBlur10 = forwardViewletCommand("handleBlur");
+    handleBlur12 = forwardViewletCommand("handleBlur");
     handleBeforeInput2 = forwardViewletCommand("handleBeforeInput");
   }
 });
@@ -31038,12 +31143,12 @@ var init_ViewletQuickPickFunctions = __esm({
 var ViewletQuickPickEvents_exports = {};
 __export(ViewletQuickPickEvents_exports, {
   handleBeforeInput: () => handleBeforeInput3,
-  handleBlur: () => handleBlur11,
+  handleBlur: () => handleBlur13,
   handleInput: () => handleInput8,
   handlePointerDown: () => handlePointerDown8,
   handleWheel: () => handleWheel3
 });
-var handlePointerDown8, handleInput8, handleBlur11, handleBeforeInput3;
+var handlePointerDown8, handleInput8, handleBlur13, handleBeforeInput3;
 var init_ViewletQuickPickEvents = __esm({
   "src/parts/ViewletQuickPick/ViewletQuickPickEvents.js"() {
     "use strict";
@@ -31068,9 +31173,9 @@ var init_ViewletQuickPickEvents = __esm({
       const uid = fromEvent(event);
       handleInput7(uid, value);
     };
-    handleBlur11 = (event) => {
+    handleBlur13 = (event) => {
       const uid = fromEvent(event);
-      handleBlur10(uid);
+      handleBlur12(uid);
     };
     handleBeforeInput3 = (event) => {
       const { target, inputType, data } = event;
@@ -31084,20 +31189,20 @@ var init_ViewletQuickPickEvents = __esm({
 // src/parts/ViewletQuickPick/ViewletQuickPick.js
 var ViewletQuickPick_exports = {};
 __export(ViewletQuickPick_exports, {
-  attachEvents: () => attachEvents18,
-  create: () => create65,
+  attachEvents: () => attachEvents19,
+  create: () => create66,
   dispose: () => dispose21,
-  focus: () => focus13,
+  focus: () => focus14,
   hideStatus: () => hideStatus,
   noop: () => noop2,
   setCursorOffset: () => setCursorOffset,
   setFocusedIndex: () => setFocusedIndex6,
   setItemsDom: () => setItemsDom,
   setItemsHeight: () => setItemsHeight,
-  setValue: () => setValue3,
+  setValue: () => setValue4,
   showNoResults: () => showNoResults
 });
-var activeId3, Ids, setFocusedIndex6, focusElement, focus13, create65, attachEvents18, create$QuickPickStatus, hideStatus, showNoResults, dispose21, setValue3, setCursorOffset, setItemsHeight, setItemsDom, noop2;
+var activeId3, Ids, setFocusedIndex6, focusElement, focus14, create66, attachEvents19, create$QuickPickStatus, hideStatus, showNoResults, dispose21, setValue4, setCursorOffset, setItemsHeight, setItemsDom, noop2;
 var init_ViewletQuickPick = __esm({
   "src/parts/ViewletQuickPick/ViewletQuickPick.js"() {
     "use strict";
@@ -31139,12 +31244,12 @@ var init_ViewletQuickPick = __esm({
         $Element.focus();
       }
     };
-    focus13 = (state21) => {
+    focus14 = (state21) => {
       const { $QuickPickInput } = state21;
       focusElement($QuickPickInput);
       setFocus("quickPickInput");
     };
-    create65 = () => {
+    create66 = () => {
       const $QuickPickInput = create4();
       $QuickPickInput.setAttribute(AriaControls, Ids.QuickPickItems);
       $QuickPickInput.role = ComboBox;
@@ -31172,11 +31277,11 @@ var init_ViewletQuickPick = __esm({
         $QuickPickStatus: void 0
       };
     };
-    attachEvents18 = (state21) => {
+    attachEvents19 = (state21) => {
       const { $QuickPickItems, $QuickPickInput } = state21;
       $QuickPickItems.onpointerdown = handlePointerDown8;
       $QuickPickItems.addEventListener(Wheel, handleWheel3, Passive);
-      $QuickPickInput.onblur = handleBlur11;
+      $QuickPickInput.onblur = handleBlur13;
       $QuickPickInput.addEventListener(BeforeInput, handleBeforeInput3);
     };
     create$QuickPickStatus = () => {
@@ -31200,7 +31305,7 @@ var init_ViewletQuickPick = __esm({
       const { $QuickPickInput } = state21;
       $QuickPickInput.onblur = null;
     };
-    setValue3 = (state21, value) => {
+    setValue4 = (state21, value) => {
       const { $QuickPickInput } = state21;
       $QuickPickInput.value = value;
     };
@@ -31225,9 +31330,9 @@ var init_ViewletQuickPick = __esm({
 // src/parts/ViewletReferences/ViewletReferences.js
 var ViewletReferences_exports = {};
 __export(ViewletReferences_exports, {
-  attachEvents: () => attachEvents11,
-  create: () => create56,
-  focus: () => focus8,
+  attachEvents: () => attachEvents12,
+  create: () => create57,
+  focus: () => focus9,
   handleError: () => handleError7,
   setFocusedIndex: () => setFocusedIndex3,
   setLocations: () => setLocations,
@@ -31402,18 +31507,18 @@ var init_ViewletRunAndDebugEvents = __esm({
 // src/parts/ViewletRunAndDebug/ViewletRunAndDebug.js
 var ViewletRunAndDebug_exports = {};
 __export(ViewletRunAndDebug_exports, {
-  create: () => create66,
+  create: () => create67,
   setDom: () => setDom6,
   setPatches: () => setPatches
 });
-var create66, setDom6, setPatches;
+var create67, setDom6, setPatches;
 var init_ViewletRunAndDebug = __esm({
   "src/parts/ViewletRunAndDebug/ViewletRunAndDebug.js"() {
     "use strict";
     init_VirtualDom();
     init_ViewletRunAndDebugEvents();
     init_VirtualDomElementProps();
-    create66 = () => {
+    create67 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet RunAndDebug";
       $Viewlet.tabIndex = 0;
@@ -31468,16 +31573,16 @@ var init_ViewletScreenCaptureEvents = __esm({
 // src/parts/ViewletScreenCapture/ViewletScreenCapture.js
 var ViewletScreenCapture_exports = {};
 __export(ViewletScreenCapture_exports, {
-  create: () => create67,
+  create: () => create68,
   setScreenCapture: () => setScreenCapture
 });
-var create67, setScreenCapture;
+var create68, setScreenCapture;
 var init_ViewletScreenCapture = __esm({
   "src/parts/ViewletScreenCapture/ViewletScreenCapture.js"() {
     "use strict";
     init_ScreenCapture();
     init_ViewletScreenCaptureEvents();
-    create67 = () => {
+    create68 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet ScreenCapture";
       return {
@@ -31553,12 +31658,11 @@ var init_ViewletSearchEvents = __esm({
   "src/parts/ViewletSearch/ViewletSearchEvents.js"() {
     "use strict";
     init_ComponentUid();
-    init_DomEventOptions();
-    init_DomEventType();
     init_Focus();
     init_GetNodeIndex();
     init_InputSource();
     init_MouseEventType();
+    init_PointerEvents();
     init_ViewletSearchFunctions();
     init_ContextMenuEvents();
     init_VirtualListEvents();
@@ -31603,15 +31707,11 @@ var init_ViewletSearchEvents = __esm({
     };
     handleScrollBarPointerUp = (event) => {
       const { target, pointerId } = event;
-      target.releasePointerCapture(pointerId);
-      target.removeEventListener(PointerMove, handleScrollBarThumbPointerMove5);
-      target.removeEventListener(PointerUp, handleScrollBarPointerUp);
+      stopTracking(target, pointerId, handleScrollBarThumbPointerMove5, handleScrollBarPointerUp);
     };
     handleScrollBarPointerDown4 = (event) => {
       const { target, pointerId, clientY } = event;
-      target.setPointerCapture(pointerId);
-      target.addEventListener(PointerMove, handleScrollBarThumbPointerMove5, Active);
-      target.addEventListener(PointerUp, handleScrollBarPointerUp);
+      startTracking(target, pointerId, handleScrollBarThumbPointerMove5, handleScrollBarPointerUp);
       const uid = fromEvent(event);
       handleScrollBarClick3(uid, clientY);
     };
@@ -31663,19 +31763,19 @@ var init_ViewletSearchEvents = __esm({
 // src/parts/ViewletSearch/ViewletSearch.js
 var ViewletSearch_exports = {};
 __export(ViewletSearch_exports, {
-  attachEvents: () => attachEvents19,
-  create: () => create68,
+  attachEvents: () => attachEvents20,
+  create: () => create69,
   dispose: () => dispose22,
-  focus: () => focus14,
+  focus: () => focus15,
   refresh: () => refresh4,
   setButtonsChecked: () => setButtonsChecked,
   setDom: () => setDom7,
   setMessage: () => setMessage7,
   setReplaceExpanded: () => setReplaceExpanded,
   setScrollBar: () => setScrollBar2,
-  setValue: () => setValue4
+  setValue: () => setValue5
 });
-var UiStrings5, create$SearchFieldButton, create68, attachEvents19, refresh4, focus14, setDom7, setMessage7, setValue4, dispose22, create$ReplaceField, setReplaceExpanded, setButtonsChecked;
+var UiStrings5, create$SearchFieldButton, create69, attachEvents20, refresh4, focus15, setDom7, setMessage7, setValue5, dispose22, create$ReplaceField, setReplaceExpanded, setButtonsChecked;
 var init_ViewletSearch = __esm({
   "src/parts/ViewletSearch/ViewletSearch.js"() {
     "use strict";
@@ -31710,7 +31810,7 @@ var init_ViewletSearch = __esm({
       $Button.append($Icon);
       return $Button;
     };
-    create68 = () => {
+    create69 = () => {
       const $ViewletSearchInput = create26();
       $ViewletSearchInput.placeholder = "Search";
       $ViewletSearchInput.enterKeyHint = Search3;
@@ -31764,7 +31864,7 @@ var init_ViewletSearch = __esm({
         $ToggleButtonIcon
       };
     };
-    attachEvents19 = (state21) => {
+    attachEvents20 = (state21) => {
       const { $ViewletSearchInput, $ScrollBar, $SearchHeader, $List } = state21;
       $ViewletSearchInput.oninput = handleInput10;
       $ViewletSearchInput.onfocus = handleFocus10;
@@ -31779,7 +31879,7 @@ var init_ViewletSearch = __esm({
     refresh4 = (state21, context) => {
       object(state21);
     };
-    focus14 = (state21) => {
+    focus15 = (state21) => {
       object(state21);
       state21.$ViewletSearchInput.focus();
     };
@@ -31791,7 +31891,7 @@ var init_ViewletSearch = __esm({
       const { $SearchStatus } = state21;
       $SearchStatus.textContent = message;
     };
-    setValue4 = (state21, value) => {
+    setValue5 = (state21, value) => {
       const { $ViewletSearchInput } = state21;
       $ViewletSearchInput.value = value;
     };
@@ -31887,14 +31987,14 @@ var init_ViewletSideBarEvents = __esm({
 // src/parts/ViewletSideBar/ViewletSideBar.js
 var ViewletSideBar_exports = {};
 __export(ViewletSideBar_exports, {
-  attachEvents: () => attachEvents20,
-  create: () => create69,
+  attachEvents: () => attachEvents21,
+  create: () => create70,
   dispose: () => dispose23,
-  focus: () => focus15,
+  focus: () => focus16,
   setActions: () => setActions2,
   setTitle: () => setTitle
 });
-var create69, attachEvents20, dispose23, setTitle, setActions2, focus15;
+var create70, attachEvents21, dispose23, setTitle, setActions2, focus16;
 var init_ViewletSideBar = __esm({
   "src/parts/ViewletSideBar/ViewletSideBar.js"() {
     "use strict";
@@ -31903,7 +32003,7 @@ var init_ViewletSideBar = __esm({
     init_AriaRoles();
     init_Assert();
     init_ViewletSideBarEvents();
-    create69 = () => {
+    create70 = () => {
       const $SideBarTitleAreaTitle = document.createElement("h2");
       $SideBarTitleAreaTitle.className = "SideBarTitleAreaTitle";
       const $SideBarTitleArea = document.createElement("div");
@@ -31924,7 +32024,7 @@ var init_ViewletSideBar = __esm({
         $Actions: void 0
       };
     };
-    attachEvents20 = (state21) => {
+    attachEvents21 = (state21) => {
       const { $SideBarTitleArea } = state21;
       $SideBarTitleArea.onclick = handleHeaderClick3;
     };
@@ -31947,7 +32047,7 @@ var init_ViewletSideBar = __esm({
       }
       state21.$Actions = $NewActions;
     };
-    focus15 = async () => {
+    focus16 = async () => {
     };
   }
 });
@@ -31991,7 +32091,7 @@ var init_ViewletSimpleBrowserFunctions = __esm({
 // src/parts/ViewletSimpleBrowser/ViewletSimpleBrowserEvents.js
 var ViewletSimpleBrowserEvents_exports = {};
 __export(ViewletSimpleBrowserEvents_exports, {
-  handleBlur: () => handleBlur12,
+  handleBlur: () => handleBlur14,
   handleClickBackward: () => handleClickBackward,
   handleClickForward: () => handleClickForward,
   handleClickOpenExternal: () => handleClickOpenExternal,
@@ -31999,7 +32099,7 @@ __export(ViewletSimpleBrowserEvents_exports, {
   handleFocus: () => handleFocus11,
   handleInput: () => handleInput12
 });
-var handleInput12, handleFocus11, handleBlur12, handleClickForward, handleClickBackward, handleClickReload, handleClickOpenExternal;
+var handleInput12, handleFocus11, handleBlur14, handleClickForward, handleClickBackward, handleClickReload, handleClickOpenExternal;
 var init_ViewletSimpleBrowserEvents = __esm({
   "src/parts/ViewletSimpleBrowser/ViewletSimpleBrowserEvents.js"() {
     "use strict";
@@ -32017,7 +32117,7 @@ var init_ViewletSimpleBrowserEvents = __esm({
         target.select();
       });
     };
-    handleBlur12 = (event) => {
+    handleBlur14 = (event) => {
       const { target } = event;
       target.setSelectionRange(0, 0);
     };
@@ -32044,13 +32144,13 @@ var init_ViewletSimpleBrowserEvents = __esm({
 // src/parts/ViewletSimpleBrowser/ViewletSimpleBrowser.js
 var ViewletSimpleBrowser_exports = {};
 __export(ViewletSimpleBrowser_exports, {
-  create: () => create70,
+  create: () => create71,
   dispose: () => dispose24,
   setButtonsEnabled: () => setButtonsEnabled2,
   setIframeSrc: () => setIframeSrc,
   setLoading: () => setLoading
 });
-var UiStrings6, create70, setIframeSrc, setButtonsEnabled2, setLoading, dispose24;
+var UiStrings6, create71, setIframeSrc, setButtonsEnabled2, setLoading, dispose24;
 var init_ViewletSimpleBrowser = __esm({
   "src/parts/ViewletSimpleBrowser/ViewletSimpleBrowser.js"() {
     "use strict";
@@ -32068,7 +32168,7 @@ var init_ViewletSimpleBrowser = __esm({
       OpenExternal: "Open External",
       Cancel: "Cancel"
     };
-    create70 = () => {
+    create71 = () => {
       const $ButtonBack = create$Button(UiStrings6.Back, ArrowLeft);
       $ButtonBack.onclick = handleClickBackward;
       const $ButtonForward = create$Button(UiStrings6.Forward, ArrowRight);
@@ -32080,7 +32180,7 @@ var init_ViewletSimpleBrowser = __esm({
       $InputBox.enterKeyHint = Go;
       $InputBox.oninput = handleInput12;
       $InputBox.onfocus = handleFocus11;
-      $InputBox.onblur = handleBlur12;
+      $InputBox.onblur = handleBlur14;
       const $ButtonOpenExternal = create$Button(UiStrings6.OpenExternal, LinkExternal);
       $ButtonOpenExternal.onclick = handleClickOpenExternal;
       const $SimpleBrowserHeader = document.createElement("div");
@@ -32234,17 +32334,17 @@ var init_ViewletSourceControlEvents = __esm({
 // src/parts/ViewletSourceControl/ViewletSourceControl.js
 var ViewletSourceControl_exports = {};
 __export(ViewletSourceControl_exports, {
-  attachEvents: () => attachEvents21,
-  create: () => create71,
+  attachEvents: () => attachEvents22,
+  create: () => create72,
   dispose: () => dispose25,
-  focus: () => focus16,
+  focus: () => focus17,
   setChangedFiles: () => setChangedFiles,
   setError: () => setError2,
   setInputValue: () => setInputValue,
   setItemButtons: () => setItemButtons,
   setItemsDom: () => setItemsDom2
 });
-var create$ItemFile, create$ItemDirectory, create$Item, getPlaceHolderText, create71, attachEvents21, dispose25, setItemsDom2, setChangedFiles, setError2, setInputValue, focus16, create$Button2, isLabel, findLabel, isSourceControlButton, removeItemButtons, setItemButtons;
+var create$ItemFile, create$ItemDirectory, create$Item, getPlaceHolderText, create72, attachEvents22, dispose25, setItemsDom2, setChangedFiles, setError2, setInputValue, focus17, create$Button2, isLabel, findLabel, isSourceControlButton, removeItemButtons, setItemButtons;
 var init_ViewletSourceControl = __esm({
   "src/parts/ViewletSourceControl/ViewletSourceControl.js"() {
     "use strict";
@@ -32320,7 +32420,7 @@ var init_ViewletSourceControl = __esm({
     getPlaceHolderText = () => {
       return `Message (${lookupKeyBinding("scm.acceptInput")} to commit on 'master'`;
     };
-    create71 = () => {
+    create72 = () => {
       const $ViewSourceControlInput = create4();
       $ViewSourceControlInput.placeholder = getPlaceHolderText();
       $ViewSourceControlInput.ariaLabel = "Source Control Input";
@@ -32339,7 +32439,7 @@ var init_ViewletSourceControl = __esm({
         $ViewSourceControlInput
       };
     };
-    attachEvents21 = (state21) => {
+    attachEvents22 = (state21) => {
       const { $ViewletTree, $ViewSourceControlInput } = state21;
       $ViewSourceControlInput.onfocus = handleFocus12;
       $ViewSourceControlInput.oninput = handleInput14;
@@ -32374,7 +32474,7 @@ var init_ViewletSourceControl = __esm({
       const { $ViewSourceControlInput } = state21;
       $ViewSourceControlInput.value = value;
     };
-    focus16 = (state21) => {
+    focus17 = (state21) => {
       const { $ViewSourceControlInput } = state21;
       $ViewSourceControlInput.focus();
     };
@@ -32439,11 +32539,11 @@ var init_ViewletSourceControl = __esm({
 // src/parts/ViewletStatusBar/ViewletStatusBar.js
 var ViewletStatusBar_exports = {};
 __export(ViewletStatusBar_exports, {
-  create: () => create72,
-  focus: () => focus17,
+  create: () => create73,
+  focus: () => focus18,
   setItems: () => setItems
 });
-var getIconClassName, create$StatusBarItem, handleClick12, create72, clearNode2, setItems, focus17;
+var getIconClassName, create$StatusBarItem, handleClick12, create73, clearNode2, setItems, focus18;
 var init_ViewletStatusBar = __esm({
   "src/parts/ViewletStatusBar/ViewletStatusBar.js"() {
     "use strict";
@@ -32494,7 +32594,7 @@ var init_ViewletStatusBar = __esm({
       const command = Number.parseInt($Target.dataset.command, 10);
       send(command);
     };
-    create72 = (statusBarItemsLeft, statusBarItemsRight) => {
+    create73 = (statusBarItemsLeft, statusBarItemsRight) => {
       const $StatusBarItemsLeft = document.createElement("ul");
       $StatusBarItemsLeft.className = "StatusBarItemsLeft";
       const $StatusBarItemsRight = document.createElement("ul");
@@ -32528,7 +32628,7 @@ var init_ViewletStatusBar = __esm({
       $StatusBarItemsLeft.append(...statusBarItemsLeft.map(create$StatusBarItem));
       $StatusBarItemsRight.append(...statusBarItemsRight.map(create$StatusBarItem));
     };
-    focus17 = (state21) => {
+    focus18 = (state21) => {
       object(state21);
       state21.$StatusBar.focus();
     };
@@ -32570,24 +32670,24 @@ var init_ViewletStorageEvents = __esm({
 // src/parts/ViewletStorage/ViewletStorage.js
 var ViewletStorage_exports = {};
 __export(ViewletStorage_exports, {
-  attachEvents: () => attachEvents22,
-  create: () => create73,
+  attachEvents: () => attachEvents23,
+  create: () => create74,
   setDom: () => setDom8
 });
-var create73, attachEvents22, setDom8;
+var create74, attachEvents23, setDom8;
 var init_ViewletStorage = __esm({
   "src/parts/ViewletStorage/ViewletStorage.js"() {
     "use strict";
     init_VirtualDom();
     init_ViewletStorageEvents();
-    create73 = () => {
+    create74 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet Storage";
       return {
         $Viewlet
       };
     };
-    attachEvents22 = (state21) => {
+    attachEvents23 = (state21) => {
       const { $Viewlet } = state21;
       $Viewlet.onclick = handleClick14;
     };
@@ -32639,16 +32739,16 @@ var init_ViewletTerminalEvents = __esm({
 var ViewletTerminal_exports = {};
 __export(ViewletTerminal_exports, {
   Commands: () => Commands32,
-  create: () => create74,
+  create: () => create75,
   dispose: () => dispose26,
-  focus: () => focus18,
+  focus: () => focus19,
   reduce: () => reduce,
   reduceFocus: () => reduceFocus,
   reduceWrite: () => reduceWrite,
   refresh: () => refresh5,
   write: () => write2
 });
-var create74, refresh5, dispose26, focus18, reduceFocus, reduceWrite, reduce, write2, Commands32;
+var create75, refresh5, dispose26, focus19, reduceFocus, reduceWrite, reduce, write2, Commands32;
 var init_ViewletTerminal = __esm({
   "src/parts/ViewletTerminal/ViewletTerminal.js"() {
     "use strict";
@@ -32656,7 +32756,7 @@ var init_ViewletTerminal = __esm({
     init_Terminal();
     init_IsUint8Array();
     init_ViewletTerminalEvents();
-    create74 = () => {
+    create75 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet Terminal";
       const terminal = create31({
@@ -32676,7 +32776,7 @@ var init_ViewletTerminal = __esm({
     dispose26 = (state21) => {
       window.removeEventListener("resize", state21.handleUpdate);
     };
-    focus18 = (state21) => {
+    focus19 = (state21) => {
       object(state21);
       const { terminal } = state21;
       terminal.focus();
@@ -32748,16 +32848,16 @@ var init_ViewletTerminalsEvents = __esm({
 // src/parts/ViewletTerminals/ViewletTerminals.js
 var ViewletTerminals_exports = {};
 __export(ViewletTerminals_exports, {
-  create: () => create75,
+  create: () => create76,
   setTabsDom: () => setTabsDom3
 });
-var create75, setTabsDom3;
+var create76, setTabsDom3;
 var init_ViewletTerminals = __esm({
   "src/parts/ViewletTerminals/ViewletTerminals.js"() {
     "use strict";
     init_VirtualDom();
     init_ViewletTerminalsEvents();
-    create75 = () => {
+    create76 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet Terminals";
       return {
@@ -32800,17 +32900,17 @@ var init_ViewletTitleBarEvents = __esm({
 // src/parts/ViewletTitleBar/ViewletTitleBar.js
 var ViewletTitleBar_exports = {};
 __export(ViewletTitleBar_exports, {
-  attachEvents: () => attachEvents23,
-  create: () => create76,
+  attachEvents: () => attachEvents24,
+  create: () => create77,
   setFocused: () => setFocused3
 });
-var create76, attachEvents23, activeClassName, setFocused3;
+var create77, attachEvents24, activeClassName, setFocused3;
 var init_ViewletTitleBar = __esm({
   "src/parts/ViewletTitleBar/ViewletTitleBar.js"() {
     "use strict";
     init_AriaRoles();
     init_ViewletTitleBarEvents();
-    create76 = () => {
+    create77 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.id = "TitleBar";
       $Viewlet.className = "Viewlet TitleBar";
@@ -32821,7 +32921,7 @@ var init_ViewletTitleBar = __esm({
         $Viewlet
       };
     };
-    attachEvents23 = (state21) => {
+    attachEvents24 = (state21) => {
       const { $Viewlet } = state21;
       $Viewlet.oncontextmenu = handleContextMenu7;
     };
@@ -32879,17 +32979,17 @@ var init_ViewletTitleBarButtonsEvents = __esm({
 // src/parts/ViewletTitleBarButtons/ViewletTitleBarButtons.js
 var ViewletTitleBarButtons_exports = {};
 __export(ViewletTitleBarButtons_exports, {
-  attachEvents: () => attachEvents24,
-  create: () => create77,
+  attachEvents: () => attachEvents25,
+  create: () => create78,
   setDom: () => setDom9
 });
-var create77, attachEvents24, setDom9;
+var create78, attachEvents25, setDom9;
 var init_ViewletTitleBarButtons = __esm({
   "src/parts/ViewletTitleBarButtons/ViewletTitleBarButtons.js"() {
     "use strict";
     init_VirtualDom();
     init_ViewletTitleBarButtonsEvents();
-    create77 = () => {
+    create78 = () => {
       const $TitleBarButtons = document.createElement("div");
       $TitleBarButtons.className = "Viewlet TitleBarButtons";
       return {
@@ -32897,7 +32997,7 @@ var init_ViewletTitleBarButtons = __esm({
         $Viewlet: $TitleBarButtons
       };
     };
-    attachEvents24 = (state21) => {
+    attachEvents25 = (state21) => {
       const { $Viewlet } = state21;
       $Viewlet.onmousedown = handleTitleBarButtonsClick;
     };
@@ -32911,13 +33011,13 @@ var init_ViewletTitleBarButtons = __esm({
 // src/parts/ViewletTitleBarIcon/ViewletTitleBarIcon.js
 var ViewletTitleBarIcon_exports = {};
 __export(ViewletTitleBarIcon_exports, {
-  create: () => create78
+  create: () => create79
 });
-var create78;
+var create79;
 var init_ViewletTitleBarIcon = __esm({
   "src/parts/ViewletTitleBarIcon/ViewletTitleBarIcon.js"() {
     "use strict";
-    create78 = () => {
+    create79 = () => {
       const $Viewlet = document.createElement("div");
       $Viewlet.className = "Viewlet TitleBarIcon";
       return {
@@ -33038,17 +33138,17 @@ var init_ViewletTitleBarMenuBarEvents = __esm({
 // src/parts/ViewletTitleBarMenuBar/ViewletTitleBarMenuBar.js
 var ViewletTitleBarMenuBar_exports = {};
 __export(ViewletTitleBarMenuBar_exports, {
-  attachEvents: () => attachEvents25,
+  attachEvents: () => attachEvents26,
   closeMenu: () => closeMenu2,
-  create: () => create79,
+  create: () => create80,
   dispose: () => dispose27,
-  focus: () => focus19,
+  focus: () => focus20,
   openMenu: () => openMenu,
   setEntries: () => setEntries,
   setFocusedIndex: () => setFocusedIndex7,
   setMenus: () => setMenus
 });
-var activeId4, activeClassName2, create79, attachEvents25, dispose27, focus19, create$TopLevelEntry, setFocusedIndex7, openMenu, closeMenu2, setEntries, create$Menu2, setMenus;
+var activeId4, activeClassName2, create80, attachEvents26, dispose27, focus20, create$TopLevelEntry, setFocusedIndex7, openMenu, closeMenu2, setEntries, create$Menu2, setMenus;
 var init_ViewletTitleBarMenuBar = __esm({
   "src/parts/ViewletTitleBarMenuBar/ViewletTitleBarMenuBar.js"() {
     "use strict";
@@ -33066,7 +33166,7 @@ var init_ViewletTitleBarMenuBar = __esm({
     init_ViewletTitleBarMenuBarEvents();
     activeId4 = "TitleBarEntryActive";
     activeClassName2 = "TitleBarEntryActive";
-    create79 = () => {
+    create80 = () => {
       const $TitleBarMenuBar = document.createElement("div");
       $TitleBarMenuBar.id = "TitleBarMenuBar";
       $TitleBarMenuBar.className = "Viewlet TitleBarMenuBar";
@@ -33078,7 +33178,7 @@ var init_ViewletTitleBarMenuBar = __esm({
         $$Menus: []
       };
     };
-    attachEvents25 = (state21) => {
+    attachEvents26 = (state21) => {
       const { $TitleBarMenuBar } = state21;
       $TitleBarMenuBar.onmousedown = handleClick17;
       $TitleBarMenuBar.addEventListener(FocusOut, handleFocusOut2);
@@ -33088,7 +33188,7 @@ var init_ViewletTitleBarMenuBar = __esm({
     };
     dispose27 = (state21) => {
     };
-    focus19 = (state21) => {
+    focus20 = (state21) => {
       const { $TitleBarMenuBar } = state21;
       $TitleBarMenuBar.firstChild.focus();
     };
@@ -33315,17 +33415,17 @@ var init_ViewletVideoEvents = __esm({
 // src/parts/ViewletVideo/ViewletVideo.js
 var ViewletVideo_exports = {};
 __export(ViewletVideo_exports, {
-  attachEvents: () => attachEvents26,
-  create: () => create80,
+  attachEvents: () => attachEvents27,
+  create: () => create81,
   setSrc: () => setSrc3,
   setVideoErrorMessage: () => setVideoErrorMessage
 });
-var create80, attachEvents26, setSrc3, setVideoErrorMessage;
+var create81, attachEvents27, setSrc3, setVideoErrorMessage;
 var init_ViewletVideo = __esm({
   "src/parts/ViewletVideo/ViewletVideo.js"() {
     "use strict";
     init_ViewletVideoEvents();
-    create80 = () => {
+    create81 = () => {
       const $Video = document.createElement("video");
       $Video.className = "VideoVideo";
       $Video.controls = true;
@@ -33342,7 +33442,7 @@ var init_ViewletVideo = __esm({
         $VideoErrorMessage: void 0
       };
     };
-    attachEvents26 = (state21) => {
+    attachEvents27 = (state21) => {
       const { $Video } = state21;
       $Video.onerror = handleVideoError2;
     };
@@ -33362,98 +33462,6 @@ var init_ViewletVideo = __esm({
   }
 });
 
-// src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBindingFunctions.js
-var ViewletDefineKeyBindingFunctions_exports = {};
-__export(ViewletDefineKeyBindingFunctions_exports, {
-  handleBlur: () => handleBlur13,
-  handleKeyDown: () => handleKeyDown4
-});
-var handleKeyDown4, handleBlur13;
-var init_ViewletDefineKeyBindingFunctions = __esm({
-  "src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBindingFunctions.js"() {
-    "use strict";
-    init_ForwardViewletCommand();
-    handleKeyDown4 = forwardViewletCommand("handleKeyDown");
-    handleBlur13 = forwardViewletCommand("handleBlur");
-  }
-});
-
-// src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBindingEvents.js
-var ViewletDefineKeyBindingEvents_exports = {};
-__export(ViewletDefineKeyBindingEvents_exports, {
-  handleBlur: () => handleBlur14,
-  handleKeyDown: () => handleKeyDown5
-});
-var handleKeyDown5, handleBlur14;
-var init_ViewletDefineKeyBindingEvents = __esm({
-  "src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBindingEvents.js"() {
-    "use strict";
-    init_Event();
-    init_ViewletDefineKeyBindingFunctions();
-    init_ComponentUid();
-    handleKeyDown5 = (event) => {
-      preventDefault(event);
-      stopPropagation(event);
-      const uid = fromEvent(event);
-      const { key, altKey, ctrlKey, shiftKey, metaKey } = event;
-      handleKeyDown4(uid, key, altKey, ctrlKey, shiftKey, metaKey);
-    };
-    handleBlur14 = (event) => {
-      const uid = fromEvent(event);
-      handleBlur13(uid);
-    };
-  }
-});
-
-// src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBinding.js
-var ViewletDefineKeyBinding_exports = {};
-__export(ViewletDefineKeyBinding_exports, {
-  attachEvents: () => attachEvents27,
-  create: () => create81,
-  focus: () => focus20,
-  setValue: () => setValue5
-});
-var create81, attachEvents27, setValue5, focus20;
-var init_ViewletDefineKeyBinding = __esm({
-  "src/parts/ViewletDefineKeyBinding/ViewletDefineKeyBinding.js"() {
-    "use strict";
-    init_Assert();
-    init_InputBox();
-    init_ViewletDefineKeyBindingEvents();
-    create81 = () => {
-      const $Input = create4();
-      const $Heading = document.createElement("h3");
-      $Heading.className = "DefineKeyBindingHeading";
-      $Heading.textContent = "Press Desired Key Combination, Then Press Enter";
-      const $Content = document.createElement("div");
-      $Content.className = "DefineKeyBindingContent";
-      $Content.append($Heading, $Input);
-      const $Viewlet = document.createElement("div");
-      $Viewlet.className = "Viewlet DefineKeyBinding";
-      $Viewlet.append($Content);
-      return {
-        $Viewlet,
-        $Input
-      };
-    };
-    attachEvents27 = (state21) => {
-      const { $Input } = state21;
-      $Input.onkeydown = handleKeyDown5;
-      $Input.onblur = handleBlur14;
-    };
-    setValue5 = (state21, value) => {
-      object(state21);
-      string(value);
-      const { $Input } = state21;
-      $Input.value = value;
-    };
-    focus20 = (state21) => {
-      const { $Input } = state21;
-      $Input.focus();
-    };
-  }
-});
-
 // src/parts/ViewletModule/ViewletModule.js
 var ViewletModule_exports = {};
 __export(ViewletModule_exports, {
@@ -33480,6 +33488,8 @@ var init_ViewletModule = __esm({
           return Promise.resolve().then(() => (init_ViewletColorPicker(), ViewletColorPicker_exports));
         case DebugConsole:
           return Promise.resolve().then(() => (init_ViewletDebugConsole(), ViewletDebugConsole_exports));
+        case DefineKeyBinding:
+          return Promise.resolve().then(() => (init_ViewletDefineKeyBinding(), ViewletDefineKeyBinding_exports));
         case Dialog:
           return Promise.resolve().then(() => (init_ViewletDialog(), ViewletDialog_exports));
         case DiffEditor:
@@ -33562,8 +33572,6 @@ var init_ViewletModule = __esm({
           return Promise.resolve().then(() => (init_ViewletTitleBarMenuBar(), ViewletTitleBarMenuBar_exports));
         case Video:
           return Promise.resolve().then(() => (init_ViewletVideo(), ViewletVideo_exports));
-        case DefineKeyBinding:
-          return Promise.resolve().then(() => (init_ViewletDefineKeyBinding(), ViewletDefineKeyBinding_exports));
         default:
           throw new Error(`${moduleId} module not found in renderer process`);
       }
@@ -34296,6 +34304,7 @@ var init_ViewletSashEvents = __esm({
   "src/parts/ViewletSash/ViewletSashEvents.js"() {
     "use strict";
     init_DomEventType();
+    init_PointerEvents();
     init_ViewletSashFunctions();
     getSashId2 = ($Target) => {
       if ($Target.id === "SashPanel") {
@@ -34312,17 +34321,12 @@ var init_ViewletSashEvents = __esm({
     };
     handleSashPointerUp = (event) => {
       const { target, pointerId } = event;
-      target.releasePointerCapture(pointerId);
-      target.removeEventListener(PointerMove, handleSashPointerMove4);
-      target.removeEventListener(PointerUp, handleSashPointerUp);
+      stopTracking(target, pointerId, handleSashPointerMove4, handleSashPointerUp);
     };
     handleSashPointerDown4 = (event) => {
       const { target, pointerId } = event;
-      target.setPointerCapture(pointerId);
-      target.addEventListener(PointerMove, handleSashPointerMove4);
-      target.addEventListener(PointerUp, handleSashPointerUp);
-      const $Target = event.target;
-      const id = getSashId2($Target);
+      startTracking(target, pointerId, handleSashPointerMove4, handleSashPointerUp);
+      const id = getSashId2(target);
       handleSashPointerDown3(id);
     };
   }
@@ -34718,6 +34722,7 @@ var init_ = __esm({
       "../Performance/Performance.js": () => Promise.resolve().then(() => (init_Performance(), Performance_exports)),
       "../Platform/Platform.js": () => Promise.resolve().then(() => (init_Platform(), Platform_exports)),
       "../PlatformType/PlatformType.js": () => Promise.resolve().then(() => (init_PlatformType(), PlatformType_exports)),
+      "../PointerEvents/PointerEvents.js": () => Promise.resolve().then(() => (init_PointerEvents(), PointerEvents_exports)),
       "../PrettyError/PrettyError.js": () => Promise.resolve().then(() => (init_PrettyError(), PrettyError_exports)),
       "../Renderer/Renderer.js": () => Promise.resolve().then(() => (init_Renderer(), Renderer_exports)),
       "../Renderer/RendererExtension.js": () => Promise.resolve().then(() => (init_RendererExtension(), RendererExtension_exports)),
@@ -35051,6 +35056,8 @@ var init_Module = __esm({
           return Promise.resolve().then(() => (init_Layout_ipc(), Layout_ipc_exports));
         case Location:
           return Promise.resolve().then(() => (init_Location_ipc(), Location_ipc_exports));
+        case MeasureTextHeight:
+          return Promise.resolve().then(() => (init_MeasureTextHeight_ipc(), MeasureTextHeight_ipc_exports));
         case Meta:
           return Promise.resolve().then(() => (init_Meta_ipc(), Meta_ipc_exports));
         case Notification:
@@ -35079,8 +35086,6 @@ var init_Module = __esm({
           return Promise.resolve().then(() => (init_WebStorage_ipc(), WebStorage_ipc_exports));
         case Window:
           return Promise.resolve().then(() => (init_Window_ipc(), Window_ipc_exports));
-        case MeasureTextHeight:
-          return Promise.resolve().then(() => (init_MeasureTextHeight_ipc(), MeasureTextHeight_ipc_exports));
         default:
           throw new Error(`module ${moduleId} not found`);
       }