@mediusinc/mng-commons 0.2.5 → 0.2.6

package/fesm2020/mediusinc-mng-commons.mjs

@@ -3315,7 +3315,6 @@ class ActionTriggerResult {
 class TableviewComponentService {
     constructor() {
         this.actions = [];
-        console.log('TableviewComponentService init.');
     }
     reloadTable() {
         // TODO: add callback functions to implement
@@ -4880,6 +4879,10 @@ class MngFormlyFieldInputComponent extends FieldType {
     ngOnInit() {
         this.iFormControl = this.formControl;
         this.descriptor = this.to['descriptor'];
+        if (this.to.type === 'datepicker' && typeof this.iFormControl.value === 'string') {
+            const dateObject = new Date(this.iFormControl.value);
+            this.iFormControl.setValue(dateObject);
+        }
     }
 }
 MngFormlyFieldInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngFormlyFieldInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -5313,7 +5316,6 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
         const hasEditAction = this.descriptor.actions.some(a => a === FieldManyEditorDescriptor.ActionEnum.Edit);
         const hasDeleteAction = this.descriptor.actions.some(a => a === FieldManyEditorDescriptor.ActionEnum.Delete);
         if (hasAddAction) {
-            console.log(this.descriptor.tableviewDescriptor.addEditor);
             const addAction = new ActionEditorDescriptor(this.descriptor.tableviewDescriptor.addEditor, 'add', this.descriptor.editor.model.type, this.descriptor.property)
                 .withTitle(null)
                 .withIcon('pi pi-plus')
@@ -5585,7 +5587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
             }] } });
 
 class AMngTableviewRouteComponent {
-    constructor() {
+    ngOnInit() {
         this.descriptor = this.createTableviewDescriptor();
         this.dataProvider = this.createTableviewDataProvider();
         this.actions = this.createActionDescriptors();
@@ -5603,7 +5605,35 @@ AMngTableviewRouteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.
 AMngTableviewRouteComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: AMngTableviewRouteComponent, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: AMngTableviewRouteComponent, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return []; } });
