@messaia/cdk 20.0.0-RC.6 → 20.0.0-RC.7

package/fesm2022/messaia-cdk.mjs

@@ -11353,9 +11353,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.Compiler }] });
 
+/**
+ * Represents a user-defined action that can be performed on an entity.
+ * @template TEntity The type of the entity the action operates on.
+ * @template TContext The type of the context in which the action is executed.
+ */
 class ActionItem {
     /**
-     * The title of the action item.
+     * Unique identifier for the action item.
+     * @type {string}
+     */
+    id = '';
+    /**
+     * The display title of the action item.
+     * Used in UI components like buttons or menus.
      * @type {string}
      */
     title;
@@ -17347,7 +17358,7 @@ class VdDynamicTableComponent {
                     var actionColmun = this._columns?.find(x => x.name == 'action');
                     /* If so, just add the menu items to it */
                     if (actionColmun != null) {
-                        actionColmun.menu ||= { icon: 'more_vert' };
+                        actionColmun.menu ||= { id: 'more', icon: 'more_vert' };
                         this.rowMenuItems.forEach(y => actionColmun.menu.items?.unshift(y));
                     }
                     /* Otherwise add a new one */
@@ -17358,7 +17369,7 @@ class VdDynamicTableComponent {
                             columnSets: ['action', 'common'],
                             type: TableColumnType.Action,
                             disabled: true,
-                            menu: { icon: 'more_vert', items: this.rowMenuItems },
+                            menu: { id: 'more', icon: 'more_vert', items: this.rowMenuItems },
                             configurable: false,
                             stickyEnd: true
                         }));
@@ -18351,6 +18362,7 @@ class GenericListComponent extends BaseComponent {
      * @type {ActionItem[]}
      */
     toolbarActions = [{
+            id: 'refresh',
             icon: 'refresh',
             tooltip: $localize `:@@refreshList:Refresh the list`,
             event: () => this.loadList()
@@ -18860,6 +18872,7 @@ class GenericListComponent extends BaseComponent {
         /* Add 'Delete selected' menu item */
         if (this.deletable) {
             this.toolbarMenuItems.push({
+                id: 'delete-selected',
                 title: $localize `:@@deleteSelected:Delete selected`,
                 icon: 'delete_forever',
                 iconClass: 'tc-orange-800',
@@ -18871,6 +18884,7 @@ class GenericListComponent extends BaseComponent {
         /* Opens config dialog */
         if (this.configurable) {
             this.toolbarMenuItems.push({
+                id: 'configure-table',
                 title: $localize `:@@configureTable:Configure table`,
                 icon: 'settings',
                 event: () => this.openConfigDialog()
@@ -18879,6 +18893,7 @@ class GenericListComponent extends BaseComponent {
         /* Opens export dialog */
         if (this.exportable) {
             this.toolbarMenuItems.push({
+                id: 'export-data',
                 title: $localize `:@@exportData:Export data`,
                 icon: 'download',
                 iconClass: 'tc-blue-500',
@@ -18889,7 +18904,7 @@ class GenericListComponent extends BaseComponent {
             /* Sort the menu items by index */
             Utils.sortArray(this.toolbarMenuItems, 'index');
             /* Add the toolbar menu items to the the toolbar actions */
-            this.toolbarActions.push({ icon: 'more_vert', items: this.toolbarMenuItems });
+            this.toolbarActions.push({ id: 'more', icon: 'more_vert', items: this.toolbarMenuItems });
         }
     }
     /**
@@ -18911,6 +18926,7 @@ class GenericListComponent extends BaseComponent {
         /* Add duplicate menu */
         if (this.duplicable) {
             this.rowMenuItems.unshift({
+                id: 'duplicate',
                 title: $localize `:@@duplicate:Duplicate`,
                 icon: 'file_copy',
                 event: (row) => this.duplicate(row),
@@ -18920,6 +18936,7 @@ class GenericListComponent extends BaseComponent {
         /* Add download menu */
         if (this.downloadable) {
             this.rowMenuItems.unshift({
+                id: 'download',
                 title: $localize `:@@download:Download`,
                 icon: 'file_download',
                 event: (row) => this.download(row),
@@ -18929,6 +18946,7 @@ class GenericListComponent extends BaseComponent {
         /* Add delete menu */
         if (this.deletable && this.canDelete) {
             this.rowMenuItems.unshift({
+                id: 'delete',
                 title: $localize `:@@delete:Delete`,
                 icon: 'delete_forever',
                 iconClass: 'tc-orange-800',
@@ -18939,6 +18957,7 @@ class GenericListComponent extends BaseComponent {
         /* Add edit menu */
         if (this.editable && this.canUpdate) {
             this.rowMenuItems.unshift({
+                id: 'edit',
                 title: $localize `:@@edit:Edit`,
                 icon: 'edit_note',
                 iconClass: 'tc-blue-400',
@@ -19172,14 +19191,16 @@ class GenericEmbeddedListComponent extends GenericListComponent {
      * Menu options for managing a list of items, including delete and more options.
      */
     itemListMenu = [
+        /* Option to remove the selected item from the list */
         {
-            /* Option to remove the selected item from the list */
+            id: 'delete',
             icon: 'delete_forever',
             event: (_, __, i) => this.removeItem(i),
             hide: (item) => (item?.id ?? 0) > 0
         },
+        /* Action to show additional options for the item */
         {
-            /* Action to show additional options for the item */
+            id: 'more',
             icon: 'more_vert',
             hide: (item) => (item?.id ?? 0) <= 0,
             items: this.rowMenuItems
@@ -19649,6 +19670,7 @@ class GenericFormBaseComponent extends BaseComponent {
      * Toolbar action buttons.
      */
     toolbarActions = [{
+            id: 'refresh',
             icon: 'refresh',
             tooltip: $localize `:@@refreshPage:Refresh the page`,
             event: () => this.reloadPage(),
@@ -20069,6 +20091,7 @@ class GenericFormBaseComponent extends BaseComponent {
         /* Add 'Delete' menu item */
         if (this.deletable) {
             this.toolbarMenuItems.push({
+                id: 'delete',
                 title: $localize `:@@delete:Delete`,
                 icon: 'delete_forever',
                 iconClass: 'tc-orange-800',
@@ -20082,7 +20105,7 @@ class GenericFormBaseComponent extends BaseComponent {
             /* Sort the menu items by index */
             Utils.sortArray(this.toolbarMenuItems, 'index');
             /* Add the toolbar menu items to the the toolbar actions */
-            this.toolbarActions.push({ icon: 'more_vert', items: this.toolbarMenuItems });
+            this.toolbarActions.push({ id: 'more', icon: 'more_vert', items: this.toolbarMenuItems });
         }
     }
     /**