@lvce-editor/server 0.0.27 → 0.0.28

package/static/f9b8874/packages/renderer-process/dist/ViewletOutput.js

@@ -0,0 +1,96 @@
+import { o as object, b as string, t as focus$1, s as send } from './rendererProcessMain.js';
+
+const create$Option = (option) => {
+  const $Option = document.createElement('option');
+  $Option.value = option.file;
+  $Option.textContent = option.name;
+  return $Option
+};
+
+// TODO name export not necessary
+const name = 'Output';
+
+const handleChange = (event) => {
+  const $Target = event.target;
+  const value = $Target.value;
+  send(
+    /* viewletSend */ 'Viewlet.send',
+    /* ViewletId */ 'Output',
+    /* method */ 'setOutputChannel',
+    /* option */ value
+  );
+};
+
+const create = () => {
+  const $ViewletOutputSelect = document.createElement('select');
+  $ViewletOutputSelect.className = 'ViewletOutputSelect';
+  $ViewletOutputSelect.onchange = handleChange;
+  $ViewletOutputSelect.ariaLabel = 'Select a log';
+  const $ViewletOutputContent = document.createElement('div');
+  $ViewletOutputContent.className = 'OutputContent';
+  $ViewletOutputContent.setAttribute('role', 'log');
+  $ViewletOutputContent.tabIndex = 0;
+  const $ViewletOutputWidgets = document.createElement('div');
+  $ViewletOutputWidgets.className = 'OutputWidgets';
+  const $Viewlet = document.createElement('div');
+  $Viewlet.dataset.viewletId = 'Output';
+  $Viewlet.className = 'Viewlet ViewletOutput';
+  $Viewlet.tabIndex = 0;
+  $Viewlet.append(
+    $ViewletOutputSelect,
+    $ViewletOutputContent,
+    $ViewletOutputWidgets
+  );
+  return {
+    $Viewlet,
+    select: $ViewletOutputSelect,
+    $Select: $ViewletOutputSelect,
+    content: $ViewletOutputContent,
+    $Content: $ViewletOutputContent,
+    $ViewletOutputContent,
+  }
+};
+
+const setOptions = (state, options) => {
+  state.$Select.append(...options.map(create$Option));
+};
+
+const append = (state, text) => {
+  object(state);
+  string(text);
+  const $Line = document.createElement('div');
+  $Line.textContent = text;
+  state.content.append($Line);
+};
+
+const clear = (state) => {
+  object(state);
+  state.content.textContent = '';
+};
+
+const handleError = (state, error) => {
+  object(state);
+  string(error);
+  state.content.textContent = error;
+};
+
+const focus = (state) => {
+  object(state);
+  focus$1(state.$ViewletOutputContent, 'output');
+};
+
+// TODO handle case when output is opened -> find widget is opened -> output is disposed before find widget is ready
+const openFindWidget = (state) => {
+  // Command.execute(findWidget.create)
+};
+
+const disposeFindWidget = (state) => {
+  if (!state.findWidget) {
+    return
+  }
+};
+
+const dispose = (state) => {};
+
+export { append, clear, create, dispose, disposeFindWidget, focus, handleError, name, openFindWidget, setOptions };
+//# sourceMappingURL=ViewletOutput.js.map

