dockview-core 6.2.1 → 6.3.0

package/dist/cjs/dockview/dockviewGroupPanelModel.d.ts

@@ -272,6 +272,7 @@ export declare class DockviewGroupPanelModel extends CompositeDisposable impleme
     getTabGroups(): readonly ITabGroup[];
     updateTabGroups(): void;
     refreshTabGroupAccent(): void;
+    refreshWatermark(): void;
     getTabGroupForPanel(panelId: string): ITabGroup | undefined;
     private _findTabGroupForPanel;
     private _removeTabGroupInternal;

package/dist/cjs/dockview/dockviewGroupPanelModel.js

@@ -721,6 +721,15 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
     DockviewGroupPanelModel.prototype.refreshTabGroupAccent = function () {
         this.tabsContainer.refreshTabGroupAccent();
     };
+    DockviewGroupPanelModel.prototype.refreshWatermark = function () {
+        var _a, _b;
+        if (this.watermark) {
+            this.watermark.element.remove();
+            (_b = (_a = this.watermark).dispose) === null || _b === void 0 ? void 0 : _b.call(_a);
+            this.watermark = undefined;
+        }
+        this.updateContainer();
+    };
     DockviewGroupPanelModel.prototype.getTabGroupForPanel = function (panelId) {
         return this._findTabGroupForPanel(panelId);
     };

package/dist/cjs/dockview/dockviewPanel.js

