dockview-core 1.6.0

package/dist/cjs/paneview/defaultPaneviewHeader.js

@@ -0,0 +1,91 @@
+"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.DefaultHeader = void 0;
+var events_1 = require("../events");
+var lifecycle_1 = require("../lifecycle");
+var dom_1 = require("../dom");
+var svg_1 = require("../svg");
+var DefaultHeader = /** @class */ (function (_super) {
+    __extends(DefaultHeader, _super);
+    function DefaultHeader() {
+        var _this = _super.call(this) || this;
+        _this._expandedIcon = (0, svg_1.createExpandMoreButton)();
+        _this._collapsedIcon = (0, svg_1.createChevronRightButton)();
+        _this.disposable = new lifecycle_1.MutableDisposable();
+        _this.apiRef = { api: null };
+        _this._element = document.createElement('div');
+        _this.element.className = 'default-header';
+        _this._content = document.createElement('span');
+        _this._expander = document.createElement('div');
+        _this._expander.className = 'dockview-pane-header-icon';
+        _this.element.appendChild(_this._expander);
+        _this.element.appendChild(_this._content);
+        _this.addDisposables((0, events_1.addDisposableListener)(_this._element, 'click', function () {
+            var _a;
+            (_a = _this.apiRef.api) === null || _a === void 0 ? void 0 : _a.setExpanded(!_this.apiRef.api.isExpanded);
+        }));
+        return _this;
+    }
+    Object.defineProperty(DefaultHeader.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DefaultHeader.prototype.init = function (params) {
+        var _this = this;
+        this.apiRef.api = params.api;
+        this._content.textContent = params.title;
+        this.updateIcon();
+        this.disposable.value = params.api.onDidExpansionChange(function () {
+            _this.updateIcon();
+        });
+    };
+    DefaultHeader.prototype.updateIcon = function () {
+        var _a;
+        var isExpanded = !!((_a = this.apiRef.api) === null || _a === void 0 ? void 0 : _a.isExpanded);
+        (0, dom_1.toggleClass)(this._expander, 'collapsed', !isExpanded);
+        if (isExpanded) {
+            if (this._expander.contains(this._collapsedIcon)) {
+                this._collapsedIcon.remove();
+            }
+            if (!this._expander.contains(this._expandedIcon)) {
+                this._expander.appendChild(this._expandedIcon);
+            }
+        }
+        else {
+            if (this._expander.contains(this._expandedIcon)) {
+                this._expandedIcon.remove();
+            }
+            if (!this._expander.contains(this._collapsedIcon)) {
+                this._expander.appendChild(this._collapsedIcon);
+            }
+        }
+    };
+    DefaultHeader.prototype.update = function (_params) {
+        //
+    };
+    DefaultHeader.prototype.dispose = function () {
+        this.disposable.dispose();
+        _super.prototype.dispose.call(this);
+    };
+    return DefaultHeader;
+}(lifecycle_1.CompositeDisposable));
+exports.DefaultHeader = DefaultHeader;
+//# sourceMappingURL=defaultPaneviewHeader.js.map

package/dist/cjs/paneview/defaultPaneviewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPaneviewHeader.js","sourceRoot":"","sources":["../../../src/paneview/defaultPaneviewHeader.ts"],"names":[],"mappings":"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"}

package/dist/cjs/paneview/draggablePaneviewPanel.d.ts

@@ -0,0 +1,21 @@
+import { PaneviewApi } from '../api/component.api';
+import { PaneTransfer } from '../dnd/dataTransfer';
+import { DroptargetEvent } from '../dnd/droptarget';
+import { Orientation } from '../splitview/splitview';
+import { IPaneviewComponent } from './paneviewComponent';
+import { IPaneviewPanel, PaneviewPanel } from './paneviewPanel';
+export interface PaneviewDropEvent extends DroptargetEvent {
+    panel: IPaneviewPanel;
+    getData: () => PaneTransfer | undefined;
+    api: PaneviewApi;
+}
+export declare abstract class DraggablePaneviewPanel extends PaneviewPanel {
+    private readonly accessor;
+    private handler;
+    private target;
+    private readonly _onDidDrop;
+    readonly onDidDrop: import("../events").Event<PaneviewDropEvent>;
+    constructor(accessor: IPaneviewComponent, id: string, component: string, headerComponent: string | undefined, orientation: Orientation, isExpanded: boolean, disableDnd: boolean);
+    private initDragFeatures;
+    private onDrop;
+}

package/dist/cjs/paneview/draggablePaneviewPanel.js

@@ -0,0 +1,132 @@
+"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.DraggablePaneviewPanel = void 0;
+var component_api_1 = require("../api/component.api");
+var abstractDragHandler_1 = require("../dnd/abstractDragHandler");
+var dataTransfer_1 = require("../dnd/dataTransfer");
+var droptarget_1 = require("../dnd/droptarget");
+var events_1 = require("../events");
+var paneviewPanel_1 = require("./paneviewPanel");
+var DraggablePaneviewPanel = /** @class */ (function (_super) {
+    __extends(DraggablePaneviewPanel, _super);
+    function DraggablePaneviewPanel(accessor, id, component, headerComponent, orientation, isExpanded, disableDnd) {
+        var _this = _super.call(this, id, component, headerComponent, orientation, isExpanded, true) || this;
+        _this.accessor = accessor;
+        _this._onDidDrop = new events_1.Emitter();
+        _this.onDidDrop = _this._onDidDrop.event;
+        if (!disableDnd) {
+            _this.initDragFeatures();
+        }
+        return _this;
+    }
+    DraggablePaneviewPanel.prototype.initDragFeatures = function () {
+        var _this = this;
+        if (!this.header) {
+            return;
+        }
+        var id = this.id;
+        var accessorId = this.accessor.id;
+        this.header.draggable = true;
+        this.handler = new (/** @class */ (function (_super) {
+            __extends(PaneDragHandler, _super);
+            function PaneDragHandler() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            PaneDragHandler.prototype.getData = function () {
+                dataTransfer_1.LocalSelectionTransfer.getInstance().setData([new dataTransfer_1.PaneTransfer(accessorId, id)], dataTransfer_1.PaneTransfer.prototype);
+                return {
+                    dispose: function () {
+                        dataTransfer_1.LocalSelectionTransfer.getInstance().clearData(dataTransfer_1.PaneTransfer.prototype);
+                    },
+                };
+            };
+            return PaneDragHandler;
+        }(abstractDragHandler_1.DragHandler)))(this.header);
+        this.target = new droptarget_1.Droptarget(this.element, {
+            acceptedTargetZones: ['top', 'bottom'],
+            overlayModel: {
+                activationSize: { type: 'percentage', value: 50 },
+            },
+            canDisplayOverlay: function (event) {
+                var data = (0, dataTransfer_1.getPaneData)();
+                if (data) {
+                    if (data.paneId !== _this.id &&
+                        data.viewId === _this.accessor.id) {
+                        return true;
+                    }
+                }
+                if (_this.accessor.options.showDndOverlay) {
+                    return _this.accessor.options.showDndOverlay({
+                        nativeEvent: event,
+                        getData: dataTransfer_1.getPaneData,
+                        panel: _this,
+                    });
+                }
+                return false;
+            },
+        });
+        this.addDisposables(this._onDidDrop, this.handler, this.target, this.target.onDrop(function (event) {
+            _this.onDrop(event);
+        }));
+    };
+    DraggablePaneviewPanel.prototype.onDrop = function (event) {
+        var data = (0, dataTransfer_1.getPaneData)();
+        if (!data || data.viewId !== this.accessor.id) {
+            // if there is no local drag event for this panel
+            // or if the drag event was creating by another Paneview instance
+            this._onDidDrop.fire(__assign(__assign({}, event), { panel: this, api: new component_api_1.PaneviewApi(this.accessor), getData: dataTransfer_1.getPaneData }));
+            return;
+        }
+        var containerApi = this._params
+            .containerApi;
+        var panelId = data.paneId;
+        var existingPanel = containerApi.getPanel(panelId);
+        if (!existingPanel) {
+            // if the panel doesn't exist
+            this._onDidDrop.fire(__assign(__assign({}, event), { panel: this, getData: dataTransfer_1.getPaneData, api: new component_api_1.PaneviewApi(this.accessor) }));
+            return;
+        }
+        var allPanels = containerApi.panels;
+        var fromIndex = allPanels.indexOf(existingPanel);
+        var toIndex = containerApi.panels.indexOf(this);
+        if (event.position === 'left' || event.position === 'top') {
+            toIndex = Math.max(0, toIndex - 1);
+        }
+        if (event.position === 'right' || event.position === 'bottom') {
+            if (fromIndex > toIndex) {
+                toIndex++;
+            }
+            toIndex = Math.min(allPanels.length - 1, toIndex);
+        }
+        containerApi.movePanel(fromIndex, toIndex);
+    };
+    return DraggablePaneviewPanel;
+}(paneviewPanel_1.PaneviewPanel));
+exports.DraggablePaneviewPanel = DraggablePaneviewPanel;
+//# sourceMappingURL=draggablePaneviewPanel.js.map

package/dist/cjs/paneview/draggablePaneviewPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggablePaneviewPanel.js","sourceRoot":"","sources":["../../../src/paneview/draggablePaneviewPanel.ts"],"names":[],"mappings":"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"}

package/dist/cjs/paneview/options.d.ts

@@ -0,0 +1,27 @@
+import { FrameworkFactory } from '../panel/componentFactory';
+import { PaneviewDndOverlayEvent } from './paneviewComponent';
+import { IPaneBodyPart, IPaneHeaderPart, PaneviewPanel } from './paneviewPanel';
+export interface PaneviewComponentOptions {
+    components?: {
+        [componentName: string]: {
+            new (id: string, componentName: string): PaneviewPanel;
+        };
+    };
+    frameworkComponents?: {
+        [componentName: string]: any;
+    };
+    headerComponents?: {
+        [componentName: string]: {
+            new (id: string, componentName: string): PaneviewPanel;
+        };
+    };
+    headerframeworkComponents?: {
+        [componentName: string]: any;
+    };
+    frameworkWrapper?: {
+        header: FrameworkFactory<IPaneHeaderPart>;
+        body: FrameworkFactory<IPaneBodyPart>;
+    };
+    disableDnd?: boolean;
+    showDndOverlay?: (event: PaneviewDndOverlayEvent) => boolean;
+}

package/dist/cjs/paneview/options.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=options.js.map

package/dist/cjs/paneview/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../../../src/paneview/options.ts"],"names":[],"mappings":""}

package/dist/cjs/paneview/paneview.d.ts

@@ -0,0 +1,40 @@
+import { Orientation, ISplitViewDescriptor, Sizing } from '../splitview/splitview';
+import { CompositeDisposable, IDisposable } from '../lifecycle';
+import { Event } from '../events';
+import { PaneviewPanel } from './paneviewPanel';
+interface PaneItem {
+    pane: PaneviewPanel;
+    disposable: IDisposable;
+}
+export declare class Paneview extends CompositeDisposable implements IDisposable {
+    private element;
+    private splitview;
+    private paneItems;
+    private _orientation;
+    private animationTimer;
+    private skipAnimation;
+    private readonly _onDidChange;
+    readonly onDidChange: Event<void>;
+    get onDidAddView(): Event<PaneviewPanel>;
+    get onDidRemoveView(): Event<PaneviewPanel>;
+    get minimumSize(): number;
+    get maximumSize(): number;
+    get orientation(): Orientation;
+    get size(): number;
+    get orthogonalSize(): number;
+    constructor(container: HTMLElement, options: {
+        orientation: Orientation;
+        descriptor?: ISplitViewDescriptor;
+    });
+    addPane(pane: PaneviewPanel, size?: number | Sizing, index?: number, skipLayout?: boolean): void;
+    getViewSize(index: number): number;
+    getPanes(): PaneviewPanel[];
+    removePane(index: number, options?: {
+        skipDispose: boolean;
+    }): PaneItem;
+    moveView(from: number, to: number): void;
+    layout(size: number, orthogonalSize: number): void;
+    private setupAnimation;
+    dispose(): void;
+}
+export {};

package/dist/cjs/paneview/paneview.js

@@ -0,0 +1,202 @@
+"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.Paneview = void 0;
+var splitview_1 = require("../splitview/splitview");
+var lifecycle_1 = require("../lifecycle");
+var events_1 = require("../events");
+var dom_1 = require("../dom");
+var Paneview = /** @class */ (function (_super) {
+    __extends(Paneview, _super);
+    function Paneview(container, options) {
+        var _this = this;
+        var _a;
+        _this = _super.call(this) || this;
+        _this.paneItems = [];
+        _this.skipAnimation = false;
+        _this._onDidChange = new events_1.Emitter();
+        _this.onDidChange = _this._onDidChange.event;
+        _this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : splitview_1.Orientation.VERTICAL;
+        _this.element = document.createElement('div');
+        _this.element.className = 'pane-container';
+        container.appendChild(_this.element);
+        _this.splitview = new splitview_1.Splitview(_this.element, {
+            orientation: _this._orientation,
+            proportionalLayout: false,
+            descriptor: options.descriptor,
+        });
+        // if we've added views from the descriptor we need to
+        // add the panes to our Pane array and setup animation
+        _this.getPanes().forEach(function (pane) {
+            var disposable = new lifecycle_1.CompositeDisposable(pane.onDidChangeExpansionState(function () {
+                _this.setupAnimation();
+                _this._onDidChange.fire(undefined);
+            }));
+            var paneItem = {
+                pane: pane,
+                disposable: {
+                    dispose: function () {
+                        disposable.dispose();
+                    },
+                },
+            };
+            _this.paneItems.push(paneItem);
+            pane.orthogonalSize = _this.splitview.orthogonalSize;
+        });
+        _this.addDisposables(_this._onDidChange, _this.splitview.onDidSashEnd(function () {
+            _this._onDidChange.fire(undefined);
+        }), _this.splitview.onDidAddView(function () {
+            _this._onDidChange.fire();
+        }), _this.splitview.onDidRemoveView(function () {
+            _this._onDidChange.fire();
+        }));
+        return _this;
+    }
+    Object.defineProperty(Paneview.prototype, "onDidAddView", {
+        get: function () {
+            return this.splitview.onDidAddView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "onDidRemoveView", {
+        get: function () {
+            return this.splitview.onDidRemoveView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "minimumSize", {
+        get: function () {
+            return this.splitview.minimumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "maximumSize", {
+        get: function () {
+            return this.splitview.maximumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "orientation", {
+        get: function () {
+            return this.splitview.orientation;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "size", {
+        get: function () {
+            return this.splitview.size;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "orthogonalSize", {
+        get: function () {
+            return this.splitview.orthogonalSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Paneview.prototype.addPane = function (pane, size, index, skipLayout) {
+        var _this = this;
+        if (index === void 0) { index = this.splitview.length; }
+        if (skipLayout === void 0) { skipLayout = false; }
+        var disposable = pane.onDidChangeExpansionState(function () {
+            _this.setupAnimation();
+            _this._onDidChange.fire(undefined);
+        });
+        var paneItem = {
+            pane: pane,
+            disposable: {
+                dispose: function () {
+                    disposable.dispose();
+                },
+            },
+        };
+        this.paneItems.splice(index, 0, paneItem);
+        pane.orthogonalSize = this.splitview.orthogonalSize;
+        this.splitview.addView(pane, size, index, skipLayout);
+    };
+    Paneview.prototype.getViewSize = function (index) {
+        return this.splitview.getViewSize(index);
+    };
+    Paneview.prototype.getPanes = function () {
+        return this.splitview.getViews();
+    };
+    Paneview.prototype.removePane = function (index, options) {
+        if (options === void 0) { options = { skipDispose: false }; }
+        var paneItem = this.paneItems.splice(index, 1)[0];
+        this.splitview.removeView(index);
+        if (!options.skipDispose) {
+            paneItem.disposable.dispose();
+            paneItem.pane.dispose();
+        }
+        return paneItem;
+    };
+    Paneview.prototype.moveView = function (from, to) {
+        if (from === to) {
+            return;
+        }
+        var view = this.removePane(from, { skipDispose: true });
+        this.skipAnimation = true;
+        try {
+            this.addPane(view.pane, view.pane.size, to, false);
+        }
+        finally {
+            this.skipAnimation = false;
+        }
+    };
+    Paneview.prototype.layout = function (size, orthogonalSize) {
+        this.splitview.layout(size, orthogonalSize);
+    };
+    Paneview.prototype.setupAnimation = function () {
+        var _this = this;
+        if (this.skipAnimation) {
+            return;
+        }
+        if (this.animationTimer) {
+            clearTimeout(this.animationTimer);
+            this.animationTimer = undefined;
+        }
+        (0, dom_1.addClasses)(this.element, 'animated');
+        this.animationTimer = setTimeout(function () {
+            _this.animationTimer = undefined;
+            (0, dom_1.removeClasses)(_this.element, 'animated');
+        }, 200);
+    };
+    Paneview.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        if (this.animationTimer) {
+            clearTimeout(this.animationTimer);
+            this.animationTimer = undefined;
+        }
+        this.paneItems.forEach(function (paneItem) {
+            paneItem.disposable.dispose();
+            paneItem.pane.dispose();
+        });
+        this.paneItems = [];
+        this.splitview.dispose();
+        this.element.remove();
+    };
+    return Paneview;
+}(lifecycle_1.CompositeDisposable));
+exports.Paneview = Paneview;
+//# sourceMappingURL=paneview.js.map

package/dist/cjs/paneview/paneview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paneview.js","sourceRoot":"","sources":["../../../src/paneview/paneview.ts"],"names":[],"mappings":"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"}