package/static/f9b8874/packages/renderer-process/dist/ViewletOutput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewletOutput.js","sources":["../src/parts/Viewlet/ViewletOutput.js"],"sourcesContent":["import * as RendererWorker from '../RendererWorker/RendererWorker.js'\nimport * as Focus from '../Focus/Focus.js'\nimport * as Assert from '../Assert/Assert.js'\n\nconst create$Option = (option) => {\n  const $Option = document.createElement('option')\n  $Option.value = option.file\n  $Option.textContent = option.name\n  return $Option\n}\n\n// TODO name export not necessary\nexport const name = 'Output'\n\nconst handleChange = (event) => {\n  const $Target = event.target\n  const value = $Target.value\n  RendererWorker.send(\n    /* viewletSend */ 'Viewlet.send',\n    /* ViewletId */ 'Output',\n    /* method */ 'setOutputChannel',\n    /* option */ value\n  )\n}\n\nexport const create = () => {\n  const $ViewletOutputSelect = document.createElement('select')\n  $ViewletOutputSelect.className = 'ViewletOutputSelect'\n  $ViewletOutputSelect.onchange = handleChange\n  $ViewletOutputSelect.ariaLabel = 'Select a log'\n  const $ViewletOutputContent = document.createElement('div')\n  $ViewletOutputContent.className = 'OutputContent'\n  $ViewletOutputContent.setAttribute('role', 'log')\n  $ViewletOutputContent.tabIndex = 0\n  const $ViewletOutputWidgets = document.createElement('div')\n  $ViewletOutputWidgets.className = 'OutputWidgets'\n  const $Viewlet = document.createElement('div')\n  $Viewlet.dataset.viewletId = 'Output'\n  $Viewlet.className = 'Viewlet ViewletOutput'\n  $Viewlet.tabIndex = 0\n  $Viewlet.append(\n    $ViewletOutputSelect,\n    $ViewletOutputContent,\n    $ViewletOutputWidgets\n  )\n  return {\n    $Viewlet,\n    select: $ViewletOutputSelect,\n    $Select: $ViewletOutputSelect,\n    content: $ViewletOutputContent,\n    $Content: $ViewletOutputContent,\n    $ViewletOutputContent,\n  }\n}\n\nexport const setOptions = (state, options) => {\n  state.$Select.append(...options.map(create$Option))\n}\n\nexport const append = (state, text) => {\n  Assert.object(state)\n  Assert.string(text)\n  const $Line = document.createElement('div')\n  $Line.textContent = text\n  state.content.append($Line)\n}\n\nexport const clear = (state) => {\n  Assert.object(state)\n  state.content.textContent = ''\n}\n\nexport const handleError = (state, error) => {\n  Assert.object(state)\n  Assert.string(error)\n  state.content.textContent = error\n}\n\nexport const focus = (state) => {\n  Assert.object(state)\n  Focus.focus(state.$ViewletOutputContent, 'output')\n}\n\n// TODO handle case when output is opened -> find widget is opened -> output is disposed before find widget is ready\nexport const openFindWidget = (state) => {\n  // Command.execute(findWidget.create)\n}\n\nexport const disposeFindWidget = (state) => {\n  if (!state.findWidget) {\n    return\n  }\n\n  // Command.execute(FindWidget.dispose, state.findWidget)\n  state.findWidget\n}\n\nexport const dispose = (state) => {}\n"],"names":["RendererWorker.send","Assert.object","Assert.string","Focus.focus"],"mappings":"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"}

package/static/f9b8874/packages/renderer-process/dist/ViewletPanel.js

