dockview 0.0.28 → 1.0.2

package/dist/cjs/groupview/panel/hostedPanel.js

@@ -1,57 +1,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HostedPanel = void 0;
-var HostedPanel = /** @class */ (function () {
-    function HostedPanel(panel, options) {
-        this.panel = panel;
-        this.options = options;
-        if (!options.parent) {
-            options.parent = document.getElementById('app');
-            options.parent.style.position = 'relative';
-        }
-        this._element = document.createElement('div');
-        this._element.style.visibility = 'hidden';
-        this._element.style.overflow = 'hidden';
-        // this._element.style.pointerEvents = 'none';
-        this._element.id = "webivew-" + options.id;
-        options.parent.appendChild(this._element);
-    }
-    Object.defineProperty(HostedPanel.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HostedPanel.prototype, "id", {
-        get: function () {
-            return this.panel.id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    HostedPanel.prototype.hide = function () {
-        this._element.style.visibility = 'hidden';
-    };
-    HostedPanel.prototype.show = function () {
-        this._element.style.visibility = 'visible';
-    };
-    HostedPanel.prototype.layout = function (element, dimension) {
-        if (!this.element || !this.element.parentElement) {
-            return;
-        }
-        var frameRect = element.getBoundingClientRect();
-        var containerRect = this.element.parentElement.getBoundingClientRect();
-        this.element.style.position = 'absolute';
-        this.element.style.top = frameRect.top - containerRect.top + "px";
-        this.element.style.left = frameRect.left - containerRect.left + "px";
-        this.element.style.width = (dimension ? dimension.width : frameRect.width) + "px";
-        this.element.style.height = (dimension ? dimension.height : frameRect.height) + "px";
-    };
-    HostedPanel.prototype.dispose = function () {
-        this._element.remove();
-    };
-    return HostedPanel;
-}());
-exports.HostedPanel = HostedPanel;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostedPanel = void 0;
+var HostedPanel = /** @class */ (function () {
+    function HostedPanel(panel, options) {
+        this.panel = panel;
+        this.options = options;
+        if (!options.parent) {
+            options.parent = document.getElementById('app');
+            options.parent.style.position = 'relative';
+        }
+        this._element = document.createElement('div');
+        this._element.style.visibility = 'hidden';
+        this._element.style.overflow = 'hidden';
+        // this._element.style.pointerEvents = 'none';
+        this._element.id = "webivew-".concat(options.id);
+        options.parent.appendChild(this._element);
+    }
+    Object.defineProperty(HostedPanel.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HostedPanel.prototype, "id", {
+        get: function () {
+            return this.panel.id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HostedPanel.prototype.hide = function () {
+        this._element.style.visibility = 'hidden';
+    };
+    HostedPanel.prototype.show = function () {
+        this._element.style.visibility = 'visible';
+    };
+    HostedPanel.prototype.layout = function (element, dimension) {
+        if (!this.element || !this.element.parentElement) {
+            return;
+        }
+        var frameRect = element.getBoundingClientRect();
+        var containerRect = this.element.parentElement.getBoundingClientRect();
+        this.element.style.position = 'absolute';
+        this.element.style.top = "".concat(frameRect.top - containerRect.top, "px");
+        this.element.style.left = "".concat(frameRect.left - containerRect.left, "px");
+        this.element.style.width = "".concat(dimension ? dimension.width : frameRect.width, "px");
+        this.element.style.height = "".concat(dimension ? dimension.height : frameRect.height, "px");
+    };
+    HostedPanel.prototype.dispose = function () {
+        this._element.remove();
+    };
+    return HostedPanel;
+}());
+exports.HostedPanel = HostedPanel;
 //# sourceMappingURL=hostedPanel.js.map

package/dist/cjs/groupview/panel/hostedPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"hostedPanel.js","sourceRoot":"","sources":["../../../../src/groupview/panel/hostedPanel.ts"],"names":[],"mappings":";;;AASA;IAWI,qBACqB,KAAkB,EAClB,OAA2B;QAD3B,UAAK,GAAL,KAAK,CAAa;QAClB,YAAO,GAAP,OAAO,CAAoB;QAE5C,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACjB,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAgB,CAAC;YAC/D,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;SAC9C;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACxC,8CAA8C;QAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,aAAW,OAAO,CAAC,EAAI,CAAC;QAE3C,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAxBD,sBAAI,gCAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAED,sBAAI,2BAAE;aAAN;YACI,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,CAAC;;;OAAA;IAoBD,0BAAI,GAAJ;QACI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC9C,CAAC;IAED,0BAAI,GAAJ;QACI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;IAC/C,CAAC;IAED,4BAAM,GAAN,UACI,OAAoB,EACpB,SAA6C;QAE7C,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;YAC9C,OAAO;SACV;QACD,IAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAClD,IAAM,aAAa,GACf,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACvD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAM,SAAS,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,OAAI,CAAC;QAClE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAM,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,OAAI,CAAC;QACrE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,CACvB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,QAC7C,CAAC;QACL,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CACxB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,QAC/C,CAAC;IACT,CAAC;IAED,6BAAO,GAAP;QACI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IACL,kBAAC;AAAD,CAAC,AA7DD,IA6DC;AA7DY,kCAAW"}
+{"version":3,"file":"hostedPanel.js","sourceRoot":"","sources":["../../../../src/groupview/panel/hostedPanel.ts"],"names":[],"mappings":";;;AASA;IAWI,qBACqB,KAAkB,EAClB,OAA2B;QAD3B,UAAK,GAAL,KAAK,CAAa;QAClB,YAAO,GAAP,OAAO,CAAoB;QAE5C,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACjB,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAgB,CAAC;YAC/D,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;SAC9C;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACxC,8CAA8C;QAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,kBAAW,OAAO,CAAC,EAAE,CAAE,CAAC;QAE3C,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAxBD,sBAAI,gCAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAED,sBAAI,2BAAE;aAAN;YACI,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,CAAC;;;OAAA;IAoBD,0BAAI,GAAJ;QACI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC9C,CAAC;IAED,0BAAI,GAAJ;QACI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;IAC/C,CAAC;IAED,4BAAM,GAAN,UACI,OAAoB,EACpB,SAA6C;QAE7C,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;YAC9C,OAAO;SACV;QACD,IAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAClD,IAAM,aAAa,GACf,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACvD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,SAAS,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,OAAI,CAAC;QAClE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,UAAG,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,OAAI,CAAC;QACrE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,UACvB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,OAC7C,CAAC;QACL,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UACxB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,OAC/C,CAAC;IACT,CAAC;IAED,6BAAO,GAAP;QACI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IACL,kBAAC;AAAD,CAAC,AA7DD,IA6DC;AA7DY,kCAAW"}

package/dist/cjs/groupview/tab.d.ts

@@ -1,44 +1,44 @@
-import { Event } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-import { IDockviewComponent } from '../dockview/dockviewComponent';
-import { ITabRenderer } from './types';
-import { IGroupPanel } from './groupPanel';
-import { GroupviewPanel } from './groupviewPanel';
-import { DroptargetEvent } from '../dnd/droptarget';
-export declare enum MouseEventKind {
-    CLICK = "CLICK",
-    CONTEXT_MENU = "CONTEXT_MENU"
-}
-export interface LayoutMouseEvent {
-    kind: MouseEventKind;
-    event: MouseEvent;
-    panel?: IGroupPanel;
-    tab?: boolean;
-}
-export interface ITab {
-    panelId: string;
-    element: HTMLElement;
-    setContent: (element: ITabRenderer) => void;
-    onChanged: Event<LayoutMouseEvent>;
-    onDrop: Event<DroptargetEvent>;
-    setActive(isActive: boolean): void;
-}
-export declare class Tab extends CompositeDisposable implements ITab {
-    panelId: string;
-    private readonly accessor;
-    private group;
-    private _element;
-    private droptarget;
-    private content?;
-    private readonly _onChanged;
-    readonly onChanged: Event<LayoutMouseEvent>;
-    private readonly _onDropped;
-    readonly onDrop: Event<DroptargetEvent>;
-    private readonly panelTransfer;
-    get element(): HTMLElement;
-    private iframes;
-    constructor(panelId: string, accessor: IDockviewComponent, group: GroupviewPanel);
-    setActive(isActive: boolean): void;
-    setContent(part: ITabRenderer): void;
-    dispose(): void;
-}
+import { Event } from '../events';
+import { CompositeDisposable } from '../lifecycle';
+import { IDockviewComponent } from '../dockview/dockviewComponent';
+import { ITabRenderer } from './types';
+import { IGroupPanel } from './groupPanel';
+import { GroupviewPanel } from './groupviewPanel';
+import { DroptargetEvent } from '../dnd/droptarget';
+export declare enum MouseEventKind {
+    CLICK = "CLICK",
+    CONTEXT_MENU = "CONTEXT_MENU"
+}
+export interface LayoutMouseEvent {
+    kind: MouseEventKind;
+    event: MouseEvent;
+    panel?: IGroupPanel;
+    tab?: boolean;
+}
+export interface ITab {
+    panelId: string;
+    element: HTMLElement;
+    setContent: (element: ITabRenderer) => void;
+    onChanged: Event<LayoutMouseEvent>;
+    onDrop: Event<DroptargetEvent>;
+    setActive(isActive: boolean): void;
+}
+export declare class Tab extends CompositeDisposable implements ITab {
+    panelId: string;
+    private readonly accessor;
+    private group;
+    private _element;
+    private droptarget;
+    private content?;
+    private readonly _onChanged;
+    readonly onChanged: Event<LayoutMouseEvent>;
+    private readonly _onDropped;
+    readonly onDrop: Event<DroptargetEvent>;
+    private readonly panelTransfer;
+    get element(): HTMLElement;
+    private iframes;
+    constructor(panelId: string, accessor: IDockviewComponent, group: GroupviewPanel);
+    setActive(isActive: boolean): void;
+    setContent(part: ITabRenderer): void;
+    dispose(): void;
+}

package/dist/cjs/groupview/tab.js

@@ -1,183 +1,183 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = exports.MouseEventKind = void 0;
-var events_1 = require("../events");
-var lifecycle_1 = require("../lifecycle");
-var dataTransfer_1 = require("../dnd/dataTransfer");
-var dom_1 = require("../dom");
-var droptarget_1 = require("../dnd/droptarget");
-var dnd_1 = require("./dnd");
-var MouseEventKind;
-(function (MouseEventKind) {
-    MouseEventKind["CLICK"] = "CLICK";
-    MouseEventKind["CONTEXT_MENU"] = "CONTEXT_MENU";
-})(MouseEventKind = exports.MouseEventKind || (exports.MouseEventKind = {}));
-var Tab = /** @class */ (function (_super) {
-    __extends(Tab, _super);
-    function Tab(panelId, accessor, group) {
-        var _this = _super.call(this) || this;
-        _this.panelId = panelId;
-        _this.accessor = accessor;
-        _this.group = group;
-        _this._onChanged = new events_1.Emitter();
-        _this.onChanged = _this._onChanged.event;
-        _this._onDropped = new events_1.Emitter();
-        _this.onDrop = _this._onDropped.event;
-        _this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
-        _this.iframes = [];
-        _this.addDisposables(_this._onChanged, _this._onDropped);
-        _this._element = document.createElement('div');
-        _this._element.className = 'tab';
-        _this._element.tabIndex = 0;
-        _this._element.draggable = true;
-        _this.addDisposables((0, events_1.addDisposableListener)(_this._element, 'dragstart', function (event) {
-            var e_1, _a;
-            _this.iframes = __spreadArray(__spreadArray([], __read((0, dom_1.getElementsByTagName)('iframe')), false), __read((0, dom_1.getElementsByTagName)('webview')), false);
-            try {
-                for (var _b = __values(_this.iframes), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var iframe = _c.value;
-                    iframe.style.pointerEvents = 'none';
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            _this.element.classList.add('dragged');
-            setTimeout(function () { return _this.element.classList.remove('dragged'); }, 0);
-            _this.panelTransfer.setData([
-                new dataTransfer_1.PanelTransfer(_this.accessor.id, _this.group.id, _this.panelId),
-            ], dataTransfer_1.PanelTransfer.prototype);
-            if (event.dataTransfer) {
-                event.dataTransfer.effectAllowed = 'move';
-            }
-        }), (0, events_1.addDisposableListener)(_this._element, 'dragend', function (ev) {
-            var e_2, _a;
-            try {
-                for (var _b = __values(_this.iframes), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var iframe = _c.value;
-                    iframe.style.pointerEvents = 'auto';
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            _this.iframes = [];
-            _this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
-        }), (0, events_1.addDisposableListener)(_this._element, 'mousedown', function (event) {
-            if (event.defaultPrevented) {
-                return;
-            }
-            /**
-             * TODO: alternative to stopPropagation
-             *
-             * I need to stop the event propagation here since otherwise it'll be intercepted by event handlers
-             * on the tabs-container. I cannot use event.preventDefault() since I need the on DragStart event to occur
-             */
-            event.stopPropagation();
-            _this._onChanged.fire({ kind: MouseEventKind.CLICK, event: event });
-        }), (0, events_1.addDisposableListener)(_this._element, 'contextmenu', function (event) {
-            _this._onChanged.fire({
-                kind: MouseEventKind.CONTEXT_MENU,
-                event: event,
-            });
-        }));
-        _this.droptarget = new droptarget_1.Droptarget(_this._element, {
-            validOverlays: 'none',
-            canDisplayOverlay: function (event) {
-                var data = (0, dataTransfer_1.getPanelData)();
-                if (data) {
-                    return _this.panelId !== data.panelId;
-                }
-                return _this.group.model.canDisplayOverlay(event, dnd_1.DockviewDropTargets.Tab);
-            },
-        });
-        _this.addDisposables(_this.droptarget.onDrop(function (event) {
-            _this._onDropped.fire(event);
-        }));
-        return _this;
-    }
-    Object.defineProperty(Tab.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Tab.prototype.setActive = function (isActive) {
-        (0, dom_1.toggleClass)(this.element, 'active-tab', isActive);
-        (0, dom_1.toggleClass)(this.element, 'inactive-tab', !isActive);
-    };
-    Tab.prototype.setContent = function (part) {
-        if (this.content) {
-            this._element.removeChild(this.content.element);
-        }
-        this.content = part;
-        this._element.appendChild(this.content.element);
-    };
-    Tab.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        this.droptarget.dispose();
-    };
-    return Tab;
-}(lifecycle_1.CompositeDisposable));
-exports.Tab = Tab;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = exports.MouseEventKind = void 0;
+var events_1 = require("../events");
+var lifecycle_1 = require("../lifecycle");
+var dataTransfer_1 = require("../dnd/dataTransfer");
+var dom_1 = require("../dom");
+var droptarget_1 = require("../dnd/droptarget");
+var dnd_1 = require("./dnd");
+var MouseEventKind;
+(function (MouseEventKind) {
+    MouseEventKind["CLICK"] = "CLICK";
+    MouseEventKind["CONTEXT_MENU"] = "CONTEXT_MENU";
+})(MouseEventKind = exports.MouseEventKind || (exports.MouseEventKind = {}));
+var Tab = /** @class */ (function (_super) {
+    __extends(Tab, _super);
+    function Tab(panelId, accessor, group) {
+        var _this = _super.call(this) || this;
+        _this.panelId = panelId;
+        _this.accessor = accessor;
+        _this.group = group;
+        _this._onChanged = new events_1.Emitter();
+        _this.onChanged = _this._onChanged.event;
+        _this._onDropped = new events_1.Emitter();
+        _this.onDrop = _this._onDropped.event;
+        _this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
+        _this.iframes = [];
+        _this.addDisposables(_this._onChanged, _this._onDropped);
+        _this._element = document.createElement('div');
+        _this._element.className = 'tab';
+        _this._element.tabIndex = 0;
+        _this._element.draggable = true;
+        _this.addDisposables((0, events_1.addDisposableListener)(_this._element, 'dragstart', function (event) {
+            var e_1, _a;
+            _this.iframes = __spreadArray(__spreadArray([], __read((0, dom_1.getElementsByTagName)('iframe')), false), __read((0, dom_1.getElementsByTagName)('webview')), false);
+            try {
+                for (var _b = __values(_this.iframes), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var iframe = _c.value;
+                    iframe.style.pointerEvents = 'none';
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            _this.element.classList.add('dragged');
+            setTimeout(function () { return _this.element.classList.remove('dragged'); }, 0);
+            _this.panelTransfer.setData([
+                new dataTransfer_1.PanelTransfer(_this.accessor.id, _this.group.id, _this.panelId),
+            ], dataTransfer_1.PanelTransfer.prototype);
+            if (event.dataTransfer) {
+                event.dataTransfer.effectAllowed = 'move';
+            }
+        }), (0, events_1.addDisposableListener)(_this._element, 'dragend', function (ev) {
+            var e_2, _a;
+            try {
+                for (var _b = __values(_this.iframes), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var iframe = _c.value;
+                    iframe.style.pointerEvents = 'auto';
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            _this.iframes = [];
+            _this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
+        }), (0, events_1.addDisposableListener)(_this._element, 'mousedown', function (event) {
+            if (event.defaultPrevented) {
+                return;
+            }
+            /**
+             * TODO: alternative to stopPropagation
+             *
+             * I need to stop the event propagation here since otherwise it'll be intercepted by event handlers
+             * on the tabs-container. I cannot use event.preventDefault() since I need the on DragStart event to occur
+             */
+            event.stopPropagation();
+            _this._onChanged.fire({ kind: MouseEventKind.CLICK, event: event });
+        }), (0, events_1.addDisposableListener)(_this._element, 'contextmenu', function (event) {
+            _this._onChanged.fire({
+                kind: MouseEventKind.CONTEXT_MENU,
+                event: event,
+            });
+        }));
+        _this.droptarget = new droptarget_1.Droptarget(_this._element, {
+            validOverlays: 'none',
+            canDisplayOverlay: function (event) {
+                var data = (0, dataTransfer_1.getPanelData)();
+                if (data) {
+                    return _this.panelId !== data.panelId;
+                }
+                return _this.group.model.canDisplayOverlay(event, dnd_1.DockviewDropTargets.Tab);
+            },
+        });
+        _this.addDisposables(_this.droptarget.onDrop(function (event) {
+            _this._onDropped.fire(event);
+        }));
+        return _this;
+    }
+    Object.defineProperty(Tab.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Tab.prototype.setActive = function (isActive) {
+        (0, dom_1.toggleClass)(this.element, 'active-tab', isActive);
+        (0, dom_1.toggleClass)(this.element, 'inactive-tab', !isActive);
+    };
+    Tab.prototype.setContent = function (part) {
+        if (this.content) {
+            this._element.removeChild(this.content.element);
+        }
+        this.content = part;
+        this._element.appendChild(this.content.element);
+    };
+    Tab.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.droptarget.dispose();
+    };
+    return Tab;
+}(lifecycle_1.CompositeDisposable));
+exports.Tab = Tab;
 //# sourceMappingURL=tab.js.map