@codingame/monaco-vscode-api 4.1.0 → 4.1.2

package/vscode/src/vs/workbench/contrib/preferences/browser/settingsWidgets.js

@@ -1,1158 +0,0 @@
-import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { BrowserFeatures } from '../../../../base/browser/canIUse.js';
-import { append, addDisposableListener, EventType, addStandardDisposableListener, EventHelper, $ as $$1, isAncestorOfActiveElement, clearNode, findParentWithClass } from '../../../../base/browser/dom.js';
-import { ActionBar } from '../../../../base/browser/ui/actionbar/actionbar.js';
-import { Button } from '../../../../base/browser/ui/button/button.js';
-import { Toggle, unthemedToggleStyles } from '../../../../base/browser/ui/toggle/toggle.js';
-import { InputBox } from '../../../../base/browser/ui/inputbox/inputBox.js';
-import { SelectBox } from '../../../../base/browser/ui/selectBox/selectBox.js';
-import { disposableTimeout } from '../../../../base/common/async.js';
-import { Codicon } from '../../../../base/common/codicons.js';
-import { Emitter } from '../../../../base/common/event.js';
-import { Disposable, DisposableStore } from '../../../../base/common/lifecycle.js';
-import { isIOS } from '../../../../base/common/platform.js';
-import { isUndefinedOrNull, isDefined } from '../../../../base/common/types.js';
-import './media/settingsWidgets.css.js';
-import { localizeWithPath } from '../../../../nls.js';
-import { IContextViewService } from '../../../../platform/contextview/browser/contextView.js';
-import { IThemeService } from '../../../../platform/theme/common/themeService.js';
-import { ThemeIcon } from '../../../../base/common/themables.js';
-import { settingsEditIcon, settingsRemoveIcon, settingsDiscardIcon } from './preferencesIcons.js';
-import { settingsTextInputBackground, settingsTextInputForeground, settingsTextInputBorder, settingsSelectBackground, settingsSelectForeground, settingsSelectBorder, settingsSelectListBorder } from '../common/settingsEditorColorRegistry.js';
-import { getInputBoxStyle, defaultButtonStyles, getSelectBoxStyles } from '../../../../platform/theme/browser/defaultStyles.js';
-import { setupCustomHover } from '../../../../base/browser/ui/hover/updatableHoverWidget.js';
-import { getDefaultHoverDelegate } from '../../../../base/browser/ui/hover/hoverDelegateFactory.js';
-const $ = $$1;
-class ListSettingListModel {
-    get items() {
-        const items = ( this._dataItems.map((item, i) => {
-            const editing = typeof this._editKey === 'number' && this._editKey === i;
-            return {
-                ...item,
-                editing,
-                selected: i === this._selectedIdx || editing
-            };
-        }));
-        if (this._editKey === 'create') {
-            items.push({
-                editing: true,
-                selected: true,
-                ...this._newDataItem,
-            });
-        }
-        return items;
-    }
-    constructor(newItem) {
-        this._dataItems = [];
-        this._editKey = null;
-        this._selectedIdx = null;
-        this._newDataItem = newItem;
-    }
-    setEditKey(key) {
-        this._editKey = key;
-    }
-    setValue(listData) {
-        this._dataItems = listData;
-    }
-    select(idx) {
-        this._selectedIdx = idx;
-    }
-    getSelected() {
-        return this._selectedIdx;
-    }
-    selectNext() {
-        if (typeof this._selectedIdx === 'number') {
-            this._selectedIdx = Math.min(this._selectedIdx + 1, this._dataItems.length - 1);
-        }
-        else {
-            this._selectedIdx = 0;
-        }
-    }
-    selectPrevious() {
-        if (typeof this._selectedIdx === 'number') {
-            this._selectedIdx = Math.max(this._selectedIdx - 1, 0);
-        }
-        else {
-            this._selectedIdx = 0;
-        }
-    }
-}
-let AbstractListSettingWidget = class AbstractListSettingWidget extends Disposable {
-    get domNode() {
-        return this.listElement;
-    }
-    get items() {
-        return this.model.items;
-    }
-    get inReadMode() {
-        return this.model.items.every(item => !item.editing);
-    }
-    constructor(container, themeService, contextViewService) {
-        super();
-        this.container = container;
-        this.themeService = themeService;
-        this.contextViewService = contextViewService;
-        this.rowElements = [];
-        this._onDidChangeList = this._register(( new Emitter()));
-        this.model = ( new ListSettingListModel(this.getEmptyItem()));
-        this.listDisposables = this._register(( new DisposableStore()));
-        this.onDidChangeList = this._onDidChangeList.event;
-        this.listElement = append(container, $('div'));
-        this.listElement.setAttribute('role', 'list');
-        this.getContainerClasses().forEach(c => this.listElement.classList.add(c));
-        append(container, this.renderAddButton());
-        this.renderList();
-        this._register(addDisposableListener(this.listElement, EventType.POINTER_DOWN, e => this.onListClick(e)));
-        this._register(addDisposableListener(this.listElement, EventType.DBLCLICK, e => this.onListDoubleClick(e)));
-        this._register(addStandardDisposableListener(this.listElement, 'keydown', (e) => {
-            if (e.equals(16 )) {
-                this.selectPreviousRow();
-            }
-            else if (e.equals(18 )) {
-                this.selectNextRow();
-            }
-            else {
-                return;
-            }
-            e.preventDefault();
-            e.stopPropagation();
-        }));
-    }
-    setValue(listData) {
-        this.model.setValue(listData);
-        this.renderList();
-    }
-    renderHeader() {
-        return;
-    }
-    isAddButtonVisible() {
-        return true;
-    }
-    renderList() {
-        const focused = isAncestorOfActiveElement(this.listElement);
-        clearNode(this.listElement);
-        this.listDisposables.clear();
-        const newMode = ( this.model.items.some(item => !!(item.editing && this.isItemNew(item))));
-        this.container.classList.toggle('setting-list-hide-add-button', !this.isAddButtonVisible() || newMode);
-        if (this.model.items.length) {
-            this.listElement.tabIndex = 0;
-        }
-        else {
-            this.listElement.removeAttribute('tabIndex');
-        }
-        const header = this.renderHeader();
-        if (header) {
-            this.listElement.appendChild(header);
-        }
-        this.rowElements = ( this.model.items.map((item, i) => this.renderDataOrEditItem(item, i, focused)));
-        this.rowElements.forEach(rowElement => this.listElement.appendChild(rowElement));
-    }
-    createBasicSelectBox(value) {
-        const selectBoxOptions = ( value.options.map(({ value, description }) => ({ text: value, description })));
-        const selected = value.options.findIndex(option => value.data === option.value);
-        const styles = getSelectBoxStyles({
-            selectBackground: settingsSelectBackground,
-            selectForeground: settingsSelectForeground,
-            selectBorder: settingsSelectBorder,
-            selectListBorder: settingsSelectListBorder
-        });
-        const selectBox = ( new SelectBox(selectBoxOptions, selected, this.contextViewService, styles, {
-            useCustomDrawn: !(isIOS && BrowserFeatures.pointerEvents)
-        }));
-        return selectBox;
-    }
-    editSetting(idx) {
-        this.model.setEditKey(idx);
-        this.renderList();
-    }
-    cancelEdit() {
-        this.model.setEditKey('none');
-        this.renderList();
-    }
-    handleItemChange(originalItem, changedItem, idx) {
-        this.model.setEditKey('none');
-        this._onDidChangeList.fire({
-            originalItem,
-            item: changedItem,
-            targetIndex: idx,
-        });
-        this.renderList();
-    }
-    renderDataOrEditItem(item, idx, listFocused) {
-        const rowElement = item.editing ?
-            this.renderEdit(item, idx) :
-            this.renderDataItem(item, idx, listFocused);
-        rowElement.setAttribute('role', 'listitem');
-        return rowElement;
-    }
-    renderDataItem(item, idx, listFocused) {
-        const rowElementGroup = this.renderItem(item, idx);
-        const rowElement = rowElementGroup.rowElement;
-        rowElement.setAttribute('data-index', idx + '');
-        rowElement.setAttribute('tabindex', item.selected ? '0' : '-1');
-        rowElement.classList.toggle('selected', item.selected);
-        const actionBar = ( new ActionBar(rowElement));
-        this.listDisposables.add(actionBar);
-        actionBar.push(this.getActionsForItem(item, idx), { icon: true, label: true });
-        this.addTooltipsToRow(rowElementGroup, item);
-        if (item.selected && listFocused) {
-            disposableTimeout(() => rowElement.focus(), undefined, this.listDisposables);
-        }
-        this.listDisposables.add(addDisposableListener(rowElement, 'click', (e) => {
-            e.stopPropagation();
-        }));
-        return rowElement;
-    }
-    renderAddButton() {
-        const rowElement = $('.setting-list-new-row');
-        const startAddButton = this._register(( new Button(rowElement, defaultButtonStyles)));
-        startAddButton.label = this.getLocalizedStrings().addButtonLabel;
-        startAddButton.element.classList.add('setting-list-addButton');
-        this._register(startAddButton.onDidClick(() => {
-            this.model.setEditKey('create');
-            this.renderList();
-        }));
-        return rowElement;
-    }
-    onListClick(e) {
-        const targetIdx = this.getClickedItemIndex(e);
-        if (targetIdx < 0) {
-            return;
-        }
-        e.preventDefault();
-        e.stopImmediatePropagation();
-        if (this.model.getSelected() === targetIdx) {
-            return;
-        }
-        this.selectRow(targetIdx);
-    }
-    onListDoubleClick(e) {
-        const targetIdx = this.getClickedItemIndex(e);
-        if (targetIdx < 0) {
-            return;
-        }
-        const item = this.model.items[targetIdx];
-        if (item) {
-            this.editSetting(targetIdx);
-            e.preventDefault();
-            e.stopPropagation();
-        }
-    }
-    getClickedItemIndex(e) {
-        if (!e.target) {
-            return -1;
-        }
-        const actionbar = findParentWithClass(e.target, 'monaco-action-bar');
-        if (actionbar) {
-            return -1;
-        }
-        const element = findParentWithClass(e.target, 'setting-list-row');
-        if (!element) {
-            return -1;
-        }
-        const targetIdxStr = element.getAttribute('data-index');
-        if (!targetIdxStr) {
-            return -1;
-        }
-        const targetIdx = parseInt(targetIdxStr);
-        return targetIdx;
-    }
-    selectRow(idx) {
-        this.model.select(idx);
-        this.rowElements.forEach(row => row.classList.remove('selected'));
-        const selectedRow = this.rowElements[this.model.getSelected()];
-        selectedRow.classList.add('selected');
-        selectedRow.focus();
-    }
-    selectNextRow() {
-        this.model.selectNext();
-        this.selectRow(this.model.getSelected());
-    }
-    selectPreviousRow() {
-        this.model.selectPrevious();
-        this.selectRow(this.model.getSelected());
-    }
-};
-AbstractListSettingWidget = ( __decorate([
-    ( __param(1, IThemeService)),
-    ( __param(2, IContextViewService))
-], AbstractListSettingWidget));
-class ListSettingWidget extends AbstractListSettingWidget {
-    constructor() {
-        super(...arguments);
-        this.showAddButton = true;
-    }
-    setValue(listData, options) {
-        this.keyValueSuggester = options?.keySuggester;
-        this.showAddButton = options?.showAddButton ?? true;
-        super.setValue(listData);
-    }
-    getEmptyItem() {
-        return {
-            value: {
-                type: 'string',
-                data: ''
-            }
-        };
-    }
-    isAddButtonVisible() {
-        return this.showAddButton;
-    }
-    getContainerClasses() {
-        return ['setting-list-widget'];
-    }
-    getActionsForItem(item, idx) {
-        return [
-            {
-                class: ThemeIcon.asClassName(settingsEditIcon),
-                enabled: true,
-                id: 'workbench.action.editListItem',
-                tooltip: this.getLocalizedStrings().editActionTooltip,
-                run: () => this.editSetting(idx)
-            },
-            {
-                class: ThemeIcon.asClassName(settingsRemoveIcon),
-                enabled: true,
-                id: 'workbench.action.removeListItem',
-                tooltip: this.getLocalizedStrings().deleteActionTooltip,
-                run: () => this._onDidChangeList.fire({ originalItem: item, item: undefined, targetIndex: idx })
-            }
-        ];
-    }
-    getDragImage(item) {
-        const dragImage = $('.monaco-drag-image');
-        dragImage.textContent = item.value.data;
-        return dragImage;
-    }
-    renderItem(item, idx) {
-        const rowElement = $('.setting-list-row');
-        const valueElement = append(rowElement, $('.setting-list-value'));
-        const siblingElement = append(rowElement, $('.setting-list-sibling'));
-        valueElement.textContent = ( item.value.data.toString());
-        siblingElement.textContent = item.sibling ? `when: ${item.sibling}` : null;
-        this.addDragAndDrop(rowElement, item, idx);
-        return { rowElement, keyElement: valueElement, valueElement: siblingElement };
-    }
-    addDragAndDrop(rowElement, item, idx) {
-        if (this.inReadMode) {
-            rowElement.draggable = true;
-            rowElement.classList.add('draggable');
-        }
-        else {
-            rowElement.draggable = false;
-            rowElement.classList.remove('draggable');
-        }
-        this.listDisposables.add(addDisposableListener(rowElement, EventType.DRAG_START, (ev) => {
-            this.dragDetails = {
-                element: rowElement,
-                item,
-                itemIndex: idx
-            };
-            if (ev.dataTransfer) {
-                ev.dataTransfer.dropEffect = 'move';
-                const dragImage = this.getDragImage(item);
-                rowElement.ownerDocument.body.appendChild(dragImage);
-                ev.dataTransfer.setDragImage(dragImage, -10, -10);
-                setTimeout(() => rowElement.ownerDocument.body.removeChild(dragImage), 0);
-            }
-        }));
-        this.listDisposables.add(addDisposableListener(rowElement, EventType.DRAG_OVER, (ev) => {
-            if (!this.dragDetails) {
-                return false;
-            }
-            ev.preventDefault();
-            if (ev.dataTransfer) {
-                ev.dataTransfer.dropEffect = 'move';
-            }
-            return true;
-        }));
-        let counter = 0;
-        this.listDisposables.add(addDisposableListener(rowElement, EventType.DRAG_ENTER, (ev) => {
-            counter++;
-            rowElement.classList.add('drag-hover');
-        }));
-        this.listDisposables.add(addDisposableListener(rowElement, EventType.DRAG_LEAVE, (ev) => {
-            counter--;
-            if (!counter) {
-                rowElement.classList.remove('drag-hover');
-            }
-        }));
-        this.listDisposables.add(addDisposableListener(rowElement, EventType.DROP, (ev) => {
-            if (!this.dragDetails) {
-                return false;
-            }
-            ev.preventDefault();
-            counter = 0;
-            if (this.dragDetails.element !== rowElement) {
-                this._onDidChangeList.fire({
-                    originalItem: this.dragDetails.item,
-                    sourceIndex: this.dragDetails.itemIndex,
-                    item,
-                    targetIndex: idx
-                });
-            }
-            return true;
-        }));
-        this.listDisposables.add(addDisposableListener(rowElement, EventType.DRAG_END, (ev) => {
-            counter = 0;
-            rowElement.classList.remove('drag-hover');
-            ev.dataTransfer?.clearData();
-            if (this.dragDetails) {
-                this.dragDetails = undefined;
-            }
-        }));
-    }
-    renderEdit(item, idx) {
-        const rowElement = $('.setting-list-edit-row');
-        let valueInput;
-        let currentDisplayValue;
-        let currentEnumOptions;
-        if (this.keyValueSuggester) {
-            const enumData = this.keyValueSuggester(( this.model.items.map(({ value: { data } }) => data)), idx);
-            item = {
-                ...item,
-                value: {
-                    type: 'enum',
-                    data: item.value.data,
-                    options: enumData ? enumData.options : []
-                }
-            };
-        }
-        switch (item.value.type) {
-            case 'string':
-                valueInput = this.renderInputBox(item.value, rowElement);
-                break;
-            case 'enum':
-                valueInput = this.renderDropdown(item.value, rowElement);
-                currentEnumOptions = item.value.options;
-                if (item.value.options.length) {
-                    currentDisplayValue = this.isItemNew(item) ?
-                        currentEnumOptions[0].value : item.value.data;
-                }
-                break;
-        }
-        const updatedInputBoxItem = () => {
-            const inputBox = valueInput;
-            return {
-                value: {
-                    type: 'string',
-                    data: inputBox.value
-                },
-                sibling: siblingInput?.value
-            };
-        };
-        const updatedSelectBoxItem = (selectedValue) => {
-            return {
-                value: {
-                    type: 'enum',
-                    data: selectedValue,
-                    options: currentEnumOptions ?? []
-                }
-            };
-        };
-        const onKeyDown = (e) => {
-            if (e.equals(3 )) {
-                this.handleItemChange(item, updatedInputBoxItem(), idx);
-            }
-            else if (e.equals(9 )) {
-                this.cancelEdit();
-                e.preventDefault();
-            }
-            rowElement?.focus();
-        };
-        if (item.value.type !== 'string') {
-            const selectBox = valueInput;
-            this.listDisposables.add(selectBox.onDidSelect(({ selected }) => {
-                currentDisplayValue = selected;
-            }));
-        }
-        else {
-            const inputBox = valueInput;
-            this.listDisposables.add(addStandardDisposableListener(inputBox.inputElement, EventType.KEY_DOWN, onKeyDown));
-        }
-        let siblingInput;
-        if (!isUndefinedOrNull(item.sibling)) {
-            siblingInput = ( new InputBox(rowElement, this.contextViewService, {
-                placeholder: this.getLocalizedStrings().siblingInputPlaceholder,
-                inputBoxStyles: getInputBoxStyle({
-                    inputBackground: settingsTextInputBackground,
-                    inputForeground: settingsTextInputForeground,
-                    inputBorder: settingsTextInputBorder
-                })
-            }));
-            siblingInput.element.classList.add('setting-list-siblingInput');
-            this.listDisposables.add(siblingInput);
-            siblingInput.value = item.sibling;
-            this.listDisposables.add(addStandardDisposableListener(siblingInput.inputElement, EventType.KEY_DOWN, onKeyDown));
-        }
-        else if (valueInput instanceof InputBox) {
-            valueInput.element.classList.add('no-sibling');
-        }
-        const okButton = this._register(( new Button(rowElement, defaultButtonStyles)));
-        okButton.label = ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'okButton',
-            "OK"
-        ));
-        okButton.element.classList.add('setting-list-ok-button');
-        this.listDisposables.add(okButton.onDidClick(() => {
-            if (item.value.type === 'string') {
-                this.handleItemChange(item, updatedInputBoxItem(), idx);
-            }
-            else {
-                this.handleItemChange(item, updatedSelectBoxItem(currentDisplayValue), idx);
-            }
-        }));
-        const cancelButton = this._register(( new Button(rowElement, { secondary: true, ...defaultButtonStyles })));
-        cancelButton.label = ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'cancelButton',
-            "Cancel"
-        ));
-        cancelButton.element.classList.add('setting-list-cancel-button');
-        this.listDisposables.add(cancelButton.onDidClick(() => this.cancelEdit()));
-        this.listDisposables.add(disposableTimeout(() => {
-            valueInput.focus();
-            if (valueInput instanceof InputBox) {
-                valueInput.select();
-            }
-        }));
-        return rowElement;
-    }
-    isItemNew(item) {
-        return item.value.data === '';
-    }
-    addTooltipsToRow(rowElementGroup, { value, sibling }) {
-        const title = isUndefinedOrNull(sibling)
-            ? ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'listValueHintLabel',
-            "List item `{0}`",
-            value.data
-        ))
-            : ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'listSiblingHintLabel',
-            "List item `{0}` with sibling `${1}`",
-            value.data,
-            sibling
-        ));
-        const { rowElement } = rowElementGroup;
-        this.listDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), rowElement, title));
-        rowElement.setAttribute('aria-label', title);
-    }
-    getLocalizedStrings() {
-        return {
-            deleteActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'removeItem',
-                "Remove Item"
-            )),
-            editActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'editItem',
-                "Edit Item"
-            )),
-            addButtonLabel: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'addItem',
-                "Add Item"
-            )),
-            inputPlaceholder: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'itemInputPlaceholder',
-                "Item..."
-            )),
-            siblingInputPlaceholder: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'listSiblingInputPlaceholder',
-                "Sibling..."
-            )),
-        };
-    }
-    renderInputBox(value, rowElement) {
-        const valueInput = ( new InputBox(rowElement, this.contextViewService, {
-            placeholder: this.getLocalizedStrings().inputPlaceholder,
-            inputBoxStyles: getInputBoxStyle({
-                inputBackground: settingsTextInputBackground,
-                inputForeground: settingsTextInputForeground,
-                inputBorder: settingsTextInputBorder
-            })
-        }));
-        valueInput.element.classList.add('setting-list-valueInput');
-        this.listDisposables.add(valueInput);
-        valueInput.value = ( value.data.toString());
-        return valueInput;
-    }
-    renderDropdown(value, rowElement) {
-        if (value.type !== 'enum') {
-            throw new Error('Valuetype must be enum.');
-        }
-        const selectBox = this.createBasicSelectBox(value);
-        const wrapper = $('.setting-list-object-list-row');
-        selectBox.render(wrapper);
-        rowElement.appendChild(wrapper);
-        return selectBox;
-    }
-}
-class ExcludeSettingWidget extends ListSettingWidget {
-    getContainerClasses() {
-        return ['setting-list-include-exclude-widget'];
-    }
-    addDragAndDrop(rowElement, item, idx) {
-        return;
-    }
-    addTooltipsToRow(rowElementGroup, { value, sibling }) {
-        const title = isUndefinedOrNull(sibling)
-            ? ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'excludePatternHintLabel',
-            "Exclude files matching `{0}`",
-            value.data
-        ))
-            : ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'excludeSiblingHintLabel',
-            "Exclude files matching `{0}`, only when a file matching `{1}` is present",
-            value.data,
-            sibling
-        ));
-        const { rowElement } = rowElementGroup;
-        this.listDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), rowElement, title));
-        rowElement.setAttribute('aria-label', title);
-    }
-    getLocalizedStrings() {
-        return {
-            deleteActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'removeExcludeItem',
-                "Remove Exclude Item"
-            )),
-            editActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'editExcludeItem',
-                "Edit Exclude Item"
-            )),
-            addButtonLabel: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'addPattern',
-                "Add Pattern"
-            )),
-            inputPlaceholder: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'excludePatternInputPlaceholder',
-                "Exclude Pattern..."
-            )),
-            siblingInputPlaceholder: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'excludeSiblingInputPlaceholder',
-                "When Pattern Is Present..."
-            )),
-        };
-    }
-}
-class IncludeSettingWidget extends ListSettingWidget {
-    getContainerClasses() {
-        return ['setting-list-include-exclude-widget'];
-    }
-    addDragAndDrop(rowElement, item, idx) {
-        return;
-    }
-    addTooltipsToRow(rowElementGroup, { value, sibling }) {
-        const title = isUndefinedOrNull(sibling)
-            ? ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'includePatternHintLabel',
-            "Include files matching `{0}`",
-            value.data
-        ))
-            : ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'includeSiblingHintLabel',
-            "Include files matching `{0}`, only when a file matching `{1}` is present",
-            value.data,
-            sibling
-        ));
-        const { rowElement } = rowElementGroup;
-        this.listDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), rowElement, title));
-        rowElement.setAttribute('aria-label', title);
-    }
-    getLocalizedStrings() {
-        return {
-            deleteActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'removeIncludeItem',
-                "Remove Include Item"
-            )),
-            editActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'editIncludeItem',
-                "Edit Include Item"
-            )),
-            addButtonLabel: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'addPattern',
-                "Add Pattern"
-            )),
-            inputPlaceholder: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'includePatternInputPlaceholder',
-                "Include Pattern..."
-            )),
-            siblingInputPlaceholder: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'includeSiblingInputPlaceholder',
-                "When Pattern Is Present..."
-            )),
-        };
-    }
-}
-class ObjectSettingDropdownWidget extends AbstractListSettingWidget {
-    constructor() {
-        super(...arguments);
-        this.currentSettingKey = '';
-        this.showAddButton = true;
-        this.keySuggester = () => undefined;
-        this.valueSuggester = () => undefined;
-    }
-    setValue(listData, options) {
-        this.showAddButton = options?.showAddButton ?? this.showAddButton;
-        this.keySuggester = options?.keySuggester ?? this.keySuggester;
-        this.valueSuggester = options?.valueSuggester ?? this.valueSuggester;
-        if (isDefined(options) && options.settingKey !== this.currentSettingKey) {
-            this.model.setEditKey('none');
-            this.model.select(null);
-            this.currentSettingKey = options.settingKey;
-        }
-        super.setValue(listData);
-    }
-    isItemNew(item) {
-        return item.key.data === '' && item.value.data === '';
-    }
-    isAddButtonVisible() {
-        return this.showAddButton;
-    }
-    getEmptyItem() {
-        return {
-            key: { type: 'string', data: '' },
-            value: { type: 'string', data: '' },
-            removable: true,
-        };
-    }
-    getContainerClasses() {
-        return ['setting-list-object-widget'];
-    }
-    getActionsForItem(item, idx) {
-        const actions = [
-            {
-                class: ThemeIcon.asClassName(settingsEditIcon),
-                enabled: true,
-                id: 'workbench.action.editListItem',
-                tooltip: this.getLocalizedStrings().editActionTooltip,
-                run: () => this.editSetting(idx)
-            },
-        ];
-        if (item.removable) {
-            actions.push({
-                class: ThemeIcon.asClassName(settingsRemoveIcon),
-                enabled: true,
-                id: 'workbench.action.removeListItem',
-                tooltip: this.getLocalizedStrings().deleteActionTooltip,
-                run: () => this._onDidChangeList.fire({ originalItem: item, item: undefined, targetIndex: idx })
-            });
-        }
-        else {
-            actions.push({
-                class: ThemeIcon.asClassName(settingsDiscardIcon),
-                enabled: true,
-                id: 'workbench.action.resetListItem',
-                tooltip: this.getLocalizedStrings().resetActionTooltip,
-                run: () => this._onDidChangeList.fire({ originalItem: item, item: undefined, targetIndex: idx })
-            });
-        }
-        return actions;
-    }
-    renderHeader() {
-        const header = $('.setting-list-row-header');
-        const keyHeader = append(header, $('.setting-list-object-key'));
-        const valueHeader = append(header, $('.setting-list-object-value'));
-        const { keyHeaderText, valueHeaderText } = this.getLocalizedStrings();
-        keyHeader.textContent = keyHeaderText;
-        valueHeader.textContent = valueHeaderText;
-        return header;
-    }
-    renderItem(item, idx) {
-        const rowElement = $('.setting-list-row');
-        rowElement.classList.add('setting-list-object-row');
-        const keyElement = append(rowElement, $('.setting-list-object-key'));
-        const valueElement = append(rowElement, $('.setting-list-object-value'));
-        keyElement.textContent = item.key.data;
-        valueElement.textContent = ( item.value.data.toString());
-        return { rowElement, keyElement, valueElement };
-    }
-    renderEdit(item, idx) {
-        const rowElement = $('.setting-list-edit-row.setting-list-object-row');
-        const changedItem = { ...item };
-        const onKeyChange = (key) => {
-            changedItem.key = key;
-            okButton.enabled = key.data !== '';
-            const suggestedValue = this.valueSuggester(key.data) ?? item.value;
-            if (this.shouldUseSuggestion(item.value, changedItem.value, suggestedValue)) {
-                onValueChange(suggestedValue);
-                renderLatestValue();
-            }
-        };
-        const onValueChange = (value) => {
-            changedItem.value = value;
-        };
-        let keyWidget;
-        let keyElement;
-        if (this.showAddButton) {
-            if (this.isItemNew(item)) {
-                const suggestedKey = this.keySuggester(( this.model.items.map(({ key: { data } }) => data)));
-                if (isDefined(suggestedKey)) {
-                    changedItem.key = suggestedKey;
-                    const suggestedValue = this.valueSuggester(changedItem.key.data);
-                    onValueChange(suggestedValue ?? changedItem.value);
-                }
-            }
-            const { widget, element } = this.renderEditWidget(changedItem.key, {
-                idx,
-                isKey: true,
-                originalItem: item,
-                changedItem,
-                update: onKeyChange,
-            });
-            keyWidget = widget;
-            keyElement = element;
-        }
-        else {
-            keyElement = $('.setting-list-object-key');
-            keyElement.textContent = item.key.data;
-        }
-        let valueWidget;
-        const valueContainer = $('.setting-list-object-value-container');
-        const renderLatestValue = () => {
-            const { widget, element } = this.renderEditWidget(changedItem.value, {
-                idx,
-                isKey: false,
-                originalItem: item,
-                changedItem,
-                update: onValueChange,
-            });
-            valueWidget = widget;
-            clearNode(valueContainer);
-            valueContainer.append(element);
-        };
-        renderLatestValue();
-        rowElement.append(keyElement, valueContainer);
-        const okButton = this._register(( new Button(rowElement, defaultButtonStyles)));
-        okButton.enabled = changedItem.key.data !== '';
-        okButton.label = ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'okButton',
-            "OK"
-        ));
-        okButton.element.classList.add('setting-list-ok-button');
-        this.listDisposables.add(okButton.onDidClick(() => this.handleItemChange(item, changedItem, idx)));
-        const cancelButton = this._register(( new Button(rowElement, { secondary: true, ...defaultButtonStyles })));
-        cancelButton.label = ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'cancelButton',
-            "Cancel"
-        ));
-        cancelButton.element.classList.add('setting-list-cancel-button');
-        this.listDisposables.add(cancelButton.onDidClick(() => this.cancelEdit()));
-        this.listDisposables.add(disposableTimeout(() => {
-            const widget = keyWidget ?? valueWidget;
-            widget.focus();
-            if (widget instanceof InputBox) {
-                widget.select();
-            }
-        }));
-        return rowElement;
-    }
-    renderEditWidget(keyOrValue, options) {
-        switch (keyOrValue.type) {
-            case 'string':
-                return this.renderStringEditWidget(keyOrValue, options);
-            case 'enum':
-                return this.renderEnumEditWidget(keyOrValue, options);
-            case 'boolean':
-                return this.renderEnumEditWidget({
-                    type: 'enum',
-                    data: ( keyOrValue.data.toString()),
-                    options: [{ value: 'true' }, { value: 'false' }],
-                }, options);
-        }
-    }
-    renderStringEditWidget(keyOrValue, { idx, isKey, originalItem, changedItem, update }) {
-        const wrapper = $(isKey ? '.setting-list-object-input-key' : '.setting-list-object-input-value');
-        const inputBox = ( new InputBox(wrapper, this.contextViewService, {
-            placeholder: isKey
-                ? ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'objectKeyInputPlaceholder',
-                "Key"
-            ))
-                : ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'objectValueInputPlaceholder',
-                "Value"
-            )),
-            inputBoxStyles: getInputBoxStyle({
-                inputBackground: settingsTextInputBackground,
-                inputForeground: settingsTextInputForeground,
-                inputBorder: settingsTextInputBorder
-            })
-        }));
-        inputBox.element.classList.add('setting-list-object-input');
-        this.listDisposables.add(inputBox);
-        inputBox.value = keyOrValue.data;
-        this.listDisposables.add(inputBox.onDidChange(value => update({ ...keyOrValue, data: value })));
-        const onKeyDown = (e) => {
-            if (e.equals(3 )) {
-                this.handleItemChange(originalItem, changedItem, idx);
-            }
-            else if (e.equals(9 )) {
-                this.cancelEdit();
-                e.preventDefault();
-            }
-        };
-        this.listDisposables.add(addStandardDisposableListener(inputBox.inputElement, EventType.KEY_DOWN, onKeyDown));
-        return { widget: inputBox, element: wrapper };
-    }
-    renderEnumEditWidget(keyOrValue, { isKey, changedItem, update }) {
-        const selectBox = this.createBasicSelectBox(keyOrValue);
-        const changedKeyOrValue = isKey ? changedItem.key : changedItem.value;
-        this.listDisposables.add(selectBox.onDidSelect(({ selected }) => update(changedKeyOrValue.type === 'boolean'
-            ? { ...changedKeyOrValue, data: selected === 'true' ? true : false }
-            : { ...changedKeyOrValue, data: selected })));
-        const wrapper = $('.setting-list-object-input');
-        wrapper.classList.add(isKey ? 'setting-list-object-input-key' : 'setting-list-object-input-value');
-        selectBox.render(wrapper);
-        const selected = keyOrValue.options.findIndex(option => keyOrValue.data === option.value);
-        if (selected === -1 && keyOrValue.options.length) {
-            update(changedKeyOrValue.type === 'boolean'
-                ? { ...changedKeyOrValue, data: true }
-                : { ...changedKeyOrValue, data: keyOrValue.options[0].value });
-        }
-        else if (changedKeyOrValue.type === 'boolean') {
-            update({ ...changedKeyOrValue, data: keyOrValue.data === 'true' });
-        }
-        return { widget: selectBox, element: wrapper };
-    }
-    shouldUseSuggestion(originalValue, previousValue, newValue) {
-        if (newValue.type !== 'enum' && newValue.type === previousValue.type && newValue.data === previousValue.data) {
-            return false;
-        }
-        if (originalValue.data === '') {
-            return true;
-        }
-        if (previousValue.type === newValue.type && newValue.type !== 'enum') {
-            return false;
-        }
-        if (previousValue.type === 'enum' && newValue.type === 'enum') {
-            const previousEnums = ( new Set(( previousValue.options.map(({ value }) => value))));
-            newValue.options.forEach(({ value }) => previousEnums.delete(value));
-            if (previousEnums.size === 0) {
-                return false;
-            }
-        }
-        return true;
-    }
-    addTooltipsToRow(rowElementGroup, item) {
-        const { keyElement, valueElement, rowElement } = rowElementGroup;
-        const accessibleDescription = ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'objectPairHintLabel',
-            "The property `{0}` is set to `{1}`.",
-            item.key.data,
-            item.value.data
-        ));
-        const keyDescription = this.getEnumDescription(item.key) ?? item.keyDescription ?? accessibleDescription;
-        this.listDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), keyElement, keyDescription));
-        const valueDescription = this.getEnumDescription(item.value) ?? accessibleDescription;
-        this.listDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), valueElement, valueDescription));
-        rowElement.setAttribute('aria-label', accessibleDescription);
-    }
-    getEnumDescription(keyOrValue) {
-        const enumDescription = keyOrValue.type === 'enum'
-            ? keyOrValue.options.find(({ value }) => keyOrValue.data === value)?.description
-            : undefined;
-        return enumDescription;
-    }
-    getLocalizedStrings() {
-        return {
-            deleteActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'removeItem',
-                "Remove Item"
-            )),
-            resetActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'resetItem',
-                "Reset Item"
-            )),
-            editActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'editItem',
-                "Edit Item"
-            )),
-            addButtonLabel: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'addItem',
-                "Add Item"
-            )),
-            keyHeaderText: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'objectKeyHeader',
-                "Item"
-            )),
-            valueHeaderText: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'objectValueHeader',
-                "Value"
-            )),
-        };
-    }
-}
-class ObjectSettingCheckboxWidget extends AbstractListSettingWidget {
-    constructor() {
-        super(...arguments);
-        this.currentSettingKey = '';
-    }
-    setValue(listData, options) {
-        if (isDefined(options) && options.settingKey !== this.currentSettingKey) {
-            this.model.setEditKey('none');
-            this.model.select(null);
-            this.currentSettingKey = options.settingKey;
-        }
-        super.setValue(listData);
-    }
-    isItemNew(item) {
-        return !item.key.data && !item.value.data;
-    }
-    getEmptyItem() {
-        return {
-            key: { type: 'string', data: '' },
-            value: { type: 'boolean', data: false },
-            removable: false
-        };
-    }
-    getContainerClasses() {
-        return ['setting-list-object-widget'];
-    }
-    getActionsForItem(item, idx) {
-        return [];
-    }
-    isAddButtonVisible() {
-        return false;
-    }
-    renderHeader() {
-        return undefined;
-    }
-    renderDataOrEditItem(item, idx, listFocused) {
-        const rowElement = this.renderEdit(item, idx);
-        rowElement.setAttribute('role', 'listitem');
-        return rowElement;
-    }
-    renderItem(item, idx) {
-        const rowElement = $('.blank-row');
-        const keyElement = $('.blank-row-key');
-        return { rowElement, keyElement };
-    }
-    renderEdit(item, idx) {
-        const rowElement = $('.setting-list-edit-row.setting-list-object-row.setting-item-bool');
-        const changedItem = { ...item };
-        const onValueChange = (newValue) => {
-            changedItem.value.data = newValue;
-            this.handleItemChange(item, changedItem, idx);
-        };
-        const checkboxDescription = item.keyDescription ? `${item.keyDescription} (${item.key.data})` : item.key.data;
-        const { element, widget: checkbox } = this.renderEditWidget(changedItem.value.data, checkboxDescription, onValueChange);
-        rowElement.appendChild(element);
-        const valueElement = append(rowElement, $('.setting-list-object-value'));
-        valueElement.textContent = checkboxDescription;
-        const rowElementGroup = { rowElement, keyElement: valueElement, valueElement: checkbox.domNode };
-        this.addTooltipsToRow(rowElementGroup, item);
-        this._register(addDisposableListener(valueElement, EventType.MOUSE_DOWN, e => {
-            const targetElement = e.target;
-            if (targetElement.tagName.toLowerCase() !== 'a') {
-                checkbox.checked = !checkbox.checked;
-                onValueChange(checkbox.checked);
-            }
-            EventHelper.stop(e);
-        }));
-        return rowElement;
-    }
-    renderEditWidget(value, checkboxDescription, onValueChange) {
-        const checkbox = ( new Toggle({
-            icon: Codicon.check,
-            actionClassName: 'setting-value-checkbox',
-            isChecked: value,
-            title: checkboxDescription,
-            ...unthemedToggleStyles
-        }));
-        this.listDisposables.add(checkbox);
-        const wrapper = $('.setting-list-object-input');
-        wrapper.classList.add('setting-list-object-input-key-checkbox');
-        checkbox.domNode.classList.add('setting-value-checkbox');
-        wrapper.appendChild(checkbox.domNode);
-        this._register(addDisposableListener(wrapper, EventType.MOUSE_DOWN, e => {
-            checkbox.checked = !checkbox.checked;
-            onValueChange(checkbox.checked);
-            e.stopImmediatePropagation();
-        }));
-        return { widget: checkbox, element: wrapper };
-    }
-    addTooltipsToRow(rowElementGroup, item) {
-        const accessibleDescription = ( localizeWithPath(
-            'vs/workbench/contrib/preferences/browser/settingsWidgets',
-            'objectPairHintLabel',
-            "The property `{0}` is set to `{1}`.",
-            item.key.data,
-            item.value.data
-        ));
-        const title = item.keyDescription ?? accessibleDescription;
-        const { rowElement, keyElement, valueElement } = rowElementGroup;
-        this.listDisposables.add(setupCustomHover(getDefaultHoverDelegate('mouse'), keyElement, title));
-        valueElement.setAttribute('aria-label', accessibleDescription);
-        rowElement.setAttribute('aria-label', accessibleDescription);
-    }
-    getLocalizedStrings() {
-        return {
-            deleteActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'removeItem',
-                "Remove Item"
-            )),
-            resetActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'resetItem',
-                "Reset Item"
-            )),
-            editActionTooltip: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'editItem',
-                "Edit Item"
-            )),
-            addButtonLabel: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'addItem',
-                "Add Item"
-            )),
-            keyHeaderText: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'objectKeyHeader',
-                "Item"
-            )),
-            valueHeaderText: ( localizeWithPath(
-                'vs/workbench/contrib/preferences/browser/settingsWidgets',
-                'objectValueHeader',
-                "Value"
-            )),
-        };
-    }
-}
-export { AbstractListSettingWidget, ExcludeSettingWidget, IncludeSettingWidget, ListSettingListModel, ListSettingWidget, ObjectSettingCheckboxWidget, ObjectSettingDropdownWidget };