dockview-core 7.0.4 → 8.1.0

package/dist/cjs/dockview/accessibilityMessages.js

@@ -1,51 +0,0 @@
-"use strict";
-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.DEFAULT_MESSAGES = void 0;
-exports.resolveMessages = resolveMessages;
-/** Where a drop position lands, phrased for the *edge prompt*. */
-function edgeWhere(position, target) {
-    return position === 'center'
-        ? "Tab into ".concat(target)
-        : "Split ".concat(position, " of ").concat(target);
-}
-/** Where a drop position landed, phrased for the *commit* sentence. */
-function committedWhere(position, target) {
-    return position === 'center'
-        ? "docked into ".concat(target)
-        : "split ".concat(position, " of ").concat(target);
-}
-exports.DEFAULT_MESSAGES = {
-    panelOpened: function (title) { return "".concat(title, " opened"); },
-    panelClosed: function (title) { return "".concat(title, " closed"); },
-    groupMaximized: function (title) { return "".concat(title, " maximized"); },
-    groupRestored: function (title) { return "".concat(title, " restored"); },
-    groupFloated: function (title) { return "".concat(title, " floated"); },
-    groupDocked: function (title) { return "".concat(title, " docked"); },
-    groupPoppedOut: function (title) { return "".concat(title, " opened in a new window"); },
-    movePickTarget: function (source, target, current, total) {
-        return "Moving ".concat(source, ". Target ").concat(target, ", ").concat(current, " of ").concat(total, ". Enter to choose where, Escape to cancel.");
-    },
-    movePickEdge: function (position, target) {
-        return "".concat(edgeWhere(position, target), ". Arrows to change, Enter to confirm, Escape to go back.");
-    },
-    moveCommitted: function (source, target, position) {
-        return "".concat(source, " ").concat(committedWhere(position, target), ".");
-    },
-    moveCancelled: function () { return "Move cancelled."; },
-    moveNotAllowed: function () { return "That move is not allowed."; },
-};
-/** Merge an app's partial overrides over the English defaults. */
-function resolveMessages(overrides) {
-    return overrides ? __assign(__assign({}, exports.DEFAULT_MESSAGES), overrides) : exports.DEFAULT_MESSAGES;
-}

package/dist/cjs/dockview/allModules.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AllModules = void 0;
-var floatingGroupService_1 = require("./floatingGroupService");
-var popoutWindowService_1 = require("./popoutWindowService");
-var watermarkService_1 = require("./watermarkService");
-var edgeGroupService_1 = require("./edgeGroupService");
-var rootDropTargetService_1 = require("./rootDropTargetService");
-var headerActionsService_1 = require("./headerActionsService");
-var liveRegionService_1 = require("./liveRegionService");
-/**
- * Internal list of the built-in modules that ship with the core. Registered
- * automatically by DockviewComponent at construction time; not exported from
- * the package. Additional modules contributed by sibling packages (via
- * `registerModules(...)`) are appended at construction.
- */
-exports.AllModules = [
-    floatingGroupService_1.FloatingGroupModule,
-    popoutWindowService_1.PopoutWindowModule,
-    watermarkService_1.WatermarkModule,
-    edgeGroupService_1.EdgeGroupModule,
-    rootDropTargetService_1.RootDropTargetModule,
-    headerActionsService_1.HeaderActionsModule,
-    liveRegionService_1.LiveRegionModule,
-];

package/dist/cjs/dockview/components/panel/content.js

