dockview-core 7.0.3 → 8.0.0

package/dist/cjs/overlay/overlayRenderContainer.js

@@ -1,309 +0,0 @@
-"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 __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.OverlayRenderContainer = void 0;
-var dnd_1 = require("../dnd/dnd");
-var dom_1 = require("../dom");
-var lifecycle_1 = require("../lifecycle");
-var PositionCache = /** @class */ (function () {
-    function PositionCache() {
-        this.cache = new Map();
-        this.currentFrameId = 0;
-        this.rafId = null;
-    }
-    PositionCache.prototype.getPosition = function (element) {
-        var cached = this.cache.get(element);
-        if ((cached === null || cached === void 0 ? void 0 : cached.frameId) === this.currentFrameId) {
-            return cached.rect;
-        }
-        this.scheduleFrameUpdate();
-        var rect = (0, dom_1.getDomNodePagePosition)(element);
-        this.cache.set(element, { rect: rect, frameId: this.currentFrameId });
-        return rect;
-    };
-    PositionCache.prototype.invalidate = function () {
-        this.currentFrameId++;
-    };
-    PositionCache.prototype.scheduleFrameUpdate = function () {
-        var _this = this;
-        if (this.rafId)
-            return;
-        this.rafId = requestAnimationFrame(function () {
-            _this.currentFrameId++;
-            _this.rafId = null;
-        });
-    };
-    return PositionCache;
-}());
-function createFocusableElement() {
-    var element = document.createElement('div');
-    element.tabIndex = -1;
-    return element;
-}
-var OverlayRenderContainer = /** @class */ (function (_super) {
-    __extends(OverlayRenderContainer, _super);
-    function OverlayRenderContainer(element, accessor) {
-        var _this = _super.call(this) || this;
-        _this.element = element;
-        _this.accessor = accessor;
-        _this.map = {};
-        _this._disposed = false;
-        _this.positionCache = new PositionCache();
-        _this.pendingUpdates = new Set();
-        _this.addDisposables(lifecycle_1.Disposable.from(function () {
-            var e_1, _a;
-            try {
-                for (var _b = __values(Object.values(_this.map)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var value = _c.value;
-                    value.disposable.dispose();
-                    value.destroy.dispose();
-                }
-            }
-            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._disposed = true;
-        }));
-        return _this;
-    }
-    OverlayRenderContainer.prototype.updateAllPositions = function () {
-        var e_2, _a;
-        if (this._disposed) {
-            return;
-        }
-        // Invalidate position cache to force recalculation
-        this.positionCache.invalidate();
-        try {
-            // Call resize function directly for all visible panels
-            for (var _b = __values(Object.values(this.map)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var entry = _c.value;
-                if (entry.panel.api.isVisible && entry.resize) {
-                    entry.resize();
-                }
-            }
-        }
-        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; }
-        }
-    };
-    OverlayRenderContainer.prototype.detatch = function (panel) {
-        if (this.map[panel.api.id]) {
-            var _a = this.map[panel.api.id], disposable = _a.disposable, destroy = _a.destroy;
-            disposable.dispose();
-            destroy.dispose();
-            delete this.map[panel.api.id];
-            return true;
-        }
-        return false;
-    };
-    OverlayRenderContainer.prototype.attach = function (options) {
-        var _this = this;
-        var panel = options.panel, referenceContainer = options.referenceContainer;
-        if (!this.map[panel.api.id]) {
-            var element = createFocusableElement();
-            element.className = 'dv-render-overlay';
-            // Hide until the first RAF-based position is applied to prevent a
-            // one-frame flash at position 0,0 when the element is first attached.
-            element.style.visibility = 'hidden';
-            this.map[panel.api.id] = {
-                panel: panel,
-                disposable: lifecycle_1.Disposable.NONE,
-                destroy: lifecycle_1.Disposable.NONE,
-                element: element,
-            };
-        }
-        var focusContainer = this.map[panel.api.id].element;
-        // Capture the content element now so the destroy disposable below
-        // does not re-query the renderer's `element` getter during teardown.
-        // Some framework adapters (e.g. dockview-angular) tear down their
-        // backing renderer before this disposable fires; reading through the
-        // getter at that point can throw.
-        var contentElement = panel.view.content.element;
-        if (contentElement.parentElement !== focusContainer) {
-            focusContainer.appendChild(contentElement);
-        }
-        if (focusContainer.parentElement !== this.element) {
-            this.element.appendChild(focusContainer);
-        }
-        var resize = function () {
-            var panelId = panel.api.id;
-            if (_this.pendingUpdates.has(panelId)) {
-                return; // Update already scheduled
-            }
-            _this.pendingUpdates.add(panelId);
-            requestAnimationFrame(function () {
-                _this.pendingUpdates.delete(panelId);
-                if (_this.isDisposed || !_this.map[panelId]) {
-                    return;
-                }
-                var box = _this.positionCache.getPosition(referenceContainer.element);
-                var box2 = _this.positionCache.getPosition(_this.element);
-                // Use traditional positioning for overlay containers
-                var left = box.left - box2.left;
-                var top = box.top - box2.top;
-                var width = box.width;
-                var height = box.height;
-                focusContainer.style.left = "".concat(left, "px");
-                focusContainer.style.top = "".concat(top, "px");
-                focusContainer.style.width = "".concat(width, "px");
-                focusContainer.style.height = "".concat(height, "px");
-                // Sync visibility/pointer-events with the panel's current
-                // visibility at paint time. visibilityChanged() may have
-                // flipped to hidden between scheduling this rAF and now;
-                // unconditionally clearing `visibility:hidden` here would
-                // leave a hidden panel visually visible at a stale position,
-                // because onDidDimensionsChange skips non-visible panels and
-                // never recomputes their box on subsequent resizes.
-                if (panel.api.isVisible) {
-                    focusContainer.style.visibility = '';
-                    focusContainer.style.pointerEvents = '';
-                }
-                else {
-                    focusContainer.style.visibility = 'hidden';
-                    focusContainer.style.pointerEvents = 'none';
-                }
-                (0, dom_1.toggleClass)(focusContainer, 'dv-render-overlay-float', panel.group.api.location.type === 'floating');
-            });
-        };
-        var visibilityChanged = function () {
-            if (panel.api.isVisible) {
-                _this.positionCache.invalidate();
-                resize();
-                focusContainer.style.pointerEvents = '';
-            }
-            else {
-                focusContainer.style.visibility = 'hidden';
-                focusContainer.style.pointerEvents = 'none';
-            }
-        };
-        var observerDisposable = new lifecycle_1.MutableDisposable();
-        var correctLayerPosition = function () {
-            if (panel.api.location.type === 'floating') {
-                queueMicrotask(function () {
-                    var floatingGroup = _this.accessor.floatingGroups.find(function (group) { return group.group === panel.api.group; });
-                    if (!floatingGroup) {
-                        return;
-                    }
-                    var element = floatingGroup.overlay.element;
-                    var update = function () {
-                        var level = Number(element.getAttribute('aria-level'));
-                        focusContainer.style.zIndex = "calc(var(--dv-overlay-z-index, 999) + ".concat(level * 2 + 1, ")");
-                    };
-                    var observer = new MutationObserver(function () {
-                        update();
-                    });
-                    observerDisposable.value = lifecycle_1.Disposable.from(function () {
-                        return observer.disconnect();
-                    });
-                    observer.observe(element, {
-                        attributeFilter: ['aria-level'],
-                        attributes: true,
-                    });
-                    update();
-                });
-            }
-            else {
-                focusContainer.style.zIndex = ''; // reset the z-index, perhaps CSS will take over here
-            }
-        };
-        var disposable = new lifecycle_1.CompositeDisposable(observerDisposable, 
-        /**
-         * since container is positioned absoutely we must explicitly forward
-         * the dnd events for the expect behaviours to continue to occur in terms of dnd
-         *
-         * the dnd observer does not need to be conditional on whether the panel is visible since
-         * non-visible panels have 'pointer-events: none' and in such case the dnd observer will not fire.
-         */
-        new dnd_1.DragAndDropObserver(focusContainer, {
-            onDragEnd: function (e) {
-                referenceContainer.dropTarget.dnd.onDragEnd(e);
-            },
-            onDragEnter: function (e) {
-                referenceContainer.dropTarget.dnd.onDragEnter(e);
-            },
-            onDragLeave: function (e) {
-                referenceContainer.dropTarget.dnd.onDragLeave(e);
-            },
-            onDrop: function (e) {
-                referenceContainer.dropTarget.dnd.onDrop(e);
-            },
-            onDragOver: function (e) {
-                referenceContainer.dropTarget.dnd.onDragOver(e);
-            },
-        }), panel.api.onDidVisibilityChange(function () {
-            /**
-             * Control the visibility of the content, however even when not visible (display: none)
-             * the content is still maintained within the DOM hence DOM specific attributes
-             * such as scroll position are maintained when next made visible.
-             */
-            visibilityChanged();
-        }), panel.api.onDidDimensionsChange(function () {
-            if (!panel.api.isVisible) {
-                return;
-            }
-            resize();
-        }), panel.api.onDidLocationChange(function () {
-            correctLayerPosition();
-        }));
-        this.map[panel.api.id].destroy = lifecycle_1.Disposable.from(function () {
-            if (contentElement.parentElement === focusContainer) {
-                contentElement.remove();
-            }
-            focusContainer.remove();
-        });
-        correctLayerPosition();
-        queueMicrotask(function () {
-            if (_this.isDisposed) {
-                return;
-            }
-            /**
-             * wait until everything has finished in the current stack-frame call before
-             * calling the first resize as other size-altering events may still occur before
-             * the end of the stack-frame.
-             */
-            visibilityChanged();
-        });
-        // dispose of logic asoccciated with previous reference-container
-        this.map[panel.api.id].disposable.dispose();
-        // and reset the disposable to the active reference-container
-        this.map[panel.api.id].disposable = disposable;
-        // store the resize function for direct access
-        this.map[panel.api.id].resize = resize;
-        return focusContainer;
-    };
-    return OverlayRenderContainer;
-}(lifecycle_1.CompositeDisposable));
-exports.OverlayRenderContainer = OverlayRenderContainer;

