@theia/editor-preview 1.34.2 → 1.34.3

package/lib/browser/editor-preview-tree-decorator.js

@@ -1,111 +1,111 @@
-"use strict";
-// *****************************************************************************
-// Copyright (C) 2021 Ericsson and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorPreviewTreeDecorator = void 0;
-const inversify_1 = require("@theia/core/shared/inversify");
-const event_1 = require("@theia/core/lib/common/event");
-const browser_1 = require("@theia/core/lib/browser");
-const navigator_open_editors_tree_model_1 = require("@theia/navigator/lib/browser/open-editors-widget/navigator-open-editors-tree-model");
-const editor_preview_widget_1 = require("./editor-preview-widget");
-const editor_preview_manager_1 = require("./editor-preview-manager");
-let EditorPreviewTreeDecorator = class EditorPreviewTreeDecorator {
-    constructor() {
-        this.id = 'theia-open-editors-file-decorator';
-        this.decorationsMap = new Map();
-        this.decorationsChangedEmitter = new event_1.Emitter();
-        this.onDidChangeDecorations = this.decorationsChangedEmitter.event;
-        this.toDisposeOnDirtyChanged = new Map();
-        this.toDisposeOnPreviewPinned = new Map();
-    }
-    onDidInitializeLayout(app) {
-        this.shell.onDidAddWidget(widget => this.registerEditorListeners(widget));
-        this.shell.onDidRemoveWidget(widget => this.unregisterEditorListeners(widget));
-        this.editorWidgets.forEach(widget => this.registerEditorListeners(widget));
-    }
-    registerEditorListeners(widget) {
-        const saveable = browser_1.Saveable.get(widget);
-        if (saveable) {
-            this.toDisposeOnDirtyChanged.set(widget.id, saveable.onDirtyChanged(() => {
-                this.fireDidChangeDecorations((tree) => this.collectDecorators(tree));
-            }));
-        }
-        if (widget instanceof editor_preview_widget_1.EditorPreviewWidget) {
-            this.toDisposeOnPreviewPinned.set(widget.id, widget.onDidChangePreviewState(() => {
-                var _a;
-                this.fireDidChangeDecorations((tree) => this.collectDecorators(tree));
-                (_a = this.toDisposeOnPreviewPinned.get(widget.id)) === null || _a === void 0 ? void 0 : _a.dispose();
-                this.toDisposeOnDirtyChanged.delete(widget.id);
-            }));
-        }
-    }
-    unregisterEditorListeners(widget) {
-        var _a, _b;
-        (_a = this.toDisposeOnDirtyChanged.get(widget.id)) === null || _a === void 0 ? void 0 : _a.dispose();
-        this.toDisposeOnDirtyChanged.delete(widget.id);
-        (_b = this.toDisposeOnPreviewPinned.get(widget.id)) === null || _b === void 0 ? void 0 : _b.dispose();
-        this.toDisposeOnPreviewPinned.delete(widget.id);
-    }
-    get editorWidgets() {
-        return this.shell.widgets.filter((widget) => browser_1.NavigatableWidget.is(widget));
-    }
-    fireDidChangeDecorations(event) {
-        this.decorationsChangedEmitter.fire(event);
-    }
-    decorations(tree) {
-        return this.collectDecorators(tree);
-    }
-    // Add workspace root as caption suffix and italicize if PreviewWidget
-    collectDecorators(tree) {
-        const result = new Map();
-        if (tree.root === undefined) {
-            return result;
-        }
-        for (const node of new browser_1.DepthFirstTreeIterator(tree.root)) {
-            if (navigator_open_editors_tree_model_1.OpenEditorNode.is(node)) {
-                const { widget } = node;
-                const isPreviewWidget = widget instanceof editor_preview_widget_1.EditorPreviewWidget && widget.isPreview;
-                const decorations = {
-                    fontData: { style: isPreviewWidget ? 'italic' : undefined }
-                };
-                result.set(node.id, decorations);
-            }
-        }
-        return result;
-    }
-};
-__decorate([
-    (0, inversify_1.inject)(editor_preview_manager_1.EditorPreviewManager),
-    __metadata("design:type", editor_preview_manager_1.EditorPreviewManager)
-], EditorPreviewTreeDecorator.prototype, "editorPreviewManager", void 0);
-__decorate([
-    (0, inversify_1.inject)(browser_1.ApplicationShell),
-    __metadata("design:type", browser_1.ApplicationShell)
-], EditorPreviewTreeDecorator.prototype, "shell", void 0);
-EditorPreviewTreeDecorator = __decorate([
-    (0, inversify_1.injectable)()
-], EditorPreviewTreeDecorator);
-exports.EditorPreviewTreeDecorator = EditorPreviewTreeDecorator;
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2021 Ericsson and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorPreviewTreeDecorator = void 0;
+const inversify_1 = require("@theia/core/shared/inversify");
+const event_1 = require("@theia/core/lib/common/event");
+const browser_1 = require("@theia/core/lib/browser");
+const navigator_open_editors_tree_model_1 = require("@theia/navigator/lib/browser/open-editors-widget/navigator-open-editors-tree-model");
+const editor_preview_widget_1 = require("./editor-preview-widget");
+const editor_preview_manager_1 = require("./editor-preview-manager");
+let EditorPreviewTreeDecorator = class EditorPreviewTreeDecorator {
+    constructor() {
+        this.id = 'theia-open-editors-file-decorator';
+        this.decorationsMap = new Map();
+        this.decorationsChangedEmitter = new event_1.Emitter();
+        this.onDidChangeDecorations = this.decorationsChangedEmitter.event;
+        this.toDisposeOnDirtyChanged = new Map();
+        this.toDisposeOnPreviewPinned = new Map();
+    }
+    onDidInitializeLayout(app) {
+        this.shell.onDidAddWidget(widget => this.registerEditorListeners(widget));
+        this.shell.onDidRemoveWidget(widget => this.unregisterEditorListeners(widget));
+        this.editorWidgets.forEach(widget => this.registerEditorListeners(widget));
+    }
+    registerEditorListeners(widget) {
+        const saveable = browser_1.Saveable.get(widget);
+        if (saveable) {
+            this.toDisposeOnDirtyChanged.set(widget.id, saveable.onDirtyChanged(() => {
+                this.fireDidChangeDecorations((tree) => this.collectDecorators(tree));
+            }));
+        }
+        if (widget instanceof editor_preview_widget_1.EditorPreviewWidget) {
+            this.toDisposeOnPreviewPinned.set(widget.id, widget.onDidChangePreviewState(() => {
+                var _a;
+                this.fireDidChangeDecorations((tree) => this.collectDecorators(tree));
+                (_a = this.toDisposeOnPreviewPinned.get(widget.id)) === null || _a === void 0 ? void 0 : _a.dispose();
+                this.toDisposeOnDirtyChanged.delete(widget.id);
+            }));
+        }
+    }
+    unregisterEditorListeners(widget) {
+        var _a, _b;
+        (_a = this.toDisposeOnDirtyChanged.get(widget.id)) === null || _a === void 0 ? void 0 : _a.dispose();
+        this.toDisposeOnDirtyChanged.delete(widget.id);
+        (_b = this.toDisposeOnPreviewPinned.get(widget.id)) === null || _b === void 0 ? void 0 : _b.dispose();
+        this.toDisposeOnPreviewPinned.delete(widget.id);
+    }
+    get editorWidgets() {
+        return this.shell.widgets.filter((widget) => browser_1.NavigatableWidget.is(widget));
+    }
+    fireDidChangeDecorations(event) {
+        this.decorationsChangedEmitter.fire(event);
+    }
+    decorations(tree) {
+        return this.collectDecorators(tree);
+    }
+    // Add workspace root as caption suffix and italicize if PreviewWidget
+    collectDecorators(tree) {
+        const result = new Map();
+        if (tree.root === undefined) {
+            return result;
+        }
+        for (const node of new browser_1.DepthFirstTreeIterator(tree.root)) {
+            if (navigator_open_editors_tree_model_1.OpenEditorNode.is(node)) {
+                const { widget } = node;
+                const isPreviewWidget = widget instanceof editor_preview_widget_1.EditorPreviewWidget && widget.isPreview;
+                const decorations = {
+                    fontData: { style: isPreviewWidget ? 'italic' : undefined }
+                };
+                result.set(node.id, decorations);
+            }
+        }
+        return result;
+    }
+};
+__decorate([
+    (0, inversify_1.inject)(editor_preview_manager_1.EditorPreviewManager),
+    __metadata("design:type", editor_preview_manager_1.EditorPreviewManager)
+], EditorPreviewTreeDecorator.prototype, "editorPreviewManager", void 0);
+__decorate([
+    (0, inversify_1.inject)(browser_1.ApplicationShell),
+    __metadata("design:type", browser_1.ApplicationShell)
+], EditorPreviewTreeDecorator.prototype, "shell", void 0);
+EditorPreviewTreeDecorator = __decorate([
+    (0, inversify_1.injectable)()
+], EditorPreviewTreeDecorator);
+exports.EditorPreviewTreeDecorator = EditorPreviewTreeDecorator;
 //# sourceMappingURL=editor-preview-tree-decorator.js.map

