dockview-core 5.1.0 → 6.0.0

package/dist/esm/dockview/theme.js

@@ -1,39 +1,136 @@
 export const themeDark = {
     name: 'dark',
     className: 'dockview-theme-dark',
+    colorScheme: 'dark',
 };
 export const themeLight = {
     name: 'light',
     className: 'dockview-theme-light',
+    colorScheme: 'light',
 };
 export const 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,
 };
 export const themeAbyss = {
     name: 'abyss',
     className: 'dockview-theme-abyss',
+    colorScheme: 'dark',
+    tabGroupIndicator: 'none',
 };
 export const themeDracula = {
     name: 'dracula',
     className: 'dockview-theme-dracula',
-};
-export const themeReplit = {
-    name: 'replit',
-    className: 'dockview-theme-replit',
-    gap: 10,
+    colorScheme: 'dark',
 };
 export const 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)',
 };
 export const 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)',
+};
+export const themeNord = {
+    name: 'nord',
+    className: 'dockview-theme-nord',
+    colorScheme: 'dark',
+};
+export const 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)',
+};
+export const themeCatppuccinMocha = {
+    name: 'catppuccinMocha',
+    className: 'dockview-theme-catppuccin-mocha',
+    colorScheme: 'dark',
+};
+export const 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)',
+};
+export const themeMonokai = {
+    name: 'monokai',
+    className: 'dockview-theme-monokai',
+    colorScheme: 'dark',
+};
+export const themeSolarizedLight = {
+    name: 'solarizedLight',
+    className: 'dockview-theme-solarized-light',
+    colorScheme: 'light',
+};
+export const 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)',
+};
+export const themeGithubDark = {
+    name: 'githubDark',
+    className: 'dockview-theme-github-dark',
+    colorScheme: 'dark',
+};
+export const 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)',
+};
+export const themeGithubLight = {
+    name: 'githubLight',
+    className: 'dockview-theme-github-light',
+    colorScheme: 'light',
+};
+export const 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/esm/dockview/types.d.ts

@@ -31,6 +31,8 @@ export interface ITabRenderer extends Optional<Omit<IPanel, 'id'>, RendererMetho
 export interface IContentRenderer extends Optional<Omit<IPanel, 'id'>, RendererMethodOptionalList> {
     readonly element: HTMLElement;
     init(parameters: GroupPanelPartInitParameters): void;
+    onShow?(): void;
+    onHide?(): void;
 }
 export interface IGroupPanelInitParameters extends PanelInitParameters, HeaderPartInitParameters {
 }

package/dist/esm/dom.js

@@ -149,7 +149,7 @@ export function addStyles(document, styleSheetList) {
             }
         }
         catch (err) {
-            // security errors (lack of permissions), ignore
+            console.warn('dockview: failed to access stylesheet rules due to security restrictions', err);
         }
         for (const rule of cssTexts) {
             const style = document.createElement('style');

package/dist/esm/gridview/baseComponentGridview.d.ts

@@ -105,6 +105,7 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizab
     removeGroup(group: T): void;
     moveToNext(options?: MovementOptions2): void;
     moveToPrevious(options?: MovementOptions2): void;
+    protected forceRelayout(): void;
     layout(width: number, height: number, forceResize?: boolean): void;
     dispose(): void;
 }

package/dist/esm/gridview/baseComponentGridview.js

