@lvce-editor/renderer-process 30.15.1 → 30.17.0

package/dist/rendererProcessMain.js

@@ -978,287 +978,6 @@ const ElementTagMap = {
   getElementTag: getElementTag$1
 };
 
-const Backspace$1 = 'Backspace';
-const Tab$1 = 'Tab';
-const Space$1 = ' ';
-const Space2 = 'Space';
-const Enter$1 = 'Enter';
-const Escape$1 = 'Escape';
-const PageUp$1 = 'PageUp';
-const PageDown$1 = 'PageDown';
-const Home$1 = 'Home';
-const End$1 = 'End';
-const LeftArrow$1 = 'ArrowLeft';
-const RightArrow$1 = 'ArrowRight';
-const UpArrow$1 = 'ArrowUp';
-const DownArrow$1 = 'ArrowDown';
-const Insert$1 = 'Insert';
-const Delete$1 = 'Delete';
-const Digit0$1 = '0';
-const Digit1$1 = '1';
-const Digit2$1 = '2';
-const Digit3$1 = '3';
-const Digit4$1 = '4';
-const Digit5$1 = '5';
-const Digit6$1 = '6';
-const Digit7$1 = '7';
-const Digit8$1 = '8';
-const Digit9$1 = '9';
-const KeyA$1 = 'a';
-const KeyB$1 = 'b';
-const KeyC$1 = 'c';
-const KeyD$1 = 'd';
-const KeyE$1 = 'e';
-const KeyF$1 = 'f';
-const KeyG$1 = 'g';
-const KeyH$1 = 'h';
-const KeyI$1 = 'i';
-const KeyJ$1 = 'j';
-const KeyK$1 = 'k';
-const KeyL$1 = 'l';
-const KeyM$1 = 'm';
-const KeyN$1 = 'n';
-const KeyO$1 = 'o';
-const KeyP$1 = 'p';
-const KeyQ$1 = 'q';
-const KeyR$1 = 'r';
-const KeyS$1 = 's';
-const KeyT$1 = 't';
-const KeyU$1 = 'u';
-const KeyV$1 = 'v';
-const KeyW$1 = 'w';
-const KeyX$1 = 'x';
-const KeyY$1 = 'y';
-const KeyZ$1 = 'z';
-const F1$1 = 'F1';
-const F2$1 = 'F2';
-const F3$1 = 'F3';
-const F4$1 = 'F4';
-const F5$1 = 'F5';
-const F6$1 = 'F6';
-const F7$1 = 'F7';
-const F8$1 = 'F8';
-const F9$1 = 'F9';
-const F10$1 = 'F10';
-const F11$1 = 'F11';
-const F12$1 = 'F12';
-const F13$1 = 'F13';
-const F14$1 = 'F14';
-const F15$1 = 'F15';
-const F16$1 = 'F16';
-const F17$1 = 'F17';
-const F18$1 = 'F18';
-const F19$1 = 'F19';
-const F20$1 = 'F20';
-const F21$1 = 'F21';
-const F22$1 = 'F22';
-const F23$1 = 'F23';
-const F24$1 = 'F24';
-const SemiColon$1 = ';';
-const Equal$1 = '=';
-const Comma$1 = ',';
-const Minus$1 = '-';
-const Period$1 = '.';
-const Slash$1 = '/';
-const Backquote$1 = '`';
-const Backquote2 = 'Backquote';
-const BracketLeft$1 = '[';
-const Backslash$1 = '\\';
-const BracketRight$1 = ']';
-const Quote$1 = `'`;
-const Star$1 = '*';
-const Plus$1 = '+';
-
-const Unknown = 0;
-const Backspace = 1;
-const Tab = 2;
-const Enter = 3;
-const Escape = 8;
-const Space = 9;
-const PageUp = 10;
-const PageDown = 11;
-const End = 255;
-const Home = 12;
-const LeftArrow = 13;
-const UpArrow = 14;
-const RightArrow = 15;
-const DownArrow = 16;
-const Insert = 17;
-const Delete = 18;
-const Digit0 = 19;
-const Digit1 = 20;
-const Digit2 = 21;
-const Digit3 = 22;
-const Digit4 = 23;
-const Digit5 = 24;
-const Digit6 = 25;
-const Digit7 = 26;
-const Digit8 = 27;
-const Digit9 = 28;
-const KeyA = 29;
-const KeyB = 30;
-const KeyC = 31;
-const KeyD = 32;
-const KeyE = 33;
-const KeyF = 34;
-const KeyG = 35;
-const KeyH = 36;
-const KeyI = 37;
-const KeyJ = 38;
-const KeyK = 39;
-const KeyL = 40;
-const KeyM = 41;
-const KeyN = 42;
-const KeyO = 43;
-const KeyP = 44;
-const KeyQ = 45;
-const KeyR = 46;
-const KeyS = 47;
-const KeyT = 48;
-const KeyU = 49;
-const KeyV = 50;
-const KeyW = 51;
-const KeyX = 52;
-const KeyY = 53;
-const KeyZ = 54;
-const F1 = 57;
-const F2 = 58;
-const F3 = 59;
-const F4 = 60;
-const F5 = 61;
-const F6 = 62;
-const F7 = 63;
-const F8 = 64;
-const F9 = 65;
-const F10 = 66;
-const F11 = 67;
-const F12 = 68;
-const F13 = 69;
-const F14 = 70;
-const F15 = 71;
-const F16 = 72;
-const F17 = 72;
-const F18 = 74;
-const F19 = 75;
-const F20 = 76;
-const F21 = 77;
-const F22 = 78;
-const F23 = 79;
-const F24 = 80;
-const SemiColon = 83;
-const Equal = 84;
-const Comma = 85;
-const Minus = 86;
-const Period = 87;
-const Slash = 88;
-const Backquote = 89;
-const BracketLeft = 90;
-const Backslash = 91;
-const BracketRight = 92;
-const Quote = 93;
-const Star = 131;
-const Plus = 132;
-
-const keyCodeMap$1 = {
-  [Backquote$1]: Backquote,
-  [Backquote2]: Backquote,
-  [Backslash$1]: Backslash,
-  [Backspace$1]: Backspace,
-  [BracketLeft$1]: BracketLeft,
-  [BracketRight$1]: BracketRight,
-  [Comma$1]: Comma,
-  [Delete$1]: Delete,
-  [Digit0$1]: Digit0,
-  [Digit1$1]: Digit1,
-  [Digit2$1]: Digit2,
-  [Digit3$1]: Digit3,
-  [Digit4$1]: Digit4,
-  [Digit5$1]: Digit5,
-  [Digit6$1]: Digit6,
-  [Digit7$1]: Digit7,
-  [Digit8$1]: Digit8,
-  [Digit9$1]: Digit9,
-  [DownArrow$1]: DownArrow,
-  [End$1]: End,
-  [Enter$1]: Enter,
-  [Equal$1]: Equal,
-  [Escape$1]: Escape,
-  [F1$1]: F1,
-  [F10$1]: F10,
-  [F11$1]: F11,
-  [F12$1]: F12,
-  [F13$1]: F13,
-  [F14$1]: F14,
-  [F15$1]: F15,
-  [F16$1]: F16,
-  [F17$1]: F17,
-  [F18$1]: F18,
-  [F19$1]: F19,
-  [F2$1]: F2,
-  [F20$1]: F20,
-  [F21$1]: F21,
-  [F22$1]: F22,
-  [F23$1]: F23,
-  [F24$1]: F24,
-  [F3$1]: F3,
-  [F4$1]: F4,
-  [F5$1]: F5,
-  [F6$1]: F6,
-  [F7$1]: F7,
-  [F8$1]: F8,
-  [F9$1]: F9,
-  [Home$1]: Home,
-  [Insert$1]: Insert,
-  [KeyA$1]: KeyA,
-  [KeyB$1]: KeyB,
-  [KeyC$1]: KeyC,
-  [KeyD$1]: KeyD,
-  [KeyE$1]: KeyE,
-  [KeyF$1]: KeyF,
-  [KeyG$1]: KeyG,
-  [KeyH$1]: KeyH,
-  [KeyI$1]: KeyI,
-  [KeyJ$1]: KeyJ,
-  [KeyK$1]: KeyK,
-  [KeyL$1]: KeyL,
-  [KeyM$1]: KeyM,
-  [KeyN$1]: KeyN,
-  [KeyO$1]: KeyO,
-  [KeyP$1]: KeyP,
-  [KeyQ$1]: KeyQ,
-  [KeyR$1]: KeyR,
-  [KeyS$1]: KeyS,
-  [KeyT$1]: KeyT,
-  [KeyU$1]: KeyU,
-  [KeyV$1]: KeyV,
-  [KeyW$1]: KeyW,
-  [KeyX$1]: KeyX,
-  [KeyY$1]: KeyY,
-  [KeyZ$1]: KeyZ,
-  [LeftArrow$1]: LeftArrow,
-  [Minus$1]: Minus,
-  [PageDown$1]: PageDown,
-  [PageUp$1]: PageUp,
-  [Period$1]: Period,
-  [Plus$1]: Plus,
-  [Quote$1]: Quote,
-  [RightArrow$1]: RightArrow,
-  [SemiColon$1]: SemiColon,
-  [Slash$1]: Slash,
-  [Space$1]: Space,
-  [Space2]: Space,
-  [Star$1]: Star,
-  [Tab$1]: Tab,
-  [UpArrow$1]: UpArrow
-};
-const getKeyCode = key => {
-  return keyCodeMap$1[key] || Unknown;
-};
-
-const CtrlCmd = 1 << 11 >>> 0;
-const Shift = 1 << 10 >>> 0;
-const Alt = 1 << 9 >>> 0;
-
 const {
   getElementTag
 } = ElementTagMap;
