dockview-angular 4.10.0 → 4.12.0

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

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

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

@@ -14,15 +14,13 @@ let DockviewAngularModule = class DockviewAngularModule {
 };
 DockviewAngularModule = __decorate([
     NgModule({
-        declarations: [
+        imports: [
+            CommonModule,
             DockviewAngularComponent,
             GridviewAngularComponent,
             PaneviewAngularComponent,
             SplitviewAngularComponent
         ],
-        imports: [
-            CommonModule
-        ],
         exports: [
             DockviewAngularComponent,
             GridviewAngularComponent,

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

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

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

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

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

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

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

@@ -12,12 +12,19 @@ export 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];
                 }
             });
@@ -33,7 +40,8 @@ export 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/esm/lib/utils/component-factory.js

@@ -92,6 +92,7 @@ export 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;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-angular",
-  "version": "4.10.0",
+  "version": "4.12.0",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
   "keywords": [
     "splitview",
@@ -53,7 +53,7 @@
     "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview-angular --coverage"
   },
   "dependencies": {
-    "dockview-core": "^4.10.0"
+    "dockview-core": "^4.12.0"
   },
   "peerDependencies": {
     "@angular/common": ">=14.0.0",