dockview-core 1.6.0 → 1.7.1

package/dist/cjs/dockview/components/tab/defaultTab.js

@@ -1,106 +1,106 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultTab = void 0;
-var lifecycle_1 = require("../../../lifecycle");
-var events_1 = require("../../../events");
-var svg_1 = require("../../../svg");
-var DefaultTab = /** @class */ (function (_super) {
-    __extends(DefaultTab, _super);
-    function DefaultTab() {
-        var _this = _super.call(this) || this;
-        //
-        _this.params = {};
-        _this._element = document.createElement('div');
-        _this._element.className = 'default-tab';
-        //
-        _this._content = document.createElement('div');
-        _this._content.className = 'tab-content';
-        //
-        _this._actionContainer = document.createElement('div');
-        _this._actionContainer.className = 'action-container';
-        //
-        _this._list = document.createElement('ul');
-        _this._list.className = 'tab-list';
-        //
-        _this.action = document.createElement('div');
-        _this.action.className = 'tab-action';
-        _this.action.appendChild((0, svg_1.createCloseButton)());
-        //
-        _this._element.appendChild(_this._content);
-        _this._element.appendChild(_this._actionContainer);
-        _this._actionContainer.appendChild(_this._list);
-        _this._list.appendChild(_this.action);
-        //
-        _this.addDisposables((0, events_1.addDisposableListener)(_this._actionContainer, 'mousedown', function (ev) {
-            ev.preventDefault();
-        }));
-        _this.render();
-        return _this;
-    }
-    Object.defineProperty(DefaultTab.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DefaultTab.prototype.update = function (event) {
-        this.params = __assign(__assign({}, this.params), event.params);
-        this.render();
-    };
-    DefaultTab.prototype.focus = function () {
-        //noop
-    };
-    DefaultTab.prototype.init = function (params) {
-        var _this = this;
-        this.params = params;
-        this._content.textContent = params.title;
-        (0, events_1.addDisposableListener)(this.action, 'click', function (ev) {
-            ev.preventDefault(); //
-            _this.params.api.close();
-        });
-    };
-    DefaultTab.prototype.onGroupChange = function (_group) {
-        this.render();
-    };
-    DefaultTab.prototype.onPanelVisibleChange = function (_isPanelVisible) {
-        this.render();
-    };
-    DefaultTab.prototype.layout = function (_width, _height) {
-        // noop
-    };
-    DefaultTab.prototype.render = function () {
-        if (this._content.textContent !== this.params.title) {
-            this._content.textContent = this.params.title;
-        }
-    };
-    return DefaultTab;
-}(lifecycle_1.CompositeDisposable));
-exports.DefaultTab = DefaultTab;
+"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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultTab = void 0;
+var lifecycle_1 = require("../../../lifecycle");
+var events_1 = require("../../../events");
+var svg_1 = require("../../../svg");
+var DefaultTab = /** @class */ (function (_super) {
+    __extends(DefaultTab, _super);
+    function DefaultTab() {
+        var _this = _super.call(this) || this;
+        //
+        _this.params = {};
+        _this._element = document.createElement('div');
+        _this._element.className = 'default-tab';
+        //
+        _this._content = document.createElement('div');
+        _this._content.className = 'tab-content';
+        //
+        _this._actionContainer = document.createElement('div');
+        _this._actionContainer.className = 'action-container';
+        //
+        _this._list = document.createElement('ul');
+        _this._list.className = 'tab-list';
+        //
+        _this.action = document.createElement('div');
+        _this.action.className = 'tab-action';
+        _this.action.appendChild((0, svg_1.createCloseButton)());
+        //
+        _this._element.appendChild(_this._content);
+        _this._element.appendChild(_this._actionContainer);
+        _this._actionContainer.appendChild(_this._list);
+        _this._list.appendChild(_this.action);
+        //
+        _this.addDisposables((0, events_1.addDisposableListener)(_this._actionContainer, 'mousedown', function (ev) {
+            ev.preventDefault();
+        }));
+        _this.render();
+        return _this;
+    }
+    Object.defineProperty(DefaultTab.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DefaultTab.prototype.update = function (event) {
+        this.params = __assign(__assign({}, this.params), event.params);
+        this.render();
+    };
+    DefaultTab.prototype.focus = function () {
+        //noop
+    };
+    DefaultTab.prototype.init = function (params) {
+        var _this = this;
+        this.params = params;
+        this._content.textContent = params.title;
+        (0, events_1.addDisposableListener)(this.action, 'click', function (ev) {
+            ev.preventDefault(); //
+            _this.params.api.close();
+        });
+    };
+    DefaultTab.prototype.onGroupChange = function (_group) {
+        this.render();
+    };
+    DefaultTab.prototype.onPanelVisibleChange = function (_isPanelVisible) {
+        this.render();
+    };
+    DefaultTab.prototype.layout = function (_width, _height) {
+        // noop
+    };
+    DefaultTab.prototype.render = function () {
+        if (this._content.textContent !== this.params.title) {
+            this._content.textContent = this.params.title;
+        }
+    };
+    return DefaultTab;
+}(lifecycle_1.CompositeDisposable));
+exports.DefaultTab = DefaultTab;
 //# sourceMappingURL=defaultTab.js.map

package/dist/cjs/dockview/components/tab/tab.d.ts

@@ -1,31 +1,32 @@
-import { Event } from '../../../events';
-import { CompositeDisposable } from '../../../lifecycle';
-import { IDockviewComponent } from '../../dockviewComponent';
-import { ITabRenderer } from '../../types';
-import { DockviewGroupPanel } from '../../dockviewGroupPanel';
-import { DroptargetEvent } from '../../../dnd/droptarget';
-export interface ITab {
-    readonly panelId: string;
-    readonly element: HTMLElement;
-    setContent: (element: ITabRenderer) => void;
-    onChanged: Event<MouseEvent>;
-    onDrop: Event<DroptargetEvent>;
-    setActive(isActive: boolean): void;
-}
-export declare class Tab extends CompositeDisposable implements ITab {
-    readonly panelId: string;
-    private readonly accessor;
-    private readonly group;
-    private readonly _element;
-    private readonly droptarget;
-    private content?;
-    private readonly _onChanged;
-    readonly onChanged: Event<MouseEvent>;
-    private readonly _onDropped;
-    readonly onDrop: Event<DroptargetEvent>;
-    get element(): HTMLElement;
-    constructor(panelId: string, accessor: IDockviewComponent, group: DockviewGroupPanel);
-    setActive(isActive: boolean): void;
-    setContent(part: ITabRenderer): void;
-    dispose(): void;
-}
+import { Event } from '../../../events';
+import { CompositeDisposable } from '../../../lifecycle';
+import { IDockviewComponent } from '../../dockviewComponent';
+import { ITabRenderer } from '../../types';
+import { DockviewGroupPanel } from '../../dockviewGroupPanel';
+import { DroptargetEvent } from '../../../dnd/droptarget';
+export interface ITab {
+    readonly panelId: string;
+    readonly element: HTMLElement;
+    setContent: (element: ITabRenderer) => void;
+    onChanged: Event<MouseEvent>;
+    onDrop: Event<DroptargetEvent>;
+    setActive(isActive: boolean): void;
+}
+export declare class Tab extends CompositeDisposable implements ITab {
+    readonly panelId: string;
+    private readonly accessor;
+    private readonly group;
+    private readonly _element;
+    private readonly droptarget;
+    private content?;
+    private readonly _onChanged;
+    readonly onChanged: Event<MouseEvent>;
+    private readonly _onDropped;
+    readonly onDrop: Event<DroptargetEvent>;
+    get element(): HTMLElement;
+    constructor(panelId: string, accessor: IDockviewComponent, group: DockviewGroupPanel);
+    setActive(isActive: boolean): void;
+    setContent(part: ITabRenderer): void;
+    dispose(): void;
+}
+//# sourceMappingURL=tab.d.ts.map

package/dist/cjs/dockview/components/tab/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../../src/dockview/components/tab/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAe,MAAM,oBAAoB,CAAC;AAOtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAuB,YAAY,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAc,MAAM,yBAAyB,CAAC;AAGtE,MAAM,WAAW,IAAI;IACjB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC7B,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAC/B,SAAS,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC;AAED,qBAAa,GAAI,SAAQ,mBAAoB,YAAW,IAAI;aAgBpC,OAAO,EAAE,MAAM;IAC/B,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,KAAK;IAjB1B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAc;IACvC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAa;IACxC,OAAO,CAAC,OAAO,CAAC,CAAe;IAE/B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA6B;IACxD,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,CAAyB;IAE9D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAkC;IAC7D,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,CAAyB;IAEhE,IAAW,OAAO,IAAI,WAAW,CAEhC;gBAGmB,OAAO,EAAE,MAAM,EACd,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,kBAAkB;IA4FvC,SAAS,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAKlC,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAQpC,OAAO,IAAI,IAAI;CAIzB"}

package/dist/cjs/dockview/components/tab/tab.js

@@ -1,125 +1,125 @@
-"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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
-var events_1 = require("../../../events");
-var lifecycle_1 = require("../../../lifecycle");
-var dataTransfer_1 = require("../../../dnd/dataTransfer");
-var dom_1 = require("../../../dom");
-var types_1 = require("../../types");
-var droptarget_1 = require("../../../dnd/droptarget");
-var abstractDragHandler_1 = require("../../../dnd/abstractDragHandler");
-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.addDisposables(_this._onChanged, _this._onDropped);
-        _this._element = document.createElement('div');
-        _this._element.className = 'tab';
-        _this._element.tabIndex = 0;
-        _this._element.draggable = true;
-        (0, dom_1.toggleClass)(_this.element, 'inactive-tab', true);
-        _this.addDisposables(new (/** @class */ (function (_super) {
-            __extends(Handler, _super);
-            function Handler() {
-                var _this = _super !== null && _super.apply(this, arguments) || this;
-                _this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
-                return _this;
-            }
-            Handler.prototype.getData = function () {
-                var _this = this;
-                this.panelTransfer.setData([new dataTransfer_1.PanelTransfer(accessor.id, group.id, panelId)], dataTransfer_1.PanelTransfer.prototype);
-                return {
-                    dispose: function () {
-                        _this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
-                    },
-                };
-            };
-            Handler.prototype.dispose = function () {
-                //
-            };
-            return Handler;
-        }(abstractDragHandler_1.DragHandler)))(_this._element));
-        _this.addDisposables((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(event);
-        }));
-        _this.droptarget = new droptarget_1.Droptarget(_this._element, {
-            acceptedTargetZones: ['center'],
-            canDisplayOverlay: function (event, position) {
-                if (_this.group.locked) {
-                    return false;
-                }
-                var data = (0, dataTransfer_1.getPanelData)();
-                if (data && _this.accessor.id === data.viewId) {
-                    if (data.panelId === null &&
-                        data.groupId === _this.group.id) {
-                        // don't allow group move to drop on self
-                        return false;
-                    }
-                    return _this.panelId !== data.panelId;
-                }
-                return _this.group.model.canDisplayOverlay(event, position, types_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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = void 0;
+var events_1 = require("../../../events");
+var lifecycle_1 = require("../../../lifecycle");
+var dataTransfer_1 = require("../../../dnd/dataTransfer");
+var dom_1 = require("../../../dom");
+var types_1 = require("../../types");
+var droptarget_1 = require("../../../dnd/droptarget");
+var abstractDragHandler_1 = require("../../../dnd/abstractDragHandler");
+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.addDisposables(_this._onChanged, _this._onDropped);
+        _this._element = document.createElement('div');
+        _this._element.className = 'tab';
+        _this._element.tabIndex = 0;
+        _this._element.draggable = true;
+        (0, dom_1.toggleClass)(_this.element, 'inactive-tab', true);
+        _this.addDisposables(new (/** @class */ (function (_super) {
+            __extends(Handler, _super);
+            function Handler() {
+                var _this = _super !== null && _super.apply(this, arguments) || this;
+                _this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
+                return _this;
+            }
+            Handler.prototype.getData = function () {
+                var _this = this;
+                this.panelTransfer.setData([new dataTransfer_1.PanelTransfer(accessor.id, group.id, panelId)], dataTransfer_1.PanelTransfer.prototype);
+                return {
+                    dispose: function () {
+                        _this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
+                    },
+                };
+            };
+            Handler.prototype.dispose = function () {
+                //
+            };
+            return Handler;
+        }(abstractDragHandler_1.DragHandler)))(_this._element));
+        _this.addDisposables((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(event);
+        }));
+        _this.droptarget = new droptarget_1.Droptarget(_this._element, {
+            acceptedTargetZones: ['center'],
+            canDisplayOverlay: function (event, position) {
+                if (_this.group.locked) {
+                    return false;
+                }
+                var data = (0, dataTransfer_1.getPanelData)();
+                if (data && _this.accessor.id === data.viewId) {
+                    if (data.panelId === null &&
+                        data.groupId === _this.group.id) {
+                        // don't allow group move to drop on self
+                        return false;
+                    }
+                    return _this.panelId !== data.panelId;
+                }
+                return _this.group.model.canDisplayOverlay(event, position, types_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