@@ -91,7 +91,7 @@ export class BaseGrid extends Resizable {
                 isMaximized: event.isMaximized,
             });
         }), this.gridview.onDidViewVisibilityChange(() => this._onDidViewVisibilityChangeMicroTaskQueue.fire()), this.onDidViewVisibilityChangeMicroTaskQueue(() => {
-            this.layout(this.width, this.height, true);
+            this.forceRelayout();
         }), Disposable.from(() => {
             var _a;
             (_a = this.element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.element);
@@ -217,6 +217,9 @@ export class BaseGrid extends Resizable {
         const next = (_a = this.gridview.previous(location)) === null || _a === void 0 ? void 0 : _a.view;
         this.doSetGroupActive(next);
     }
+    forceRelayout() {
+        this.layout(this.width, this.height, true);
+    }
     layout(width, height, forceResize) {
         const different = forceResize || width !== this.width || height !== this.height;
         if (!different) {

package/dist/esm/index.d.ts

@@ -16,18 +16,21 @@ export * from './gridview/baseComponentGridview';
 export { DraggablePaneviewPanel, PaneviewDidDropEvent as PaneviewDropEvent, } from './paneview/draggablePaneviewPanel';
 export * from './dockview/components/panel/content';
 export * from './dockview/components/tab/tab';
-export { DockviewGroupPanelModel, DockviewDidDropEvent, DockviewWillDropEvent, DockviewGroupChangeEvent, } from './dockview/dockviewGroupPanelModel';
-export { DockviewWillShowOverlayLocationEvent } from './dockview/events';
+export { DockviewGroupPanelModel, DockviewDidDropEvent, DockviewWillDropEvent, DockviewGroupChangeEvent, DockviewGroupLocation, } from './dockview/dockviewGroupPanelModel';
+export { DockviewWillShowOverlayLocationEvent, DockviewTabGroupChangeEvent, DockviewTabGroupCollapsedChangeEvent, DockviewTabGroupPanelChangeEvent, } from './dockview/events';
 export { TabDragEvent, GroupDragEvent, } from './dockview/components/titlebar/tabsContainer';
 export * from './dockview/types';
 export * from './dockview/dockviewGroupPanel';
-export { IGroupPanelBaseProps, IDockviewPanelHeaderProps, IDockviewPanelProps, IDockviewHeaderActionsProps, IGroupHeaderProps, IWatermarkPanelProps, DockviewReadyEvent, } from './dockview/framework';
+export { IGroupPanelBaseProps, IDockviewPanelHeaderProps, IDockviewPanelProps, IDockviewHeaderActionsProps, IGroupHeaderProps, IWatermarkPanelProps, DockviewReadyEvent, ITabGroupChipRenderer, } from './dockview/framework';
 export * from './dockview/options';
 export * from './dockview/theme';
 export * from './dockview/dockviewPanel';
+export { DockviewTabGroupColor, ITabGroup, SerializedTabGroup, TabGroupOptions, } from './dockview/tabGroup';
+export { DEFAULT_TAB_GROUP_COLORS, DockviewTabGroupColorEntry, TabGroupColorPalette, applyTabGroupAccent, resolveTabGroupAccent, } from './dockview/tabGroupAccent';
 export { DefaultTab } from './dockview/components/tab/defaultTab';
 export { DefaultDockviewDeserialzier, IPanelDeserializer, } from './dockview/deserializer';
 export * from './dockview/dockviewComponent';
+export { EdgeGroupOptions, EdgeGroupPosition, SerializedEdgeGroups, } from './dockview/dockviewShell';
 export * from './gridview/gridviewComponent';
 export * from './splitview/splitviewComponent';
 export * from './paneview/paneviewComponent';
@@ -43,6 +46,6 @@ export { SizeEvent, GridviewPanelApi, GridConstraintChangeEvent, } from './api/g
 export { TitleEvent, RendererChangedEvent, DockviewPanelApi, DockviewPanelMoveParams, } from './api/dockviewPanelApi';
 export { PanelSizeEvent, PanelConstraintChangeEvent, SplitviewPanelApi, } from './api/splitviewPanelApi';
 export { ExpansionEvent, PaneviewPanelApi } from './api/paneviewPanelApi';
-export { DockviewGroupPanelApi, DockviewGroupPanelFloatingChangeEvent, DockviewGroupMoveParams, } from './api/dockviewGroupPanelApi';
-export { CommonApi, SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, } from './api/component.api';
+export { DockviewGroupPanelApi, DockviewGroupPanelFloatingChangeEvent, DockviewGroupPanelCollapsedChangeEvent, DockviewGroupMoveParams, } from './api/dockviewGroupPanelApi';
+export { CommonApi, SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, DockviewGetTabGroupsOptions, } from './api/component.api';
 export { createDockview, createGridview, createPaneview, createSplitview, } from './api/entryPoints';

package/dist/esm/index.js

@@ -17,12 +17,13 @@ export { DraggablePaneviewPanel, } from './paneview/draggablePaneviewPanel';
 export * from './dockview/components/panel/content';
 export * from './dockview/components/tab/tab';
 export { DockviewGroupPanelModel, DockviewDidDropEvent, DockviewWillDropEvent, } from './dockview/dockviewGroupPanelModel';
-export { DockviewWillShowOverlayLocationEvent } from './dockview/events';
+export { DockviewWillShowOverlayLocationEvent, } from './dockview/events';
 export * from './dockview/types';
 export * from './dockview/dockviewGroupPanel';
 export * from './dockview/options';
 export * from './dockview/theme';
 export * from './dockview/dockviewPanel';
+export { DEFAULT_TAB_GROUP_COLORS, TabGroupColorPalette, applyTabGroupAccent, resolveTabGroupAccent, } from './dockview/tabGroupAccent';
 export { DefaultTab } from './dockview/components/tab/defaultTab';
 export { DefaultDockviewDeserialzier, } from './dockview/deserializer';
 export * from './dockview/dockviewComponent';

package/dist/esm/popoutWindow.js

@@ -55,8 +55,8 @@ export class PopoutWindow extends CompositeDisposable {
         }
     }
     open() {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             if (this._window) {
                 throw new Error('instance of popout window is already open');
             }

package/dist/esm/splitview/splitviewPanel.d.ts

@@ -39,7 +39,7 @@ export declare abstract class SplitviewPanel extends BasePanelView<SplitviewPane
         maximumSize: number | undefined;
         id: string;
         component: string;
-        params?: import("..").Parameters | undefined;
+        params?: import("..").Parameters;
     };
     private updateConstraints;
 }