@opensumi/ide-main-layout 2.12.1-next-079c1930

package/lib/browser/tabbar/tabbar.service.js

@@ -0,0 +1,675 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabbarService = exports.TabbarServiceFactory = void 0;
+const tslib_1 = require("tslib");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const di_1 = require("@opensumi/di");
+const mobx_1 = require("mobx");
+const next_1 = require("@opensumi/ide-core-browser/lib/menu/next");
+const main_layout_contribution_1 = require("../main-layout.contribution");
+const debounce = require("lodash.debounce");
+const common_1 = require("../../common");
+const layout_state_1 = require("@opensumi/ide-core-browser/lib/layout/layout-state");
+const progress_1 = require("@opensumi/ide-core-browser/lib/progress");
+exports.TabbarServiceFactory = Symbol('TabbarServiceFactory');
+const CONTAINER_NAME_MAP = {
+    left: 'view',
+    right: 'extendView',
+    bottom: 'panel',
+};
+let TabbarService = class TabbarService extends ide_core_browser_1.WithEventBus {
+    constructor(location) {
+        super();
+        this.location = location;
+        this.previousContainerId = '';
+        // 由于 observable.map （即使是deep:false) 会把值转换成observableValue，不希望这样
+        this.containersMap = new Map();
+        this.state = new Map();
+        this.storedState = {};
+        this.viewReady = new ide_core_browser_1.Deferred();
+        // 提供给Mobx强刷
+        this.forceUpdate = 0;
+        this.accordionRestored = new Set();
+        this.onCurrentChangeEmitter = new ide_core_browser_1.Emitter();
+        this.onCurrentChange = this.onCurrentChangeEmitter.event;
+        this.onSizeChangeEmitter = new ide_core_browser_1.Emitter();
+        this.onSizeChange = this.onSizeChangeEmitter.event;
+        this.menuId = `tabbar/${this.location}`;
+        this.moreMenuId = `tabbar/${this.location}/more`;
+        this.isLatter = this.location === ide_core_browser_1.SlotLocation.right || this.location === ide_core_browser_1.SlotLocation.bottom;
+        this.sortedContainers = [];
+        this.disposableMap = new Map();
+        this.tabInMoreKeyMap = new Map();
+        this.updatePanel = debounce((show) => {
+            if (this.resizeHandle) {
+                this.resizeHandle.hidePanel(show);
+            }
+        }, 60);
+        // 针对 containerId 对 menu 进行缓存
+        this._menuMap = new Map();
+        this.scopedCtxKeyService = this.contextKeyService.createScoped();
+        this.scopedCtxKeyService.createKey('triggerWithTab', true);
+        this.menuRegistry.registerMenuItem(this.menuId, {
+            command: {
+                id: this.registerGlobalToggleCommand(),
+                label: (0, ide_core_browser_1.localize)('layout.tabbar.hide', '隐藏'),
+            },
+            group: '0_global',
+            when: 'triggerWithTab == true',
+        });
+        this.activatedKey = this.contextKeyService.createKey((0, ide_core_browser_1.getTabbarCtxKey)(this.location), '');
+        if (this.location === 'bottom') {
+            this.registerPanelMenus();
+        }
+    }
+    getContainerState(containerId) {
+        const viewState = this.state.get(containerId);
+        return viewState;
+    }
+    updatePanelVisibility(show) {
+        if (show === undefined) {
+            show = this.containersMap.size > 0;
+        }
+        this.updatePanel(show);
+    }
+    updateTabInMoreKey(containerId, value) {
+        const ctxKey = this.tabInMoreKeyMap.get(containerId);
+        if (ctxKey) {
+            ctxKey.set(value);
+        }
+    }
+    get visibleContainers() {
+        const components = [];
+        this.containersMap.forEach((component) => {
+            const state = this.state.get(component.options.containerId);
+            if (!state || !state.hidden) {
+                components.push(component);
+            }
+        });
+        // TODO 使用object来存state的话，初始containersMap为空，貌似就无法实现这个监听（无法引用到一个observable的属性）
+        // tslint:disable-next-line:no-unused-variable
+        const size = this.state.size; // 监听state长度
+        // 排序策略：默认根据priority来做一次排序，后续根据存储的index来排序，未存储过的（新插入的，比如插件）在渲染后（时序控制）始终放在最后
+        // 排序为 state的 priority 从小到大 (注意和 componentInfo 中的 options 的 priority的含义不同，为了不breaking change，保留这种语义)
+        return components.sort((pre, next) => this.getContainerState(pre.options.containerId).priority - this.getContainerState(next.options.containerId).priority);
+    }
+    registerResizeHandle(resizeHandle) {
+        const { setSize, setRelativeSize, getSize, getRelativeSize, lockSize, setMaxSize, hidePanel } = resizeHandle;
+        this.resizeHandle = {
+            setSize: (size) => setSize(size, this.isLatter),
+            setRelativeSize: (prev, next) => setRelativeSize(prev, next, this.isLatter),
+            getSize: () => getSize(this.isLatter),
+            getRelativeSize: () => getRelativeSize(this.isLatter),
+            setMaxSize: (lock) => setMaxSize(lock, this.isLatter),
+            lockSize: (lock) => lockSize(lock, this.isLatter),
+            hidePanel: (show) => hidePanel(show),
+        };
+        this.listenCurrentChange();
+    }
+    registerContainer(containerId, componentInfo) {
+        if (this.containersMap.has(containerId)) {
+            return;
+        }
+        const disposables = new ide_core_browser_1.DisposableCollection();
+        let options = componentInfo.options;
+        if (!options) {
+            options = {
+                containerId,
+            };
+            componentInfo.options = options;
+        }
+        this.containersMap.set(containerId, {
+            views: componentInfo.views,
+            options: mobx_1.observable.object(options, undefined, { deep: false }),
+        });
+        disposables.push({ dispose: () => {
+                this.containersMap.delete(containerId);
+                this.state.delete(containerId);
+            } });
+        this.updatePanelVisibility(this.containersMap.size > 0);
+        // 需要立刻设置state，lazy 逻辑会导致computed 的 visibleContainers 可能在计算时触发变更，抛出mobx invariant错误
+        // 另外由于containersMap不是observable, 这边setState来触发visibaleContainers更新
+        // 注册时直接根据priority排序，restoreState时恢复到记录的状态（对于集成侧在onDidStart之后注册的视图，不提供顺序状态恢复能力）
+        let insertIndex = this.sortedContainers.findIndex((item) => (item.options.priority || 1) <= (componentInfo.options.priority || 1));
+        if (insertIndex === -1) {
+            insertIndex = this.sortedContainers.length;
+        }
+        this.sortedContainers.splice(insertIndex, 0, componentInfo);
+        for (let i = insertIndex; i < this.sortedContainers.length; i++) {
+            const info = this.sortedContainers[i];
+            const prevState = this.getContainerState(containerId) || {}; // 保留原有的hidden状态
+            this.state.set(info.options.containerId, { hidden: prevState.hidden, priority: i });
+        }
+        disposables.push(this.registerSideEffects(componentInfo));
+        this.eventBus.fire(new common_1.TabBarRegistrationEvent({ tabBarId: containerId }));
+        if (containerId === this.currentContainerId) {
+            // 需要重新触发currentChange副作用
+            this.handleChange(containerId, '');
+        }
+        this.viewContextKeyRegistry.registerContextKeyService(containerId, this.contextKeyService.createScoped()).createKey('view', containerId);
+        this.disposableMap.set(containerId, disposables);
+    }
+    registerSideEffects(componentInfo) {
+        var _a;
+        const disposables = new ide_core_browser_1.DisposableCollection();
+        if (!((_a = componentInfo.options) === null || _a === void 0 ? void 0 : _a.hideTab)) {
+            // 注册切换tab显隐的菜单
+            disposables.push(this.registerHideMenu(componentInfo));
+            // 注册溢出后的菜单
+            disposables.push(this.registerMoreMenu(componentInfo));
+        }
+        // 注册激活快捷键
+        disposables.push(this.registerActivateKeyBinding(componentInfo, componentInfo.options.fromExtension));
+        // 注册视图是否存在的contextKey
+        const containerExistKey = this.contextKeyService.createKey(`workbench.${CONTAINER_NAME_MAP[this.location] || 'view'}.${componentInfo.options.containerId}`, true);
+        disposables.push({
+            dispose: () => {
+                containerExistKey.set(false);
+            },
+        });
+        // 注册progressIndicator
+        disposables.push(this.progressService.registerProgressIndicator(componentInfo.options.containerId));
+        return disposables;
+    }
+    registerHideMenu(componentInfo) {
+        const disposables = new ide_core_browser_1.DisposableCollection();
+        disposables.push(this.menuRegistry.registerMenuItem(this.menuId, {
+            command: {
+                id: this.registerVisibleToggleCommand(componentInfo.options.containerId, disposables),
+                label: componentInfo.options.title || '',
+            },
+            group: '1_widgets',
+        }));
+        return disposables;
+    }
+    registerMoreMenu(componentInfo) {
+        const disposables = new ide_core_browser_1.DisposableCollection();
+        const containerId = componentInfo.options.containerId;
+        const tabInMoreKey = this.scopedCtxKeyService.createKey(this.getTabInMoreCtxKey(containerId), false);
+        this.tabInMoreKeyMap.set(containerId, tabInMoreKey);
+        disposables.push({
+            dispose: () => this.tabInMoreKeyMap.delete(containerId),
+        });
+        disposables.push(this.menuRegistry.registerMenuItem(this.moreMenuId, {
+            command: {
+                id: this.registerMoreToggleCommand(componentInfo, disposables),
+                label: componentInfo.options.title || containerId,
+            },
+            group: 'inline',
+            when: `${this.getTabInMoreCtxKey(containerId)} == true`,
+            toggledWhen: `${(0, ide_core_browser_1.getTabbarCtxKey)(this.location)} == ${containerId}`,
+            iconClass: componentInfo.options.iconClass,
+        }));
+        return disposables;
+    }
+    disposeContainer(containerId) {
+        const disposables = this.disposableMap.get(containerId);
+        if (disposables) {
+            disposables.dispose();
+        }
+        if (this.currentContainerId === containerId) {
+            this.currentContainerId = this.visibleContainers[0].options.containerId;
+        }
+    }
+    getContainer(containerId) {
+        return this.containersMap.get(containerId);
+    }
+    getTitleToolbarMenu(containerId) {
+        const existedMenu = this._menuMap.get(containerId);
+        if (existedMenu) {
+            return existedMenu;
+        }
+        const menu = this.menuService.createMenu(next_1.MenuId.ViewTitle, this.viewContextKeyRegistry.getContextKeyService(containerId));
+        this._menuMap.set(containerId, menu);
+        // 添加到 containerId 对应的 disposable 中
+        // 在 containerId 对应的 view dispose 时会将 menu 对象和缓存清理掉
+        const disposables = this.disposableMap.get(containerId);
+        const toDispose = [
+            menu,
+            (0, ide_core_browser_1.toDisposable)(() => {
+                this._menuMap.delete(containerId);
+            }),
+        ];
+        if (disposables) {
+            disposables.pushAll(toDispose);
+        }
+        else {
+            // 避免出现不必要的内存泄露
+            this.addDispose(toDispose);
+        }
+        return menu;
+    }
+    doExpand(expand) {
+        const { setRelativeSize } = this.resizeHandle;
+        if (expand) {
+            if (!this.isLatter) {
+                setRelativeSize(1, 0);
+            }
+            else {
+                setRelativeSize(0, 1);
+            }
+        }
+        else {
+            // FIXME 底部需要额外的字段记录展开前的尺寸
+            setRelativeSize(2, 1);
+        }
+    }
+    get isExpanded() {
+        const { getRelativeSize } = this.resizeHandle;
+        const relativeSizes = getRelativeSize().join(',');
+        return this.isLatter ? relativeSizes === '0,1' : relativeSizes === '1,0';
+    }
+    handleTabClick(e, forbidCollapse) {
+        const containerId = e.currentTarget.id;
+        if (containerId === this.currentContainerId && !forbidCollapse) {
+            this.currentContainerId = '';
+        }
+        else {
+            this.currentContainerId = containerId;
+        }
+    }
+    handleContextMenu(event, containerId) {
+        event.preventDefault();
+        event.stopPropagation();
+        const menus = this.menuService.createMenu(this.menuId, containerId ? this.scopedCtxKeyService : this.contextKeyService);
+        const menuNodes = (0, next_1.generateCtxMenu)({ menus, args: [{ containerId }] });
+        this.contextMenuRenderer.show({ menuNodes: menuNodes[1], anchor: {
+                x: event.clientX,
+                y: event.clientY,
+            } });
+    }
+    showMoreMenu(event, lastContainerId) {
+        const menus = this.menuService.createMenu(this.moreMenuId, this.scopedCtxKeyService);
+        const menuNodes = (0, next_1.generateCtxMenu)({ menus, args: [{ lastContainerId }] });
+        this.contextMenuRenderer.show({ menuNodes: menuNodes[1], anchor: {
+                x: event.clientX,
+                y: event.clientY,
+            } });
+    }
+    // drag & drop
+    handleDragStart(e, containerId) {
+        e.dataTransfer.setData('containerId', containerId);
+    }
+    handleDrop(e, target) {
+        if (e.dataTransfer.getData('containerId')) {
+            const source = e.dataTransfer.getData('containerId');
+            const containers = this.visibleContainers;
+            const sourceIndex = containers.findIndex((containerInfo) => source === containerInfo.options.containerId);
+            const targetIndex = containers.findIndex((containerInfo) => target === containerInfo.options.containerId);
+            this.doInsertTab(containers, sourceIndex, targetIndex);
+            this.storeState();
+        }
+    }
+    restoreState() {
+        this.storedState = this.layoutState.getState(layout_state_1.LAYOUT_STATE.getTabbarSpace(this.location), {});
+        for (const containerId of this.state.keys()) {
+            if (this.storedState[containerId]) {
+                this.state.set(containerId, this.storedState[containerId]);
+            }
+        }
+        this.visibleContainers.forEach((container) => {
+            if (common_1.SUPPORT_ACCORDION_LOCATION.has(this.location)) {
+                this.tryRestoreAccordionSize(container.options.containerId);
+            }
+        });
+    }
+    doInsertTab(containers, sourceIndex, targetIndex) {
+        const targetPriority = this.getContainerState(containers[targetIndex].options.containerId).priority;
+        const changePriority = (sourceIndex, targetIndex) => {
+            const sourceState = this.getContainerState(containers[sourceIndex].options.containerId);
+            const targetState = this.getContainerState(containers[targetIndex].options.containerId);
+            sourceState.priority = targetState.priority;
+        };
+        let index;
+        if (sourceIndex > targetIndex) {
+            // 后往前拖，中间的tab依次下移
+            for (index = targetIndex; index < sourceIndex; index++) {
+                changePriority(index, index + 1);
+            }
+        }
+        else {
+            // 前往后拖，中间的上移
+            for (index = targetIndex; index > sourceIndex; index--) {
+                changePriority(index, index - 1);
+            }
+        }
+        this.getContainerState(containers[index].options.containerId).priority = targetPriority;
+    }
+    storeState() {
+        const stateObj = {};
+        this.state.forEach((value, key) => {
+            stateObj[key] = value;
+        });
+        this.layoutState.setState(layout_state_1.LAYOUT_STATE.getTabbarSpace(this.location), stateObj);
+    }
+    // 注册Tab的激活快捷键，对于底部panel，为切换快捷键
+    registerActivateKeyBinding(component, fromExtension) {
+        const options = component.options;
+        const containerId = options.containerId;
+        // vscode内插件注册的是workbench.view.extension.containerId
+        const activateCommandId = fromExtension ? `workbench.view.extension.${containerId}` : `workbench.view.${containerId}`;
+        const disposables = new ide_core_browser_1.DisposableCollection();
+        disposables.push(this.commandRegistry.registerCommand({
+            id: activateCommandId,
+        }, {
+            execute: ({ forceShow } = {}) => {
+                // 支持toggle
+                if (this.location === 'bottom' && !forceShow) {
+                    this.currentContainerId = this.currentContainerId === containerId ? '' : containerId;
+                }
+                else {
+                    this.currentContainerId = containerId;
+                }
+            },
+        }));
+        if (options.activateKeyBinding) {
+            disposables.push(this.keybindingRegistry.registerKeybinding({
+                command: activateCommandId,
+                keybinding: options.activateKeyBinding,
+            }));
+        }
+        return disposables;
+    }
+    registerGlobalToggleCommand() {
+        const commandId = `activity.bar.toggle.${this.location}`;
+        this.commandRegistry.registerCommand({
+            id: commandId,
+        }, {
+            execute: ({ containerId }) => {
+                this.doToggleTab(containerId);
+            },
+            isEnabled: () => {
+                return this.visibleContainers.length > 1;
+            },
+        });
+        return commandId;
+    }
+    // 注册tab的隐藏显示功能
+    registerVisibleToggleCommand(containerId, disposables) {
+        const commandId = `activity.bar.toggle.${containerId}`;
+        disposables.push(this.commandRegistry.registerCommand({
+            id: commandId,
+        }, {
+            execute: ({ forceShow } = {}) => {
+                this.doToggleTab(containerId, forceShow);
+            },
+            isToggled: () => {
+                const state = this.getContainerState(containerId);
+                return !state.hidden;
+            },
+            isEnabled: () => {
+                const state = this.getContainerState(containerId);
+                return state.hidden || this.visibleContainers.length !== 1;
+            },
+        }));
+        return commandId;
+    }
+    registerMoreToggleCommand(component, disposables) {
+        const { options } = component;
+        const { containerId } = options;
+        const commandId = `activity.bar.activate.more.${containerId}`;
+        disposables.push(this.commandRegistry.registerCommand({
+            id: commandId,
+        }, {
+            execute: ({ lastContainerId }) => {
+                // 切换激活tab
+                this.currentContainerId = containerId;
+                if (lastContainerId) {
+                    // 替换最后一个可见tab
+                    const sourceState = this.getContainerState(containerId);
+                    const targetState = this.getContainerState(lastContainerId);
+                    const sourcePriority = sourceState.priority;
+                    sourceState.priority = targetState.priority;
+                    targetState.priority = sourcePriority;
+                    this.storeState();
+                }
+            },
+        }));
+        return commandId;
+    }
+    getTabInMoreCtxKey(containerId) {
+        return `${containerId}.isInMore`;
+    }
+    registerPanelMenus() {
+        this.menuRegistry.registerMenuItems('tabbar/bottom/common', [
+            {
+                command: main_layout_contribution_1.EXPAND_BOTTOM_PANEL.id,
+                group: 'navigation',
+                when: '!bottomFullExpanded',
+                order: 1,
+            },
+            {
+                command: main_layout_contribution_1.RETRACT_BOTTOM_PANEL.id,
+                group: 'navigation',
+                when: 'bottomFullExpanded',
+                order: 1,
+            },
+            {
+                command: main_layout_contribution_1.TOGGLE_BOTTOM_PANEL_COMMAND.id,
+                group: 'navigation',
+                order: 2,
+            },
+        ]);
+        this.commonTitleMenu = this.ctxmenuService.createMenu({
+            id: 'tabbar/bottom/common',
+        });
+    }
+    doToggleTab(containerId, forceShow) {
+        const state = this.getContainerState(containerId);
+        if (forceShow === undefined) {
+            state.hidden = !state.hidden;
+        }
+        else {
+            state.hidden = !forceShow;
+        }
+        if (state.hidden) {
+            if (this.currentContainerId === containerId) {
+                this.currentContainerId = this.visibleContainers[0].options.containerId;
+            }
+        }
+        this.storeState();
+    }
+    shouldExpand(containerId) {
+        const info = this.getContainer(containerId);
+        return info && info.options && info.options.expanded;
+    }
+    onResize(e) {
+        if (e.payload.slotLocation === this.location) {
+            if (!this.currentContainerId || !this.resizeHandle) {
+                // 折叠时不监听变化
+                return;
+            }
+            const size = this.resizeHandle.getSize();
+            if (size !== this.barSize && !this.shouldExpand(this.currentContainerId)) {
+                this.prevSize = size;
+                this.onSizeChangeEmitter.fire({ size });
+            }
+        }
+    }
+    listenCurrentChange() {
+        (0, mobx_1.observe)(this, 'currentContainerId', (change) => {
+            if (this.prevSize === undefined) {
+            }
+            this.previousContainerId = change.oldValue || '';
+            const currentId = change.newValue;
+            this.handleChange(currentId, this.previousContainerId);
+        });
+    }
+    handleChange(currentId, previousId) {
+        const { getSize, setSize, lockSize } = this.resizeHandle;
+        this.onCurrentChangeEmitter.fire({ previousId, currentId });
+        const isCurrentExpanded = this.shouldExpand(currentId);
+        if (this.shouldExpand(this.previousContainerId) || isCurrentExpanded) {
+            this.handleFullExpanded(currentId, isCurrentExpanded);
+        }
+        else {
+            if (currentId) {
+                if (previousId && currentId !== previousId) {
+                    this.prevSize = getSize();
+                }
+                setSize(this.prevSize || (this.panelSize + this.barSize));
+                const containerInfo = this.getContainer(currentId);
+                if (containerInfo && containerInfo.options.noResize) {
+                    lockSize(true);
+                }
+                else {
+                    lockSize(false);
+                }
+                this.activatedKey.set(currentId);
+            }
+            else {
+                setSize(this.barSize);
+                lockSize(true);
+            }
+        }
+    }
+    tryRestoreAccordionSize(containerId) {
+        var _a;
+        if (this.accordionRestored.has(containerId)) {
+            return;
+        }
+        const containerInfo = this.containersMap.get(containerId);
+        // 使用自定义视图取代手风琴的面板不需要 restore
+        // scm 视图例外，因为在新版本 Gitlens 中可以将自己注册到 scm 中
+        // 暂时用这种方式使 scm 面板状态可以被持久化
+        if ((!containerInfo || containerInfo.options.component) &&
+            ((_a = containerInfo === null || containerInfo === void 0 ? void 0 : containerInfo.options) === null || _a === void 0 ? void 0 : _a.containerId) !== 'scm') {
+            return;
+        }
+        const accordionService = this.layoutService.getAccordionService(containerId);
+        // 需要保证此时tab切换已完成dom渲染
+        accordionService.restoreState();
+        this.accordionRestored.add(containerId);
+    }
+    handleFullExpanded(currentId, isCurrentExpanded) {
+        const { setRelativeSize, setSize } = this.resizeHandle;
+        if (currentId) {
+            if (isCurrentExpanded) {
+                if (!this.isLatter) {
+                    setRelativeSize(1, 0);
+                }
+                else {
+                    setRelativeSize(0, 1);
+                }
+            }
+            else {
+                setSize(this.prevSize || (this.panelSize + this.barSize));
+            }
+        }
+        else {
+            setSize(this.barSize);
+        }
+    }
+};
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", String)
+], TabbarService.prototype, "currentContainerId", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Map)
+], TabbarService.prototype, "state", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(next_1.AbstractMenuService),
+    (0, tslib_1.__metadata)("design:type", next_1.AbstractMenuService)
+], TabbarService.prototype, "menuService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(next_1.AbstractContextMenuService),
+    (0, tslib_1.__metadata)("design:type", next_1.AbstractContextMenuService)
+], TabbarService.prototype, "ctxmenuService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(next_1.IMenuRegistry),
+    (0, tslib_1.__metadata)("design:type", next_1.IMenuRegistry)
+], TabbarService.prototype, "menuRegistry", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(ide_core_browser_1.CommandRegistry),
+    (0, tslib_1.__metadata)("design:type", Object)
+], TabbarService.prototype, "commandRegistry", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(next_1.ICtxMenuRenderer),
+    (0, tslib_1.__metadata)("design:type", next_1.ICtxMenuRenderer)
+], TabbarService.prototype, "contextMenuRenderer", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(ide_core_browser_1.KeybindingRegistry),
+    (0, tslib_1.__metadata)("design:type", Object)
+], TabbarService.prototype, "keybindingRegistry", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(),
+    (0, tslib_1.__metadata)("design:type", ide_core_browser_1.ViewContextKeyRegistry)
+], TabbarService.prototype, "viewContextKeyRegistry", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(ide_core_browser_1.IContextKeyService),
+    (0, tslib_1.__metadata)("design:type", Object)
+], TabbarService.prototype, "contextKeyService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(common_1.IMainLayoutService),
+    (0, tslib_1.__metadata)("design:type", Object)
+], TabbarService.prototype, "layoutService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(),
+    (0, tslib_1.__metadata)("design:type", layout_state_1.LayoutState)
+], TabbarService.prototype, "layoutState", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(progress_1.IProgressService),
+    (0, tslib_1.__metadata)("design:type", Object)
+], TabbarService.prototype, "progressService", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Number)
+], TabbarService.prototype, "forceUpdate", void 0);
+(0, tslib_1.__decorate)([
+    (0, mobx_1.computed)({ equals: visibleContainerEquals }),
+    (0, tslib_1.__metadata)("design:type", Object),
+    (0, tslib_1.__metadata)("design:paramtypes", [])
+], TabbarService.prototype, "visibleContainers", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [String, Object]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], TabbarService.prototype, "registerContainer", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [String]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], TabbarService.prototype, "disposeContainer", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action.bound,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [Object, Boolean]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], TabbarService.prototype, "handleTabClick", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action.bound,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [Object, String]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], TabbarService.prototype, "handleContextMenu", null);
+(0, tslib_1.__decorate)([
+    (0, ide_core_browser_1.OnEvent)(ide_core_browser_1.ResizeEvent),
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [ide_core_browser_1.ResizeEvent]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], TabbarService.prototype, "onResize", null);
+TabbarService = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)({ multiple: true }),
+    (0, tslib_1.__metadata)("design:paramtypes", [String])
+], TabbarService);
+exports.TabbarService = TabbarService;
+function visibleContainerEquals(a, b) {
+    if (a.length !== b.length) {
+        return false;
+    }
+    else {
+        let isEqual = true;
+        for (let i = 0; i < a.length; i++) {
+            if (a[i] !== b[i]) {
+                isEqual = false;
+                break;
+            }
+        }
+        return isEqual;
+    }
+}
+//# sourceMappingURL=tabbar.service.js.map