custom-electron-titlebar 3.2.6 → 3.2.10

package/lib/vs/base/browser/ui/checkbox/checkbox.js

@@ -1,251 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SimpleCheckbox = exports.Checkbox = exports.CheckboxActionViewItem = void 0;
-
-require("../../../../css!./checkbox");
-
-const DOM = require("../../dom");
-
-const widget_1 = require("../widget");
-
-const color_1 = require("../../../common/color");
-
-const event_1 = require("../../../common/event");
-
-const lifecycle_1 = require("../../../common/lifecycle");
-
-const codicons_1 = require("../../../common/codicons");
-
-const actionViewItems_1 = require("../actionbar/actionViewItems");
-
-const defaultOpts = {
-  inputActiveOptionBorder: color_1.Color.fromHex('#007ACC00'),
-  inputActiveOptionForeground: color_1.Color.fromHex('#FFFFFF'),
-  inputActiveOptionBackground: color_1.Color.fromHex('#0E639C50')
-};
-
-class CheckboxActionViewItem extends actionViewItems_1.BaseActionViewItem {
-  constructor() {
-    super(...arguments);
-    this.disposables = new lifecycle_1.DisposableStore();
-  }
-
-  render(container) {
-    this.element = container;
-    this.disposables.clear();
-    this.checkbox = new Checkbox({
-      actionClassName: this._action.class,
-      isChecked: this._action.checked,
-      title: this._action.label
-    });
-    this.disposables.add(this.checkbox);
-    this.disposables.add(this.checkbox.onChange(() => this._action.checked = !!this.checkbox && this.checkbox.checked, this));
-    this.element.appendChild(this.checkbox.domNode);
-  }
-
-  updateEnabled() {
-    if (this.checkbox) {
-      if (this.isEnabled()) {
-        this.checkbox.enable();
-      } else {
-        this.checkbox.disable();
-      }
-    }
-  }
-
-  updateChecked() {
-    if (this.checkbox) {
-      this.checkbox.checked = this._action.checked;
-    }
-  }
-
-  dispose() {
-    this.disposables.dispose();
-    super.dispose();
-  }
-
-}
-
-exports.CheckboxActionViewItem = CheckboxActionViewItem;
-
-class Checkbox extends widget_1.Widget {
-  constructor(opts) {
-    super();
-    this._onChange = this._register(new event_1.Emitter());
-    this.onChange = this._onChange.event;
-    this._onKeyDown = this._register(new event_1.Emitter());
-    this.onKeyDown = this._onKeyDown.event;
-    this._opts = { ...defaultOpts,
-      ...opts
-    };
-    this._checked = this._opts.isChecked;
-    const classes = ['monaco-custom-checkbox'];
-
-    if (this._opts.icon) {
-      classes.push(this._opts.icon.classNames);
-    } else {
-      classes.push('codicon'); // todo@aeschli: remove once codicon fully adopted
-    }
-
-    if (this._opts.actionClassName) {
-      classes.push(this._opts.actionClassName);
-    }
-
-    classes.push(this._checked ? 'checked' : 'unchecked');
-    this.domNode = document.createElement('div');
-    this.domNode.title = this._opts.title;
-    this.domNode.className = classes.join(' ');
-    this.domNode.tabIndex = 0;
-    this.domNode.setAttribute('role', 'checkbox');
-    this.domNode.setAttribute('aria-checked', String(this._checked));
-    this.domNode.setAttribute('aria-label', this._opts.title);
-    this.applyStyles();
-    this.onclick(this.domNode, ev => {
-      this.checked = !this._checked;
-
-      this._onChange.fire(false);
-
-      ev.preventDefault();
-    });
-    this.ignoreGesture(this.domNode);
-    this.onkeydown(this.domNode, keyboardEvent => {
-      if (keyboardEvent.keyCode === 10
-      /* Space */
-      || keyboardEvent.keyCode === 3
-      /* Enter */
-      ) {
-          this.checked = !this._checked;
-
-          this._onChange.fire(true);
-
-          keyboardEvent.preventDefault();
-          return;
-        }
-
-      this._onKeyDown.fire(keyboardEvent);
-    });
-  }
-
-  get enabled() {
-    return this.domNode.getAttribute('aria-disabled') !== 'true';
-  }
-
-  focus() {
-    this.domNode.focus();
-  }
-
-  get checked() {
-    return this._checked;
-  }
-
-  set checked(newIsChecked) {
-    this._checked = newIsChecked;
-    this.domNode.setAttribute('aria-checked', String(this._checked));
-
-    if (this._checked) {
-      this.domNode.classList.add('checked');
-    } else {
-      this.domNode.classList.remove('checked');
-    }
-
-    this.applyStyles();
-  }
-
-  width() {
-    return 2
-    /*marginleft*/
-    + 2
-    /*border*/
-    + 2
-    /*padding*/
-    + 16
-    /* icon width */
-    ;
-  }
-
-  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() : 'transparent';
-      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() : 'transparent';
-    }
-  }
-
-  enable() {
-    this.domNode.tabIndex = 0;
-    this.domNode.setAttribute('aria-disabled', String(false));
-  }
-
-  disable() {
-    DOM.removeTabIndexAndUpdateFocus(this.domNode);
-    this.domNode.setAttribute('aria-disabled', String(true));
-  }
-
-}
-
-exports.Checkbox = Checkbox;
-
-class SimpleCheckbox extends widget_1.Widget {
-  constructor(title, isChecked) {
-    super();
-    this.title = title;
-    this.isChecked = isChecked;
-    this.checkbox = new Checkbox({
-      title: this.title,
-      isChecked: this.isChecked,
-      icon: codicons_1.Codicon.check,
-      actionClassName: 'monaco-simple-checkbox'
-    });
-    this.domNode = this.checkbox.domNode;
-    this.styles = {};
-    this.checkbox.onChange(() => {
-      this.applyStyles();
-    });
-  }
-
-  get checked() {
-    return this.checkbox.checked;
-  }
-
-  set checked(newIsChecked) {
-    this.checkbox.checked = newIsChecked;
-    this.applyStyles();
-  }
-
-  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() : '';
-  }
-
-}
-
-exports.SimpleCheckbox = SimpleCheckbox;