@@ -3824,6 +3543,46 @@ const setThemeColor = color => {
   meta.content = color;
 };
 
+const Alert = 'alert';
+const Application = 'application';
+const Complementary = 'complementary';
+const Group = 'group';
+const ListBox = 'listbox';
+const Log = 'log';
+const Menu = 'menu';
+const None$1 = 'none';
+const Status = 'status';
+const TabList = 'tablist';
+const Toolbar = 'toolbar';
+
+const setMaskImage = ($Element, icon) => {
+  if (!icon || icon.includes('/icons')) {
+    $Element.style.maskImage = `url('${icon}')`;
+    $Element.style.webkitMaskImage = `url('${icon}')`;
+  } else {
+    $Element.classList.add(`MaskIcon${icon}`);
+  }
+};
+
+const create$t = icon => {
+  const $Icon = document.createElement('div');
+  $Icon.className = 'MaskIcon';
+  setMaskImage($Icon, icon);
+  $Icon.role = None$1;
+  return $Icon;
+};
+
+const create$Button = (label, icon) => {
+  // TODO icon div might not be needed (unnecessary HTML element)
+  const $Icon = create$t(icon);
+  const $Button = document.createElement('button');
+  $Button.className = 'IconButton';
+  $Button.title = label;
+  $Button.ariaLabel = label;
+  $Button.append($Icon);
+  return $Button;
+};
+
 // TODO this file is not needed when all elements are position fixed
 const state$6 = {
   $Widgets: undefined,
@@ -3868,13 +3627,31 @@ const remove$1 = $Element => {
   }
 };
 