package/dist/cjs/panel/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/paneview/defaultPaneviewHeader.js

@@ -1,92 +0,0 @@
-"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 = 'dv-default-header';
-        _this._content = document.createElement('span');
-        _this._expander = document.createElement('div');
-        _this._expander.className = 'dv-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;

package/dist/cjs/paneview/draggablePaneviewPanel.js

@@ -1,141 +0,0 @@
-"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 backend_1 = require("../dnd/backend");
-var dataTransfer_1 = require("../dnd/dataTransfer");
-var events_1 = require("../events");
-var options_1 = require("./options");
-var paneviewPanel_1 = require("./paneviewPanel");
-var DraggablePaneviewPanel = /** @class */ (function (_super) {
-    __extends(DraggablePaneviewPanel, _super);
-    function DraggablePaneviewPanel(options) {
-        var _this = _super.call(this, {
-            id: options.id,
-            component: options.component,
-            headerComponent: options.headerComponent,
-            orientation: options.orientation,
-            isExpanded: options.isExpanded,
-            isHeaderVisible: true,
-            headerSize: options.headerSize,
-            minimumBodySize: options.minimumBodySize,
-            maximumBodySize: options.maximumBodySize,
-        }) || this;
-        _this._onDidDrop = new events_1.Emitter();
-        _this.onDidDrop = _this._onDidDrop.event;
-        _this._onUnhandledDragOver = new events_1.Emitter();
-        _this.onUnhandledDragOver = _this._onUnhandledDragOver.event;
-        _this.accessor = options.accessor;
-        _this.addDisposables(_this._onDidDrop, _this._onUnhandledDragOver);
-        if (!options.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;
-        var sharedDragOptions = {
-            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);
-                    },
-                };
-            },
-        };
-        this.html5DragSource = backend_1.html5Backend.createDragSource(this.header, sharedDragOptions);
-        this.pointerDragSource = backend_1.pointerBackend.createDragSource(this.header, sharedDragOptions);
-        var canDisplayOverlay = function (event, position) {
-            var data = (0, dataTransfer_1.getPaneData)();
-            if (data) {
-                if (data.paneId !== _this.id &&
-                    data.viewId === _this.accessor.id) {
-                    return true;
-                }
-            }
-            var firedEvent = new options_1.PaneviewUnhandledDragOverEvent(event, position, dataTransfer_1.getPaneData, _this);
-            _this._onUnhandledDragOver.fire(firedEvent);
-            return firedEvent.isAccepted;
-        };
-        var dropTargetOptions = {
-            acceptedTargetZones: ['top', 'bottom'],
-            overlayModel: {
-                activationSize: { type: 'percentage', value: 50 },
-            },
-            canDisplayOverlay: canDisplayOverlay,
-        };
-        this.target = backend_1.html5Backend.createDropTarget(this.element, dropTargetOptions);
-        this.pointerTarget = backend_1.pointerBackend.createDropTarget(this.element, dropTargetOptions);
-        this.addDisposables(this._onDidDrop, this.html5DragSource, this.pointerDragSource, this.target, this.pointerTarget, this.target.onDrop(function (event) {
-            _this.onDrop(event);
-        }), this.pointerTarget.onDrop(function (event) {
-            _this.onDrop(event);
-        }));
-    };
-    DraggablePaneviewPanel.prototype.onDrop = function (event) {
-        var data = (0, dataTransfer_1.getPaneData)();
-        if ((data === null || data === void 0 ? void 0 : 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;

package/dist/cjs/paneview/options.js

@@ -1,44 +0,0 @@
-"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.PaneviewUnhandledDragOverEvent = exports.PROPERTY_KEYS_PANEVIEW = void 0;
-var events_1 = require("../events");
-exports.PROPERTY_KEYS_PANEVIEW = (function () {
-    /**
-     * by readong the keys from an empty value object TypeScript will error
-     * when we add or remove new properties to `DockviewOptions`
-     */
-    var properties = {
-        disableAutoResizing: undefined,
-        disableDnd: undefined,
-        className: undefined,
-    };
-    return Object.keys(properties);
-})();
-var PaneviewUnhandledDragOverEvent = /** @class */ (function (_super) {
-    __extends(PaneviewUnhandledDragOverEvent, _super);
-    function PaneviewUnhandledDragOverEvent(nativeEvent, position, getData, panel) {
-        var _this = _super.call(this) || this;
-        _this.nativeEvent = nativeEvent;
-        _this.position = position;
-        _this.getData = getData;
-        _this.panel = panel;
-        return _this;
-    }
-    return PaneviewUnhandledDragOverEvent;
-}(events_1.AcceptableEvent));
-exports.PaneviewUnhandledDragOverEvent = PaneviewUnhandledDragOverEvent;