dockview 1.5.0 → 1.5.2

package/dist/esm/splitview/splitviewPanel.js

@@ -1,107 +1,107 @@
-import { BasePanelView, } from '../gridview/basePanelView';
-import { SplitviewPanelApiImpl } from '../api/splitviewPanelApi';
-import { Orientation } from './core/splitview';
-import { Emitter } from '../events';
-export class SplitviewPanel extends BasePanelView {
-    constructor(id, componentName) {
-        super(id, componentName, new SplitviewPanelApiImpl(id));
-        this._evaluatedMinimumSize = 0;
-        this._evaluatedMaximumSize = Number.POSITIVE_INFINITY;
-        this._minimumSize = 0;
-        this._maximumSize = Number.POSITIVE_INFINITY;
-        this._snap = false;
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this.addDisposables(this._onDidChange, this.api.onVisibilityChange((event) => {
-            const { isVisible } = event;
-            const { accessor } = this._params;
-            accessor.setVisible(this, isVisible);
-        }), this.api.onActiveChange(() => {
-            const { accessor } = this._params;
-            accessor.setActive(this);
-        }), this.api.onDidConstraintsChangeInternal((event) => {
-            if (typeof event.minimumSize === 'number' ||
-                typeof event.minimumSize === 'function') {
-                this._minimumSize = event.minimumSize;
-            }
-            if (typeof event.maximumSize === 'number' ||
-                typeof event.maximumSize === 'function') {
-                this._maximumSize = event.maximumSize;
-            }
-            this.updateConstraints();
-        }), this.api.onDidSizeChange((event) => {
-            this._onDidChange.fire(event.size);
-        }));
-    }
-    get priority() {
-        return this._priority;
-    }
-    set orientation(value) {
-        this._orientation = value;
-    }
-    get orientation() {
-        return this._orientation;
-    }
-    get minimumSize() {
-        const size = typeof this._minimumSize === 'function'
-            ? this._minimumSize()
-            : this._minimumSize;
-        if (size !== this._evaluatedMinimumSize) {
-            this._evaluatedMinimumSize = size;
-            this.updateConstraints();
-        }
-        return size;
-    }
-    get maximumSize() {
-        const size = typeof this._maximumSize === 'function'
-            ? this._maximumSize()
-            : this._maximumSize;
-        if (size !== this._evaluatedMaximumSize) {
-            this._evaluatedMaximumSize = size;
-            this.updateConstraints();
-        }
-        return size;
-    }
-    get snap() {
-        return this._snap;
-    }
-    setVisible(isVisible) {
-        this.api._onDidVisibilityChange.fire({ isVisible });
-    }
-    setActive(isActive) {
-        this.api._onDidActiveChange.fire({ isActive });
-    }
-    layout(size, orthogonalSize) {
-        const [width, height] = this.orientation === Orientation.HORIZONTAL
-            ? [size, orthogonalSize]
-            : [orthogonalSize, size];
-        super.layout(width, height);
-    }
-    init(parameters) {
-        super.init(parameters);
-        this._priority = parameters.priority;
-        if (parameters.minimumSize) {
-            this._minimumSize = parameters.minimumSize;
-        }
-        if (parameters.maximumSize) {
-            this._maximumSize = parameters.maximumSize;
-        }
-        if (parameters.snap) {
-            this._snap = parameters.snap;
-        }
-    }
-    toJSON() {
-        const maximum = (value) => value === Number.MAX_SAFE_INTEGER ||
-            value === Number.POSITIVE_INFINITY
-            ? undefined
-            : value;
-        const minimum = (value) => (value <= 0 ? undefined : value);
-        return Object.assign(Object.assign({}, super.toJSON()), { minimumSize: minimum(this.minimumSize), maximumSize: maximum(this.maximumSize) });
-    }
-    updateConstraints() {
-        this.api._onDidConstraintsChange.fire({
-            maximumSize: this._evaluatedMaximumSize,
-            minimumSize: this._evaluatedMinimumSize,
-        });
-    }
-}
+import { BasePanelView, } from '../gridview/basePanelView';
+import { SplitviewPanelApiImpl } from '../api/splitviewPanelApi';
+import { Orientation } from './core/splitview';
+import { Emitter } from '../events';
+export class SplitviewPanel extends BasePanelView {
+    constructor(id, componentName) {
+        super(id, componentName, new SplitviewPanelApiImpl(id));
+        this._evaluatedMinimumSize = 0;
+        this._evaluatedMaximumSize = Number.POSITIVE_INFINITY;
+        this._minimumSize = 0;
+        this._maximumSize = Number.POSITIVE_INFINITY;
+        this._snap = false;
+        this._onDidChange = new Emitter();
+        this.onDidChange = this._onDidChange.event;
+        this.addDisposables(this._onDidChange, this.api.onVisibilityChange((event) => {
+            const { isVisible } = event;
+            const { accessor } = this._params;
+            accessor.setVisible(this, isVisible);
+        }), this.api.onActiveChange(() => {
+            const { accessor } = this._params;
+            accessor.setActive(this);
+        }), this.api.onDidConstraintsChangeInternal((event) => {
+            if (typeof event.minimumSize === 'number' ||
+                typeof event.minimumSize === 'function') {
+                this._minimumSize = event.minimumSize;
+            }
+            if (typeof event.maximumSize === 'number' ||
+                typeof event.maximumSize === 'function') {
+                this._maximumSize = event.maximumSize;
+            }
+            this.updateConstraints();
+        }), this.api.onDidSizeChange((event) => {
+            this._onDidChange.fire({ size: event.size });
+        }));
+    }
+    get priority() {
+        return this._priority;
+    }
+    set orientation(value) {
+        this._orientation = value;
+    }
+    get orientation() {
+        return this._orientation;
+    }
+    get minimumSize() {
+        const size = typeof this._minimumSize === 'function'
+            ? this._minimumSize()
+            : this._minimumSize;
+        if (size !== this._evaluatedMinimumSize) {
+            this._evaluatedMinimumSize = size;
+            this.updateConstraints();
+        }
+        return size;
+    }
+    get maximumSize() {
+        const size = typeof this._maximumSize === 'function'
+            ? this._maximumSize()
+            : this._maximumSize;
+        if (size !== this._evaluatedMaximumSize) {
+            this._evaluatedMaximumSize = size;
+            this.updateConstraints();
+        }
+        return size;
+    }
+    get snap() {
+        return this._snap;
+    }
+    setVisible(isVisible) {
+        this.api._onDidVisibilityChange.fire({ isVisible });
+    }
+    setActive(isActive) {
+        this.api._onDidActiveChange.fire({ isActive });
+    }
+    layout(size, orthogonalSize) {
+        const [width, height] = this.orientation === Orientation.HORIZONTAL
+            ? [size, orthogonalSize]
+            : [orthogonalSize, size];
+        super.layout(width, height);
+    }
+    init(parameters) {
+        super.init(parameters);
+        this._priority = parameters.priority;
+        if (parameters.minimumSize) {
+            this._minimumSize = parameters.minimumSize;
+        }
+        if (parameters.maximumSize) {
+            this._maximumSize = parameters.maximumSize;
+        }
+        if (parameters.snap) {
+            this._snap = parameters.snap;
+        }
+    }
+    toJSON() {
+        const maximum = (value) => value === Number.MAX_SAFE_INTEGER ||
+            value === Number.POSITIVE_INFINITY
+            ? undefined
+            : value;
+        const minimum = (value) => (value <= 0 ? undefined : value);
+        return Object.assign(Object.assign({}, super.toJSON()), { minimumSize: minimum(this.minimumSize), maximumSize: maximum(this.maximumSize) });
+    }
+    updateConstraints() {
+        this.api._onDidConstraintsChange.fire({
+            maximumSize: this._evaluatedMaximumSize,
+            minimumSize: this._evaluatedMinimumSize,
+        });
+    }
+}

