SQL Operations Studio Public Preview 1 (0.23) release source code

src/vs/base/browser/ui/menu/menu.css

@@ -0,0 +1,141 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.monaco-menu .monaco-action-bar.vertical {
+	margin-left: 0;
+}
+
+.monaco-menu .monaco-action-bar.vertical .actions-container {
+	display: block;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-item {
+	padding: 0;
+	-ms-transform: none;
+	-webkit-transform: none;
+	-moz-transform: none;
+	-o-transform: none;
+	transform: none;
+	display: -ms-flexbox;
+	display: flex;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-item.active {
+	-ms-transform: none;
+	-webkit-transform: none;
+	-moz-transform: none;
+	-o-transform: none;
+	transform: none;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-item.focused {
+	background-color: #E4E4E4;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-item:hover:not(.disabled) {
+	background-color: #EEE;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-label {
+	-ms-flex: 1 1 auto;
+	flex: 1 1 auto;
+	text-decoration: none;
+	padding: 0.8em 1em;
+	line-height: 1.1em;
+	background: none;
+}
+
+.monaco-menu .monaco-action-bar.vertical .keybinding {
+	display: inline-block;
+	-ms-flex: 2 1 auto;
+	flex: 2 1 auto;
+	padding: 0.8em 1em;
+	line-height: 1.1em;
+	font-size: 12px;
+	text-align: right;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-item.disabled .keybinding {
+	opacity: 0.4;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-label:not(.separator) {
+	display: inline-block;
+	-webkit-box-sizing:	border-box;
+	-o-box-sizing:		border-box;
+	-moz-box-sizing:	border-box;
+	-ms-box-sizing:		border-box;
+	box-sizing:			border-box;
+	margin: 0;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-label.separator {
+	padding: 0.5em 0 0 0;
+	margin-bottom: 0.5em;
+	width: 100%;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-label.separator.text {
+	padding: 0.7em 1em 0.1em 1em;
+	font-weight: bold;
+	opacity: 1;
+}
+
+.monaco-menu .monaco-action-bar.vertical .action-label:hover {
+	color: inherit;
+}
+
+/* Context Menu */
+
+.context-view.monaco-menu-container {
+	font-family: "Segoe WPC", "Segoe UI", ".SFNSDisplay-Light", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback";
+	outline: 0;
+	box-shadow: 0 2px 8px #A8A8A8;
+	border: none;
+	color: #646465;
+	background-color: white;
+	-webkit-animation: fadeIn 0.083s linear;
+	-o-animation: fadeIn 0.083s linear;
+	-moz-animation: fadeIn 0.083s linear;
+	-ms-animation: fadeIn 0.083s linear;
+	animation: fadeIn 0.083s linear;
+}
+
+.context-view.monaco-menu-container :focus {
+	outline: 0;
+}
+
+/* Dark theme */
+.vs-dark .monaco-menu .monaco-action-bar.vertical .action-item.focused {
+	background-color: #4B4C4D;
+}
+
+.vs-dark .monaco-menu .monaco-action-bar.vertical .action-item:hover:not(.disabled) {
+	background-color: #3A3A3A;
+}
+
+.vs-dark .context-view.monaco-menu-container {
+	box-shadow: 0 2px 8px #000;
+	color: #BBB;
+	background-color: #2D2F31;
+}
+
+/* High Contrast Theming */
+.hc-black .context-view.monaco-menu-container {
+	border: 2px solid #6FC3DF;
+	color: white;
+	background-color: #0C141F;
+	box-shadow: none;
+}
+
+.hc-black .monaco-menu .monaco-action-bar.vertical .action-item.focused {
+	background: none;
+	border: 1px dotted #f38518;
+}
+
+.hc-black .monaco-menu .monaco-action-bar.vertical .action-item:hover:not(.disabled) {
+	background: none;
+	border: 1px dashed #f38518;
+}

src/vs/base/browser/ui/menu/menu.ts

@@ -0,0 +1,65 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+'use strict';
+
+import 'vs/css!./menu';
+import { IDisposable } from 'vs/base/common/lifecycle';
+import { $ } from 'vs/base/browser/builder';
+import { IActionRunner, IAction } from 'vs/base/common/actions';
+import { ActionBar, IActionItemProvider, ActionsOrientation } from 'vs/base/browser/ui/actionbar/actionbar';
+import { EventEmitter } from 'vs/base/common/eventEmitter';
+import { ResolvedKeybinding } from 'vs/base/common/keyCodes';
+
+export interface IMenuOptions {
+	context?: any;
+	actionItemProvider?: IActionItemProvider;
+	actionRunner?: IActionRunner;
+	getKeyBinding?: (action: IAction) => ResolvedKeybinding;
+}
+
+export class Menu extends EventEmitter {
+
+	private actionBar: ActionBar;
+	private listener: IDisposable;
+
+	constructor(container: HTMLElement, actions: IAction[], options: IMenuOptions = {}) {
+		super();
+
+		$(container).addClass('monaco-menu-container');
+
+		let $menu = $('.monaco-menu').appendTo(container);
+
+		this.actionBar = new ActionBar($menu, {
+			orientation: ActionsOrientation.VERTICAL,
+			actionItemProvider: options.actionItemProvider,
+			context: options.context,
+			actionRunner: options.actionRunner,
+			isMenu: true
+		});
+
+		this.listener = this.addEmitter(this.actionBar);
+
+		this.actionBar.push(actions, { icon: true, label: true });
+	}
+
+	public focus() {
+		this.actionBar.focus(true);
+	}
+
+	public dispose() {
+		super.dispose();
+
+		if (this.actionBar) {
+			this.actionBar.dispose();
+			this.actionBar = null;
+		}
+
+		if (this.listener) {
+			this.listener.dispose();
+			this.listener = null;
+		}
+	}
+}