dockview-angular 5.1.0 → 6.0.0

package/dist/fesm2022/dockview-angular.mjs

@@ -1,7 +1,7 @@
 import { GridviewPanel, SplitviewPanel, PROPERTY_KEYS_DOCKVIEW, createDockview, PROPERTY_KEYS_GRIDVIEW, createGridview, PROPERTY_KEYS_PANEVIEW, createPaneview, PROPERTY_KEYS_SPLITVIEW, createSplitview } from 'dockview-core';
 export * from 'dockview-core';
 import * as i0 from '@angular/core';
-import { ApplicationRef, createComponent, EventEmitter, inject, Injector, EnvironmentInjector, Output, Input, ViewChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { ApplicationRef, TemplateRef, createComponent, EventEmitter, inject, Injector, EnvironmentInjector, Output, Input, ViewChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -10,6 +10,7 @@ class AngularRenderer {
     constructor(options) {
         this.options = options;
         this.componentRef = null;
+        this.viewRef = null;
         this._element = null;
         this.appRef = options.injector.get(ApplicationRef);
     }
@@ -22,11 +23,15 @@ class AngularRenderer {
     get component() {
         return this.componentRef;
     }
+    get view() {
+        return this.viewRef;
+    }
     init(parameters) {
-        // Only forward params, api, and containerApi to the component
-        // (matching the React renderer). Other init parameters like
-        // 'title' are internal to the framework.
+        // Forward the known user-facing fields from panel/tab renderers
+        // and context menu item renderers. Other internal fields (e.g. 'title')
+        // are excluded here; update() further guards with `key in instance`.
         const filtered = {};
+        // Panel / tab renderer fields
         if ('params' in parameters) {
             filtered['params'] = parameters['params'];
         }
@@ -36,7 +41,20 @@ class AngularRenderer {
         if ('containerApi' in parameters) {
             filtered['containerApi'] = parameters['containerApi'];
         }
-        if (this.componentRef) {
+        // Context menu item renderer fields (IContextMenuItemComponentProps)
+        if ('panel' in parameters) {
+            filtered['panel'] = parameters['panel'];
+        }
+        if ('group' in parameters) {
+            filtered['group'] = parameters['group'];
+        }
+        if ('close' in parameters) {
+            filtered['close'] = parameters['close'];
+        }
+        if ('componentProps' in parameters) {
+            filtered['componentProps'] = parameters['componentProps'];
+        }
+        if (this._element) {
             this.update(filtered);
         }
         else {
@@ -44,46 +62,66 @@ class AngularRenderer {
         }
     }
     update(params) {
+        // Only component can have parameters
         if (!this.componentRef) {
             return;
         }
         const instance = this.componentRef.instance;
         for (const key of Object.keys(params)) {
-            if (key in instance) {
-                instance[key] = params[key];
-            }
+            instance[key] = params[key];
+        }
+        // Trigger change detection
+        if (this.viewRef) {
+            this.viewRef.markForCheck();
         }
-        // trigger change detection
-        this.componentRef.changeDetectorRef.markForCheck();
     }
     render(parameters) {
         try {
-            // Create the component using modern Angular API
-            this.componentRef = createComponent(this.options.component, {
-                environmentInjector: this.options.environmentInjector ||
-                    this.options.injector,
-                elementInjector: this.options.injector,
-            });
-            // Set initial parameters
-            this.update(parameters);
-            // Get the DOM element
-            const hostView = this.componentRef.hostView;
-            this._element = hostView.rootNodes[0];
-            // attach to change detection
-            this.appRef.attachView(hostView);
-            // trigger change detection
-            this.componentRef.changeDetectorRef.markForCheck();
+            if (this.options.component instanceof TemplateRef) {
+                this.setupView(this.options.component);
+            }
+            else {
+                this.setupComponent(this.options.component, parameters);
+            }
         }
         catch (error) {
-            console.error('Error creating Angular component:', error);
+            console.error('dockview: error creating Angular component', error);
             throw error;
         }
     }
+    setupComponent(component, parameters) {
+        // Create the component using modern Angular API
+        this.componentRef = createComponent(component, {
+            environmentInjector: this.options.environmentInjector ||
+                this.options.injector,
+            elementInjector: this.options.injector,
+        });
+        // Set initial parameters
+        this.update(parameters);
+        // Get the DOM element
+        this.viewRef = this.componentRef.hostView;
+        this._element = this.viewRef.rootNodes[0];
+        // always attach for now
+        this.appRef.attachView(this.viewRef);
+        this.viewRef.markForCheck();
+    }
+    setupView(template) {
+        // Create embedded view from template
+        this.viewRef = template.createEmbeddedView({}, this.options.injector);
+        this._element = this.viewRef.rootNodes[0];
+        // always attach for now
+        this.appRef.attachView(this.viewRef);
+        this.viewRef.markForCheck();
+    }
     dispose() {
         if (this.componentRef) {
             this.componentRef.destroy();
             this.componentRef = null;
         }
+        if (this.viewRef) {
+            this.viewRef.destroy();
+            this.viewRef = null;
+        }
         this._element = null;
     }
 }
@@ -278,7 +316,7 @@ class AngularDisposable {
                 callback();
             }
             catch (error) {
-                console.error('Error in dispose callback:', error);
+                console.error('dockview: error in dispose callback', error);
             }
         });
         this.disposeCallbacks = [];
@@ -306,7 +344,7 @@ class AngularLifecycleManager {
                 disposable.dispose();
             }
             catch (error) {
-                console.error('Error disposing resource:', error);
+                console.error('dockview: error disposing resource', error);
             }
         });
         this.disposables = [];
@@ -320,6 +358,52 @@ function createAngularDisposable(disposeCallback) {
     return disposable;
 }
 
+class AngularTabGroupChipRenderer {
+    get element() {
+        return this._element;
+    }
+    constructor(component, injector, environmentInjector) {
+        this.component = component;
+        this.injector = injector;
+        this.environmentInjector = environmentInjector;
+        this.componentRef = null;
+        this._element = document.createElement('div');
+        this._element.className = 'dv-angular-part';
+        this._element.style.display = 'inline-flex';
+        this.appRef = injector.get(ApplicationRef);
+    }
+    init(params) {
+        this.componentRef = createComponent(this.component, {
+            environmentInjector: this.environmentInjector ||
+                this.injector,
+            elementInjector: this.injector,
+        });
+        const instance = this.componentRef.instance;
+        instance['tabGroup'] = params.tabGroup;
+        instance['api'] = params.api;
+        const hostView = this.componentRef.hostView;
+        const rootNode = hostView.rootNodes[0];
+        this._element.appendChild(rootNode);
+        this.appRef.attachView(hostView);
+        this.componentRef.changeDetectorRef.markForCheck();
+    }
+    update(params) {
+        if (!this.componentRef) {
+            return;
+        }
+        const instance = this.componentRef.instance;
+        instance['tabGroup'] = params.tabGroup;
+        this.componentRef.changeDetectorRef.markForCheck();
+    }
+    dispose() {
+        if (this.componentRef) {
+            this.appRef.detachView(this.componentRef.hostView);
+            this.componentRef.destroy();
+            this.componentRef = null;
+        }
+    }
+}
+
 class DockviewAngularComponent {
     constructor() {
         this.ready = new EventEmitter();
@@ -349,6 +433,15 @@ class DockviewAngularComponent {
                     hasChanges = true;
                 }
             });
+            // Handle tabGroupChipComponent → createTabGroupChipComponent mapping
+            if (changes['tabGroupChipComponent'] &&
+                !changes['tabGroupChipComponent'].isFirstChange()) {
+                const chipComponent = changes['tabGroupChipComponent'].currentValue;
+                coreChanges.createTabGroupChipComponent = chipComponent
+                    ? () => new AngularTabGroupChipRenderer(chipComponent, this.injector, this.environmentInjector)
+                    : undefined;
+                hasChanges = true;
+            }
             if (hasChanges) {
                 this.dockviewApi.updateOptions(coreChanges);
             }
@@ -380,6 +473,12 @@ class DockviewAngularComponent {
                 coreOptions[key] = value;
             }
         });