+const handleCloseClick = event => {
+  const $CloseButton = event.currentTarget;
+  remove$1($CloseButton.parentNode);
+};
+const create$NotificationMessage = message => {
+  const $NotificationMessage = document.createElement('p');
+  $NotificationMessage.className = 'NotificationMessage';
+  $NotificationMessage.textContent = message;
+  return $NotificationMessage;
+};
+const create$CloseButton = () => {
+  const $CloseButton = create$Button('Close', 'Close');
+  $CloseButton.classList.add('NotificationCloseButton');
+  $CloseButton.onclick = handleCloseClick;
+  return $CloseButton;
+};
 const create$Notification = message => {
+  const $NotificationMessage = create$NotificationMessage(message);
+  const $CloseButton = create$CloseButton();
   const $Notification = document.createElement('div');
   $Notification.className = 'Notification';
-  $Notification.textContent = message;
+  $Notification.append($NotificationMessage, $CloseButton);
   return $Notification;
 };
-const create$t = (type, message) => {
+const create$s = (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);
@@ -3898,9 +3675,8 @@ const handleNotificationClick = event => {
   }
 };
 const create$NotificationWithOptions = (message, options) => {
-  const $NotificationMessage = document.createElement('p');
-  $NotificationMessage.className = 'NotificationMessage';
-  $NotificationMessage.textContent = message;
+  const $NotificationMessage = create$NotificationMessage(message);
+  const $CloseButton = create$CloseButton();
   const $NotificationOptions = document.createElement('div');
   $NotificationOptions.className = 'NotificationOptions';
   for (const option of options) {
@@ -3911,7 +3687,7 @@ const create$NotificationWithOptions = (message, options) => {
   }
   const $Notification = document.createElement('div');
   $Notification.className = 'Notification';
-  $Notification.append($NotificationMessage, $NotificationOptions);
+  $Notification.append($NotificationMessage, $CloseButton, $NotificationOptions);
   $Notification.onclick = handleNotificationClick;
   return $Notification;
 };
@@ -3930,7 +3706,7 @@ const set$6 = (canvasId, canvas) => {
   state$5.canvasObjects[canvasId] = canvas;
 };
 
-const create$s = async (canvasId, objectId) => {
+const create$r = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$6(canvasId, canvas);
@@ -3958,18 +3734,6 @@ const create2 = async (canvasId, objectId, width, height) => {
 const True = 'true';
 const False = 'false';
 
-const Alert = 'alert';
-const Application = 'application';
-const Complementary = 'complementary';
-const Group = 'group';
-const ListBox = 'listbox';
-const Log = 'log';
-const Menu = 'menu';
-const None$1 = 'none';
-const Status = 'status';
-const TabList = 'tablist';
-const Toolbar = 'toolbar';
-
 const create$BackDrop = () => {
   const $BackDrop = document.createElement('div');
   $BackDrop.className = 'BackDrop';
@@ -4861,7 +4625,7 @@ const ConditionValues = {
   toHaveText: toHaveText$1
 };
 
-const keyCodeMap = {
+const keyCodeMap$1 = {
   ' ': {
     code: 'Space',
     keyCode: 32
@@ -4888,8 +4652,8 @@ const keyCodeMap = {
 const getKeyboardOptions = options => {
   const key = options.key || '';
   const normalizedKey = key === 'Space' ? ' ' : key;
-  if (keyCodeMap[key]) {
-    const mapped = keyCodeMap[key];
+  if (keyCodeMap$1[key]) {
+    const mapped = keyCodeMap$1[key];
     const keyCode = mapped.keyCode;
     return {
       ...options,
@@ -5277,7 +5041,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$r = (uri, top, left) => {
+const create$q = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -5308,7 +5072,7 @@ const dispose$g = state => {
 
 const ImagePreview$1 = {
   __proto__: null,
-  create: create$r,
+  create: create$q,
   dispose: dispose$g,
   showError,
   update
@@ -5527,7 +5291,7 @@ const ViewletAudio = {
   Events: Events$4
 };
 
-const create$q = () => {
+const create$p = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
@@ -5544,7 +5308,7 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$q,
+  create: create$p,
   dispose: dispose$f,
   refresh: refresh$3,
   setTime
@@ -5573,7 +5337,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$p = (pointerDown, pointerMove, pointerUp) => {
+const create$o = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -5606,7 +5370,7 @@ const create$p = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$p(event => {
+const handleSliderPointerDown = create$o(event => {
   const {
     clientX,
     clientY
@@ -5688,7 +5452,7 @@ const ViewletDebugConsoleEvents = {
   handleInput: handleInput$5
 };
 
-const create$o = () => {
+const create$n = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
@@ -5704,7 +5468,7 @@ const setDom$9 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$o,
+  create: create$n,
   setDom: setDom$9
 };
 
@@ -5756,34 +5520,6 @@ const ViewletDefineKeyBinding = {
   setValue: setValue$2
 };
 
-const setMaskImage = ($Element, icon) => {
-  if (!icon || icon.includes('/icons')) {
-    $Element.style.maskImage = `url('${icon}')`;
-    $Element.style.webkitMaskImage = `url('${icon}')`;
-  } else {
-    $Element.classList.add(`MaskIcon${icon}`);
-  }
-};
-
-const create$n = icon => {
-  const $Icon = document.createElement('div');
-  $Icon.className = 'MaskIcon';
-  setMaskImage($Icon, icon);
-  $Icon.role = None$1;
-  return $Icon;
-};
-
-const create$Button = (label, icon) => {
-  // TODO icon div might not be needed (unnecessary HTML element)
-  const $Icon = create$n(icon);
-  const $Button = document.createElement('button');
-  $Button.className = 'IconButton';
-  $Button.title = label;
-  $Button.ariaLabel = label;
-  $Button.append($Icon);
-  return $Button;
-};
-
 const handleClick$5 = index => {
   send(/* Dialog.handleClick */'Dialog.handleClick', /* index */index);
 };
@@ -5940,7 +5676,7 @@ const handleContextMenu$4 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$p(event => {
+const handleSashCornerPointerDown = create$o(event => {
   const {
     clientX,
     clientY
@@ -6478,7 +6214,7 @@ const ViewletEditorError = {
 };
 
 const returnValue$3 = true;
-const handleSashPointerDown$2 = create$p(event => {
+const handleSashPointerDown$2 = create$o(event => {
   const {
     clientX,
     clientY
@@ -7178,52 +6914,333 @@ const handlePointerDown = event => {
   pointerDownFunction(event);
 };
 
-const ViewletkeyBindingsEvents = {
-  __proto__: null,
-  handlePointerDown,
-  handleResizerPointerDown,
-  handleResizerPointerMove,
-  handleResizerPointerUp
-};
+const ViewletkeyBindingsEvents = {
+  __proto__: null,
+  handlePointerDown,
+  handleResizerPointerDown,
+  handleResizerPointerMove,
+  handleResizerPointerUp
+};
+
+const setValue = (state, value) => {
+  const {
+    $Viewlet
+  } = state;
+  const $InputBox = $Viewlet.querySelector(':scope input');
+  $InputBox.value = value;
+};
+const setColumnWidths = (state, columnWidth1, columnWidth2, columnWidth3) => {
+  const paddingLeft = 15;
+  const {
+    $Viewlet
+  } = state;
+  const $$Resizers = $Viewlet.querySelectorAll(':scope .Resizer');
+  const $Resizer1 = $$Resizers[0];
+  const $Resizer2 = $$Resizers[1];
+  $Resizer1.style.left = `${paddingLeft + columnWidth1}px`;
+  $Resizer2.style.left = `${paddingLeft + columnWidth1 + columnWidth2}px`;
+};
+const Events$2 = ViewletkeyBindingsEvents;
+
+const ViewletKeyBindings = {
+  __proto__: null,
+  Events: Events$2,
+  setColumnWidths,
+  setScrollBar,
+  setSize,
+  setValue
+};
+
+const getSashId = $Target => {
+  if ($Target.id === 'SashPanel') {
+    return 'Panel';
+  }
+  if ($Target.id === 'SashSideBar') {
+    return 'SideBar';
+  }
+  return '';
+};
+
+const Backspace$1 = 'Backspace';
+const Tab$1 = 'Tab';
+const Space$1 = ' ';
+const Space2 = 'Space';
+const Enter$1 = 'Enter';
+const Escape$1 = 'Escape';
+const PageUp$1 = 'PageUp';
+const PageDown$1 = 'PageDown';
+const Home$1 = 'Home';
+const End$1 = 'End';
+const LeftArrow$1 = 'ArrowLeft';
+const RightArrow$1 = 'ArrowRight';
+const UpArrow$1 = 'ArrowUp';
+const DownArrow$1 = 'ArrowDown';
+const Insert$1 = 'Insert';
+const Delete$1 = 'Delete';
+const Digit0$1 = '0';
+const Digit1$1 = '1';
+const Digit2$1 = '2';
+const Digit3$1 = '3';
+const Digit4$1 = '4';
+const Digit5$1 = '5';
+const Digit6$1 = '6';
+const Digit7$1 = '7';
+const Digit8$1 = '8';
+const Digit9$1 = '9';
+const KeyA$1 = 'a';
+const KeyB$1 = 'b';
+const KeyC$1 = 'c';
+const KeyD$1 = 'd';
+const KeyE$1 = 'e';
+const KeyF$1 = 'f';
+const KeyG$1 = 'g';
+const KeyH$1 = 'h';
+const KeyI$1 = 'i';
+const KeyJ$1 = 'j';
+const KeyK$1 = 'k';
+const KeyL$1 = 'l';
+const KeyM$1 = 'm';
+const KeyN$1 = 'n';
+const KeyO$1 = 'o';
+const KeyP$1 = 'p';
+const KeyQ$1 = 'q';
+const KeyR$1 = 'r';
+const KeyS$1 = 's';
+const KeyT$1 = 't';
+const KeyU$1 = 'u';
+const KeyV$1 = 'v';
+const KeyW$1 = 'w';
+const KeyX$1 = 'x';
+const KeyY$1 = 'y';
+const KeyZ$1 = 'z';
+const F1$1 = 'F1';
+const F2$1 = 'F2';
+const F3$1 = 'F3';
+const F4$1 = 'F4';
+const F5$1 = 'F5';
+const F6$1 = 'F6';
+const F7$1 = 'F7';
+const F8$1 = 'F8';
+const F9$1 = 'F9';
+const F10$1 = 'F10';
+const F11$1 = 'F11';
+const F12$1 = 'F12';
+const F13$1 = 'F13';
+const F14$1 = 'F14';
+const F15$1 = 'F15';
+const F16$1 = 'F16';
+const F17$1 = 'F17';
+const F18$1 = 'F18';
+const F19$1 = 'F19';
+const F20$1 = 'F20';
+const F21$1 = 'F21';
+const F22$1 = 'F22';
+const F23$1 = 'F23';
+const F24$1 = 'F24';
+const SemiColon$1 = ';';
+const Equal$1 = '=';
+const Comma$1 = ',';
+const Minus$1 = '-';
+const Period$1 = '.';
+const Slash$1 = '/';
+const Backquote$1 = '`';
+const Backquote2 = 'Backquote';
+const BracketLeft$1 = '[';
+const Backslash$1 = '\\';
+const BracketRight$1 = ']';
+const Quote$1 = `'`;
+const Star$1 = '*';
+const Plus$1 = '+';
+
+const Unknown = 0;
+const Backspace = 1;
+const Tab = 2;
+const Enter = 3;
+const Escape = 8;
+const Space = 9;
+const PageUp = 10;
+const PageDown = 11;
+const End = 255;
+const Home = 12;
+const LeftArrow = 13;
+const UpArrow = 14;
+const RightArrow = 15;
+const DownArrow = 16;
+const Insert = 17;
+const Delete = 18;
+const Digit0 = 19;
+const Digit1 = 20;
+const Digit2 = 21;
+const Digit3 = 22;
+const Digit4 = 23;
+const Digit5 = 24;
+const Digit6 = 25;
+const Digit7 = 26;
+const Digit8 = 27;
+const Digit9 = 28;
+const KeyA = 29;
+const KeyB = 30;
+const KeyC = 31;
+const KeyD = 32;
+const KeyE = 33;
+const KeyF = 34;
+const KeyG = 35;
+const KeyH = 36;
+const KeyI = 37;
+const KeyJ = 38;
+const KeyK = 39;
+const KeyL = 40;
+const KeyM = 41;
+const KeyN = 42;
+const KeyO = 43;
+const KeyP = 44;
+const KeyQ = 45;
+const KeyR = 46;
+const KeyS = 47;
+const KeyT = 48;
+const KeyU = 49;
+const KeyV = 50;
+const KeyW = 51;
+const KeyX = 52;
+const KeyY = 53;
+const KeyZ = 54;
+const F1 = 57;
+const F2 = 58;
+const F3 = 59;
+const F4 = 60;
+const F5 = 61;
+const F6 = 62;
+const F7 = 63;
+const F8 = 64;
+const F9 = 65;
+const F10 = 66;
+const F11 = 67;
+const F12 = 68;
+const F13 = 69;
+const F14 = 70;
+const F15 = 71;
+const F16 = 72;
+const F17 = 72;
+const F18 = 74;
+const F19 = 75;
+const F20 = 76;
+const F21 = 77;
+const F22 = 78;
+const F23 = 79;
+const F24 = 80;
+const SemiColon = 83;
+const Equal = 84;
+const Comma = 85;
+const Minus = 86;
+const Period = 87;
+const Slash = 88;
+const Backquote = 89;
+const BracketLeft = 90;
+const Backslash = 91;
+const BracketRight = 92;
+const Quote = 93;
+const Star = 131;
+const Plus = 132;
 
-const setValue = (state, value) => {
-  const {
-    $Viewlet
-  } = state;
-  const $InputBox = $Viewlet.querySelector(':scope input');
-  $InputBox.value = value;
-};
-const setColumnWidths = (state, columnWidth1, columnWidth2, columnWidth3) => {
-  const paddingLeft = 15;
-  const {
-    $Viewlet
-  } = state;
-  const $$Resizers = $Viewlet.querySelectorAll(':scope .Resizer');
-  const $Resizer1 = $$Resizers[0];
-  const $Resizer2 = $$Resizers[1];
-  $Resizer1.style.left = `${paddingLeft + columnWidth1}px`;
-  $Resizer2.style.left = `${paddingLeft + columnWidth1 + columnWidth2}px`;
+const keyCodeMap = {
+  [Backquote$1]: Backquote,
+  [Backquote2]: Backquote,
+  [Backslash$1]: Backslash,
+  [Backspace$1]: Backspace,
+  [BracketLeft$1]: BracketLeft,
+  [BracketRight$1]: BracketRight,
+  [Comma$1]: Comma,
+  [Delete$1]: Delete,
+  [Digit0$1]: Digit0,
+  [Digit1$1]: Digit1,
+  [Digit2$1]: Digit2,
+  [Digit3$1]: Digit3,
+  [Digit4$1]: Digit4,
+  [Digit5$1]: Digit5,
+  [Digit6$1]: Digit6,
+  [Digit7$1]: Digit7,
+  [Digit8$1]: Digit8,
+  [Digit9$1]: Digit9,
+  [DownArrow$1]: DownArrow,
+  [End$1]: End,
+  [Enter$1]: Enter,
+  [Equal$1]: Equal,
+  [Escape$1]: Escape,
+  [F1$1]: F1,
+  [F10$1]: F10,
+  [F11$1]: F11,
+  [F12$1]: F12,
+  [F13$1]: F13,
+  [F14$1]: F14,
+  [F15$1]: F15,
+  [F16$1]: F16,
+  [F17$1]: F17,
+  [F18$1]: F18,
+  [F19$1]: F19,
+  [F2$1]: F2,
+  [F20$1]: F20,
+  [F21$1]: F21,
+  [F22$1]: F22,
+  [F23$1]: F23,
+  [F24$1]: F24,
+  [F3$1]: F3,
+  [F4$1]: F4,
+  [F5$1]: F5,
+  [F6$1]: F6,
+  [F7$1]: F7,
+  [F8$1]: F8,
+  [F9$1]: F9,
+  [Home$1]: Home,
+  [Insert$1]: Insert,
+  [KeyA$1]: KeyA,
+  [KeyB$1]: KeyB,
+  [KeyC$1]: KeyC,
+  [KeyD$1]: KeyD,
+  [KeyE$1]: KeyE,
+  [KeyF$1]: KeyF,
+  [KeyG$1]: KeyG,
+  [KeyH$1]: KeyH,
+  [KeyI$1]: KeyI,
+  [KeyJ$1]: KeyJ,
+  [KeyK$1]: KeyK,
+  [KeyL$1]: KeyL,
+  [KeyM$1]: KeyM,
+  [KeyN$1]: KeyN,
+  [KeyO$1]: KeyO,
+  [KeyP$1]: KeyP,
+  [KeyQ$1]: KeyQ,
+  [KeyR$1]: KeyR,
+  [KeyS$1]: KeyS,
+  [KeyT$1]: KeyT,
+  [KeyU$1]: KeyU,
+  [KeyV$1]: KeyV,
+  [KeyW$1]: KeyW,
+  [KeyX$1]: KeyX,
+  [KeyY$1]: KeyY,
+  [KeyZ$1]: KeyZ,
+  [LeftArrow$1]: LeftArrow,
+  [Minus$1]: Minus,
+  [PageDown$1]: PageDown,
+  [PageUp$1]: PageUp,
+  [Period$1]: Period,
+  [Plus$1]: Plus,
+  [Quote$1]: Quote,
+  [RightArrow$1]: RightArrow,
+  [SemiColon$1]: SemiColon,
+  [Slash$1]: Slash,
+  [Space$1]: Space,
+  [Space2]: Space,
+  [Star$1]: Star,
+  [Tab$1]: Tab,
+  [UpArrow$1]: UpArrow
 };
-const Events$2 = ViewletkeyBindingsEvents;
-
-const ViewletKeyBindings = {
-  __proto__: null,
-  Events: Events$2,
-  setColumnWidths,
-  setScrollBar,
-  setSize,
-  setValue
+const getKeyCode = key => {
+  return keyCodeMap[key] || Unknown;
 };
 
-const getSashId = $Target => {
-  if ($Target.id === 'SashPanel') {
-    return 'Panel';
-  }
-  if ($Target.id === 'SashSideBar') {
-    return 'SideBar';
-  }
-  return '';
-};
+const CtrlCmd = 1 << 11 >>> 0;
+const Shift = 1 << 10 >>> 0;
+const Alt = 1 << 9 >>> 0;
 
 const normalizeKey = (key, code) => {
   if (key.length === 1) {
@@ -9519,10 +9536,10 @@ const commandMap = {
   'Menu.showControlled': showControlled,
   'Menu.showMenu': showMenu,
   'Meta.setThemeColor': setThemeColor,
-  'Notification.create': create$t,
+  'Notification.create': create$s,
   'Notification.createWithOptions': createWithOptions,
   'Notification.dispose': dispose$h,
-  'OffscreenCanvas.create': create$s,
+  'OffscreenCanvas.create': create$r,
   'OffscreenCanvas.create2': create2,
   'Open.openUrl': openUrl,
   'Open.redirectToUrl': redirectToUrl,

package/package.json

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