package/lib/browser/editor-preview-widget-factory.d.ts

@@ -1,14 +1,14 @@
-import URI from '@theia/core/lib/common/uri';
-import { EditorWidgetFactory } from '@theia/editor/lib/browser/editor-widget-factory';
-import { EditorPreviewWidget } from './editor-preview-widget';
-import { NavigatableWidgetOptions } from '@theia/core/lib/browser';
-export interface EditorPreviewOptions extends NavigatableWidgetOptions {
-    preview?: boolean;
-}
-export declare class EditorPreviewWidgetFactory extends EditorWidgetFactory {
-    static ID: string;
-    readonly id: string;
-    createWidget(options: EditorPreviewOptions): Promise<EditorPreviewWidget>;
-    protected constructEditor(uri: URI): Promise<EditorPreviewWidget>;
-}
+import URI from '@theia/core/lib/common/uri';
+import { EditorWidgetFactory } from '@theia/editor/lib/browser/editor-widget-factory';
+import { EditorPreviewWidget } from './editor-preview-widget';
+import { NavigatableWidgetOptions } from '@theia/core/lib/browser';
+export interface EditorPreviewOptions extends NavigatableWidgetOptions {
+    preview?: boolean;
+}
+export declare class EditorPreviewWidgetFactory extends EditorWidgetFactory {
+    static ID: string;
+    readonly id: string;
+    createWidget(options: EditorPreviewOptions): Promise<EditorPreviewWidget>;
+    protected constructEditor(uri: URI): Promise<EditorPreviewWidget>;
+}
 //# sourceMappingURL=editor-preview-widget-factory.d.ts.map