package/dist/esm/svg.d.ts

@@ -1,3 +1,3 @@
-export declare const createCloseButton: () => SVGSVGElement;
-export declare const createExpandMoreButton: () => SVGSVGElement;
-export declare const createChevronRightButton: () => SVGSVGElement;
+export declare const createCloseButton: () => SVGSVGElement;
+export declare const createExpandMoreButton: () => SVGSVGElement;
+export declare const createChevronRightButton: () => SVGSVGElement;

package/dist/esm/svg.js

@@ -1,31 +1,31 @@
-const createSvgElementFromPath = (params) => {
-    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttributeNS(null, 'height', params.height);
-    svg.setAttributeNS(null, 'width', params.width);
-    svg.setAttributeNS(null, 'viewBox', params.viewbox);
-    svg.setAttributeNS(null, 'aria-hidden', 'false');
-    svg.setAttributeNS(null, 'focusable', 'false');
-    svg.classList.add('dockview-svg');
-    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttributeNS(null, 'd', params.path);
-    svg.appendChild(path);
-    return svg;
-};
-export const createCloseButton = () => createSvgElementFromPath({
-    width: '11',
-    height: '11',
-    viewbox: '0 0 28 28',
-    path: 'M2.1 27.3L0 25.2L11.55 13.65L0 2.1L2.1 0L13.65 11.55L25.2 0L27.3 2.1L15.75 13.65L27.3 25.2L25.2 27.3L13.65 15.75L2.1 27.3Z',
-});
-export const createExpandMoreButton = () => createSvgElementFromPath({
-    width: '11',
-    height: '11',
-    viewbox: '0 0 24 15',
-    path: 'M12 14.15L0 2.15L2.15 0L12 9.9L21.85 0.0499992L24 2.2L12 14.15Z',
-});
-export const createChevronRightButton = () => createSvgElementFromPath({
-    width: '11',
-    height: '11',
-    viewbox: '0 0 15 25',
-    path: 'M2.15 24.1L0 21.95L9.9 12.05L0 2.15L2.15 0L14.2 12.05L2.15 24.1Z',
-});
+const createSvgElementFromPath = (params) => {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttributeNS(null, 'height', params.height);
+    svg.setAttributeNS(null, 'width', params.width);
+    svg.setAttributeNS(null, 'viewBox', params.viewbox);
+    svg.setAttributeNS(null, 'aria-hidden', 'false');
+    svg.setAttributeNS(null, 'focusable', 'false');
+    svg.classList.add('dockview-svg');
+    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+    path.setAttributeNS(null, 'd', params.path);
+    svg.appendChild(path);
+    return svg;
+};
+export const createCloseButton = () => createSvgElementFromPath({
+    width: '11',
+    height: '11',
+    viewbox: '0 0 28 28',
+    path: 'M2.1 27.3L0 25.2L11.55 13.65L0 2.1L2.1 0L13.65 11.55L25.2 0L27.3 2.1L15.75 13.65L27.3 25.2L25.2 27.3L13.65 15.75L2.1 27.3Z',
+});
+export const createExpandMoreButton = () => createSvgElementFromPath({
+    width: '11',
+    height: '11',
+    viewbox: '0 0 24 15',
+    path: 'M12 14.15L0 2.15L2.15 0L12 9.9L21.85 0.0499992L24 2.2L12 14.15Z',
+});
+export const createChevronRightButton = () => createSvgElementFromPath({
+    width: '11',
+    height: '11',
+    viewbox: '0 0 15 25',
+    path: 'M2.15 24.1L0 21.95L9.9 12.05L0 2.15L2.15 0L14.2 12.05L2.15 24.1Z',
+});

package/dist/esm/types.d.ts

@@ -1,7 +1,7 @@
-export interface Constructor<T> {
-    new (): T;
-}
-export interface FrameworkFactory<T> {
-    createComponent: (id: string, componentId: string, component: any) => T;
-}
-export declare type FunctionOrValue<T> = (() => T) | T;
+export interface Constructor<T> {
+    new (): T;
+}
+export interface FrameworkFactory<T> {
+    createComponent: (id: string, componentId: string, component: any) => T;
+}
+export declare type FunctionOrValue<T> = (() => T) | T;

package/dist/esm/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/styles/dockview.css

@@ -631,9 +631,6 @@
   border-radius: 2px;
   background-color: var(--dv-icon-hover-background-color);
 }
-.tab .default-tab .action-container .tab-list .tab-action.disable-close {
-  display: none;
-}
 .watermark {
   display: flex;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -74,5 +74,5 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "653fead20b8082daea902d949912d75680b5a2dc"
+  "gitHead": "834d763445f819636fad349ca590af55e7b4389e"
 }