+        if (this.tabGroupChipComponent) {
+            const chipComponent = this.tabGroupChipComponent;
+            coreOptions.createTabGroupChipComponent = () => {
+                return new AngularTabGroupChipRenderer(chipComponent, this.injector, this.environmentInjector);
+            };
+        }
         return coreOptions;
     }
     createFrameworkOptions() {
@@ -422,6 +521,17 @@ class DockviewAngularComponent {
                     return componentFactory.createHeaderActionsComponent('prefix');
                 }
                 : undefined,
+            createContextMenuItemComponent: (options) => {
+                if (!options.component) {
+                    return undefined;
+                }
+                const renderer = new AngularRenderer({
+                    component: options.component,
+                    injector: this.injector,
+                    environmentInjector: this.environmentInjector,
+                });
+                return renderer;
+            },
         };
     }
     setupEventListeners() {
@@ -443,10 +553,10 @@ class DockviewAngularComponent {
             this.lifecycleManager.addDisposable(disposable);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DockviewAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DockviewAngularComponent, isStandalone: true, selector: "dv-dockview", inputs: { components: "components", tabComponents: "tabComponents", watermarkComponent: "watermarkComponent", defaultTabComponent: "defaultTabComponent", leftHeaderActionsComponent: "leftHeaderActionsComponent", rightHeaderActionsComponent: "rightHeaderActionsComponent", prefixHeaderActionsComponent: "prefixHeaderActionsComponent", className: "className", orientation: "orientation", hideBorders: "hideBorders", rootOverlayModel: "rootOverlayModel", defaultTabComponent_: "defaultTabComponent_", tabHeight: "tabHeight", disableFloatingGroups: "disableFloatingGroups", floatingGroupBounds: "floatingGroupBounds", popoutUrl: "popoutUrl", debug: "debug", locked: "locked", disableAutoResizing: "disableAutoResizing", singleTabMode: "singleTabMode" }, outputs: { ready: "ready", didDrop: "didDrop", willDrop: "willDrop" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["dockviewContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #dockviewContainer class="dockview-container"></div>', isInline: true, styles: [":host{display:block;width:100%;height:100%}.dockview-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DockviewAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: DockviewAngularComponent, isStandalone: true, selector: "dv-dockview", inputs: { components: "components", tabComponents: "tabComponents", watermarkComponent: "watermarkComponent", defaultTabComponent: "defaultTabComponent", leftHeaderActionsComponent: "leftHeaderActionsComponent", rightHeaderActionsComponent: "rightHeaderActionsComponent", prefixHeaderActionsComponent: "prefixHeaderActionsComponent", tabGroupChipComponent: "tabGroupChipComponent", className: "className", orientation: "orientation", hideBorders: "hideBorders", rootOverlayModel: "rootOverlayModel", defaultTabComponent_: "defaultTabComponent_", tabHeight: "tabHeight", disableFloatingGroups: "disableFloatingGroups", floatingGroupBounds: "floatingGroupBounds", popoutUrl: "popoutUrl", debug: "debug", locked: "locked", disableAutoResizing: "disableAutoResizing", singleTabMode: "singleTabMode", getTabContextMenuItems: "getTabContextMenuItems", getTabGroupChipContextMenuItems: "getTabGroupChipContextMenuItems", tabGroupColors: "tabGroupColors", tabGroupAccent: "tabGroupAccent" }, outputs: { ready: "ready", didDrop: "didDrop", willDrop: "willDrop" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["dockviewContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #dockviewContainer class="dockview-container"></div>', isInline: true, styles: [":host{display:block;width:100%;height:100%}.dockview-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DockviewAngularComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DockviewAngularComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dv-dockview', standalone: true, template: '<div #dockviewContainer class="dockview-container"></div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%}.dockview-container{width:100%;height:100%}\n"] }]
         }], propDecorators: { containerRef: [{
@@ -466,6 +576,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], prefixHeaderActionsComponent: [{
                 type: Input
+            }], tabGroupChipComponent: [{
+                type: Input
             }], className: [{
                 type: Input
             }], orientation: [{
@@ -492,6 +604,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], singleTabMode: [{
                 type: Input
+            }], getTabContextMenuItems: [{
+                type: Input
+            }], getTabGroupChipContextMenuItems: [{
+                type: Input
+            }], tabGroupColors: [{
+                type: Input
+            }], tabGroupAccent: [{
+                type: Input
             }], ready: [{
                 type: Output
             }], didDrop: [{
@@ -566,10 +686,10 @@ class GridviewAngularComponent {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridviewAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GridviewAngularComponent, isStandalone: true, selector: "dv-gridview", inputs: { components: "components", className: "className", orientation: "orientation", proportionalLayout: "proportionalLayout", hideBorders: "hideBorders", debug: "debug", disableAutoResizing: "disableAutoResizing" }, outputs: { ready: "ready" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["gridviewContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #gridviewContainer class="gridview-container"></div>', isInline: true, styles: [":host{display:block;width:100%;height:100%}.gridview-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: GridviewAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: GridviewAngularComponent, isStandalone: true, selector: "dv-gridview", inputs: { components: "components", className: "className", orientation: "orientation", proportionalLayout: "proportionalLayout", hideBorders: "hideBorders", debug: "debug", disableAutoResizing: "disableAutoResizing" }, outputs: { ready: "ready" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["gridviewContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #gridviewContainer class="gridview-container"></div>', isInline: true, styles: [":host{display:block;width:100%;height:100%}.gridview-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GridviewAngularComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: GridviewAngularComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dv-gridview', standalone: true, template: '<div #gridviewContainer class="gridview-container"></div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%}.gridview-container{width:100%;height:100%}\n"] }]
         }], propDecorators: { containerRef: [{
@@ -680,10 +800,10 @@ class PaneviewAngularComponent {
             this.lifecycleManager.addDisposable(disposable);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaneviewAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PaneviewAngularComponent, isStandalone: true, selector: "dv-paneview", inputs: { components: "components", headerComponents: "headerComponents", className: "className", orientation: "orientation", hideBorders: "hideBorders", debug: "debug", disableAutoResizing: "disableAutoResizing" }, outputs: { ready: "ready", drop: "drop" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["paneviewContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #paneviewContainer class="paneview-container"></div>', isInline: true, styles: [":host{display:block;width:100%;height:100%}.paneview-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: PaneviewAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: PaneviewAngularComponent, isStandalone: true, selector: "dv-paneview", inputs: { components: "components", headerComponents: "headerComponents", className: "className", orientation: "orientation", hideBorders: "hideBorders", debug: "debug", disableAutoResizing: "disableAutoResizing" }, outputs: { ready: "ready", drop: "drop" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["paneviewContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #paneviewContainer class="paneview-container"></div>', isInline: true, styles: [":host{display:block;width:100%;height:100%}.paneview-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaneviewAngularComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: PaneviewAngularComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dv-paneview', standalone: true, template: '<div #paneviewContainer class="paneview-container"></div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%}.paneview-container{width:100%;height:100%}\n"] }]
         }], propDecorators: { containerRef: [{
@@ -775,10 +895,10 @@ class SplitviewAngularComponent {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplitviewAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SplitviewAngularComponent, isStandalone: true, selector: "dv-splitview", inputs: { components: "components", className: "className", orientation: "orientation", proportionalLayout: "proportionalLayout", hideBorders: "hideBorders", debug: "debug", disableAutoResizing: "disableAutoResizing" }, outputs: { ready: "ready" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["splitviewContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #splitviewContainer class="splitview-container"></div>', isInline: true, styles: [":host{display:block;width:100%;height:100%}.splitview-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: SplitviewAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: SplitviewAngularComponent, isStandalone: true, selector: "dv-splitview", inputs: { components: "components", className: "className", orientation: "orientation", proportionalLayout: "proportionalLayout", hideBorders: "hideBorders", debug: "debug", disableAutoResizing: "disableAutoResizing" }, outputs: { ready: "ready" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["splitviewContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #splitviewContainer class="splitview-container"></div>', isInline: true, styles: [":host{display:block;width:100%;height:100%}.splitview-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplitviewAngularComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: SplitviewAngularComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dv-splitview', standalone: true, template: '<div #splitviewContainer class="splitview-container"></div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%}.splitview-container{width:100%;height:100%}\n"] }]
         }], propDecorators: { containerRef: [{
@@ -803,8 +923,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 class DockviewAngularModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DockviewAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DockviewAngularModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DockviewAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: DockviewAngularModule, imports: [CommonModule,
             DockviewAngularComponent,
             GridviewAngularComponent,
             PaneviewAngularComponent,
@@ -812,9 +932,9 @@ class DockviewAngularModule {
             GridviewAngularComponent,
             PaneviewAngularComponent,
             SplitviewAngularComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DockviewAngularModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DockviewAngularModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DockviewAngularModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DockviewAngularModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [