dockview-angular 4.10.0 → 4.12.0

package/dist/cjs/lib/dockview/dockview-angular.component.js

@@ -237,6 +237,7 @@ __decorate([
 exports.DockviewAngularComponent = DockviewAngularComponent = __decorate([
     (0, core_1.Component)({
         selector: 'dv-dockview',
+        standalone: true,
         template: '<div #dockviewContainer class="dockview-container"></div>',
         styles: [`
         :host {
@@ -244,7 +245,7 @@ exports.DockviewAngularComponent = DockviewAngularComponent = __decorate([
             width: 100%;
             height: 100%;
         }
-        
+
         .dockview-container {
             width: 100%;
             height: 100%;

package/dist/cjs/lib/dockview-angular.module.js

@@ -18,15 +18,13 @@ let DockviewAngularModule = class DockviewAngularModule {
 exports.DockviewAngularModule = DockviewAngularModule;
 exports.DockviewAngularModule = DockviewAngularModule = __decorate([
     (0, core_1.NgModule)({
-        declarations: [
+        imports: [
+            common_1.CommonModule,
             dockview_angular_component_1.DockviewAngularComponent,
             gridview_angular_component_1.GridviewAngularComponent,
             paneview_angular_component_1.PaneviewAngularComponent,
             splitview_angular_component_1.SplitviewAngularComponent
         ],
-        imports: [
-            common_1.CommonModule
-        ],
         exports: [
             dockview_angular_component_1.DockviewAngularComponent,
             gridview_angular_component_1.GridviewAngularComponent,

package/dist/cjs/lib/gridview/gridview-angular.component.js

@@ -121,6 +121,7 @@ __decorate([
 exports.GridviewAngularComponent = GridviewAngularComponent = __decorate([
     (0, core_1.Component)({
         selector: 'dv-gridview',
+        standalone: true,
         template: '<div #gridviewContainer class="gridview-container"></div>',
         styles: [`
         :host {
@@ -128,7 +129,7 @@ exports.GridviewAngularComponent = GridviewAngularComponent = __decorate([
             width: 100%;
             height: 100%;
         }
-        
+
         .gridview-container {
             width: 100%;
             height: 100%;

package/dist/cjs/lib/paneview/paneview-angular.component.js

@@ -147,6 +147,7 @@ __decorate([
 exports.PaneviewAngularComponent = PaneviewAngularComponent = __decorate([
     (0, core_1.Component)({
         selector: 'dv-paneview',
+        standalone: true,
         template: '<div #paneviewContainer class="paneview-container"></div>',
         styles: [`
         :host {
@@ -154,7 +155,7 @@ exports.PaneviewAngularComponent = PaneviewAngularComponent = __decorate([
             width: 100%;
             height: 100%;
         }
-        
+
         .paneview-container {
             width: 100%;
             height: 100%;

package/dist/cjs/lib/splitview/splitview-angular.component.js

@@ -121,6 +121,7 @@ __decorate([
 exports.SplitviewAngularComponent = SplitviewAngularComponent = __decorate([
     (0, core_1.Component)({
         selector: 'dv-splitview',
+        standalone: true,
         template: '<div #splitviewContainer class="splitview-container"></div>',
         styles: [`
         :host {
@@ -128,7 +129,7 @@ exports.SplitviewAngularComponent = SplitviewAngularComponent = __decorate([
             width: 100%;
             height: 100%;
         }
-        
+
         .splitview-container {
             width: 100%;
             height: 100%;

package/dist/cjs/lib/utils/angular-renderer.js

@@ -15,12 +15,19 @@ class AngularRenderer {
         return this._element;
     }
     init(parameters) {
-        this.render(parameters);
+        // If already initialized, just update the parameters
+        if (this.componentRef) {
+            this.update(parameters);
+        }
+        else {
+            this.render(parameters);
+        }
     }
     update(params) {
         if (this.componentRef) {
             Object.keys(params).forEach(key => {
-                if (this.componentRef.instance.hasOwnProperty(key)) {
+                // Use 'in' operator instead of hasOwnProperty to support getter/setter properties
+                if (key in this.componentRef.instance) {
                     this.componentRef.instance[key] = params[key];
                 }
             });
@@ -36,7 +43,8 @@ class AngularRenderer {
             });
             // Set initial parameters
             Object.keys(parameters).forEach(key => {
-                if (this.componentRef.instance.hasOwnProperty(key)) {
+                // Use 'in' operator instead of hasOwnProperty to support getter/setter properties
+                if (key in this.componentRef.instance) {
                     this.componentRef.instance[key] = parameters[key];
                 }
             });

package/dist/cjs/lib/utils/component-factory.js

@@ -95,6 +95,7 @@ class AngularFrameworkComponentFactory {
             injector: this.injector,
             environmentInjector: this.environmentInjector
         });
+        // Initialize with empty props - dockview-core will call init() again with actual IGroupHeaderProps
         renderer.init({});
         return renderer;
     }