dockview-core 7.0.4 → 8.1.0

package/dist/cjs/dockview/tabGroupAccent.js

@@ -1,126 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabGroupColorPalette = exports.DEFAULT_TAB_GROUP_COLORS = void 0;
-exports.applyTabGroupAccent = applyTabGroupAccent;
-exports.resolveTabGroupAccent = resolveTabGroupAccent;
-exports.DEFAULT_TAB_GROUP_COLORS = [
-    { id: 'grey', value: 'var(--dv-tab-group-color-grey)', label: 'Grey' },
-    { id: 'blue', value: 'var(--dv-tab-group-color-blue)', label: 'Blue' },
-    { id: 'red', value: 'var(--dv-tab-group-color-red)', label: 'Red' },
-    {
-        id: 'yellow',
-        value: 'var(--dv-tab-group-color-yellow)',
-        label: 'Yellow',
-    },
-    { id: 'green', value: 'var(--dv-tab-group-color-green)', label: 'Green' },
-    { id: 'pink', value: 'var(--dv-tab-group-color-pink)', label: 'Pink' },
-    {
-        id: 'purple',
-        value: 'var(--dv-tab-group-color-purple)',
-        label: 'Purple',
-    },
-    { id: 'cyan', value: 'var(--dv-tab-group-color-cyan)', label: 'Cyan' },
-    {
-        id: 'orange',
-        value: 'var(--dv-tab-group-color-orange)',
-        label: 'Orange',
-    },
-];
-/**
- * Runtime palette for tab-group color accents.
- *
- * Resolves a stored `color` string to a CSS color expression, with three
- * fall-through modes:
- *   1. `id` matches an entry → entry's `value`
- *   2. `id` doesn't match → `id` itself (raw CSS literal pass-through)
- *   3. `id` is empty or undefined → undefined (caller skips assignment)
- *
- * When `enabled` is false the palette returns undefined for everything; this
- * is the `tabGroupAccent: 'off'` opt-out path.
- */
-var TabGroupColorPalette = /** @class */ (function () {
-    function TabGroupColorPalette(entries, enabled) {
-        if (enabled === void 0) { enabled = true; }
-        this._entries = entries.slice();
-        this._byId = new Map(entries.map(function (e) { return [e.id, e]; }));
-        this._enabled = enabled;
-    }
-    Object.defineProperty(TabGroupColorPalette.prototype, "enabled", {
-        get: function () {
-            return this._enabled;
-        },
-        set: function (value) {
-            this._enabled = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Replace the entry list in place. Used by `updateOptions` so that
-     * existing palette references (held by chips, indicators, etc.) see
-     * the new palette without needing to be re-wired.
-     */
-    TabGroupColorPalette.prototype.setEntries = function (entries) {
-        this._entries = entries.slice();
-        this._byId = new Map(entries.map(function (e) { return [e.id, e]; }));
-    };
-    TabGroupColorPalette.prototype.entries = function () {
-        return this._entries;
-    };
-    TabGroupColorPalette.prototype.has = function (id) {
-        return this._byId.has(id);
-    };
-    TabGroupColorPalette.prototype.get = function (id) {
-        return this._byId.get(id);
-    };
-    /** First entry's id; used as the default when a color is unset. */
-    TabGroupColorPalette.prototype.defaultId = function () {
-        var _a;
-        return (_a = this._entries[0]) === null || _a === void 0 ? void 0 : _a.id;
-    };
-    /**
-     * Resolve a stored color to its CSS value, or undefined if no value
-     * should be written (palette disabled, or color empty/undefined).
-     */
-    TabGroupColorPalette.prototype.resolveValue = function (color) {
-        if (!this._enabled || !color) {
-            return undefined;
-        }
-        var entry = this._byId.get(color);
-        return entry ? entry.value : color;
-    };
-    return TabGroupColorPalette;
-}());
-exports.TabGroupColorPalette = TabGroupColorPalette;
-var _fallbackPalette;
-/**
- * Lazy-built palette used when the accessor isn't available (test mocks,
- * isolated chip construction). Production code paths always pass a real
- * palette through.
- */
-function getFallbackPalette() {
-    _fallbackPalette !== null && _fallbackPalette !== void 0 ? _fallbackPalette : (_fallbackPalette = new TabGroupColorPalette(exports.DEFAULT_TAB_GROUP_COLORS, true));
-    return _fallbackPalette;
-}
-/**
- * Set the `--dv-tab-group-color` custom property on `el` to the resolved
- * accent value, or remove it when the palette is disabled / color is unset.
- */
-function applyTabGroupAccent(el, color, palette) {
-    var value = (palette !== null && palette !== void 0 ? palette : getFallbackPalette()).resolveValue(color);
-    if (value === undefined) {
-        el.style.removeProperty('--dv-tab-group-color');
-    }
-    else {
-        el.style.setProperty('--dv-tab-group-color', value);
-    }
-}
-/**
- * Return the resolved CSS color for a tab group, or undefined when the
- * palette is disabled or no color is set. Use this when you need the raw
- * value to assign to a non-custom-property style (e.g. SVG stroke,
- * backgroundColor on the indicator underline).
- */
-function resolveTabGroupAccent(color, palette) {
-    return (palette !== null && palette !== void 0 ? palette : getFallbackPalette()).resolveValue(color);
-}

package/dist/cjs/dockview/theme.js

@@ -1,139 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeGithubLightSpaced = exports.themeGithubLight = exports.themeGithubDarkSpaced = exports.themeGithubDark = exports.themeSolarizedLightSpaced = exports.themeSolarizedLight = exports.themeMonokai = exports.themeCatppuccinMochaSpaced = exports.themeCatppuccinMocha = exports.themeNordSpaced = exports.themeNord = exports.themeLightSpaced = exports.themeAbyssSpaced = exports.themeDracula = exports.themeAbyss = exports.themeVisualStudio = exports.themeLight = exports.themeDark = void 0;
-exports.themeDark = {
-    name: 'dark',
-    className: 'dockview-theme-dark',
-    colorScheme: 'dark',
-};
-exports.themeLight = {
-    name: 'light',
-    className: 'dockview-theme-light',
-    colorScheme: 'light',
-};
-exports.themeVisualStudio = {
-    name: 'visualStudio',
-    className: 'dockview-theme-vs',
-    colorScheme: 'dark',
-    // --dv-tabs-and-actions-container-height is 20px, but the VS theme applies
-    // box-sizing: content-box + border-bottom: 2px, so the rendered strip is 22px.
-    edgeGroupCollapsedSize: 22,
-};
-exports.themeAbyss = {
-    name: 'abyss',
-    className: 'dockview-theme-abyss',
-    colorScheme: 'dark',
-    tabGroupIndicator: 'none',
-};
-exports.themeDracula = {
-    name: 'dracula',
-    className: 'dockview-theme-dracula',
-    colorScheme: 'dark',
-};
-exports.themeAbyssSpaced = {
-    name: 'abyssSpaced',
-    className: 'dockview-theme-abyss-spaced',
-    colorScheme: 'dark',
-    gap: 10,
-    edgeGroupCollapsedSize: 44,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-    dndTabIndicator: 'line',
-    dndOverlayBorder: '2px solid var(--dv-active-sash-color)',
-};
-exports.themeLightSpaced = {
-    name: 'lightSpaced',
-    className: 'dockview-theme-light-spaced',
-    colorScheme: 'light',
-    gap: 10,
-    edgeGroupCollapsedSize: 44,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-    dndTabIndicator: 'line',
-    dndOverlayBorder: '2px solid var(--dv-active-sash-color)',
-};
-exports.themeNord = {
-    name: 'nord',
-    className: 'dockview-theme-nord',
-    colorScheme: 'dark',
-};
-exports.themeNordSpaced = {
-    name: 'nordSpaced',
-    className: 'dockview-theme-nord-spaced',
-    colorScheme: 'dark',
-    gap: 10,
-    edgeGroupCollapsedSize: 44,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-    dndTabIndicator: 'line',
-    dndOverlayBorder: '2px solid var(--dv-active-sash-color)',
-};
-exports.themeCatppuccinMocha = {
-    name: 'catppuccinMocha',
-    className: 'dockview-theme-catppuccin-mocha',
-    colorScheme: 'dark',
-};
-exports.themeCatppuccinMochaSpaced = {
-    name: 'catppuccinMochaSpaced',
-    className: 'dockview-theme-catppuccin-mocha-spaced',
-    colorScheme: 'dark',
-    gap: 10,
-    edgeGroupCollapsedSize: 44,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-    dndTabIndicator: 'line',
-    dndOverlayBorder: '2px solid var(--dv-active-sash-color)',
-};
-exports.themeMonokai = {
-    name: 'monokai',
-    className: 'dockview-theme-monokai',
-    colorScheme: 'dark',
-};
-exports.themeSolarizedLight = {
-    name: 'solarizedLight',
-    className: 'dockview-theme-solarized-light',
-    colorScheme: 'light',
-};
-exports.themeSolarizedLightSpaced = {
-    name: 'solarizedLightSpaced',
-    className: 'dockview-theme-solarized-light-spaced',
-    colorScheme: 'light',
-    gap: 10,
-    edgeGroupCollapsedSize: 44,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-    dndTabIndicator: 'line',
-    dndOverlayBorder: '2px solid var(--dv-active-sash-color)',
-};
-exports.themeGithubDark = {
-    name: 'githubDark',
-    className: 'dockview-theme-github-dark',
-    colorScheme: 'dark',
-};
-exports.themeGithubDarkSpaced = {
-    name: 'githubDarkSpaced',
-    className: 'dockview-theme-github-dark-spaced',
-    colorScheme: 'dark',
-    gap: 10,
-    edgeGroupCollapsedSize: 44,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-    dndTabIndicator: 'line',
-    dndOverlayBorder: '2px solid var(--dv-active-sash-color)',
-};
-exports.themeGithubLight = {
-    name: 'githubLight',
-    className: 'dockview-theme-github-light',
-    colorScheme: 'light',
-};
-exports.themeGithubLightSpaced = {
-    name: 'githubLightSpaced',
-    className: 'dockview-theme-github-light-spaced',
-    colorScheme: 'light',
-    gap: 10,
-    edgeGroupCollapsedSize: 44,
-    dndOverlayMounting: 'absolute',
-    dndPanelOverlay: 'group',
-    dndTabIndicator: 'line',
-    dndOverlayBorder: '2px solid var(--dv-active-sash-color)',
-};

package/dist/cjs/dockview/types.js

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

package/dist/cjs/dockview/validate.js

@@ -1,76 +0,0 @@
-"use strict";
-// import { SerializedGridObject } from '../gridview/gridview';
-// import { Orientation } from '../splitview/splitview';
-// import { SerializedDockview } from './dockviewComponent';
-// import { GroupPanelViewState } from './dockviewGroupPanelModel';
-// function typeValidate3(data: GroupPanelViewState, path: string): void {
-//     if (typeof data.id !== 'string') {
-//         throw new Error(`${path}.id must be a string`);
-//     }
-//     if (
-//         typeof data.activeView !== 'string' ||
-//         typeof data.activeView !== 'undefined'
-//     ) {
-//         throw new Error(`${path}.activeView must be a string of undefined`);
-//     }
-// }
-// function typeValidate2(
-//     data: SerializedGridObject<GroupPanelViewState>,
-//     path: string
-// ): void {
-//     if (typeof data.size !== 'number' && typeof data.size !== 'undefined') {
-//         throw new Error(`${path}.size must be a number or undefined`);
-//     }
-//     if (
-//         typeof data.visible !== 'boolean' &&
-//         typeof data.visible !== 'undefined'
-//     ) {
-//         throw new Error(`${path}.visible must be a boolean or undefined`);
-//     }
-//     if (data.type === 'leaf') {
-//         if (
-//             typeof data.data !== 'object' ||
-//             data.data === null ||
-//             Array.isArray(data.data)
-//         ) {
-//             throw new Error('object must be a non-null object');
-//         }
-//         typeValidate3(data.data, `${path}.data`);
-//     } else if (data.type === 'branch') {
-//         if (!Array.isArray(data.data)) {
-//             throw new Error(`${path}.data must be an array`);
-//         }
-//     } else {
-//         throw new Error(`${path}.type must be onew of {'branch', 'leaf'}`);
-//     }
-// }
-// function typeValidate(data: SerializedDockview): void {
-//     if (typeof data !== 'object' || data === null) {
-//         throw new Error('object must be a non-null object');
-//     }
-//     const { grid, panels, activeGroup, floatingGroups } = data;
-//     if (typeof grid !== 'object' || grid === null) {
-//         throw new Error("'.grid' must be a non-null object");
-//     }
-//     if (typeof grid.height !== 'number') {
-//         throw new Error("'.grid.height' must be a number");
-//     }
-//     if (typeof grid.width !== 'number') {
-//         throw new Error("'.grid.width' must be a number");
-//     }
-//     if (typeof grid.root !== 'object' || grid.root === null) {
-//         throw new Error("'.grid.root' must be a non-null object");
-//     }
-//     if (grid.root.type !== 'branch') {
-//         throw new Error(".grid.root.type must be of type 'branch'");
-//     }
-//     if (
-//         grid.orientation !== Orientation.HORIZONTAL &&
-//         grid.orientation !== Orientation.VERTICAL
-//     ) {
-//         throw new Error(
-//             `'.grid.width' must be one of {${Orientation.HORIZONTAL}, ${Orientation.VERTICAL}}`
-//         );
-//     }
-//     typeValidate2(grid.root, '.grid.root');
-// }

package/dist/cjs/dockview/watermarkService.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WatermarkModule = exports.WatermarkService = void 0;
-var lifecycle_1 = require("../lifecycle");
-var dom_1 = require("../dom");
-var events_1 = require("../events");
-var modules_1 = require("./modules");
-var WatermarkService = /** @class */ (function () {
-    function WatermarkService(host) {
-        this._watermark = null;
-        this._host = host;
-    }
-    WatermarkService.prototype.update = function () {
-        if (this._host.hasVisibleGridGroup()) {
-            this._unmount();
-            return;
-        }
-        if (this._watermark) {
-            return;
-        }
-        this._watermark = this._host.createWatermarkComponent();
-        this._watermark.init({ containerApi: this._host.api });
-        var container = document.createElement('div');
-        container.className = 'dv-watermark-container';
-        (0, dom_1.addTestId)(container, 'watermark-component');
-        container.appendChild(this._watermark.element);
-        this._host.mountElement.appendChild(container);
-    };
-    WatermarkService.prototype.refresh = function () {
-        this._unmount();
-        this.update();
-    };
-    WatermarkService.prototype._unmount = function () {
-        var _a, _b;
-        if (!this._watermark) {
-            return;
-        }
-        this._watermark.element.parentElement.remove();
-        (_b = (_a = this._watermark).dispose) === null || _b === void 0 ? void 0 : _b.call(_a);
-        this._watermark = null;
-    };
-    WatermarkService.prototype.dispose = function () {
-        this._unmount();
-    };
-    return WatermarkService;
-}());
-exports.WatermarkService = WatermarkService;
-exports.WatermarkModule = (0, modules_1.defineModule)({
-    name: 'Watermark',
-    serviceKey: 'watermarkService',
-    create: function (host) { return new WatermarkService(host); },
-    init: function (host, service) {
-        // Initial evaluation reflects the watermark state at construction time.
-        service.update();
-        return new lifecycle_1.CompositeDisposable(events_1.Event.any(host.onDidAdd, host.onDidRemove)(function () {
-            service.update();
-        }), host.onDidViewVisibilityChangeMicroTaskQueue(function () {
-            service.update();
-        }));
-    },
-});