fix(dees-simple-appdash): Bump deps and fix dees-simple-appdash icon binding and terminal sizing

changelog.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 2025-09-05 - 1.10.11 - fix(dees-simple-appdash)
+Bump deps and fix dees-simple-appdash icon binding and terminal sizing
+
+- Updated runtime dependencies: @design.estate/dees-element -> ^2.1.2, @design.estate/dees-wcctools -> ^1.1.1, @fortawesome/* -> ^7.0.1, apexcharts -> ^5.3.4, lucide -> ^0.542.0 (compatibility/security/stability updates)
+- Updated dev tooling: @git.zone/tsbuild -> ^2.6.8, @git.zone/tstest -> ^2.3.6, @git.zone/tswatch -> ^2.2.1
+- Fix: dees-simple-appdash — use proper string interpolation for lucide icon properties (prevents incorrect icon rendering)
+- Fix: dees-simple-appdash — enforce terminal maxWidth/maxHeight to avoid overflow and improve layout stability
+- Cosmetic: small style/behavior tweaks to dees-simple-appdash (logout/terminal/wifi icon bindings corrected)
+
 ## 2025-06-29 - 1.10.10 - improve(dees-dashboardgrid, dees-input-wysiwyg)
 Enhanced dashboard grid component with advanced spacing and layout features inspired by gridstack.js
 

package.json

@@ -16,12 +16,12 @@
   "license": "MIT",
   "dependencies": {
     "@design.estate/dees-domtools": "^2.3.3",
-    "@design.estate/dees-element": "^2.0.45",
+    "@design.estate/dees-element": "^2.1.2",
-    "@design.estate/dees-wcctools": "^1.1.0",
+    "@design.estate/dees-wcctools": "^1.1.1",
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/fontawesome-svg-core": "^7.0.1",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
+    "@fortawesome/free-brands-svg-icons": "^7.0.1",
-    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^7.0.1",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^7.0.1",
     "@push.rocks/smarti18n": "^1.0.4",
     "@push.rocks/smartpromise": "^4.2.0",
     "@push.rocks/smartstring": "^4.0.15",
@@ -33,20 +33,20 @@
     "@tiptap/starter-kit": "^2.23.0",
     "@tsclass/tsclass": "^9.2.0",
     "@webcontainer/api": "1.2.0",
-    "apexcharts": "^4.7.0",
+    "apexcharts": "^5.3.4",
     "highlight.js": "11.11.1",
     "ibantools": "^4.5.1",
-    "lucide": "^0.525.0",
+    "lucide": "^0.542.0",
     "monaco-editor": "^0.52.2",
     "pdfjs-dist": "^4.10.38",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0"
   },
   "devDependencies": {
-    "@git.zone/tsbuild": "^2.6.4",
+    "@git.zone/tsbuild": "^2.6.8",
     "@git.zone/tsbundle": "^2.5.1",
-    "@git.zone/tstest": "^2.3.1",
+    "@git.zone/tstest": "^2.3.6",
-    "@git.zone/tswatch": "^2.1.2",
+    "@git.zone/tswatch": "^2.2.1",
     "@push.rocks/projectinfo": "^5.0.2",
     "@push.rocks/tapbundle": "^6.0.3",
     "@types/node": "^22.0.0"

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.10.1',
+  version: '1.10.11',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/dees-simple-appdash.ts

@@ -238,7 +238,7 @@ export class DeesSimpleAppDash extends DeesElement {
         <div class="appbar">
           <div>
             <div class="sidebar-header">
-              <dees-icon .icon="lucide:grid3x3" style="font-size: 18px;"></dees-icon>
+              <dees-icon .icon="${'lucide:grid3x3'}" style="font-size: 18px;"></dees-icon>
               <div class="appName">${this.name}</div>
             </div>
             <div class="viewTabs-container">
@@ -263,7 +263,7 @@ export class DeesSimpleAppDash extends DeesElement {
             <div class="action" @click=${() => {
               this.dispatchEvent(new CustomEvent('logout', { bubbles: true, composed: true }));
             }}>
-              <dees-icon .icon="lucide:logOut"></dees-icon>
+              <dees-icon .icon="${'lucide:logOut'}"></dees-icon>
               <span>Logout</span>
             </div>
           </div>
@@ -273,11 +273,11 @@ export class DeesSimpleAppDash extends DeesElement {
         </div>
         <div class="controlbar">
           <div class="control">
-            <dees-icon .icon="lucide:wifi"></dees-icon>
+            <dees-icon .icon="${'lucide:wifi'}"></dees-icon>
             <span>Connected</span>
           </div>
           <div class="control" @click=${this.launchTerminal}>
-            <dees-icon .icon="lucide:terminal"></dees-icon>
+            <dees-icon .icon="${'lucide:terminal'}"></dees-icon>
             <span>Terminal</span>
           </div>
         </div>
@@ -319,6 +319,8 @@ export class DeesSimpleAppDash extends DeesElement {
     terminal.style.transition = 'all 0.2s';
     terminal.style.background = '#000';
     terminal.style.boxShadow = '0 4px 20px rgba(0, 0, 0, 0.3)';
+    terminal.style.maxWidth = `calc(${maincontainer.clientWidth}px -240px)`;
+    terminal.style.maxHeight = `calc(${maincontainer.clientHeight}px - 24px)`;
     
     // Add close button to terminal
     terminal.addEventListener('close', () => this.closeTerminal());