dockview 1.0.2 → 1.2.0

package/dist/esm/react/gridview/gridview.js

@@ -28,7 +28,9 @@ export const GridviewReact = React.forwardRef((props, ref) => {
         var _a;
         const element = document.createElement('div');
         const gridview = new GridviewComponent(element, {
-            proportionalLayout: !!props.proportionalLayout,
+            proportionalLayout: typeof props.proportionalLayout === 'boolean'
+                ? props.proportionalLayout
+                : true,
             orientation: props.orientation,
             frameworkComponents: props.components,
             frameworkComponentFactory: {
@@ -51,6 +53,7 @@ export const GridviewReact = React.forwardRef((props, ref) => {
         gridviewRef.current = gridview;
         return () => {
             gridview.dispose();
+            element.remove();
         };
     }, []);
     React.useEffect(() => {

package/dist/esm/react/gridview/view.js

@@ -9,9 +9,9 @@ export class ReactGridPanelView extends GridviewPanel {
     getComponent() {
         var _a;
         return new ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
-            params: ((_a = this.params) === null || _a === void 0 ? void 0 : _a.params) || {},
+            params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
             api: this.api,
-            containerApi: this.params
+            containerApi: this._params
                 .containerApi,
         });
     }

package/dist/esm/react/index.d.ts

@@ -4,6 +4,7 @@ export * from './splitview/splitview';
 export * from './gridview/gridview';
 export * from './dockview/reactContentPart';
 export * from './dockview/reactHeaderPart';
+export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
 export * from './paneview/paneview';
 export * from './types';
 export * from './react';

package/dist/esm/react/react.js

@@ -55,14 +55,13 @@ export class ReactPart {
         if (this.disposed) {
             throw new Error('invalid operation: resource is already disposed');
         }
-        // TODO use a better check for isReactFunctionalComponent
         if (typeof this.component !== 'function') {
             /**
              * we know this isn't a React.FunctionComponent so throw an error here.
              * if we do not intercept this the React library will throw a very obsure error
              * for the same reason, at least at this point we will emit a sensible stacktrace.
              */
-            throw new Error('invalid operation: only functional components are supported');
+            throw new Error('Invalid Operation. dockview only supports React Functional Components.');
         }
         const bridgeComponent = React.createElement(React.forwardRef(ReactComponentBridge), {
             component: this

package/dist/esm/react/splitview/splitview.js

@@ -35,7 +35,9 @@ export const SplitviewReact = React.forwardRef((props, ref) => {
                     });
                 },
             },
-            proportionalLayout: props.proportionalLayout,
+            proportionalLayout: typeof props.proportionalLayout === 'boolean'
+                ? props.proportionalLayout
+                : true,
             styles: props.hideBorders
                 ? { separatorBorder: 'transparent' }
                 : undefined,

package/dist/esm/react/splitview/view.js

@@ -9,9 +9,9 @@ export class ReactPanelView extends SplitviewPanel {
     getComponent() {
         var _a;
         return new ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
-            params: ((_a = this.params) === null || _a === void 0 ? void 0 : _a.params) || {},
+            params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
             api: this.api,
-            containerApi: this.params
+            containerApi: this._params
                 .containerApi,
         });
     }

package/dist/esm/splitview/core/splitview.js

@@ -51,7 +51,7 @@ export class Splitview {
         this._onDidAddView = new Emitter();
         this.onDidAddView = this._onDidAddView.event;
         this._onDidRemoveView = new Emitter();
-        this.onDidRemoveView = this._onDidAddView.event;
+        this.onDidRemoveView = this._onDidRemoveView.event;
         this._startSnappingEnabled = true;
         this._endSnappingEnabled = true;
         this.resize = (index, delta, sizes = this.views.map((x) => x.size), lowPriorityIndexes, highPriorityIndexes, overloadMinDelta = Number.NEGATIVE_INFINITY, overloadMaxDelta = Number.POSITIVE_INFINITY, snapBefore, snapAfter) => {
@@ -678,12 +678,12 @@ export class Splitview {
         this._onDidSashEnd.dispose();
         this._onDidAddView.dispose();
         this._onDidRemoveView.dispose();
-        this.element.remove();
         for (let i = 0; i < this.element.children.length; i++) {
             if (this.element.children.item(i) === this.element) {
                 this.element.removeChild(this.element);
                 break;
             }
         }
+        this.element.remove();
     }
 }

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

@@ -1,5 +1,5 @@
 import { CompositeDisposable, IDisposable } from '../lifecycle';
-import { LayoutPriority, Orientation, Sizing, Splitview } from './core/splitview';
+import { IView, LayoutPriority, Orientation, Sizing, Splitview } from './core/splitview';
 import { SplitviewComponentOptions } from './core/options';
 import { BaseComponentOptions } from '../panel/types';
 import { Event } from '../events';
@@ -12,9 +12,6 @@ export interface SerializedSplitviewPanelData {
     params?: {
         [index: string]: any;
     };
-    state?: {
-        [index: string]: any;
-    };
 }
 export interface SerializedSplitviewPanel {
     snap?: boolean;
@@ -42,6 +39,8 @@ export interface ISplitviewComponent extends IDisposable {
     readonly width: number;
     readonly length: number;
     readonly orientation: Orientation;
+    readonly onDidAddView: Event<IView>;
+    readonly onDidRemoveView: Event<IView>;
     updateOptions(options: Partial<SplitviewComponentUpdateOptions>): void;
     addPanel(options: AddSplitviewComponentOptions): void;
     layout(width: number, height: number): void;
@@ -67,12 +66,16 @@ export declare class SplitviewComponent extends CompositeDisposable implements I
     private _activePanel;
     private panels;
     private _options;
+    private readonly _onDidAddView;
+    readonly onDidAddView: Event<IView>;
+    private readonly _onDidRemoveView;
+    readonly onDidRemoveView: Event<IView>;
+    private readonly _onDidLayoutChange;
+    readonly onDidLayoutChange: Event<void>;
     get options(): SplitviewComponentOptions;
     get orientation(): Orientation;
     get splitview(): Splitview;
     set splitview(value: Splitview);
-    private readonly _onDidLayoutChange;
-    readonly onDidLayoutChange: Event<void>;
     get minimumSize(): number;
     get maximumSize(): number;
     get height(): number;

package/dist/esm/splitview/splitviewComponent.js

@@ -12,6 +12,10 @@ export class SplitviewComponent extends CompositeDisposable {
         this.element = element;
         this._disposable = new MutableDisposable();
         this.panels = new Map();
+        this._onDidAddView = new Emitter();
+        this.onDidAddView = this._onDidAddView.event;
+        this._onDidRemoveView = new Emitter();
+        this.onDidRemoveView = this._onDidRemoveView.event;
         this._onDidLayoutChange = new Emitter();
         this.onDidLayoutChange = this._onDidLayoutChange.event;
         this._options = options;
@@ -22,7 +26,7 @@ export class SplitviewComponent extends CompositeDisposable {
             options.frameworkComponents = {};
         }
         this.splitview = new Splitview(this.element, options);
-        this.addDisposables(this._disposable);
+        this.addDisposables(this._disposable, this._onDidAddView, this._onDidRemoveView, this._onDidLayoutChange);
     }
     get options() {
         return this._options;
@@ -37,7 +41,7 @@ export class SplitviewComponent extends CompositeDisposable {
         this._splitview = value;
         this._disposable.value = new CompositeDisposable(this._splitview.onDidSashEnd(() => {
             this._onDidLayoutChange.fire(undefined);
-        }));
+        }), this._splitview.onDidAddView((e) => this._onDidAddView.fire(e)), this._splitview.onDidRemoveView((e) => this._onDidRemoveView.fire(e)));
     }
     get minimumSize() {
         return this.splitview.minimumSize;
@@ -211,6 +215,10 @@ export class SplitviewComponent extends CompositeDisposable {
                     });
                     panel.orientation = orientation;
                     this.doAddView(panel);
+                    setTimeout(() => {
+                        // the original onDidAddView events are missed since they are fired before we can subcribe to them
+                        this._onDidAddView.fire(panel);
+                    }, 0);
                     return { size: view.size, view: panel };
                 }),
             },
@@ -236,6 +244,7 @@ export class SplitviewComponent extends CompositeDisposable {
             value.dispose();
         });
         this.panels.clear();
+        this.splitview.dispose();
         super.dispose();
     }
 }

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

@@ -36,12 +36,7 @@ export declare abstract class SplitviewPanel extends BasePanelView<SplitviewPane
         maximumSize: number | undefined;
         id: string;
         component: string;
-        params?: {
-            [key: string]: any;
-        } | undefined;
-        state?: {
-            [key: string]: any;
-        } | undefined;
+        params?: Record<string, any> | undefined;
     };
     private updateConstraints;
 }

