@lvce-editor/renderer-process 10.3.0 → 10.5.0

package/dist/rendererProcessMain.js

@@ -1210,119 +1210,6 @@ const load$2 = moduleId => {
   }
 };
 
-const Alert = 'alert';
-const Application = 'application';
-const Code = 'code';
-const Complementary = 'complementary';
-const ContentInfo = 'contentinfo';
-const Group = 'group';
-const List$1 = 'list';
-const ListBox = 'listbox';
-const Log = 'log';
-const Main$1 = 'main';
-const Menu = 'menu';
-const None$2 = 'none';
-const Status = 'status';
-const TabList = 'tablist';
-const TextBox = 'textbox';
-const ToolBar = 'toolbar';
-const Tree = 'tree';
-const ComboBox = 'combobox';
-
-const attachEvents$d = ($Node, eventMap) => {
-  for (const [key, value] of Object.entries(eventMap)) {
-    $Node.addEventListener(key, value);
-  }
-};
-
-const Passive = {
-  passive: true
-};
-const Active = {
-  passive: false
-};
-const Capture = {
-  capture: true
-};
-
-const BeforeInput = 'beforeinput';
-const Blur = 'blur';
-const Click = 'click';
-const CompositionEnd = 'compositionend';
-const CompositionStart = 'compositionstart';
-const CompositionUpdate = 'compositionupdate';
-const ContextMenu = 'contextmenu';
-const Cut = 'cut';
-const DoubleClick = 'dblclick';
-const DragEnd = 'dragend';
-const DragLeave = 'dragleave';
-const DragOver = 'dragover';
-const DragStart = 'dragstart';
-const Drop = 'drop';
-const Error$3 = 'error';
-const Focus = 'focus';
-const FocusIn = 'focusin';
-const FocusOut = 'focusout';
-const Input$1 = 'input';
-const KeyDown = 'keydown';
-const KeyUp = 'keyup';
-const LostPointerCapture = 'lostpointercapture';
-const MouseDown = 'mousedown';
-const MouseEnter = 'mouseenter';
-const MouseLeave = 'mouseleave';
-const MouseUp = 'mouseup';
-const Paste = 'paste';
-const PointerDown = 'pointerdown';
-const PointerMove = 'pointermove';
-const PointerUp = 'pointerup';
-const Resize = 'resize';
-const Scroll = 'scroll';
-const TouchEnd = 'touchend';
-const TouchMove = 'touchmove';
-const TouchStart = 'touchstart';
-const Wheel = 'wheel';
-
-const setBounds$7 = ($Element, x, y, width, height) => {
-  $Element.style.top = `${y}px`;
-  $Element.style.left = `${x}px`;
-  $Element.style.width = `${width}px`;
-  $Element.style.height = `${height}px`;
-};
-const setYAndHeight = ($Element, y, height) => {
-  if (!$Element) {
-    return;
-  }
-  $Element.style.translate = typeof y === 'string' ? y : `0 ${y}px`;
-  $Element.style.height = typeof height === 'string' ? height : `${height}px`;
-};
-const setXAndWidth = ($Element, x, width) => {
-  $Element.style.translate = `${x}px 0`;
-  $Element.style.width = `${width}px`;
-};
-const setTop = ($Element, top) => {
-  $Element.style.top = `${top}px`;
-};
-const setWidth = ($Element, width) => {
-  $Element.style.width = `${width}px`;
-};
-const setXAndY = ($Element, x, y) => {
-  $Element.style.left = `${x}px`;
-  $Element.style.top = `${y}px`;
-};
-
-/**
- *
- * @param {HTMLElement} $Element
- * @param {number} x
- * @param {number} y
- */
-const setXAndYTransform = ($Element, x, y) => {
-  $Element.style.translate = `${x}px ${y}px`;
-};
-const setHeight = ($Element, height) => {
-  $Element.style.height = `${height}px`;
-};
-
 // src/parts/ComponentUid/ComponentUid.ts
 var uidSymbol = Symbol("uid");
 var setComponentUid = ($Element, uid) => {
@@ -1380,7 +1267,7 @@ var H5 = "h5";
 var H6 = "h6";
 var I = "i";
 var Img = "img";
-var Input = "input";
+var Input$1 = "input";
 var Ins = "ins";
 var Kbd = "kbd";
 var Span = "span";
@@ -1506,7 +1393,7 @@ var getElementTag = type => {
     case Tr2:
       return Tr;
     case Input2:
-      return Input;
+      return Input$1;
     case ColGroup2:
       return ColGroup;
     case Col2:
@@ -1804,6 +1691,51 @@ var rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   return $Viewlet;
 };
 
+const set$5 = setComponentUid;
+const get$6 = getComponentUid;
+const fromEvent = getComponentUidFromEvent;
+
+const setBounds$7 = ($Element, x, y, width, height) => {
+  $Element.style.top = `${y}px`;
+  $Element.style.left = `${x}px`;
+  $Element.style.width = `${width}px`;
+  $Element.style.height = `${height}px`;
+};
+const setYAndHeight = ($Element, y, height) => {
+  if (!$Element) {
+    return;
+  }
+  $Element.style.translate = typeof y === 'string' ? y : `0 ${y}px`;
+  $Element.style.height = typeof height === 'string' ? height : `${height}px`;
+};
+const setXAndWidth = ($Element, x, width) => {
+  $Element.style.translate = `${x}px 0`;
+  $Element.style.width = `${width}px`;
+};
+const setTop = ($Element, top) => {
+  $Element.style.top = `${top}px`;
+};
+const setWidth = ($Element, width) => {
+  $Element.style.width = `${width}px`;
+};
+const setXAndY = ($Element, x, y) => {
+  $Element.style.left = `${x}px`;
+  $Element.style.top = `${y}px`;
+};
+
+/**
+ *
+ * @param {HTMLElement} $Element
+ * @param {number} x
+ * @param {number} y
+ */
+const setXAndYTransform = ($Element, x, y) => {
+  $Element.style.translate = `${x}px ${y}px`;
+};
+const setHeight = ($Element, height) => {
+  $Element.style.height = `${height}px`;
+};
+
 // TODO this file is not needed when all elements are position fixed
 const state$7 = {
   isInDom: false,
@@ -1850,9 +1782,193 @@ const remove$2 = $Element => {
   }
 };
 
-const set$5 = setComponentUid;
-const get$6 = getComponentUid;
-const fromEvent = getComponentUidFromEvent;
+const BeforeInput = 'beforeinput';
+const Blur = 'blur';
+const Click = 'click';
+const CompositionEnd = 'compositionend';
+const CompositionStart = 'compositionstart';
+const CompositionUpdate = 'compositionupdate';
+const ContextMenu = 'contextmenu';
+const Cut = 'cut';
+const DoubleClick = 'dblclick';
+const DragEnd = 'dragend';
+const DragLeave = 'dragleave';
+const DragOver = 'dragover';
+const DragStart = 'dragstart';
+const Drop = 'drop';
+const Error$3 = 'error';
+const Focus = 'focus';
+const FocusIn = 'focusin';
+const FocusOut = 'focusout';
+const Input = 'input';
+const KeyDown = 'keydown';
+const KeyUp = 'keyup';
+const LostPointerCapture = 'lostpointercapture';
+const MouseDown = 'mousedown';
+const MouseEnter = 'mouseenter';
+const MouseLeave = 'mouseleave';
+const MouseUp = 'mouseup';
+const Paste = 'paste';
+const PointerDown = 'pointerdown';
+const PointerMove = 'pointermove';
+const PointerUp = 'pointerup';
+const Resize = 'resize';
+const Scroll = 'scroll';
+const TouchEnd = 'touchend';
+const TouchMove = 'touchmove';
+const TouchStart = 'touchstart';
+const Wheel = 'wheel';
+
+const startTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
+  $Target.setPointerCapture(pointerId);
+  $Target.addEventListener(PointerMove, handlePointerMove);
+  // TODO use pointerlost event instead
+  $Target.addEventListener(PointerUp, handlePointerUp);
+};
+const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
+  $Target.releasePointerCapture(pointerId);
+  $Target.removeEventListener(PointerMove, handlePointerMove);
+  // TODO use pointerlost event instead
+  $Target.removeEventListener(PointerUp, handlePointerUp);
+};
+const create$L = (pointerDown, pointerMove, pointerUp) => {
+  const shared = (fn, event) => {
+    const message = fn(event);
+    if (!message || message.length === 0) {
+      return;
+    }
+    const uid = fromEvent(event);
+    send('Viewlet.executeViewletCommand', uid, ...message);
+  };
+  const handlePointerMove = event => {
+    shared(pointerMove, event);
+  };
+  const handlePointerUp = event => {
+    const {
+      target,
+      pointerId
+    } = event;
+    stopTracking$1(target, pointerId, handlePointerMove, handlePointerUp);
+    shared(pointerUp, event);
+  };
+  const handlePointerDown = event => {
+    const {
+      target,
+      pointerId
+    } = event;
+    startTracking$1(target, pointerId, handlePointerMove, handlePointerUp);
+    shared(pointerDown, event);
+    return [];
+  };
+  return handlePointerDown;
+};
+
+const handleOffset = 20;
+const handleSliderPointerDown = create$L(event => {
+  const {
+    clientX,
+    clientY
+  } = event;
+  return ['ColorPicker.handleSliderPointerDown', clientX - handleOffset, clientY];
+}, event => {
+  const {
+    clientX,
+    clientY
+  } = event;
+  return ['ColorPicker.handleSliderPointerMove', clientX - handleOffset, clientY];
+}, () => {
+  return [];
+});
+const handlePointerDown$7 = event => {
+  const {
+    target
+  } = event;
+  if (target.className === 'ColorPickerSliderThumb' || target.className === 'ColorPickerSlider') {
+    return handleSliderPointerDown(event);
+  }
+  return [];
+};
+const returnValue$a = true;
+
+const ViewletColorPickerEvents = {
+  __proto__: null,
+  handlePointerDown: handlePointerDown$7,
+  returnValue: returnValue$a
+};
+
+const setColor = (state, color) => {
+  const {
+    $Viewlet
+  } = state;
+  $Viewlet.style.setProperty('--ColorPickerColor', color);
+};
+const setOffsetX = (state, offsetX) => {
+  const {
+    $Viewlet
+  } = state;
+  const $ColorPickerSliderThumb = $Viewlet.querySelector('.ColorPickerSliderThumb');
+  setXAndYTransform($ColorPickerSliderThumb, offsetX, 0);
+  applyUidWorkaround($Viewlet);
+};
+const applyUidWorkaround = element => {
+  // TODO editor widget uids are not available in renderer worker
+  // TODO send editor events directly to editor worker
+  const editor = document.querySelector('.Viewlet.Editor');
+  if (!editor) {
+    throw new Error('no editor found');
+  }
+  const editorUid = get$6(editor);
+  set$5(element, editorUid);
+};
+const appendWidget$1 = state => {
+  const {
+    $Viewlet
+  } = state;
+  append$1($Viewlet);
+};
+
+const ViewletColorPicker = {
+  __proto__: null,
+  Events: ViewletColorPickerEvents,
+  appendWidget: appendWidget$1,
+  setColor,
+  setOffsetX
+};
+
+const Alert = 'alert';
+const Application = 'application';
+const Code = 'code';
+const Complementary = 'complementary';
+const ContentInfo = 'contentinfo';
+const Group = 'group';
+const List$1 = 'list';
+const ListBox = 'listbox';
+const Log = 'log';
+const Main$1 = 'main';
+const Menu = 'menu';
+const None$2 = 'none';
+const Status = 'status';
+const TabList = 'tablist';
+const TextBox = 'textbox';
+const ToolBar = 'toolbar';
+const Tree = 'tree';
+const ComboBox = 'combobox';
+
+const attachEvents$d = ($Node, eventMap) => {
+  for (const [key, value] of Object.entries(eventMap)) {
+    $Node.addEventListener(key, value);
+  }
+};
+
+const Passive = {
+  passive: true
+};
+const Active = {
+  passive: false
+};
+const Capture = {
+  capture: true
+};
 
 /**
  * @param {Event} event
@@ -1868,13 +1984,13 @@ const stopPropagation = event => {
   event.stopPropagation();
 };
 
-const startTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
+const startTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
   $Target.setPointerCapture(pointerId);
   $Target.addEventListener(PointerMove, handlePointerMove);
   // TODO use pointerlost event instead
   $Target.addEventListener(PointerUp, handlePointerUp);
 };
-const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
+const stopTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
   $Target.releasePointerCapture(pointerId);
   $Target.removeEventListener(PointerMove, handlePointerMove);
   // TODO use pointerlost event instead
@@ -2013,7 +2129,7 @@ forwardViewletCommand('handleMouseMove');
 const handleMouseOut$1 = forwardViewletCommand('handleMouseOut');
 const handleMouseOver$1 = forwardViewletCommand('handleMouseOver');
 forwardViewletCommand('handlePointerCaptureLost');
-const handlePointerDown$7 = forwardViewletCommand('handlePointerDown');
+const handlePointerDown$6 = forwardViewletCommand('handlePointerDown');
 const handlePointerMove$1 = forwardViewletCommand('handlePointerMove');
 forwardViewletCommand('handlePointerOver');
 const handlePointerUp$1 = forwardViewletCommand('handlePointerUp');
@@ -2086,7 +2202,7 @@ const handlePointerCaptureLost$2 = event => {
     target,
     pointerId
   } = event;
-  stopTracking$1(target, pointerId, handleScrollBarThumbPointerMove$2, handlePointerCaptureLost$2);
+  stopTracking(target, pointerId, handleScrollBarThumbPointerMove$2, handlePointerCaptureLost$2);
 };
 const handleScrollBarPointerDown$4 = event => {
   preventDefault(event);
@@ -2095,7 +2211,7 @@ const handleScrollBarPointerDown$4 = event => {
     pointerId,
     clientY
   } = event;
-  startTracking$1(target, pointerId, handleScrollBarThumbPointerMove$2, handlePointerCaptureLost$2);
+  startTracking(target, pointerId, handleScrollBarThumbPointerMove$2, handlePointerCaptureLost$2);
   const uid = fromEvent(event);
   handleScrollBarClick(uid, clientY);
 };
@@ -2157,7 +2273,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$L = () => {
+const create$K = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -2240,7 +2356,7 @@ const setBounds$6 = (state, x, y, width, height) => {
 const ViewletEditorCompletion = {
   __proto__: null,
   attachEvents: attachEvents$c,
-  create: create$L,
+  create: create$K,
   dispose: dispose$k,
   handleError: handleError$8,
   setBounds: setBounds$6,
@@ -2252,7 +2368,18 @@ const ViewletEditorCompletion = {
   showLoading
 };
 
-const create$K = () => {
+const handleClose = () => {
+  return ['closeDetails'];
+};
+const returnValue$9 = true;
+
+const ViewletEditorCompletionDetailsEvents = {
+  __proto__: null,
+  handleClose,
+  returnValue: returnValue$9
+};
+
+const create$J = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorCompletionDetails';
   $Viewlet.id = 'CompletionsDetails';
@@ -2272,6 +2399,12 @@ const setDom$a = (state, dom) => {
   $Viewlet.replaceChildren(...$Root.firstChild.childNodes);
   append$1($Viewlet);
 };
+const appendWidget = state => {
+  const {
+    $Viewlet
+  } = state;
+  append$1($Viewlet);
+};
 const dispose$j = state => {
   remove$2(state.$Viewlet);
 };
@@ -2284,8 +2417,10 @@ const setBounds$5 = (state, x, y, width, height) => {
 
 const ViewletEditorCompletionDetails = {
   __proto__: null,
+  Events: ViewletEditorCompletionDetailsEvents,
+  appendWidget,
   attachEvents: attachEvents$b,
-  create: create$K,
+  create: create$J,
   dispose: dispose$j,
   setBounds: setBounds$5,
   setDom: setDom$a
@@ -2692,6 +2827,7 @@ const main = async () => {
   enable(window);
   state$6.modules[EditorCompletion] = ViewletEditorCompletion;
   state$6.modules[EditorCompletionDetails] = ViewletEditorCompletionDetails;
+  state$6.modules[ColorPicker] = ViewletColorPicker;
   setLoad(load$2);
   // TODO this is discovered very late
   await launchWorkers();
@@ -2785,7 +2921,7 @@ ${relevant}`;
 
 const Module = 'module';
 
-const create$J = async ({
+const create$I = async ({
   url,
   name
 }) => {
@@ -2851,7 +2987,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker = {
   __proto__: null,
-  create: create$J,
+  create: create$I,
   wrap
 };
 
@@ -2859,7 +2995,7 @@ const isMessagePort$1 = value => {
   return value instanceof MessagePort;
 };
 
-const create$I = async ({
+const create$H = async ({
   url
 }) => {
   string(url);
@@ -2880,10 +3016,10 @@ const create$I = async ({
 
 const IpcParentWithMessagePort = {
   __proto__: null,
-  create: create$I
+  create: create$H
 };
 
-const create$H = async url => {
+const create$G = async url => {
   const referencePort = await new Promise(resolve => {
     globalThis.acceptReferencePort = resolve;
     import(url);
@@ -2894,7 +3030,7 @@ const create$H = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$H
+  create: create$G
 };
 
 const isWorker = value => {
@@ -2902,12 +3038,12 @@ const isWorker = value => {
 };
 
 // TODO add test
-const create$G = async ({
+const create$F = async ({
   url,
   name,
   port
 }) => {
-  const worker = await create$J({
+  const worker = await create$I({
     url,
     name
   });
@@ -2926,7 +3062,7 @@ const create$G = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$G
+  create: create$F
 };
 
 const handleIpcOnce = ipc => {
@@ -3457,7 +3593,7 @@ const IpcChildWithMessagePort$1 = {
 };
 
 // TODO use handleIncomingIpc function
-const create$F = async ({
+const create$E = async ({
   port,
   ipcId
 }) => {
@@ -3473,7 +3609,7 @@ const create$F = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$F
+  create: create$E
 };
 
 const play = async src => {
@@ -3704,7 +3840,7 @@ const AriaAlert = {
 // but that's difficult to know
 
 // TODO hide widget after timeout or mousemove
-const create$E = (message, x, y) => {
+const create$D = (message, x, y) => {
   const $EditorError = document.createElement('div');
   $EditorError.className = 'EditorWidgetError';
   $EditorError.textContent = message;
@@ -3719,7 +3855,7 @@ const create$E = (message, x, y) => {
 
 const name$t = 'EditorError';
 const Commands$u = {
-  create: create$E
+  create: create$D
 };
 
 const EditorError_ipc = {
@@ -3759,7 +3895,7 @@ const focusPrevious = () => {
   }
 };
 
-const create$D = () => {
+const create$C = () => {
   const $InputBox = document.createElement('input');
   $InputBox.className = 'InputBox';
   $InputBox.spellcheck = false;
@@ -3783,8 +3919,8 @@ const FocusOutput = 28;
 const handleBlur$9 = () => {
   send(/* EditorRename.abort */'EditorRename.abort');
 };
