@design.estate/dees-catalog 1.0.206 → 1.0.207

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.206",
+  "version": "1.0.207",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.206',
+  version: '1.0.207',
   description: 'website for lossless.com'
 }

package/ts_web/elements/dees-contextmenu.ts

@@ -71,11 +71,11 @@ export class DeesContextmenu extends DeesElement {
         color: ${cssManager.bdTheme('#222', '#ccc')};
         font-size: 14px;
         width: 200px;
-        border: 1px solid #444;
+        border: 1px solid ${cssManager.bdTheme('#fff', '#444')};
         min-height: 34px;
         border-radius: 3px;
-        background: #222;
-        box-shadow: 0px 1px 4px #000;
+        background: ${cssManager.bdTheme('#fff', '#222')};
+        box-shadow: 0px 1px 4px ${cssManager.bdTheme('#00000020', '#000000')};
         user-select: none;
       }
 
@@ -92,7 +92,7 @@ export class DeesContextmenu extends DeesElement {
 
       .mainbox .menuitem:hover {
         cursor: pointer;
-        background: #ffffff10;
+        background: ${cssManager.bdTheme('#00000010', '#ffffff10')};
       }
 
       .mainbox .menuitem:active {

package/ts_web/elements/dees-input-text.ts

@@ -124,7 +124,7 @@ export class DeesInputText extends DeesElement {
 
         .showPassword:hover {
           cursor: pointer;
-          background: #333;
+          background: ${cssManager.bdTheme('#00000010', '#ffffff10')};
         }
       </style>
       <div class="maincontainer">

package/ts_web/elements/dees-table.ts

@@ -526,6 +526,45 @@ export class DeesTable<T> extends DeesElement {
 
   public async firstUpdated() {}
 
+  public async updated(changedProperties: Map<string | number | symbol, unknown>): Promise<void> {
+    super.updated(changedProperties);
+    this.freezeColumnWidths();
+  }
+
+  freezeColumnWidths() {
+    // Get the table element
+    const table = this.shadowRoot.querySelector('table');
+    if (!table) return;
+  
+    // Create a colgroup if it doesn't exist
+    let colgroup = table.querySelector('colgroup');
+    if (!colgroup) {
+      colgroup = document.createElement('colgroup');
+      table.insertBefore(colgroup, table.firstChild);
+    }
+  
+    // Get the first row's cells to measure the widths
+    const cells = table.rows[0].cells;
+  
+    for (let i = 0; i < cells.length; i++) {
+      const cell = cells[i];
+  
+      // Get computed width
+      const width = window.getComputedStyle(cell).width;
+  
+      // Check if there's already a <col> for this cell
+      let col = colgroup.children[i] as HTMLElement;
+      if (!col) {
+        col = document.createElement('col');
+        colgroup.appendChild(col);
+      }
+  
+      // Set the width
+      col.style.width = width;
+    }
+  }
+  
+
   getActionsForType(typeArg: ITableAction['type'][0]) {
     const actions: ITableAction[] = [];
     for (const action of this.dataActions) {