package/dist/esm/splitview/splitviewPanel.js

@@ -12,12 +12,14 @@ export class SplitviewPanel extends BasePanelView {
         this._snap = false;
         this._onDidChange = new Emitter();
         this.onDidChange = this._onDidChange.event;
-        this.addDisposables(this.api.onVisibilityChange((event) => {
+        this.addDisposables(this._onDidChange, this.api.onVisibilityChange((event) => {
             const { isVisible } = event;
-            const { containerApi } = this.params;
+            const { containerApi } = this
+                ._params;
             containerApi.setVisible(this, isVisible);
         }), this.api.onActiveChange(() => {
-            const { containerApi } = this.params;
+            const { containerApi } = this
+                ._params;
             containerApi.setActive(this);
         }), this.api.onDidConstraintsChangeInternal((event) => {
             if (typeof event.minimumSize === 'number' ||

package/dist/styles/dockview.css

@@ -3,7 +3,6 @@
   --dv-tabs-and-actions-container-font-size: 13px;
   --dv-tabs-and-actions-container-height: 35px;
   --dv-tab-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
-  --dv-tab-dirty-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>');
   --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
   --dv-drag-over-border-color: white;
   --dv-tabs-container-scrollbar-color: #888;
@@ -27,7 +26,6 @@
   --dv-tabs-and-actions-container-font-size: 13px;
   --dv-tabs-and-actions-container-height: 35px;
   --dv-tab-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
-  --dv-tab-dirty-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>');
   --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
   --dv-drag-over-border-color: white;
   --dv-tabs-container-scrollbar-color: #888;
@@ -51,7 +49,6 @@
   --dv-tabs-and-actions-container-font-size: 13px;
   --dv-tabs-and-actions-container-height: 35px;
   --dv-tab-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
-  --dv-tab-dirty-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>');
   --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
   --dv-drag-over-border-color: white;
   --dv-tabs-container-scrollbar-color: #888;
@@ -105,6 +102,52 @@
   margin-right: "0.5em";
   cursor: pointer;
 }
+.drop-target {
+  position: relative;
+}
+.drop-target > .drop-target-dropzone {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  height: 100%;
+  width: 100%;
+  z-index: 10000;
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection {
+  position: relative;
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+  background-color: var(--dv-drag-over-background-color);
+  transition-duration: 0.15s;
+  transition-timing-function: ease-out;
+  will-change: transform;
+  pointer-events: none;
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.left {
+  transform: translateX(-25%) scaleX(50%);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.right {
+  transform: translateX(25%) scaleX(50%);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.top {
+  transform: translateY(-25%) scaleY(50%);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.bottom {
+  transform: translateY(25%) scaleY(50%);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.small-top {
+  border-top: 1px solid var(--dv-drag-over-border-color);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.small-bottom {
+  border-bottom: 1px solid var(--dv-drag-over-border-color);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.small-left {
+  border-left: 1px solid var(--dv-drag-over-border-color);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.small-right {
+  border-right: 1px solid var(--dv-drag-over-border-color);
+}
 .custom-dragging {
   height: 24px;
   line-height: 24px;
@@ -154,51 +197,6 @@
   background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
   color: var(--dv-activegroup-visiblepanel-tab-color);
 }
-.drop-target {
-  position: relative;
-}
-.drop-target > .drop-target-dropzone {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  height: 100%;
-  width: 100%;
-  z-index: 10000;
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection {
-  position: relative;
-  pointer-events: none;
-  box-sizing: border-box;
-  height: 100%;
-  width: 100%;
-  background-color: var(--dv-drag-over-background-color);
-  transition-duration: 0.15s;
-  transition-timing-function: ease-out;
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.left, .drop-target > .drop-target-dropzone > .drop-target-selection.right {
-  width: 50%;
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.right {
-  transform: translate(100%, 0%);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.bottom {
-  transform: translate(0%, 100%);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.top, .drop-target > .drop-target-dropzone > .drop-target-selection.bottom {
-  height: 50%;
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-top {
-  border-top: 1px solid var(--dv-drag-over-border-color);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-bottom {
-  border-bottom: 1px solid var(--dv-drag-over-border-color);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-left {
-  border-left: 1px solid var(--dv-drag-over-border-color);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-right {
-  border-right: 1px solid var(--dv-drag-over-border-color);
-}
 .grid-view,
 .branch-node {
   height: 100%;
@@ -357,6 +355,10 @@
   width: 1px;
   height: 100%;
 }
+.dockview-react-part {
+  height: 100%;
+  width: 100%;
+}
 .split-view-container {
   position: relative;
   overflow: hidden;
@@ -470,7 +472,7 @@
 .tab.active-tab > .default-tab .tab-action {
   visibility: visible;
 }
-.tab.inactive-tab > .default-tab .tab-action:not(.dirty) {
+.tab.inactive-tab > .default-tab .tab-action {
   visibility: hidden;
 }
 .tab.inactive-tab > .default-tab:hover .tab-action {
@@ -515,11 +517,6 @@
 .tab .default-tab .action-container .tab-list .tab-action.disable-close {
   display: none;
 }
-.tab .default-tab .action-container .tab-list .tab-action.dirty:not(:hover) {
-  display: block;
-  -webkit-mask: var(--dv-tab-dirty-icon) 50% 50%/60% 60% no-repeat;
-  mask: var(--dv-tab-dirty-icon) 50% 50%/60% 60% no-repeat;
-}
 .watermark {
   display: flex;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -55,23 +55,23 @@
   "author": "https://github.com/mathuo",
   "license": "MIT",
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@testing-library/react": "^12.1.3",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
+    "@rollup/plugin-typescript": "^8.3.2",
+    "@testing-library/react": "^13.1.0",
+    "@types/react": "^18.0.5",
+    "@types/react-dom": "^18.0.1",
     "cross-env": "^7.0.3",
-    "postcss": "^8.4.6",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "postcss": "^8.4.12",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.68.0",
+    "rollup": "^2.70.2",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "typedoc": "^0.22.12"
+    "typedoc": "^0.22.15"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "6ba801550244fdf4d1b6f6de1e3197bfcd0a773b"
+  "gitHead": "2dc0c4ab219a5b2188b9d98e032d9b987561bf4d"
 }

package/dist/cjs/functions.d.ts

@@ -1 +0,0 @@
-export declare function debounce<T extends Function>(cb: T, wait: number): T;

package/dist/cjs/functions.js

@@ -1,42 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.debounce = void 0;
-function debounce(cb, wait) {
-    var timeout;
-    var callable = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        clearTimeout(timeout);
-        timeout = setTimeout(function () { return cb.apply(void 0, __spreadArray([], __read(args), false)); }, wait);
-    };
-    return callable;
-}
-exports.debounce = debounce;
-//# sourceMappingURL=functions.js.map

package/dist/cjs/functions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"functions.js","sourceRoot":"","sources":["../../src/functions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,QAAQ,CAAqB,EAAK,EAAE,IAAY;IAC5D,IAAI,OAAY,CAAC;IAEjB,IAAM,QAAQ,GAAG;QAAC,cAAY;aAAZ,UAAY,EAAZ,qBAAY,EAAZ,IAAY;YAAZ,yBAAY;;QAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,GAAG,UAAU,CAAC,cAAM,OAAA,EAAE,wCAAI,IAAI,YAAV,CAAW,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC;IACF,OAAgB,QAAS,CAAC;AAC9B,CAAC;AARD,4BAQC"}

package/dist/cjs/groupview/panel/hostedPanel.d.ts

@@ -1,22 +0,0 @@
-import { IDisposable } from '../../lifecycle';
-import { IGroupPanel } from '../groupPanel';
-import { IRenderable } from '../types';
-export interface HostedPanelOptions {
-    id: string;
-    parent?: HTMLElement;
-}
-export declare class HostedPanel implements IRenderable, IDisposable {
-    private readonly panel;
-    private readonly options;
-    private readonly _element;
-    get element(): HTMLElement;
-    get id(): string;
-    constructor(panel: IGroupPanel, options: HostedPanelOptions);
-    hide(): void;
-    show(): void;
-    layout(element: HTMLElement, dimension?: {
-        width: number;
-        height: number;
-    }): void;
-    dispose(): void;
-}

package/dist/cjs/groupview/panel/hostedPanel.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HostedPanel = void 0;
-var HostedPanel = /** @class */ (function () {
-    function HostedPanel(panel, options) {
-        this.panel = panel;
-        this.options = options;
-        if (!options.parent) {
-            options.parent = document.getElementById('app');
-            options.parent.style.position = 'relative';
-        }
-        this._element = document.createElement('div');
-        this._element.style.visibility = 'hidden';
-        this._element.style.overflow = 'hidden';
-        // this._element.style.pointerEvents = 'none';
-        this._element.id = "webivew-".concat(options.id);
-        options.parent.appendChild(this._element);
-    }
-    Object.defineProperty(HostedPanel.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(HostedPanel.prototype, "id", {
-        get: function () {
-            return this.panel.id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    HostedPanel.prototype.hide = function () {
-        this._element.style.visibility = 'hidden';
-    };
-    HostedPanel.prototype.show = function () {
-        this._element.style.visibility = 'visible';
-    };
-    HostedPanel.prototype.layout = function (element, dimension) {
-        if (!this.element || !this.element.parentElement) {
-            return;
-        }
-        var frameRect = element.getBoundingClientRect();
-        var containerRect = this.element.parentElement.getBoundingClientRect();
-        this.element.style.position = 'absolute';
-        this.element.style.top = "".concat(frameRect.top - containerRect.top, "px");
-        this.element.style.left = "".concat(frameRect.left - containerRect.left, "px");
-        this.element.style.width = "".concat(dimension ? dimension.width : frameRect.width, "px");
-        this.element.style.height = "".concat(dimension ? dimension.height : frameRect.height, "px");
-    };
-    HostedPanel.prototype.dispose = function () {
-        this._element.remove();
-    };
-    return HostedPanel;
-}());
-exports.HostedPanel = HostedPanel;
-//# sourceMappingURL=hostedPanel.js.map

package/dist/cjs/groupview/panel/hostedPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hostedPanel.js","sourceRoot":"","sources":["../../../../src/groupview/panel/hostedPanel.ts"],"names":[],"mappings":";;;AASA;IAWI,qBACqB,KAAkB,EAClB,OAA2B;QAD3B,UAAK,GAAL,KAAK,CAAa;QAClB,YAAO,GAAP,OAAO,CAAoB;QAE5C,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACjB,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAgB,CAAC;YAC/D,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;SAC9C;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACxC,8CAA8C;QAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,kBAAW,OAAO,CAAC,EAAE,CAAE,CAAC;QAE3C,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAxBD,sBAAI,gCAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAED,sBAAI,2BAAE;aAAN;YACI,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,CAAC;;;OAAA;IAoBD,0BAAI,GAAJ;QACI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;IAC9C,CAAC;IAED,0BAAI,GAAJ;QACI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;IAC/C,CAAC;IAED,4BAAM,GAAN,UACI,OAAoB,EACpB,SAA6C;QAE7C,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE;YAC9C,OAAO;SACV;QACD,IAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAClD,IAAM,aAAa,GACf,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;QACvD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,SAAS,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,OAAI,CAAC;QAClE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,UAAG,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,OAAI,CAAC;QACrE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,UACvB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,OAC7C,CAAC;QACL,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UACxB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,OAC/C,CAAC;IACT,CAAC;IAED,6BAAO,GAAP;QACI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IACL,kBAAC;AAAD,CAAC,AA7DD,IA6DC;AA7DY,kCAAW"}

package/dist/cjs/json.d.ts

@@ -1 +0,0 @@
-export declare function tryParseJSON(text: string, reviver?: (this: any, key: string, value: any) => any): any | undefined;

package/dist/cjs/json.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tryParseJSON = void 0;
-function tryParseJSON(text, reviver) {
-    try {
-        return JSON.parse(text, reviver);
-    }
-    catch (err) {
-        console.warn('failed to parse JSON');
-        return undefined;
-    }
-}
-exports.tryParseJSON = tryParseJSON;
-//# sourceMappingURL=json.js.map

package/dist/cjs/json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"json.js","sourceRoot":"","sources":["../../src/json.ts"],"names":[],"mappings":";;;AAIA,SAAgB,YAAY,CACxB,IAAY,EACZ,OAAqD;IAErD,IAAI;QACA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAM,CAAC;KACzC;IAAC,OAAO,GAAG,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACrC,OAAO,SAAS,CAAC;KACpB;AACL,CAAC;AAVD,oCAUC"}

package/dist/esm/functions.d.ts

@@ -1 +0,0 @@
-export declare function debounce<T extends Function>(cb: T, wait: number): T;

package/dist/esm/functions.js

@@ -1,8 +0,0 @@
-export function debounce(cb, wait) {
-    let timeout;
-    const callable = (...args) => {
-        clearTimeout(timeout);
-        timeout = setTimeout(() => cb(...args), wait);
-    };
-    return callable;
-}

package/dist/esm/groupview/panel/hostedPanel.d.ts

@@ -1,22 +0,0 @@
-import { IDisposable } from '../../lifecycle';
-import { IGroupPanel } from '../groupPanel';
-import { IRenderable } from '../types';
-export interface HostedPanelOptions {
-    id: string;
-    parent?: HTMLElement;
-}
-export declare class HostedPanel implements IRenderable, IDisposable {
-    private readonly panel;
-    private readonly options;
-    private readonly _element;
-    get element(): HTMLElement;
-    get id(): string;
-    constructor(panel: IGroupPanel, options: HostedPanelOptions);
-    hide(): void;
-    show(): void;
-    layout(element: HTMLElement, dimension?: {
-        width: number;
-        height: number;
-    }): void;
-    dispose(): void;
-}