package/lib/browser/editor-preview-widget-factory.js

@@ -1,53 +1,53 @@
-"use strict";
-// *****************************************************************************
-// Copyright (C) 2018-2021 Google and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var EditorPreviewWidgetFactory_1;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorPreviewWidgetFactory = void 0;
-const uri_1 = require("@theia/core/lib/common/uri");
-const editor_widget_factory_1 = require("@theia/editor/lib/browser/editor-widget-factory");
-const inversify_1 = require("@theia/core/shared/inversify");
-const editor_preview_widget_1 = require("./editor-preview-widget");
-let EditorPreviewWidgetFactory = EditorPreviewWidgetFactory_1 = class EditorPreviewWidgetFactory extends editor_widget_factory_1.EditorWidgetFactory {
-    constructor() {
-        super(...arguments);
-        this.id = EditorPreviewWidgetFactory_1.ID;
-    }
-    async createWidget(options) {
-        const uri = new uri_1.default(options.uri);
-        const editor = await this.createEditor(uri, options);
-        if (options.preview) {
-            editor.initializePreview();
-        }
-        return editor;
-    }
-    async constructEditor(uri) {
-        const textEditor = await this.editorProvider(uri);
-        return new editor_preview_widget_1.EditorPreviewWidget(textEditor, this.selectionService);
-    }
-};
-EditorPreviewWidgetFactory.ID = 'editor-preview-widget';
-EditorPreviewWidgetFactory = EditorPreviewWidgetFactory_1 = __decorate([
-    (0, inversify_1.injectable)()
-], EditorPreviewWidgetFactory);
-exports.EditorPreviewWidgetFactory = EditorPreviewWidgetFactory;
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2018-2021 Google and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var EditorPreviewWidgetFactory_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorPreviewWidgetFactory = void 0;
+const uri_1 = require("@theia/core/lib/common/uri");
+const editor_widget_factory_1 = require("@theia/editor/lib/browser/editor-widget-factory");
+const inversify_1 = require("@theia/core/shared/inversify");
+const editor_preview_widget_1 = require("./editor-preview-widget");
+let EditorPreviewWidgetFactory = EditorPreviewWidgetFactory_1 = class EditorPreviewWidgetFactory extends editor_widget_factory_1.EditorWidgetFactory {
+    constructor() {
+        super(...arguments);
+        this.id = EditorPreviewWidgetFactory_1.ID;
+    }
+    async createWidget(options) {
+        const uri = new uri_1.default(options.uri);
+        const editor = await this.createEditor(uri, options);
+        if (options.preview) {
+            editor.initializePreview();
+        }
+        return editor;
+    }
+    async constructEditor(uri) {
+        const textEditor = await this.editorProvider(uri);
+        return new editor_preview_widget_1.EditorPreviewWidget(textEditor, this.selectionService);
+    }
+};
+EditorPreviewWidgetFactory.ID = 'editor-preview-widget';
+EditorPreviewWidgetFactory = EditorPreviewWidgetFactory_1 = __decorate([
+    (0, inversify_1.injectable)()
+], EditorPreviewWidgetFactory);
+exports.EditorPreviewWidgetFactory = EditorPreviewWidgetFactory;
 //# sourceMappingURL=editor-preview-widget-factory.js.map

