dockview-core 1.16.1 → 1.17.1

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

@@ -12,6 +12,7 @@ import { IDockviewPanel } from './dockviewPanel';
 import { DockviewPanelRenderer } from '../overlay/overlayRenderContainer';
 import { IGroupHeaderProps } from './framework';
 import { FloatingGroupOptions } from './dockviewComponent';
+import { Contraints } from '../gridview/gridviewPanel';
 export interface IHeaderActionsRenderer extends IDisposable {
     readonly element: HTMLElement;
     init(params: IGroupHeaderProps): void;
@@ -71,19 +72,23 @@ export declare class DockviewUnhandledDragOverEvent implements DockviewDndOverla
     accept(): void;
 }
 export declare const PROPERTY_KEYS: (keyof DockviewOptions)[];
+export interface CreateComponentOptions {
+    /**
+     * The unqiue identifer of the component
+     */
+    id: string;
+    /**
+     * The component name, this should determine what is rendered.
+     */
+    name: string;
+}
 export interface DockviewFrameworkOptions {
     defaultTabComponent?: string;
     createRightHeaderActionComponent?: (group: DockviewGroupPanel) => IHeaderActionsRenderer;
     createLeftHeaderActionComponent?: (group: DockviewGroupPanel) => IHeaderActionsRenderer;
     createPrefixHeaderActionComponent?: (group: DockviewGroupPanel) => IHeaderActionsRenderer;
-    createTabComponent?: (options: {
-        id: string;
-        name: string;
-    }) => ITabRenderer | undefined;
-    createComponent: (options: {
-        id: string;
-        name: string;
-    }) => IContentRenderer;
+    createTabComponent?: (options: CreateComponentOptions) => ITabRenderer | undefined;
+    createComponent: (options: CreateComponentOptions) => IContentRenderer;
     createWatermarkComponent?: () => IWatermarkRenderer;
 }
 export type DockviewComponentOptions = DockviewOptions & DockviewFrameworkOptions;
