@design.estate/dees-catalog 1.0.217 → 1.0.219

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.217",
+  "version": "1.0.219",
   "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.217',
+  version: '1.0.219',
   description: 'website for lossless.com'
 }

package/ts_web/elements/dees-table.ts

@@ -269,7 +269,7 @@ export class DeesTable<T> extends DeesElement {
         left: 0px;
         position: absolute;
         background: #fa610140;
-        color: inherit;
+        color: ${cssManager.bdTheme('#333', '#fff')};
         font-family: inherit;
         font-size: inherit;
         font-weight: inherit;
@@ -603,8 +603,11 @@ export class DeesTable<T> extends DeesElement {
     return actions;
   }
 
-  handleCellEditing(event: Event, itemArg: T, key: string) {
+  async handleCellEditing(event: Event, itemArg: T, key: string) {
+    const domtools = await this.domtoolsPromise;
     const target = event.target as HTMLElement;
+    const originalColor = target.style.color;
+    target.style.color = 'transparent';
     const transformedItem = this.displayFunction(itemArg);
     const initialValue = (transformedItem[key] as unknown as string) || '';
     // Create an input element
@@ -612,16 +615,16 @@ export class DeesTable<T> extends DeesElement {
     input.type = 'text';
     input.value = initialValue;
 
-    const blurInput = (blurArg = true, saveArg = false) => {
+    const blurInput = async (blurArg = true, saveArg = false) => {
       if (blurArg) {
         input.blur();
       }
       if (saveArg) {
         itemArg[key] = input.value as any; // Convert string to T (you might need better type casting depending on your data structure)
-        target.innerHTML = input.value; // Update the cell's display
-      } else {
-        target.innerHTML = initialValue;
       }
+      input.remove();
+      target.style.color = originalColor;
+      this.requestUpdate();
     };
 
     // When the input loses focus or the Enter key is pressed, update the data
@@ -635,7 +638,6 @@ export class DeesTable<T> extends DeesElement {
     });
 
     // Replace the cell's content with the input
-    target.innerHTML = '';
     target.appendChild(input);
     input.focus();
   }