1.1.8

changelog.md

@@ -1,5 +1,59 @@
 # Changelog
 
+## 2024-09-02 - 1.1.8 - fix(dees-simple-appdash)
+Corrected viewTab active background color
+
+- Corrected the background color of the viewTab in active state for better visual consistency.
+
+## 2024-09-02 - 1.1.7 - fix(dependencies)
+Update dependencies to their latest versions
+
+- Update dependency versions in package.json:
+-   - @design.estate/dees-element from ^2.0.34 to ^2.0.36
+-   - @fortawesome/fontawesome-svg-core from ^6.5.2 to ^6.6.0
+-   - @fortawesome/free-brands-svg-icons from ^6.5.2 to ^6.6.0
+-   - @fortawesome/free-regular-svg-icons from ^6.5.2 to ^6.6.0
+-   - @fortawesome/free-solid-svg-icons from ^6.5.2 to ^6.6.0
+-   - @tsclass/tsclass from ^4.0.63 to ^4.1.2
+-   - apexcharts from ^3.49.2 to ^3.53.0
+-   - highlight.js from 11.9.0 to 11.10.0
+-   - monaco-editor from ^0.50.0 to ^0.51.0
+-   - pdfjs-dist from ^4.3.136 to ^4.5.136
+-   - @git.zone/tsbuild from ^2.1.82 to ^2.1.84
+-   - @push.rocks/tapbundle from ^5.0.23 to ^5.0.24
+-   - @types/node from ^20.14.9 to ^22.5.2
+
+## 2024-07-01 - 1.1.6 - fix(dees-dataview-codebox)
+Corrected the font-family order for better font rendering.
+
+- Corrected the font-family order in dees-dataview-codebox.ts to ensure 'Intel One Mono' is prioritized over 'Geist Mono'.
+
+## 2024-07-01 - 1.1.5 - fix(dees-dataview-codebox)
+Adjusted line number font weight in codebox
+
+- Changed the line number font weight from 400 to 200 in the codebox for better visual alignment.
+
+## 2024-07-01 - 1.1.4 - fix(UI)
+Fixed font-family order for code and value elements
+
+- Updated font-family order in dees-dataview-codebox.ts
+- Updated font-family order in dees-dataview-statusobject.ts
+
+## 2024-07-01 - 1.1.3 - fix(dees-dataview-codebox)
+Adjusted codebox font weight and font family.
+
+- Changed font weight from 200 to 400 for better readability.
+- Updated font-family to include 'Geist Mono' for uniform appearance.
+
+## 2024-06-30 - 1.1.2 - fix(elements)
+Fix various UI components and improve styles
+
+- Updated styles for multiple components for better appearance in dark mode.
+- Added missing event handling in `dees-input-fileupload` component.
+- Implemented tooltip support in `dees-label` component.
+- Fixed alignment issues in `dees-appui-*` components.
+- Resolved various accessibility issues in form elements.
+
 ## 2024-06-30 - 1.1.1 - fix(build)
 Fix build script by updating source folders.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.1.1",
+  "version": "1.1.8",
   "private": false,
   "description": "A library for building components and other projects",
   "main": "dist_ts_web/index.js",
@@ -16,33 +16,33 @@
   "license": "MIT",
   "dependencies": {
     "@design.estate/dees-domtools": "^2.0.57",
-    "@design.estate/dees-element": "^2.0.34",
+    "@design.estate/dees-element": "^2.0.36",
     "@design.estate/dees-wcctools": "^1.0.90",
-    "@fortawesome/fontawesome-svg-core": "^6.5.2",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
-    "@fortawesome/free-brands-svg-icons": "^6.5.2",
+    "@fortawesome/free-brands-svg-icons": "^6.6.0",
-    "@fortawesome/free-regular-svg-icons": "^6.5.2",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
-    "@fortawesome/free-solid-svg-icons": "^6.5.2",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@push.rocks/smarti18n": "^1.0.4",
     "@push.rocks/smartpromise": "^4.0.4",
     "@push.rocks/smartstring": "^4.0.15",
-    "@tsclass/tsclass": "^4.0.63",
+    "@tsclass/tsclass": "^4.1.2",
     "@webcontainer/api": "^1.2.0",
-    "apexcharts": "^3.49.2",
+    "apexcharts": "^3.53.0",
-    "highlight.js": "11.9.0",
+    "highlight.js": "11.10.0",
     "ibantools": "^4.5.1",
-    "monaco-editor": "^0.50.0",
+    "monaco-editor": "^0.51.0",
-    "pdfjs-dist": "^4.3.136",
+    "pdfjs-dist": "^4.5.136",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0"
   },
   "devDependencies": {
-    "@git.zone/tsbuild": "^2.1.82",
+    "@git.zone/tsbuild": "^2.1.84",
     "@git.zone/tsbundle": "^2.0.15",
     "@git.zone/tstest": "^1.0.90",
     "@git.zone/tswatch": "^2.0.23",
     "@push.rocks/projectinfo": "^5.0.2",
-    "@push.rocks/tapbundle": "^5.0.23",
+    "@push.rocks/tapbundle": "^5.0.24",
-    "@types/node": "^20.14.9"
+    "@types/node": "^22.5.2"
   },
   "files": [
     "ts/**/*",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.1.1',
+  version: '1.1.8',
   description: 'A library for building components and other projects'
 }