package/lib/vs/base/browser/ui/codicons/codiconLabel.js

@@ -1,31 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CodiconLabel = void 0;
-
-const dom_1 = require("../../dom");
-
-const codicons_1 = require("../../codicons");
-
-class CodiconLabel {
-  constructor(_container) {
-    this._container = _container;
-  }
-
-  set text(text) {
-    dom_1.reset(this._container, ...codicons_1.renderCodicons(text !== null && text !== void 0 ? text : ''));
-  }
-
-  set title(title) {
-    this._container.title = title;
-  }
-
-}
-
-exports.CodiconLabel = CodiconLabel;

package/lib/vs/base/browser/ui/codicons/codiconStyles.js

@@ -1,47 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatRule = exports.CodiconStyles = void 0;
-
-require("../../../../css!./codicon/codicon");
-
-require("../../../../css!./codicon/codicon-modifications");
-
-require("../../../../css!./codicon/codicon-animations");
-
-const codicons_1 = require("../../../common/codicons");
-
-exports.CodiconStyles = new class {
-  constructor() {
-    this.onDidChange = codicons_1.iconRegistry.onDidRegister;
-  }
-
-  getCSS() {
-    const rules = [];
-
-    for (let c of codicons_1.iconRegistry.all) {
-      rules.push(formatRule(c));
-    }
-
-    return rules.join('\n');
-  }
-
-}();
-
-function formatRule(c) {
-  let def = c.definition;
-
-  while (def instanceof codicons_1.Codicon) {
-    def = def.definition;
-  }
-
-  return `.codicon-${c.id}:before { content: '${def.character}'; }`;
-}
-
-exports.formatRule = formatRule;

package/lib/vs/base/browser/ui/contextview/contextview.js

