dock-spawn-ts - npm Package Compare versions

Comparing version 2.290.0 to 2.300.0

lib/js/PanelContainer.d.ts

@@ -17,3 +17,3 @@ import { DockManager } from "./DockManager.js";
 export declare class PanelContainer implements IDockContainerWithSize {
-    onTitleChanged: any;
+    onTitleChanged: (panelContainer: PanelContainer, title: string) => void;
     elementPanel: HTMLDivElement;
@@ -34,2 +34,3 @@ elementTitle: HTMLDivElement;
     icon: string;
+    hasChanges: boolean;
     minimumAllowedChildNodes: number;
@@ -90,2 +91,3 @@ isDialog: boolean;
     setTitleIcon(icon: string): void;
+    setHasChanges(changes: boolean): void;
     setCloseIconTemplate(closeIconTemplate: string): void;
@@ -92,0 +94,0 @@ _updateTitle(): void;

lib/js/PanelContainer.js

@@ -278,2 +278,14 @@ import { Utils } from "./Utils.js";
     }
+    setHasChanges(changes) {
+        this.hasChanges = changes;
+        this._updateTitle();
+        if (changes) {
+            this.elementTitleText.classList.add('panel-has-changes');
+        }
+        else {
+            this.elementTitleText.classList.remove('panel-has-changes');
+        }
+        if (this.onTitleChanged)
+            this.onTitleChanged(this, this.title);
+    }
     setCloseIconTemplate(closeIconTemplate) {
@@ -280,0 +292,0 @@ this.elementButtonClose.innerHTML = closeIconTemplate;

lib/js/TabPage.js

@@ -17,7 +17,16 @@ import { TabHandle } from "./TabHandle.js";
             this.panel.onTitleChanged = this.onTitleChanged.bind(this);
+            this.onTitleChanged();
         }
         container.tabPage = this;
     }
-    onTitleChanged( /*sender, title*/) {
+    onTitleChanged() {
         this.handle.updateTitle();
+        if (this.panel) {
+            if (this.panel.hasChanges) {
+                this.handle.elementText.classList.add('panel-has-changes');
+            }
+            else {
+                this.handle.elementText.classList.remove('panel-has-changes');
+            }
+        }
     }
@@ -24,0 +33,0 @@ destroy() {

package.json

 {
   "name": "dock-spawn-ts",
-  "version": "2.290.0",
+  "version": "2.300.0",
   "description": "DockSpawn Typescript Version",
@@ -5,0 +5,0 @@ "license": "MIT",

src/PanelContainer.ts

@@ -20,3 +20,3 @@ import { DockManager } from "./DockManager.js";
 
-    onTitleChanged: any;
+    onTitleChanged: (panelContainer: PanelContainer, title: string) => void;
     elementPanel: HTMLDivElement;
@@ -34,2 +34,3 @@ elementTitle: HTMLDivElement;
     icon: string;
+    hasChanges: boolean;
     minimumAllowedChildNodes: number;
@@ -357,2 +358,14 @@ isDialog: boolean;
 
+    setHasChanges(changes: boolean) {
+        this.hasChanges = changes;
+        this._updateTitle();
+        if (changes) {
+            this.elementTitleText.classList.add('panel-has-changes')
+        } else {
+            this.elementTitleText.classList.remove('panel-has-changes')
+        }
+        if (this.onTitleChanged)
+            this.onTitleChanged(this, this.title);
+    }
+
     setCloseIconTemplate(closeIconTemplate: string) {
@@ -359,0 +372,0 @@ this.elementButtonClose.innerHTML = closeIconTemplate;

src/TabPage.ts

@@ -31,2 +31,3 @@ import { TabHandle } from "./TabHandle.js";
             this.panel.onTitleChanged = this.onTitleChanged.bind(this);
+            this.onTitleChanged();
         }
@@ -37,4 +38,11 @@
 
-    onTitleChanged(/*sender, title*/) {
+    onTitleChanged() {
         this.handle.updateTitle();
+        if (this.panel) {
+            if (this.panel.hasChanges) {
+                this.handle.elementText.classList.add('panel-has-changes')
+            } else {
+                this.handle.elementText.classList.remove('panel-has-changes')
+            }
+        }
     }
@@ -41,0 +49,0 @@

No alert changes

Improved metrics

Total package byte prevSize

724082

increased by0.38%

Number of downloads

202

increased by81.98%

Lines of code

10205

increased by0.5%

No dependency changes