@@ -1,213 +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.ContentContainer = void 0;
-var lifecycle_1 = require("../../../lifecycle");
-var events_1 = require("../../../events");
-var dom_1 = require("../../../dom");
-var droptarget_1 = require("../../../dnd/droptarget");
-var backend_1 = require("../../../dnd/backend");
-var dataTransfer_1 = require("../../../dnd/dataTransfer");
-var _contentId = 0;
-/** Stable DOM id so each tab's `aria-controls` can reference its tabpanel. */
-var nextContentId = function () { return "dv-tabpanel-".concat(_contentId++); };
-var ContentContainer = /** @class */ (function (_super) {
-    __extends(ContentContainer, _super);
-    function ContentContainer(accessor, group) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        var _this = _super.call(this) || this;
-        _this.accessor = accessor;
-        _this.group = group;
-        _this.disposable = new lifecycle_1.MutableDisposable();
-        _this._onDidFocus = new events_1.Emitter();
-        _this.onDidFocus = _this._onDidFocus.event;
-        _this._onDidBlur = new events_1.Emitter();
-        _this.onDidBlur = _this._onDidBlur.event;
-        _this._element = document.createElement('div');
-        _this._element.className = 'dv-content-container';
-        _this._element.tabIndex = -1;
-        // WAI-ARIA Tabs pattern: the single content area per group is the
-        // tabpanel; `aria-labelledby` is pointed at the active tab in
-        // `setLabelledBy` (driven from the group model on activation).
-        _this._element.id = nextContentId();
-        _this._element.setAttribute('role', 'tabpanel');
-        _this.addDisposables(_this._onDidFocus, _this._onDidBlur);
-        // Resolve the override anchor dynamically: a group can be relocated
-        // between roots (grid / floating / popout) after construction, and the
-        // popout anchor in particular lives in another window — a value
-        // captured here would mount overlays in the wrong window.
-        var getOverrideTarget = function () { var _a; return (_a = group.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; };
-        var canDisplayOverlay = function (event, position) {
-            if (_this.group.locked === 'no-drop-target' ||
-                (_this.group.locked && position === 'center')) {
-                return false;
-            }
-            var data = (0, dataTransfer_1.getPanelData)();
-            if (!data &&
-                event.shiftKey &&
-                _this.group.location.type !== 'floating') {
-                return false;
-            }
-            if ((data === null || data === void 0 ? void 0 : data.viewId) === _this.accessor.id) {
-                return true;
-            }
-            return _this.group.canDisplayOverlay(event, position, 'content');
-        };
-        // `dropTarget` stays the concrete `Droptarget` (not via the backend
-        // factory) because overlayRenderContainer forwards HTML5 drag events
-        // through `dropTarget.dnd` — that field is not part of `IDropTarget`.
-        _this.dropTarget = new droptarget_1.Droptarget(_this.element, {
-            getOverlayOutline: function () {
-                var _a;
-                return ((_a = accessor.options.theme) === null || _a === void 0 ? void 0 : _a.dndPanelOverlay) === 'group'
-                    ? _this.element.parentElement
-                    : null;
-            },
-            className: 'dv-drop-target-content',
-            acceptedTargetZones: ['top', 'bottom', 'left', 'right', 'center'],
-            canDisplayOverlay: canDisplayOverlay,
-            getOverrideTarget: getOverrideTarget,
-            overlayModel: (_b = (_a = _this.accessor).resolveDropOverlayModel) === null || _b === void 0 ? void 0 : _b.call(_a, 'content'),
-        });
-        _this.pointerDropTarget = backend_1.pointerBackend.createDropTarget(_this.element, {
-            acceptedTargetZones: ['top', 'bottom', 'left', 'right', 'center'],
-            canDisplayOverlay: canDisplayOverlay,
-            getOverlayOutline: function () {
-                var _a;
-                return ((_a = accessor.options.theme) === null || _a === void 0 ? void 0 : _a.dndPanelOverlay) === 'group'
-                    ? _this.element.parentElement
-                    : null;
-            },
-            className: 'dv-drop-target-content',
-            getOverrideTarget: getOverrideTarget,
-            overlayModel: (_d = (_c = _this.accessor).resolveDropOverlayModel) === null || _d === void 0 ? void 0 : _d.call(_c, 'content'),
-        });
-        _this.addDisposables(_this.dropTarget, _this.pointerDropTarget, 
-        // Re-apply the app-supplied overlay model when options change.
-        // `{}` resets to the built-in default (all fields optional).
-        (_g = (_f = (_e = _this.accessor).onDidOptionsChange) === null || _f === void 0 ? void 0 : _f.call(_e, function () {
-            var _a, _b, _c;
-            var model = (_c = (_b = (_a = _this.accessor).resolveDropOverlayModel) === null || _b === void 0 ? void 0 : _b.call(_a, 'content')) !== null && _c !== void 0 ? _c : {};
-            _this.dropTarget.setOverlayModel(model);
-            _this.pointerDropTarget.setOverlayModel(model);
-        })) !== null && _g !== void 0 ? _g : lifecycle_1.Disposable.NONE);
-        return _this;
-    }
-    Object.defineProperty(ContentContainer.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ContentContainer.prototype.show = function () {
-        this.element.style.display = '';
-    };
-    ContentContainer.prototype.hide = function () {
-        this.element.style.display = 'none';
-    };
-    ContentContainer.prototype.setLabelledBy = function (tabElementId) {
-        if (tabElementId) {
-            this._element.setAttribute('aria-labelledby', tabElementId);
-        }
-        else {
-            this._element.removeAttribute('aria-labelledby');
-        }
-    };
-    ContentContainer.prototype.renderPanel = function (panel, options) {
-        var _this = this;
-        var _a, _b, _c, _d;
-        if (options === void 0) { options = { asActive: true }; }
-        var doRender = options.asActive ||
-            (this.panel && this.group.isPanelActive(this.panel));
-        if (this.panel &&
-            this.panel.view.content.element.parentElement === this._element) {
-            /**
-             * If the currently attached panel is mounted directly to the content then remove it
-             */
-            this.panel.view.content.element.remove();
-            (_b = (_a = this.panel.view.content).onHide) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-        this.panel = panel;
-        var container;
-        switch (panel.api.renderer) {
-            case 'onlyWhenVisible':
-                this.group.renderContainer.detatch(panel);
-                if (this.panel) {
-                    if (doRender) {
-                        this._element.appendChild(this.panel.view.content.element);
-                        (_d = (_c = this.panel.view.content).onShow) === null || _d === void 0 ? void 0 : _d.call(_c);
-                    }
-                }
-                container = this._element;
-                break;
-            case 'always':
-                if (panel.view.content.element.parentElement === this._element) {
-                    panel.view.content.element.remove();
-                }
-                container = this.group.renderContainer.attach({
-                    panel: panel,
-                    referenceContainer: this,
-                });
-                break;
-            default:
-                throw new Error("dockview: invalid renderer type '".concat(panel.api.renderer, "'"));
-        }
-        if (doRender) {
-            var focusTracker = (0, dom_1.trackFocus)(container);
-            this.focusTracker = focusTracker;
-            var disposable = new lifecycle_1.CompositeDisposable();
-            disposable.addDisposables(focusTracker, focusTracker.onDidFocus(function () { return _this._onDidFocus.fire(); }), focusTracker.onDidBlur(function () { return _this._onDidBlur.fire(); }));
-            this.disposable.value = disposable;
-        }
-    };
-    ContentContainer.prototype.openPanel = function (panel) {
-        if (this.panel === panel) {
-            return;
-        }
-        this.renderPanel(panel);
-    };
-    ContentContainer.prototype.layout = function (_width, _height) {
-        // noop
-    };
-    ContentContainer.prototype.closePanel = function () {
-        var _a, _b;
-        if (this.panel) {
-            if (this.panel.api.renderer === 'onlyWhenVisible') {
-                this.panel.view.content.element.remove();
-                (_b = (_a = this.panel.view.content).onHide) === null || _b === void 0 ? void 0 : _b.call(_a);
-            }
-        }
-        this.panel = undefined;
-    };
-    ContentContainer.prototype.dispose = function () {
-        this.disposable.dispose();
-        _super.prototype.dispose.call(this);
-    };
-    /**
-     * Refresh the focus tracker state to handle cases where focus state
-     * gets out of sync due to programmatic panel activation
-     */
-    ContentContainer.prototype.refreshFocusState = function () {
-        var _a;
-        if ((_a = this.focusTracker) === null || _a === void 0 ? void 0 : _a.refreshState) {
-            this.focusTracker.refreshState();
-        }
-    };
-    return ContentContainer;
-}(lifecycle_1.CompositeDisposable));
-exports.ContentContainer = ContentContainer;

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

@@ -1,132 +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.PopupService = void 0;
-var dom_1 = require("../../dom");
-var events_1 = require("../../events");
-var lifecycle_1 = require("../../lifecycle");
-function isCoarsePrimaryInput(win) {
-    if (!win.matchMedia) {
-        return false;
-    }
-    var coarse = win.matchMedia('(pointer: coarse)').matches;
-    var fine = win.matchMedia('(pointer: fine)').matches;
-    return coarse && !fine;
-}
-var PopupService = /** @class */ (function (_super) {
-    __extends(PopupService, _super);
-    function PopupService(root, win) {
-        if (win === void 0) { win = globalThis.window; }
-        var _this = _super.call(this) || this;
-        _this._active = null;
-        _this._activeDisposable = new lifecycle_1.MutableDisposable();
-        _this._root = root;
-        _this._window = win;
-        _this._element = win.document.createElement('div');
-        _this._element.className = 'dv-popover-anchor';
-        _this._element.style.position = 'relative';
-        _this._root.prepend(_this._element);
-        _this.addDisposables(lifecycle_1.Disposable.from(function () {
-            _this.close();
-        }), _this._activeDisposable);
-        return _this;
-    }
-    /**
-     * Move the popup anchor into a new root element. Call this when a shell
-     * wraps the dockview component so that edge-group overflow dropdowns
-     * position correctly relative to the full layout area.
-     */
-    PopupService.prototype.updateRoot = function (newRoot) {
-        newRoot.prepend(this._element);
-        this._root = newRoot;
-    };
-    PopupService.prototype.openPopover = function (element, position) {
-        var _this = this;
-        var _a;
-        this.close();
-        var wrapper = this._window.document.createElement('div');
-        wrapper.style.position = 'absolute';
-        wrapper.style.zIndex = (_a = position.zIndex) !== null && _a !== void 0 ? _a : 'var(--dv-overlay-z-index)';
-        wrapper.appendChild(element);
-        var anchorBox = this._element.getBoundingClientRect();
-        var offsetX = anchorBox.left;
-        var offsetY = anchorBox.top;
-        wrapper.style.top = "".concat(position.y - offsetY, "px");
-        wrapper.style.left = "".concat(position.x - offsetX, "px");
-        this._element.appendChild(wrapper);
-        this._active = wrapper;
-        // Outside-pointerdown dismissal is suppressed for a short grace
-        // window after opening. Touch long-press callers (chip / tab context
-        // menus) open the popover while the user's finger is still pressing
-        // the source element — Android Chrome can dispatch a follow-up
-        // synthetic pointerdown tied to the gesture, and the release-then-
-        // retap motion can land just outside the wrapper. Either would
-        // dismiss the popover before the user can see or interact with it.
-        // The grace window is short enough that intentional outside taps
-        // still feel responsive.
-        var openedAt = Date.now();
-        var POINTERDOWN_GRACE_MS = 200;
-        this._activeDisposable.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableListener)(this._window, 'pointerdown', function (event) {
-            var _a;
-            if (Date.now() - openedAt < POINTERDOWN_GRACE_MS) {
-                return;
-            }
-            var target = event.target;
-            if (!(target instanceof HTMLElement)) {
-                return;
-            }
-            var el = target;
-            while (el && el !== wrapper) {
-                el = (_a = el === null || el === void 0 ? void 0 : el.parentElement) !== null && _a !== void 0 ? _a : null;
-            }
-            if (el) {
-                return; // clicked within popover
-            }
-            _this.close();
-        }), (0, events_1.addDisposableListener)(this._window, 'keydown', function (event) {
-            if (event.key === 'Escape' || event.key === 'Enter') {
-                _this.close();
-            }
-        }), (0, events_1.addDisposableListener)(this._window, 'resize', function () {
-            // On touch-primary devices, common interactions resize the
-            // window: on-screen keyboard pop, orientation change, browser
-            // address-bar collapse. None of these mean "the user wants
-            // the popover dismissed". Specifically, focusing the chip
-            // context menu's rename input pops the keyboard, which would
-            // otherwise close the menu the moment the user goes to edit
-            // it. Desktop / hybrid input keeps the existing behaviour —
-            // there a resize genuinely means the user has resized the
-            // window and the popover position is now stale.
-            if (isCoarsePrimaryInput(_this._window)) {
-                return;
-            }
-            _this.close();
-        }));
-        this._window.requestAnimationFrame(function () {
-            (0, dom_1.shiftAbsoluteElementIntoView)(wrapper, _this._root);
-        });
-    };
-    PopupService.prototype.close = function () {
-        if (this._active) {
-            this._active.remove();
-            this._activeDisposable.dispose();
-            this._active = null;
-        }
-    };
-    return PopupService;
-}(lifecycle_1.CompositeDisposable));
-exports.PopupService = PopupService;

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

