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

package/fesm2022/messaia-cdk.mjs

@@ -1509,14 +1509,15 @@ class BaseComponent {
     /**
      * Shows a confirmation dialog to send some data.
      *
-     * @param message - The message to display in the dialog.
-     * @param observable - The observable instance to handle the data.
-     * @param successCallback - Optional callback to be invoked on successful operation.
-     * @param errorCallback - Optional callback to be invoked on an error.
-     * @param acceptButtonText - Optional text for the accept button.
-     * @param cancelButtonText - Optional text for the cancel button.
-     */
-    showConfirmationDialog(message, observabe, successCallback, errorCallback, acceptButtonText, cancelButtonText, dialogConfig) {
+     * @param message - The message to display in the confirmation dialog.
+     * @param observable - The Observable operation to execute upon confirmation.
+     * @param successCallback - Optional callback invoked on successful completion of the Observable.
+     * @param errorCallback - Optional callback invoked if the Observable errors.
+     * @param acceptButtonText - Optional text for the accept button (default is localized "Yes").
+     * @param cancelButtonText - Optional text for the cancel button (default is localized "Cancel").
+     * @param dialogConfig - Optional Angular Material dialog configuration.
+     */
+    showConfirmationDialog = (message, observable, successCallback, errorCallback, acceptButtonText, cancelButtonText, dialogConfig) => {
         this.dialogService
             .openConfirm({
             message: message,
@@ -1526,7 +1527,7 @@ class BaseComponent {
         }, dialogConfig ?? { maxWidth: 480 })
             .afterClosed().subscribe((accept) => {
             if (accept) {
-                observabe.subscribe({
+                observable.subscribe({
                     next: (x) => {
                         this.showMessage($localize `:@@snackbar.send.success:Data sent successfully.`);
                         if (successCallback) {
@@ -1541,7 +1542,7 @@ class BaseComponent {
                 });
             }
         });
-    }
+    };
     /**
      * Opens a task dialog with the specified configuration.
      *
@@ -1572,12 +1573,12 @@ class BaseComponent {
      *     },
      * });
      */
-    showTaskDialog(config, dialogConfig) {
+    showTaskDialog = (config, dialogConfig) => {
         return this.openDialog(VdTaskDialogComponent, Object.assign(dialogConfig ?? {}, {
             data: new TaskDialogData(config),
             disableClose: true
         }));
-    }
+    };
     /**
      * Opens a dialog of the specified type with the provided configuration.
      *
@@ -11352,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;
@@ -17346,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 */
@@ -17357,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
                         }));
@@ -18350,6 +18362,7 @@ class GenericListComponent extends BaseComponent {
      * @type {ActionItem[]}
      */
     toolbarActions = [{
+            id: 'refresh',
             icon: 'refresh',
             tooltip: $localize `:@@refreshList:Refresh the list`,
             event: () => this.loadList()
@@ -18859,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',
@@ -18870,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()
@@ -18878,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',
@@ -18888,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 });
         }
     }
     /**
@@ -18910,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),
@@ -18919,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),
@@ -18928,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',
@@ -18938,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',
@@ -19171,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
@@ -19648,6 +19670,7 @@ class GenericFormBaseComponent extends BaseComponent {
      * Toolbar action buttons.
      */
     toolbarActions = [{
+            id: 'refresh',
             icon: 'refresh',
             tooltip: $localize `:@@refreshPage:Refresh the page`,
             event: () => this.reloadPage(),
@@ -20068,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',
@@ -20081,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 });
         }
     }
     /**