@lvce-editor/static-server 0.91.19 → 0.91.21

package/static/{963d54f → 53bd123}/packages/diff-view/dist/diffViewWorkerMain.js

@@ -1322,6 +1322,7 @@ const ClientY = 'event.clientY';
 const DeltaMode = 'event.deltaMode';
 const DeltaY = 'event.deltaY';
 const TargetName = 'event.target.name';
+const TargetValue = 'event.target.value';
 
 const Backspace = 1;
 const Enter = 3;
@@ -2560,8 +2561,10 @@ const emptySyntaxHighlightingState = {
 const loadSyntaxHighlighting = async (contentLeft, contentRight, uriLeft, uriRight, platform, assetDir) => {
   try {
     const languages = await getLanguages(platform, assetDir);
-    const languageLeft = getSyntaxLanguage(uriLeft, languages);
-    const languageRight = getSyntaxLanguage(uriRight, languages);
+    const detectedLanguageLeft = getSyntaxLanguage(uriLeft, languages);
+    const detectedLanguageRight = getSyntaxLanguage(uriRight, languages);
+    const languageLeft = detectedLanguageLeft.languageId === 'unknown' ? detectedLanguageRight : detectedLanguageLeft;
+    const languageRight = detectedLanguageRight;
     const uniqueLanguages = getUniqueLanguages(languageLeft, languageRight);
     await Promise.all(uniqueLanguages.map(loadTokenizer));
     const [tokenizedLinesLeft, tokenizedLinesRight] = await Promise.all([tokenizeCodeBlock(contentLeft, languageLeft), tokenizeCodeBlock(contentRight, languageRight)]);
@@ -2576,12 +2579,6 @@ const loadSyntaxHighlighting = async (contentLeft, contentRight, uriLeft, uriRig
   }
 };
 
-const getBaseContentRight$2 = state => {
-  if (state.inputValue && state.contentRight.startsWith(state.inputValue)) {
-    return state.contentRight.slice(state.inputValue.length);
-  }
-  return state.contentRight;
-};
 const applyEditInput = async (state, inputValue) => {
   if (inputValue === state.inputValue || state.renderModeRight !== 'text' || state.errorRightMessage || getLineCount(inputValue) > state.maxInputLines) {
     return state;
@@ -2589,27 +2586,21 @@ const applyEditInput = async (state, inputValue) => {
   const {
     totalLineCountLeft
   } = state;
-  // compute base content without any previously-applied input buffer
-  const baseContent = getBaseContentRight$2(state);
-
-  // derive insertion index from cursor position (row/column)
-  // compute full content index (including any previously-applied inputValue prefix)
-  const fullLines = state.contentRight ? state.contentRight.split('\n') : [''];
-  const fullCursorRow = Math.max(0, Math.min(state.rightEditor.cursorRowIndex, fullLines.length - 1));
-  const fullCurrentLine = fullLines[fullCursorRow] ?? '';
-  const fullCursorCol = Math.max(0, Math.min(state.rightEditor.cursorColumnIndex, fullCurrentLine.length));
-  let fullIndex = 0;
-  for (let i = 0; i < fullCursorRow; i++) {
-    fullIndex += (fullLines[i] ?? '').length + 1;
-  }
-  fullIndex += fullCursorCol;
-  const prefixLength = state.inputValue && state.contentRight.startsWith(state.inputValue) ? state.inputValue.length : 0;
-  const index = Math.max(0, fullIndex - prefixLength);
-  // base content split into lines is available if needed
-
-  const before = baseContent.slice(0, index);
-  const after = baseContent.slice(index);
+  const {
+    cursorColumnIndex,
+    cursorRowIndex
+  } = state.rightEditor;
+  const precedingLines = state.contentRight.split('\n').slice(0, cursorRowIndex).join('\n');
+  const fullIndex = precedingLines.length + (cursorRowIndex === 0 ? 0 : 1) + cursorColumnIndex;
+  const inputStart = Math.max(fullIndex - state.inputValue.length, 0);
+  const before = state.contentRight.slice(0, inputStart);
+  const after = state.contentRight.slice(fullIndex);
   const contentRight = `${before}${inputValue}${after}`;
+  const linesBeforeCursor = `${before}${inputValue}`.split('\n');
+  const rightEditor = {
+    cursorColumnIndex: (linesBeforeCursor.at(-1) || '').length,
+    cursorRowIndex: linesBeforeCursor.length - 1
+  };
   const totalLineCountRight = getLineCount(contentRight);
   const canComputeInlineDiff = state.renderModeLeft === 'text' && !state.errorLeftMessage;
   const {
@@ -2630,6 +2621,7 @@ const applyEditInput = async (state, inputValue) => {
     inputValue,
     languageIdLeft: syntaxHighlightingState?.languageIdLeft || state.languageIdLeft,
     languageIdRight: syntaxHighlightingState?.languageIdRight || state.languageIdRight,
+    rightEditor,
     scrollBarBackgroundImage: getScrollBarBackgroundImage(inlineChanges, totalLineCount),
     tokenizedLinesLeft: syntaxHighlightingState?.tokenizedLinesLeft || state.tokenizedLinesLeft,
     tokenizedLinesRight: syntaxHighlightingState?.tokenizedLinesRight || [],
@@ -3519,9 +3511,11 @@ const getCursorPositionFromCoordinates = (state, clientX, clientY) => {
   const rawCursorColumnIndex = Math.floor((clientX - contentLeft - gutterWidth - RowPaddingLeft) / charWidth);
   const rawCursorRowIndex = state.minLineY + Math.floor((clientY - contentTop) / LineHeight);
   const maxCursorRowIndex = Math.max(state.totalLineCountRight - 1, 0);
+  const cursorRowIndex = Math.min(Math.max(rawCursorRowIndex, 0), maxCursorRowIndex);
+  const line = state.contentRight.split('\n')[cursorRowIndex] || '';
   return {
-    cursorColumnIndex: Math.max(rawCursorColumnIndex, 0),
-    cursorRowIndex: Math.min(Math.max(rawCursorRowIndex, 0), maxCursorRowIndex)
+    cursorColumnIndex: Math.min(Math.max(rawCursorColumnIndex, 0), line.length),
+    cursorRowIndex
   };
 };
 
@@ -3541,7 +3535,9 @@ const handleClickRightSide = (state, clientX, clientY) => {
   const focusedState = {
     ...state,
     focus: FocusDiffEditorText,
-    focusVersion: state.focusVersion + 1
+    focusVersion: state.focusVersion + 1,
+    inputSource: 0,
+    inputValue: ''
   };
   return setCursorPosition(focusedState, cursorPosition.cursorColumnIndex, cursorPosition.cursorRowIndex);
 };
@@ -4419,11 +4415,11 @@ const renderCss = (oldState, newState) => {
   const rightCursorTop = (rightEditor.cursorRowIndex - minLineY) * LineHeight;
   const css = `
 :root {
-  --DiffBackground: #0b0d10;
-  --DiffForeground: rgba(255, 255, 255, 0.88);
-  --DiffGutterBackground: #0f1218;
-  --DiffGutterForeground: rgba(255, 255, 255, 0.58);
-  --DiffSeparatorColor: rgba(255, 255, 255, 0.12);
+  --DiffBackground: var(--MainBackground);
+  --DiffForeground: var(--EditorForeground);
+  --DiffGutterBackground: var(--SideBarBackground);
+  --DiffGutterForeground: var(--SideBarForeground);
+  --DiffSeparatorColor: var(--SideBarBorder);
   --DiffMissingLineBackground: rgba(255, 255, 255, 0.035);
   --DiffDeletionBackground: rgba(248, 81, 73, 0.2);
   --DiffDeletionForeground: #ffb3ad;
@@ -4663,8 +4659,8 @@ ${getEmptyLineNumberCss(newState.visibleLinesLeft, newState.visibleLinesRight, i
   z-index: 1;
 }
 
-.EditorCursor {
-  background: red;
+.DiffEditor .EditorCursor {
+  background: var(--EditorCursorBackground);
   height: var(--ItemHeight);
   left: var(--CursorLeft);
   position: absolute;
@@ -5241,7 +5237,6 @@ const getCursorDom = () => {
 };
 
 const DiffEditorInput = 'DiffEditorInput';
-const SourceControlInput = 'SourceControlInput';
 
 const getInputWrapperDom = (inputValue, caretPosition = inputValue.length) => [{
   childCount: 1,
@@ -5653,7 +5648,7 @@ const renderValue = (oldState, newState) => {
     id,
     inputValue
   } = newState;
-  return [SetValueByName, id, SourceControlInput, inputValue];
+  return [SetValueByName, id, DiffEditorInput, inputValue];
 };
 
 const getRenderer = diffType => {
@@ -5724,6 +5719,9 @@ const renderEventListeners = () => {
     name: HandleBeforeInput,
     params: ['handleBeforeInput', 'event.inputType', 'event.data'],
     preventDefault: true
+  }, {
+    name: HandleInput,
+    params: ['handleInput', TargetValue]
   }, {
     name: HandleContextMenu,
     params: ['handleContextMenu', Button, ClientX, ClientY],

package/static/{963d54f → 53bd123}/packages/extension-host-worker/dist/extensionHostWorkerMain.js

@@ -1370,16 +1370,74 @@ const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
   await invokeAndTransfer$2('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
 };
 
+const state$c = {
+  commands: Object.create(null)
+};
+const getCommandDisplay = command => {
+  if (command && command.id && typeof command.id === 'string') {
+    return ` ${command.id}`;
+  }
+  return '';
+};
+const registerCommand = command => {
+  try {
+    if (!command) {
+      if (command === null) {
+        throw new Error(`command is null`);
+      }
+      throw new Error('command is not defined');
+    }
+    if (!command.id) {
+      throw new Error('command is missing id');
+    }
+    if (!command.execute) {
+      throw new Error('command is missing execute function');
+    }
+    if (command.id in state$c.commands) {
+      throw new Error(`command cannot be registered multiple times`);
+    }
+    state$c.commands[command.id] = command;
+  } catch (error) {
+    const commandDisplayId = getCommandDisplay(command);
+    throw new VError(error, `Failed to register command${commandDisplayId}`);
+  }
+};
+const executeCommand$2 = async (id, ...args) => {
+  try {
+    const command = state$c.commands[id];
+    if (!command) {
+      throw new Error(`command ${id} not found`);
+    }
+    const results = await command.execute(...args);
+    return results;
+  } catch (error) {
+    // @ts-ignore
+    if (error && error.isExpected) {
+      throw error;
+    }
+    throw new VError(error, 'Failed to execute command');
+  }
+};
+const hasCommand = id => {
+  return id in state$c.commands;
+};
+const getRegisteredCommandIds$1 = () => {
+  return Object.values(state$c.commands).map(command => command.id);
+};
+
 const isCommandNotFoundError = error => {
   return error instanceof Error && error.name === 'CommandNotFoundError';
 };
-const executeCommand$2 = async (id, ...args) => {
+const executeCommand$1 = async (id, ...args) => {
   try {
     return await invoke$6('Extensions.executeCommand', id, ...args);
   } catch (error) {
     if (!isCommandNotFoundError(error)) {
       throw error;
     }
+    if (hasCommand(id)) {
+      return executeCommand$2(id, ...args);
+    }
     return invoke$4(id, ...args);
   }
 };
@@ -1395,7 +1453,7 @@ const getJson$1 = async url => {
   throw new DepecratedError(`vscode.getJson is deprecated, use createNodeRpc instead`);
 };
 
-const state$c = {
+const state$b = {
   /** @type{any[]} */
   onDidChangeTextDocumentListeners: [],
   /** @type{any[]} */
@@ -1405,19 +1463,19 @@ const state$c = {
   textDocuments: Object.create(null)
 };
 const setDocument = (textDocumentId, textDocument) => {
-  state$c.textDocuments[textDocumentId] = textDocument;
+  state$b.textDocuments[textDocumentId] = textDocument;
 };
 const getDidOpenListeners = () => {
-  return state$c.onDidSaveTextDocumentListeners;
+  return state$b.onDidSaveTextDocumentListeners;
 };
 const getWillChangeListeners = () => {
-  return state$c.onWillChangeEditorListeners;
+  return state$b.onWillChangeEditorListeners;
 };
 const getDidChangeListeners = () => {
-  return state$c.onDidChangeTextDocumentListeners;
+  return state$b.onDidChangeTextDocumentListeners;
 };
 const getDocument = textDocumentId => {
-  return state$c.textDocuments[textDocumentId];
+  return state$b.textDocuments[textDocumentId];
 };
 
 const getOffset$1 = (textDocument, position) => {
@@ -2019,58 +2077,6 @@ const executeOrganizeImports = async uid => {
   return edits;
 };
 
-const state$b = {
-  commands: Object.create(null)
-};
-const getCommandDisplay = command => {
-  if (command && command.id && typeof command.id === 'string') {
-    return ` ${command.id}`;
-  }
-  return '';
-};
-const registerCommand = command => {
-  try {
-    if (!command) {
-      if (command === null) {
-        throw new Error(`command is null`);
-      }
-      throw new Error('command is not defined');
-    }
-    if (!command.id) {
-      throw new Error('command is missing id');
-    }
-    if (!command.execute) {
-      throw new Error('command is missing execute function');
-    }
-    if (command.id in state$b.commands) {
-      throw new Error(`command cannot be registered multiple times`);
-    }
-    state$b.commands[command.id] = command;
-  } catch (error) {
-    const commandDisplayId = getCommandDisplay(command);
-    throw new VError(error, `Failed to register command${commandDisplayId}`);
-  }
-};
-const executeCommand$1 = async (id, ...args) => {
-  try {
-    const command = state$b.commands[id];
-    if (!command) {
-      throw new Error(`command ${id} not found`);
-    }
-    const results = await command.execute(...args);
-    return results;
-  } catch (error) {
-    // @ts-ignore
-    if (error && error.isExpected) {
-      throw error;
-    }
-    throw new VError(error, 'Failed to execute command');
-  }
-};
-const getRegisteredCommandIds$1 = () => {
-  return Object.values(state$b.commands).map(command => command.id);
-};
-
 const {
   executeCommentProvider: executeLegacyCommentProvider,
   getProvider: getProvider$a,
@@ -3084,7 +3090,7 @@ const executeprepareRenameProvider = async (textDocumentId, ...args) => {
 };
 
 const getExtensionHostSubWorkerUrl = () => {
-  return '/963d54f/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
+  return '/53bd123/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
 };
 const extensionHostSubWorkerUrl = getExtensionHostSubWorkerUrl();
 
@@ -3340,9 +3346,9 @@ const getJson = async url => {
 
 const getAssetDir = () => {
   // @ts-ignore
-  if (typeof '/963d54f' !== 'undefined') {
+  if (typeof '/53bd123' !== 'undefined') {
     // @ts-ignore
-    return '/963d54f';
+    return '/53bd123';
   }
   if (platform === Electron) {
     return '../../../../..';
@@ -4340,7 +4346,7 @@ const api = {
   // Comment
 
   executeClosingTagProvider: executeClosingTagProvider,
-  executeCommand: executeCommand$2,
+  executeCommand: executeCommand$1,
   executeCommentProvider: executeCommentProvider,
   executeCompletionProvider: executeCompletionProvider,
   executeDefinitionProvider: executeDefinitionProvider,
@@ -7233,7 +7239,7 @@ const commandMap = {
   'ColorTheme.getColorThemeJson': getColorThemeJson,
   'ColorTheme.getColorThemeNames': getColorThemeNames,
   'ColorTheme.hydrate': hydrate$1,
-  'Commands.executeCommand': executeCommand$2,
+  'Commands.executeCommand': executeCommand$1,
   'ExecuteExternalCommand.executeExternalCommand': executeExternalCommand,
   'ExtensionApi.sendMessagePortToFileSystemWorker': sendMessagePortToFileSystemWorker,
   'ExtensionHost.activateExtension2': activateExtension2,

package/static/{963d54f → 53bd123}/packages/file-system-worker/dist/fileSystemWorkerMain.js

@@ -1887,6 +1887,9 @@ const readDirWithFileTypes = async uri => {
 const getPathSeparator = async root => {
   return getPathSeparator$2(root);
 };
+const isReadonly = async uri => {
+  return invoke$1('FileSystem.isReadonly', uri);
+};
 const readJson = async uri => {
   if (isHttp(uri)) {
     return readJson$3(uri);
@@ -1988,6 +1991,7 @@ const FileSystemDisk = {
    getFolderSize,
    getPathSeparator,
    getRealPath,
+   isReadonly,
    mkdir,
    readDirWithFileTypes,
    readFile,
@@ -2170,6 +2174,7 @@ const commandMap = {
   'FileSystem.getPathSeparator': getPathSeparator,
   'FileSystem.getRealPath': getRealPath,
   'FileSystem.handleMessagePort': handleMessagePort,
+  'FileSystem.isReadonly': isReadonly,
   'FileSystem.mkdir': mkdir,
   'FileSystem.readDirWithFileTypes': readDirWithFileTypes,
   'FileSystem.readFile': readFile,

package/static/{963d54f → 53bd123}/packages/find-widget-worker/dist/findWidgetWorkerMain.js

@@ -854,6 +854,7 @@ const createMockRpc = ({
   return mockRpc;
 };
 
+const Alert = 'alert';
 const CheckBox = 'checkbox';
 const Group = 'group';
 const None = 'none';
@@ -870,6 +871,7 @@ const TargetValue = 'event.target.value';
 
 const Tab = 2;
 const Enter = 3;
+const Escape = 8;
 const KeyF = 34;
 const F4 = 60;
 
@@ -1088,6 +1090,7 @@ const create = (uid, x, y, width, height, parentUid) => {
     focus: 0,
     focused: false,
     focusSource: Unknown,
+    focusVersion: 0,
     height: 0,
     history: [],
     inputBorderWidth: 1,
@@ -1135,7 +1138,7 @@ const isEqual$6 = (oldState, newState) => {
 };
 
 const isEqual$5 = (oldState, newState) => {
-  return oldState.focused === newState.focused && oldState.focus === newState.focus;
+  return oldState.focused === newState.focused && oldState.focus === newState.focus && oldState.focusVersion === newState.focusVersion;
 };
 
 const isEqual$4 = (oldState, newState) => {
@@ -1216,6 +1219,14 @@ const focusCloseButton = state => {
   return setFindWidgetFocus(state, FocusFindWidgetCloseButton);
 };
 
+const focusFind = state => {
+  const newState = setFindWidgetFocus(state, FocusSearchInput);
+  return {
+    ...newState,
+    focusVersion: state.focusVersion + 1
+  };
+};
+
 const setSelections = async (editorUid, selections) => {
   // @ts-ignore
   await invoke('Editor.setSelections2', editorUid, selections);
@@ -1952,9 +1963,17 @@ const focusPreviousElement = state => {
 
 const getKeyBindings = () => {
   return [{
+    command: 'FindWidget.close',
+    key: Escape,
+    when: FocusFindWidget$1
+  }, {
     command: 'FindWidget.focusNext',
     key: Enter,
     when: FocusFindWidget$1
+  }, {
+    command: 'FindWidget.focusPrevious',
+    key: Shift | Enter,
+    when: FocusFindWidget$1
   }, {
     command: 'FindWidget.preventDefaultBrowserFind',
     key: CtrlCmd | KeyF,
@@ -2436,10 +2455,14 @@ const getFindMatchCountClassName = (matchCount, hasValue) => {
   return FindWidgetMatchCount;
 };
 
-const getMatchCountVirtualDom = (matchCountText, matchCount, hasValue) => {
+const getMatchCountVirtualDom = (matchCountText, matchCount, hasValue, hasError = false) => {
   return [{
     childCount: 1,
     className: getFindMatchCountClassName(matchCount, hasValue),
+    ...(hasError && {
+      id: 'FindWidgetInputError',
+      role: Alert
+    }),
     type: Div
   }, text(matchCountText)];
 };
@@ -2471,7 +2494,7 @@ const getSearchFieldButtonVirtualDom = button => {
   }];
 };
 
-const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, outsideButtons, onFocus, extraClassName, autofocus = false) => {
+const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, outsideButtons, onFocus, extraClassName, autofocus = false, ariaDescribedBy = '', ariaInvalid = '') => {
   if (outsideButtons.length > 0) {
     throw new Error('outsideButtons are deprecated');
   }
@@ -2493,6 +2516,12 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     type: TextArea,
     ...(autofocus && {
       autofocus: true
+    }),
+    ...(ariaDescribedBy && {
+      ariaDescribedBy
+    }),
+    ...(ariaInvalid && {
+      ariaInvalid
     })
   }, {
     childCount: insideButtons.length,
@@ -2517,11 +2546,11 @@ const getFindWidgetFindVirtualDom = (matchCountText, buttons, fieldButtons, matc
     childCount: 2,
     className: FindWidgetFind,
     type: Div
-  }, ...getSearchFieldVirtualDom(SearchValue, find(), HandleInput, fieldButtons, [], HandleFocus, extraClassName, inputFocused), {
+  }, ...getSearchFieldVirtualDom(SearchValue, find(), HandleInput, fieldButtons, [], HandleFocus, extraClassName, inputFocused, hasError ? 'FindWidgetInputError' : '', hasError ? 'true' : ''), {
     childCount: 1 + buttons.length,
     className: 'FindWidgetActions',
     type: Div
-  }, ...getMatchCountVirtualDom(matchCountText, matchCount, hasValue), ...buttons.flatMap(getIconButtonVirtualDom)];
+  }, ...getMatchCountVirtualDom(matchCountText, matchCount, hasValue, hasError), ...buttons.flatMap(getIconButtonVirtualDom)];
 };
 
 const getFindWidgetReplaceVirtualDom = (replaceExpanded, replaceButtons, replaceFieldButtons, replaceInputFocused) => {
@@ -2603,7 +2632,7 @@ const renderContent = (oldState, newState) => {
     useRegularExpression,
     value
   } = newState;
-  const matchCountText = getMatchCountText(newState.matchIndex, newState.matchCount);
+  const matchCountText = inputErrorMessage || getMatchCountText(newState.matchIndex, newState.matchCount);
   const {
     findButtonsEnabled,
     replaceButtonsEnabled
@@ -2850,6 +2879,7 @@ const commandMap = {
   'FindWidget.dispose': dispose,
   'FindWidget.focusCloseButton': wrapCommand(focusCloseButton),
   'FindWidget.focusElement': wrapCommand(focusElement),
+  'FindWidget.focusFind': wrapCommand(focusFind),
   'FindWidget.focusFirst': wrapCommand(focusFirst),
   'FindWidget.focusIndex': wrapCommand(focusIndex),
   'FindWidget.focusLast': wrapCommand(focusLast),

package/static/{963d54f → 53bd123}/packages/renderer-process/dist/rendererProcessMain.js

@@ -119,7 +119,8 @@ const confirm$1 = message => {
 };
 
 const state$a = {
-  styleSheets: Object.create(null)
+  styleSheets: Object.create(null),
+  texts: Object.create(null)
 };
 const set$a = (id, sheet) => {
   state$a.styleSheets[id] = sheet;
@@ -127,18 +128,57 @@ const set$a = (id, sheet) => {
 const get$b = id => {
   return state$a.styleSheets[id];
 };
+const setText$2 = (id, text) => {
+  state$a.texts[id] = text;
+};
+const getText = id => {
+  return state$a.texts[id];
+};
+const remove$4 = id => {
+  delete state$a.styleSheets[id];
+  delete state$a.texts[id];
+};
 
 const addCssStyleSheet = (id, text) => {
   const existing = get$b(id);
   if (existing) {
     existing.replaceSync(text);
+    setText$2(id, text);
     return;
   }
   const sheet = new CSSStyleSheet({});
   set$a(id, sheet);
+  setText$2(id, text);
   sheet.replaceSync(text);
   document.adoptedStyleSheets.push(sheet);
 };
+const patchCssStyleSheet = (id, start, deleteCount, replacement) => {
+  const sheet = get$b(id);
+  const text = getText(id);
+  if (!sheet || typeof text !== 'string') {
+    throw new Error(`stylesheet ${id} must be initialized before it can be patched`);
+  }
+  if (!Number.isSafeInteger(start) || start < 0 || start > text.length) {
+    throw new TypeError('start must be an integer within the stylesheet');
+  }
+  if (!Number.isSafeInteger(deleteCount) || deleteCount < 0 || start + deleteCount > text.length) {
+    throw new TypeError('deleteCount must be an integer within the stylesheet');
+  }
+  if (typeof replacement !== 'string') {
+    throw new TypeError('replacement must be a string');
+  }
+  const newText = text.slice(0, start) + replacement + text.slice(start + deleteCount);
+  sheet.replaceSync(newText);
+  setText$2(id, newText);
+};
+const removeCssStyleSheet = id => {
+  const sheet = get$b(id);
+  if (!sheet) {
+    return;
+  }
+  document.adoptedStyleSheets = document.adoptedStyleSheets.filter(candidate => candidate !== sheet);
+  remove$4(id);
+};
 const getSelectionText = () => {
   return document.getSelection()?.toString() || '';
 };
@@ -1359,9 +1399,7 @@ const setStyle = ($Element, styleString) => {
   }
 };
 
-const optionalAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaOwns', 'aria-owns']]);
-const mappedAttributeProps = new Map([['ariaControls', 'aria-controls'], ['ariaLabelledBy', 'aria-labelledby']]);
-const removedAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaControls', 'aria-controls'], ['ariaLabelledBy', 'aria-labelledby'], ['ariaOwns', 'aria-owns'], ['className', 'class'], ['htmlFor', 'for'], ['inputType', 'type']]);
+const removedAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaControls', 'aria-controls'], ['ariaDescribedBy', 'aria-describedby'], ['ariaInvalid', 'aria-invalid'], ['ariaLabelledBy', 'aria-labelledby'], ['ariaOwns', 'aria-owns'], ['className', 'class'], ['htmlFor', 'for'], ['inputType', 'type']]);
 const pixelStyleProps = new Set(['height', 'left', 'marginTop', 'paddingLeft', 'paddingRight', 'top', 'width']);
 const eventProps = new Set(['onBlur', 'onChange', 'onClick', 'onContextMenu', 'onBeforeInput', 'onDblClick', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onFocus', 'onFocusIn', 'onFocusOut', 'onInput', 'onKeydown', 'onKeyDown', 'onKeyUp', 'onMouseDown', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPointerDown', 'onPointerMove', 'onPointerOut', 'onPointerOver', 'onScroll', 'onSelectionChange', 'onSubmit', 'onWheel']);
 const setOptionalAttribute = ($Element, attributeName, value) => {
@@ -1406,18 +1444,25 @@ const removeProp = ($Element, key) => {
   $Element.removeAttribute(attributeName);
 };
 const setProp = ($Element, key, value, eventMap, newEventMap) => {
-  const optionalAttributeName = optionalAttributeProps.get(key);
-  if (optionalAttributeName) {
-    setOptionalAttribute($Element, optionalAttributeName, value);
-    return;
-  }
-  const mappedAttributeName = mappedAttributeProps.get(key);
-  if (mappedAttributeName) {
-    $Element.setAttribute(mappedAttributeName, value);
-    return;
-  }
-  if (key === 'childCount' || key === 'type') {
-    return;
+  switch (key) {
+    case 'ariaActivedescendant':
+      setOptionalAttribute($Element, 'aria-activedescendant', value);
+      return;
+    case 'ariaControls':
+      $Element.setAttribute('aria-controls', value);
+      return;
+    case 'ariaDescribedBy':
+      $Element.setAttribute('aria-describedby', value);
+      return;
+    case 'ariaInvalid':
+      $Element.setAttribute('aria-invalid', value);
+      return;
+    case 'ariaLabelledBy':
+      $Element.setAttribute('aria-labelledby', value);
+      return;
+    case 'ariaOwns':
+      setOptionalAttribute($Element, 'aria-owns', value);
+      return;
   }
   if (key === 'height' || key === 'width') {
     setDimension($Element, key, value);
@@ -1466,6 +1511,9 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
 
 const setProps = ($Element, props, eventMap, newEventMap) => {
   for (const key in props) {
+    if (key === 'childCount' || key === 'type') {
+      continue;
+    }
     setProp($Element, key, props[key], eventMap, newEventMap);
   }
 };
@@ -1580,7 +1628,7 @@ const handleNavigateChild = (state, patches, patchIndex) => {
     return true;
   }
   const nextPatch = patches[patchIndex + 1];
-  if (nextPatch && nextPatch.type === Replace && patch.index === $Children.length) {
+  if (nextPatch && (nextPatch.type === Replace || nextPatch.type === SetReferenceNodeUid) && patch.index === $Children.length) {
     const $Placeholder = document.createComment('virtual-dom-placeholder');
     state.current.append($Placeholder);
     state.current = $Placeholder;
@@ -3462,7 +3510,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/963d54f';
+const assetDir = '/53bd123';
 
 const getConfiguredWorkerUrl = key => {
   if (typeof location === 'undefined' || typeof document === 'undefined') {
@@ -8834,6 +8882,7 @@ const dispose$4 = id => {
     if (instance.state.$Viewlet?.isConnected) {
       instance.state.$Viewlet.remove();
     }
+    removeCssStyleSheet(id);
     set$9(id, undefined);
   } catch {
     throw new Error(`Failed to dispose ${id}`);
@@ -9051,6 +9100,7 @@ const commandHandlers = {
   'Viewlet.focusSelector': focusSelector,
   'Viewlet.handleError': handleError$1,
   'Viewlet.move': move,
+  'Viewlet.patchCss': patchCssStyleSheet,
   'Viewlet.registerEventListeners': registerEventListeners,
   'Viewlet.removeKeyBindings': removeKeyBindings,
   'Viewlet.replaceChildren': replaceChildren,