+        }] });
+
+class MngTableviewRouteComponent extends AMngTableviewRouteComponent {
+    constructor(route) {
+        super();
+        this.route = route;
+    }
+    createTableviewDescriptor() {
+        if (!this.route.snapshot.data['tableviewData'].descriptor) {
+            throw Error('Tableview requires a descriptor.');
+        }
+        return this.route.snapshot.data['tableviewData'].descriptor;
+    }
+    createTableviewDataProvider() {
+        if (!this.route.snapshot.data['tableviewData'].dataProvider) {
+            throw Error('Tableview requires a data provider.');
+        }
+        return this.route.snapshot.data['tableviewData'].dataProvider;
+    }
+    createActionDescriptors() {
+        return this.route.snapshot.data['tableviewData'].actions ?? super.createActionDescriptors();
+    }
+}
+MngTableviewRouteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngTableviewRouteComponent, deps: [{ token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+MngTableviewRouteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: MngTableviewRouteComponent, selector: "mng-tableview-route", usesInheritance: true, ngImport: i0, template: "<div class=\"grid\">\n    <div class=\"col-12\">\n        <mng-tableview [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview>\n    </div>\n</div>\n", components: [{ type: MngTableviewComponent, selector: "mng-tableview", inputs: ["descriptor", "dataProvider", "actions"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: MngTableviewRouteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mng-tableview-route', template: "<div class=\"grid\">\n    <div class=\"col-12\">\n        <mng-tableview [descriptor]=\"descriptor\" [dataProvider]=\"dataProvider\" [actions]=\"actions\"></mng-tableview>\n    </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$2.ActivatedRoute }]; } });
 
 function mngCommonsInitializerProvider(mngCommons) {
     return () => mngCommons.initialize();
@@ -5860,6 +5890,7 @@ const declarations = [
     MngTableviewComponent,
     MngTableColumnValueComponent,
     MngTableColumnFilterComponent,
+    MngTableviewRouteComponent,
     // editor components
     MngFormEditorComponent,
     MngActionComponent,
@@ -5950,6 +5981,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MngTableviewComponent,
         MngTableColumnValueComponent,
         MngTableColumnFilterComponent,
+        MngTableviewRouteComponent,
         // editor components
         MngFormEditorComponent,
         MngActionComponent,
@@ -6056,6 +6088,7 @@ MngCommonsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MngTableviewComponent,
         MngTableColumnValueComponent,
         MngTableColumnFilterComponent,
+        MngTableviewRouteComponent,
         // editor components
         MngFormEditorComponent,
         MngActionComponent,
@@ -6202,6 +6235,314 @@ class AMngCrudApiService {
     }
 }
 
+class RouteUtil {
+    static removeEmptyPathSegments(path) {
+        const filteredPath = path.filter(ps => typeof ps === 'string' && ps.length > 0);
+        return filteredPath.length > 0 ? filteredPath : [''];
+    }
+    static appendPathToBasePath(basePath, path) {
+        if (path.length > 0) {
+            if (path[0].startsWith('/')) {
+                return path;
+            }
+            else if (path[0].startsWith('../')) {
+                // TODO: process multi upper folder
+                throw new Error('Not implemented');
+            }
+            else {
+                return RouteUtil.removeEmptyPathSegments([...basePath, ...path]);
+            }
+        }
+        else {
+            return basePath;
+        }
+    }
+}
+
+class RoutesBuilder {
+    constructor(layoutRoute) {
+        this.routes = [];
+        this.layoutRoute = layoutRoute?.withRoot(this);
+    }
+    static create() {
+        return new RoutesBuilder();
+    }
+    static createWithLayout(layoutComponent = MngMainLayoutComponent) {
+        const routesBuilder = new RoutesBuilder(RouteBuilder.create('', layoutComponent));
+        return routesBuilder;
+    }
+    addAngularRoute(route) {
+        return this.addRouteBuilder(RouteBuilder.createFromRoute(route));
+    }
+    addRouteRedirect(path, redirectTo, pathMatch = 'prefix') {
+        return this.addRouteBuilder(RouteBuilder.createRedirect(path, redirectTo, pathMatch));
+    }
+    addLazyRoute(path, loadChildren) {
+        return this.addRouteBuilder(RouteBuilder.createFromRoute({ path: path, loadChildren: loadChildren }));
+    }
+    addRoute(path, component) {
+        return this.addRouteBuilder(RouteBuilder.create(path, component));
+    }
+    addTableviewRoutes(path, descriptor, tableviewDataProvider, actions, hasDetails = true, hasEdit = true, hasAdd = true) {
+        return this.addRouteBuilder(RouteBuilder.createTableviewRoutes(path, descriptor, tableviewDataProvider, actions, hasDetails, hasEdit, hasAdd));
+    }
+    addTableviewRoutesFromComponent(path, component, hasDetails = true, hasEdit = true, hasAdd = true) {
+        return this.addRouteBuilder(RouteBuilder.createTableviewRoutesFromComponent(path, component, hasDetails, hasEdit, hasAdd));
+    }
+    addRouteBuilder(routeBuilder) {
+        this.currentRoute = routeBuilder.withRoot(this);
+        this.routes.push(routeBuilder);
+        return this;
+    }
+    toRoute() {
+        if (!this.currentRoute) {
+            throw new Error('No routes were added!');
+        }
+        return this.currentRoute;
+    }
+    buildRoutes() {
+        let angularRoutes = [];
+        for (let route of this.routes) {
+            angularRoutes.push(route.buildRoute());
+        }
+        if (this.layoutRoute) {
+            const layoutAngularRoute = this.layoutRoute.buildRoute();
+            if (angularRoutes.length > 0) {
+                layoutAngularRoute.children = angularRoutes;
+            }
+            angularRoutes = [layoutAngularRoute];
+        }
+        return angularRoutes;
+    }
+    buildMenu() {
+        const menuItems = [];
+        for (const route of this.routes) {
+            menuItems.push(...route.buildMenu());
+        }
+        return menuItems.flat();
+    }
+}
+class RouteBuilder {
+    constructor(route) {
+        this.routePath = [];
+        this.children = [];
+        this.menuItemChildren = [];
+        if (!route.data) {
+            route.data = {};
+        }
+        if (!route.data['breadcrumb']) {
+            route.data['breadcrumb'] = null;
+        }
+        this.route = route;
+        if (this.route.path && this.route.path.length > 0) {
+            this.routePath = [this.route.path];
+        }
+    }
+    static create(path, component) {
+        return new RouteBuilder({
+            path: path,
+            component: component
+        });
+    }
+    static createRedirect(path, redirectTo, pathMatch = 'prefix') {
+        return new RouteBuilder({
+            path: path,
+            redirectTo: redirectTo,
+            pathMatch: pathMatch
+        });
+    }
+    static createFromRoute(route) {
+        return new RouteBuilder(route);
+    }
+    static createTableviewRoutes(path, descriptor, tableviewDataProvider, actions, hasDetails = true, hasEdit = true, hasAdd = true) {
+        const tableviewRoute = RouteBuilder.createFromRoute({
+            data: {
+                tableviewData: {
+                    descriptor: descriptor,
+                    dataProvider: tableviewDataProvider,
+                    actions: actions
+                }
+            },
+            path: path,
+            component: MngTableviewRouteComponent
+        });
+        RouteBuilder.addActionsSubroutesToTableviewParent(tableviewRoute, hasDetails, hasEdit, hasAdd);
+        return tableviewRoute;
+    }
+    static createTableviewRoutesFromComponent(path, component, hasDetails = true, hasEdit = true, hasAdd = true) {
+        const actionCrudRoute = RouteBuilder.create(path, component);
+        RouteBuilder.addActionsSubroutesToTableviewParent(actionCrudRoute, hasDetails, hasEdit, hasAdd);
+        return actionCrudRoute;
+    }
+    static addActionsSubroutesToTableviewParent(parentRoute, hasDetails, hasEdit, hasAdd) {
+        parentRoute.addChild('', MngActionRouteComponent);
+        if (hasAdd) {
+            parentRoute.addChild('add', MngActionRouteComponent);
+        }
+        if (hasDetails) {
+            parentRoute.addChild(':itemId', MngActionRouteComponent);
+        }
+        if (hasEdit) {
+            parentRoute.addChild(':itemId/edit', MngActionRouteComponent);
+        }
+    }
+    withRoot(routesBuilder) {
+        this.root = routesBuilder;
+        return this;
+    }
+    withParent(parent) {
+        this.parent = parent;
+        this.routePath = RouteUtil.removeEmptyPathSegments([...this.parent.routePath, this.route.path ?? '']);
+        return this;
+    }
+    withBreadcrumb(breadcrumb) {
+        this.breadcrumb = breadcrumb;
+        this.route.data['breadcrumb'] = breadcrumb;
+        return this;
+    }
+    withPageTitle(pageTitle) {
+        this.pageTitle = pageTitle;
+        this.route.data['pageTitle'] = pageTitle;
+        return this;
+    }
+    withRedirectTo(redirectTo) {
+        this.route.redirectTo = redirectTo;
+        return this;
+    }
+    withPathMatch(pathMatch) {
+        this.route.pathMatch = pathMatch;
+        return this;
+    }
+    withTitle(title) {
+        this.withPageTitle(title);
+        this.withBreadcrumb(title);
+        return this;
+    }
+    withData(data) {
+        this.route.data = data;
+        return this;
+    }
+    withPrimeMenuItem(menuItem) {
+        this.menuItem = menuItem;
+        return this;
+    }
+    withMenuItem(icon, label, routerLink) {
+        this.menuItem = this.createMenuItem(icon, label, routerLink);
+        return this;
+    }
+    withMenuItemChild(label, icon, routerLink) {
+        this.menuItemChildren.push(this.createMenuItem(icon, label, routerLink));
+        return this;
+    }
+    createMenuItem(icon, label, routerLink) {
+        const menuItem = {};
+        if (icon) {
+            menuItem.icon = icon;
+        }
+        if (label) {
+            menuItem.label = label;
+        }
+        if (routerLink) {
+            menuItem.routerLink = RouteUtil.appendPathToBasePath(this.routePath, routerLink);
+            ;
+        }
+        else {
+            menuItem.routerLink = this.routePath;
+        }
+        return menuItem;
+    }
+    withMenuItemChildren(routesBuilder) {
+        const menu = routesBuilder.buildMenu();
+        this.adjustMenuRouterLinksFromBuilder(menu);
+        this.menuItemChildren.push(...menu);
+        return this;
+    }
+    adjustMenuRouterLinksFromBuilder(menuItems) {
+        for (const menuItem of menuItems) {
+            if (menuItem.routerLink) {
+                menuItem.routerLink = RouteUtil.appendPathToBasePath(this.routePath, menuItem.routerLink);
+            }
+            if (Array.isArray(menuItem.items)) {
+                this.adjustMenuRouterLinksFromBuilder(menuItem.items);
+            }
+        }
+    }
+    addChild(path, component) {
+        const childRouteBuilder = RouteBuilder.create(path, component);
+        this.addChildBuilder(childRouteBuilder);
+        return childRouteBuilder;
+    }
+    addChildBuilder(routeBuilder) {
+        routeBuilder.withParent(this);
+        if (this.root) {
+            routeBuilder.withRoot(this.root);
+        }
+        this.children.push(routeBuilder);
+        return this;
+    }
+    addTableviewRoutes(path, descriptor, tableviewDataProvider, actions, hasDetails = true, hasEdit = true, hasAdd = true) {
+        const routeBuilder = RouteBuilder.createTableviewRoutes(path, descriptor, tableviewDataProvider, actions, hasDetails, hasEdit, hasAdd);
+        this.addChildBuilder(routeBuilder);
+        return routeBuilder;
+    }
+    addTableviewRoutesFromComponent(path, component, hasDetails = true, hasEdit = true, hasAdd = true) {
+        const routeBuilder = RouteBuilder.createTableviewRoutesFromComponent(path, component, hasDetails, hasEdit, hasAdd);
+        this.addChildBuilder(routeBuilder);
+        return routeBuilder;
+    }
+    toParent() {
+        if (!this.parent) {
+            throw new Error('Parent was not provided.');
+        }
+        return this.parent;
+    }
+    toRoot() {
+        if (!this.root) {
+            throw new Error('Root was not provided.');
+        }
+        return this.root;
+    }
+    finish() {
+        return this.toRoot();
+    }
+    buildRoute() {
+        const angularRoute = {
+            ...this.route
+        };
+        if ((this.route.children?.length ?? 0) > 0 || this.children.length > 0) {
+            // route has children
+            angularRoute.children = [];
+            if (this.route.children?.length) {
+                angularRoute.children.push(...this.route.children);
+            }
+            if (this.children.length) {
+                for (let childRoute of this.children) {
+                    angularRoute.children.push(childRoute.buildRoute());
+                }
+            }
+        }
+        return angularRoute;
+    }
+    buildMenu() {
+        const menuItem = this.menuItem ? { ...this.menuItem } : null;
+        const routeChildrenMenuItems = this.children.flatMap(child => child.buildMenu());
+        const menuItemChildren = [];
+        if (menuItem?.items) {
+            menuItemChildren.push(...menuItem.items);
+        }
+        menuItemChildren.push(...this.menuItemChildren, ...routeChildrenMenuItems);
+        if (!menuItem) {
+            return menuItemChildren;
+        }
+        menuItem.label = menuItem.label ?? this.pageTitle;
+        menuItem.routerLink = RouteUtil.removeEmptyPathSegments(menuItem.routerLink ?? this.routePath);
+        if (menuItemChildren.length > 0) {
+            menuItem.items = menuItemChildren;
+        }
+        return [menuItem];
+    }
+}
+
 /*
  * Public API Surface of mng-commons
  */
@@ -6210,5 +6551,5 @@ class AMngCrudApiService {
  * Generated bundle index. Do not edit.
  */
 
-export { AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngCrudApiService, AMngTableviewRouteComponent, ActionActivationResult, ActionActivationTriggerEnum, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionError, ActionExecContext, ActionLevelEnum, ActionPositionEnum, ActionRunResult, ActionTriggerResult, ActionTypeEnum, ColumnDescriptor, DataProvider, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, FieldGroupDescriptor, FieldInputDescriptor, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldManyEditorDescriptor, FieldManyToManyEditorDescriptor, FieldTabGroupDescriptor, FieldValidator, FilterDescriptor, FilterLookupDescriptor, I18nUtil, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusQueryResultBase, MediusQueryResultWithObject, MediusRestUtil, MngActionComponent, MngActionDialogComponent, MngActionRouteComponent, MngActionService, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDropdownComponent, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormlyFieldAutocompleteComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngFormlyTableWrapperComponent, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngPropertyPathPipe, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableviewComponent, MngTemplateDirective, MngTopbarComponent, ModelDescriptor, ModelUtil, ObjectSerializer, TableDescriptor, TableviewComponentService, TableviewDataProvider, TableviewDescriptor, ToastUtil, TypeName, TypeUtil, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getFormlyValidationMessages, getMaxLengthValidationMessage, getMinLengthValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngCommonsInitializerProvider, mngConfigJsonAppInitializerProvider, mngConfigurationServiceProvider, mngFormlyConfigProvider, primeNgModules, typeMapBase, typeNameDecoratorPropertyName };
+export { AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngCrudApiService, AMngTableviewRouteComponent, ActionActivationResult, ActionActivationTriggerEnum, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionError, ActionExecContext, ActionLevelEnum, ActionPositionEnum, ActionRunResult, ActionTriggerResult, ActionTypeEnum, ColumnDescriptor, DataProvider, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, FieldGroupDescriptor, FieldInputDescriptor, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldManyEditorDescriptor, FieldManyToManyEditorDescriptor, FieldTabGroupDescriptor, FieldValidator, FilterDescriptor, FilterLookupDescriptor, I18nUtil, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusQueryResultBase, MediusQueryResultWithObject, MediusRestUtil, MngActionComponent, MngActionDialogComponent, MngActionRouteComponent, MngActionService, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDropdownComponent, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormlyFieldAutocompleteComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngFormlyTableWrapperComponent, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngPropertyPathPipe, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTopbarComponent, ModelDescriptor, ModelUtil, ObjectSerializer, RouteBuilder, RoutesBuilder, TableDescriptor, TableviewComponentService, TableviewDataProvider, TableviewDescriptor, ToastUtil, TypeName, TypeUtil, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getFormlyValidationMessages, getMaxLengthValidationMessage, getMinLengthValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngCommonsInitializerProvider, mngConfigJsonAppInitializerProvider, mngConfigurationServiceProvider, mngFormlyConfigProvider, primeNgModules, typeMapBase, typeNameDecoratorPropertyName };
 //# sourceMappingURL=mediusinc-mng-commons.mjs.map