@@ -149,7 +154,9 @@ export type AddPanelOptions<P extends object = Parameters> = {
      * Defaults to `false` which forces newly added panels to become active.
      */
     inactive?: boolean;
-} & Partial<AddPanelOptionsUnion>;
+    initialWidth?: number;
+    initialHeight?: number;
+} & Partial<AddPanelOptionsUnion> & Partial<Contraints>;
 type AddGroupOptionsWithPanel = {
     referencePanel: string | IDockviewPanel;
     direction?: Omit<Direction, 'within'>;

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

@@ -2,7 +2,7 @@ import { DockviewPanelApi } from '../api/dockviewPanelApi';
 import { PanelInitParameters, IPanel } from '../panel/types';
 import { DockviewApi } from '../api/component.api';
 import { Optional } from '../types';
-import { DockviewGroupPanel, IDockviewGroupPanel } from './dockviewGroupPanel';
+import { IDockviewGroupPanel } from './dockviewGroupPanel';
 import { DockviewPanelRenderer } from '../overlay/overlayRenderContainer';
 export interface HeaderPartInitParameters {
     title: string;
@@ -19,7 +19,6 @@ type RendererMethodOptionalList = 'dispose' | 'update' | 'layout' | 'toJSON' | '
 export interface IWatermarkRenderer extends Optional<Omit<IPanel, 'id' | 'init'>, RendererMethodOptionalList> {
     readonly element: HTMLElement;
     init: (params: WatermarkRendererInitParameters) => void;
-    updateParentGroup(group: DockviewGroupPanel, visible: boolean): void;
 }
 export interface ITabRenderer extends Optional<Omit<IPanel, 'id'>, RendererMethodOptionalList> {
     readonly element: HTMLElement;
@@ -40,5 +39,9 @@ export interface GroupviewPanelState {
     params?: {
         [key: string]: any;
     };
+    minimumWidth?: number;
+    minimumHeight?: number;
+    maximumWidth?: number;
+    maximumHeight?: number;
 }
 export {};

package/dist/cjs/dom.d.ts

@@ -30,3 +30,10 @@ export declare function addTestId(element: HTMLElement, id: string): void;
 export declare function disableIframePointEvents(): {
     release: () => void;
 };
+export declare function getDockviewTheme(element: HTMLElement): string | undefined;
+export declare class Classnames {
+    private readonly element;
+    private _classNames;
+    constructor(element: HTMLElement);
+    setClassNames(classNames: string): void;
+}

package/dist/cjs/dom.js

@@ -51,7 +51,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.disableIframePointEvents = exports.addTestId = exports.isInDocument = exports.getDomNodePagePosition = exports.addStyles = exports.quasiDefaultPrevented = exports.quasiPreventDefault = exports.trackFocus = exports.getElementsByTagName = exports.isAncestor = exports.toggleClass = exports.addClasses = exports.removeClasses = exports.watchElementResize = void 0;
+exports.Classnames = exports.getDockviewTheme = exports.disableIframePointEvents = exports.addTestId = exports.isInDocument = exports.getDomNodePagePosition = exports.addStyles = exports.quasiDefaultPrevented = exports.quasiPreventDefault = exports.trackFocus = exports.getElementsByTagName = exports.isAncestor = exports.toggleClass = exports.addClasses = exports.removeClasses = exports.watchElementResize = void 0;
 var events_1 = require("./events");
 var lifecycle_1 = require("./lifecycle");
 function watchElementResize(element, cb) {
@@ -343,3 +343,65 @@ function disableIframePointEvents() {
     };
 }
 exports.disableIframePointEvents = disableIframePointEvents;
+function getDockviewTheme(element) {
+    function toClassList(element) {
+        var list = [];
+        for (var i = 0; i < element.classList.length; i++) {
+            list.push(element.classList.item(i));
+        }
+        return list;
+    }
+    var theme = undefined;
+    var parent = element;
+    while (parent !== null) {
+        theme = toClassList(parent).find(function (cls) {
+            return cls.startsWith('dockview-theme-');
+        });
+        if (typeof theme === 'string') {
+            break;
+        }
+        parent = parent.parentElement;
+    }
+    return theme;
+}
+exports.getDockviewTheme = getDockviewTheme;
+var Classnames = /** @class */ (function () {
+    function Classnames(element) {
+        this.element = element;
+        this._classNames = [];
+    }
+    Classnames.prototype.setClassNames = function (classNames) {
+        var e_7, _a, e_8, _b;
+        try {
+            for (var _c = __values(this._classNames), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var className = _d.value;
+                (0, exports.toggleClass)(this.element, className, false);
+            }
+        }
+        catch (e_7_1) { e_7 = { error: e_7_1 }; }
+        finally {
+            try {
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+            }
+            finally { if (e_7) throw e_7.error; }
+        }
+        this._classNames = classNames
+            .split(' ')
+            .filter(function (v) { return v.trim().length > 0; });
+        try {
+            for (var _e = __values(this._classNames), _f = _e.next(); !_f.done; _f = _e.next()) {
+                var className = _f.value;
+                (0, exports.toggleClass)(this.element, className, true);
+            }
+        }
+        catch (e_8_1) { e_8 = { error: e_8_1 }; }
+        finally {
+            try {
+                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+            }
+            finally { if (e_8) throw e_8.error; }
+        }
+    };
+    return Classnames;
+}());
+exports.Classnames = Classnames;

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

@@ -12,7 +12,6 @@ export interface BaseGridOptions {
     readonly proportionalLayout: boolean;
     readonly orientation: Orientation;
     readonly styles?: ISplitviewStyles;
-    readonly parentElement: HTMLElement;
     readonly disableAutoResizing?: boolean;
     readonly locked?: boolean;
     readonly margin?: number;
@@ -63,7 +62,7 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizab
     readonly onDidLayoutChange: Event<void>;
     private readonly _onDidViewVisibilityChangeMicroTaskQueue;
     readonly onDidViewVisibilityChangeMicroTaskQueue: Event<void>;
-    private classNames;
+    private readonly _classNames;
     get id(): string;
     get size(): number;
     get groups(): T[];
@@ -76,7 +75,7 @@ export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizab
     get activeGroup(): T | undefined;
     get locked(): boolean;
     set locked(value: boolean);
-    constructor(options: BaseGridOptions);
+    constructor(parentElement: HTMLElement, options: BaseGridOptions);
     abstract toJSON(): object;
     abstract fromJSON(data: any): void;
     abstract clear(): void;

package/dist/cjs/gridview/baseComponentGridview.js

@@ -53,9 +53,8 @@ function toTarget(direction) {
 exports.toTarget = toTarget;
 var BaseGrid = /** @class */ (function (_super) {
     __extends(BaseGrid, _super);
-    function BaseGrid(options) {
-        var e_1, _a;
-        var _b, _c;
+    function BaseGrid(parentElement, options) {
+        var _a;
         var _this = _super.call(this, document.createElement('div'), options.disableAutoResizing) || this;
         _this._id = nextLayoutId.next();
         _this._groups = new Map();
@@ -69,24 +68,11 @@ var BaseGrid = /** @class */ (function (_super) {
         _this.onDidLayoutChange = _this._bufferOnDidLayoutChange.onEvent;
         _this._onDidViewVisibilityChangeMicroTaskQueue = new events_1.AsapEvent();
         _this.onDidViewVisibilityChangeMicroTaskQueue = _this._onDidViewVisibilityChangeMicroTaskQueue.onEvent;
-        _this.classNames = [];
         _this.element.style.height = '100%';
         _this.element.style.width = '100%';
-        _this.classNames = (_c = (_b = options.className) === null || _b === void 0 ? void 0 : _b.split(' ')) !== null && _c !== void 0 ? _c : [];
-        try {
-            for (var _d = __values(_this.classNames), _e = _d.next(); !_e.done; _e = _d.next()) {
-                var className = _e.value;
-                (0, dom_1.toggleClass)(_this.element, className, true);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        options.parentElement.appendChild(_this.element);
+        _this._classNames = new dom_1.Classnames(_this.element);
+        _this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
+        parentElement.appendChild(_this.element);
         _this.gridview = new gridview_1.Gridview(!!options.proportionalLayout, options.styles, options.orientation, options.locked, options.margin);
         _this.gridview.locked = !!options.locked;
         _this.element.appendChild(_this.gridview.element);
@@ -193,36 +179,27 @@ var BaseGrid = /** @class */ (function (_super) {
         return this.gridview.isViewVisible((0, gridview_1.getGridLocation)(panel.element));
     };
     BaseGrid.prototype.updateOptions = function (options) {
-        var e_2, _a, e_3, _b;
-        var _c, _d;
+        var _a, _b, _c, _d;
+        if (typeof options.proportionalLayout === 'boolean') {
+            // this.gridview.proportionalLayout = options.proportionalLayout; // not supported
+        }
+        if (options.orientation) {
+            this.gridview.orientation = options.orientation;
+        }
+        if ('styles' in options) {
+            // this.gridview.styles = options.styles; // not supported
+        }
+        if ('disableResizing' in options) {
+            this.disableResizing = (_a = options.disableAutoResizing) !== null && _a !== void 0 ? _a : false;
+        }
+        if ('locked' in options) {
+            this.locked = (_b = options.locked) !== null && _b !== void 0 ? _b : false;
+        }
+        if ('margin' in options) {
+            this.gridview.margin = (_c = options.margin) !== null && _c !== void 0 ? _c : 0;
+        }
         if ('className' in options) {
-            try {
-                for (var _e = __values(this.classNames), _f = _e.next(); !_f.done; _f = _e.next()) {
-                    var className = _f.value;
-                    (0, dom_1.toggleClass)(this.element, className, false);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            this.classNames = (_d = (_c = options.className) === null || _c === void 0 ? void 0 : _c.split(' ')) !== null && _d !== void 0 ? _d : [];
-            try {
-                for (var _g = __values(this.classNames), _h = _g.next(); !_h.done; _h = _g.next()) {
-                    var className = _h.value;
-                    (0, dom_1.toggleClass)(this.element, className, true);
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
+            this._classNames.setClassNames((_d = options.className) !== null && _d !== void 0 ? _d : '');
         }
     };
     BaseGrid.prototype.maximizeGroup = function (panel) {
@@ -328,7 +305,7 @@ var BaseGrid = /** @class */ (function (_super) {
         this.gridview.layout(width, height);
     };
     BaseGrid.prototype.dispose = function () {
-        var e_4, _a;
+        var e_1, _a;
         this._onDidActiveChange.dispose();
         this._onDidAdd.dispose();
         this._onDidRemove.dispose();
@@ -338,12 +315,12 @@ var BaseGrid = /** @class */ (function (_super) {
                 group.dispose();
             }
         }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        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_4) throw e_4.error; }
+            finally { if (e_1) throw e_1.error; }
         }
         this.gridview.dispose();
         _super.prototype.dispose.call(this);

package/dist/cjs/gridview/gridviewComponent.js

@@ -63,8 +63,7 @@ var events_1 = require("../events");
 var GridviewComponent = /** @class */ (function (_super) {
     __extends(GridviewComponent, _super);
     function GridviewComponent(parentElement, options) {
-        var _this = _super.call(this, {
-            parentElement: parentElement,
+        var _this = _super.call(this, parentElement, {
             proportionalLayout: options.proportionalLayout,
             orientation: options.orientation,
             styles: options.styles,

package/dist/cjs/gridview/gridviewPanel.d.ts

@@ -6,6 +6,12 @@ import { LayoutPriority } from '../splitview/splitview';
 import { Event } from '../events';
 import { IViewSize } from './gridview';
 import { BaseGrid, IGridPanelView } from './baseComponentGridview';
+export interface Contraints {
+    minimumWidth?: number;
+    maximumWidth?: number;
+    minimumHeight?: number;
+    maximumHeight?: number;
+}
 export interface GridviewInitParameters extends PanelInitParameters {
     minimumWidth?: number;
     maximumWidth?: number;

package/dist/cjs/overlay/overlay.js

@@ -225,7 +225,7 @@ var Overlay = /** @class */ (function (_super) {
                 dispose: function () {
                     iframes.release();
                 },
-            }, (0, events_1.addDisposableWindowListener)(window, 'mousemove', function (e) {
+            }, (0, events_1.addDisposableWindowListener)(window, 'pointermove', function (e) {
                 var containerRect = _this.options.container.getBoundingClientRect();
                 var x = e.clientX - containerRect.left;
                 var y = e.clientY - containerRect.top;
@@ -262,13 +262,13 @@ var Overlay = /** @class */ (function (_super) {
                     bounds.right = right;
                 }
                 _this.setBounds(bounds);
-            }), (0, events_1.addDisposableWindowListener)(window, 'mouseup', function () {
+            }), (0, events_1.addDisposableWindowListener)(window, 'pointerup', function () {
                 (0, dom_1.toggleClass)(_this._element, 'dv-resize-container-dragging', false);
                 move.dispose();
                 _this._onDidChangeEnd.fire();
             }));
         };
-        this.addDisposables(move, (0, events_1.addDisposableListener)(dragTarget, 'mousedown', function (event) {
+        this.addDisposables(move, (0, events_1.addDisposableListener)(dragTarget, 'pointerdown', function (event) {
             if (event.defaultPrevented) {
                 event.preventDefault();
                 return;
@@ -279,7 +279,7 @@ var Overlay = /** @class */ (function (_super) {
                 return;
             }
             track();
-        }), (0, events_1.addDisposableListener)(this.options.content, 'mousedown', function (event) {
+        }), (0, events_1.addDisposableListener)(this.options.content, 'pointerdown', function (event) {
             if (event.defaultPrevented) {
                 return;
             }
@@ -291,7 +291,7 @@ var Overlay = /** @class */ (function (_super) {
             if (event.shiftKey) {
                 track();
             }
-        }), (0, events_1.addDisposableListener)(this.options.content, 'mousedown', function () {
+        }), (0, events_1.addDisposableListener)(this.options.content, 'pointerdown', function () {
             arialLevelTracker.push(_this._element);
         }, true));
         if (options.inDragMode) {
@@ -304,11 +304,11 @@ var Overlay = /** @class */ (function (_super) {
         resizeHandleElement.className = "dv-resize-handle-".concat(direction);
         this._element.appendChild(resizeHandleElement);
         var move = new lifecycle_1.MutableDisposable();
-        this.addDisposables(move, (0, events_1.addDisposableListener)(resizeHandleElement, 'mousedown', function (e) {
+        this.addDisposables(move, (0, events_1.addDisposableListener)(resizeHandleElement, 'pointerdown', function (e) {
             e.preventDefault();
             var startPosition = null;
             var iframes = (0, dom_1.disableIframePointEvents)();
-            move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableWindowListener)(window, 'mousemove', function (e) {
+            move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableWindowListener)(window, 'pointermove', function (e) {
                 var containerRect = _this.options.container.getBoundingClientRect();
                 var overlayRect = _this._element.getBoundingClientRect();
                 var y = e.clientY - containerRect.top;
@@ -432,7 +432,7 @@ var Overlay = /** @class */ (function (_super) {
                 dispose: function () {
                     iframes.release();
                 },
-            }, (0, events_1.addDisposableWindowListener)(window, 'mouseup', function () {
+            }, (0, events_1.addDisposableWindowListener)(window, 'pointerup', function () {
                 move.dispose();
                 _this._onDidChangeEnd.fire();
             }));

package/dist/cjs/paneview/paneviewComponent.d.ts

@@ -103,7 +103,7 @@ export declare class PaneviewComponent extends Resizable implements IPaneviewCom
     readonly onDidAddView: Event<PaneviewPanel>;
     private readonly _onDidRemoveView;
     readonly onDidRemoveView: Event<PaneviewPanel>;
-    private classNames;
+    private readonly _classNames;
     get id(): string;
     get panels(): PaneviewPanel[];
     set paneview(value: Paneview);

package/dist/cjs/paneview/paneviewComponent.js

@@ -25,17 +25,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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.");
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -52,6 +41,17 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+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.PaneviewComponent = exports.PaneFramework = void 0;
 var component_api_1 = require("../api/component.api");
@@ -85,8 +85,7 @@ exports.PaneFramework = PaneFramework;
 var PaneviewComponent = /** @class */ (function (_super) {
     __extends(PaneviewComponent, _super);
     function PaneviewComponent(parentElement, options) {
-        var e_1, _a;
-        var _b, _c;
+        var _a;
         var _this = _super.call(this, parentElement, options.disableAutoResizing) || this;
         _this._id = nextLayoutId.next();
         _this._disposable = new lifecycle_1.MutableDisposable();
@@ -101,22 +100,9 @@ var PaneviewComponent = /** @class */ (function (_super) {
         _this.onDidAddView = _this._onDidAddView.event;
         _this._onDidRemoveView = new events_1.Emitter();
         _this.onDidRemoveView = _this._onDidRemoveView.event;
-        _this.classNames = [];
         _this.addDisposables(_this._onDidLayoutChange, _this._onDidLayoutfromJSON, _this._onDidDrop, _this._onDidAddView, _this._onDidRemoveView);
-        _this.classNames = (_c = (_b = options.className) === null || _b === void 0 ? void 0 : _b.split(' ')) !== null && _c !== void 0 ? _c : [];
-        try {
-            for (var _d = __values(_this.classNames), _e = _d.next(); !_e.done; _e = _d.next()) {
-                var className = _e.value;
-                (0, dom_1.toggleClass)(_this.element, className, true);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
+        _this._classNames = new dom_1.Classnames(_this.element);
+        _this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
         _this._options = options;
         if (!options.components) {
             options.components = {};
@@ -206,36 +192,12 @@ var PaneviewComponent = /** @class */ (function (_super) {
         //noop
     };
     PaneviewComponent.prototype.updateOptions = function (options) {
-        var e_2, _a, e_3, _b;
-        var _c, _d;
+        var _a, _b;
         if ('className' in options) {
-            try {
-                for (var _e = __values(this.classNames), _f = _e.next(); !_f.done; _f = _e.next()) {
-                    var className = _f.value;
-                    (0, dom_1.toggleClass)(this.element, className, false);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            this.classNames = (_d = (_c = options.className) === null || _c === void 0 ? void 0 : _c.split(' ')) !== null && _d !== void 0 ? _d : [];
-            try {
-                for (var _g = __values(this.classNames), _h = _g.next(); !_h.done; _h = _g.next()) {
-                    var className = _h.value;
-                    (0, dom_1.toggleClass)(this.element, className, true);
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
+            this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
+        }
+        if ('disableResizing' in options) {
+            this.disableResizing = (_b = options.disableAutoResizing) !== null && _b !== void 0 ? _b : false;
         }
         this._options = __assign(__assign({}, this.options), options);
     };
@@ -400,19 +362,19 @@ var PaneviewComponent = /** @class */ (function (_super) {
         this._onDidLayoutfromJSON.fire();
     };
     PaneviewComponent.prototype.clear = function () {
-        var e_4, _a;
+        var e_1, _a;
         try {
             for (var _b = __values(this._viewDisposables.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var _d = __read(_c.value, 2), _ = _d[0], value = _d[1];
                 value.dispose();
             }
         }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        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_4) throw e_4.error; }
+            finally { if (e_1) throw e_1.error; }
         }
         this._viewDisposables.clear();
         this.paneview.dispose();
@@ -432,7 +394,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
         }
     };
     PaneviewComponent.prototype.dispose = function () {
-        var e_5, _a;
+        var e_2, _a;
         _super.prototype.dispose.call(this);
         try {
             for (var _b = __values(this._viewDisposables.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -440,12 +402,12 @@ var PaneviewComponent = /** @class */ (function (_super) {
                 value.dispose();
             }
         }
-        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+        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_5) throw e_5.error; }
+            finally { if (e_2) throw e_2.error; }
         }
         this._viewDisposables.clear();
         this.paneview.dispose();

package/dist/cjs/splitview/splitviewComponent.d.ts

@@ -72,7 +72,7 @@ export declare class SplitviewComponent extends Resizable implements ISplitviewC
     readonly onDidRemoveView: Event<IView>;
     private readonly _onDidLayoutChange;
     readonly onDidLayoutChange: Event<void>;
-    private classNames;
+    private readonly _classNames;
     get panels(): SplitviewPanel[];
     get options(): SplitviewComponentOptions;
     get length(): number;