@@ -1,70 +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.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._element = document.createElement('div');
-        _this._element.className = 'dv-default-tab';
-        _this._content = document.createElement('div');
-        _this._content.className = 'dv-default-tab-content';
-        _this.action = document.createElement('div');
-        _this.action.className = 'dv-default-tab-action';
-        _this.action.appendChild((0, svg_1.createCloseButton)());
-        _this._element.appendChild(_this._content);
-        _this._element.appendChild(_this.action);
-        _this.render();
-        return _this;
-    }
-    Object.defineProperty(DefaultTab.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DefaultTab.prototype.init = function (params) {
-        var _this = this;
-        this._title = params.title;
-        this.addDisposables(params.api.onDidTitleChange(function (event) {
-            _this._title = event.title;
-            _this.render();
-        }), (0, events_1.addDisposableListener)(this.action, 'pointerdown', function (ev) {
-            ev.preventDefault();
-        }), (0, events_1.addDisposableListener)(this.action, 'click', function (ev) {
-            if (ev.defaultPrevented) {
-                return;
-            }
-            ev.preventDefault();
-            params.api.close();
-        }));
-        this.render();
-    };
-    DefaultTab.prototype.render = function () {
-        var _a;
-        if (this._content.textContent !== this._title) {
-            this._content.textContent = (_a = this._title) !== null && _a !== void 0 ? _a : '';
-        }
-    };
-    return DefaultTab;
-}(lifecycle_1.CompositeDisposable));
-exports.DefaultTab = DefaultTab;