@codingame/monaco-vscode-api 1.82.4 → 1.82.5-next.1

package/vscode/src/vs/workbench/browser/actions/listCommands.js

@@ -1,605 +0,0 @@
-import { KeybindingsRegistry } from 'monaco-editor/esm/vs/platform/keybinding/common/keybindingsRegistry.js';
-import { List } from 'monaco-editor/esm/vs/base/browser/ui/list/listWidget.js';
-import { WorkbenchListFocusContextKey, IListService, WorkbenchListSupportsMultiSelectContextKey, WorkbenchTreeElementCanCollapse, WorkbenchTreeElementHasParent, getSelectionKeyboardEvent, WorkbenchTreeElementCanExpand, WorkbenchTreeElementHasChild, WorkbenchListHasSelectionOrFocus, WorkbenchListSelectionNavigation, RawWorkbenchListFocusContextKey, WorkbenchListSupportsFind, WorkbenchTreeFindOpen, WorkbenchListScrollAtTopContextKey, WorkbenchListScrollAtBottomContextKey } from 'monaco-editor/esm/vs/platform/list/browser/listService.js';
-import { PagedList } from 'monaco-editor/esm/vs/base/browser/ui/list/listPaging.js';
-import { range, equals } from 'monaco-editor/esm/vs/base/common/arrays.js';
-import { ContextKeyExpr } from 'monaco-editor/esm/vs/platform/contextkey/common/contextkey.js';
-import { ObjectTree } from 'monaco-editor/esm/vs/base/browser/ui/tree/objectTree.js';
-import { AsyncDataTree } from 'monaco-editor/esm/vs/base/browser/ui/tree/asyncDataTree.js';
-import { DataTree } from 'monaco-editor/esm/vs/base/browser/ui/tree/dataTree.js';
-import { CommandsRegistry } from 'monaco-editor/esm/vs/platform/commands/common/commands.js';
-import { Table } from 'monaco-editor/esm/vs/base/browser/ui/table/tableWidget.js';
-import { AbstractTree, TreeFindMode } from 'monaco-editor/esm/vs/base/browser/ui/tree/abstractTree.js';
-function ensureDOMFocus(widget) {
-    if (widget && widget.getHTMLElement() !== document.activeElement) {
-        widget.domFocus();
-    }
-}
-async function updateFocus(widget, updateFocusFn) {
-    if (!WorkbenchListSelectionNavigation.getValue(widget.contextKeyService)) {
-        return updateFocusFn(widget);
-    }
-    const focus = widget.getFocus();
-    const selection = widget.getSelection();
-    await updateFocusFn(widget);
-    const newFocus = widget.getFocus();
-    if (selection.length > 1 || !equals(focus, selection) || equals(focus, newFocus)) {
-        return;
-    }
-    const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-    widget.setSelection(newFocus, fakeKeyboardEvent);
-}
-async function navigate(widget, updateFocusFn) {
-    if (!widget) {
-        return;
-    }
-    await updateFocus(widget, updateFocusFn);
-    const listFocus = widget.getFocus();
-    if (listFocus.length) {
-        widget.reveal(listFocus[0]);
-    }
-    widget.setAnchor(listFocus[0]);
-    ensureDOMFocus(widget);
-}
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.focusDown',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 18 ,
-    mac: {
-        primary: 18 ,
-        secondary: [256  | 44 ]
-    },
-    handler: (accessor, arg2) => {
-        navigate(accessor.get(IListService).lastFocusedList, async (widget) => {
-            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-            await widget.focusNext(typeof arg2 === 'number' ? arg2 : 1, false, fakeKeyboardEvent);
-        });
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.focusUp',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 16 ,
-    mac: {
-        primary: 16 ,
-        secondary: [256  | 46 ]
-    },
-    handler: (accessor, arg2) => {
-        navigate(accessor.get(IListService).lastFocusedList, async (widget) => {
-            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-            await widget.focusPrevious(typeof arg2 === 'number' ? arg2 : 1, false, fakeKeyboardEvent);
-        });
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.focusPageDown',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 12 ,
-    handler: (accessor) => {
-        navigate(accessor.get(IListService).lastFocusedList, async (widget) => {
-            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-            await widget.focusNextPage(fakeKeyboardEvent);
-        });
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.focusPageUp',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 11 ,
-    handler: (accessor) => {
-        navigate(accessor.get(IListService).lastFocusedList, async (widget) => {
-            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-            await widget.focusPreviousPage(fakeKeyboardEvent);
-        });
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.focusFirst',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 14 ,
-    handler: (accessor) => {
-        navigate(accessor.get(IListService).lastFocusedList, async (widget) => {
-            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-            await widget.focusFirst(fakeKeyboardEvent);
-        });
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.focusLast',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 13 ,
-    handler: (accessor) => {
-        navigate(accessor.get(IListService).lastFocusedList, async (widget) => {
-            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-            await widget.focusLast(fakeKeyboardEvent);
-        });
-    }
-});
-function expandMultiSelection(focused, previousFocus) {
-    if (focused instanceof List || focused instanceof PagedList || focused instanceof Table) {
-        const list = focused;
-        const focus = list.getFocus() ? list.getFocus()[0] : undefined;
-        const selection = list.getSelection();
-        if (selection && typeof focus === 'number' && selection.indexOf(focus) >= 0) {
-            list.setSelection(selection.filter(s => s !== previousFocus));
-        }
-        else {
-            if (typeof focus === 'number') {
-                list.setSelection(selection.concat(focus));
-            }
-        }
-    }
-    else if (focused instanceof ObjectTree || focused instanceof DataTree || focused instanceof AsyncDataTree) {
-        const list = focused;
-        const focus = list.getFocus() ? list.getFocus()[0] : undefined;
-        if (previousFocus === focus) {
-            return;
-        }
-        const selection = list.getSelection();
-        const fakeKeyboardEvent = ( new KeyboardEvent('keydown', { shiftKey: true }));
-        if (selection && selection.indexOf(focus) >= 0) {
-            list.setSelection(selection.filter(s => s !== previousFocus), fakeKeyboardEvent);
-        }
-        else {
-            list.setSelection(selection.concat(focus), fakeKeyboardEvent);
-        }
-    }
-}
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.expandSelectionDown',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(WorkbenchListFocusContextKey, WorkbenchListSupportsMultiSelectContextKey)),
-    primary: 1024  | 18 ,
-    handler: (accessor, arg2) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (!widget) {
-            return;
-        }
-        const previousFocus = widget.getFocus() ? widget.getFocus()[0] : undefined;
-        const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-        widget.focusNext(typeof arg2 === 'number' ? arg2 : 1, false, fakeKeyboardEvent);
-        expandMultiSelection(widget, previousFocus);
-        const focus = widget.getFocus();
-        if (focus.length) {
-            widget.reveal(focus[0]);
-        }
-        ensureDOMFocus(widget);
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.expandSelectionUp',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(WorkbenchListFocusContextKey, WorkbenchListSupportsMultiSelectContextKey)),
-    primary: 1024  | 16 ,
-    handler: (accessor, arg2) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (!widget) {
-            return;
-        }
-        const previousFocus = widget.getFocus() ? widget.getFocus()[0] : undefined;
-        const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-        widget.focusPrevious(typeof arg2 === 'number' ? arg2 : 1, false, fakeKeyboardEvent);
-        expandMultiSelection(widget, previousFocus);
-        const focus = widget.getFocus();
-        if (focus.length) {
-            widget.reveal(focus[0]);
-        }
-        ensureDOMFocus(widget);
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.collapse',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(WorkbenchListFocusContextKey, ( ContextKeyExpr.or(WorkbenchTreeElementCanCollapse, WorkbenchTreeElementHasParent)))),
-    primary: 15 ,
-    mac: {
-        primary: 15 ,
-        secondary: [2048  | 16 ]
-    },
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (!widget || !(widget instanceof ObjectTree || widget instanceof DataTree || widget instanceof AsyncDataTree)) {
-            return;
-        }
-        const tree = widget;
-        const focusedElements = tree.getFocus();
-        if (focusedElements.length === 0) {
-            return;
-        }
-        const focus = focusedElements[0];
-        if (!tree.collapse(focus)) {
-            const parent = tree.getParentElement(focus);
-            if (parent) {
-                navigate(widget, widget => {
-                    const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-                    widget.setFocus([parent], fakeKeyboardEvent);
-                });
-            }
-        }
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.collapseAll',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 2048  | 15 ,
-    mac: {
-        primary: 2048  | 15 ,
-        secondary: [2048  | 1024  | 16 ]
-    },
-    handler: (accessor) => {
-        const focused = accessor.get(IListService).lastFocusedList;
-        if (focused && !(focused instanceof List || focused instanceof PagedList || focused instanceof Table)) {
-            focused.collapseAll();
-        }
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.collapseAllToFocus',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    handler: accessor => {
-        const focused = accessor.get(IListService).lastFocusedList;
-        const fakeKeyboardEvent = getSelectionKeyboardEvent('keydown', true);
-        if (focused instanceof ObjectTree || focused instanceof DataTree || focused instanceof AsyncDataTree) {
-            const tree = focused;
-            const focus = tree.getFocus();
-            if (focus.length > 0) {
-                tree.collapse(focus[0], true);
-            }
-            tree.setSelection(focus, fakeKeyboardEvent);
-            tree.setAnchor(focus[0]);
-        }
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.focusParent',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (!widget || !(widget instanceof ObjectTree || widget instanceof DataTree || widget instanceof AsyncDataTree)) {
-            return;
-        }
-        const tree = widget;
-        const focusedElements = tree.getFocus();
-        if (focusedElements.length === 0) {
-            return;
-        }
-        const focus = focusedElements[0];
-        const parent = tree.getParentElement(focus);
-        if (parent) {
-            navigate(widget, widget => {
-                const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-                widget.setFocus([parent], fakeKeyboardEvent);
-            });
-        }
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.expand',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(WorkbenchListFocusContextKey, ( ContextKeyExpr.or(WorkbenchTreeElementCanExpand, WorkbenchTreeElementHasChild)))),
-    primary: 17 ,
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (!widget) {
-            return;
-        }
-        if (widget instanceof ObjectTree || widget instanceof DataTree) {
-            const focusedElements = widget.getFocus();
-            if (focusedElements.length === 0) {
-                return;
-            }
-            const focus = focusedElements[0];
-            if (!widget.expand(focus)) {
-                const child = widget.getFirstElementChild(focus);
-                if (child) {
-                    const node = widget.getNode(child);
-                    if (node.visible) {
-                        navigate(widget, widget => {
-                            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-                            widget.setFocus([child], fakeKeyboardEvent);
-                        });
-                    }
-                }
-            }
-        }
-        else if (widget instanceof AsyncDataTree) {
-            const focusedElements = widget.getFocus();
-            if (focusedElements.length === 0) {
-                return;
-            }
-            const focus = focusedElements[0];
-            widget.expand(focus).then(didExpand => {
-                if (focus && !didExpand) {
-                    const child = widget.getFirstElementChild(focus);
-                    if (child) {
-                        const node = widget.getNode(child);
-                        if (node.visible) {
-                            navigate(widget, widget => {
-                                const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-                                widget.setFocus([child], fakeKeyboardEvent);
-                            });
-                        }
-                    }
-                }
-            });
-        }
-    }
-});
-function selectElement(accessor, retainCurrentFocus) {
-    const focused = accessor.get(IListService).lastFocusedList;
-    const fakeKeyboardEvent = getSelectionKeyboardEvent('keydown', retainCurrentFocus);
-    if (focused instanceof List || focused instanceof PagedList || focused instanceof Table) {
-        const list = focused;
-        list.setSelection(list.getFocus(), fakeKeyboardEvent);
-        list.setAnchor(list.getFocus()[0]);
-    }
-    else if (focused instanceof ObjectTree || focused instanceof DataTree || focused instanceof AsyncDataTree) {
-        const tree = focused;
-        const focus = tree.getFocus();
-        if (focus.length > 0) {
-            let toggleCollapsed = true;
-            if (tree.expandOnlyOnTwistieClick === true) {
-                toggleCollapsed = false;
-            }
-            else if (typeof tree.expandOnlyOnTwistieClick !== 'boolean' && tree.expandOnlyOnTwistieClick(focus[0])) {
-                toggleCollapsed = false;
-            }
-            if (toggleCollapsed) {
-                tree.toggleCollapsed(focus[0]);
-            }
-        }
-        tree.setSelection(focus, fakeKeyboardEvent);
-        tree.setAnchor(focus[0]);
-    }
-}
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.select',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 3 ,
-    mac: {
-        primary: 3 ,
-        secondary: [2048  | 18 ]
-    },
-    handler: (accessor) => {
-        selectElement(accessor, false);
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.selectAndPreserveFocus',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    handler: accessor => {
-        selectElement(accessor, true);
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.selectAll',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(WorkbenchListFocusContextKey, WorkbenchListSupportsMultiSelectContextKey)),
-    primary: 2048  | 31 ,
-    handler: (accessor) => {
-        const focused = accessor.get(IListService).lastFocusedList;
-        if (focused instanceof List || focused instanceof PagedList || focused instanceof Table) {
-            const list = focused;
-            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-            list.setSelection(range(list.length), fakeKeyboardEvent);
-        }
-        else if (focused instanceof ObjectTree || focused instanceof DataTree || focused instanceof AsyncDataTree) {
-            const tree = focused;
-            const focus = tree.getFocus();
-            const selection = tree.getSelection();
-            let start = undefined;
-            if (focus.length > 0 && (selection.length === 0 || !selection.includes(focus[0]))) {
-                start = focus[0];
-            }
-            if (!start && selection.length > 0) {
-                start = selection[0];
-            }
-            let scope = undefined;
-            if (!start) {
-                scope = undefined;
-            }
-            else {
-                scope = tree.getParentElement(start);
-            }
-            const newSelection = [];
-            const visit = (node) => {
-                for (const child of node.children) {
-                    if (child.visible) {
-                        newSelection.push(child.element);
-                        if (!child.collapsed) {
-                            visit(child);
-                        }
-                    }
-                }
-            };
-            visit(tree.getNode(scope));
-            if (scope && selection.length === newSelection.length) {
-                newSelection.unshift(scope);
-            }
-            const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-            tree.setSelection(newSelection, fakeKeyboardEvent);
-        }
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.toggleSelection',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 2048  | 1024  | 3 ,
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (!widget) {
-            return;
-        }
-        const focus = widget.getFocus();
-        if (focus.length === 0) {
-            return;
-        }
-        const selection = widget.getSelection();
-        const index = selection.indexOf(focus[0]);
-        if (index > -1) {
-            widget.setSelection([...selection.slice(0, index), ...selection.slice(index + 1)]);
-        }
-        else {
-            widget.setSelection([...selection, focus[0]]);
-        }
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.toggleExpand',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    primary: 10 ,
-    handler: (accessor) => {
-        const focused = accessor.get(IListService).lastFocusedList;
-        if (focused instanceof ObjectTree || focused instanceof DataTree || focused instanceof AsyncDataTree) {
-            const tree = focused;
-            const focus = tree.getFocus();
-            if (focus.length > 0 && tree.isCollapsible(focus[0])) {
-                tree.toggleCollapsed(focus[0]);
-                return;
-            }
-        }
-        selectElement(accessor, true);
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.clear',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(WorkbenchListFocusContextKey, WorkbenchListHasSelectionOrFocus)),
-    primary: 9 ,
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (!widget) {
-            return;
-        }
-        const selection = widget.getSelection();
-        const fakeKeyboardEvent = ( new KeyboardEvent('keydown'));
-        if (selection.length > 1) {
-            const useSelectionNavigation = WorkbenchListSelectionNavigation.getValue(widget.contextKeyService);
-            if (useSelectionNavigation) {
-                const focus = widget.getFocus();
-                widget.setSelection([focus[0]], fakeKeyboardEvent);
-            }
-            else {
-                widget.setSelection([], fakeKeyboardEvent);
-            }
-        }
-        else {
-            widget.setSelection([], fakeKeyboardEvent);
-            widget.setFocus([], fakeKeyboardEvent);
-        }
-        widget.setAnchor(undefined);
-    }
-});
-CommandsRegistry.registerCommand({
-    id: 'list.triggerTypeNavigation',
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        widget?.triggerTypeNavigation();
-    }
-});
-CommandsRegistry.registerCommand({
-    id: 'list.toggleFindMode',
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (widget instanceof AbstractTree || widget instanceof AsyncDataTree) {
-            const tree = widget;
-            tree.findMode = tree.findMode === TreeFindMode.Filter ? TreeFindMode.Highlight : TreeFindMode.Filter;
-        }
-    }
-});
-CommandsRegistry.registerCommandAlias('list.toggleKeyboardNavigation', 'list.triggerTypeNavigation');
-CommandsRegistry.registerCommandAlias('list.toggleFilterOnType', 'list.toggleFindMode');
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.find',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(RawWorkbenchListFocusContextKey, WorkbenchListSupportsFind)),
-    primary: 2048  | 36 ,
-    secondary: [61 ],
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (widget instanceof List || widget instanceof PagedList || widget instanceof Table) ;
-        else if (widget instanceof AbstractTree || widget instanceof AsyncDataTree) {
-            const tree = widget;
-            tree.openFind();
-        }
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.closeFind',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(RawWorkbenchListFocusContextKey, WorkbenchTreeFindOpen)),
-    primary: 9 ,
-    handler: (accessor) => {
-        const widget = accessor.get(IListService).lastFocusedList;
-        if (widget instanceof AbstractTree || widget instanceof AsyncDataTree) {
-            const tree = widget;
-            tree.closeFind();
-        }
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.scrollUp',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(WorkbenchListFocusContextKey, WorkbenchListScrollAtTopContextKey?.negate())),
-    primary: 2048  | 16 ,
-    handler: accessor => {
-        const focused = accessor.get(IListService).lastFocusedList;
-        if (!focused) {
-            return;
-        }
-        focused.scrollTop -= 10;
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.scrollDown',
-    weight: 200 ,
-    when: ( ContextKeyExpr.and(
-        WorkbenchListFocusContextKey,
-        WorkbenchListScrollAtBottomContextKey?.negate()
-    )),
-    primary: 2048  | 18 ,
-    handler: accessor => {
-        const focused = accessor.get(IListService).lastFocusedList;
-        if (!focused) {
-            return;
-        }
-        focused.scrollTop += 10;
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.scrollLeft',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    handler: accessor => {
-        const focused = accessor.get(IListService).lastFocusedList;
-        if (!focused) {
-            return;
-        }
-        focused.scrollLeft -= 10;
-    }
-});
-KeybindingsRegistry.registerCommandAndKeybindingRule({
-    id: 'list.scrollRight',
-    weight: 200 ,
-    when: WorkbenchListFocusContextKey,
-    handler: accessor => {
-        const focused = accessor.get(IListService).lastFocusedList;
-        if (!focused) {
-            return;
-        }
-        focused.scrollLeft += 10;
-    }
-});