@codingame/monaco-vscode-api 1.69.23 → 1.76.0-next.1

package/dist/dialogs.js

@@ -1,24 +1,24 @@
-import './polyfill.js';
+import { n } from './polyfill.js';
 import './missing-services.js';
-import { _ as __decorate, a as __param, E as Emitter } from './workspace.js';
+import { _ as __decorate, a as __param, E as Emitter } from './contextkey.js';
 import { h as IProductService, l as IWorkbenchEnvironmentService } from './services2.js';
-import { n, g as getServiceOverride$1, c as attachDialogStyler, B as ButtonBar, d as ButtonWithDescription } from './layout.js';
+import { localize } from 'monaco-editor/esm/vs/nls.js';
+import Severity from 'monaco-editor/esm/vs/base/common/severity.js';
 import { Widget } from 'monaco-editor/esm/vs/base/browser/ui/widget.js';
-import { Codicon, CSSIcon } from 'monaco-editor/esm/vs/base/common/codicons.js';
-import { Color } from 'monaco-editor/esm/vs/base/common/color.js';
+import { Codicon } from 'monaco-editor/esm/vs/base/common/codicons.js';
+import { ThemeIcon } from 'monaco-editor/esm/vs/base/common/themables.js';
+import { g as getServiceOverride$1, B as ButtonBar, a as ButtonWithDescription } from './layout.js';
 import { isMacintosh, isLinux, isWindows } from 'monaco-editor/esm/vs/base/common/platform.js';
 import { Disposable, DisposableStore } from 'monaco-editor/esm/vs/base/common/lifecycle.js';
 import { EventHelper, $, hide, addDisposableListener, EventType, clearNode, isAncestor, show } from 'monaco-editor/esm/vs/base/browser/dom.js';
-import { localize } from 'monaco-editor/esm/vs/nls.js';
 import { InputBox } from 'monaco-editor/esm/vs/base/browser/ui/inputbox/inputBox.js';
 import { ActionBar } from 'monaco-editor/esm/vs/base/browser/ui/actionbar/actionbar.js';
 import { Action } from 'monaco-editor/esm/vs/base/common/actions.js';
 import { StandardKeyboardEvent } from 'monaco-editor/esm/vs/base/browser/keyboardEvent.js';
 import { MarkdownRenderer } from 'monaco-editor/esm/vs/editor/contrib/markdownRenderer/browser/markdownRenderer.js';
-import Severity from 'monaco-editor/esm/vs/base/common/severity.js';
+import { defaultButtonStyles, defaultCheckboxStyles, defaultInputBoxStyles, defaultDialogStyles } from 'monaco-editor/esm/vs/platform/theme/browser/defaultStyles.js';
 import { ILogService } from 'monaco-editor/esm/vs/platform/log/common/log.js';
 import { ILayoutService } from 'monaco-editor/esm/vs/platform/layout/browser/layoutService.js';
-import { IThemeService } from 'monaco-editor/esm/vs/platform/theme/common/themeService.js';
 import { IKeybindingService } from 'monaco-editor/esm/vs/platform/keybinding/common/keybinding.js';
 import { IInstantiationService } from 'monaco-editor/esm/vs/platform/instantiation/common/instantiation.js';
 import { IClipboardService } from 'monaco-editor/esm/vs/platform/clipboard/common/clipboardService.js';
@@ -26,10 +26,119 @@ import { IDialogService } from 'monaco-editor/esm/vs/platform/dialogs/common/dia
 import { DeferredPromise } from 'monaco-editor/esm/vs/base/common/async.js';
 import { o as onServicesInitialized } from './tools.js';
 import { SyncDescriptor } from 'monaco-editor/esm/vs/platform/instantiation/common/descriptors.js';