-const create$C = (x, y) => {
-  const $RenameWidgetInputBox = create$D();
+const create$B = (x, y) => {
+  const $RenameWidgetInputBox = create$C();
   $RenameWidgetInputBox.className = 'RenameWidgetInputBox';
   $RenameWidgetInputBox.onblur = handleBlur$9;
   const $RenameWidget = document.createElement('div');
@@ -3815,7 +3951,7 @@ const finish = state => {
 
 const name$s = 'EditorRename';
 const Commands$t = {
-  create: create$C,
+  create: create$B,
   dispose: dispose$i,
   finish: finish
 };
@@ -3901,7 +4037,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$B = (uri, top, left) => {
+const create$A = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -3932,7 +4068,7 @@ const dispose$h = state => {
 
 const ImagePreview = {
   __proto__: null,
-  create: create$B,
+  create: create$A,
   dispose: dispose$h,
   showError,
   update
@@ -3940,7 +4076,7 @@ const ImagePreview = {
 
 const name$p = 'ImagePreview';
 const Commands$q = {
-  create: create$B,
+  create: create$A,
   dispose: dispose$h,
   showError: showError,
   update: update
@@ -4138,7 +4274,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$A = (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);
@@ -4191,7 +4327,7 @@ const name$h = 'Notification';
 
 // prettier-ignore
 const Commands$i = {
-  create: create$A,
+  create: create$z,
   createWithOptions: createWithOptions,
   dispose: dispose$g
 };
@@ -4215,7 +4351,7 @@ const set$3 = (canvasId, canvas) => {
 const get$3 = id => {
   return get$4(id);
 };
-const create$z = async (canvasId, objectId) => {
+const create$y = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$3(canvasId, canvas);
@@ -4226,7 +4362,7 @@ const name$g = 'OffscreenCanvas';
 
 // prettier-ignore
 const Commands$h = {
-  create: create$z
+  create: create$y
 };
 
 const OffscreenCanvas_ipc = {
@@ -5396,7 +5532,7 @@ const load$1 = moduleId => {
   }
 };
 
-const create$y = (id, uid = id) => {
+const create$x = (id, uid = id) => {
   const module = state$6.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
@@ -5563,7 +5699,7 @@ const sendMultiple = commands => {
         }
       case 'Viewlet.create':
         {
-          create$y(viewletId, method);
+          create$x(viewletId, method);
           break;
         }
       case 'Viewlet.createFunctionalRoot':
@@ -5758,7 +5894,7 @@ const appendToBody = childId => {
 const getFn = command => {
   switch (command) {
     case 'Viewlet.create':
-      return create$y;
+      return create$x;
     case 'Viewlet.send':
       return invoke;
     case 'Viewlet.show':
@@ -6104,7 +6240,7 @@ const waitForFrameToLoad = $Frame => {
 };
 
 // TODO could use browser view when running in electron
-const create$x = 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);
@@ -6146,7 +6282,7 @@ const dispose$d = uid => {
 
 const name = 'WebView';
 const Commands$1 = {
-  create: create$x,
+  create: create$w,
   load: load,
   setPort: setPort$2,
   dispose: dispose$d
@@ -6209,7 +6345,7 @@ const handleContextMenu$b = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const returnValue$9 = true;
+const returnValue$8 = true;
 
 const ViewletActivityBarEvents = {
   __proto__: null,
@@ -6217,7 +6353,7 @@ const ViewletActivityBarEvents = {
   handleContextMenu: handleContextMenu$b,
   handleFocus: handleFocus$b,
   handleMouseDown: handleMouseDown$2,
-  returnValue: returnValue$9
+  returnValue: returnValue$8
 };
 
 const Events$a = ViewletActivityBarEvents;
@@ -6254,7 +6390,7 @@ const ViewletAudio = {
   Events: Events$9
 };
 
-const create$w = () => {
+const create$v = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet BrowserViewOverview';
   return {
@@ -6270,11 +6406,11 @@ const setDom$8 = (state, dom) => {
 
 const ViewletBrowserViewOverview = {
   __proto__: null,
-  create: create$w,
+  create: create$v,
   setDom: setDom$8
 };
 
-const create$v = () => {
+const create$u = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
@@ -6291,110 +6427,12 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$v,
+  create: create$u,
   dispose: dispose$c,
   refresh: refresh$3,
   setTime
 };
 
-const startTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
-  $Target.setPointerCapture(pointerId);
-  $Target.addEventListener(PointerMove, handlePointerMove);
-  // TODO use pointerlost event instead
-  $Target.addEventListener(PointerUp, handlePointerUp);
-};
-const stopTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) => {
-  $Target.releasePointerCapture(pointerId);
-  $Target.removeEventListener(PointerMove, handlePointerMove);
-  // TODO use pointerlost event instead
-  $Target.removeEventListener(PointerUp, handlePointerUp);
-};
-const create$u = (pointerDown, pointerMove, pointerUp) => {
-  const shared = (fn, event) => {
-    const message = fn(event);
-    if (!message || message.length === 0) {
-      return;
-    }
-    const uid = fromEvent(event);
-    send('Viewlet.executeViewletCommand', uid, ...message);
-  };
-  const handlePointerMove = event => {
-    shared(pointerMove, event);
-  };
-  const handlePointerUp = event => {
-    const {
-      target,
-      pointerId
-    } = event;
-    stopTracking(target, pointerId, handlePointerMove, handlePointerUp);
-    shared(pointerUp, event);
-  };
-  const handlePointerDown = event => {
-    const {
-      target,
-      pointerId
-    } = event;
-    startTracking(target, pointerId, handlePointerMove, handlePointerUp);
-    shared(pointerDown, event);
-    return [];
-  };
-  return handlePointerDown;
-};
-
-const handleOffset = 20;
-const handleSliderPointerDown = create$u(event => {
-  const {
-    clientX,
-    clientY
-  } = event;
-  return ['handleSliderPointerDown', clientX - handleOffset, clientY];
-}, event => {
-  const {
-    clientX,
-    clientY
-  } = event;
-  return ['handleSliderPointerMove', clientX - handleOffset, clientY];
-}, () => {
-  return [];
-});
-const handlePointerDown$6 = event => {
-  const {
-    target
-  } = event;
-  if (target.className === 'ColorPickerSliderThumb' || target.className === 'ColorPickerSlider') {
-    return handleSliderPointerDown(event);
-  }
-  return [];
-};
-const returnValue$8 = true;
-
-const ViewletColorPickerEvents = {
-  __proto__: null,
-  handlePointerDown: handlePointerDown$6,
-  returnValue: returnValue$8
-};
-
-const setColor = (state, color) => {
-  const {
-    $Viewlet
-  } = state;
-  $Viewlet.style.setProperty('--ColorPickerColor', color);
-};
-const setOffsetX = (state, offsetX) => {
-  const {
-    $Viewlet
-  } = state;
-  const $ColorPickerSliderThumb = $Viewlet.querySelector('.ColorPickerSliderThumb');
-  setXAndYTransform($ColorPickerSliderThumb, offsetX, 0);
-};
-
-const ViewletColorPicker = {
-  __proto__: null,
-  Events: ViewletColorPickerEvents,
-  setColor,
-  setOffsetX
-};
-
 const handleInput$7 = event => {
   const uid = fromEvent(event);
   const {
@@ -6671,7 +6709,7 @@ const ViewletEditorError = {
 };
 
 const returnValue$7 = true;
-const handleSashPointerDown$2 = create$u(event => {
+const handleSashPointerDown$2 = create$L(event => {
   const {
     clientX,
     clientY
@@ -6770,7 +6808,7 @@ const handlePointerDown$5 = event => {
   target.addEventListener(PointerUp, handlePointerUp);
   target.addEventListener(LostPointerCapture, handlePointerCaptureLost$1);
   const uid = fromEvent(event);
-  handlePointerDown$7(uid, pointerId, clientX, clientY);
+  handlePointerDown$6(uid, pointerId, clientX, clientY);
 };
 
 /**
@@ -7135,7 +7173,7 @@ const handlePaste = event => {
   const text = getText(clipboardData);
   return ['paste', text];
 };
-const handleScrollBarVerticalPointerDown = create$u(event => {
+const handleScrollBarVerticalPointerDown = create$L(event => {
   const {
     clientY
   } = event;
@@ -7169,7 +7207,7 @@ const handleScrollBarHorizontalPointerUp = event => {
     target,
     pointerId
   } = event;
-  stopTracking$1(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
+  stopTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
   return [];
 };
 
@@ -7183,7 +7221,7 @@ const handleScrollBarHorizontalPointerDown = event => {
     pointerId,
     clientX
   } = event;
-  startTracking$1(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
+  startTracking(target, pointerId, handleScrollBarThumbHorizontalPointerMove, handleScrollBarHorizontalPointerUp);
   return ['handleScrollBarHorizontalPointerDown', clientX];
 };
 const handleScrollBarContextMenu = event => {
@@ -7660,9 +7698,6 @@ const handleDrop = event => {
     files
   } = dataTransfer;
   const uid = fromEvent(event);
-  console.log({
-    files
-  });
   if (files.length > 0) {
     return handleDropFiles(uid, clientX, clientY, files);
   }
@@ -7713,7 +7748,7 @@ const handlePointerDown$4 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handlePointerDown$7(uid, button, clientX, clientY);
+  handlePointerDown$6(uid, button, clientX, clientY);
 };
 const handleMouseEnter = event => {
   // const $Target = event.target
@@ -7890,7 +7925,7 @@ const handleScrollBarPointerCaptureLost = event => {
     target,
     pointerId
   } = event;
-  stopTracking$1(target, pointerId, handleScrollBarThumbPointerMove$1, handleScrollBarPointerCaptureLost);
+  stopTracking(target, pointerId, handleScrollBarThumbPointerMove$1, handleScrollBarPointerCaptureLost);
   const uid = fromEvent(event);
   handleScrollBarCaptureLost(uid);
 };
@@ -7900,7 +7935,7 @@ const handleScrollBarPointerDown$2 = event => {
     pointerId,
     clientY
   } = event;
-  startTracking$1(target, pointerId, handleScrollBarThumbPointerMove$1, handleScrollBarPointerCaptureLost);
+  startTracking(target, pointerId, handleScrollBarThumbPointerMove$1, handleScrollBarPointerCaptureLost);
   const uid = fromEvent(event);
   handleScrollBarClick(uid, clientY);
 };
@@ -8014,7 +8049,7 @@ const attachEvents$8 = state => {
     $ListItems,
     $ScrollBar
   } = state;
-  $ExtensionHeader.addEventListener(Input$1, handleInput$6, Capture);
+  $ExtensionHeader.addEventListener(Input, handleInput$6, Capture);
   // @ts-expect-error
   $ExtensionHeader.addEventListener(Click, undefined);
   attachEvents$d($ListItems, {
@@ -8342,7 +8377,7 @@ const handleResizerPointerUp = event => {
     target,
     pointerId
   } = event;
-  stopTracking$1(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
+  stopTracking(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
 };
 const handleResizerPointerDown = event => {
   const {
@@ -8350,7 +8385,7 @@ const handleResizerPointerDown = event => {
     pointerId,
     clientX
   } = event;
-  startTracking$1(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
+  startTracking(target, pointerId, handleResizerPointerMove, handleResizerPointerUp);
   const id = target.nextSibling ? 1 : 2;
   const uid = fromEvent(event);
   handleResizerClick(uid, id, clientX);
@@ -8872,7 +8907,7 @@ const handlePointerCaptureLost = event => {
     target,
     pointerId
   } = event;
-  stopTracking$1(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
+  stopTracking(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
   const id = getSashId(target);
   handleSashPointerUp(id);
 };
@@ -8881,7 +8916,7 @@ const handleSashPointerDown = event => {
     target,
     pointerId
   } = event;
-  startTracking$1(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
+  startTracking(target, pointerId, handleSashPointerMove, handlePointerCaptureLost);
   const id = getSashId(target);
   handleSashPointerDown$1(id);
 };
@@ -9607,7 +9642,7 @@ const focus$6 = state => {
 // - for nvda ariaRoleDescription works better
 
 const create$a = () => {
-  const $QuickPickInput = create$D();
+  const $QuickPickInput = create$C();
   $QuickPickInput.setAttribute(AriaControls, Ids.QuickPickItems); // TODO use idl once supported
   $QuickPickInput.role = ComboBox;
   $QuickPickInput.ariaLabel = 'Type the name of a command to run.';
@@ -9950,7 +9985,7 @@ const handleScrollBarPointerUp = event => {
     target,
     pointerId
   } = event;
-  stopTracking$1(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerUp);
+  stopTracking(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerUp);
 };
 const handleScrollBarPointerDown$1 = event => {
   const {
@@ -9958,7 +9993,7 @@ const handleScrollBarPointerDown$1 = event => {
     pointerId,
     clientY
   } = event;
-  startTracking$1(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerUp);
+  startTracking(target, pointerId, handleScrollBarThumbPointerMove, handleScrollBarPointerUp);
   return ['handleScrollBarClick', clientY];
 };
 const handleToggleButtonClick = event => {
@@ -11300,9 +11335,6 @@ const setIframe$2 = (state, src, sandbox = []) => {
   }
   $Iframe.className = 'E2eTestsIframe';
   $Iframe.src = src;
-  console.log({
-    src
-  });
   $Iframe.addEventListener('load', handleLoad$2, {
     once: true
   });
@@ -11353,7 +11385,7 @@ const handleContextMenu$1 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$u(event => {
+const handleSashCornerPointerDown = create$L(event => {
   const {
     clientX,
     clientY

package/package.json

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