ts_web/elements/dees-dataview-codebox.ts

@@ -142,7 +142,7 @@ export class DeesDataviewCodebox extends DeesElement {
         .lineNumbers {
           line-height: 1.4em;
           font-weight: 200;
-          font-family: 'Intel One Mono', 'monospace';
+          font-family: 'Intel One Mono', 'Geist Mono', 'monospace';
         }
 
         .hljs-string {

ts_web/elements/dees-dataview-statusobject.ts

@@ -133,7 +133,7 @@ export class DeesDataviewStatusobject extends DeesElement {
 
       .detail .detailsText .value {
         font-size: 14px;
-        font-family: 'Intel One Mono';
+        font-family: 'Intel One Mono', 'Geist Mono';
       }
     `,
   ];

ts_web/elements/dees-simple-appdash.ts

@@ -62,10 +62,10 @@ export class DeesSimpleAppDash extends DeesElement {
       .appbar {
         position: fixed;
         top: 0;
-        height: 32px;
+        height: calc(100% - 24px);
-        width: 100%;
+        width: 200px;
-        background: ${cssManager.bdTheme('#eeeeeb', '#222')};
+        background: ${cssManager.bdTheme('#eeeeeb', '#000')};
-        border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#ffffff10')};
+        border-right: 1px solid ${cssManager.bdTheme('#ccc', '#ffffff20')};
         font-size: 14px;
         line-height: 32px;
         font-family: 'Geist Sans', sans-serif;
@@ -73,14 +73,15 @@ export class DeesSimpleAppDash extends DeesElement {
         z-index: 2;
         box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.8);
         display: grid;
-        grid-template-columns: min-content 1fr auto;
+        grid-template-rows: min-content auto min-content;
       }
 
       .appbar .viewTabs {
-        padding: 0px 16px;
+        margin-left: -8px;
+        margin-right: -8px;
         display: flex;
-        flex-direction: row;
+        flex-direction: column;
-        align-items: center;
+        align-items: top;
       }
 
       .viewTab {
@@ -88,17 +89,18 @@ export class DeesSimpleAppDash extends DeesElement {
       }
 
       .viewTab:hover {
-        background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
+        background: ${cssManager.bdTheme('#ccc', '#ffffff10')};
         color: ${cssManager.bdTheme('#000', '#fff')};
       }
 
       .viewTab:active {
-        background: ${cssManager.bdTheme(colors.bright.blueActive, colors.dark.blueActive)};
+        background: ${cssManager.bdTheme('#aaa', '#ffffff20')};
         color: ${cssManager.bdTheme('#000', '#fff')};
       }
 
       .appName {
         white-space: nowrap;
+        color: ${cssManager.bdTheme('#666', '#999')};
       }
 
       .appActions {
@@ -114,10 +116,11 @@ export class DeesSimpleAppDash extends DeesElement {
       .appcontent {
         z-index: 1;
         position: fixed;
-        top: 32px;
+        top: 0px;
-        height: calc(100vh - 32px - 24px);
+        right: 0px;
+        height: calc(100vh - 24px);
         bottom: 24px;
-        width: 100%;
+        width: calc(100vw - 200px);
         overflow: auto;
         background: ${cssManager.bdTheme('#eeeeeb', '#000')};
         overscroll-behavior: contain;
@@ -195,8 +198,8 @@ export class DeesSimpleAppDash extends DeesElement {
     maincontainer.appendChild(terminal);
     terminal.style.position = 'absolute';
     terminal.style.zIndex = '1';
-    terminal.style.top = '32px';
+    terminal.style.top = '0px';
-    terminal.style.left = '0px';
+    terminal.style.left = '200px';
     terminal.style.right = '0px';
     terminal.style.bottom = '24px';
     terminal.style.opacity = '0';