package/lib/browser/editor-preview-widget.d.ts

@@ -1,26 +1,26 @@
-import { Message } from '@theia/core/shared/@phosphor/messaging';
-import { TabBar, Widget } from '@theia/core/lib/browser';
-import { EditorWidget, TextEditor } from '@theia/editor/lib/browser';
-import { DisposableCollection, Emitter, SelectionService } from '@theia/core/lib/common';
-export declare class EditorPreviewWidget extends EditorWidget {
-    protected _isPreview: boolean;
-    protected lastTabbar: TabBar<Widget> | undefined;
-    protected readonly onDidChangePreviewStateEmitter: Emitter<void>;
-    readonly onDidChangePreviewState: import("@theia/core/lib/common").Event<void>;
-    protected readonly toDisposeOnLocationChange: DisposableCollection;
-    get isPreview(): boolean;
-    constructor(editor: TextEditor, selectionService: SelectionService);
-    initializePreview(): void;
-    convertToNonPreview(): void;
-    protected onAfterAttach(msg: Message): void;
-    protected checkForTabbarChange(): void;
-    storeState(): {
-        isPreview: boolean;
-        editorState: object;
-    } | undefined;
-    restoreState(oldState: {
-        isPreview: boolean;
-        editorState: object;
-    }): void;
-}
+import { Message } from '@theia/core/shared/@phosphor/messaging';
+import { TabBar, Widget } from '@theia/core/lib/browser';
+import { EditorWidget, TextEditor } from '@theia/editor/lib/browser';
+import { DisposableCollection, Emitter, SelectionService } from '@theia/core/lib/common';
+export declare class EditorPreviewWidget extends EditorWidget {
+    protected _isPreview: boolean;
+    protected lastTabbar: TabBar<Widget> | undefined;
+    protected readonly onDidChangePreviewStateEmitter: Emitter<void>;
+    readonly onDidChangePreviewState: import("@theia/core/lib/common").Event<void>;
+    protected readonly toDisposeOnLocationChange: DisposableCollection;
+    get isPreview(): boolean;
+    constructor(editor: TextEditor, selectionService: SelectionService);
+    initializePreview(): void;
+    convertToNonPreview(): void;
+    protected onAfterAttach(msg: Message): void;
+    protected checkForTabbarChange(): void;
+    storeState(): {
+        isPreview: boolean;
+        editorState: object;
+    } | undefined;
+    restoreState(oldState: {
+        isPreview: boolean;
+        editorState: object;
+    }): void;
+}
 //# sourceMappingURL=editor-preview-widget.d.ts.map