@@ -0,0 +1,114 @@
+import { o as object, b as string, s as send, E as state } from './rendererProcessMain.js';
+
+const create$PanelTab = (label) => {
+  const $PanelTab = document.createElement('div');
+  $PanelTab.className = 'PanelTab';
+  $PanelTab.setAttribute('role', 'tab');
+  $PanelTab.tabIndex = -1;
+  $PanelTab.textContent = label;
+  return $PanelTab
+};
+
+const getNodeIndex = ($Node) => {
+  let index = 0;
+  while (($Node = $Node.previousElementSibling)) {
+    index++;
+  }
+  return index
+};
+
+const panelTabsHandleClick = (event) => {
+  const $Target = event.target;
+  switch ($Target.className) {
+    case 'PanelTab': {
+      const index = getNodeIndex($Target);
+      send(
+        /* Panel.tabsHandleClick */ 'Panel.tabsHandleClick',
+        /* index */ index
+      );
+      break
+    }
+  }
+};
+
+const create = () => {
+  const $PanelTabs = document.createElement('div');
+  $PanelTabs.id = 'PanelTabs';
+  $PanelTabs.setAttribute('role', 'tablist');
+  $PanelTabs.onmousedown = panelTabsHandleClick;
+  const $PanelHeader = document.createElement('div');
+  $PanelHeader.id = 'PanelHeader';
+  $PanelHeader.append($PanelTabs);
+  // const $PanelContent = document.createElement('div')
+  // $PanelContent.id = 'PanelContent'
+  const $Panel = state.$Panel;
+  $Panel.append($PanelHeader);
+  $Panel.ariaLabel = 'Panel';
+  return {
+    $Panel,
+    $PanelTabs,
+    $PanelHeader,
+    $PanelContent: undefined,
+  }
+  // await openViewlet('Terminal')
+};
+
+const setTabs = (state, tabs) => {
+  console.log({ tabs });
+  state.$PanelTabs.append(...tabs.map(create$PanelTab));
+};
+
+const appendViewlet = (state, name, $Viewlet) => {
+  object(state);
+  string(name);
+  object($Viewlet);
+  // TODO is it a problem that the id is duplicated for a short amount of time here?
+  $Viewlet.id = 'PanelContent';
+  if (state.$PanelContent) {
+    state.$PanelContent.replaceWith($Viewlet);
+  } else {
+    state.$Panel.append($Viewlet);
+  }
+  state.$PanelContent = $Viewlet;
+};
+
+// TODO add test for focus method
+const focus = (state) => {
+  object(state);
+  if (!state.currentViewlet) {
+    return
+  }
+  state.currentViewlet.factory.focus(state.currentViewlet.state);
+};
+
+const dispose = (state) => {
+  if (state.$PanelContent) {
+    state.$PanelContent.remove();
+    state.$PanelContent = undefined;
+  }
+  if (state.$PanelTabs) {
+    state.$PanelTabs.remove();
+    state.$PanelTabs = undefined;
+  }
+  if (state.$PanelHeader) {
+    state.$PanelHeader.remove();
+    state.$PanelHeader = undefined;
+  }
+};
+
+const selectTab = (state, oldSelectedIndex, newSelectedIndex) => {
+  const { $PanelTabs } = state;
+  if (oldSelectedIndex !== -1) {
+    const $PanelTab = $PanelTabs.children[oldSelectedIndex];
+    $PanelTab.removeAttribute('aria-selected');
+    $PanelTab.tabIndex = -1;
+  }
+  if (newSelectedIndex !== -1) {
+    const $PanelTab = $PanelTabs.children[newSelectedIndex];
+    $PanelTab.ariaSelected = true;
+    $PanelTab.tabIndex = 0;
+  }
+};
+
+export { appendViewlet, create, dispose, focus, selectTab, setTabs };
+//# sourceMappingURL=ViewletPanel.js.map

