claude-flow-novice 2.2.1 → 2.2.3

package/dist/src/web/frontend/node_modules/.monaco-editor-MndU045b/esm/vs/base/browser/ui/dropdown/dropdownActionViewItem.js

@@ -0,0 +1,106 @@
+import { $, append } from '../../dom.js';
+import { BaseActionViewItem } from '../actionbar/actionViewItems.js';
+import { DropdownMenu } from './dropdown.js';
+import { Emitter } from '../../../common/event.js';
+import './dropdown.css';
+export class DropdownMenuActionViewItem extends BaseActionViewItem {
+    constructor(action, menuActionsOrProvider, contextMenuProvider, options = Object.create(null)) {
+        super(null, action, options);
+        this.actionItem = null;
+        this._onDidChangeVisibility = this._register(new Emitter());
+        this.onDidChangeVisibility = this._onDidChangeVisibility.event;
+        this.menuActionsOrProvider = menuActionsOrProvider;
+        this.contextMenuProvider = contextMenuProvider;
+        this.options = options;
+        if (this.options.actionRunner) {
+            this.actionRunner = this.options.actionRunner;
+        }
+    }
+    render(container) {
+        this.actionItem = container;
+        const labelRenderer = (el) => {
+            this.element = append(el, $('a.action-label'));
+            let classNames = [];
+            if (typeof this.options.classNames === 'string') {
+                classNames = this.options.classNames.split(/\s+/g).filter(s => !!s);
+            }
+            else if (this.options.classNames) {
+                classNames = this.options.classNames;
+            }
+            // todo@aeschli: remove codicon, should come through `this.options.classNames`
+            if (!classNames.find(c => c === 'icon')) {
+                classNames.push('codicon');
+            }
+            this.element.classList.add(...classNames);
+            this.element.setAttribute('role', 'button');
+            this.element.setAttribute('aria-haspopup', 'true');
+            this.element.setAttribute('aria-expanded', 'false');
+            this.element.title = this._action.label || '';
+            this.element.ariaLabel = this._action.label || '';
+            return null;
+        };
+        const isActionsArray = Array.isArray(this.menuActionsOrProvider);
+        const options = {
+            contextMenuProvider: this.contextMenuProvider,
+            labelRenderer: labelRenderer,
+            menuAsChild: this.options.menuAsChild,
+            actions: isActionsArray ? this.menuActionsOrProvider : undefined,
+            actionProvider: isActionsArray ? undefined : this.menuActionsOrProvider,
+            skipTelemetry: this.options.skipTelemetry
+        };
+        this.dropdownMenu = this._register(new DropdownMenu(container, options));
+        this._register(this.dropdownMenu.onDidChangeVisibility(visible => {
+            var _a;
+            (_a = this.element) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', `${visible}`);
+            this._onDidChangeVisibility.fire(visible);
+        }));
+        this.dropdownMenu.menuOptions = {
+            actionViewItemProvider: this.options.actionViewItemProvider,
+            actionRunner: this.actionRunner,
+            getKeyBinding: this.options.keybindingProvider,
+            context: this._context
+        };
+        if (this.options.anchorAlignmentProvider) {
+            const that = this;
+            this.dropdownMenu.menuOptions = {
+                ...this.dropdownMenu.menuOptions,
+                get anchorAlignment() {
+                    return that.options.anchorAlignmentProvider();
+                }
+            };
+        }
+        this.updateTooltip();
+        this.updateEnabled();
+    }
+    getTooltip() {
+        let title = null;
+        if (this.action.tooltip) {
+            title = this.action.tooltip;
+        }
+        else if (this.action.label) {
+            title = this.action.label;
+        }
+        return title !== null && title !== void 0 ? title : undefined;
+    }
+    setActionContext(newContext) {
+        super.setActionContext(newContext);
+        if (this.dropdownMenu) {
+            if (this.dropdownMenu.menuOptions) {
+                this.dropdownMenu.menuOptions.context = newContext;
+            }
+            else {
+                this.dropdownMenu.menuOptions = { context: newContext };
+            }
+        }
+    }
+    show() {
+        var _a;
+        (_a = this.dropdownMenu) === null || _a === void 0 ? void 0 : _a.show();
+    }
+    updateEnabled() {
+        var _a, _b;
+        const disabled = !this.action.enabled;
+        (_a = this.actionItem) === null || _a === void 0 ? void 0 : _a.classList.toggle('disabled', disabled);
+        (_b = this.element) === null || _b === void 0 ? void 0 : _b.classList.toggle('disabled', disabled);
+    }
+}

