1.0.202

package.json

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

ts_web/00_commitinfo_data.ts

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

ts_web/elements/dees-icon.ts

@@ -42,6 +42,7 @@ import {
   faCircleInfo as faCircleInfoSolid,
   faCircleCheck as faCircleCheckSolid,
   faCircleXmark as faCircleXmarkSolid,
+  faClockRotateLeft as faClockRotateLeftSolid,
   faCopy as faCopySolid,
   faDesktop as faDesktopSolid,
   faEye as faEyeSolid,
@@ -82,6 +83,8 @@ export const faIcons = {
   circleCheckSolid: faCircleCheckSolid,
   circleXmark: faCircleXmarkRegular,
   circleXmarkSolid: faCircleXmarkSolid,
+  clockRotateLeft: faClockRotateLeftSolid,
+  clockRotateLeftSolid: faClockRotateLeftSolid,
   copy: faCopyRegular,
   copySolid: faCopySolid,
   desktop: faDesktopSolid,
@@ -95,7 +98,7 @@ export const faIcons = {
   message: faMessageRegular,
   messageSolid: faMessageSolid,
   mugHot: faMugHotSolid,
-  faMugHotSolid: faMugHotSolid,
+  mugHotSolid: faMugHotSolid,
   minus: faMinusSolid,
   minusSolid: faMinusSolid,
   paste: faPasteRegular,

ts_web/elements/dees-table.demo.ts

@@ -106,6 +106,15 @@ export const demoFunc = () => html`
             return null;
           },
         },
+        {
+          name: 'preview',
+          type: ['doubleClick', 'contextmenu'],
+          iconName: 'eye',
+          actionFunc: async (itemArg) => {
+            alert(itemArg.amount);
+            return null;
+          },
+        }
       ] as (ITableAction<ITableDemoData>)[] as any}"
       .displayFunction=${(itemArg) => {
         return {

ts_web/elements/dees-table.ts

@@ -37,7 +37,7 @@ export interface ITableAction<T = any> {
   /**
    * the type of the action
    */
-  type: ('inRow' | 'contextmenu' | 'footer' | 'header' | 'preview' | 'keyCombination')[];
+  type: ('inRow' | 'contextmenu' | 'doubleClick' | 'footer' | 'header' | 'preview' | 'keyCombination')[];
   /**
    * allows to check if the action is relevant for the given item
    * @param itemArg
@@ -399,7 +399,11 @@ export class DeesTable<T> extends DeesElement {
                       >
                         ${headings.map(
                           (headingArg) => html`
-                            <td>
+                            <td @dblclick=${() => {
+                              const wantedAction = this.dataActions.find((actionArg) => actionArg.type.includes('doubleClick'));
+                              if (!wantedAction) return;
+                              wantedAction.actionFunc(itemArg);
+                            }}>
                               <div class="innerCellContainer">${transformedItem[headingArg]}</div>
                             </td>
                           `