package/static/f9b8874/packages/renderer-process/dist/ViewletPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewletPanel.js","sources":["../src/parts/Viewlet/ViewletPanel.js"],"sourcesContent":["import * as Assert from '../Assert/Assert.js'\nimport * as Layout from '../Layout/Layout.js'\nimport * as RendererWorker from '../RendererWorker/RendererWorker.js'\n\nconst create$PanelTab = (label) => {\n  const $PanelTab = document.createElement('div')\n  $PanelTab.className = 'PanelTab'\n  $PanelTab.setAttribute('role', 'tab')\n  $PanelTab.tabIndex = -1\n  $PanelTab.textContent = label\n  return $PanelTab\n}\n\nconst getNodeIndex = ($Node) => {\n  let index = 0\n  while (($Node = $Node.previousElementSibling)) {\n    index++\n  }\n  return index\n}\n\nconst panelTabsHandleClick = (event) => {\n  const $Target = event.target\n  switch ($Target.className) {\n    case 'PanelTab': {\n      const index = getNodeIndex($Target)\n      RendererWorker.send(\n        /* Panel.tabsHandleClick */ 'Panel.tabsHandleClick',\n        /* index */ index\n      )\n      break\n    }\n    default:\n      break\n  }\n}\n\nexport const create = () => {\n  const $PanelTabs = document.createElement('div')\n  $PanelTabs.id = 'PanelTabs'\n  $PanelTabs.setAttribute('role', 'tablist')\n  $PanelTabs.onmousedown = panelTabsHandleClick\n  const $PanelHeader = document.createElement('div')\n  $PanelHeader.id = 'PanelHeader'\n  $PanelHeader.append($PanelTabs)\n  // const $PanelContent = document.createElement('div')\n  // $PanelContent.id = 'PanelContent'\n  const $Panel = Layout.state.$Panel\n  $Panel.append($PanelHeader)\n  $Panel.ariaLabel = 'Panel'\n  return {\n    $Panel,\n    $PanelTabs,\n    $PanelHeader,\n    $PanelContent: undefined,\n  }\n  // await openViewlet('Terminal')\n}\n\nexport const setTabs = (state, tabs) => {\n  console.log({ tabs })\n  state.$PanelTabs.append(...tabs.map(create$PanelTab))\n}\n\nexport const appendViewlet = (state, name, $Viewlet) => {\n  Assert.object(state)\n  Assert.string(name)\n  Assert.object($Viewlet)\n  // TODO is it a problem that the id is duplicated for a short amount of time here?\n  $Viewlet.id = 'PanelContent'\n  if (state.$PanelContent) {\n    state.$PanelContent.replaceWith($Viewlet)\n  } else {\n    state.$Panel.append($Viewlet)\n  }\n  state.$PanelContent = $Viewlet\n}\n\n// TODO add test for focus method\nexport const focus = (state) => {\n  Assert.object(state)\n  if (!state.currentViewlet) {\n    return\n  }\n  state.currentViewlet.factory.focus(state.currentViewlet.state)\n}\n\nexport const dispose = (state) => {\n  if (state.$PanelContent) {\n    state.$PanelContent.remove()\n    state.$PanelContent = undefined\n  }\n  if (state.$PanelTabs) {\n    state.$PanelTabs.remove()\n    state.$PanelTabs = undefined\n  }\n  if (state.$PanelHeader) {\n    state.$PanelHeader.remove()\n    state.$PanelHeader = undefined\n  }\n}\n\nexport const selectTab = (state, oldSelectedIndex, newSelectedIndex) => {\n  const { $PanelTabs } = state\n  if (oldSelectedIndex !== -1) {\n    const $PanelTab = $PanelTabs.children[oldSelectedIndex]\n    $PanelTab.removeAttribute('aria-selected')\n    $PanelTab.tabIndex = -1\n  }\n  if (newSelectedIndex !== -1) {\n    const $PanelTab = $PanelTabs.children[newSelectedIndex]\n    $PanelTab.ariaSelected = true\n    $PanelTab.tabIndex = 0\n  }\n}\n"],"names":["RendererWorker.send","Layout.state","Assert.object","Assert.string"],"mappings":"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"}

package/static/f9b8874/packages/renderer-process/dist/ViewletProblems.js

@@ -0,0 +1,48 @@
+import { o as object, c as array, s as send } from './rendererProcessMain.js';
+
+const name = 'Problems';
+
+const handleMouseDown = (event) => {
+  event.preventDefault();
+  send(/* ViewletProblems.focusIndex */ 7550, /* index */ -1);
+};
+
+const create = (problemsCount) => {
+  const $Viewlet = document.createElement('div');
+  $Viewlet.dataset.viewletId = 'Problems';
+  $Viewlet.className = 'Viewlet';
+  $Viewlet.tabIndex = 0;
+  $Viewlet.onmousedown = handleMouseDown;
+  return {
+    $Viewlet,
+  }
+};
+
+const setFocusedIndex = (state, focusedIndex) => {
+  const { $Viewlet } = state;
+  if (focusedIndex === -1) {
+    $Viewlet.classList.add('FocusOutline');
+    $Viewlet.focus();
+  }
+};
+
+const setProblems = (state, problems) => {
+  object(state);
+  array(problems);
+  const { $Viewlet } = state;
+  if (problems.length === 0) {
+    $Viewlet.ariaLabel = 'No problems have been detected in the workspace.';
+    $Viewlet.textContent = 'No problems have been detected in the workspace.';
+  } else {
+    // TODO adjust aria-label
+    $Viewlet.ariaLabel = 'No problems have been detected in the workspace.';
+    $Viewlet.textContent = problems.join('\n');
+  }
+};
+
+const focus = (state) => {
+  state.$Viewlet.focus();
+};
+
+export { create, focus, name, setFocusedIndex, setProblems };
+//# sourceMappingURL=ViewletProblems.js.map

package/static/f9b8874/packages/renderer-process/dist/ViewletProblems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewletProblems.js","sources":["../src/parts/Viewlet/ViewletProblems.js"],"sourcesContent":["import * as Assert from '../Assert/Assert.js'\nimport * as RendererWorker from '../RendererWorker/RendererWorker.js'\n\nexport const name = 'Problems'\n\nconst handleMouseDown = (event) => {\n  event.preventDefault()\n  RendererWorker.send(/* ViewletProblems.focusIndex */ 7550, /* index */ -1)\n}\n\nexport const create = (problemsCount) => {\n  const $Viewlet = document.createElement('div')\n  $Viewlet.dataset.viewletId = 'Problems'\n  $Viewlet.className = 'Viewlet'\n  $Viewlet.tabIndex = 0\n  $Viewlet.onmousedown = handleMouseDown\n  return {\n    $Viewlet,\n  }\n}\n\nexport const setFocusedIndex = (state, focusedIndex) => {\n  const { $Viewlet } = state\n  if (focusedIndex === -1) {\n    $Viewlet.classList.add('FocusOutline')\n    $Viewlet.focus()\n  }\n}\n\nexport const setProblems = (state, problems) => {\n  Assert.object(state)\n  Assert.array(problems)\n  const { $Viewlet } = state\n  if (problems.length === 0) {\n    $Viewlet.ariaLabel = 'No problems have been detected in the workspace.'\n    $Viewlet.textContent = 'No problems have been detected in the workspace.'\n  } else {\n    // TODO adjust aria-label\n    $Viewlet.ariaLabel = 'No problems have been detected in the workspace.'\n    $Viewlet.textContent = problems.join('\\n')\n  }\n}\n\nexport const focus = (state) => {\n  state.$Viewlet.focus()\n}\n"],"names":["RendererWorker.send","Assert.object","Assert.array"],"mappings":";;AAGY,MAAC,IAAI,GAAG,WAAU;AAC9B;AACA,MAAM,eAAe,GAAG,CAAC,KAAK,KAAK;AACnC,EAAE,KAAK,CAAC,cAAc,GAAE;AACxB,EAAEA,IAAmB,kCAAkC,IAAI,cAAc,CAAC,CAAC,EAAC;AAC5E,EAAC;AACD;AACY,MAAC,MAAM,GAAG,CAAC,aAAa,KAAK;AACzC,EAAE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAC;AAChD,EAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,WAAU;AACzC,EAAE,QAAQ,CAAC,SAAS,GAAG,UAAS;AAChC,EAAE,QAAQ,CAAC,QAAQ,GAAG,EAAC;AACvB,EAAE,QAAQ,CAAC,WAAW,GAAG,gBAAe;AACxC,EAAE,OAAO;AACT,IAAI,QAAQ;AACZ,GAAG;AACH,EAAC;AACD;AACY,MAAC,eAAe,GAAG,CAAC,KAAK,EAAE,YAAY,KAAK;AACxD,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAK;AAC5B,EAAE,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE;AAC3B,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,EAAC;AAC1C,IAAI,QAAQ,CAAC,KAAK,GAAE;AACpB,GAAG;AACH,EAAC;AACD;AACY,MAAC,WAAW,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK;AAChD,EAAEC,MAAa,CAAC,KAAK,EAAC;AACtB,EAAEC,KAAY,CAAC,QAAQ,EAAC;AACxB,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAK;AAC5B,EAAE,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AAC7B,IAAI,QAAQ,CAAC,SAAS,GAAG,mDAAkD;AAC3E,IAAI,QAAQ,CAAC,WAAW,GAAG,mDAAkD;AAC7E,GAAG,MAAM;AACT;AACA,IAAI,QAAQ,CAAC,SAAS,GAAG,mDAAkD;AAC3E,IAAI,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAC;AAC9C,GAAG;AACH,EAAC;AACD;AACY,MAAC,KAAK,GAAG,CAAC,KAAK,KAAK;AAChC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,GAAE;AACxB;;;;"}

package/static/f9b8874/packages/renderer-process/dist/ViewletQuickPick.js

@@ -0,0 +1,343 @@
+import { o as object, c as array, n as number, a as append, t as focus, m as remove, p as focusPrevious, s as send } from './rendererProcessMain.js';
+import { c as create$1 } from './InputBox.js';
+
+/* Tries to implement the pattern for combobox with listbox popup https://www.w3.org/TR/wai-aria-1.2/#combobox */
+
+// TODO use another virtual list that just appends elements and
+// is optimized for fast show/hide, scrolling performance should
+// be good as well but is not as important as fast show/hide
+
+// TODO screenreader makes pause after reading colon, maybe there is a setting for screenreaders so they speak normally
+
+// TODO state
+
+// TODO when quickpick is shown recalculate style and layout is really slow (>10ms every time)
+
+// TODO accessibility issues with nvda: when pressing escape, it goes into different mode
+// but should just close quick-pick like vscode does
+
+const getNodeIndex = ($Node) => {
+  let index = 0;
+  while (($Node = $Node.previousElementSibling)) {
+    index++;
+  }
+  return index
+};
+
+const getTargetIndex = ($Target) => {
+  switch ($Target.className) {
+    case 'QuickPickItem':
+    case 'QuickPickItem Focused':
+      return getNodeIndex($Target)
+    case 'QuickPickItemLabel':
+      return getNodeIndex($Target.parentNode)
+    default:
+      return -1
+  }
+};
+
+const handleMouseDown = (event) => {
+  event.preventDefault();
+  const $Target = event.target;
+  const index = getTargetIndex($Target);
+  if (index === -1) {
+    return
+  }
+  // console.log('button', event.button)
+  // console.log({ index })
+  send(
+    /* QuickPick.selectIndex */ 'QuickPick.selectIndex',
+    /* index */ index
+  );
+};
+
+// TODO beforeinput event should prevent input event maybe
+// const handleBeforeInput = (event) => {
+//   if (!event.data) {
+//     return
+//   }
+//   const value = event.target.value + event.data
+//   RendererWorker.send(
+//     /* quickPickHandleInput */ 'QuickPick.handleInput',
+//     /* value */ value,
+//   )
+// }
+
+const handleInput = (event) => {
+  const $Target = event.target;
+  send(
+    /* quickPickHandleInput */ 'QuickPick.handleInput',
+    /* value */ $Target.value
+  );
+};
+// TODO when blur hides quickpick automatically it doesn't necessarily need to be sent command to hide itself
+const handleBlur = (event) => {
+  // console.log(event)
+  // if (!event.relatedTarget) {
+  //   console.log('no related target')
+  //   return
+  // }
+  send(/* QuickPick.handleBlur */ 'QuickPick.handleBlur');
+};
+
+// TODO forbidden:
+// 1. methods
+// 2. functions inside functions
+
+const create$QuickPickItem = () => {
+  // TODO many quickPick items may not have description -> avoid creating description dom nodes if there is no description
+  const $QuickPickItemLabel = document.createElement('div');
+  $QuickPickItemLabel.className = 'QuickPickItemLabel';
+  // $QuickPickItemLabel.textContent = item.label || '<missing label>'
+  // const $QuickPickItemDescription = document.createElement('div')
+  // $QuickPickItemDescription.className = 'QuickPickItemDescription'
+  // $QuickPickItemDescription.textContent = item.description
+  const $QuickPickItem = document.createElement('div'); // TODO ul/li would be better for structure but might be slower
+  $QuickPickItem.className = 'QuickPickItem';
+  $QuickPickItem.setAttribute('role', 'option');
+  // $QuickPickItem.id = `QuickPickItem-${index}`
+  // $QuickPickItem.dataset.index = index
+  // $QuickPickItem.ariaPosInSet = `${index + 1}`
+  // $QuickPickItem.ariaSetSize = `${total}`
+  $QuickPickItem.append($QuickPickItemLabel);
+  return $QuickPickItem
+};
+
+const focusIndex = (state, oldIndex, newIndex) => {
+  if (oldIndex === newIndex) {
+    return
+  }
+  const $QuickPickItems = state.$QuickPickItems;
+  if (oldIndex !== -1) {
+    const $OldItem = $QuickPickItems.children[oldIndex];
+    $OldItem.classList.remove('Focused');
+  }
+  const $NewItem = $QuickPickItems.children[newIndex];
+  $NewItem.classList.add('Focused');
+  state.$QuickPickInput.setAttribute('aria-activedescendant', $NewItem.id);
+};
+
+// TODO add test with show and slicedItems length is 0
+
+const create$QuickPickDescription = () => {
+  const $QuickPickItemDescription = document.createElement('div');
+  $QuickPickItemDescription.className = 'QuickPickItemDescription';
+  return $QuickPickItemDescription
+};
+
+const render$QuickPickItemLabel = ($QuickPickItemLabel, quickPickItem) => {
+  // TODO don't use text content -> recycle text node instead: node.nodeValue='newtext'
+  $QuickPickItemLabel.textContent = quickPickItem.label;
+};
+
+const render$QuickPickItemLess = ($QuickPickItem, quickPickItem) => {
+  render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem);
+  const $QuickPickItemDescription = create$QuickPickDescription();
+  // render$QuickPickItemDescription($QuickPickItemDescription, quickPickItem)
+
+  $QuickPickItem.append($QuickPickItemDescription);
+};
+
+const render$QuickPickItemEqual = ($QuickPickItem, quickPickItem) => {
+  render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem);
+};
+
+const render$QuickPickItemMore = ($QuickPickItem, quickPickItem) => {
+  render$QuickPickItemLabel($QuickPickItem.firstChild, quickPickItem);
+  $QuickPickItem.lastChild.remove();
+};
+
+const render$QuickPickItem = ($QuickPickItem, quickPickItem) => {
+  const lengthA = $QuickPickItem.children.length;
+  const lengthB = quickPickItem.description ? 2 : 1;
+  $QuickPickItem.id = `QuickPickItem-${quickPickItem.posInSet}`;
+  $QuickPickItem.ariaPosInSet = `${quickPickItem.posInSet}`; // TODO pass correct number as prop
+  $QuickPickItem.ariaSetSize = `${quickPickItem.setSize}`;
+  if (lengthA < lengthB) {
+    render$QuickPickItemLess($QuickPickItem, quickPickItem);
+  } else if (lengthA === lengthB) {
+    render$QuickPickItemEqual($QuickPickItem, quickPickItem);
+  } else {
+    render$QuickPickItemMore($QuickPickItem, quickPickItem);
+  }
+};
+
+const render$QuickPickItemsLess = ($QuickPickItems, quickPickItems) => {
+  for (let i = 0; i < $QuickPickItems.children.length; i++) {
+    render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i]);
+  }
+  const fragment = document.createDocumentFragment();
+  for (
+    let i = $QuickPickItems.children.length;
+    i < quickPickItems.length;
+    i++
+  ) {
+    const $QuickPickItem = create$QuickPickItem();
+    render$QuickPickItem($QuickPickItem, quickPickItems[i]);
+    fragment.append($QuickPickItem);
+  }
+  $QuickPickItems.append(fragment);
+};
+
+const render$QuickPickItemsEqual = ($QuickPickItems, quickPickItems) => {
+  for (let i = 0; i < quickPickItems.length; i++) {
+    render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i]);
+  }
+};
+
+const render$QuickPickItemsMore = ($QuickPickItems, quickPickItems) => {
+  for (let i = 0; i < quickPickItems.length; i++) {
+    render$QuickPickItem($QuickPickItems.children[i], quickPickItems[i]);
+  }
+  const diff = $QuickPickItems.children.length - quickPickItems.length;
+  for (let i = 0; i < diff; i++) {
+    $QuickPickItems.lastChild.remove();
+  }
+};
+
+const render$QuickPickItems = ($QuickPickItems, quickPickItems) => {
+  if ($QuickPickItems.children.length < quickPickItems.length) {
+    render$QuickPickItemsLess($QuickPickItems, quickPickItems);
+  } else if ($QuickPickItems.children.length === quickPickItems.length) {
+    render$QuickPickItemsEqual($QuickPickItems, quickPickItems);
+  } else {
+    render$QuickPickItemsMore($QuickPickItems, quickPickItems);
+  }
+};
+
+const updatePicks = (state, visiblePicks, unFocusIndex) => {
+  object(state);
+  array(visiblePicks);
+  number(unFocusIndex);
+  // TODO avoid copying on every keyboard input event
+  // const allPicks = [...slicedPicks]
+  // List.setItems(state.list, total, allPicks)
+  render$QuickPickItems(state.$QuickPickItems, visiblePicks);
+  focusIndex(state, unFocusIndex, 0); // TODO handle length zero
+};
+
+const updateValueAndPicks = (
+  state,
+  value,
+  visiblePicks,
+  focusIndex,
+  unFocusIndex
+) => {
+  state.$QuickPickInput.value = value;
+  if (unFocusIndex !== -1) {
+    state.$QuickPickItems.children[unFocusIndex].classList.remove('Focused');
+  }
+  render$QuickPickItems(state.$QuickPickItems, visiblePicks);
+  if (focusIndex !== -1) {
+    // TODO set aria-activedescendant
+    state.$QuickPickItems.children[focusIndex].classList.add('Focused');
+  }
+};
+
+const updateValueAndPicksAndPlaceholder = (
+  state,
+  value,
+  visiblePicks,
+  focusIndex,
+  unFocusIndex,
+  placeholder,
+  label
+) => {
+  const { $QuickPickInput, $QuickPickItems } = state;
+  updateValueAndPicks(state, value, visiblePicks, focusIndex, unFocusIndex);
+  $QuickPickInput.placeholder = placeholder;
+  $QuickPickInput.ariaLabel = placeholder;
+  $QuickPickItems.ariaLabel = label;
+  console.log({ placeholder, label });
+  // setTimeout(() => {
+  // $QuickPickInput.focus()
+  // }, 100)
+  // $QuickPickInput.ariaDescription = 'this is a description'
+
+  // $QuickPickInput.focus()
+};
+
+// TODO
+// - for windows narrator, ariaLabel works well
+// - for nvda ariaRoleDescription works better
+
+const create = (value, visiblePicks, focusIndex) => {
+  const $QuickPickInput = create$1();
+  $QuickPickInput.setAttribute('aria-controls', 'QuickPickItems');
+  $QuickPickInput.setAttribute('role', 'combobox'); // TODO use idl once supported
+  $QuickPickInput.ariaLabel = 'Type the name of a command to run.';
+  $QuickPickInput.ariaAutoComplete = 'list';
+  $QuickPickInput.setAttribute('aria-activedescendant', '');
+  $QuickPickInput.setAttribute('aria-activedescendant', 'QuickPickItem-1'); // TODO only if list length is not zero
+  $QuickPickInput.onblur = handleBlur;
+  // $QuickPickInput.addEventListener('beforeinput', handleBeforeInput)
+  $QuickPickInput.oninput = handleInput;
+  $QuickPickInput.ariaExpanded = 'true';
+
+  const $QuickPickHeader = document.createElement('div');
+  $QuickPickHeader.id = 'QuickPickHeader';
+  $QuickPickHeader.append($QuickPickInput);
+
+  const $QuickPickItems = document.createElement('div');
+  $QuickPickItems.id = 'QuickPickItems';
+  $QuickPickItems.setAttribute('role', 'listbox');
+  $QuickPickItems.onmousedown = handleMouseDown;
+
+  // TODO this works well with nvda but not with windows narrator
+  // probably a bug with windows narrator that doesn't support ariaRoleDescription
+  $QuickPickItems.ariaRoleDescription = 'Quick Input';
+
+  const $QuickPick = document.createElement('div');
+  $QuickPick.id = 'QuickPick';
+  // $QuickPick.setAttribute('role', 'dialog')
+  $QuickPick.append($QuickPickHeader, $QuickPickItems);
+  // $QuickPick.setAttribute('aria-modal', 'false') // TODO why is this
+  $QuickPick.ariaLabel = 'Quick open';
+
+  // workaround for chrome bug, role application is already on body but
+  // chrome sometimes uses role document
+  document.body.setAttribute('role', 'application');
+
+  append($QuickPick);
+  focus($QuickPickInput, 'quickPickInput');
+
+  return {
+    $QuickPick,
+    $QuickPickInput,
+    $QuickPickItems,
+  }
+};
+
+const setValueAndPicks = (state, value, visiblePicks) => {
+  // TODO set value might cause recalc style / layout -> investigate
+  state.$QuickPickInput.value = value;
+  render$QuickPickItems(state.$QuickPickItems, visiblePicks);
+  state.$QuickPickItems.children[0].classList.add('Focused');
+};
+
+const showNoResults = (state, noResults, unfocusIndex) => {
+  console.log({ noResults });
+  updatePicks(state, [noResults], unfocusIndex);
+  append(state.$QuickPick);
+  focus(state.$QuickPickInput, 'quickPickInput');
+};
+
+// TODO QuickPick module is always loaded lazily -> can create $QuickPick eagerly (no state / less state laying around)
+
+// TODO remove from dom vs display none which should be used?
+
+// TODO have common widgets container for all widgets (this, notifications, context menu)
+const dispose = (state) => {
+  // TODO make hidden or remove, which is better?  -> remove less dom nodes in dom, hidden -> maybe less style recalculations when shown again
+  state.$QuickPickInput.onblur = null;
+  remove(state.$QuickPick);
+  focusPrevious();
+};
+
+const setValue = (state, value) => {
+  const { $QuickPickInput } = state;
+  $QuickPickInput.value = value;
+};
+
+export { create, dispose, focusIndex, setValue, setValueAndPicks, showNoResults, updatePicks, updateValueAndPicks, updateValueAndPicksAndPlaceholder };
+//# sourceMappingURL=ViewletQuickPick.js.map