@es.framework/ng.ui.core 2.0.63 → 2.0.65

package/fesm2022/es.framework-ng.ui.core-generic-view.mjs

@@ -1,31 +1,37 @@
-import * as i7 from 'primeng/tooltip';
+import * as i8 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import * as i0 from '@angular/core';
-import { inject, EventEmitter, Input, ViewChild, Output, Component, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
+import { inject, EventEmitter, Input, ViewChild, Output, Optional, Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
 import { Location, CommonModule } from '@angular/common';
-import * as i2 from 'primeng/toolbar';
+import * as i3 from 'primeng/toolbar';
 import { ToolbarModule } from 'primeng/toolbar';
-import * as i4 from 'primeng/button';
+import * as i5 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import { FormlyForm } from '@ngx-formly/core';
-import * as i6 from '@angular/forms';
+import * as i7 from '@angular/forms';
 import { UntypedFormGroup, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i5 from 'primeng/tabs';
+import * as i6 from 'primeng/tabs';
 import { TabsModule } from 'primeng/tabs';
 import { TranslatePipe } from '@es.framework/ng.core/pipes';
 import { BreadcrumbComponent } from '@es.framework/ng.ui.core/breadcrumb';
-import { BaseService, SwalService } from '@es.framework/ng.core/services';
+import { SchemaService, BaseService, SwalService, RestService } from '@es.framework/ng.core/services';
 import { ActivatedRoute, Router } from '@angular/router';
-import * as i8 from 'primeng/progressspinner';
+import * as i9 from 'primeng/progressspinner';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
+import * as i1 from 'primeng/dynamicdialog';
+import { DialogService } from 'primeng/dynamicdialog';
 import { GenericDialogComponent } from '@es.framework/ng.ui.core/generic-dialog';
 import { GenericButton } from '@es.framework/ng.ui.core/generic-button';
-import * as i3 from 'primeng/api';
+import * as i4 from 'primeng/api';
 
 class GenericViewComponent {
+    cdr;
+    ref;
+    config;
     route = inject(ActivatedRoute);
     router = inject(Router);
+    schemaService = inject(SchemaService);
     form = new UntypedFormGroup({});
     title = '';
     actions = [];
@@ -40,22 +46,26 @@ class GenericViewComponent {
     moduleName = '';
     idField = 'id';
     standaloneMode = false;
+    useRouteParams = true;
+    query;
+    currentId;
+    useTabs = true;
     isViewMode = true; // وضع المشاهدة فقط
     isCreateMode = false; // وضع الاضافة فقط
     isEditMode = false; // وضع التعديل
     model = {};
     displayMode = 'drawer';
-    mode = 'full';
+    mode = 'detail';
     action = new EventEmitter();
     afterDelete = new EventEmitter();
     dialog;
     inlineForm;
     tabs_ = [];
     model_ = {};
-    currentId;
     list = [];
     totalRecords = 0;
     loading = false;
+    showToolbar = true;
     // pagination state
     pageSize = 10;
     pageIndex = 0;
@@ -63,25 +73,57 @@ class GenericViewComponent {
     currentFilters = {};
     pageFilters = {};
     searchGlobal = '';
+    dialogService = inject(DialogService);
     swalService = inject(SwalService);
     _location = inject(Location);
     ngOnInit() {
-        this.loading = true;
+        this.init();
+    }
+    constructor(cdr, ref, config) {
+        this.cdr = cdr;
+        this.ref = ref;
+        this.config = config;
+        if (config && config.data) {
+            const data = config?.data ?? {};
+            this.currentId = data.currentId ?? this.currentId;
+            this.isViewMode = data.isViewMode ?? this.isViewMode;
+            this.apiName = data.apiName ?? this.apiName;
+            this.moduleName = data.moduleName ?? this.moduleName;
+            this.useRouteParams = data.useRouteParams ?? this.useRouteParams;
+            this.standaloneMode = data.standaloneMode ?? this.standaloneMode;
+            this.useTabs = data.useTabs ?? this.useTabs;
+            this.formFields = data.formFields ?? this.formFields;
+            this.tabs = data.tabs ?? this.tabs;
+            this.breadcrumb = data.breadcrumb ?? this.breadcrumb;
+            this.showToolbar = data.showToolbar ?? this.showToolbar;
+            this.mode = data.mode ?? this.mode;
+        }
+        this.init();
+    }
+    init() {
         if (this.apiName) {
+            this.service.moduleName = this.service.moduleName || this.moduleName;
             this.service.apiName = this.apiName;
-            this.service.moduleName = this.moduleName;
         }
         this.actions_ = this.actions.filter(c => c.name != 'view');
-        this.route.paramMap.subscribe(params => {
-            const id = params.get(this.idField);
-            if (id) {
-                this.currentId = id;
-                if (this.standaloneMode) {
-                    this.loadList();
+        if (this.useRouteParams) {
+            this.route.paramMap.subscribe(params => {
+                const id = params.get(this.idField);
+                if (id) {
+                    this.currentId = id;
+                    if (this.standaloneMode) {
+                        this.loadList();
+                    }
                 }
+                this.refresh();
+            });
+        }
+        else {
+            if (this.standaloneMode && (this.currentId || this.query)) {
+                this.loadList();
+                this.initTabs();
             }
-            this.refresh();
-        });
+        }
     }
     refresh() {
         // detect mode based on route
@@ -89,7 +131,16 @@ class GenericViewComponent {
         this.isViewMode = url.includes('/view');
         this.isEditMode = url.includes('/edit');
         this.isCreateMode = url.includes('/create') || url.endsWith('/new') || url.endsWith('/add');
+        this.initTabs();
+    }
+    initTabs() {
         this.tabs_ = [];
+        if (this.tabs.length == 0) {
+            this.tabs.push({
+                header: 'Details',
+                fields: []
+            });
+        }
         for (let i = 0; i < this.tabs.length; i++) {
             const t = this.tabs[i];
             this.tabs_.push({
@@ -97,113 +148,17 @@ class GenericViewComponent {
                 fields: [
                     {
                         props: { label: '' },
-                        // fieldGroupClassName: 'grid grid-cols-1 md:grid-cols-2 gap-3', // TODO
+                        // fieldGroupClassName: 'grid grid-cols-1 md:grid-cols-2  gap-3', // TODO
                         fieldGroupClassName: '',
                         fieldGroup: this.isCreateMode || this.isEditMode
-                            ? this.getCreateEditFields(i == 0 ? this.formFields : t.fields)
-                            : this.getViewFields(i == 0 ? this.formFields : t.fields),
+                            ? this.schemaService.getCreateEditFields(i == 0 ? this.formFields : t.fields, this.isViewMode)
+                            : this.schemaService.getViewFields(i == 0 ? this.formFields : t.fields, this.isViewMode),
                     },
                 ],
             });
         }
-        this.loading = false;
+        // this.loading = false;
     }
-    // as form
-    getCreateEditFields(fields = []) {
-        return fields.map(f => ({
-            ...f,
-            props: { ...f.props, readonly: this.viewMode, disabled: this.viewMode },
-        }));
-    }
-    getViewFields(fields = []) {
-        const flatten = (fields) => fields.flatMap((field) => {
-            /* 1. GROUP / PANEL / WRAPPER */
-            if (field.fieldGroup?.length) {
-                const children = flatten(field.fieldGroup);
-                if (!children.length)
-                    return [];
-                return [{
-                        ...field,
-                        wrappers: field.wrappers,
-                        props: { ...field.props },
-                        fieldGroupClassName: field.fieldGroupClassName,
-                        fieldGroup: children
-                    }];
-            }
-            /* 2. FIELD ARRAY (REPEAT / TABLE / MULTI) */
-            const fieldArrayConfig = typeof field.fieldArray === 'function'
-                ? field.fieldArray(field)
-                : field.fieldArray;
-            if (field.fieldArray) {
-                if (field.props?.['view']?.hidden)
-                    return [];
-                const children = flatten(fieldArrayConfig?.fieldGroup || []);
-                if (!children.length)
-                    return [];
-                return [{
-                        ...field,
-                        type: field.props?.['view']?.type || field.type,
-                        readonly: this.viewMode,
-                        disabled: this.viewMode,
-                        fieldArray: {
-                            ...fieldArrayConfig,
-                            fieldGroup: children
-                        }
-                    }];
-            }
-            /* 3. SINGLE FIELD */
-            if (!field.props || field.props['view']?.hidden)
-                return [];
-            const type = field.props['view']?.type ||
-                field.props['table']?.type ||
-                field.props['filter']?.type ||
-                'custom-label-type';
-            return [{
-                    type,
-                    key: field.key,
-                    readonly: this.viewMode,
-                    disabled: this.viewMode,
-                    wrappers: field.wrappers ?? ['field-wrapper'],
-                    className: field.className,
-                    props: {
-                        ...field.props,
-                        ...(field.props['view']?.props ||
-                            field.props['table']?.props ||
-                            field.props['filter']?.props ||
-                            {}),
-                    },
-                    expressions: field.props['view']?.expressions ||
-                        field.props['table']?.expressions ||
-                        field.props['filter']?.expressions
-                }];
-        });
-        return flatten(fields);
-    }
-    // getViewFields(fields: FormlyFieldConfig[] = []): FormlyFieldConfig[] {
-    //   const flatten = (fields: FormlyFieldConfig[]): FormlyFieldConfig[] =>
-    //     fields.flatMap(field => {
-    //       if (field.fieldGroup?.length) return flatten(field.fieldGroup);
-    //       if (!field.props
-    //         || field.props['view']?.hidden
-    //         // || field.props['table']?.hidden
-    //        ) return [];
-    //       const type = field.props['view']?.type || field.props['table']?.type || 'custom-label-type';
-    //       return [{
-    //         type,
-    //         key: field['key'],
-    //         readonly: this.viewMode,
-    //         disabled: this.viewMode,
-    //         wrappers: field.wrappers ?? ['field-wrapper'],
-    //         props: {
-    //           ...field.props,
-    //           ...(field.props['view']?.props || field.props['table']?.props),
-    //         },
-    //         expressions: field.props['view']?.expressions || field.props['view']?.expressions,
-    //       }];
-    //     });
-    //   return flatten(fields);
-    // }
-    // Use a map to store form groups for each row and column
     cellForms = new Map();
     getForm(rowIndex) {
         const key = `${rowIndex}_`;
@@ -249,7 +204,8 @@ class GenericViewComponent {
     emitAction(event) {
         switch (event.name) {
             case 'edit':
-                this.dialog.openForm("edit", event.row);
+                // this.dialog.openForm("edit",event.row);
+                this.goToMode('edit');
                 break;
             case 'delete':
                 this.onDelete(event.row);
@@ -337,16 +293,26 @@ class GenericViewComponent {
             ...this.pageFilters,
             ...(this.searchGlobal ? { filter: this.searchGlobal } : {}),
         };
+        if (this.query) {
+            filters['query'] = this.query;
+        }
+        if (this.currentId) {
+            filters[this.idField] = this.currentId;
+        }
         this.service.getList(filters).subscribe({
             next: (res) => {
                 this.list = res.items;
                 this.totalRecords = res.totalCount;
                 this.loading = false;
-                // set model_ to current id item
-                const found = this.list.find(x => x[this.idField] == this.currentId);
-                if (found) {
-                    this.model_ = found;
+                if (this.list.length > 0) {
+                    this.model = this.list[0];
+                    this.model_ = this.list[0];
                 }
+                // set model_ to current id item
+                // const found = this.list.find(x => x[this.idField] == this.currentId);
+                // if (found) {
+                //   this.model_ = found;
+                // }
             },
             error: err => {
                 console.error('Error loading list', err);
@@ -375,8 +341,8 @@ class GenericViewComponent {
         const currentMode = this.isEditMode ? 'edit' : 'view';
         // this.goToMode(currentMode);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericViewComponent, isStandalone: true, selector: "app-detail-view", inputs: { title: "title", actions: "actions", createEditActions: "createEditActions", tabs: "tabs", viewMode: "viewMode", breadcrumb: "breadcrumb", service: "service", formFields: "formFields", apiName: "apiName", moduleName: "moduleName", idField: "idField", standaloneMode: "standaloneMode", isViewMode: "isViewMode", isCreateMode: "isCreateMode", isEditMode: "isEditMode", model: "model", displayMode: "displayMode", mode: "mode", loading: "loading" }, outputs: { action: "action", afterDelete: "afterDelete" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }, { propertyName: "inlineForm", first: true, predicate: ["inlineForm"], descendants: true }], ngImport: i0, template: "\n@if (mode === 'detail') {\n  <div  class=\"w-full flex flex-col gap-3\">\n    <!-- overlay -->\n    @if (loading) {\n      <div\n        class=\"absolute inset-0 bg-white/70 flex items-center justify-center z-50\">\n        <p-progress-spinner/>\n      </div>\n    }\n\n    <!-- actual content -->\n    <!-- Toolbar -->\n    <p-toolbar style=\"background: transparent;border: 0px;box-shadow: none;\" class=\"bg-transparent shadow-none border-none rounded-md px-3\">\n      <ng-template pTemplate=\"left\">\n        <!-- <span class=\"font-semibold text-lg xs:hidden block\">{{ title }}</span> -->\n        <app-breadcrumb class=\"xs:block\" [breadcrumb]=\"breadcrumb\"></app-breadcrumb> <!-- xs:block hidden -->\n      </ng-template>\n      <ng-template pTemplate=\"right\">\n        <div class=\"flex gap-2\">\n\n          <button\n            pButton pRipple\n            icon=\"pi pi-chevron-right\"\n            class=\"p-button-text p-button-sm fd-btn\"\n            pTooltip=\"\u0627\u0644\u062A\u0627\u0644\u064A\"\n            (click)=\"next()\"\n          ></button>\n          <button\n            pButton pRipple\n            icon=\"pi pi-chevron-left\"\n            class=\"p-button-text p-button-sm fd-btn\"\n            pTooltip=\"\u0627\u0644\u0633\u0627\u0628\u0642\"\n            (click)=\"previous()\"\n          ></button>\n        </div>\n      </ng-template>\n    </p-toolbar>\n    <p-toolbar class=\"bg-white shadow rounded-md px-3\">\n\n      <ng-template pTemplate=\"left\">\n        @if (isViewMode) {\n          <div class=\"flex gap-1\">\n            @for (action of actions_; track $index) {\n              <button\n                pButton pRipple\n                [icon]=\"action.icon ?? ''\"\n                [label]=\"(action.label ?? '') | translate\"\n                class=\"fd-btn\"\n                (click)=\"onAction(action,model)\"\n              ></button>\n            }\n          </div>\n        }\n      </ng-template>\n      <ng-template pTemplate=\"right\">\n        @if (isEditMode || isCreateMode) {\n          <div class=\"flex gap-1\">\n            @for (btn of createEditActions; track $index) {\n              @if (!btn.visible || (btn.visible && btn.visible === true)) {\n                @if (btn.type === 'submit' && inlineForm) {\n                  <lib-generic-button\n                    [type]=\"'submit'\"\n                    [loading]=\"inlineForm.loading\"\n                    [disabled]=\"inlineForm.loading || form.invalid\"\n                    [icon]=\"btn.icon\"\n                    [label]=\"btn.label | translate\"\n                    [variant]=\"btn.variant\"\n                    [severity]=\"btn.severity\"\n                    [size]=\"btn.size\"\n                    [model]=\"btn.splitActions\"\n                    [permission]=\"btn.permission\"\n                    (clicked)=\"inlineForm.onSubmit()\"\n                  ></lib-generic-button>\n                }\n                @else{\n                <lib-generic-button\n                  [icon]=\"btn.icon\"\n                  [label]=\"btn.label | translate\"\n                  [variant]=\"btn.variant\"\n                  [severity]=\"btn.severity\"\n                  [size]=\"btn.size\"\n                  [model]=\"btn.splitActions\"\n                  [permission]=\"btn.permission\"\n                  (clicked)=\"handleCreateEditAction(btn)\"\n                ></lib-generic-button>\n              }\n            }\n          }\n        </div>\n      }\n    </ng-template>\n\n  </p-toolbar>\n\n  <!-- Tabs -->\n  <p-tabs value=\"0\">\n    <p-tablist>\n      @for (tab of tabs_; track $index) {\n        <p-tab value=\"{{$index}}\">\n          <i [class]=\"tab.icon\"></i>\n          <span class=\"mr-1 ml-1\">{{ tab.header }}</span>\n        </p-tab>\n      }\n    </p-tablist>\n    <p-tabpanels>\n      @for (tab of tabs_; track $index) {\n        <p-tabpanel value=\"{{$index}}\">\n\n          <!-- Formly fields -->\n          <!-- border border-surface p-4-->\n          <div  class=\"\">\n            @if (tab.fields.length && $index === 0) {\n\n              @if (form) {\n                <form [formGroup]=\"form\">\n                  @if (tab.fields.length && $index === 0 ) {\n                    @if (isEditMode || isCreateMode) {\n                      <app-generic-dialog\n                        #inlineForm\n                        [form]=\"form\"\n                        [model]=\"model\"\n                        [formFields]=\"formFields ?? []\"\n                        [apiName]=\"apiName\"\n                        [moduleName]=\"moduleName\"\n                        [idField]=\"idField ??'id'\"\n                        [displayMode]=\"'inline'\"\n                        [mode]=\"'form-only'\"\n                        [forceState]=\"isCreateMode ? 'create':'edit'\"\n                        (afterSave)=\"afterSave($event)\"\n                        >\n                      </app-generic-dialog>\n                    }\n                    @else if(isViewMode){\n                    <formly-form\n                      [form]=\"form\"\n                      [fields]=\"tab.fields\"\n                      [model]=\"model\"\n                    ></formly-form>\n                  }\n                }\n              </form>\n            }\n\n          }\n          @if (tab.fields.length && $index > 0) {\n\n\n            <formly-form\n              [form]=\"getForm($index)\"\n              [fields]=\"tab.fields\"\n              [model]=\"tab.model || model\"\n            ></formly-form>\n\n          }\n\n          <!-- Custom template -->\n          @if (tab.content) {\n            <ng-container\n              *ngTemplateOutlet=\"tab.content; context: { model: model }\">\n            </ng-container>\n          }\n        </div>\n      </p-tabpanel>\n    }\n  </p-tabpanels>\n</p-tabs>\n</div>\n\n<!-- [model]=\"model\" -->\n<app-generic-dialog\n  #dialog\n  [formFields]=\"formFields ?? []\"\n  [apiName]=\"apiName\"\n  [moduleName]=\"moduleName\"\n  [idField]=\"idField ??'id'\"\n  [displayMode]=\"displayMode ?? 'dialog'\"\n  (afterSave)=\"afterSave($event)\"\n  >\n</app-generic-dialog>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i2.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i5.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i5.TabPanels, selector: "p-tabpanels" }, { kind: "component", type: i5.TabPanel, selector: "p-tabpanel", inputs: ["lazy", "value"], outputs: ["valueChange"] }, { kind: "component", type: i5.TabList, selector: "p-tablist" }, { kind: "component", type: i5.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BreadcrumbComponent, selector: "app-breadcrumb", inputs: ["breadcrumb"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: GenericDialogComponent, selector: "app-generic-dialog", inputs: ["form", "service", "formFields", "model", "apiName", "moduleName", "idField", "dialogMaxWidth", "displayMode", "mode", "forceState", "drawerVisible", "dialogVisible", "isViewMode", "isEditMode", "useConfirmOnSave", "loading", "errorMsg", "errorMessage", "beforeSaveTransform", "hideTable", "autoShowForm"], outputs: ["action", "afterSave", "afterDelete", "beforeSave", "beforeDelete", "formCancel", "formInit", "dataLoaded", "selectionChange", "error", "visibleChange"] }, { kind: "component", type: GenericButton, selector: "lib-generic-button", inputs: ["model", "type", "icon", "label", "variant", "severity", "size", "iconPosition", "disabled", "loading", "ariaLabel", "extraClasses", "permission"], outputs: ["clicked", "itemClick"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DynamicDialogRef, optional: true }, { token: i1.DynamicDialogConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericViewComponent, isStandalone: true, selector: "app-detail-view", inputs: { title: "title", actions: "actions", createEditActions: "createEditActions", tabs: "tabs", viewMode: "viewMode", breadcrumb: "breadcrumb", service: "service", formFields: "formFields", apiName: "apiName", moduleName: "moduleName", idField: "idField", standaloneMode: "standaloneMode", useRouteParams: "useRouteParams", query: "query", currentId: "currentId", useTabs: "useTabs", isViewMode: "isViewMode", isCreateMode: "isCreateMode", isEditMode: "isEditMode", model: "model", displayMode: "displayMode", mode: "mode", loading: "loading", showToolbar: "showToolbar" }, outputs: { action: "action", afterDelete: "afterDelete" }, providers: [DialogService, BaseService, RestService], viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }, { propertyName: "inlineForm", first: true, predicate: ["inlineForm"], descendants: true }], ngImport: i0, template: "@if (mode === 'detail') {\n<div  class=\"w-full flex flex-col gap-3\">\n  <!-- overlay -->\n   @if (loading) {\n  <div \n       class=\"absolute inset-0 bg-white/70 flex items-center justify-center z-50\">\n    <p-progress-spinner/>\n  </div>\n}\n\n  <!-- actual content -->\n  <!-- Toolbar -->\n   @if (showToolbar) {\n    <!-- background: transparent; -->\n  <p-toolbar style=\"border: 0px;box-shadow: none;\" class=\"toolbar-top bg-white shadow-none border-none rounded-md px-3\">\n    <ng-template pTemplate=\"left\">\n      <!-- <span class=\"font-semibold text-lg xs:hidden block\">{{ title }}</span> -->\n      <app-breadcrumb class=\"xs:block\" [breadcrumb]=\"breadcrumb\"></app-breadcrumb> <!-- xs:block hidden -->\n    </ng-template>\n    <ng-template pTemplate=\"right\">\n      <div class=\"flex gap-2\">\n\n      <button\n        pButton pRipple\n        icon=\"pi pi-chevron-right\"\n        class=\"p-button-text p-button-sm fd-btn\"\n        pTooltip=\"\u0627\u0644\u062A\u0627\u0644\u064A\"\n        (click)=\"next()\"\n      ></button>\n       <button\n        pButton pRipple\n        icon=\"pi pi-chevron-left\"\n        class=\"p-button-text p-button-sm fd-btn\"\n        pTooltip=\"\u0627\u0644\u0633\u0627\u0628\u0642\"\n        (click)=\"previous()\"\n      ></button>\n      </div>\n    </ng-template>\n  </p-toolbar>\n\n   <p-toolbar class=\"toolbar-bottom bg-white shadow rounded-md px-3\">\n\n    <ng-template pTemplate=\"left\">\n       @if (isViewMode) {\n      <div class=\"flex gap-1\">\n          @for (action of actions_; track $index) {\n        <button\n        pButton pRipple\n      [icon]=\"action.icon ?? ''\"\n          [label]=\"(action.label ?? '') | translate\"\n        class=\"fd-btn\"\n        (click)=\"onAction(action,model)\"\n      ></button>\n          }\n      </div>\n    }\n    </ng-template>\n    <ng-template pTemplate=\"right\">\n      @if (isEditMode || isCreateMode) {\n      <div class=\"flex gap-1\">\n       @for (btn of createEditActions; track $index) {\n            @if (!btn.visible || (btn.visible && btn.visible === true)) {\n               @if (btn.type === 'submit' && inlineForm) {\n              <lib-generic-button\n                [type]=\"'submit'\"\n                [loading]=\"inlineForm.loading\"\n                [disabled]=\"inlineForm.loading || form.invalid\"\n                [icon]=\"btn.icon\"\n                [label]=\"btn.label | translate\"\n                [variant]=\"btn.variant\"\n                [severity]=\"btn.severity\"\n                [size]=\"btn.size\"\n                [model]=\"btn.splitActions\"\n                [permission]=\"btn.permission\"\n                (clicked)=\"inlineForm.onSubmit()\"\n              ></lib-generic-button>\n               }\n               @else{\n                 <lib-generic-button\n                [icon]=\"btn.icon\"\n                [label]=\"btn.label | translate\"\n                [variant]=\"btn.variant\"\n                [severity]=\"btn.severity\"\n                [size]=\"btn.size\"\n                [model]=\"btn.splitActions\"\n                [permission]=\"btn.permission\"\n                (clicked)=\"handleCreateEditAction(btn)\"\n              ></lib-generic-button>\n               }\n            }\n        }\n        </div>\n      }\n    </ng-template>\n\n  </p-toolbar>\n}\n\n  <!-- Tabs -->\n  <ng-template #tabContent let-tab let-i=\"index\">\n  <div>\n    \n    <!-- First tab special handling -->\n    @if (tab.fields.length && i === 0) {\n      @if(form){\n\n      \n      <form  [formGroup]=\"form\">\n\n        @if (isEditMode || isCreateMode) {\n          <app-generic-dialog\n            #inlineForm\n            [form]=\"form\"\n            [model]=\"model\"\n            [formFields]=\"formFields ?? []\"\n            [apiName]=\"apiName\"\n            [idField]=\"idField ?? 'id'\"\n             [moduleName]=\"moduleName\"\n            [displayMode]=\"'inline'\"\n            [mode]=\"'form-only'\"\n            [forceState]=\"isCreateMode ? 'create':'edit'\"\n            (afterSave)=\"afterSave($event)\">\n          </app-generic-dialog>\n        }\n        @else if (isViewMode) {\n          <formly-form\n            [form]=\"form\"\n            [fields]=\"tab.fields\"\n            [model]=\"model\">\n          </formly-form>\n        }\n\n      </form>\n    }\n    }\n\n    <!-- \u0628\u0627\u0642\u064A \u0627\u0644\u062A\u0627\u0628\u0627\u062A -->\n    @if (tab.fields.length && i > 0) {\n      <formly-form\n        [form]=\"getForm(i)\"\n        [fields]=\"tab.fields\"\n        [model]=\"tab.model || model\">\n      </formly-form>\n    }\n\n    <!-- Custom template -->\n    @if (tab.content) {\n      <ng-container\n        *ngTemplateOutlet=\"tab.content; context: { model: model }\">\n      </ng-container>\n    }\n\n  </div>\n</ng-template>\n@if (useTabs) {\n  <p-tabs value=\"0\">\n    <p-tablist>\n      @for (tab of tabs_; track $index) {\n        <p-tab value=\"{{$index}}\">\n          <i [class]=\"tab.icon\"></i>\n          <span class=\"mr-1 ml-1\">{{ tab.header | translate }}</span>\n        </p-tab>\n      }\n    </p-tablist>\n\n    <p-tabpanels>\n      @for (tab of tabs_; track $index) {\n        <p-tabpanel value=\"{{$index}}\">\n          <ng-container\n            *ngTemplateOutlet=\"tabContent; context: { $implicit: tab, index: $index }\">\n          </ng-container>\n        </p-tabpanel>\n      }\n    </p-tabpanels>\n  </p-tabs>\n}\n@else {\n  <div class=\"flex flex-column gap-4\">\n    @for (tab of tabs_; track $index) {\n\n      <!-- Optional header -->\n      <!-- <div class=\"font-bold text-lg\">\n        <i [class]=\"tab.icon\"></i>\n        <span class=\"ml-2\">{{ tab.header | translate }}</span>\n      </div> -->\n\n      <ng-container\n        *ngTemplateOutlet=\"tabContent; context: { $implicit: tab, index: $index }\">\n      </ng-container>\n\n    }\n  </div>\n}\n</div>\n\n<!-- [model]=\"model\" -->\n  <app-generic-dialog\n    #dialog\n    [formFields]=\"formFields ?? []\"\n    [apiName]=\"apiName\"\n    [idField]=\"idField ??'id'\"\n     [moduleName]=\"moduleName\"\n    [displayMode]=\"displayMode ?? 'dialog'\"\n    (afterSave)=\"afterSave($event)\"\n  >\n  </app-generic-dialog>\n}\n", styles: [".toolbar-top{position:sticky;top:0;z-index:1000}.toolbar-bottom{position:sticky;top:48px;z-index:999}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i3.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i6.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i6.TabPanels, selector: "p-tabpanels" }, { kind: "component", type: i6.TabPanel, selector: "p-tabpanel", inputs: ["lazy", "value"], outputs: ["valueChange"] }, { kind: "component", type: i6.TabList, selector: "p-tablist" }, { kind: "component", type: i6.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BreadcrumbComponent, selector: "app-breadcrumb", inputs: ["breadcrumb"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: GenericDialogComponent, selector: "app-generic-dialog", inputs: ["form", "service", "formFields", "model", "apiName", "moduleName", "idField", "dialogMaxWidth", "displayMode", "mode", "forceState", "drawerVisible", "dialogVisible", "isViewMode", "isEditMode", "useConfirmOnSave", "loading", "errorMsg", "errorMessage", "beforeSaveTransform", "hideTable", "autoShowForm"], outputs: ["action", "afterSave", "afterDelete", "beforeSave", "beforeDelete", "formCancel", "formInit", "dataLoaded", "selectionChange", "error", "visibleChange"] }, { kind: "component", type: GenericButton, selector: "lib-generic-button", inputs: ["model", "type", "icon", "label", "variant", "severity", "size", "iconPosition", "disabled", "loading", "ariaLabel", "extraClasses", "permission"], outputs: ["clicked", "itemClick"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericViewComponent, decorators: [{
             type: Component,
@@ -394,8 +360,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                         GenericDialogComponent,
                         GenericButton,
                         ProgressSpinnerModule
-                    ], template: "\n@if (mode === 'detail') {\n  <div  class=\"w-full flex flex-col gap-3\">\n    <!-- overlay -->\n    @if (loading) {\n      <div\n        class=\"absolute inset-0 bg-white/70 flex items-center justify-center z-50\">\n        <p-progress-spinner/>\n      </div>\n    }\n\n    <!-- actual content -->\n    <!-- Toolbar -->\n    <p-toolbar style=\"background: transparent;border: 0px;box-shadow: none;\" class=\"bg-transparent shadow-none border-none rounded-md px-3\">\n      <ng-template pTemplate=\"left\">\n        <!-- <span class=\"font-semibold text-lg xs:hidden block\">{{ title }}</span> -->\n        <app-breadcrumb class=\"xs:block\" [breadcrumb]=\"breadcrumb\"></app-breadcrumb> <!-- xs:block hidden -->\n      </ng-template>\n      <ng-template pTemplate=\"right\">\n        <div class=\"flex gap-2\">\n\n          <button\n            pButton pRipple\n            icon=\"pi pi-chevron-right\"\n            class=\"p-button-text p-button-sm fd-btn\"\n            pTooltip=\"\u0627\u0644\u062A\u0627\u0644\u064A\"\n            (click)=\"next()\"\n          ></button>\n          <button\n            pButton pRipple\n            icon=\"pi pi-chevron-left\"\n            class=\"p-button-text p-button-sm fd-btn\"\n            pTooltip=\"\u0627\u0644\u0633\u0627\u0628\u0642\"\n            (click)=\"previous()\"\n          ></button>\n        </div>\n      </ng-template>\n    </p-toolbar>\n    <p-toolbar class=\"bg-white shadow rounded-md px-3\">\n\n      <ng-template pTemplate=\"left\">\n        @if (isViewMode) {\n          <div class=\"flex gap-1\">\n            @for (action of actions_; track $index) {\n              <button\n                pButton pRipple\n                [icon]=\"action.icon ?? ''\"\n                [label]=\"(action.label ?? '') | translate\"\n                class=\"fd-btn\"\n                (click)=\"onAction(action,model)\"\n              ></button>\n            }\n          </div>\n        }\n      </ng-template>\n      <ng-template pTemplate=\"right\">\n        @if (isEditMode || isCreateMode) {\n          <div class=\"flex gap-1\">\n            @for (btn of createEditActions; track $index) {\n              @if (!btn.visible || (btn.visible && btn.visible === true)) {\n                @if (btn.type === 'submit' && inlineForm) {\n                  <lib-generic-button\n                    [type]=\"'submit'\"\n                    [loading]=\"inlineForm.loading\"\n                    [disabled]=\"inlineForm.loading || form.invalid\"\n                    [icon]=\"btn.icon\"\n                    [label]=\"btn.label | translate\"\n                    [variant]=\"btn.variant\"\n                    [severity]=\"btn.severity\"\n                    [size]=\"btn.size\"\n                    [model]=\"btn.splitActions\"\n                    [permission]=\"btn.permission\"\n                    (clicked)=\"inlineForm.onSubmit()\"\n                  ></lib-generic-button>\n                }\n                @else{\n                <lib-generic-button\n                  [icon]=\"btn.icon\"\n                  [label]=\"btn.label | translate\"\n                  [variant]=\"btn.variant\"\n                  [severity]=\"btn.severity\"\n                  [size]=\"btn.size\"\n                  [model]=\"btn.splitActions\"\n                  [permission]=\"btn.permission\"\n                  (clicked)=\"handleCreateEditAction(btn)\"\n                ></lib-generic-button>\n              }\n            }\n          }\n        </div>\n      }\n    </ng-template>\n\n  </p-toolbar>\n\n  <!-- Tabs -->\n  <p-tabs value=\"0\">\n    <p-tablist>\n      @for (tab of tabs_; track $index) {\n        <p-tab value=\"{{$index}}\">\n          <i [class]=\"tab.icon\"></i>\n          <span class=\"mr-1 ml-1\">{{ tab.header }}</span>\n        </p-tab>\n      }\n    </p-tablist>\n    <p-tabpanels>\n      @for (tab of tabs_; track $index) {\n        <p-tabpanel value=\"{{$index}}\">\n\n          <!-- Formly fields -->\n          <!-- border border-surface p-4-->\n          <div  class=\"\">\n            @if (tab.fields.length && $index === 0) {\n\n              @if (form) {\n                <form [formGroup]=\"form\">\n                  @if (tab.fields.length && $index === 0 ) {\n                    @if (isEditMode || isCreateMode) {\n                      <app-generic-dialog\n                        #inlineForm\n                        [form]=\"form\"\n                        [model]=\"model\"\n                        [formFields]=\"formFields ?? []\"\n                        [apiName]=\"apiName\"\n                        [moduleName]=\"moduleName\"\n                        [idField]=\"idField ??'id'\"\n                        [displayMode]=\"'inline'\"\n                        [mode]=\"'form-only'\"\n                        [forceState]=\"isCreateMode ? 'create':'edit'\"\n                        (afterSave)=\"afterSave($event)\"\n                        >\n                      </app-generic-dialog>\n                    }\n                    @else if(isViewMode){\n                    <formly-form\n                      [form]=\"form\"\n                      [fields]=\"tab.fields\"\n                      [model]=\"model\"\n                    ></formly-form>\n                  }\n                }\n              </form>\n            }\n\n          }\n          @if (tab.fields.length && $index > 0) {\n\n\n            <formly-form\n              [form]=\"getForm($index)\"\n              [fields]=\"tab.fields\"\n              [model]=\"tab.model || model\"\n            ></formly-form>\n\n          }\n\n          <!-- Custom template -->\n          @if (tab.content) {\n            <ng-container\n              *ngTemplateOutlet=\"tab.content; context: { model: model }\">\n            </ng-container>\n          }\n        </div>\n      </p-tabpanel>\n    }\n  </p-tabpanels>\n</p-tabs>\n</div>\n\n<!-- [model]=\"model\" -->\n<app-generic-dialog\n  #dialog\n  [formFields]=\"formFields ?? []\"\n  [apiName]=\"apiName\"\n  [moduleName]=\"moduleName\"\n  [idField]=\"idField ??'id'\"\n  [displayMode]=\"displayMode ?? 'dialog'\"\n  (afterSave)=\"afterSave($event)\"\n  >\n</app-generic-dialog>\n}\n" }]
-        }], propDecorators: { title: [{
+                    ], providers: [DialogService, BaseService, RestService], template: "@if (mode === 'detail') {\n<div  class=\"w-full flex flex-col gap-3\">\n  <!-- overlay -->\n   @if (loading) {\n  <div \n       class=\"absolute inset-0 bg-white/70 flex items-center justify-center z-50\">\n    <p-progress-spinner/>\n  </div>\n}\n\n  <!-- actual content -->\n  <!-- Toolbar -->\n   @if (showToolbar) {\n    <!-- background: transparent; -->\n  <p-toolbar style=\"border: 0px;box-shadow: none;\" class=\"toolbar-top bg-white shadow-none border-none rounded-md px-3\">\n    <ng-template pTemplate=\"left\">\n      <!-- <span class=\"font-semibold text-lg xs:hidden block\">{{ title }}</span> -->\n      <app-breadcrumb class=\"xs:block\" [breadcrumb]=\"breadcrumb\"></app-breadcrumb> <!-- xs:block hidden -->\n    </ng-template>\n    <ng-template pTemplate=\"right\">\n      <div class=\"flex gap-2\">\n\n      <button\n        pButton pRipple\n        icon=\"pi pi-chevron-right\"\n        class=\"p-button-text p-button-sm fd-btn\"\n        pTooltip=\"\u0627\u0644\u062A\u0627\u0644\u064A\"\n        (click)=\"next()\"\n      ></button>\n       <button\n        pButton pRipple\n        icon=\"pi pi-chevron-left\"\n        class=\"p-button-text p-button-sm fd-btn\"\n        pTooltip=\"\u0627\u0644\u0633\u0627\u0628\u0642\"\n        (click)=\"previous()\"\n      ></button>\n      </div>\n    </ng-template>\n  </p-toolbar>\n\n   <p-toolbar class=\"toolbar-bottom bg-white shadow rounded-md px-3\">\n\n    <ng-template pTemplate=\"left\">\n       @if (isViewMode) {\n      <div class=\"flex gap-1\">\n          @for (action of actions_; track $index) {\n        <button\n        pButton pRipple\n      [icon]=\"action.icon ?? ''\"\n          [label]=\"(action.label ?? '') | translate\"\n        class=\"fd-btn\"\n        (click)=\"onAction(action,model)\"\n      ></button>\n          }\n      </div>\n    }\n    </ng-template>\n    <ng-template pTemplate=\"right\">\n      @if (isEditMode || isCreateMode) {\n      <div class=\"flex gap-1\">\n       @for (btn of createEditActions; track $index) {\n            @if (!btn.visible || (btn.visible && btn.visible === true)) {\n               @if (btn.type === 'submit' && inlineForm) {\n              <lib-generic-button\n                [type]=\"'submit'\"\n                [loading]=\"inlineForm.loading\"\n                [disabled]=\"inlineForm.loading || form.invalid\"\n                [icon]=\"btn.icon\"\n                [label]=\"btn.label | translate\"\n                [variant]=\"btn.variant\"\n                [severity]=\"btn.severity\"\n                [size]=\"btn.size\"\n                [model]=\"btn.splitActions\"\n                [permission]=\"btn.permission\"\n                (clicked)=\"inlineForm.onSubmit()\"\n              ></lib-generic-button>\n               }\n               @else{\n                 <lib-generic-button\n                [icon]=\"btn.icon\"\n                [label]=\"btn.label | translate\"\n                [variant]=\"btn.variant\"\n                [severity]=\"btn.severity\"\n                [size]=\"btn.size\"\n                [model]=\"btn.splitActions\"\n                [permission]=\"btn.permission\"\n                (clicked)=\"handleCreateEditAction(btn)\"\n              ></lib-generic-button>\n               }\n            }\n        }\n        </div>\n      }\n    </ng-template>\n\n  </p-toolbar>\n}\n\n  <!-- Tabs -->\n  <ng-template #tabContent let-tab let-i=\"index\">\n  <div>\n    \n    <!-- First tab special handling -->\n    @if (tab.fields.length && i === 0) {\n      @if(form){\n\n      \n      <form  [formGroup]=\"form\">\n\n        @if (isEditMode || isCreateMode) {\n          <app-generic-dialog\n            #inlineForm\n            [form]=\"form\"\n            [model]=\"model\"\n            [formFields]=\"formFields ?? []\"\n            [apiName]=\"apiName\"\n            [idField]=\"idField ?? 'id'\"\n             [moduleName]=\"moduleName\"\n            [displayMode]=\"'inline'\"\n            [mode]=\"'form-only'\"\n            [forceState]=\"isCreateMode ? 'create':'edit'\"\n            (afterSave)=\"afterSave($event)\">\n          </app-generic-dialog>\n        }\n        @else if (isViewMode) {\n          <formly-form\n            [form]=\"form\"\n            [fields]=\"tab.fields\"\n            [model]=\"model\">\n          </formly-form>\n        }\n\n      </form>\n    }\n    }\n\n    <!-- \u0628\u0627\u0642\u064A \u0627\u0644\u062A\u0627\u0628\u0627\u062A -->\n    @if (tab.fields.length && i > 0) {\n      <formly-form\n        [form]=\"getForm(i)\"\n        [fields]=\"tab.fields\"\n        [model]=\"tab.model || model\">\n      </formly-form>\n    }\n\n    <!-- Custom template -->\n    @if (tab.content) {\n      <ng-container\n        *ngTemplateOutlet=\"tab.content; context: { model: model }\">\n      </ng-container>\n    }\n\n  </div>\n</ng-template>\n@if (useTabs) {\n  <p-tabs value=\"0\">\n    <p-tablist>\n      @for (tab of tabs_; track $index) {\n        <p-tab value=\"{{$index}}\">\n          <i [class]=\"tab.icon\"></i>\n          <span class=\"mr-1 ml-1\">{{ tab.header | translate }}</span>\n        </p-tab>\n      }\n    </p-tablist>\n\n    <p-tabpanels>\n      @for (tab of tabs_; track $index) {\n        <p-tabpanel value=\"{{$index}}\">\n          <ng-container\n            *ngTemplateOutlet=\"tabContent; context: { $implicit: tab, index: $index }\">\n          </ng-container>\n        </p-tabpanel>\n      }\n    </p-tabpanels>\n  </p-tabs>\n}\n@else {\n  <div class=\"flex flex-column gap-4\">\n    @for (tab of tabs_; track $index) {\n\n      <!-- Optional header -->\n      <!-- <div class=\"font-bold text-lg\">\n        <i [class]=\"tab.icon\"></i>\n        <span class=\"ml-2\">{{ tab.header | translate }}</span>\n      </div> -->\n\n      <ng-container\n        *ngTemplateOutlet=\"tabContent; context: { $implicit: tab, index: $index }\">\n      </ng-container>\n\n    }\n  </div>\n}\n</div>\n\n<!-- [model]=\"model\" -->\n  <app-generic-dialog\n    #dialog\n    [formFields]=\"formFields ?? []\"\n    [apiName]=\"apiName\"\n    [idField]=\"idField ??'id'\"\n     [moduleName]=\"moduleName\"\n    [displayMode]=\"displayMode ?? 'dialog'\"\n    (afterSave)=\"afterSave($event)\"\n  >\n  </app-generic-dialog>\n}\n", styles: [".toolbar-top{position:sticky;top:0;z-index:1000}.toolbar-bottom{position:sticky;top:48px;z-index:999}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.DynamicDialogRef, decorators: [{
+                    type: Optional
+                }] }, { type: i1.DynamicDialogConfig, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { title: [{
                 type: Input
             }], actions: [{
                 type: Input
@@ -419,6 +389,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 type: Input
             }], standaloneMode: [{
                 type: Input
+            }], useRouteParams: [{
+                type: Input
+            }], query: [{
+                type: Input
+            }], currentId: [{
+                type: Input
+            }], useTabs: [{
+                type: Input
             }], isViewMode: [{
                 type: Input
             }], isCreateMode: [{
@@ -443,6 +421,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 args: ['inlineForm']
             }], loading: [{
                 type: Input
+            }], showToolbar: [{
+                type: Input
             }] } });
 
 class GenericViewModule {