package/lib/browser/editor-preview-widget.js

@@ -1,103 +1,103 @@
-"use strict";
-// *****************************************************************************
-// Copyright (C) 2021 Ericsson and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorPreviewWidget = void 0;
-const browser_1 = require("@theia/core/lib/browser");
-const browser_2 = require("@theia/editor/lib/browser");
-const common_1 = require("@theia/core/lib/common");
-const algorithm_1 = require("@theia/core/shared/@phosphor/algorithm");
-const PREVIEW_TITLE_CLASS = 'theia-editor-preview-title-unpinned';
-class EditorPreviewWidget extends browser_2.EditorWidget {
-    constructor(editor, selectionService) {
-        super(editor, selectionService);
-        this._isPreview = false;
-        this.onDidChangePreviewStateEmitter = new common_1.Emitter();
-        this.onDidChangePreviewState = this.onDidChangePreviewStateEmitter.event;
-        this.toDisposeOnLocationChange = new common_1.DisposableCollection();
-        this.toDispose.push(this.onDidChangePreviewStateEmitter);
-        this.toDispose.push(this.toDisposeOnLocationChange);
-    }
-    get isPreview() {
-        return this._isPreview;
-    }
-    initializePreview() {
-        const oneTimeListeners = new common_1.DisposableCollection();
-        this._isPreview = true;
-        this.title.className += ` ${PREVIEW_TITLE_CLASS}`;
-        const oneTimeDirtyChangeListener = this.saveable.onDirtyChanged(() => {
-            this.convertToNonPreview();
-            oneTimeListeners.dispose();
-        });
-        oneTimeListeners.push(oneTimeDirtyChangeListener);
-        const oneTimeTitleChangeHandler = () => {
-            if (this.title.className.includes(browser_1.PINNED_CLASS)) {
-                this.convertToNonPreview();
-                oneTimeListeners.dispose();
-            }
-        };
-        this.title.changed.connect(oneTimeTitleChangeHandler);
-        oneTimeListeners.push(common_1.Disposable.create(() => this.title.changed.disconnect(oneTimeTitleChangeHandler)));
-        this.toDispose.push(oneTimeListeners);
-    }
-    convertToNonPreview() {
-        if (this._isPreview) {
-            this._isPreview = false;
-            this.toDisposeOnLocationChange.dispose();
-            this.lastTabbar = undefined;
-            this.title.className = this.title.className.replace(PREVIEW_TITLE_CLASS, '');
-            this.onDidChangePreviewStateEmitter.fire();
-            this.onDidChangePreviewStateEmitter.dispose();
-        }
-    }
-    onAfterAttach(msg) {
-        super.onAfterAttach(msg);
-        if (this._isPreview) {
-            this.checkForTabbarChange();
-        }
-    }
-    checkForTabbarChange() {
-        const { parent } = this;
-        if (parent instanceof browser_1.DockPanel) {
-            this.toDisposeOnLocationChange.dispose();
-            const newTabbar = (0, algorithm_1.find)(parent.tabBars(), tabbar => !!tabbar.titles.find(title => title === this.title));
-            if (this.lastTabbar && this.lastTabbar !== newTabbar) {
-                this.convertToNonPreview();
-            }
-            else {
-                this.lastTabbar = newTabbar;
-                const listener = () => this.checkForTabbarChange();
-                parent.layoutModified.connect(listener);
-                this.toDisposeOnLocationChange.push(common_1.Disposable.create(() => parent.layoutModified.disconnect(listener)));
-            }
-        }
-    }
-    storeState() {
-        var _a;
-        if (((_a = this.getResourceUri()) === null || _a === void 0 ? void 0 : _a.scheme) !== common_1.UNTITLED_SCHEME) {
-            const { _isPreview: isPreview } = this;
-            return { isPreview, editorState: this.editor.storeViewState() };
-        }
-    }
-    restoreState(oldState) {
-        if (!oldState.isPreview) {
-            this.convertToNonPreview();
-        }
-        this.editor.restoreViewState(oldState.editorState);
-    }
-}
-exports.EditorPreviewWidget = EditorPreviewWidget;
+"use strict";
+// *****************************************************************************
+// Copyright (C) 2021 Ericsson and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorPreviewWidget = void 0;
+const browser_1 = require("@theia/core/lib/browser");
+const browser_2 = require("@theia/editor/lib/browser");
+const common_1 = require("@theia/core/lib/common");
+const algorithm_1 = require("@theia/core/shared/@phosphor/algorithm");
+const PREVIEW_TITLE_CLASS = 'theia-editor-preview-title-unpinned';
+class EditorPreviewWidget extends browser_2.EditorWidget {
+    constructor(editor, selectionService) {
+        super(editor, selectionService);
+        this._isPreview = false;
+        this.onDidChangePreviewStateEmitter = new common_1.Emitter();
+        this.onDidChangePreviewState = this.onDidChangePreviewStateEmitter.event;
+        this.toDisposeOnLocationChange = new common_1.DisposableCollection();
+        this.toDispose.push(this.onDidChangePreviewStateEmitter);
+        this.toDispose.push(this.toDisposeOnLocationChange);
+    }
+    get isPreview() {
+        return this._isPreview;
+    }
+    initializePreview() {
+        const oneTimeListeners = new common_1.DisposableCollection();
+        this._isPreview = true;
+        this.title.className += ` ${PREVIEW_TITLE_CLASS}`;
+        const oneTimeDirtyChangeListener = this.saveable.onDirtyChanged(() => {
+            this.convertToNonPreview();
+            oneTimeListeners.dispose();
+        });
+        oneTimeListeners.push(oneTimeDirtyChangeListener);
+        const oneTimeTitleChangeHandler = () => {
+            if (this.title.className.includes(browser_1.PINNED_CLASS)) {
+                this.convertToNonPreview();
+                oneTimeListeners.dispose();
+            }
+        };
+        this.title.changed.connect(oneTimeTitleChangeHandler);
+        oneTimeListeners.push(common_1.Disposable.create(() => this.title.changed.disconnect(oneTimeTitleChangeHandler)));
+        this.toDispose.push(oneTimeListeners);
+    }
+    convertToNonPreview() {
+        if (this._isPreview) {
+            this._isPreview = false;
+            this.toDisposeOnLocationChange.dispose();
+            this.lastTabbar = undefined;
+            this.title.className = this.title.className.replace(PREVIEW_TITLE_CLASS, '');
+            this.onDidChangePreviewStateEmitter.fire();
+            this.onDidChangePreviewStateEmitter.dispose();
+        }
+    }
+    onAfterAttach(msg) {
+        super.onAfterAttach(msg);
+        if (this._isPreview) {
+            this.checkForTabbarChange();
+        }
+    }
+    checkForTabbarChange() {
+        const { parent } = this;
+        if (parent instanceof browser_1.DockPanel) {
+            this.toDisposeOnLocationChange.dispose();
+            const newTabbar = (0, algorithm_1.find)(parent.tabBars(), tabbar => !!tabbar.titles.find(title => title === this.title));
+            if (this.lastTabbar && this.lastTabbar !== newTabbar) {
+                this.convertToNonPreview();
+            }
+            else {
+                this.lastTabbar = newTabbar;
+                const listener = () => this.checkForTabbarChange();
+                parent.layoutModified.connect(listener);
+                this.toDisposeOnLocationChange.push(common_1.Disposable.create(() => parent.layoutModified.disconnect(listener)));
+            }
+        }
+    }
+    storeState() {
+        var _a;
+        if (((_a = this.getResourceUri()) === null || _a === void 0 ? void 0 : _a.scheme) !== common_1.UNTITLED_SCHEME) {
+            const { _isPreview: isPreview } = this;
+            return { isPreview, editorState: this.editor.storeViewState() };
+        }
+    }
+    restoreState(oldState) {
+        if (!oldState.isPreview) {
+            this.convertToNonPreview();
+        }
+        this.editor.restoreViewState(oldState.editorState);
+    }
+}
+exports.EditorPreviewWidget = EditorPreviewWidget;
 //# sourceMappingURL=editor-preview-widget.js.map