@@ -159,6 +159,11 @@ var DockviewPanel = /** @class */ (function (_super) {
         var didTitleChange = title !== this.title;
         if (didTitleChange) {
             this._title = title;
+            // keep the view-model's cached init params in sync so that tab
+            // renderers constructed lazily (e.g. the header overflow
+            // dropdown via createTabRenderer) see the updated title
+            // (#914).
+            this.view.setTitle(title);
             this.api._onDidTitleChange.fire({ title: title });
         }
     };

package/dist/cjs/dockview/dockviewPanelModel.d.ts

@@ -12,6 +12,7 @@ export interface IDockviewPanelModel extends IDisposable {
     layout(width: number, height: number): void;
     init(params: GroupPanelPartInitParameters): void;
     createTabRenderer(tabLocation: TabLocation): ITabRenderer;
+    setTitle(title: string): void;
 }
 export declare class DockviewPanelModel implements IDockviewPanelModel {
     private readonly accessor;
@@ -27,6 +28,7 @@ export declare class DockviewPanelModel implements IDockviewPanelModel {
     constructor(accessor: IDockviewComponent, id: string, contentComponent: string, tabComponent?: string | undefined);
     createTabRenderer(tabLocation: TabLocation): ITabRenderer;
     init(params: GroupPanelPartInitParameters): void;
+    setTitle(title: string): void;
     layout(width: number, height: number): void;
     update(event: PanelUpdateEvent): void;
     dispose(): void;

package/dist/cjs/dockview/dockviewPanelModel.js

@@ -52,6 +52,14 @@ var DockviewPanelModel = /** @class */ (function () {
         this.content.init(params);
         this.tab.init(__assign(__assign({}, params), { tabLocation: 'header' }));
     };
+    DockviewPanelModel.prototype.setTitle = function (title) {
+        // keep the cached init params in sync so that tab renderers created
+        // lazily after the title changes (e.g. for the header overflow
+        // dropdown) see the current title rather than the stale original.
+        if (this._params) {
+            this._params.title = title;
+        }
+    };
     DockviewPanelModel.prototype.layout = function (width, height) {
         var _a, _b;
         (_b = (_a = this.content).layout) === null || _b === void 0 ? void 0 : _b.call(_a, width, height);

package/dist/cjs/dockview/framework.d.ts

@@ -55,3 +55,11 @@ export interface ITabGroupChipRenderer {
     }): void;
     dispose(): void;
 }
+export interface IGroupDragGhostRenderer {
+    readonly element: HTMLElement;
+    init(params: {
+        group: IDockviewGroupPanel;
+        api: DockviewApi;
+    }): void;
+    dispose?(): void;
+}

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

@@ -11,12 +11,14 @@ import { GroupOptions } from './dockviewGroupPanelModel';
 import { DockviewGroupDropLocation } from './events';
 import { IDockviewPanel } from './dockviewPanel';
 import { DockviewPanelRenderer } from '../overlay/overlayRenderContainer';
-import { IGroupHeaderProps, ITabGroupChipRenderer } from './framework';
+import { IGroupDragGhostRenderer, IGroupHeaderProps, ITabGroupChipRenderer } from './framework';
 import { FloatingGroupOptions } from './dockviewComponent';
 import { Contraints } from '../gridview/gridviewPanel';
 import { AcceptableEvent, IAcceptableEvent } from '../events';
 import { DockviewTheme } from './theme';
 import { ITabGroup } from './tabGroup';
+import { CspNonceProvider } from '../dom';
+export { CspNonceProvider };
 import { DockviewTabGroupColorEntry } from './tabGroupAccent';
 export interface IHeaderActionsRenderer extends IDisposable {
     readonly element: HTMLElement;
@@ -89,6 +91,7 @@ export interface DockviewOptions {
         minimumWidthWithinViewport?: number;
     };
     popoutUrl?: string;
+    nonce?: CspNonceProvider;
     defaultRenderer?: DockviewPanelRenderer;
     defaultHeaderPosition?: DockviewHeaderPosition;
     debug?: boolean;
@@ -140,6 +143,15 @@ export interface DockviewOptions {
      * If not provided, the default chip renderer is used.
      */
     createTabGroupChipComponent?: (tabGroup: ITabGroup) => ITabGroupChipRenderer;
+    /**
+     * Factory to create the custom ghost element shown while dragging a
+     * group of panels (the small floating chip that follows the cursor).
+     *
+     * If not provided, a default ghost rendering `"Multiple Panels (N)"`
+     * is used. Supplying a factory replaces the entire default ghost,
+     * enabling i18n / custom visuals.
+     */
+    createGroupDragGhostComponent?: (group: DockviewGroupPanel) => IGroupDragGhostRenderer;
     /**
      * Replace the built-in tab group color palette with a user-defined list.
      *
@@ -292,4 +304,3 @@ export interface MovementOptions extends MovementOptions2 {
     includePanel?: boolean;
     group?: DockviewGroupPanel;
 }
-export {};

package/dist/cjs/dockview/options.js

@@ -47,6 +47,7 @@ exports.PROPERTY_KEYS_DOCKVIEW = (function () {
         disableFloatingGroups: undefined,
         floatingGroupBounds: undefined,
         popoutUrl: undefined,
+        nonce: undefined,
         defaultRenderer: undefined,
         defaultHeaderPosition: undefined,
         debug: undefined,
@@ -62,6 +63,7 @@ exports.PROPERTY_KEYS_DOCKVIEW = (function () {
         getTabContextMenuItems: undefined,
         getTabGroupChipContextMenuItems: undefined,
         createTabGroupChipComponent: undefined,
+        createGroupDragGhostComponent: undefined,
         tabGroupColors: undefined,
         tabGroupAccent: undefined,
     };

package/dist/cjs/dom.d.ts

@@ -24,7 +24,11 @@ export interface IFocusTracker extends IDisposable {
 export declare function trackFocus(element: HTMLElement): IFocusTracker;
 export declare function quasiPreventDefault(event: Event): void;
 export declare function quasiDefaultPrevented(event: Event): boolean;
-export declare function addStyles(document: Document, styleSheetList: StyleSheetList): void;
+export type CspNonceProvider = string | ((targetDocument: Document) => string | undefined);
+export interface AddStylesOptions {
+    nonce?: CspNonceProvider;
+}
+export declare function addStyles(document: Document, styleSheetList: StyleSheetList, options?: AddStylesOptions): void;
 export declare function getDomNodePagePosition(domNode: Element): {
     left: number;
     top: number;

package/dist/cjs/dom.js

@@ -218,9 +218,12 @@ function quasiPreventDefault(event) {
 function quasiDefaultPrevented(event) {
     return event[QUASI_PREVENT_DEFAULT_KEY];
 }
-function addStyles(document, styleSheetList) {
+function addStyles(document, styleSheetList, options) {
     var e_3, _a, e_4, _b;
+    if (options === void 0) { options = {}; }
     var styleSheets = Array.from(styleSheetList);
+    var nonce = options.nonce;
+    var resolvedNonce = typeof nonce === 'function' ? nonce(document) : nonce;
     try {
         for (var styleSheets_1 = __values(styleSheets), styleSheets_1_1 = styleSheets_1.next(); !styleSheets_1_1.done; styleSheets_1_1 = styleSheets_1.next()) {
             var styleSheet = styleSheets_1_1.value;
@@ -230,6 +233,10 @@ function addStyles(document, styleSheetList) {
                 link.type = styleSheet.type;
                 link.rel = 'stylesheet';
                 document.head.appendChild(link);
+                // The <link> will load and apply its rules in the target
+                // document. Reading cssRules here would duplicate them
+                // (and throws for cross-origin sheets).
+                continue;
             }
             var cssTexts = [];
             try {
@@ -240,12 +247,16 @@ function addStyles(document, styleSheetList) {
             catch (err) {
                 console.warn('dockview: failed to access stylesheet rules due to security restrictions', err);
             }
+            var fragment = document.createDocumentFragment();
             try {
                 for (var cssTexts_1 = (e_4 = void 0, __values(cssTexts)), cssTexts_1_1 = cssTexts_1.next(); !cssTexts_1_1.done; cssTexts_1_1 = cssTexts_1.next()) {
                     var rule = cssTexts_1_1.value;
                     var style = document.createElement('style');
+                    if (resolvedNonce) {
+                        style.setAttribute('nonce', resolvedNonce);
+                    }
                     style.appendChild(document.createTextNode(rule));
-                    document.head.appendChild(style);
+                    fragment.appendChild(style);
                 }
             }
             catch (e_4_1) { e_4 = { error: e_4_1 }; }
@@ -255,6 +266,7 @@ function addStyles(document, styleSheetList) {
                 }
                 finally { if (e_4) throw e_4.error; }
             }
+            document.head.appendChild(fragment);
         }
     }
     catch (e_3_1) { e_3 = { error: e_3_1 }; }

package/dist/cjs/index.d.ts

@@ -21,7 +21,7 @@ export { DockviewWillShowOverlayLocationEvent, DockviewTabGroupChangeEvent, Dock
 export { TabDragEvent, GroupDragEvent, } from './dockview/components/titlebar/tabsContainer';
 export * from './dockview/types';
 export * from './dockview/dockviewGroupPanel';
-export { IGroupPanelBaseProps, IDockviewPanelHeaderProps, IDockviewPanelProps, IDockviewHeaderActionsProps, IGroupHeaderProps, IWatermarkPanelProps, DockviewReadyEvent, ITabGroupChipRenderer, } from './dockview/framework';
+export { IGroupPanelBaseProps, IDockviewPanelHeaderProps, IDockviewPanelProps, IDockviewHeaderActionsProps, IGroupHeaderProps, IWatermarkPanelProps, DockviewReadyEvent, ITabGroupChipRenderer, IGroupDragGhostRenderer, } from './dockview/framework';
 export * from './dockview/options';
 export * from './dockview/theme';
 export * from './dockview/dockviewPanel';

package/dist/cjs/overlay/overlayRenderContainer.js

@@ -180,10 +180,20 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
                 focusContainer.style.top = "".concat(top, "px");
                 focusContainer.style.width = "".concat(width, "px");
                 focusContainer.style.height = "".concat(height, "px");
-                // Reveal after the first position is applied (was hidden to
-                // prevent a flash at 0,0 before the initial layout fires).
-                if (focusContainer.style.visibility === 'hidden') {
+                // 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');
             });

package/dist/cjs/popoutWindow.d.ts

@@ -1,3 +1,4 @@
+import { CspNonceProvider } from './dom';
 import { CompositeDisposable } from './lifecycle';
 import { Box } from './types';
 export type PopoutWindowOptions = {
@@ -10,6 +11,7 @@ export type PopoutWindowOptions = {
         id: string;
         window: Window;
     }) => void;
+    nonce?: CspNonceProvider;
 } & Box;
 /**
  * Reject popout URLs that aren't same-origin http(s). Blocks `javascript:`,

package/dist/cjs/popoutWindow.js

@@ -204,7 +204,9 @@ var PopoutWindow = /** @class */ (function (_super) {
                                 var externalDocument = externalWindow.document;
                                 externalDocument.title = document.title;
                                 externalDocument.body.appendChild(container);
-                                (0, dom_1.addStyles)(externalDocument, window.document.styleSheets);
+                                (0, dom_1.addStyles)(externalDocument, window.document.styleSheets, {
+                                    nonce: _this.options.nonce,
+                                });
                                 /**
                                  * beforeunload must be registered after load for reasons I could not determine
                                  * otherwise the beforeunload event will not fire when the window is closed