@codingame/monaco-vscode-api 4.5.1 → 5.0.0

package/vscode/src/vs/platform/quickinput/browser/quickInputTree.js

@@ -23,9 +23,10 @@ import { RenderIndentGuides } from '../../../base/browser/ui/tree/abstractTree.j
 import { ThrottledDelayer } from '../../../base/common/async.js';
 import { isCancellationError } from '../../../base/common/errors.js';
 var QuickPickItemElementRenderer_1;
+const _moduleId = "vs/platform/quickinput/browser/quickInputTree";
 const $ = $$1;
 var QuickInputListFocus;
-( (function(QuickInputListFocus) {
+( ((function(QuickInputListFocus) {
     QuickInputListFocus[QuickInputListFocus["First"] = 1] = "First";
     QuickInputListFocus[QuickInputListFocus["Second"] = 2] = "Second";
     QuickInputListFocus[QuickInputListFocus["Last"] = 3] = "Last";
@@ -35,17 +36,17 @@ var QuickInputListFocus;
     QuickInputListFocus[QuickInputListFocus["PreviousPage"] = 7] = "PreviousPage";
     QuickInputListFocus[QuickInputListFocus["NextSeparator"] = 8] = "NextSeparator";
     QuickInputListFocus[QuickInputListFocus["PreviousSeparator"] = 9] = "PreviousSeparator";
-})(QuickInputListFocus || (QuickInputListFocus = {})));
+})(QuickInputListFocus || (QuickInputListFocus = {}))));
 class BaseQuickPickItemElement {
     constructor(index, hasCheckbox, mainItem) {
         this.index = index;
         this.hasCheckbox = hasCheckbox;
         this._hidden = false;
-        this._init = ( new Lazy(() => {
+        this._init = ( (new Lazy(() => {
             const saneLabel = mainItem.label ?? '';
             const saneSortLabel = parseLabelWithIcons(saneLabel).text.trim();
-            const saneAriaLabel = mainItem.ariaLabel || ( [saneLabel, this.saneDescription, this.saneDetail]
-                .map(s => getCodiconAriaLabel(s)))
+            const saneAriaLabel = mainItem.ariaLabel || ( ([saneLabel, this.saneDescription, this.saneDetail]
+                .map(s => getCodiconAriaLabel(s))))
                 .filter(s => !!s)
                 .join(', ');
             return {
@@ -53,7 +54,7 @@ class BaseQuickPickItemElement {
                 saneSortLabel,
                 saneAriaLabel
             };
-        }));
+        })));
         this._saneDescription = mainItem.description;
         this._saneTooltip = mainItem.tooltip;
     }
@@ -124,10 +125,10 @@ class QuickPickItemElement extends BaseQuickPickItemElement {
         this._separator = _separator;
         this._checked = false;
         this.onChecked = hasCheckbox
-            ? ( Event.map(
+            ? ( (Event.map(
             Event.filter(this._onChecked.event, e => e.element === this),
             e => e.checked
-        ))
+        )))
             : Event.None;
         this._saneDetail = item.detail;
         this._labelHighlights = item.highlights?.label;
@@ -154,17 +155,17 @@ class QuickPickItemElement extends BaseQuickPickItemElement {
     }
 }
 var QuickPickSeparatorFocusReason;
-( (function(QuickPickSeparatorFocusReason) {
+( ((function(QuickPickSeparatorFocusReason) {
     QuickPickSeparatorFocusReason[QuickPickSeparatorFocusReason["NONE"] = 0] = "NONE";
     QuickPickSeparatorFocusReason[QuickPickSeparatorFocusReason["MOUSE_HOVER"] = 1] = "MOUSE_HOVER";
     QuickPickSeparatorFocusReason[QuickPickSeparatorFocusReason["ACTIVE_ITEM"] = 2] = "ACTIVE_ITEM";
-})(QuickPickSeparatorFocusReason || (QuickPickSeparatorFocusReason = {})));
+})(QuickPickSeparatorFocusReason || (QuickPickSeparatorFocusReason = {}))));
 class QuickPickSeparatorElement extends BaseQuickPickItemElement {
     constructor(index, fireSeparatorButtonTriggered, separator) {
         super(index, false, separator);
         this.fireSeparatorButtonTriggered = fireSeparatorButtonTriggered;
         this.separator = separator;
-        this.children = ( new Array());
+        this.children = ( (new Array()));
         this.focusInsideSeparator = QuickPickSeparatorFocusReason.NONE;
     }
 }
@@ -186,11 +187,7 @@ class QuickInputItemDelegate {
 }
 class QuickInputAccessibilityProvider {
     getWidgetAriaLabel() {
-        return ( localizeWithPath(
-            'vs/platform/quickinput/browser/quickInputTree',
-            'quickInput',
-            "Quick Input"
-        ));
+        return ( localizeWithPath(_moduleId, 0, "Quick Input"));
     }
     getAriaLabel(element) {
         return element.separator?.label
@@ -208,8 +205,8 @@ class QuickInputAccessibilityProvider {
             return undefined;
         }
         return {
-            value: element.checked,
-            onDidChange: element.onChecked
+            get value() { return element.checked; },
+            onDidChange: e => element.onChecked(() => e()),
         };
     }
 }
@@ -219,8 +216,8 @@ class BaseQuickInputListRenderer {
     }
     renderTemplate(container) {
         const data = Object.create(null);
-        data.toDisposeElement = ( new DisposableStore());
-        data.toDisposeTemplate = ( new DisposableStore());
+        data.toDisposeElement = ( (new DisposableStore()));
+        data.toDisposeTemplate = ( (new DisposableStore()));
         data.entry = append(container, $('.quick-input-list-entry'));
         const label = append(data.entry, $('label.quick-input-list-label'));
         data.toDisposeTemplate.add(addStandardDisposableListener(label, EventType.CLICK, e => {
@@ -233,26 +230,26 @@ class BaseQuickInputListRenderer {
         const rows = append(label, $('.quick-input-list-rows'));
         const row1 = append(rows, $('.quick-input-list-row'));
         const row2 = append(rows, $('.quick-input-list-row'));
-        data.label = ( new IconLabel(
+        data.label = ( (new IconLabel(
             row1,
             { supportHighlights: true, supportDescriptionHighlights: true, supportIcons: true, hoverDelegate: this.hoverDelegate }
-        ));
+        )));
         data.toDisposeTemplate.add(data.label);
         data.icon = prepend(data.label.element, $('.quick-input-list-icon'));
         const keybindingContainer = append(row1, $('.quick-input-list-entry-keybinding'));
-        data.keybinding = ( new KeybindingLabel(keybindingContainer, OS));
+        data.keybinding = ( (new KeybindingLabel(keybindingContainer, OS)));
         data.toDisposeTemplate.add(data.keybinding);
         const detailContainer = append(row2, $('.quick-input-list-label-meta'));
-        data.detail = ( new IconLabel(
+        data.detail = ( (new IconLabel(
             detailContainer,
             { supportHighlights: true, supportIcons: true, hoverDelegate: this.hoverDelegate }
-        ));
+        )));
         data.toDisposeTemplate.add(data.detail);
         data.separator = append(data.entry, $('.quick-input-list-separator'));
-        data.actionBar = ( new ActionBar(
+        data.actionBar = ( (new ActionBar(
             data.entry,
             this.hoverDelegate ? { hoverDelegate: this.hoverDelegate } : undefined
-        ));
+        )));
         data.actionBar.domNode.classList.add('quick-input-list-entry-action-bar');
         data.toDisposeTemplate.add(data.actionBar);
         return data;
@@ -272,7 +269,7 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
     constructor(hoverDelegate, themeService) {
         super(hoverDelegate);
         this.themeService = themeService;
-        this._itemsWithSeparatorsFrequency = ( new Map());
+        this._itemsWithSeparatorsFrequency = ( (new Map()));
     }
     get templateId() {
         return QuickPickItemElementRenderer_1.ID;
@@ -357,9 +354,9 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         data.entry.classList.toggle('quick-input-list-separator-border', !!element.separator);
         const buttons = mainItem.buttons;
         if (buttons && buttons.length) {
-            data.actionBar.push(( buttons.map(
+            data.actionBar.push(( (buttons.map(
                 (button, index) => quickInputButtonToAction(button, `id-${index}`, () => element.fireButtonTriggered({ button, item: element.item }))
-            )), { icon: true, label: false });
+            ))), { icon: true, label: false });
             data.entry.classList.add('has-actions');
         }
         else {
@@ -371,7 +368,9 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         super.disposeElement(element, _index, data);
     }
     isItemWithSeparatorVisible(item) {
-        return ( this._itemsWithSeparatorsFrequency.has(item));
+        return (
+             (this._itemsWithSeparatorsFrequency.has(item))
+        );
     }
     addItemWithSeparator(item) {
         this._itemsWithSeparatorsFrequency.set(item, (this._itemsWithSeparatorsFrequency.get(item) || 0) + 1);
@@ -386,23 +385,25 @@ let QuickPickItemElementRenderer = class QuickPickItemElementRenderer extends Ba
         }
     }
 };
-QuickPickItemElementRenderer = QuickPickItemElementRenderer_1 = ( __decorate([
-    ( __param(1, IThemeService))
-], QuickPickItemElementRenderer));
+QuickPickItemElementRenderer = QuickPickItemElementRenderer_1 = ( (__decorate([
+    ( (__param(1, IThemeService)))
+], QuickPickItemElementRenderer)));
 class QuickPickSeparatorElementRenderer extends BaseQuickInputListRenderer {
     constructor() {
         super(...arguments);
-        this._visibleSeparatorsFrequency = ( new Map());
+        this._visibleSeparatorsFrequency = ( (new Map()));
     }
     static { this.ID = 'quickpickseparator'; }
     get templateId() {
         return QuickPickSeparatorElementRenderer.ID;
     }
     get visibleSeparators() {
-        return [...( this._visibleSeparatorsFrequency.keys())];
+        return [...( (this._visibleSeparatorsFrequency.keys()))];
     }
     isSeparatorVisible(separator) {
-        return ( this._visibleSeparatorsFrequency.has(separator));
+        return (
+             (this._visibleSeparatorsFrequency.has(separator))
+        );
     }
     renderElement(node, index, data) {
         const element = node.element;
@@ -456,9 +457,9 @@ class QuickPickSeparatorElementRenderer extends BaseQuickInputListRenderer {
         data.entry.classList.add('quick-input-list-separator-border');
         const buttons = mainItem.buttons;
         if (buttons && buttons.length) {
-            data.actionBar.push(( buttons.map(
+            data.actionBar.push(( (buttons.map(
                 (button, index) => quickInputButtonToAction(button, `id-${index}`, () => element.fireSeparatorButtonTriggered({ button, separator: element.separator }))
-            )), { icon: true, label: false });
+            ))), { icon: true, label: false });
             data.entry.classList.add('has-actions');
         }
         else {
@@ -492,28 +493,28 @@ let QuickInputTree = class QuickInputTree extends Disposable {
         this.parent = parent;
         this.hoverDelegate = hoverDelegate;
         this.linkOpenerDelegate = linkOpenerDelegate;
-        this._onKeyDown = ( new Emitter());
+        this._onKeyDown = ( (new Emitter()));
         this.onKeyDown = this._onKeyDown.event;
-        this._onLeave = ( new Emitter());
+        this._onLeave = ( (new Emitter()));
         this.onLeave = this._onLeave.event;
-        this._onChangedAllVisibleChecked = ( new Emitter());
+        this._onChangedAllVisibleChecked = ( (new Emitter()));
         this.onChangedAllVisibleChecked = this._onChangedAllVisibleChecked.event;
-        this._onChangedCheckedCount = ( new Emitter());
+        this._onChangedCheckedCount = ( (new Emitter()));
         this.onChangedCheckedCount = this._onChangedCheckedCount.event;
-        this._onChangedVisibleCount = ( new Emitter());
+        this._onChangedVisibleCount = ( (new Emitter()));
         this.onChangedVisibleCount = this._onChangedVisibleCount.event;
-        this._onChangedCheckedElements = ( new Emitter());
+        this._onChangedCheckedElements = ( (new Emitter()));
         this.onChangedCheckedElements = this._onChangedCheckedElements.event;
-        this._onButtonTriggered = ( new Emitter());
+        this._onButtonTriggered = ( (new Emitter()));
         this.onButtonTriggered = this._onButtonTriggered.event;
-        this._onSeparatorButtonTriggered = ( new Emitter());
+        this._onSeparatorButtonTriggered = ( (new Emitter()));
         this.onSeparatorButtonTriggered = this._onSeparatorButtonTriggered.event;
-        this._onTriggerEmptySelectionOrFocus = ( new Emitter());
-        this._elementChecked = ( new Emitter());
-        this._inputElements = ( new Array());
-        this._elementTree = ( new Array());
-        this._itemElements = ( new Array());
-        this._elementDisposable = this._register(( new DisposableStore()));
+        this._onTriggerEmptySelectionOrFocus = ( (new Emitter()));
+        this._elementChecked = ( (new Emitter()));
+        this._inputElements = ( (new Array()));
+        this._elementTree = ( (new Array()));
+        this._itemElements = ( (new Array()));
+        this._elementDisposable = this._register(( (new DisposableStore())));
         this._shouldFireCheckedEvents = true;
         this._matchOnDescription = false;
         this._matchOnDetail = false;
@@ -522,10 +523,10 @@ let QuickInputTree = class QuickInputTree extends Disposable {
         this._matchOnMeta = true;
         this._sortByLabel = true;
         this._container = append(this.parent, $('.quick-input-list'));
-        this._separatorRenderer = ( new QuickPickSeparatorElementRenderer(hoverDelegate));
+        this._separatorRenderer = ( (new QuickPickSeparatorElementRenderer(hoverDelegate)));
         this._itemRenderer = instantiationService.createInstance(QuickPickItemElementRenderer, hoverDelegate);
-        this._tree = this._register(instantiationService.createInstance((WorkbenchObjectTree), 'QuickInput', this._container, ( new QuickInputItemDelegate()), [this._itemRenderer, this._separatorRenderer], {
-            accessibilityProvider: ( new QuickInputAccessibilityProvider()),
+        this._tree = this._register(instantiationService.createInstance((WorkbenchObjectTree), 'QuickInput', this._container, ( (new QuickInputItemDelegate())), [this._itemRenderer, this._separatorRenderer], {
+            accessibilityProvider: ( (new QuickInputAccessibilityProvider())),
             setRowLineHeight: false,
             multipleSelectionSupport: false,
             hideTwistiesOfChildlessElements: true,
@@ -536,11 +537,19 @@ let QuickInputTree = class QuickInputTree extends Disposable {
             allowNonCollapsibleParents: true,
             identityProvider: {
                 getId: element => {
-                    return element.item?.id
-                        ?? element.item?.label
-                        ?? element.separator?.id
-                        ?? element.separator?.label
-                        ?? '';
+                    const mainItem = element.item || element.separator;
+                    if (mainItem === undefined) {
+                        return '';
+                    }
+                    if (mainItem.id !== undefined) {
+                        return mainItem.id;
+                    }
+                    let id = `label:${mainItem.label}`;
+                    id += `$$description:${mainItem.description}`;
+                    if (mainItem.type !== 'separator') {
+                        id += `$$detail:${mainItem.detail}`;
+                    }
+                    return id;
                 },
             },
             alwaysConsumeMouseWheel: true
@@ -549,19 +558,23 @@ let QuickInputTree = class QuickInputTree extends Disposable {
         this._registerListeners();
     }
     get onDidChangeFocus() {
-        return ( Event.map(
-            Event.any(this._tree.onDidChangeFocus, this._onTriggerEmptySelectionOrFocus.event),
-            e => ( e.elements.filter((e) => e instanceof QuickPickItemElement).map(e => e.item))
-        ));
+        return (
+             (Event.map(
+                Event.any(this._tree.onDidChangeFocus, this._onTriggerEmptySelectionOrFocus.event),
+                e => ( (e.elements.filter((e) => e instanceof QuickPickItemElement).map(e => e.item)))
+            ))
+        );
     }
     get onDidChangeSelection() {
-        return ( Event.map(
-            Event.any(this._tree.onDidChangeSelection, this._onTriggerEmptySelectionOrFocus.event),
-            e => ({
-                items: ( e.elements.filter((e) => e instanceof QuickPickItemElement).map(e => e.item)),
-                event: e.browserEvent
-            })
-        ));
+        return (
+             (Event.map(
+                Event.any(this._tree.onDidChangeSelection, this._onTriggerEmptySelectionOrFocus.event),
+                e => ({
+                    items: ( (e.elements.filter((e) => e instanceof QuickPickItemElement).map(e => e.item))),
+                    event: e.browserEvent
+                })
+            ))
+        );
     }
     get scrollTop() {
         return this._tree.scrollTop;
@@ -626,7 +639,7 @@ let QuickInputTree = class QuickInputTree extends Disposable {
     }
     _registerOnKeyDown() {
         this._register(this._tree.onKeyDown(e => {
-            const event = ( new StandardKeyboardEvent(e));
+            const event = ( (new StandardKeyboardEvent(e)));
             switch (event.keyCode) {
                 case 10 :
                     this.toggleCheckbox();
@@ -680,7 +693,7 @@ let QuickInputTree = class QuickInputTree extends Disposable {
         }));
     }
     _registerHoverListeners() {
-        const delayer = this._register(( new ThrottledDelayer(this.hoverDelegate.delay)));
+        const delayer = this._register(( (new ThrottledDelayer(this.hoverDelegate.delay))));
         this._register(this._tree.onMouseOver(async (e) => {
             if (e.browserEvent.target instanceof HTMLAnchorElement) {
                 delayer.cancel();
@@ -801,14 +814,14 @@ let QuickInputTree = class QuickInputTree extends Disposable {
         this._inputElements = inputElements;
         const hasCheckbox = this.parent.classList.contains('show-checkboxes');
         let currentSeparatorElement;
-        this._itemElements = ( new Array());
+        this._itemElements = ( (new Array()));
         this._elementTree = inputElements.reduce((result, item, index) => {
             let element;
             if (item.type === 'separator') {
                 if (!item.buttons) {
                     return result;
                 }
-                currentSeparatorElement = ( new QuickPickSeparatorElement(index, (event) => this.fireSeparatorButtonTriggered(event), item));
+                currentSeparatorElement = ( (new QuickPickSeparatorElement(index, (event) => this.fireSeparatorButtonTriggered(event), item)));
                 element = currentSeparatorElement;
             }
             else {
@@ -818,14 +831,14 @@ let QuickInputTree = class QuickInputTree extends Disposable {
                     currentSeparatorElement = undefined;
                     separator = previous;
                 }
-                const qpi = ( new QuickPickItemElement(
+                const qpi = ( (new QuickPickItemElement(
                     index,
                     hasCheckbox,
                     (event) => this.fireButtonTriggered(event),
                     this._elementChecked,
                     item,
                     separator
-                ));
+                )));
                 this._itemElements.push(qpi);
                 if (currentSeparatorElement) {
                     currentSeparatorElement.children.push(qpi);
@@ -835,8 +848,8 @@ let QuickInputTree = class QuickInputTree extends Disposable {
             }
             result.push(element);
             return result;
-        }, ( new Array()));
-        const elements = ( new Array());
+        }, ( (new Array())));
+        const elements = ( (new Array()));
         let visibleCount = 0;
         for (const element of this._elementTree) {
             if (element instanceof QuickPickSeparatorElement) {
@@ -844,11 +857,11 @@ let QuickInputTree = class QuickInputTree extends Disposable {
                     element,
                     collapsible: false,
                     collapsed: false,
-                    children: ( element.children.map(e => ({
+                    children: ( (element.children.map(e => ({
                         element: e,
                         collapsible: false,
                         collapsed: false,
-                    }))),
+                    })))),
                 });
                 visibleCount += element.children.length + 1;
             }
@@ -868,13 +881,13 @@ let QuickInputTree = class QuickInputTree extends Disposable {
         return this._inputElements.length;
     }
     getFocusedElements() {
-        return ( this._tree.getFocus()
+        return ( (this._tree.getFocus()
             .filter((e) => !!e)
-            .map(e => e.item))
+            .map(e => e.item)))
             .filter((e) => !!e);
     }
     setFocusedElements(items) {
-        const elements = ( items.map(item => this._itemElements.find(e => e.item === item)))
+        const elements = ( (items.map(item => this._itemElements.find(e => e.item === item))))
             .filter((e) => !!e);
         this._tree.setFocus(elements);
         if (items.length > 0) {
@@ -888,28 +901,32 @@ let QuickInputTree = class QuickInputTree extends Disposable {
         return this._tree.getHTMLElement().getAttribute('aria-activedescendant');
     }
     getSelectedElements() {
-        return ( this._tree.getSelection()
-            .filter((e) => !!e && !!e.item)
-            .map(e => e.item));
+        return (
+             (this._tree.getSelection()
+                .filter((e) => !!e && !!e.item)
+                .map(e => e.item))
+        );
     }
     setSelectedElements(items) {
-        const elements = ( items.map(item => this._itemElements.find(e => e.item === item)))
+        const elements = ( (items.map(item => this._itemElements.find(e => e.item === item))))
             .filter((e) => !!e);
         this._tree.setSelection(elements);
     }
     getCheckedElements() {
-        return ( this._itemElements.filter(e => e.checked)
-            .map(e => e.item));
+        return (
+             (this._itemElements.filter(e => e.checked)
+                .map(e => e.item))
+        );
     }
     setCheckedElements(items) {
         try {
             this._shouldFireCheckedEvents = false;
-            const checked = ( new Set());
+            const checked = ( (new Set()));
             for (const item of items) {
                 checked.add(item);
             }
             for (const element of this._itemElements) {
-                element.checked = ( checked.has(element.item));
+                element.checked = ( (checked.has(element.item)));
             }
         }
         finally {
@@ -1165,19 +1182,19 @@ let QuickInputTree = class QuickInputTree extends Disposable {
                 result.push(element);
             }
             return result;
-        }, ( new Array()));
-        const elements = ( new Array());
+        }, ( (new Array())));
+        const elements = ( (new Array()));
         for (const element of finalElements) {
             if (element instanceof QuickPickSeparatorElement) {
                 elements.push({
                     element,
                     collapsible: false,
                     collapsed: false,
-                    children: ( element.children.map(e => ({
+                    children: ( (element.children.map(e => ({
                         element: e,
                         collapsible: false,
                         collapsed: false,
-                    }))),
+                    })))),
                 });
             }
             else {
@@ -1235,7 +1252,7 @@ let QuickInputTree = class QuickInputTree extends Disposable {
             return;
         }
         this.showHover(focused);
-        const store = ( new DisposableStore());
+        const store = ( (new DisposableStore()));
         store.add(this._tree.onDidChangeFocus(e => {
             if (e.elements[0] instanceof QuickPickItemElement) {
                 this.showHover(e.elements[0]);
@@ -1298,15 +1315,15 @@ let QuickInputTree = class QuickInputTree extends Disposable {
         }, false);
     }
 };
-QuickInputTree.__decorator = ( __decorate([
+QuickInputTree.__decorator = ( (__decorate([
     memoize
-], QuickInputTree.prototype, "onDidChangeFocus", null));
-QuickInputTree.__decorator = ( __decorate([
+], QuickInputTree.prototype, "onDidChangeFocus", null)));
+QuickInputTree.__decorator = ( (__decorate([
     memoize
-], QuickInputTree.prototype, "onDidChangeSelection", null));
-QuickInputTree = ( __decorate([
-    ( __param(4, IInstantiationService))
-], QuickInputTree));
+], QuickInputTree.prototype, "onDidChangeSelection", null)));
+QuickInputTree = ( (__decorate([
+    ( (__param(4, IInstantiationService)))
+], QuickInputTree)));
 function matchesContiguousIconAware(query, target) {
     const { text, iconOffsets } = target;
     if (!iconOffsets || iconOffsets.length === 0) {

package/vscode/src/vs/platform/quickinput/browser/quickInputUtils.js

@@ -8,14 +8,15 @@ import { IdGenerator } from '../../../base/common/idGenerator.js';
 import { parseLinkedText } from '../../../base/common/linkedText.js';
 import './media/quickInput.css.js';
 import { localizeWithPath } from '../../../nls.js';
+const _moduleId = "vs/platform/quickinput/browser/quickInputUtils";
 const iconPathToClass = {};
-const iconClassGenerator = ( new IdGenerator('quick-input-button-icon-'));
+const iconClassGenerator = ( (new IdGenerator('quick-input-button-icon-')));
 function getIconClass(iconPath) {
     if (!iconPath) {
         return undefined;
     }
     let iconClass;
-    const key = ( iconPath.dark.toString());
+    const key = ( (iconPath.dark.toString()));
     if (iconPathToClass[key]) {
         iconClass = iconPathToClass[key];
     }
@@ -53,8 +54,8 @@ function renderQuickInputDescription(description, container, actionHandler) {
             let title = node.title;
             if (!title && node.href.startsWith('command:')) {
                 title = ( localizeWithPath(
-                    'vs/platform/quickinput/browser/quickInputUtils',
-                    'executeCommand',
+                    _moduleId,
+                    0,
                     "Click to execute command '{0}'",
                     node.href.substring('command:'.length)
                 ));
@@ -70,14 +71,14 @@ function renderQuickInputDescription(description, container, actionHandler) {
                 }
                 actionHandler.callback(node.href);
             };
-            const onClick = actionHandler.disposables.add(( new DomEmitter(anchor, EventType.CLICK))).event;
-            const onKeydown = actionHandler.disposables.add(( new DomEmitter(anchor, EventType.KEY_DOWN))).event;
+            const onClick = actionHandler.disposables.add(( (new DomEmitter(anchor, EventType.CLICK)))).event;
+            const onKeydown = actionHandler.disposables.add(( (new DomEmitter(anchor, EventType.KEY_DOWN)))).event;
             const onSpaceOrEnter = Event.chain(onKeydown, $ => $.filter(e => {
-                const event = ( new StandardKeyboardEvent(e));
+                const event = ( (new StandardKeyboardEvent(e)));
                 return event.equals(10 ) || event.equals(3 );
             }));
             actionHandler.disposables.add(Gesture.addTarget(anchor));
-            const onTap = actionHandler.disposables.add(( new DomEmitter(anchor, EventType$1.Tap))).event;
+            const onTap = actionHandler.disposables.add(( (new DomEmitter(anchor, EventType$1.Tap)))).event;
             Event.any(onClick, onTap, onSpaceOrEnter)(handleOpen, null, actionHandler.disposables);
             container.appendChild(anchor);
         }

package/vscode/src/vs/platform/quickinput/browser/quickPickPin.js

@@ -1,6 +1,7 @@
 import { Codicon } from '../../../base/common/codicons.js';
 import { localizeWithPath } from '../../../nls.js';
 import { ThemeIcon } from '../../../base/common/themables.js';
+const _moduleId = "vs/platform/quickinput/browser/quickPickPin";
 const pinButtonClass = ThemeIcon.asClassName(Codicon.pin);
 const pinnedButtonClass = ThemeIcon.asClassName(Codicon.pinned);
 const buttonClasses = [pinButtonClass, pinnedButtonClass];
@@ -36,19 +37,15 @@ function _formatPinnedItems(storageKey, quickPick, storageService, changedItem,
         pinnedItems = getPinnedItems(storageKey, storageService);
     }
     if (pinnedItems.length) {
-        formattedItems.push({ type: 'separator', label: ( localizeWithPath(
-            'vs/platform/quickinput/browser/quickPickPin',
-            "terminal.commands.pinned",
-            'pinned'
-        )) });
+        formattedItems.push({ type: 'separator', label: ( localizeWithPath(_moduleId, 0, 'pinned')) });
     }
-    const pinnedIds = ( new Set());
+    const pinnedIds = ( (new Set()));
     for (const itemToFind of pinnedItems) {
         const itemToPin = quickPick.items.find(item => itemsMatch(item, itemToFind));
         if (itemToPin) {
             const pinnedItemId = getItemIdentifier(itemToPin);
             const pinnedItem = Object.assign({}, itemToPin);
-            if (!filterDuplicates || !( pinnedIds.has(pinnedItemId))) {
+            if (!filterDuplicates || !( (pinnedIds.has(pinnedItemId)))) {
                 pinnedIds.add(pinnedItemId);
                 updateButtons(pinnedItem, false);
                 formattedItems.push(pinnedItem);
@@ -71,11 +68,7 @@ function updateButtons(item, removePin) {
     const newButtons = item.buttons?.filter(button => button.iconClass && !buttonClasses.includes(button.iconClass)) ?? [];
     newButtons.unshift({
         iconClass: removePin ? pinButtonClass : pinnedButtonClass,
-        tooltip: removePin ? ( localizeWithPath('vs/platform/quickinput/browser/quickPickPin', 'pinCommand', "Pin command")) : ( localizeWithPath(
-            'vs/platform/quickinput/browser/quickPickPin',
-            'pinnedCommand',
-            "Pinned command"
-        )),
+        tooltip: removePin ? ( localizeWithPath(_moduleId, 1, "Pin command")) : ( localizeWithPath(_moduleId, 2, "Pinned command")),
         alwaysVisible: false
     });
     item.buttons = newButtons;