1.2.0

changelog.md

@@ -1,5 +1,66 @@
 # Changelog
 
+## 2024-10-07 - 1.2.0 - feat(index.ts)
+Add export for colors module in index.ts
+
+- The index.ts file now exports the colors module, making color utilities available for external use.
+
+## 2024-10-06 - 1.1.13 - fix(dees-button)
+Fix styling issue in button component.
+
+- Moved the .button.disabled styling block to its correct position after the .button.highlighted block.
+
+## 2024-10-06 - 1.1.12 - fix(dees-button)
+Fix reflect attribute for disabled property on dees-button component
+
+- Added reflect: true to the 'disabled' property ensuring changes reflect in the DOM attribute.
+
+## 2024-10-05 - 1.1.11 - fix(DeesStepper)
+Adjusted CSS properties in DeesStepper component
+
+- Increased border-radius from 8px to 16px for step container elements
+- Adjusted font-size and font-weight for the title in the step container to improve readability
+
+## 2024-10-04 - 1.1.10 - fix(dependencies)
+Reverted @webcontainer/api version
+
+- Changed @webcontainer/api version from ^1.3.0 to 1.2.0 in package.json
+
+## 2024-10-04 - 1.1.9 - fix(dependencies)
+Update various dependencies for compatibility and stability.
+
+- Update @design.estate/dees-domtools to version ^2.0.61
+- Update @design.estate/dees-element to version ^2.0.39
+- Update @webcontainer/api to version ^1.3.0
+- Update apexcharts to version ^3.54.0
+- Update monaco-editor to version ^0.52.0
+- Update pdfjs-dist to version ^4.6.82
+- Update @push.rocks/tapbundle to version ^5.3.0
+- Update @types/node to version ^22.7.4
+
+## 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.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "private": false,
   "description": "A library for building components and other projects",
   "main": "dist_ts_web/index.js",
@@ -15,34 +15,34 @@
   "author": "Lossless GmbH",
   "license": "MIT",
   "dependencies": {
-    "@design.estate/dees-domtools": "^2.0.57",
-    "@design.estate/dees-element": "^2.0.34",
+    "@design.estate/dees-domtools": "^2.0.61",
+    "@design.estate/dees-element": "^2.0.39",
     "@design.estate/dees-wcctools": "^1.0.90",
-    "@fortawesome/fontawesome-svg-core": "^6.5.2",
-    "@fortawesome/free-brands-svg-icons": "^6.5.2",
-    "@fortawesome/free-regular-svg-icons": "^6.5.2",
-    "@fortawesome/free-solid-svg-icons": "^6.5.2",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-brands-svg-icons": "^6.6.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
+    "@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",
-    "@webcontainer/api": "^1.2.0",
-    "apexcharts": "^3.49.2",
-    "highlight.js": "11.9.0",
+    "@tsclass/tsclass": "^4.1.2",
+    "@webcontainer/api": "1.2.0",
+    "apexcharts": "^3.54.0",
+    "highlight.js": "11.10.0",
     "ibantools": "^4.5.1",
-    "monaco-editor": "^0.50.0",
-    "pdfjs-dist": "^4.3.136",
+    "monaco-editor": "^0.52.0",
+    "pdfjs-dist": "^4.6.82",
     "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",
-    "@types/node": "^20.14.9"
+    "@push.rocks/tapbundle": "^5.3.0",
+    "@types/node": "^22.7.4"
   },
   "files": [
     "ts/**/*",

ts_web/00_commitinfo_data.ts

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

ts_web/elements/dees-button.ts

@@ -35,7 +35,8 @@ export class DeesButton extends DeesElement {
   public eventDetailData: string;
 
   @property({
-    type: Boolean
+    type: Boolean,
+    reflect: true,
   })
   public disabled = false;
 
@@ -103,13 +104,6 @@ export class DeesButton extends DeesElement {
         border-top: 1px solid #0069f2;
       }
 
-      .button.disabled {
-        background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
-        border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
-        color: #9b9b9e;
-        cursor: default;
-      }
-
       .button.highlighted {
         background: #e4002b;
         border: none;
@@ -131,6 +125,14 @@ export class DeesButton extends DeesElement {
       .button.discreet:hover {
         background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.1)')};
       }
+
+      .button.disabled {
+        background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
+        border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
+        color: #9b9b9e;
+        cursor: default;
+      }
+
       .button.hidden {
         display: none;
       }

ts_web/elements/dees-simple-appdash.ts

@@ -62,10 +62,10 @@ export class DeesSimpleAppDash extends DeesElement {
       .appbar {
         position: fixed;
         top: 0;
-        height: 32px;
-        width: 100%;
-        background: ${cssManager.bdTheme('#eeeeeb', '#222')};
-        border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#ffffff10')};
+        height: calc(100% - 24px);
+        width: 200px;
+        background: ${cssManager.bdTheme('#eeeeeb', '#000')};
+        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;
-        align-items: center;
+        flex-direction: column;
+        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;
-        height: calc(100vh - 32px - 24px);
+        top: 0px;
+        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.left = '0px';
+    terminal.style.top = '0px';
+    terminal.style.left = '200px';
     terminal.style.right = '0px';
     terminal.style.bottom = '24px';
     terminal.style.opacity = '0';

ts_web/elements/dees-stepper.ts

@@ -102,7 +102,7 @@ export class DeesStepper extends DeesElement {
         transition: all 0.7s ease-in-out;
         max-width: 500px;
         min-height: 300px;
-        border-radius: 8px;
+        border-radius: 16px;
         background: ${cssManager.bdTheme('#ffffff', '#181818')};
         border-top: 1px solid ${cssManager.bdTheme('#ffffff', '#181818')};
         color: ${cssManager.bdTheme('#333', '#fff')};
@@ -175,8 +175,9 @@ export class DeesStepper extends DeesElement {
         text-align: center;
         padding-top: 50px;
         font-family: 'Geist Sans', sans-serif;
-        font-size: 25px;
-        font-weight: 300;
+        font-size: 22px;
+
+        font-weight: 500;
       }
 
       .step .content {

ts_web/index.ts

@@ -1,2 +1,4 @@
 export * from './elements/index.js';
+import * as colors from './elements/00colors.js';
+export { colors };
 export { commitinfo } from './00_commitinfo_data.js';