@@ -1,367 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContextView = exports.layout = void 0;
-
-require("../../../../css!./contextview");
-
-const DOM = require("../../dom");
-
-const platform = require("../../../common/platform");
-
-const lifecycle_1 = require("../../../common/lifecycle");
-
-const range_1 = require("../../../common/range");
-
-const canIUse_1 = require("../../canIUse");
-/**
- * Lays out a one dimensional view next to an anchor in a viewport.
- *
- * @returns The view offset within the viewport.
- */
-
-
-function layout(viewportSize, viewSize, anchor) {
-  const anchorEnd = anchor.offset + anchor.size;
-
-  if (anchor.position === 0
-  /* Before */
-  ) {
-      if (viewSize <= viewportSize - anchorEnd) {
-        return anchorEnd; // happy case, lay it out after the anchor
-      }
-
-      if (viewSize <= anchor.offset) {
-        return anchor.offset - viewSize; // ok case, lay it out before the anchor
-      }
-
-      return Math.max(viewportSize - viewSize, 0); // sad case, lay it over the anchor
-    } else {
-    if (viewSize <= anchor.offset) {
-      return anchor.offset - viewSize; // happy case, lay it out before the anchor
-    }
-
-    if (viewSize <= viewportSize - anchorEnd) {
-      return anchorEnd; // ok case, lay it out after the anchor
-    }
-
-    return 0; // sad case, lay it over the anchor
-  }
-}
-
-exports.layout = layout;
-
-class ContextView extends lifecycle_1.Disposable {
-  constructor(container, domPosition) {
-    super();
-    this.container = null;
-    this.delegate = null;
-    this.toDisposeOnClean = lifecycle_1.Disposable.None;
-    this.toDisposeOnSetContainer = lifecycle_1.Disposable.None;
-    this.shadowRoot = null;
-    this.shadowRootHostElement = null;
-    this.view = DOM.$('.context-view');
-    this.useFixedPosition = false;
-    this.useShadowDOM = false;
-    DOM.hide(this.view);
-    this.setContainer(container, domPosition);
-
-    this._register(lifecycle_1.toDisposable(() => this.setContainer(null, 1
-    /* ABSOLUTE */
-    )));
-  }
-
-  setContainer(container, domPosition) {
-    var _a;
-
-    if (this.container) {
-      this.toDisposeOnSetContainer.dispose();
-
-      if (this.shadowRoot) {
-        this.shadowRoot.removeChild(this.view);
-        this.shadowRoot = null;
-        (_a = this.shadowRootHostElement) === null || _a === void 0 ? void 0 : _a.remove();
-        this.shadowRootHostElement = null;
-      } else {
-        this.container.removeChild(this.view);
-      }
-
-      this.container = null;
-    }
-
-    if (container) {
-      this.container = container;
-      this.useFixedPosition = domPosition !== 1
-      /* ABSOLUTE */
-      ;
-      this.useShadowDOM = domPosition === 3
-      /* FIXED_SHADOW */
-      ;
-
-      if (this.useShadowDOM) {
-        this.shadowRootHostElement = DOM.$('.shadow-root-host');
-        this.container.appendChild(this.shadowRootHostElement);
-        this.shadowRoot = this.shadowRootHostElement.attachShadow({
-          mode: 'open'
-        });
-        const style = document.createElement('style');
-        style.textContent = SHADOW_ROOT_CSS;
-        this.shadowRoot.appendChild(style);
-        this.shadowRoot.appendChild(this.view);
-        this.shadowRoot.appendChild(DOM.$('slot'));
-      } else {
-        this.container.appendChild(this.view);
-      }
-
-      const toDisposeOnSetContainer = new lifecycle_1.DisposableStore();
-      ContextView.BUBBLE_UP_EVENTS.forEach(event => {
-        toDisposeOnSetContainer.add(DOM.addStandardDisposableListener(this.container, event, e => {
-          this.onDOMEvent(e, false);
-        }));
-      });
-      ContextView.BUBBLE_DOWN_EVENTS.forEach(event => {
-        toDisposeOnSetContainer.add(DOM.addStandardDisposableListener(this.container, event, e => {
-          this.onDOMEvent(e, true);
-        }, true));
-      });
-      this.toDisposeOnSetContainer = toDisposeOnSetContainer;
-    }
-  }
-
-  show(delegate) {
-    if (this.isVisible()) {
-      this.hide();
-    } // Show static box
-
-
-    DOM.clearNode(this.view);
-    this.view.className = 'context-view';
-    this.view.style.top = '0px';
-    this.view.style.left = '0px';
-    this.view.style.zIndex = '2500';
-    this.view.style.position = this.useFixedPosition ? 'fixed' : 'absolute';
-    DOM.show(this.view); // Render content
-
-    this.toDisposeOnClean = delegate.render(this.view) || lifecycle_1.Disposable.None; // Set active delegate
-
-    this.delegate = delegate; // Layout
-
-    this.doLayout(); // Focus
-
-    if (this.delegate.focus) {
-      this.delegate.focus();
-    }
-  }
-
-  getViewElement() {
-    return this.view;
-  }
-
-  layout() {
-    if (!this.isVisible()) {
-      return;
-    }
-
-    if (this.delegate.canRelayout === false && !(platform.isIOS && canIUse_1.BrowserFeatures.pointerEvents)) {
-      this.hide();
-      return;
-    }
-
-    if (this.delegate.layout) {
-      this.delegate.layout();
-    }
-
-    this.doLayout();
-  }
-
-  doLayout() {
-    // Check that we still have a delegate - this.delegate.layout may have hidden
-    if (!this.isVisible()) {
-      return;
-    } // Get anchor
-
-
-    let anchor = this.delegate.getAnchor(); // Compute around
-
-    let around; // Get the element's position and size (to anchor the view)
-
-    if (DOM.isHTMLElement(anchor)) {
-      let elementPosition = DOM.getDomNodePagePosition(anchor);
-      around = {
-        top: elementPosition.top,
-        left: elementPosition.left,
-        width: elementPosition.width,
-        height: elementPosition.height
-      };
-    } else {
-      around = {
-        top: anchor.y,
-        left: anchor.x,
-        width: anchor.width || 1,
-        height: anchor.height || 2
-      };
-    }
-
-    const viewSizeWidth = DOM.getTotalWidth(this.view);
-    const viewSizeHeight = DOM.getTotalHeight(this.view);
-    const anchorPosition = this.delegate.anchorPosition || 0
-    /* BELOW */
-    ;
-    const anchorAlignment = this.delegate.anchorAlignment || 0
-    /* LEFT */
-    ;
-    const verticalAnchor = {
-      offset: around.top - window.pageYOffset,
-      size: around.height,
-      position: anchorPosition === 0
-      /* BELOW */
-      ? 0
-      /* Before */
-      : 1
-      /* After */
-
-    };
-    let horizontalAnchor;
-
-    if (anchorAlignment === 0
-    /* LEFT */
-    ) {
-        horizontalAnchor = {
-          offset: around.left,
-          size: 0,
-          position: 0
-          /* Before */
-
-        };
-      } else {
-      horizontalAnchor = {
-        offset: around.left + around.width,
-        size: 0,
-        position: 1
-        /* After */
-
-      };
-    }
-
-    const top = layout(window.innerHeight, viewSizeHeight, verticalAnchor) + window.pageYOffset; // if view intersects vertically with anchor, shift it horizontally
-
-    if (range_1.Range.intersects({
-      start: top,
-      end: top + viewSizeHeight
-    }, {
-      start: verticalAnchor.offset,
-      end: verticalAnchor.offset + verticalAnchor.size
-    })) {
-      horizontalAnchor.size = around.width;
-
-      if (anchorAlignment === 1
-      /* RIGHT */
-      ) {
-          horizontalAnchor.offset = around.left;
-        }
-    }
-
-    const left = layout(window.innerWidth, viewSizeWidth, horizontalAnchor);
-    this.view.classList.remove('top', 'bottom', 'left', 'right');
-    this.view.classList.add(anchorPosition === 0
-    /* BELOW */
-    ? 'bottom' : 'top');
-    this.view.classList.add(anchorAlignment === 0
-    /* LEFT */
-    ? 'left' : 'right');
-    this.view.classList.toggle('fixed', this.useFixedPosition);
-    const containerPosition = DOM.getDomNodePagePosition(this.container);
-    this.view.style.top = `${top - (this.useFixedPosition ? DOM.getDomNodePagePosition(this.view).top : containerPosition.top)}px`;
-    this.view.style.left = `${left - (this.useFixedPosition ? DOM.getDomNodePagePosition(this.view).left : containerPosition.left)}px`;
-    this.view.style.width = 'initial';
-  }
-
-  hide(data) {
-    const delegate = this.delegate;
-    this.delegate = null;
-
-    if (delegate === null || delegate === void 0 ? void 0 : delegate.onHide) {
-      delegate.onHide(data);
-    }
-
-    this.toDisposeOnClean.dispose();
-    DOM.hide(this.view);
-  }
-
-  isVisible() {
-    return !!this.delegate;
-  }
-
-  onDOMEvent(e, onCapture) {
-    if (this.delegate) {
-      if (this.delegate.onDOMEvent) {
-        this.delegate.onDOMEvent(e, document.activeElement);
-      } else if (onCapture && !DOM.isAncestor(e.target, this.container)) {
-        this.hide();
-      }
-    }
-  }
-
-  dispose() {
-    this.hide();
-    super.dispose();
-  }
-
-}
-
-exports.ContextView = ContextView;
-ContextView.BUBBLE_UP_EVENTS = ['click', 'keydown', 'focus', 'blur'];
-ContextView.BUBBLE_DOWN_EVENTS = ['click'];
-let SHADOW_ROOT_CSS =
-/* css */
-`
-	:host {
-		all: initial; /* 1st rule so subsequent properties are reset. */
-	}
-
-	@font-face {
-		font-family: "codicon";
-		src: url("./codicon.ttf?5d4d76ab2ce5108968ad644d591a16a6") format("truetype");
-	}
-
-	.codicon[class*='codicon-'] {
-		font: normal normal normal 16px/1 codicon;
-		display: inline-block;
-		text-decoration: none;
-		text-rendering: auto;
-		text-align: center;
-		-webkit-font-smoothing: antialiased;
-		-moz-osx-font-smoothing: grayscale;
-		user-select: none;
-		-webkit-user-select: none;
-		-ms-user-select: none;
-	}
-
-	:host {
-		font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
-	}
-
-	:host-context(.mac) { font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
-	:host-context(.mac:lang(zh-Hans)) { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", sans-serif; }
-	:host-context(.mac:lang(zh-Hant)) { font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", sans-serif; }
-	:host-context(.mac:lang(ja)) { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic Pro", sans-serif; }
-	:host-context(.mac:lang(ko)) { font-family: -apple-system, BlinkMacSystemFont, "Nanum Gothic", "Apple SD Gothic Neo", "AppleGothic", sans-serif; }
-
-	:host-context(.windows) { font-family: "Segoe WPC", "Segoe UI", sans-serif; }
-	:host-context(.windows:lang(zh-Hans)) { font-family: "Segoe WPC", "Segoe UI", "Microsoft YaHei", sans-serif; }
-	:host-context(.windows:lang(zh-Hant)) { font-family: "Segoe WPC", "Segoe UI", "Microsoft Jhenghei", sans-serif; }
-	:host-context(.windows:lang(ja)) { font-family: "Segoe WPC", "Segoe UI", "Yu Gothic UI", "Meiryo UI", sans-serif; }
-	:host-context(.windows:lang(ko)) { font-family: "Segoe WPC", "Segoe UI", "Malgun Gothic", "Dotom", sans-serif; }
-
-	:host-context(.linux) { font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif; }
-	:host-context(.linux:lang(zh-Hans)) { font-family: system-ui, "Ubuntu", "Droid Sans", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans", sans-serif; }
-	:host-context(.linux:lang(zh-Hant)) { font-family: system-ui, "Ubuntu", "Droid Sans", "Source Han Sans TC", "Source Han Sans TW", "Source Han Sans", sans-serif; }
-	:host-context(.linux:lang(ja)) { font-family: system-ui, "Ubuntu", "Droid Sans", "Source Han Sans J", "Source Han Sans JP", "Source Han Sans", sans-serif; }
-	:host-context(.linux:lang(ko)) { font-family: system-ui, "Ubuntu", "Droid Sans", "Source Han Sans K", "Source Han Sans JR", "Source Han Sans", "UnDotum", "FBaekmuk Gulim", sans-serif; }
-`;