-const defaultOpts = {
-    inputActiveOptionBorder: ( (Color.fromHex('#007ACC00'))),
-    inputActiveOptionForeground: ( (Color.fromHex('#FFFFFF'))),
-    inputActiveOptionBackground: ( (Color.fromHex('#0E639C50')))
+function mnemonicButtonLabel(label, forceDisableMnemonics) {
+    if (isMacintosh || forceDisableMnemonics) {
+        return label.replace(/\(&&\w\)|&&/g, '');
+    }
+    if (isWindows) {
+        return label.replace(/&&|&/g, m => m === '&' ? '&&' : '&');
+    }
+    return label.replace(/&&/g, '_');
+}
+var DialogKind;
+( ((function(DialogKind) {
+    DialogKind[DialogKind["Confirmation"] = 1] = "Confirmation";
+    DialogKind[DialogKind["Prompt"] = 2] = "Prompt";
+    DialogKind[DialogKind["Input"] = 3] = "Input";
+})(DialogKind || (DialogKind = {}))));
+class AbstractDialogHandler {
+    getConfirmationButtons(dialog) {
+        return this.getButtons(dialog, DialogKind.Confirmation);
+    }
+    getPromptButtons(dialog) {
+        return this.getButtons(dialog, DialogKind.Prompt);
+    }
+    getInputButtons(dialog) {
+        return this.getButtons(dialog, DialogKind.Input);
+    }
+    getButtons(dialog, kind) {
+        const buttons = [];
+        switch (kind) {
+            case DialogKind.Confirmation: {
+                const confirmationDialog = dialog;
+                if (confirmationDialog.primaryButton) {
+                    buttons.push(confirmationDialog.primaryButton);
+                }
+                else {
+                    buttons.push(( (localize({ key: 'yesButton', comment: ['&& denotes a mnemonic'] }, "&&Yes"))));
+                }
+                if (confirmationDialog.cancelButton) {
+                    buttons.push(confirmationDialog.cancelButton);
+                }
+                else {
+                    buttons.push(( (localize('cancelButton', "Cancel"))));
+                }
+                break;
+            }
+            case DialogKind.Prompt: {
+                const promptDialog = dialog;
+                if (Array.isArray(promptDialog.buttons) && promptDialog.buttons.length > 0) {
+                    buttons.push(...promptDialog.buttons.map(button => button.label));
+                }
+                if (promptDialog.cancelButton) {
+                    if (promptDialog.cancelButton === true) {
+                        buttons.push(( (localize('cancelButton', "Cancel"))));
+                    }
+                    else if (typeof promptDialog.cancelButton === 'string') {
+                        buttons.push(promptDialog.cancelButton);
+                    }
+                    else {
+                        if (promptDialog.cancelButton.label) {
+                            buttons.push(promptDialog.cancelButton.label);
+                        }
+                        else {
+                            buttons.push(( (localize('cancelButton', "Cancel"))));
+                        }
+                    }
+                }
+                if (buttons.length === 0) {
+                    buttons.push(( (localize({ key: 'okButton', comment: ['&& denotes a mnemonic'] }, "&&OK"))));
+                }
+                break;
+            }
+            case DialogKind.Input: {
+                const inputDialog = dialog;
+                if (inputDialog.primaryButton) {
+                    buttons.push(inputDialog.primaryButton);
+                }
+                else {
+                    buttons.push(( (localize({ key: 'okButton', comment: ['&& denotes a mnemonic'] }, "&&OK"))));
+                }
+                if (inputDialog.cancelButton) {
+                    buttons.push(inputDialog.cancelButton);
+                }
+                else {
+                    buttons.push(( (localize('cancelButton', "Cancel"))));
+                }
+                break;
+            }
+        }
+        return buttons;
+    }
+    getDialogType(type) {
+        if (typeof type === 'string') {
+            return type;
+        }
+        if (typeof type === 'number') {
+            return (type === Severity.Info) ? 'info' : (type === Severity.Error) ? 'error' : (type === Severity.Warning) ? 'warning' : 'none';
+        }
+        return undefined;
+    }
+    async getPromptResult(prompt, buttonIndex, checkboxChecked) {
+        const promptButtons = [...(prompt.buttons ?? [])];
+        if (prompt.cancelButton && typeof prompt.cancelButton !== 'string' && typeof prompt.cancelButton !== 'boolean') {
+            promptButtons.push(prompt.cancelButton);
+        }
+        const result = await promptButtons[buttonIndex]?.run({ checkboxChecked });
+        return { result, checkboxChecked };
+    }
+}
+var css$1 = ".monaco-custom-toggle{border:1px solid transparent;border-radius:3px;box-sizing:border-box;cursor:pointer;float:left;height:20px;margin-left:2px;overflow:hidden;padding:1px;user-select:none;-webkit-user-select:none;width:20px}.monaco-custom-toggle:hover{background-color:var(--vscode-inputOption-hoverBackground)}.hc-black .monaco-custom-toggle:hover,.hc-light .monaco-custom-toggle:hover{border:1px dashed var(--vscode-focusBorder)}.hc-black .monaco-custom-toggle,.hc-black .monaco-custom-toggle:hover,.hc-light .monaco-custom-toggle,.hc-light .monaco-custom-toggle:hover{background:none}.monaco-custom-toggle.monaco-checkbox{background-size:16px!important;border:1px solid transparent;border-radius:3px;height:18px;margin-left:0;margin-right:9px;opacity:1;padding:0;width:18px}.monaco-custom-toggle.monaco-checkbox:not(.checked):before{visibility:hidden}";
+n(css$1,{});
+const unthemedToggleStyles = {
+    inputActiveOptionBorder: '#007ACC00',
+    inputActiveOptionForeground: '#FFFFFF',
+    inputActiveOptionBackground: '#0E639C50'
 };
 class Toggle extends Widget {
     constructor(opts) {
@@ -38,12 +147,12 @@ class Toggle extends Widget {
         this.onChange = this._onChange.event;
         this._onKeyDown = this._register(( (new Emitter())));
         this.onKeyDown = this._onKeyDown.event;
-        this._opts = { ...defaultOpts, ...opts };
+        this._opts = opts;
         this._checked = this._opts.isChecked;
         const classes = ['monaco-custom-toggle'];
         if (this._opts.icon) {
             this._icon = this._opts.icon;
-            classes.push(...CSSIcon.asClassNameArray(this._icon));
+            classes.push(...ThemeIcon.asClassNameArray(this._icon));
         }
         if (this._opts.actionClassName) {
             classes.push(...this._opts.actionClassName.split(' '));
@@ -68,7 +177,7 @@ class Toggle extends Widget {
                 ev.preventDefault();
             }
         });
-        this.ignoreGesture(this.domNode);
+        this._register(this.ignoreGesture(this.domNode));
         this.onkeydown(this.domNode, (keyboardEvent) => {
             if (keyboardEvent.keyCode === 10  || keyboardEvent.keyCode === 3 ) {
                 this.checked = !this._checked;
@@ -97,33 +206,21 @@ class Toggle extends Widget {
     }
     setIcon(icon) {
         if (this._icon) {
-            this.domNode.classList.remove(...CSSIcon.asClassNameArray(this._icon));
+            this.domNode.classList.remove(...ThemeIcon.asClassNameArray(this._icon));
         }
         this._icon = icon;
         if (this._icon) {
-            this.domNode.classList.add(...CSSIcon.asClassNameArray(this._icon));
+            this.domNode.classList.add(...ThemeIcon.asClassNameArray(this._icon));
         }
     }
     width() {
         return 2  + 2  + 2  + 16 ;
     }
-    style(styles) {
-        if (styles.inputActiveOptionBorder) {
-            this._opts.inputActiveOptionBorder = styles.inputActiveOptionBorder;
-        }
-        if (styles.inputActiveOptionForeground) {
-            this._opts.inputActiveOptionForeground = styles.inputActiveOptionForeground;
-        }
-        if (styles.inputActiveOptionBackground) {
-            this._opts.inputActiveOptionBackground = styles.inputActiveOptionBackground;
-        }
-        this.applyStyles();
-    }
     applyStyles() {
         if (this.domNode) {
-            this.domNode.style.borderColor = this._checked && this._opts.inputActiveOptionBorder ? ( (this._opts.inputActiveOptionBorder.toString())) : '';
-            this.domNode.style.color = this._checked && this._opts.inputActiveOptionForeground ? ( (this._opts.inputActiveOptionForeground.toString())) : 'inherit';
-            this.domNode.style.backgroundColor = this._checked && this._opts.inputActiveOptionBackground ? ( (this._opts.inputActiveOptionBackground.toString())) : '';
+            this.domNode.style.borderColor = (this._checked && this._opts.inputActiveOptionBorder) || '';
+            this.domNode.style.color = (this._checked && this._opts.inputActiveOptionForeground) || 'inherit';
+            this.domNode.style.backgroundColor = (this._checked && this._opts.inputActiveOptionBackground) || '';
         }
     }
     enable() {
@@ -138,18 +235,17 @@ class Toggle extends Widget {
     }
 }
 class Checkbox extends Widget {
-    constructor(title, isChecked) {
+    constructor(title, isChecked, styles) {
         super();
         this.title = title;
         this.isChecked = isChecked;
         this.checkbox = ( (new Toggle(
-            { title: this.title, isChecked: this.isChecked, icon: Codicon.check, actionClassName: 'monaco-checkbox' }
+            { title: this.title, isChecked: this.isChecked, icon: Codicon.check, actionClassName: 'monaco-checkbox', ...unthemedToggleStyles }
         )));
         this.domNode = this.checkbox.domNode;
-        this.styles = {};
-        this.checkbox.onChange(() => {
-            this.applyStyles();
-        });
+        this.styles = styles;
+        this.applyStyles();
+        this._register(this.checkbox.onChange(() => this.applyStyles()));
     }
     get checked() {
         return this.checkbox.checked;
@@ -164,26 +260,213 @@ class Checkbox extends Widget {
     hasFocus() {
         return this.domNode === document.activeElement;
     }
-    style(styles) {
-        this.styles = styles;
-        this.applyStyles();
-    }
     applyStyles() {
-        this.domNode.style.color = this.styles.checkboxForeground ? ( (this.styles.checkboxForeground.toString())) : '';
-        this.domNode.style.backgroundColor = this.styles.checkboxBackground ? ( (this.styles.checkboxBackground.toString())) : '';
-        this.domNode.style.borderColor = this.styles.checkboxBorder ? ( (this.styles.checkboxBorder.toString())) : '';
+        this.domNode.style.color = this.styles.checkboxForeground || '';
+        this.domNode.style.backgroundColor = this.styles.checkboxBackground || '';
+        this.domNode.style.borderColor = this.styles.checkboxBorder || '';
     }
 }
-function mnemonicButtonLabel(label, forceDisableMnemonics) {
-    if (isMacintosh || forceDisableMnemonics) {
-        return label.replace(/\(&&\w\)|&&/g, '');
+const minute = 60;
+const hour = minute * 60;
+const day = hour * 24;
+const week = day * 7;
+const month = day * 30;
+const year = day * 365;
+function fromNow(date, appendAgoLabel, useFullTimeWords, disallowNow) {
+    if (typeof date !== 'number') {
+        date = date.getTime();
     }
-    if (isWindows) {
-        return label.replace(/&&|&/g, m => m === '&' ? '&&' : '&');
+    const seconds = Math.round((( (new Date())).getTime() - date) / 1000);
+    if (seconds < -30) {
+        return (
+             (localize(
+                'date.fromNow.in',
+                'in {0}',
+                fromNow(( (new Date())).getTime() + seconds * 1000, false)
+            ))
+        );
+    }
+    if (!disallowNow && seconds < 30) {
+        return (
+             (localize('date.fromNow.now', 'now'))
+        );
+    }
+    let value;
+    if (seconds < minute) {
+        value = seconds;
+        if (appendAgoLabel) {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.seconds.singular.ago.fullWord', '{0} second ago', value)))
+                    : ( (localize('date.fromNow.seconds.singular.ago', '{0} sec ago', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.seconds.plural.ago.fullWord', '{0} seconds ago', value)))
+                    : ( (localize('date.fromNow.seconds.plural.ago', '{0} secs ago', value)));
+            }
+        }
+        else {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.seconds.singular.fullWord', '{0} second', value)))
+                    : ( (localize('date.fromNow.seconds.singular', '{0} sec', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.seconds.plural.fullWord', '{0} seconds', value)))
+                    : ( (localize('date.fromNow.seconds.plural', '{0} secs', value)));
+            }
+        }
+    }
+    if (seconds < hour) {
+        value = Math.floor(seconds / minute);
+        if (appendAgoLabel) {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.minutes.singular.ago.fullWord', '{0} minute ago', value)))
+                    : ( (localize('date.fromNow.minutes.singular.ago', '{0} min ago', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.minutes.plural.ago.fullWord', '{0} minutes ago', value)))
+                    : ( (localize('date.fromNow.minutes.plural.ago', '{0} mins ago', value)));
+            }
+        }
+        else {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.minutes.singular.fullWord', '{0} minute', value)))
+                    : ( (localize('date.fromNow.minutes.singular', '{0} min', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.minutes.plural.fullWord', '{0} minutes', value)))
+                    : ( (localize('date.fromNow.minutes.plural', '{0} mins', value)));
+            }
+        }
+    }
+    if (seconds < day) {
+        value = Math.floor(seconds / hour);
+        if (appendAgoLabel) {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.hours.singular.ago.fullWord', '{0} hour ago', value)))
+                    : ( (localize('date.fromNow.hours.singular.ago', '{0} hr ago', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.hours.plural.ago.fullWord', '{0} hours ago', value)))
+                    : ( (localize('date.fromNow.hours.plural.ago', '{0} hrs ago', value)));
+            }
+        }
+        else {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.hours.singular.fullWord', '{0} hour', value)))
+                    : ( (localize('date.fromNow.hours.singular', '{0} hr', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.hours.plural.fullWord', '{0} hours', value)))
+                    : ( (localize('date.fromNow.hours.plural', '{0} hrs', value)));
+            }
+        }
+    }
+    if (seconds < week) {
+        value = Math.floor(seconds / day);
+        if (appendAgoLabel) {
+            return value === 1
+                ? ( (localize('date.fromNow.days.singular.ago', '{0} day ago', value)))
+                : ( (localize('date.fromNow.days.plural.ago', '{0} days ago', value)));
+        }
+        else {
+            return value === 1
+                ? ( (localize('date.fromNow.days.singular', '{0} day', value)))
+                : ( (localize('date.fromNow.days.plural', '{0} days', value)));
+        }
+    }
+    if (seconds < month) {
+        value = Math.floor(seconds / week);
+        if (appendAgoLabel) {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.weeks.singular.ago.fullWord', '{0} week ago', value)))
+                    : ( (localize('date.fromNow.weeks.singular.ago', '{0} wk ago', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.weeks.plural.ago.fullWord', '{0} weeks ago', value)))
+                    : ( (localize('date.fromNow.weeks.plural.ago', '{0} wks ago', value)));
+            }
+        }
+        else {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.weeks.singular.fullWord', '{0} week', value)))
+                    : ( (localize('date.fromNow.weeks.singular', '{0} wk', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.weeks.plural.fullWord', '{0} weeks', value)))
+                    : ( (localize('date.fromNow.weeks.plural', '{0} wks', value)));
+            }
+        }
+    }
+    if (seconds < year) {
+        value = Math.floor(seconds / month);
+        if (appendAgoLabel) {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.months.singular.ago.fullWord', '{0} month ago', value)))
+                    : ( (localize('date.fromNow.months.singular.ago', '{0} mo ago', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.months.plural.ago.fullWord', '{0} months ago', value)))
+                    : ( (localize('date.fromNow.months.plural.ago', '{0} mos ago', value)));
+            }
+        }
+        else {
+            if (value === 1) {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.months.singular.fullWord', '{0} month', value)))
+                    : ( (localize('date.fromNow.months.singular', '{0} mo', value)));
+            }
+            else {
+                return useFullTimeWords
+                    ? ( (localize('date.fromNow.months.plural.fullWord', '{0} months', value)))
+                    : ( (localize('date.fromNow.months.plural', '{0} mos', value)));
+            }
+        }
+    }
+    value = Math.floor(seconds / year);
+    if (appendAgoLabel) {
+        if (value === 1) {
+            return useFullTimeWords
+                ? ( (localize('date.fromNow.years.singular.ago.fullWord', '{0} year ago', value)))
+                : ( (localize('date.fromNow.years.singular.ago', '{0} yr ago', value)));
+        }
+        else {
+            return useFullTimeWords
+                ? ( (localize('date.fromNow.years.plural.ago.fullWord', '{0} years ago', value)))
+                : ( (localize('date.fromNow.years.plural.ago', '{0} yrs ago', value)));
+        }
+    }
+    else {
+        if (value === 1) {
+            return useFullTimeWords
+                ? ( (localize('date.fromNow.years.singular.fullWord', '{0} year', value)))
+                : ( (localize('date.fromNow.years.singular', '{0} yr', value)));
+        }
+        else {
+            return useFullTimeWords
+                ? ( (localize('date.fromNow.years.plural.fullWord', '{0} years', value)))
+                : ( (localize('date.fromNow.years.plural', '{0} yrs', value)));
+        }
     }
-    return label.replace(/&&/g, '_');
 }
-var css = "/*---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n\n/** Dialog: Modal Block */\n.monaco-dialog-modal-block {\n\tposition: fixed;\n\theight: 100%;\n\twidth: 100%;\n\tleft:0;\n\ttop:0;\n\tz-index: 2600;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.monaco-dialog-modal-block.dimmed {\n\tbackground: rgba(0, 0, 0, 0.3);\n}\n\n/** Dialog: Container */\n.monaco-dialog-box {\n\tdisplay: flex;\n\tflex-direction: column-reverse;\n\twidth: min-content;\n\tmin-width: 500px;\n\tmax-width: 90vw;\n\tmin-height: 75px;\n\tpadding: 10px;\n\ttransform: translate3d(0px, 0px, 0px);\n}\n\n/** Dialog: Title Actions Row */\n.monaco-dialog-box .dialog-toolbar-row {\n\theight: 22px;\n\tpadding-bottom: 4px;\n}\n\n.monaco-dialog-box .dialog-toolbar-row .actions-container {\n\tjustify-content: flex-end;\n}\n\n/** Dialog: Message Row */\n.monaco-dialog-box .dialog-message-row {\n\tdisplay: flex;\n\tflex-grow: 1;\n\talign-items: center;\n\tpadding: 0 10px;\n}\n\n.monaco-dialog-box .dialog-message-row > .dialog-icon.codicon {\n\tflex: 0 0 48px;\n\theight: 48px;\n\talign-self: baseline;\n\tfont-size: 48px;\n}\n\n/** Dialog: Message Container */\n.monaco-dialog-box .dialog-message-row .dialog-message-container {\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tpadding-left: 24px;\n\tuser-select: text;\n\t-webkit-user-select: text;\n\t-ms-user-select: text;\n\tword-wrap: break-word; /* never overflow long words, but break to next line */\n\twhite-space: normal;\n}\n\n/** Dialog: Message */\n.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message {\n\tline-height: 22px;\n\tfont-size: 18px;\n\tflex: 1; /* let the message always grow */\n\twhite-space: normal;\n\tword-wrap: break-word; /* never overflow long words, but break to next line */\n\tmin-height: 48px; /* matches icon height */\n\tmargin-bottom: 8px;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n/** Dialog: Details */\n.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-detail {\n\tline-height: 22px;\n\tflex: 1; /* let the message always grow */\n}\n\n.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message a:focus {\n\toutline-width: 1px;\n\toutline-style: solid;\n}\n\n/** Dialog: Checkbox */\n.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-checkbox-row {\n\tpadding: 15px 0px 0px;\n\tdisplay: flex;\n}\n\n.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-checkbox-row .dialog-checkbox-message {\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n}\n\n/** Dialog: Input */\n.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-input {\n\tpadding: 15px 0px 0px;\n\tdisplay: flex;\n}\n\n.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-input .monaco-inputbox {\n\tflex: 1;\n}\n\n/** Dialog: File Path */\n.monaco-dialog-box code {\n\tfont-family: var(--monaco-monospace-font);\n}\n\n/** Dialog: Buttons Row */\n.monaco-dialog-box > .dialog-buttons-row {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-right: 1px;\n\toverflow: hidden; /* buttons row should never overflow */\n}\n\n.monaco-dialog-box > .dialog-buttons-row {\n\tdisplay: flex;\n\twhite-space: nowrap;\n\tpadding: 20px 10px 10px;\n}\n\n/** Dialog: Buttons */\n.monaco-dialog-box > .dialog-buttons-row > .dialog-buttons {\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: flex-end;\n\toverflow: hidden;\n\tmargin-left: 67px; /* for long buttons, force align with text */\n}\n\n.monaco-dialog-box > .dialog-buttons-row > .dialog-buttons > .monaco-button {\n\twidth: fit-content;\n\twidth: -moz-fit-content;\n\tpadding: 5px 10px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmargin: 4px 5px; /* allows button focus outline to be visible */\n\toutline-offset: 2px !important;\n}\n";
+var css = ".monaco-dialog-modal-block{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2600}.monaco-dialog-modal-block.dimmed{background:rgba(0,0,0,.3)}.monaco-dialog-box{display:flex;flex-direction:column-reverse;max-width:90vw;min-height:75px;min-width:500px;padding:10px;transform:translateZ(0);width:min-content}.monaco-dialog-box .dialog-toolbar-row{height:22px;padding-bottom:4px}.monaco-dialog-box .dialog-toolbar-row .actions-container{justify-content:flex-end}.monaco-dialog-box .dialog-message-row{align-items:center;display:flex;flex-grow:1;padding:0 10px}.monaco-dialog-box .dialog-message-row>.dialog-icon.codicon{align-self:baseline;flex:0 0 48px;font-size:48px;height:48px}.monaco-dialog-box .dialog-message-row .dialog-message-container{word-wrap:break-word;display:flex;flex-direction:column;overflow:hidden;padding-left:24px;text-overflow:ellipsis;user-select:text;-webkit-user-select:text;white-space:normal}.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message{word-wrap:break-word;align-items:center;display:flex;flex:1;font-size:18px;line-height:22px;margin-bottom:8px;min-height:48px;white-space:normal}.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-detail{flex:1;line-height:22px}.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message a:focus{outline-style:solid;outline-width:1px}.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-checkbox-row{display:flex;padding:15px 0 0}.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-checkbox-row .dialog-checkbox-message{cursor:pointer;user-select:none;-webkit-user-select:none}.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-input{display:flex;padding:15px 0 0}.monaco-dialog-box .dialog-message-row .dialog-message-container .dialog-message-input .monaco-inputbox{flex:1}.monaco-dialog-box code{font-family:var(--monaco-monospace-font)}.monaco-dialog-box>.dialog-buttons-row{align-items:center;display:flex;overflow:hidden;padding-right:1px;padding:20px 10px 10px;white-space:nowrap}.monaco-dialog-box>.dialog-buttons-row>.dialog-buttons{display:flex;justify-content:flex-end;margin-left:67px;overflow:hidden;width:100%}.monaco-dialog-box>.dialog-buttons-row>.dialog-buttons>.monaco-button{margin:4px 5px;outline-offset:2px!important;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;width:fit-content}";
 n(css,{});
 class Dialog extends Disposable {
     constructor(container, message, buttons, options) {
@@ -197,6 +480,7 @@ class Dialog extends Disposable {
         this.element.setAttribute('role', 'dialog');
         this.element.tabIndex = -1;
         hide(this.element);
+        this.buttonStyles = options.buttonStyles;
         if (Array.isArray(buttons) && buttons.length > 0) {
             this.buttons = buttons;
         }
@@ -237,6 +521,7 @@ class Dialog extends Disposable {
                 const inputBox = this._register(( (new InputBox(inputRowElement, undefined, {
                     placeholder: input.placeholder,
                     type: input.type ?? 'text',
+                    inputBoxStyles: options.inputBoxStyles
                 }))));
                 if (input.value) {
                     inputBox.value = input.value;
@@ -249,7 +534,11 @@ class Dialog extends Disposable {
         }
         if (this.options.checkboxLabel) {
             const checkboxRowElement = this.messageContainer.appendChild($('.dialog-checkbox-row'));
-            const checkbox = this.checkbox = this._register(( (new Checkbox(this.options.checkboxLabel, !!this.options.checkboxChecked))));
+            const checkbox = this.checkbox = this._register(( (new Checkbox(
+                this.options.checkboxLabel,
+                !!this.options.checkboxChecked,
+                options.checkboxStyles
+            ))));
             checkboxRowElement.appendChild(checkbox.domNode);
             const checkboxMessageElement = checkboxRowElement.appendChild($('.dialog-checkbox-message'));
             checkboxMessageElement.innerText = this.options.checkboxLabel;
@@ -257,6 +546,7 @@ class Dialog extends Disposable {
         }
         const toolbarRowElement = this.element.appendChild($('.dialog-toolbar-row'));
         this.toolbarContainer = toolbarRowElement.appendChild($('.dialog-toolbar'));
+        this.applyStyles();
     }
     getIconAriaLabel() {
         const typeLabel = ( (localize('dialogInfoMessage', 'Info')));
@@ -274,7 +564,7 @@ class Dialog extends Disposable {
                 const buttonMap = this.rearrangeButtons(this.buttons, this.options.cancelId);
                 buttonMap.forEach((entry, index) => {
                     const primary = buttonMap[index].index === 0;
-                    const button = this.options.buttonDetails ? this._register(buttonBar.addButtonWithDescription({ title: true, secondary: !primary })) : this._register(buttonBar.addButton({ title: true, secondary: !primary }));
+                    const button = this.options.buttonDetails ? this._register(buttonBar.addButtonWithDescription({ title: true, secondary: !primary, ...this.buttonStyles })) : this._register(buttonBar.addButton({ title: true, secondary: !primary, ...this.buttonStyles }));
                     button.label = mnemonicButtonLabel(buttonMap[index].label, true);
                     if (button instanceof ButtonWithDescription) {
                         button.description = this.options.buttonDetails[buttonMap[index].index];
@@ -390,26 +680,26 @@ class Dialog extends Disposable {
                     }
                 }, false));
                 const spinModifierClassName = 'codicon-modifier-spin';
-                this.iconElement.classList.remove(...Codicon.dialogError.classNamesArray, ...Codicon.dialogWarning.classNamesArray, ...Codicon.dialogInfo.classNamesArray, ...Codicon.loading.classNamesArray, spinModifierClassName);
+                this.iconElement.classList.remove(...ThemeIcon.asClassNameArray(Codicon.dialogError), ...ThemeIcon.asClassNameArray(Codicon.dialogWarning), ...ThemeIcon.asClassNameArray(Codicon.dialogInfo), ...ThemeIcon.asClassNameArray(Codicon.loading), spinModifierClassName);
                 if (this.options.icon) {
-                    this.iconElement.classList.add(...this.options.icon.classNamesArray);
+                    this.iconElement.classList.add(...ThemeIcon.asClassNameArray(this.options.icon));
                 }
                 else {
                     switch (this.options.type) {
                         case 'error':
-                            this.iconElement.classList.add(...Codicon.dialogError.classNamesArray);
+                            this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogError));
                             break;
                         case 'warning':
-                            this.iconElement.classList.add(...Codicon.dialogWarning.classNamesArray);
+                            this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogWarning));
                             break;
                         case 'pending':
-                            this.iconElement.classList.add(...Codicon.loading.classNamesArray, spinModifierClassName);
+                            this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.loading), spinModifierClassName);
                             break;
                         case 'none':
                         case 'info':
                         case 'question':
                         default:
-                            this.iconElement.classList.add(...Codicon.dialogInfo.classNamesArray);
+                            this.iconElement.classList.add(...ThemeIcon.asClassNameArray(Codicon.dialogInfo));
                             break;
                     }
                 }
@@ -418,351 +708,151 @@ class Dialog extends Disposable {
                     const action = this._register(( (new Action(
                         'dialog.close',
                          (localize('dialogClose', "Close Dialog")),
-                        Codicon.dialogClose.classNames,
+                        ThemeIcon.asClassName(Codicon.dialogClose),
                         true,
                         async () => {
-                            resolve({
-                                button: this.options.cancelId || 0,
-                                checkboxChecked: this.checkbox ? this.checkbox.checked : undefined
-                            });
-                        }
-                    ))));
-                    actionBar.push(action, { icon: true, label: false, });
-                }
-                this.applyStyles();
-                this.element.setAttribute('aria-modal', 'true');
-                this.element.setAttribute('aria-labelledby', 'monaco-dialog-icon monaco-dialog-message-text');
-                this.element.setAttribute('aria-describedby', 'monaco-dialog-icon monaco-dialog-message-text monaco-dialog-message-detail monaco-dialog-message-body');
-                show(this.element);
-                if (this.inputs.length > 0) {
-                    this.inputs[0].focus();
-                    this.inputs[0].select();
-                }
-                else {
-                    buttonMap.forEach((value, index) => {
-                        if (value.index === 0) {
-                            buttonBar.buttons[index].focus();
-                        }
-                    });
-                }
-            }))
-        );
-    }
-    applyStyles() {
-        if (this.styles) {
-            const style = this.styles;
-            const fgColor = style.dialogForeground;
-            const bgColor = style.dialogBackground;
-            const shadowColor = style.dialogShadow ? `0 0px 8px ${style.dialogShadow}` : '';
-            const border = style.dialogBorder ? `1px solid ${style.dialogBorder}` : '';
-            const linkFgColor = style.textLinkForeground;
-            this.shadowElement.style.boxShadow = shadowColor;
-            this.element.style.color = fgColor?.toString() ?? '';
-            this.element.style.backgroundColor = bgColor?.toString() ?? '';
-            this.element.style.border = border;
-            this.buttonBar?.buttons.forEach(button => button.style(style));
-            this.checkbox?.style(style);
-            if (fgColor && bgColor) {
-                const messageDetailColor = ( (fgColor.transparent(.9)));
-                this.messageDetailElement.style.color = ( (messageDetailColor.makeOpaque(bgColor).toString()));
-            }
-            if (linkFgColor) {
-                for (const el of this.messageContainer.getElementsByTagName('a')) {
-                    el.style.color = ( (linkFgColor.toString()));
-                }
-            }
-            let color;
-            switch (this.options.type) {
-                case 'error':
-                    color = style.errorIconForeground;
-                    break;
-                case 'warning':
-                    color = style.warningIconForeground;
-                    break;
-                default:
-                    color = style.infoIconForeground;
-                    break;
-            }
-            if (color) {
-                this.iconElement.style.color = ( (color.toString()));
-            }
-            for (const input of this.inputs) {
-                input.style(style);
-            }
-        }
-    }
-    style(style) {
-        this.styles = style;
-        this.applyStyles();
-    }
-    dispose() {
-        super.dispose();
-        if (this.modalElement) {
-            this.modalElement.remove();
-            this.modalElement = undefined;
-        }
-        if (this.focusToReturn && isAncestor(this.focusToReturn, document.body)) {
-            this.focusToReturn.focus();
-            this.focusToReturn = undefined;
-        }
-    }
-    rearrangeButtons(buttons, cancelId) {
-        const buttonMap = [];
-        if (buttons.length === 0) {
-            return buttonMap;
-        }
-        buttons.forEach((button, index) => {
-            buttonMap.push({ label: button, index });
-        });
-        if (isMacintosh || isLinux) {
-            if (cancelId !== undefined && cancelId < buttons.length) {
-                const cancelButton = buttonMap.splice(cancelId, 1)[0];
-                buttonMap.reverse();
-                buttonMap.splice(buttonMap.length - 1, 0, cancelButton);
-            }
-        }
-        return buttonMap;
-    }
-}
-const minute = 60;
-const hour = minute * 60;
-const day = hour * 24;
-const week = day * 7;
-const month = day * 30;
-const year = day * 365;
-function fromNow(date, appendAgoLabel, useFullTimeWords) {
-    if (typeof date !== 'number') {
-        date = date.getTime();
-    }
-    const seconds = Math.round((( (new Date())).getTime() - date) / 1000);
-    if (seconds < -30) {
-        return (
-             (localize(
-                'date.fromNow.in',
-                'in {0}',
-                fromNow(( (new Date())).getTime() + seconds * 1000, false)
-            ))
-        );
-    }
-    if (seconds < 30) {
-        return (
-             (localize('date.fromNow.now', 'now'))
+                            resolve({
+                                button: this.options.cancelId || 0,
+                                checkboxChecked: this.checkbox ? this.checkbox.checked : undefined
+                            });
+                        }
+                    ))));
+                    actionBar.push(action, { icon: true, label: false });
+                }
+                this.applyStyles();
+                this.element.setAttribute('aria-modal', 'true');
+                this.element.setAttribute('aria-labelledby', 'monaco-dialog-icon monaco-dialog-message-text');
+                this.element.setAttribute('aria-describedby', 'monaco-dialog-icon monaco-dialog-message-text monaco-dialog-message-detail monaco-dialog-message-body');
+                show(this.element);
+                if (this.inputs.length > 0) {
+                    this.inputs[0].focus();
+                    this.inputs[0].select();
+                }
+                else {
+                    buttonMap.forEach((value, index) => {
+                        if (value.index === 0) {
+                            buttonBar.buttons[index].focus();
+                        }
+                    });
+                }
+            }))
         );
     }
-    let value;
-    if (seconds < minute) {
-        value = seconds;
-        if (appendAgoLabel) {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.seconds.singular.ago.fullWord', '{0} second ago', value)))
-                    : ( (localize('date.fromNow.seconds.singular.ago', '{0} sec ago', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.seconds.plural.ago.fullWord', '{0} seconds ago', value)))
-                    : ( (localize('date.fromNow.seconds.plural.ago', '{0} secs ago', value)));
-            }
-        }
-        else {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.seconds.singular.fullWord', '{0} second', value)))
-                    : ( (localize('date.fromNow.seconds.singular', '{0} sec', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.seconds.plural.fullWord', '{0} seconds', value)))
-                    : ( (localize('date.fromNow.seconds.plural', '{0} secs', value)));
-            }
-        }
-    }
-    if (seconds < hour) {
-        value = Math.floor(seconds / minute);
-        if (appendAgoLabel) {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.minutes.singular.ago.fullWord', '{0} minute ago', value)))
-                    : ( (localize('date.fromNow.minutes.singular.ago', '{0} min ago', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.minutes.plural.ago.fullWord', '{0} minutes ago', value)))
-                    : ( (localize('date.fromNow.minutes.plural.ago', '{0} mins ago', value)));
-            }
-        }
-        else {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.minutes.singular.fullWord', '{0} minute', value)))
-                    : ( (localize('date.fromNow.minutes.singular', '{0} min', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.minutes.plural.fullWord', '{0} minutes', value)))
-                    : ( (localize('date.fromNow.minutes.plural', '{0} mins', value)));
+    applyStyles() {
+        const style = this.options.dialogStyles;
+        const fgColor = style.dialogForeground;
+        const bgColor = style.dialogBackground;
+        const shadowColor = style.dialogShadow ? `0 0px 8px ${style.dialogShadow}` : '';
+        const border = style.dialogBorder ? `1px solid ${style.dialogBorder}` : '';
+        const linkFgColor = style.textLinkForeground;
+        this.shadowElement.style.boxShadow = shadowColor;
+        this.element.style.color = fgColor ?? '';
+        this.element.style.backgroundColor = bgColor ?? '';
+        this.element.style.border = border;
+        if (linkFgColor) {
+            for (const el of this.messageContainer.getElementsByTagName('a')) {
+                el.style.color = linkFgColor;
             }
         }
-    }
-    if (seconds < day) {
-        value = Math.floor(seconds / hour);
-        if (appendAgoLabel) {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.hours.singular.ago.fullWord', '{0} hour ago', value)))
-                    : ( (localize('date.fromNow.hours.singular.ago', '{0} hr ago', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.hours.plural.ago.fullWord', '{0} hours ago', value)))
-                    : ( (localize('date.fromNow.hours.plural.ago', '{0} hrs ago', value)));
-            }
+        let color;
+        switch (this.options.type) {
+            case 'error':
+                color = style.errorIconForeground;
+                break;
+            case 'warning':
+                color = style.warningIconForeground;
+                break;
+            default:
+                color = style.infoIconForeground;
+                break;
         }
-        else {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.hours.singular.fullWord', '{0} hour', value)))
-                    : ( (localize('date.fromNow.hours.singular', '{0} hr', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.hours.plural.fullWord', '{0} hours', value)))
-                    : ( (localize('date.fromNow.hours.plural', '{0} hrs', value)));
-            }
+        if (color) {
+            this.iconElement.style.color = color;
         }
     }
-    if (seconds < week) {
-        value = Math.floor(seconds / day);
-        if (appendAgoLabel) {
-            return value === 1
-                ? ( (localize('date.fromNow.days.singular.ago', '{0} day ago', value)))
-                : ( (localize('date.fromNow.days.plural.ago', '{0} days ago', value)));
+    dispose() {
+        super.dispose();
+        if (this.modalElement) {
+            this.modalElement.remove();
+            this.modalElement = undefined;
         }
-        else {
-            return value === 1
-                ? ( (localize('date.fromNow.days.singular', '{0} day', value)))
-                : ( (localize('date.fromNow.days.plural', '{0} days', value)));
+        if (this.focusToReturn && isAncestor(this.focusToReturn, document.body)) {
+            this.focusToReturn.focus();
+            this.focusToReturn = undefined;
         }
     }
-    if (seconds < month) {
-        value = Math.floor(seconds / week);
-        if (appendAgoLabel) {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.weeks.singular.ago.fullWord', '{0} week ago', value)))
-                    : ( (localize('date.fromNow.weeks.singular.ago', '{0} wk ago', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.weeks.plural.ago.fullWord', '{0} weeks ago', value)))
-                    : ( (localize('date.fromNow.weeks.plural.ago', '{0} wks ago', value)));
-            }
-        }
-        else {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.weeks.singular.fullWord', '{0} week', value)))
-                    : ( (localize('date.fromNow.weeks.singular', '{0} wk', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.weeks.plural.fullWord', '{0} weeks', value)))
-                    : ( (localize('date.fromNow.weeks.plural', '{0} wks', value)));
-            }
+    rearrangeButtons(buttons, cancelId) {
+        const buttonMap = buttons.map((label, index) => ({ label, index }));
+        if (buttons.length < 2) {
+            return buttonMap;
         }
-    }
-    if (seconds < year) {
-        value = Math.floor(seconds / month);
-        if (appendAgoLabel) {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.months.singular.ago.fullWord', '{0} month ago', value)))
-                    : ( (localize('date.fromNow.months.singular.ago', '{0} mo ago', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.months.plural.ago.fullWord', '{0} months ago', value)))
-                    : ( (localize('date.fromNow.months.plural.ago', '{0} mos ago', value)));
+        if (isMacintosh || isLinux) {
+            if (typeof cancelId === 'number' && buttonMap[cancelId]) {
+                const cancelButton = buttonMap.splice(cancelId, 1)[0];
+                buttonMap.splice(1, 0, cancelButton);
             }
+            buttonMap.reverse();
         }
-        else {
-            if (value === 1) {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.months.singular.fullWord', '{0} month', value)))
-                    : ( (localize('date.fromNow.months.singular', '{0} mo', value)));
-            }
-            else {
-                return useFullTimeWords
-                    ? ( (localize('date.fromNow.months.plural.fullWord', '{0} months', value)))
-                    : ( (localize('date.fromNow.months.plural', '{0} mos', value)));
+        else if (isWindows) {
+            if (typeof cancelId === 'number' && buttonMap[cancelId]) {
+                const cancelButton = buttonMap.splice(cancelId, 1)[0];
+                buttonMap.push(cancelButton);
             }
         }
-    }
-    value = Math.floor(seconds / year);
-    if (appendAgoLabel) {
-        if (value === 1) {
-            return useFullTimeWords
-                ? ( (localize('date.fromNow.years.singular.ago.fullWord', '{0} year ago', value)))
-                : ( (localize('date.fromNow.years.singular.ago', '{0} yr ago', value)));
-        }
-        else {
-            return useFullTimeWords
-                ? ( (localize('date.fromNow.years.plural.ago.fullWord', '{0} years ago', value)))
-                : ( (localize('date.fromNow.years.plural.ago', '{0} yrs ago', value)));
-        }
-    }
-    else {
-        if (value === 1) {
-            return useFullTimeWords
-                ? ( (localize('date.fromNow.years.singular.fullWord', '{0} year', value)))
-                : ( (localize('date.fromNow.years.singular', '{0} yr', value)));
-        }
-        else {
-            return useFullTimeWords
-                ? ( (localize('date.fromNow.years.plural.fullWord', '{0} years', value)))
-                : ( (localize('date.fromNow.years.plural', '{0} yrs', value)));
-        }
+        return buttonMap;
     }
 }
-let BrowserDialogHandler = class BrowserDialogHandler {
-    constructor(logService, layoutService, themeService, keybindingService, instantiationService, productService, clipboardService) {
+let BrowserDialogHandler = class BrowserDialogHandler extends AbstractDialogHandler {
+    constructor(logService, layoutService, keybindingService, instantiationService, productService, clipboardService) {
+        super();
         this.logService = logService;
         this.layoutService = layoutService;
-        this.themeService = themeService;
         this.keybindingService = keybindingService;
         this.instantiationService = instantiationService;
         this.productService = productService;
         this.clipboardService = clipboardService;
         this.markdownRenderer = this.instantiationService.createInstance(MarkdownRenderer, {});
     }
+    async prompt(prompt) {
+        this.logService.trace('DialogService#prompt', prompt.message);
+        const buttons = this.getPromptButtons(prompt);
+        const { button, checkboxChecked } = await this.doShow(prompt.type, prompt.message, buttons, prompt.detail, prompt.cancelButton ? buttons.length - 1 : -1 , prompt.checkbox, undefined, typeof prompt?.custom === 'object' ? prompt.custom : undefined);
+        return this.getPromptResult(prompt, button, checkboxChecked);
+    }
     async confirm(confirmation) {
         this.logService.trace('DialogService#confirm', confirmation.message);
-        const buttons = [];
-        if (confirmation.primaryButton) {
-            buttons.push(confirmation.primaryButton);
-        }
-        else {
-            buttons.push(( (localize({ key: 'yesButton', comment: ['&& denotes a mnemonic'] }, "&&Yes"))));
-        }
-        if (confirmation.secondaryButton) {
-            buttons.push(confirmation.secondaryButton);
-        }
-        else if (typeof confirmation.secondaryButton === 'undefined') {
-            buttons.push(( (localize('cancelButton', "Cancel"))));
-        }
-        const result = await this.doShow(confirmation.type, confirmation.message, buttons, confirmation.detail, 1, confirmation.checkbox);
-        return { confirmed: result.button === 0, checkboxChecked: result.checkboxChecked };
+        const buttons = this.getConfirmationButtons(confirmation);
+        const { button, checkboxChecked } = await this.doShow(confirmation.type ?? 'question', confirmation.message, buttons, confirmation.detail, buttons.length - 1, confirmation.checkbox, undefined, typeof confirmation?.custom === 'object' ? confirmation.custom : undefined);
+        return { confirmed: button === 0, checkboxChecked };
     }
-    getDialogType(severity) {
-        return (severity === Severity.Info) ? 'question' : (severity === Severity.Error) ? 'error' : (severity === Severity.Warning) ? 'warning' : 'none';
+    async input(input) {
+        this.logService.trace('DialogService#input', input.message);
+        const buttons = this.getInputButtons(input);
+        const { button, checkboxChecked, values } = await this.doShow(input.type ?? 'question', input.message, buttons, input.detail, buttons.length - 1, input?.checkbox, input.inputs);
+        return { confirmed: button === 0, checkboxChecked, values };
     }
-    async show(severity, message, buttons, options) {
-        this.logService.trace('DialogService#show', message);
-        const result = await this.doShow(this.getDialogType(severity), message, buttons, options?.detail, options?.cancelId, options?.checkbox, undefined, typeof options?.custom === 'object' ? options.custom : undefined);
-        return {
-            choice: result.button,
-            checkboxChecked: result.checkboxChecked
+    async about() {
+        const detailString = (useAgo) => {
+            return (
+                 (localize(
+                    'aboutDetail',
+                    "Version: {0}\nCommit: {1}\nDate: {2}\nBrowser: {3}",
+                    this.productService.version || 'Unknown',
+                    this.productService.commit || 'Unknown',
+                    this.productService.date ? `${this.productService.date}${useAgo ? ' (' + fromNow(( new Date(this.productService.date)), true) + ')' : ''}` : 'Unknown',
+                    navigator.userAgent
+                ))
+            );
         };
+        const detail = detailString(true);
+        const detailToCopy = detailString(false);
+        const { button } = await this.doShow(Severity.Info, this.productService.nameLong, [
+            ( (localize({ key: 'copy', comment: ['&& denotes a mnemonic'] }, "&&Copy"))),
+            ( (localize('ok', "OK")))
+        ], detail, 1);
+        if (button === 0) {
+            this.clipboardService.writeText(detailToCopy);
+        }
     }
     async doShow(type, message, buttons, detail, cancelId, checkbox, inputs, customOptions) {
         const dialogDisposables = ( (new DisposableStore()));
@@ -778,7 +868,7 @@ let BrowserDialogHandler = class BrowserDialogHandler {
         const dialog = ( (new Dialog(this.layoutService.container, message, buttons, {
             detail,
             cancelId,
-            type,
+            type: this.getDialogType(type),
             keyEventProcessor: (event) => {
                 const resolved = this.keybindingService.softDispatch(event, this.layoutService.container);
                 if (resolved?.commandId) {
@@ -793,43 +883,17 @@ let BrowserDialogHandler = class BrowserDialogHandler {
             buttonDetails: customOptions?.buttonDetails,
             checkboxLabel: checkbox?.label,
             checkboxChecked: checkbox?.checked,
-            inputs
+            inputs,
+            buttonStyles: defaultButtonStyles,
+            checkboxStyles: defaultCheckboxStyles,
+            inputBoxStyles: defaultInputBoxStyles,
+            dialogStyles: defaultDialogStyles
         })));
         dialogDisposables.add(dialog);
-        dialogDisposables.add(attachDialogStyler(dialog, this.themeService));
         const result = await dialog.show();
         dialogDisposables.dispose();
         return result;
     }
-    async input(severity, message, buttons, inputs, options) {
-        this.logService.trace('DialogService#input', message);
-        const result = await this.doShow(this.getDialogType(severity), message, buttons, options?.detail, options?.cancelId, options?.checkbox, inputs);
-        return {
-            choice: result.button,
-            checkboxChecked: result.checkboxChecked,
-            values: result.values
-        };
-    }
-    async about() {
-        const detailString = (useAgo) => {
-            return (
-                 (localize(
-                    'aboutDetail',
-                    "Version: {0}\nCommit: {1}\nDate: {2}\nBrowser: {3}",
-                    this.productService.version || 'Unknown',
-                    this.productService.commit || 'Unknown',
-                    this.productService.date ? `${this.productService.date}${useAgo ? ' (' + fromNow(( new Date(this.productService.date)), true) + ')' : ''}` : 'Unknown',
-                    navigator.userAgent
-                ))
-            );
-        };
-        const detail = detailString(true);
-        const detailToCopy = detailString(false);
-        const { choice } = await this.show(Severity.Info, this.productService.nameLong, [( (localize('copy', "Copy"))), ( (localize('ok', "OK")))], { detail, cancelId: 1 });
-        if (choice === 0) {
-            this.clipboardService.writeText(detailToCopy);
-        }
-    }
 };
 BrowserDialogHandler.ALLOWABLE_COMMANDS = [
     'copy',
@@ -842,20 +906,18 @@ BrowserDialogHandler.ALLOWABLE_COMMANDS = [
 BrowserDialogHandler = ( (__decorate([
     ( (__param(0, ILogService))),
     ( (__param(1, ILayoutService))),
-    ( (__param(2, IThemeService))),
-    ( (__param(3, IKeybindingService))),
-    ( (__param(4, IInstantiationService))),
-    ( (__param(5, IProductService))),
-    ( (__param(6, IClipboardService)))
+    ( (__param(2, IKeybindingService))),
+    ( (__param(3, IInstantiationService))),
+    ( (__param(4, IProductService))),
+    ( (__param(5, IClipboardService)))
 ], BrowserDialogHandler)));
 let DialogHandlerContribution = class DialogHandlerContribution extends Disposable {
-    constructor(dialogService, logService, layoutService, themeService, keybindingService, instantiationService, productService, clipboardService) {
+    constructor(dialogService, logService, layoutService, keybindingService, instantiationService, productService, clipboardService) {
         super();
         this.dialogService = dialogService;
         this.impl = ( (new BrowserDialogHandler(
             logService,
             layoutService,
-            themeService,
             keybindingService,
             instantiationService,
             productService,
@@ -879,11 +941,11 @@ let DialogHandlerContribution = class DialogHandlerContribution extends Disposab
             }
             else if (this.currentDialog.args.inputArgs) {
                 const args = this.currentDialog.args.inputArgs;
-                result = await this.impl.input(args.severity, args.message, args.buttons, args.inputs, args.options);
+                result = await this.impl.input(args.input);
             }
-            else if (this.currentDialog.args.showArgs) {
-                const args = this.currentDialog.args.showArgs;
-                result = await this.impl.show(args.severity, args.message, args.buttons, args.options);
+            else if (this.currentDialog.args.promptArgs) {
+                const args = this.currentDialog.args.promptArgs;
+                result = await this.impl.prompt(args.prompt);
             }
             else {
                 await this.impl.about();
@@ -897,11 +959,10 @@ DialogHandlerContribution = ( (__decorate([
     ( (__param(0, IDialogService))),
     ( (__param(1, ILogService))),
     ( (__param(2, ILayoutService))),
-    ( (__param(3, IThemeService))),
-    ( (__param(4, IKeybindingService))),
-    ( (__param(5, IInstantiationService))),
-    ( (__param(6, IProductService))),
-    ( (__param(7, IClipboardService)))
+    ( (__param(3, IKeybindingService))),
+    ( (__param(4, IInstantiationService))),
+    ( (__param(5, IProductService))),
+    ( (__param(6, IClipboardService)))
 ], DialogHandlerContribution)));
 class DialogsModel extends Disposable {
     constructor() {
@@ -953,20 +1014,29 @@ let DialogService = class DialogService extends Disposable {
         const handle = this.model.show({ confirmArgs: { confirmation } });
         return await handle.result;
     }
-    async show(severity, message, buttons, options) {
+    async prompt(prompt) {
         if (this.skipDialogs()) {
             throw new Error('DialogService: refused to show dialog in tests.');
         }
-        const handle = this.model.show({ showArgs: { severity, message, buttons, options } });
+        const handle = this.model.show({ promptArgs: { prompt } });
         return await handle.result;
     }
-    async input(severity, message, buttons, inputs, options) {
+    async input(input) {
         if (this.skipDialogs()) {
             throw new Error('DialogService: refused to show input dialog in tests.');
         }
-        const handle = this.model.show({ inputArgs: { severity, message, buttons, inputs, options } });
+        const handle = this.model.show({ inputArgs: { input } });
         return await handle.result;
     }
+    async info(message, detail) {
+        await this.prompt({ type: Severity.Info, message, detail });
+    }
+    async warn(message, detail) {
+        await this.prompt({ type: Severity.Warning, message, detail });
+    }
+    async error(message, detail) {
+        await this.prompt({ type: Severity.Error, message, detail });
+    }
     async about() {
         if (this.skipDialogs()) {
             throw new Error('DialogService: refused to show about dialog in tests.');
@@ -980,7 +1050,9 @@ DialogService = ( (__decorate([
     ( (__param(1, ILogService)))
 ], DialogService)));
 function initialize(instantiationService) {
-    instantiationService.createInstance(DialogHandlerContribution);
+    setTimeout(() => {
+        instantiationService.createInstance(DialogHandlerContribution);
+    });
 }
 function getServiceOverride(container) {
     onServicesInitialized(initialize);