@design.estate/dees-catalog 1.0.189 → 1.0.190

package/dist_watch/bundle.js

@@ -8492,7 +8492,7 @@ var require_core = __commonJS({
     var HLJS = function(hljs) {
       const languages = /* @__PURE__ */ Object.create(null);
       const aliases = /* @__PURE__ */ Object.create(null);
-      const plugins6 = [];
+      const plugins8 = [];
       let SAFE_MODE = true;
       const LANGUAGE_NOT_FOUND = "Could not find the language '{}', did you forget to load/include a language module?";
       const PLAINTEXT_LANGUAGE = { disableAutodetect: true, name: "Plain text", contains: [] };
@@ -9061,17 +9061,17 @@ var require_core = __commonJS({
       }
       function addPlugin(plugin) {
         upgradePluginAPI(plugin);
-        plugins6.push(plugin);
+        plugins8.push(plugin);
       }
       function removePlugin(plugin) {
-        const index = plugins6.indexOf(plugin);
+        const index = plugins8.indexOf(plugin);
         if (index !== -1) {
-          plugins6.splice(index, 1);
+          plugins8.splice(index, 1);
         }
       }
       function fire(event, args) {
         const cb = event;
-        plugins6.forEach(function(plugin) {
+        plugins8.forEach(function(plugin) {
           if (plugin[cb]) {
             plugin[cb](args);
           }
@@ -76564,6 +76564,120 @@ DeesStepper = __decorateClass([
   e7("dees-stepper")
 ], DeesStepper);
 
+// ts_web/elements/dees-table.demo.ts
+var demoFunc6 = () => x`
+  <style>
+    .demoWrapper {
+      box-sizing: border-box;
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      padding: 20px;
+      background: #000000;
+    }
+  </style>
+  <div class="demoWrapper">
+    <dees-table
+      heading1="Current Account Statement"
+      heading2="Bunq - Payment Account 2 - April 2021"
+      .data=${[
+  {
+    date: "2021-04-01",
+    amount: "2464.65 \u20AC",
+    description: "Printing Paper (Office Supplies) - STAPLES BREMEN"
+  },
+  {
+    date: "2021-04-02",
+    amount: "165.65 \u20AC",
+    description: "Logitech Mouse (Hardware) - logi.com OnlineShop"
+  },
+  {
+    date: "2021-04-03",
+    amount: "2999,00 \u20AC",
+    description: "Macbook Pro 16inch (Hardware) - Apple.de OnlineShop"
+  },
+  {
+    date: "2021-04-01",
+    amount: "2464.65 \u20AC",
+    description: "Office-Supplies - STAPLES BREMEN"
+  },
+  {
+    date: "2021-04-01",
+    amount: "2464.65 \u20AC",
+    description: "Office-Supplies - STAPLES BREMEN"
+  }
+]}
+      dataName="transactions"
+      .dataActions="${[
+  {
+    name: "upload",
+    iconName: "bell",
+    useTableBehaviour: "upload",
+    type: ["inRow"],
+    actionFunc: async (itemArg) => {
+      alert(itemArg.amount);
+    }
+  },
+  {
+    name: "visibility",
+    iconName: "copy",
+    type: ["inRow"],
+    useTableBehaviour: "preview",
+    actionFunc: async (itemArg) => {
+    }
+  },
+  {
+    name: "create new",
+    iconName: "instagram",
+    type: ["header"],
+    useTableBehaviour: "preview",
+    actionFunc: async (itemArg) => {
+    }
+  },
+  {
+    name: "to gallery",
+    iconName: "message",
+    type: ["footer"],
+    useTableBehaviour: "preview",
+    actionFunc: async (itemArg) => {
+    }
+  },
+  {
+    name: "copy",
+    iconName: "copySolid",
+    type: ["contextmenu", "inRow"],
+    action: async () => {
+      return null;
+    }
+  },
+  {
+    name: "edit (from demo)",
+    iconName: "penToSquare",
+    type: ["contextmenu"],
+    action: async () => {
+      return null;
+    }
+  },
+  {
+    name: "paste",
+    iconName: "pasteSolid",
+    type: ["contextmenu"],
+    action: async () => {
+      return null;
+    }
+  }
+]}"
+      .displayFunction=${(itemArg) => {
+  return {
+    ...itemArg,
+    onlyDisplayProp: "onlyDisplay"
+  };
+}}
+      >This is a slotted Text</dees-table
+    >
+  </div>
+`;
+
 // ts_web/elements/dees-table.ts
 var DeesTable = class extends DeesElement {
   constructor() {
@@ -76589,7 +76703,7 @@ var DeesTable = class extends DeesElement {
             ${resolveExec(async () => {
       const resultArray = [];
       for (const action of this.dataActions) {
-        if (action.type !== "header")
+        if (!action.type.includes("header"))
           continue;
         resultArray.push(
           x`<div
@@ -76683,29 +76797,17 @@ var DeesTable = class extends DeesElement {
           }
         }}
                         @contextmenu=${async (eventArg) => {
-          DeesContextmenu.openContextMenuWithOptions(eventArg, [
-            {
-              name: "copy",
-              iconName: "copySolid",
+          DeesContextmenu.openContextMenuWithOptions(eventArg, this.getActionsForType("contextmenu").map((action) => {
+            const menuItem = {
+              name: action.name,
+              iconName: action.iconName,
               action: async () => {
+                await action.actionFunc(itemArg);
                 return null;
               }
-            },
-            {
-              name: "edit",
-              iconName: "penToSquare",
-              action: async () => {
-                return null;
-              }
-            },
-            {
-              name: "paste",
-              iconName: "pasteSolid",
-              action: async () => {
-                return null;
-              }
-            }
-          ]);
+            };
+            return menuItem;
+          }));
         }}
                         class="${itemArg === this.selectedDataRow ? "selected" : ""}"
                       >
@@ -76721,24 +76823,16 @@ var DeesTable = class extends DeesElement {
             return x`
                               <td>
                                 <div class="innerCellContainer">
-                                  ${(() => {
-              const actions = [];
-              for (const action of this.dataActions) {
-                if (action.type !== "inRow")
-                  continue;
-                actions.push(
-                  x`<div
-                                          class="action"
-                                          @click=${() => action.actionFunc(itemArg)}
-                                        >
-                                          ${action.iconName ? x`
-                                                <dees-icon .iconFA=${action.iconName}></dees-icon>
-                                              ` : action.name}
-                                        </div>`
-                );
-              }
-              return actions;
-            })()}
+                                  ${this.getActionsForType("inRow").map(
+              (actionArg) => x`<div
+                                      class="action"
+                                      @click=${() => actionArg.actionFunc(itemArg)}
+                                    >
+                                      ${actionArg.iconName ? x`
+                                            <dees-icon .iconFA=${actionArg.iconName}></dees-icon>
+                                          ` : actionArg.name}
+                                    </div>`
+            )}
                                 </div>
                               </td>
                             `;
@@ -76760,7 +76854,7 @@ var DeesTable = class extends DeesElement {
             ${resolveExec(async () => {
       const resultArray = [];
       for (const action of this.dataActions) {
-        if (action.type !== "footer")
+        if (!action.type.includes("footer"))
           continue;
         resultArray.push(
           x`<div
@@ -76783,95 +76877,17 @@ var DeesTable = class extends DeesElement {
   }
   async firstUpdated() {
   }
-};
-DeesTable.demo = () => x`
-    <style>
-      .demoWrapper {
-        box-sizing: border-box;
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        padding: 20px;
-        background: #000000;
-      }
-    </style>
-    <div class="demoWrapper">
-      <dees-table
-        heading1="Current Account Statement"
-        heading2="Bunq - Payment Account 2 - April 2021"
-        .data=${[
-  {
-    date: "2021-04-01",
-    amount: "2464.65 \u20AC",
-    description: "Printing Paper (Office Supplies) - STAPLES BREMEN"
-  },
-  {
-    date: "2021-04-02",
-    amount: "165.65 \u20AC",
-    description: "Logitech Mouse (Hardware) - logi.com OnlineShop"
-  },
-  {
-    date: "2021-04-03",
-    amount: "2999,00 \u20AC",
-    description: "Macbook Pro 16inch (Hardware) - Apple.de OnlineShop"
-  },
-  {
-    date: "2021-04-01",
-    amount: "2464.65 \u20AC",
-    description: "Office-Supplies - STAPLES BREMEN"
-  },
-  {
-    date: "2021-04-01",
-    amount: "2464.65 \u20AC",
-    description: "Office-Supplies - STAPLES BREMEN"
-  }
-]}
-        dataName="transactions"
-        .dataActions="${[
-  {
-    name: "upload",
-    iconName: "bell",
-    useTableBehaviour: "upload",
-    type: "inRow",
-    actionFunc: async (itemArg) => {
-      alert(itemArg.amount);
-    }
-  },
-  {
-    name: "visibility",
-    iconName: "copy",
-    type: "inRow",
-    useTableBehaviour: "preview",
-    actionFunc: async (itemArg) => {
-    }
-  },
-  {
-    name: "create new",
-    iconName: "instagram",
-    type: "header",
-    useTableBehaviour: "preview",
-    actionFunc: async (itemArg) => {
-    }
-  },
-  {
-    name: "to gallery",
-    iconName: "message",
-    type: "footer",
-    useTableBehaviour: "preview",
-    actionFunc: async (itemArg) => {
+  getActionsForType(typeArg) {
+    const actions = [];
+    for (const action of this.dataActions) {
+      if (!action.type.includes(typeArg))
+        continue;
+      actions.push(action);
     }
+    return actions;
   }
-]}"
-        .displayFunction=${(itemArg) => {
-  return {
-    ...itemArg,
-    onlyDisplayProp: "onlyDisplay"
-  };
-}}
-        >This is a slotted Text</dees-table
-      >
-    </div>
-  `;
+};
+DeesTable.demo = demoFunc6;
 DeesTable.styles = [
   cssManager.defaultStyles,
   i`