package/dist/src/web/frontend/node_modules/.monaco-editor-MndU045b/esm/vs/base/browser/ui/findinput/findInput.js

@@ -0,0 +1,295 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import * as dom from '../../dom.js';
+import { CaseSensitiveToggle, RegexToggle, WholeWordsToggle } from './findInputToggles.js';
+import { HistoryInputBox } from '../inputbox/inputBox.js';
+import { Widget } from '../widget.js';
+import { Emitter } from '../../../common/event.js';
+import './findInput.css';
+import * as nls from '../../../../nls.js';
+import { DisposableStore, MutableDisposable } from '../../../common/lifecycle.js';
+const NLS_DEFAULT_LABEL = nls.localize('defaultLabel', "input");
+export class FindInput extends Widget {
+    constructor(parent, contextViewProvider, options) {
+        super();
+        this.fixFocusOnOptionClickEnabled = true;
+        this.imeSessionInProgress = false;
+        this.additionalTogglesDisposables = this._register(new MutableDisposable());
+        this.additionalToggles = [];
+        this._onDidOptionChange = this._register(new Emitter());
+        this.onDidOptionChange = this._onDidOptionChange.event;
+        this._onKeyDown = this._register(new Emitter());
+        this.onKeyDown = this._onKeyDown.event;
+        this._onMouseDown = this._register(new Emitter());
+        this.onMouseDown = this._onMouseDown.event;
+        this._onInput = this._register(new Emitter());
+        this._onKeyUp = this._register(new Emitter());
+        this._onCaseSensitiveKeyDown = this._register(new Emitter());
+        this.onCaseSensitiveKeyDown = this._onCaseSensitiveKeyDown.event;
+        this._onRegexKeyDown = this._register(new Emitter());
+        this.onRegexKeyDown = this._onRegexKeyDown.event;
+        this._lastHighlightFindOptions = 0;
+        this.placeholder = options.placeholder || '';
+        this.validation = options.validation;
+        this.label = options.label || NLS_DEFAULT_LABEL;
+        this.showCommonFindToggles = !!options.showCommonFindToggles;
+        const appendCaseSensitiveLabel = options.appendCaseSensitiveLabel || '';
+        const appendWholeWordsLabel = options.appendWholeWordsLabel || '';
+        const appendRegexLabel = options.appendRegexLabel || '';
+        const history = options.history || [];
+        const flexibleHeight = !!options.flexibleHeight;
+        const flexibleWidth = !!options.flexibleWidth;
+        const flexibleMaxHeight = options.flexibleMaxHeight;
+        this.domNode = document.createElement('div');
+        this.domNode.classList.add('monaco-findInput');
+        this.inputBox = this._register(new HistoryInputBox(this.domNode, contextViewProvider, {
+            placeholder: this.placeholder || '',
+            ariaLabel: this.label || '',
+            validationOptions: {
+                validation: this.validation
+            },
+            history,
+            showHistoryHint: options.showHistoryHint,
+            flexibleHeight,
+            flexibleWidth,
+            flexibleMaxHeight,
+            inputBoxStyles: options.inputBoxStyles,
+        }));
+        if (this.showCommonFindToggles) {
+            this.regex = this._register(new RegexToggle({
+                appendTitle: appendRegexLabel,
+                isChecked: false,
+                ...options.toggleStyles
+            }));
+            this._register(this.regex.onChange(viaKeyboard => {
+                this._onDidOptionChange.fire(viaKeyboard);
+                if (!viaKeyboard && this.fixFocusOnOptionClickEnabled) {
+                    this.inputBox.focus();
+                }
+                this.validate();
+            }));
+            this._register(this.regex.onKeyDown(e => {
+                this._onRegexKeyDown.fire(e);
+            }));
+            this.wholeWords = this._register(new WholeWordsToggle({
+                appendTitle: appendWholeWordsLabel,
+                isChecked: false,
+                ...options.toggleStyles
+            }));
+            this._register(this.wholeWords.onChange(viaKeyboard => {
+                this._onDidOptionChange.fire(viaKeyboard);
+                if (!viaKeyboard && this.fixFocusOnOptionClickEnabled) {
+                    this.inputBox.focus();
+                }
+                this.validate();
+            }));
+            this.caseSensitive = this._register(new CaseSensitiveToggle({
+                appendTitle: appendCaseSensitiveLabel,
+                isChecked: false,
+                ...options.toggleStyles
+            }));
+            this._register(this.caseSensitive.onChange(viaKeyboard => {
+                this._onDidOptionChange.fire(viaKeyboard);
+                if (!viaKeyboard && this.fixFocusOnOptionClickEnabled) {
+                    this.inputBox.focus();
+                }
+                this.validate();
+            }));
+            this._register(this.caseSensitive.onKeyDown(e => {
+                this._onCaseSensitiveKeyDown.fire(e);
+            }));
+            // Arrow-Key support to navigate between options
+            const indexes = [this.caseSensitive.domNode, this.wholeWords.domNode, this.regex.domNode];
+            this.onkeydown(this.domNode, (event) => {
+                if (event.equals(15 /* KeyCode.LeftArrow */) || event.equals(17 /* KeyCode.RightArrow */) || event.equals(9 /* KeyCode.Escape */)) {
+                    const index = indexes.indexOf(this.domNode.ownerDocument.activeElement);
+                    if (index >= 0) {
+                        let newIndex = -1;
+                        if (event.equals(17 /* KeyCode.RightArrow */)) {
+                            newIndex = (index + 1) % indexes.length;
+                        }
+                        else if (event.equals(15 /* KeyCode.LeftArrow */)) {
+                            if (index === 0) {
+                                newIndex = indexes.length - 1;
+                            }
+                            else {
+                                newIndex = index - 1;
+                            }
+                        }
+                        if (event.equals(9 /* KeyCode.Escape */)) {
+                            indexes[index].blur();
+                            this.inputBox.focus();
+                        }
+                        else if (newIndex >= 0) {
+                            indexes[newIndex].focus();
+                        }
+                        dom.EventHelper.stop(event, true);
+                    }
+                }
+            });
+        }
+        this.controls = document.createElement('div');
+        this.controls.className = 'controls';
+        this.controls.style.display = this.showCommonFindToggles ? '' : 'none';
+        if (this.caseSensitive) {
+            this.controls.append(this.caseSensitive.domNode);
+        }
+        if (this.wholeWords) {
+            this.controls.appendChild(this.wholeWords.domNode);
+        }
+        if (this.regex) {
+            this.controls.appendChild(this.regex.domNode);
+        }
+        this.setAdditionalToggles(options === null || options === void 0 ? void 0 : options.additionalToggles);
+        if (this.controls) {
+            this.domNode.appendChild(this.controls);
+        }
+        parent === null || parent === void 0 ? void 0 : parent.appendChild(this.domNode);
+        this._register(dom.addDisposableListener(this.inputBox.inputElement, 'compositionstart', (e) => {
+            this.imeSessionInProgress = true;
+        }));
+        this._register(dom.addDisposableListener(this.inputBox.inputElement, 'compositionend', (e) => {
+            this.imeSessionInProgress = false;
+            this._onInput.fire();
+        }));
+        this.onkeydown(this.inputBox.inputElement, (e) => this._onKeyDown.fire(e));
+        this.onkeyup(this.inputBox.inputElement, (e) => this._onKeyUp.fire(e));
+        this.oninput(this.inputBox.inputElement, (e) => this._onInput.fire());
+        this.onmousedown(this.inputBox.inputElement, (e) => this._onMouseDown.fire(e));
+    }
+    get onDidChange() {
+        return this.inputBox.onDidChange;
+    }
+    layout(style) {
+        this.inputBox.layout();
+        this.updateInputBoxPadding(style.collapsedFindWidget);
+    }
+    enable() {
+        var _a, _b, _c;
+        this.domNode.classList.remove('disabled');
+        this.inputBox.enable();
+        (_a = this.regex) === null || _a === void 0 ? void 0 : _a.enable();
+        (_b = this.wholeWords) === null || _b === void 0 ? void 0 : _b.enable();
+        (_c = this.caseSensitive) === null || _c === void 0 ? void 0 : _c.enable();
+        for (const toggle of this.additionalToggles) {
+            toggle.enable();
+        }
+    }
+    disable() {
+        var _a, _b, _c;
+        this.domNode.classList.add('disabled');
+        this.inputBox.disable();
+        (_a = this.regex) === null || _a === void 0 ? void 0 : _a.disable();
+        (_b = this.wholeWords) === null || _b === void 0 ? void 0 : _b.disable();
+        (_c = this.caseSensitive) === null || _c === void 0 ? void 0 : _c.disable();
+        for (const toggle of this.additionalToggles) {
+            toggle.disable();
+        }
+    }
+    setFocusInputOnOptionClick(value) {
+        this.fixFocusOnOptionClickEnabled = value;
+    }
+    setEnabled(enabled) {
+        if (enabled) {
+            this.enable();
+        }
+        else {
+            this.disable();
+        }
+    }
+    setAdditionalToggles(toggles) {
+        for (const currentToggle of this.additionalToggles) {
+            currentToggle.domNode.remove();
+        }
+        this.additionalToggles = [];
+        this.additionalTogglesDisposables.value = new DisposableStore();
+        for (const toggle of toggles !== null && toggles !== void 0 ? toggles : []) {
+            this.additionalTogglesDisposables.value.add(toggle);
+            this.controls.appendChild(toggle.domNode);
+            this.additionalTogglesDisposables.value.add(toggle.onChange(viaKeyboard => {
+                this._onDidOptionChange.fire(viaKeyboard);
+                if (!viaKeyboard && this.fixFocusOnOptionClickEnabled) {
+                    this.inputBox.focus();
+                }
+            }));
+            this.additionalToggles.push(toggle);
+        }
+        if (this.additionalToggles.length > 0) {
+            this.controls.style.display = '';
+        }
+        this.updateInputBoxPadding();
+    }
+    updateInputBoxPadding(controlsHidden = false) {
+        var _a, _b, _c, _d, _e, _f;
+        if (controlsHidden) {
+            this.inputBox.paddingRight = 0;
+        }
+        else {
+            this.inputBox.paddingRight =
+                (((_b = (_a = this.caseSensitive) === null || _a === void 0 ? void 0 : _a.width()) !== null && _b !== void 0 ? _b : 0) + ((_d = (_c = this.wholeWords) === null || _c === void 0 ? void 0 : _c.width()) !== null && _d !== void 0 ? _d : 0) + ((_f = (_e = this.regex) === null || _e === void 0 ? void 0 : _e.width()) !== null && _f !== void 0 ? _f : 0))
+                    + this.additionalToggles.reduce((r, t) => r + t.width(), 0);
+        }
+    }
+    getValue() {
+        return this.inputBox.value;
+    }
+    setValue(value) {
+        if (this.inputBox.value !== value) {
+            this.inputBox.value = value;
+        }
+    }
+    select() {
+        this.inputBox.select();
+    }
+    focus() {
+        this.inputBox.focus();
+    }
+    getCaseSensitive() {
+        var _a, _b;
+        return (_b = (_a = this.caseSensitive) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false;
+    }
+    setCaseSensitive(value) {
+        if (this.caseSensitive) {
+            this.caseSensitive.checked = value;
+        }
+    }
+    getWholeWords() {
+        var _a, _b;
+        return (_b = (_a = this.wholeWords) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false;
+    }
+    setWholeWords(value) {
+        if (this.wholeWords) {
+            this.wholeWords.checked = value;
+        }
+    }
+    getRegex() {
+        var _a, _b;
+        return (_b = (_a = this.regex) === null || _a === void 0 ? void 0 : _a.checked) !== null && _b !== void 0 ? _b : false;
+    }
+    setRegex(value) {
+        if (this.regex) {
+            this.regex.checked = value;
+            this.validate();
+        }
+    }
+    focusOnCaseSensitive() {
+        var _a;
+        (_a = this.caseSensitive) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    highlightFindOptions() {
+        this.domNode.classList.remove('highlight-' + (this._lastHighlightFindOptions));
+        this._lastHighlightFindOptions = 1 - this._lastHighlightFindOptions;
+        this.domNode.classList.add('highlight-' + (this._lastHighlightFindOptions));
+    }
+    validate() {
+        this.inputBox.validate();
+    }
+    showMessage(message) {
+        this.inputBox.showMessage(message);
+    }
+    clearMessage() {
+        this.inputBox.hideMessage();
+    }
+}

package/dist/src/web/frontend/node_modules/.monaco-editor-MndU045b/esm/vs/base/browser/ui/findinput/findInputToggles.js

@@ -0,0 +1,46 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import { Toggle } from '../toggle/toggle.js';
+import { Codicon } from '../../../common/codicons.js';
+import * as nls from '../../../../nls.js';
+const NLS_CASE_SENSITIVE_TOGGLE_LABEL = nls.localize('caseDescription', "Match Case");
+const NLS_WHOLE_WORD_TOGGLE_LABEL = nls.localize('wordsDescription', "Match Whole Word");
+const NLS_REGEX_TOGGLE_LABEL = nls.localize('regexDescription', "Use Regular Expression");
+export class CaseSensitiveToggle extends Toggle {
+    constructor(opts) {
+        super({
+            icon: Codicon.caseSensitive,
+            title: NLS_CASE_SENSITIVE_TOGGLE_LABEL + opts.appendTitle,
+            isChecked: opts.isChecked,
+            inputActiveOptionBorder: opts.inputActiveOptionBorder,
+            inputActiveOptionForeground: opts.inputActiveOptionForeground,
+            inputActiveOptionBackground: opts.inputActiveOptionBackground
+        });
+    }
+}
+export class WholeWordsToggle extends Toggle {
+    constructor(opts) {
+        super({
+            icon: Codicon.wholeWord,
+            title: NLS_WHOLE_WORD_TOGGLE_LABEL + opts.appendTitle,
+            isChecked: opts.isChecked,
+            inputActiveOptionBorder: opts.inputActiveOptionBorder,
+            inputActiveOptionForeground: opts.inputActiveOptionForeground,
+            inputActiveOptionBackground: opts.inputActiveOptionBackground
+        });
+    }
+}
+export class RegexToggle extends Toggle {
+    constructor(opts) {
+        super({
+            icon: Codicon.regex,
+            title: NLS_REGEX_TOGGLE_LABEL + opts.appendTitle,
+            isChecked: opts.isChecked,
+            inputActiveOptionBorder: opts.inputActiveOptionBorder,
+            inputActiveOptionForeground: opts.inputActiveOptionForeground,
+            inputActiveOptionBackground: opts.inputActiveOptionBackground
+        });
+    }
+}

package/dist/src/web/frontend/node_modules/.monaco-editor-MndU045b/esm/vs/base/browser/ui/scrollbar/abstractScrollbar.js

@@ -0,0 +1,207 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import * as dom from '../../dom.js';
+import { createFastDomNode } from '../../fastDomNode.js';
+import { GlobalPointerMoveMonitor } from '../../globalPointerMoveMonitor.js';
+import { ScrollbarArrow } from './scrollbarArrow.js';
+import { ScrollbarVisibilityController } from './scrollbarVisibilityController.js';
+import { Widget } from '../widget.js';
+import * as platform from '../../../common/platform.js';
+/**
+ * The orthogonal distance to the slider at which dragging "resets". This implements "snapping"
+ */
+const POINTER_DRAG_RESET_DISTANCE = 140;
+export class AbstractScrollbar extends Widget {
+    constructor(opts) {
+        super();
+        this._lazyRender = opts.lazyRender;
+        this._host = opts.host;
+        this._scrollable = opts.scrollable;
+        this._scrollByPage = opts.scrollByPage;
+        this._scrollbarState = opts.scrollbarState;
+        this._visibilityController = this._register(new ScrollbarVisibilityController(opts.visibility, 'visible scrollbar ' + opts.extraScrollbarClassName, 'invisible scrollbar ' + opts.extraScrollbarClassName));
+        this._visibilityController.setIsNeeded(this._scrollbarState.isNeeded());
+        this._pointerMoveMonitor = this._register(new GlobalPointerMoveMonitor());
+        this._shouldRender = true;
+        this.domNode = createFastDomNode(document.createElement('div'));
+        this.domNode.setAttribute('role', 'presentation');
+        this.domNode.setAttribute('aria-hidden', 'true');
+        this._visibilityController.setDomNode(this.domNode);
+        this.domNode.setPosition('absolute');
+        this._register(dom.addDisposableListener(this.domNode.domNode, dom.EventType.POINTER_DOWN, (e) => this._domNodePointerDown(e)));
+    }
+    // ----------------- creation
+    /**
+     * Creates the dom node for an arrow & adds it to the container
+     */
+    _createArrow(opts) {
+        const arrow = this._register(new ScrollbarArrow(opts));
+        this.domNode.domNode.appendChild(arrow.bgDomNode);
+        this.domNode.domNode.appendChild(arrow.domNode);
+    }
+    /**
+     * Creates the slider dom node, adds it to the container & hooks up the events
+     */
+    _createSlider(top, left, width, height) {
+        this.slider = createFastDomNode(document.createElement('div'));
+        this.slider.setClassName('slider');
+        this.slider.setPosition('absolute');
+        this.slider.setTop(top);
+        this.slider.setLeft(left);
+        if (typeof width === 'number') {
+            this.slider.setWidth(width);
+        }
+        if (typeof height === 'number') {
+            this.slider.setHeight(height);
+        }
+        this.slider.setLayerHinting(true);
+        this.slider.setContain('strict');
+        this.domNode.domNode.appendChild(this.slider.domNode);
+        this._register(dom.addDisposableListener(this.slider.domNode, dom.EventType.POINTER_DOWN, (e) => {
+            if (e.button === 0) {
+                e.preventDefault();
+                this._sliderPointerDown(e);
+            }
+        }));
+        this.onclick(this.slider.domNode, e => {
+            if (e.leftButton) {
+                e.stopPropagation();
+            }
+        });
+    }
+    // ----------------- Update state
+    _onElementSize(visibleSize) {
+        if (this._scrollbarState.setVisibleSize(visibleSize)) {
+            this._visibilityController.setIsNeeded(this._scrollbarState.isNeeded());
+            this._shouldRender = true;
+            if (!this._lazyRender) {
+                this.render();
+            }
+        }
+        return this._shouldRender;
+    }
+    _onElementScrollSize(elementScrollSize) {
+        if (this._scrollbarState.setScrollSize(elementScrollSize)) {
+            this._visibilityController.setIsNeeded(this._scrollbarState.isNeeded());
+            this._shouldRender = true;
+            if (!this._lazyRender) {
+                this.render();
+            }
+        }
+        return this._shouldRender;
+    }
+    _onElementScrollPosition(elementScrollPosition) {
+        if (this._scrollbarState.setScrollPosition(elementScrollPosition)) {
+            this._visibilityController.setIsNeeded(this._scrollbarState.isNeeded());
+            this._shouldRender = true;
+            if (!this._lazyRender) {
+                this.render();
+            }
+        }
+        return this._shouldRender;
+    }
+    // ----------------- rendering
+    beginReveal() {
+        this._visibilityController.setShouldBeVisible(true);
+    }
+    beginHide() {
+        this._visibilityController.setShouldBeVisible(false);
+    }
+    render() {
+        if (!this._shouldRender) {
+            return;
+        }
+        this._shouldRender = false;
+        this._renderDomNode(this._scrollbarState.getRectangleLargeSize(), this._scrollbarState.getRectangleSmallSize());
+        this._updateSlider(this._scrollbarState.getSliderSize(), this._scrollbarState.getArrowSize() + this._scrollbarState.getSliderPosition());
+    }
+    // ----------------- DOM events
+    _domNodePointerDown(e) {
+        if (e.target !== this.domNode.domNode) {
+            return;
+        }
+        this._onPointerDown(e);
+    }
+    delegatePointerDown(e) {
+        const domTop = this.domNode.domNode.getClientRects()[0].top;
+        const sliderStart = domTop + this._scrollbarState.getSliderPosition();
+        const sliderStop = domTop + this._scrollbarState.getSliderPosition() + this._scrollbarState.getSliderSize();
+        const pointerPos = this._sliderPointerPosition(e);
+        if (sliderStart <= pointerPos && pointerPos <= sliderStop) {
+            // Act as if it was a pointer down on the slider
+            if (e.button === 0) {
+                e.preventDefault();
+                this._sliderPointerDown(e);
+            }
+        }
+        else {
+            // Act as if it was a pointer down on the scrollbar
+            this._onPointerDown(e);
+        }
+    }
+    _onPointerDown(e) {
+        let offsetX;
+        let offsetY;
+        if (e.target === this.domNode.domNode && typeof e.offsetX === 'number' && typeof e.offsetY === 'number') {
+            offsetX = e.offsetX;
+            offsetY = e.offsetY;
+        }
+        else {
+            const domNodePosition = dom.getDomNodePagePosition(this.domNode.domNode);
+            offsetX = e.pageX - domNodePosition.left;
+            offsetY = e.pageY - domNodePosition.top;
+        }
+        const offset = this._pointerDownRelativePosition(offsetX, offsetY);
+        this._setDesiredScrollPositionNow(this._scrollByPage
+            ? this._scrollbarState.getDesiredScrollPositionFromOffsetPaged(offset)
+            : this._scrollbarState.getDesiredScrollPositionFromOffset(offset));
+        if (e.button === 0) {
+            // left button
+            e.preventDefault();
+            this._sliderPointerDown(e);
+        }
+    }
+    _sliderPointerDown(e) {
+        if (!e.target || !(e.target instanceof Element)) {
+            return;
+        }
+        const initialPointerPosition = this._sliderPointerPosition(e);
+        const initialPointerOrthogonalPosition = this._sliderOrthogonalPointerPosition(e);
+        const initialScrollbarState = this._scrollbarState.clone();
+        this.slider.toggleClassName('active', true);
+        this._pointerMoveMonitor.startMonitoring(e.target, e.pointerId, e.buttons, (pointerMoveData) => {
+            const pointerOrthogonalPosition = this._sliderOrthogonalPointerPosition(pointerMoveData);
+            const pointerOrthogonalDelta = Math.abs(pointerOrthogonalPosition - initialPointerOrthogonalPosition);
+            if (platform.isWindows && pointerOrthogonalDelta > POINTER_DRAG_RESET_DISTANCE) {
+                // The pointer has wondered away from the scrollbar => reset dragging
+                this._setDesiredScrollPositionNow(initialScrollbarState.getScrollPosition());
+                return;
+            }
+            const pointerPosition = this._sliderPointerPosition(pointerMoveData);
+            const pointerDelta = pointerPosition - initialPointerPosition;
+            this._setDesiredScrollPositionNow(initialScrollbarState.getDesiredScrollPositionFromDelta(pointerDelta));
+        }, () => {
+            this.slider.toggleClassName('active', false);
+            this._host.onDragEnd();
+        });
+        this._host.onDragStart();
+    }
+    _setDesiredScrollPositionNow(_desiredScrollPosition) {
+        const desiredScrollPosition = {};
+        this.writeScrollPosition(desiredScrollPosition, _desiredScrollPosition);
+        this._scrollable.setScrollPositionNow(desiredScrollPosition);
+    }
+    updateScrollbarSize(scrollbarSize) {
+        this._updateScrollbarSize(scrollbarSize);
+        this._scrollbarState.setScrollbarSize(scrollbarSize);
+        this._shouldRender = true;
+        if (!this._lazyRender) {
+            this.render();
+        }
+    }
+    isNeeded() {
+        return this._scrollbarState.isNeeded();
+    }
+}