ngx-material-entity 16.1.1 → 16.1.2

package/functions/dropdown-values-to-function.function.d.ts

@@ -0,0 +1,11 @@
+import { DropdownValue } from '../decorators/base/dropdown-value.interface';
+/**
+ * Generic Type for all possible values that can be provided as dropdown values.
+ */
+export type DropdownValues<T> = DropdownValue<T | undefined>[] | ((entity: any) => DropdownValue<T | undefined>[]) | ((entity: any) => Promise<DropdownValue<T | undefined>[]>);
+/**
+ * Transforms the given dropdown values to an async function.
+ * @param dropdownValues - The dropdown values to transform.
+ * @returns An abstract function.
+ */
+export declare function dropdownValuesToFunction<T>(dropdownValues: DropdownValues<T>): (entity: any) => Promise<DropdownValue<T | undefined>[]>;

package/global-configuration-values.d.ts

@@ -88,16 +88,26 @@ export interface NgxGlobalDefaultValues {
      * @default 'Leave'
      */
     confirmUnsavedChangesLabel: string;
+    /**
+     * The label for the button to close a dialog without changes.
+     * @default 'Close'
+     */
+    confirmUnsavedChangesDialogLabel: string;
     /**
      * The title for confirming to leave without changes.
      * @default 'Unsaved Changes'
      */
     confirmUnsavedChangesTitle: string;
     /**
-     * The text for confirming to leave without changes.
+     * The text for confirming to leave a page without changes.
      * @default ['You have unsaved changes that will be deleted when you leave this page.', 'Continue?']
      */
     confirmUnsavedChangesText: string[];
+    /**
+     * The text for confirming to leave a dialog without changes.
+     * @default ['You have unsaved changes that will be deleted when you close this dialog.', 'Continue?']
+     */
+    confirmUnsavedChangesDialogText: string[];
     /**
      * The title for the add array item dialog.
      * @default 'Add to array'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-material-entity",
-  "version": "16.1.1",
+  "version": "16.1.2",
   "license": "MIT",
   "keywords": [
     "angular",

package/services/unsaved-changes.guard.d.ts

@@ -1,16 +1,23 @@
-import { UrlTree } from '@angular/router';
-import { Observable } from 'rxjs';
-import { NgxMatEntityCreatePageComponent } from '../components/create-page/create-page.component';
-import { NgxMatEntityEditPageComponent } from '../components/edit-page/edit-page.component';
+import { CanDeactivateFn } from '@angular/router';
 /**
- * Can be either an edit or an create page.
+ * Interface definition for a page that can work with the UnsavedChangesGuard.
  */
-type PageComponent = NgxMatEntityEditPageComponent<any> | NgxMatEntityCreatePageComponent<any>;
+export interface UnsavedChangesPage {
+    /**
+     * Whether the page can be left without confirmation of unsaved changes.
+     * @returns Whether or not the page can be left without confirmation.
+     */
+    canDeactivate: () => boolean;
+    /**
+     * Opens the confirm dialog for navigating with unsaved changes.
+     * @returns The the promise boolean result of the confirm dialog.
+     */
+    openConfirmNavigationDialog: () => Promise<boolean>;
+}
 /**
  * A guard that checks if the user has unsaved changes and then prompts a confirmation from him.
  * Is used by the ngx-material-entity edit and create pages.
  * @param component - The component, can be either an edit or create page.
  * @returns An observable containing whether or not the user can continue.
  */
-export declare function UnsavedChangesGuard(component: PageComponent): Observable<boolean | UrlTree>;
-export {};
+export declare const UnsavedChangesGuard: CanDeactivateFn<UnsavedChangesPage>;